/* gris foncé (texte) : #4E4E4E; */
/* rouge foncé : #B9060A; */
/* gris Noaluen : #D5D5D5; */
/* gris liens sur fond gris clair : #B2B2B2; */
/* gris pied de page : #818181; */
/* gris contenu : #E8E8E8; */
/* gris connexe : #C1C1C1; */

BODY{
	font-family:  Myriad, Arial, Tahoma, sans-serif;
	font-size: 0.9em;
	color : #4E4E4E; 
	line-height : 140%;
	/*letter-spacing: -0.1em;*/
}
LI{
	list-style: none;
}
.boutondenvoi{
	text-align: center;
	float : none;
}

A:link, A:visited {
	text-decoration: none;
	font-size: 1em;
	color : #B2B2B2; 
	font-weight : bold;
}
A:hover, A:active {
	font-weight : bold;
	color : #4E4E4E; /*#B9060A;*/
	text-decoration : underline;
}
A IMG{
	border : none;
}


/************************************                 BANDEAU                            *****************************************/

#bandeau{
	float : none;
	text-align: left;
	background-color : #FFFFFF;
	position : absolute;
	z-index : 1;
	margin-left : -20px;
	width : 335px;
	/*border : thin solid green;	
	padding-bottom : -65px;
	margin-top: -75px;
	
	display : block;*/
}
HTML>BODY #bandeau {
	/*margin-top: -85px;*/
	margin-left : 14%;
}

H1{
	margin-top : -7px;
	margin-left : 20px;
	font-weight: normal;
	font-size: 1.7em;
	/*padding-bottom : -30px;*/
	margin-bottom : 1px;

}
HTML>BODY H1{
	margin-top : -10px;
}
H1 A:link, H1 A:visited{
	color: #B9060A;
	font-variant: small-caps;
	line-height : 55%;
	font-weight : normal;
	text-decoration :none;
		/*border: thin solid red;
		padding-bottom : -10px;*/
}
HTML>BODY H1 A:link, H1 A:visited{
line-height : 55%;
}

H1 A:hover, H1 A:active{
	color:  #B2B2B2;
	
}
H1.nlf{
	margin-top : 10px;
		margin-left : 0px;	
		margin-bottom : 25px;	
}
HTML>BODY H1.nlf{
	margin-bottom : 15px;
}

H1.nlf A:link, H1.nlf A:visited{
	color: #D5D5D5;
	line-height : 35%;
	font-variant: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
H1.nlf A:hover, H1.nlf A:active{
	color : #B2B2B2;
}



/************************************                 PAGE : CONTENEUR                      *****************************************/
#conteneur{
	position : relative;
	width: 720px;
	height: 470px;
	top : 45px;
	margin-left: auto;	
	margin-right: auto;
	float: none;
	text-align: left;
	background-image: url(images/fil_trait.jpg);
	background-repeat: no-repeat;
	background-position: left;
	border-top: thin solid #E8E8E8;
	border-right: thin solid #E8E8E8;
	border-bottom: thin solid #E8E8E8;
	border-left : none;
	padding :25px 70px 25px 30px;
}
HTML>BODY #conteneur{
		top : 55px;
		background-position: top;
		background-position: left;
}



/************************************                 CONTENU   & MENU                  *****************************************/


#contenu{
	width : 450px;
	height: 443px;
	text-align: left;
	background-color: #E8E8E8;	
	clear : none;
	/*border : thin solid red;*/

}
HTML>BODY #contenu{
		width : 460px;
		height: 437px;
}

H2{
	font-size: 0.8em;
	color: #000000;
	word-spacing : -0.1em;
	/*margin-top : 0px;*/
	padding-top: 0px;
}
#menus H2{
	font-weight: bold;
	background-repeat : no-repeat;
	background-position : left bottom;
}
#menus UL{
	float: left;
	list-style: none;
padding-left : 0px;
margin-left : 3px;
padding-top : 5px;
margin-top : 8px;
padding-bottom : 0px;
margin-bottom : 0px;
}
HTML>BODY #menus UL{
	padding-left : 1px;
	margin-top : 0px;
}
#menus LI{
	float: left;
	list-style: none;
		margin-left : 0px;
		margin-top : -8px;
}
#menus A:link, #menus A:visited{
	font-weight : bold;
	color : #000000;
	text-decoration : none;
}
#menus A:hover, #menus A:active{
	color : #B9060A;
}
#menus  #menu_selec A:link, #menus  #menu_selec A:visited,#menus  #menu_selec A:hover{
	color:   #B9060A;
}
.espaces{
	/*font-size: 0.6em;*/
	letter-spacing: 0.3em
}

/************************************                            PAGE                                *****************************************/


#page{
	margin-right : 17px;
	margin-left : 17px;
	font-size: 0.9em;
	
	/*border : thin solid blue;*/
	clear : both;
	margin-top : -10px;
}
#page P{
	margin-top : 10px;
	line-height : 170%;
	/*border : thin solid red;*/
}
HTML>BODY #page P{
padding-top : 10px;
}



.remplatitre{
	color : #B9060A;
	font-weight : bold;
}
#page UL{
/*border : solid red thin;
margin-top : 3px;*/
margin : 0px;
margin-bottom : 5px;
margin-top : 5px;
line-height : 170%;

padding-left : 0px;
}
#page LI{
margin-left : 5px;
/*margin-left : 0px;*/

}
UL.liens A:link, UL.liens A:visited{
	font-weight : normal;
}

H3{
	color : #B9060A;
	font-size : 1em;	
	margin-top :10px;	
}

HTML>BODY  H3{
	margin-top :6px;	
}
#page H3.{
	margin-top :10px;
	margin-bottom : -4px;
}

HTML>BODY #page H3{
	margin-top : 10px;
	padding-top : 10px;
	margin-bottom : -15px;
}
#page H3.accueil{
	font-variant : small-caps;
	font-weight : bold;
	font-size : 1.1em;
	padding-top : -1px;
}
HTML>BODY  H3.accueil{
	padding-top : 7px;
}



/************************************                                   PIED DE PAGE                              *****************************************/

#pied-de-page{
	color : #818181;
	font-size : 0.8em;
}
#pied-de-page A:link, #pied-de-page A:visited{
	font-weight : normal;
	color : #818181;
}
#pied-de-page A:hover, #pied-de-page A:active{
	color : #B9060A;
	text-decoration : none;
}


  #menu_selec A:link, #pied-de-page  #menu_selec A:visited,#pied-de-page  #menu_selec A:hover{
	color:   #B9060A;
}

#pied-de-page .espaces{

	letter-spacing: 0.2em

}
/************************************                              GALERIE                          *****************************************/

#galerie{
	text-align : left;
}
#galerie P{
	margin-top : 0px;
}
.legendesite{
		text-align : center;
		font-size : 0.9em;
		display : block;
}
.legendesite A:link, .legendesite A:visited{
	color : #000000;
	font-weight : bold;
}
.legendesite A:hover, .legendesite A:active{
	color : #B2B2B2;
}

#galerieHz{
	margin-right : auto;
	margin-left : auto;
	text-align : center;
	
}
#galerieVtk{
	margin-right : auto;
	margin-left : auto;
	text-align : center;
}


/************************************              ELEMENTS ANNEXES : formulairede contact, miniatures, connexe                        *****************************************/

#obligatoire{
	color : #B9060A;
	text-align : center;
}
.error{
	margin : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	/*border : solid thin blue;*/
	color : #B9060A;
	text-align : center;
}
FORM{
margin-top : -10px;
}

input{
	border :1px solid  #C1C1C1;
	background-color : #FFFFFF;
	padding : 2px;
	color : #4E4E4E;
	margin-top :0px;
}
textarea{
	border :1px solid #C1C1C1;
	background-color : #FFFFFF;
	padding : 3px;
	margin-top :0px;
}
.bouton{
	border :1px solid  #C1C1C1;
	background-color : #FFFFFF;
	padding : 1px;
	color : #4E4E4E;
	margin-top :4px;
}
.bouton:hover{
	border : 1px solid #4E4E4E; 
	background-color : #ffffff;
	color : #A42503;
}

#miniatures{
background-color : #FFFFFF;
	width: 500px;
	float : none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear : both;
	margin-top : 24px;
	/*padding-left: 20px;
	padding-right : 20px;*/
	z-index : 3;
	position : relative;
	vertical-align: middle;
}
HTML>BODY #miniatures{
	margin-top : 34px;
}

#validators{
	float : right;
	text-align : right;
	display : none;
}
#connexe{
	width : 205px;
	position : absolute;
	margin-left : 482px;
	top : 5px;
	/*border : thin solid blue;*/
	
}

HTML>BODY #connexe{
margin-left : 485px;
}
#connexe H3{
	background-image : URL(images/soulignphoto.jpg);
	background-repeat : no-repeat;
	background-position : left bottom;
}
.legende {
	font-size : 0.8em;
	color : #818181;
	line-height : 20%;
}
#infos{
	width : 193px;
	margin-top : 33px;
	background-color: #C1C1C1;
	position : relative;
	clear : right;
	float : right;
	padding : 5px;
	height : 193px;
	font-size : 0.9em;
}
HTML>BODY #infos{
	margin-top : 20px;
	width : 195px;
	height : 195px;
}
#infos P{
margin-top : -13px;
}
#infos p.coordonnees{
margin-top :50px;
margin-left : 20px;
}
HTML>BODY #infos p.coordonnees{
margin-left : 25px;
}
#infos A:link, #infos A:visited {
	color : white;
}
#infos A:hover, #infos A:active {
	/*color : #B9060A;*/
}
.copyright {
float : right;
margin-right : 30px;
margin-top : -2px;
/*border : thin solid blue;*/
	font-size : 0.7em;
	color : #B2B2B2; 
}
HTML>BODY .copyright {
margin-top : -1px;
}
.copyright A:link, .copyright A:visited {
	font-weight : normal;
	text-decoration : none;
}
.copyright A:hover, .copyright A:active {
	font-weight : normal;
	color : #B9060A;
}