/*===== CHARTRE COULEUR =====*/
/*Rouge : c13738/*
/*Vert fonce : 3a6339*/
/*Vert clair : 74b92a*/
/*Bleu fonce : 3148b7*/
/*Bleu ciel : add9ff*/
/*Bleu fond container : ddeeff*/
/*Bleu fond titre container : a6cef7*/
/*Or fonce : cfb03d*/
/*Or clair : fff2c6*/
/*Gris fonce : 555*/
/*Gris clair : d8d8d8*/

/*==========FONTS==========*/

@font-face
{
	font-family : Zyphyte;
	src : url('../Fonts/ZyphyteOffset.ttf');
}

@font-face
{
	font-family : PoetsenOne;
	src : url('../Fonts/PoetsenOne.ttf');
}

html
{
	padding : 0px; 
	font-weight : normal;
}

html, body {
	height : 100%; 
}

body {
	padding : 0px;
	font-size: 1em;
}

/*==========LOOK LIENS==========*/

a
{
	text-decoration : none;
}

a img
{
	border : 0;
}

a:link 
{
	color : black;
}
a:visited 
{
	color : black;
}
a:hover, a:focus, a:active 
{
	color : black;
}

/*==========TITRE==========*/

h1
{
	margin-top : 0px;
	color : #cfb03d;
	font-family : PoetsenOne;
	font-size : 1.8em;
	/*text-shadow : 2px 2px 5px black;*/
}

h2
{
	color : #cfb03d;
	font-family : PoetsenOne;
	font-size : 1.3em;
}

h3
{
	color : #cfb03d;
	font-family : PoetsenOne;
	font-size : 1em;
}

/*==========FORMULAIRE==========*/

input[type="submit"] 
{
	border-radius : 5px 5px 5px 5px;
	width : 100px;
	background-color : #74b92a;
	font-weight : bold;
	color : #3a6339;
	height : 30px;
}

input[type="submit"]:hover
{
	cursor: pointer;
	background-color : #3a6339;
	color : #74b92a;
}

input[type="email"], textarea
{
	border : 1px solid #3a6339;
}

/*==========IMAGE FLOTTANTE==========*/
.ImgFlottanteG
{
	float : left;
	margin-right : 10px;
	margin-bottom : 10px;
	border-radius : 5px 5px 5px 5px;
}

/*==========TABLEAUX==========*/

table
{
	border-spacing: 0px; /*CellSpacing*/
	width : 100%;
}

td
{
	padding-right : 10px; /*CellPadding*/
}

/*Ligne impairs*/
tbody>tr:nth-child(odd)
{
	background-color : white;
}

/*Ligne pairs*/
tbody>tr:nth-child(even)
{
	background-color : #ddeeff;
}

/*==========IMAGES==========*/

.ImageAlignMiddle
{
	margin-right : 5px;
	vertical-align : middle;
}

/*==========HEADER==========*/

.Header_Box
{
	display : block;
	position : relative;
	border : 0px solid black;	
	width : 100%;
	border-radius : 5px 5px 5px 5px;
	margin-bottom : 5px;
	background-image : url('../Images/Pelouse.jpg');
	background-repeat : repeat;
	background-position : left;
	/*background-color : #727a3f;*/
}

#Banniere
{
	display : block;
	width : 100%;
	height : auto;
	max-width : 900px;
}

/*==========PARENT BOX==========*/
.Parent_Box
{
	position : relative;
	width : 100%;
}

/*==========ANIMATION NAVIGATION==========*/

@-webkit-keyframes AnimMenu {  
    0% 		{width : 150px}  
    100% 	{width : 180px}  
} 
@-moz-keyframes AnimMenu {  
    0% 		{width : 150px}  
    100% 	{width : 180px}  
} 
@-ms-keyframes AnimMenu {  
    0% 		{width : 150px}  
    100% 	{width : 180px}  
} 
@-o-keyframes AnimMenu {  
    0% 		{width : 150px}  
    100% 	{width : 180px}  
} 
@keyframes AnimMenu {  
    0% 		{width : 150px}  
    100% 	{width : 180px}  
} 

/*==========MENU PRINCIPAL==========*/

.Nav_Box
{
	display : block;
	border : 0px solid blue;
	position : absolute;
	top : 0;
	left : 0;
	width : 200px;
}

.Nav_Box_Item
{
	display : block;
	margin-bottom : 5px;
	padding-left : 15px;
	padding-top : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	border : 0px solid #6d6767;
	border-radius : 5px 5px 5px 5px;
	text-align : left;
	font-weight : bold;
	font-size : 14px;
	color : #3a6339;
	vertical-align : middle;
	background-color : #80ba42;
	width : 150px;
}

.Nav_Box_Item:hover
{
	color : #80ba42;
	background-color : #3a6339;
	
	-webkit-animation-name : AnimMenu;
	-moz-animation-name : AnimMenu;
	-ms-animation-name : AnimMenu;
	-o-animation-name : AnimMenu;
	animation-name : AnimMenu;
	
	-webkit-animation-duration : 0.5s;
	-moz-animation-duration : 0.5s;
	-ms-animation-duration : 0.5s;
	-o-animation-duration : 0.5s;
	animation-duration : 0.5s;
	
	-webkit-animation-iteration-count : 1;
	-moz-animation-iteration-count : 1;
	-ms-animation-iteration-count : 1;
	-o-animation-iteration-count : 1;
	animation-iteration-count : 1;
	
	-webkit-animation-fill-mode : forwards;
	-moz-animation-fill-mode : forwards;
	-ms-animation-fill-mode : forwards;
	-o-animation-fill-mode : forwards;
	animation-fill-mode : forwards;
}

.Nav_Box_ItemSelected
{
	display : block;	
	padding-left : 15px;
	padding-top : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	margin-bottom : 5px;
	border : 0px solid #7408a6;
	border-radius : 5px 5px 5px 5px;
	text-align : left;
	font-weight : bold;
	font-size : 14px;
	color : #80ba42;
	vertical-align : middle;
	background-color : #3a6339;
	width : 180px;
}

.a_Updates:link 
{
	color : black;
}
.a_Updates:visited 
{
	color : black;
}
.a_Updates:hover, .a_Updates:focus, .a_Updates:active 
{
	color : black;
	text-decoration : underline;
}

/*==========SOUS MENU NIVEAU 1==========*/

.Nav_Box_Menu1
{
	display : block;	
	padding-left : 10px;
}

.Nav_Box_Menu1_Item
{
	display : block;	
	padding-left : 0px;
	margin-bottom : 5px;
	font-size : 0.9em;
	color : #74b92a;
	font-weight : bold;
}

.Nav_Box_Menu1_Item:hover
{
	color : #3a6339;
}

.Nav_Box_Menu1_ItemSelected
{
	display : block;	
	padding-left : 0px;
	margin-bottom : 5px;
	font-size : 0.9em;
	color : #3a6339;
	font-weight : bold;
}

/*==========NAVIGATION NIVEAU 3==========*/

.NavN3Item
{
	display : inline-block;
	border : 1px solid #fff;	
	border-radius : 5px 5px 5px 5px;
	margin-bottom : 10px;
	margin-right : 5px;
	padding : 5px;
	color : #74b92a;
}

.NavN3Item:hover
{
	border : 1px solid #3a6339;
	color : #3a6339;
}

.NavN3ItemSelected
{
	display : inline-block;
	border : 1px solid #3a6339;	
	border-radius : 5px 5px 5px 5px;
	margin-bottom : 10px;
	margin-right : 5px;
	padding : 5px;
	color : #3a6339;
}

/*==========MAIN==========*/

.Main_Box
{
	display : block;
	border : 0px solid black;
	margin-left : 205px; /*ATTENTION : depend de Nav_Box.width + 5px (marge)*/
	margin-right : 0px;
	padding-left : 5px;
	padding-top : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
}

/*==========LOOK DES CONTENEURS AFFICHES==========*/

.ContainBox_Block
{
	display : block;
	/*border : 1px solid #3148b7;	*/
	/*border-radius : 5px 5px 5px 5px;*/
	margin-right : 0px;
	margin-bottom : 5px;
	padding-left : 5px;
	padding-top : 0px;
	padding-right : 5px;
	padding-bottom : 5px;
	/*background-color : #ddeeff;*/
	overflow : hidden; 
}

.ContainBox_InlineBlock
{
	display : inline-block;
	border : 1px solid #3148b7;	
	border-radius : 5px 5px 5px 5px;
	margin-right : 5px;
	margin-bottom : 5px;
	padding-left : 5px;
	padding-top : 0px;
	padding-right : 5px;
	padding-bottom : 5px;
	/*background-color : #add9ff;*/
	vertical-align : top;
	overflow : hidden; 
}

.ContainBox_Titre
{	
	/*border-radius : 0px 0px 15px 15px;*/
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 0px;
	padding-right : 5px;
	margin-bottom : 5px;
	/*background-color : #a6cef7;*/
	color : #3a6339;
	font-weight : bold;
	font-size : 1.1em;
}

/*==========BOX TELECHARGEMENT==========*/

.Box_Alerte
{
	display : block;
	border : 1px solid red;	
	border-radius : 5px 5px 5px 5px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
	background-color : red;
	color : #fff;
}

.Box_Alerte a:link 
{
	color : white;
}

.Box_Alerte a:visited 
{
	color : white;
}

.Box_Alerte a:hover, .Box_Alerte a:focus, .Box_Alerte a:active 
{
	color : yellow;
}

.BoxInline_Alerte
{
	display : inline-block;
	border : 1px solid red;	
	border-radius : 5px 5px 5px 5px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
	background-color : red;
	color : #fff;
	font-weight : bold;
}

.Box_Voeux
{
	display : block;
	border : 1px solid green;	
	border-radius : 5px 5px 5px 5px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
	background-color : green;
	color : #fff;
}

.Box_Voeux a:link 
{
	color : white;
}

.Box_Voeux a:visited 
{
	color : white;
}

.Box_Voeux a:hover, .Box_Voeux a:focus, .Box_Voeux a:active 
{
	color : yellow;
}

.BoxInline_Alerte
{
	display : inline-block;
	border : 1px solid red;	
	border-radius : 5px 5px 5px 5px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
	background-color : red;
	color : #fff;
	font-weight : bold;
}

.Box_Download
{
	display : block;
	/*border : 1px solid #cfb03d;*/
	border-radius : 5px 5px 5px 5px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
	/*background-color : #f7e9b8;*/
}

.Box_Download_Flash
{
	display : block;
	border-radius : 5px 5px 5px 5px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
	background-color : #FFFF00;
}

.Box_Download a:hover, .Box_Download a:focus, .Box_Download a:active 
{
	text-decoration : underline;
}

.BoxInline_Download
{
	display : inline-block;
	/*border : 1px solid #cfb03d;	*/
	border-radius : 5px 5px 5px 5px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
	/*background-color : #f7e9b8;*/
}

.BoxInline_Download_Annexe
{
	display : inline-block;
	border : 1px solid #cfb03d;	
	border-radius : 5px 5px 5px 5px;
	margin-left : 40px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
	background-color : #f7e9b8;
}

.Span_Download
{
	display : inline-block;
	border : 1px solid #cfb03d;	
	border-radius : 5px 5px 5px 5px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
	background-color : #f7e9b8;
}

.Box_Download:hover, .BoxInline_Download:hover, .BoxInline_Download_Annexe:hover, .Span_Download:hover, .Box_Download_Flash:hover
{
	background-color : #cfb03d;
}

/*==========PHOTOS MINIATURES==========*/

.Figure_Min
{
	display : inline-block;
	position : relative;
	margin-left : 0px;
	margin-top : 0px;
	margin-right : 5px;
	margin-bottom : 5px;
	padding : 2px;
	/*border : 1px solid #cfb03d;	*/
	/*border-radius : 5px 5px 5px 5px;*/
	width : 156px;
	height : 156px; 
	/*background-color : #fff2c6;*/
}

.Figure_Min:hover
{
	/*border : 1px solid #cfb03d;*/
	border-radius : 5px;
	background-color : #cfb03d;
}

.Figure_Min img
{
	position : absolute;
    margin : auto;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0;
    /*border-radius : 5px 5px 5px 5px;*/
}

/*===================================*/
/* VISIONNEUSE MODALE                */
/*===================================*/

.MasqueModal
{
	display : block;
	position : fixed;
	top : 0; 
	right : 0; 
	bottom : 0; 
	left : 0;
	background-color : rgba(0, 0, 0, 0.5);
	z-index : 1000;
}

.MasqueModal:target
{
	display : none;
}

.CadreModalPaysage
{
	display : block;
	position : absolute;
	width : 640px;
	height : 480px;
    margin : auto;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0;
}

.CadreModalPortrait
{
	display : block;
	position : absolute;
	width : 480px;
	height : 640px;
    margin : auto;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0;
}

.ImageModalPaysage
{
	display : block;
	position : absolute;
    top : 0;
    left : 0;
	border : 1px solid white;
	border-radius : 5px;
	width : 100%;
	height : auto;
}

.ImageModalPortrait
{
	display : block;
	position : absolute;
    top : 0;
    left : 0;
	border : 1px solid white;
	border-radius : 5px;
	width : auto;
	height : 100%;
}

.ImageFermer
{
	display : block;
	position : absolute;
	width : 40px;
	height : 40px;
	background-image : url('../Images/Fermer.png');
	background-repeat : no-repeat;
	background-position : 3px 3px;
    top : 5px;
    bottom : 0;
    left : 5px;
    right : 0;
}

/*==========MAIN AVEC ASIDE==========*/

.Index_Main_Box
{
	display : block;
	border : 0px solid black;
	margin-left : 205px; /*ATTENTION : depend de Nav_Box.width + 5px (marge)*/
	margin-right : 325px; /*ATTENTION : depend de Aside_Box.width + 5px (marge)*/
	padding-left : 5px;
	padding-top : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
}

/*==========ASIDE==========*/

.Index_Aside_Box
{
	display : block;
	border : 0px solid red;
	position : absolute;
	top : 0;
	right : 0;
	width : 320px;
}

/*==========INDEX==========*/
.Index_InfoSite
{
	display : block;
	border : 0px solid #6d6767;
	text-align : center;
	font-size : 0.7em;
	color : black;
	width : auto;
}

.Box_Mairie
{
	display : block;
	/*border : 1px solid #cfb03d;*/
	/*border-radius : 5px 5px 5px 5px;*/
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
	/*background-color : #f7e9b8;*/
}

.Box_Mairie .Titre_Mairie
{
	font-size : 1.2em;
	color : red;
	font-weight : bold;
}

.Box_Mairie .Item_Mairie
{
	color : red;
}

.Item_Mairie
{
	/*padding-left : 50px;*/
}

#BlockImportant h1
{
	font-size: 40px;
	color: red;
}

#BlockImportant h2
{
	font-size: 20px;
	color: red;
}

#ImageNice
{
	display : block;
	height : 200px;
	padding-left : 200px;
	background-image : url('../Images/Nice-attentat.jpg');
	background-repeat : no-repeat;
	background-position : left;
}

/*==========VILLAGE==========*/

#Bloc1Village
{
	display : inline-block; 
	width : 450px; 
	vertical-align : top;
}

#Bloc2Village
{
	display : inline-block; 
	width : 310px; 
	vertical-align : top;
}

#Bloc3Village
{
	display : inline-block; 
	width : 310px; 
	vertical-align : top;
}

#EvolutionDemographie
{
	width : 100%;
	max-width : 606px;
	height : auto;
}

.NomRue
{
	display : inline-block;
	margin-left : 0px;
	margin-top : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	padding : 3px;
	border-radius : 5px 5px 5px 5px;
	background-color : black;
	color : white;
	font-size : 0.8em;
	font-weight : bold;
	box-shadow : 0px 0px 10px black;
}

/*=========MUNICIPALITE==========*/

.BoxFigure_CM
{
	display : block;
	text-align : center;
	border : 0px solid #cfb03d;
	margin : 0px;
}

.Figure_CM
{
	display : inline-block;
	margin-left : 0px;
	margin-top : 0px;
	margin-right : 5px;
	margin-bottom : 5px;
	padding : 5px;
	border : 1px solid #cfb03d;	
	border-radius : 5px 5px 5px 5px;
	width : 156px;
	height : 175px; 
	background-color : #fff2c6;
	text-align : center;
	vertical-align : top;
	overflow : hidden;
}

.Figure_CM:hover
{
	background-color : #cfb03d;
}

.Figure_CM img
{
    border-radius : 5px 5px 5px 5px;
}

.Figure_CM figcaption
{
	font-size : 0.85em;
}

/*=========COMMUNICATION==========*/

.BoxEau
{
	display : block;
	/*border : 1px solid #3148b7;	*/
	/*border-radius : 5px 5px 5px 5px;*/
	margin : 0px 0px 10px 0px;
	padding : 0px;
	/*background-color : #add9ff;*/
	vertical-align : top;
	overflow : hidden; 
}

/*=========ACTIVITES==========*/

.ActiviteEmail
{
	display : inline-block;
	/*border : 1px solid #cfb03d;	*/
	border-radius : 5px 5px 5px 5px;
	margin-right : 5px;
	margin-bottom : 5px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 35px;
	padding-right : 5px;
	height : 37px;
	Line-height : 37px;
	/*background-color : #f7e9b8;*/
	background-image : url('../Images/Icones/Mail.png');
	background-repeat : no-repeat;
	background-position : left;
}

.ActiviteSite
{
	display : inline-block;
	/*border : 1px solid #cfb03d;	*/
	border-radius : 5px 5px 5px 5px;
	margin-right : 5px;
	margin-bottom : 5px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 35px;
	padding-right : 5px;
	height : 37px;
	Line-height : 37px;
	/*background-color : #f7e9b8;*/
	background-image : url('../Images/Icones/Internet.png');
	background-repeat : no-repeat;
	background-position : left;	
}

.ActiviteDownload
{
	display : inline-block;
	/*border : 1px solid #cfb03d;	*/
	border-radius : 5px 5px 5px 5px;
	margin-right : 5px;
	margin-bottom : 5px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 35px;
	padding-right : 5px;
	height : 37px;
	Line-height : 37px;
	/*background-color : #f7e9b8;*/
	background-image : url('../Images/Icones/PDF.png');
	background-repeat : no-repeat;
	background-position : left;	
}

.ActiviteEmail:hover, .ActiviteSite:hover
{
	background-color : #cfb03d;
}

/*=========RANDONNEES==========*/

.RandoInfo
{
	display : inline-block;
	float : left;
	border : 1px solid #555;	
	border-radius : 5px 5px 5px 5px;
	margin-right : 10px;
	margin-bottom : 10px;
	padding : 5px;
	background-color : #d8d8d8;
	color : #555;
	overflow : hidden; 
	width : 250px;
}

/*=========CONTACT==========*/

.SecretariatFerme
{
	color : red;
}

.SecretariatTel
{
	display : block;
	border : 0px solid #555;	
	margin-right : 0px;
	margin-bottom : 0px;
	margin-top : 10px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 35px;
	padding-right : 5px;
	height : 37px;
	Line-height : 37px;
	background-image : url('../Images/Icones/Telephone.png');
	background-repeat : no-repeat;
	background-position : left;
}

.SecretariatFax
{
	display : block;
	border : 0px solid #555;	
	margin-right : 0px;
	margin-bottom : 0px;
	margin-top : 10px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 35px;
	padding-right : 5px;
	height : 37px;
	Line-height : 37px;
	background-image : url('../Images/Icones/Fax.png');
	background-repeat : no-repeat;
	background-position : left;
}

.SecretariatCourriel
{
	display : block;
	border : 0px solid #555;	
	margin-right : 0px;
	margin-bottom : 0px;
	margin-top : 10px;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 35px;
	padding-right : 5px;
	height : 37px;
	Line-height : 37px;
	background-image : url('../Images/Icones/Mail.png');
	background-repeat : no-repeat;
	background-position : left;
}

.FormItem
{
	display : block;
	border : 0px solid #555;	
	border-radius : 5px 5px 5px 5px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding : 5px;
}

.FormLabel
{
	display : block;
	margin-bottom : 5px;
}

.DivForm
{
	display : block;
}

.ItemObligatoire
{
	color : red;
}

.MsgErreur
{
	display : inline-block;
	border : 1px solid red;	
	border-radius : 5px 5px 5px 5px;
	padding-left : 10px;
	padding-top : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	margin-bottom : 5px;
	background-color : #fd9e9e;
	color : red;
}

.MsgInfo
{
	display : inline-block;
	border : 1px solid #6a8712;	
	border-radius : 5px 5px 5px 5px;
	padding-left : 10px;
	padding-top : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	margin-bottom : 5px;
	background-color : #dfebba;
	color : #6a8712;
}

/*===================================*/
/* REVUE MUNICIPALE                  */
/*===================================*/

.Revue
{
	display : inline-block;
	border : 1px solid #55514e;
	width : 300px;
	padding : 0px;
	margin-right : 5px;
	margin-bottom : 10px;
	overflow : hidden;
	vertical-align : top;
}

.RevueHeader
{
	display : block;
	height : 45px;
	line-height : 45px;
	background-color : #55514e;
	font-weight : bold;
	color : #fff;
	text-align : center;
}

.RevueBody
{
	padding : 10px;
	background-color : #dcdcdc;
}

/*===================================*/
/* FOOTER                            */
/*===================================*/
.FooterPage
{
	display : block;
	/*border : 1px solid #000;*/
	margin-top : 10px;
	margin-bottom : 10px;
}

.FooterItemFirst
{
	display : inline-block;
	font-size : 12px;
	padding-left : 5px;
	padding-right : 5px;
}

.FooterItem
{
	display : inline-block;
	font-size : 12px;
	padding-left : 5px;
	padding-right : 5px;
	border-left : 1px solid #3a6339;
}

footer a:link 
{
	color : #3a6339;
	font-weight : bold;
}
footer a:visited 
{
	color : #3a6339;
	font-weight : bold;
}
footer a:hover, footer a:focus, footer a:active 
{
	color : black;
	font-weight : bold;
}

/*===================================*/
/* MENTIONS                          */
/*===================================*/

.AMention:link 
{
	color : #3a6339;
	font-weight : bold;
}
.AMention:visited 
{
	color : black;
	font-weight : bold;
}
.AMention:hover, .AMention:focus, .AMention:active 
{
	color : black;
	font-weight : bold;
}

/*===================================*/
/* SITEMAP                           */
/*===================================*/

.SiteMap a:link 
{
	color : black;
}
.SiteMap a:visited 
{
	color : black;
}
.SiteMap a:hover, .SiteMap a:focus, .SiteMap a:active 
{
	text-decoration : underline;
}

.SiteMap li 
{
	display : list-item;
	list-style-type: none;
	margin-bottom : 10px;
}

/*===================================*/
/* HISTORIQUE MAJ                    */
/*===================================*/

.DateHistorique
{
	font-weight : bold;
}

#Historique a:link 
{
	color : black;
}
#Historique a:link 
{
	color : black;
}
#Historique a:hover, #Historique a:focus, #Historique a:active 
{
	text-decoration : underline;
}

/*===================================*/
/* RESPONSIVE DSIGN                  */
/*===================================*/

@media screen and (max-width:1020px)
{
	.Index_Main_Box
	{
		margin-right : 0px;
	}
	
	.Index_Aside_Box
	{
		display : block;
		border : 0px solid red;
		position : static;
		margin-left : 210px;
	}
}

@media screen and (max-width:690px)
{
	#slideshow
	{
		display : none;
	}
	
	#Bloc1Village, #Bloc2Village, #Bloc3Village
	{
		display : block; 
		width : auto; 
	}
	
	.CadreModalPaysage
	{
		width : 400px;
		height : 300px;
	}
}

@media screen and (max-width:590px)
{
	.Nav_Box
	{
		display : block;
		border : 0px solid blue;
		position : static;
		width : auto;
	}
	
	.Nav_Box_Item
	{
		width : auto;
	}
	
	.Nav_Box_Item:hover
	{
		-webkit-animation-name : none;
		-moz-animation-name : none;
		-ms-animation-name : none;
		-o-animation-name : none;
		animation-name : none;
	}
	
	.Nav_Box_ItemSelected
	{
		width : auto;
	}
	
	.Nav_Box_Menu1
	{
		padding-left : 20px;
	}
	
	.Index_Main_Box
	{
		margin-left : 0px;
	}
	
	.Index_Aside_Box
	{
		margin-left : 0px;
		width : auto;
	}
	
	.Main_Box
	{
		margin-left : 0px;
	}
}

@media screen and (max-width:400px)
{
	.CadreModalPaysage
	{
		width : 300px;
		height : 225px;
	}
}
