/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#444450;
	font-size: 1em;
	background-color:#c2cfa3;
	}
	
a {color:#444450;}
a:hover {color:#478216;}

img {border:0;}

body, form, h1, h2, h3, h4, h5, fieldset, ul, dl, dd, dt { margin:0; padding:0;}

.spacer {clear:both;}

.photo_left { float:left; margin-left:8px; margin-top:8px; border:0; }
.photo_right { float:right; margin-bottom:15px; margin-top:8px; margin-left:20px; }


#conteneur {
	position: relative;
	width:960px;
	margin: 0 auto;
	margin-top:8px;
	padding:10px;
	background-color:#FFFFFF;
		
	/*height: auto;
	min-height: 695px; 
	_height: 695px; 
	min-height: 695px;*/
	}
	
#logo {
	position:absolute;
	left:20px;
	top:20px;
	z-index:1;
	}
#logo h1 { text-indent:-50000px;}
#logo img {border:0;}
	
	
	
#menu {
	position:relative;
	width:100%;
	height:87px;
	background:url(../images/fd_menu.gif) no-repeat;
	}
	
	
#menu ul.menu_principal {
	position:absolute;
	left:300px;
	top:40px;
	list-style-type:none;
	}
#menu ul.menu_principal li {
	display:block;
	float:left;
	font-size:0.88em;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-right:solid 1px #999999;
	}
#menu ul.menu_principal li a {
	color:#666666;
	text-decoration:none;
	}
#menu ul.menu_principal li a:hover, 
#menu ul.menu_principal li a.actif {
	color:#478216;
	}



#menu ul.menu_annexe {
	position:absolute;
	right:0px;
	top:30px;
	width:320px;
	list-style-type:none;
	}
#menu ul.menu_annexe li {
	font-size:0.88em;
	font-weight:bold;
	background:url(../images/puce_menu.gif) no-repeat;
	padding-left:20px;
	}
#menu ul.menu_annexe li a {
	color:#666666;
	text-decoration:none;
	}
#menu ul.menu_annexe li a:hover,
#menu ul.menu_annexe li a.actif {
	color:#478216;
	}
	



#colonne_gauche {
	position:relative;
	width:357px;
	float:left;
	}
#colonne_gauche #encart_un {
	position:relative;
	width:100%;
	background:url(../images/fd_menu.jpg);
	height:319px;
	}
#colonne_gauche #encart_deux {
	position:relative;
	width:100%;
	background-color:#78a00c;
	height:126px;
	}
#colonne_gauche #encart_deux p.adresse_contact {
	height:126px;
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-size:0.77em;
	margin-left:35px;
	padding-top:20px;
	}
#colonne_gauche #encart_trois {
	position:relative;
	width:100%;
	border:solid 1px #CCCCCC;
	margin-top:8px;
	}
	
	
#colonne_droite {
	position:relative;
	width:603px;
	float:left;
	}

#footer {
	position:relative;
	width:100%;
	height:37px;
	font-size:0.71em;
	padding-top:12px;
	padding-left:30px;
	}
#footer a {
	color:#444450;
	text-decoration:none;
	}
#footer a:hover { color:#478216;}


/* ACCUEIL */

#visuel_accueil_g {
	position:relative;
	float:left;
	height:319px;
	width:358px;
	}
#visuel_accueil_d {
	position:relative;
	float:left;
	height:319px;
	width:245px;
	}
#adresse {
	position:relative;
	width:100%;
	height:126px;
	background-color:#b51900;
	}
#adresse p {
	position:relative;
	margin:0;
	padding-top:15px;
	padding-left:30px;
	color:#FFFFFF;
	font-size:0.88em;
	width:50%;
	}
	
#visuel_environnement {
	position: absolute;
	right:0;
	top:208px;
	z-index:1;
	}
	
	
	
#encart_un #texte_encart {
	position:relative;
	padding-top:105px;
	color:#FFFFFF;
	padding-left:30px;
	}
#encart_un #texte_encart p {
	font-size:0.88em;
	width:80%;
	}
#encart_un #texte_encart h3 {
	font-size:1.15em;
	font-weight:normal;
	margin-top:1.5em;
	width:90%;
	}
	
	
	
#encart_deux #actu_accueil {
	position:relative;
	padding-top:15px;
	color:#FFFFFF;
	font-size:0.71em;
	padding-left:30px;
	}
#encart_deux #actu_accueil a {
	text-decoration:none;
	color:#FFFFFF;
	}
#encart_deux #actu_accueil a:hover {
	color:#003300;
	}
	
	
	
/* PAGE */

body#page_interieure #colonne_droite {
	height: auto;
	min-height: 445px; 
	_height: 445px; 
	min-height: 445px;
	background:url(../images/fd_page.gif) no-repeat;
	}
	
body#page_interieure #texte_page {
	position:relative;
	width:92%;
	margin-left:30px;
	margin-top:1em;
	}
		
body#page_interieure #texte_page h2.titre {
	font-size:24px;
	color:#478216;
	font-weight:normal;
	padding-bottom:1em;
	padding-left:10px;
	margin-bottom:1em;
	border-bottom:solid 1px #bbcf85 ;
	}
	
body#page_interieure #texte_page p {
	font-size:0.71em;
	text-align:justify;
	margin:0;
	padding:0;
	padding-bottom:10px;
	}
	
body#page_interieure #texte_page h4 {
	font-size:0.77em;
	font-weight:bold;
	color:#78a00c;
	margin:0;
	padding:0;
	margin-bottom:4px;
	}
	
body#page_interieure #texte_page ul {
	font-size:0.71em;
	margin-left:2em;
	margin-bottom:1em;
	}
	
#pictos {
	position:absolute;
	left:320px;
	top:85px;
	z-index:1;
	}
	
/* REFERENCES */
dl.refences_vignette {
	position:relative;
	float:left;
	width:150px;
	height:180px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	padding:5px;
	margin-right:5px;
	margin-bottom:5px;
	}
dl.refences_vignette dd {
	font-size:0.71em;
	text-align:center;
	}
	
	
div.actu {
	border:solid 1px #CCCCCC;
	margin-bottom:1em;
	padding:8px;
	}
	
#photos_references img {
	position:relative;
	float:left;
	width:80px;
	height:80px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	padding:5px;
	margin-right:5px;
	margin-bottom:5px;
	}