@charset "utf-8";

/* CSS Document */



body,ul,li,h1,h2,h3,h4,h5,h6,p,dd,form,fieldset {margin:0;padding:0;}

body {background-position:center; margin: 0 0 0 0; background-color: #ece8b2;}





.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;} 





/* Div général */

#global{font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif; position:relative; width:805px; clear:both; height:100%; margin:0 auto 0 auto; background-image:url('images/backg_gauche.jpg'); background-repeat:repeat-y; background-position:top left;}

#global a:link{color:#000000; text-decoration:underline;}

#global a:visited{color:#000000; text-decoration:underline;}

#global a:hover{color:#000000; text-decoration:none;}

#global a:active{color:#000000; text-decoration:underline;}

#global dd {float:left; font-size:11px; color:#000000; margin:20px 40px 10px 70px}

#global dd a:link{color:#000000; text-decoration:underline;}

#global dd a:visited{color:#000000; text-decoration:underline;}

#global dd a:hover{color:#000000; text-decoration:none;}

#global dd a:active{color:#000000; text-decoration:underline;}

#global dd + dd {float:right;font-size:11px; color:#000000;}



.liens {font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif;}

.liens a:link{color:#000000; text-decoration:underline;}

.liens a:visited{color:#000000; text-decoration:underline;}

.liens a:hover{color:#000000; text-decoration:none;}

.liens a:active{color:#000000; text-decoration:underline;}





/* Div background */

#backg{position:relative; width:805px; height:100%; background-image:url('images/backg_droite.gif'); background-repeat:repeat-y; background-position:top right;}





/* Div Head */

#entete{float:left;}



#colonne {background-image:url('images/backg_gauche.jpg'); background-repeat:repeat-y; background-position:top left;}



/* Div colonne gauche */

#colonnenavigation{font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif; font-size:14px;  width:200px; float:left; margin:20px 0 0 35px;}

 #navigation ul{text-align:left; list-style:none;} 

#navigation li{margin:0 0 8px 0; list-style:none; font-size:14px; color:#000000; line-height:30px; text-align:left;}

 #navigation li a:link {color: #000000; text-decoration:none;}  

 #navigation li a:visited {color: #000000; text-decoration:none;} 

 #navigation li a:hover {color:#000000; text-decoration: none; font-size:14px; color:#000000; background-color:#a7d08c; display:block;} 

 #navigation li a:active {color: #000000; text-decoration: none;}

 #navigation span {color:#000000; text-decoration: none; font-size:14px; color:#000000; border-bottom:#22b24c dotted 2px;} 



/*Cette section change selon l'anglais ou le francais*/

#colonnenavigation #nouvelle {width:200px; height:269px; list-style:none; font-size:12px; line-height:12px; color:#000000; text-align:left; float:left; margin-top:86px; background-image:url(images/nouvellea.jpg); background-repeat:no-repeat;}

#colonnenavigation #nouvelle #news {list-style:none; line-height:12px; color:#000000; text-align:left; float:left; margin:32px 0 37px 16px; overflow:auto; display:block; height:204px; width:170px;}

#colonnenavigation #nouvelle #news a:link{color:#000000; text-decoration:underline;}

#colonnenavigation #nouvelle #news a:visited{color:#000000; text-decoration:underline;}

#colonnenavigation #nouvelle #news a:hover{color:#000000; text-decoration:none;}

#colonnenavigation #nouvelle #news a:active{color:#000000; text-decoration:underline;}

#colonnenavigation #nouvelle #news h3{font-weight:bold; font-size:12px; letter-spacing: 0.3mm; margin:0 0 10px 0; text-align:left; color:#22b24c;}

#colonnenavigation #nouvelle #news p{font-size:12px; margin:10px 0 0 0; text-align:left;}



/* Div colonne droite */

#colonnecontenu p{color:#000000; padding-right:40px; margin-top:15px;}

#colonnecontenu {font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif; width:530px; float:right; text-align:justify; font-size:12px; line-height:18px;}

#colonnecontenu h1{font-weight:bold; font-size:18px; letter-spacing: 0.3mm; margin:20px 0 28px 0; color:#22b24c; text-align:left;}

#colonnecontenu h2{font-weight:bold; font-size:14px; letter-spacing: 0.1mm; margin:20px 0 0 0; color:#22b24c; text-align:left;}

#colonnecontenu h3{font-weight:bold; font-size:12px;}

#colonnecontenu h4{font-weight:bold; font-size:12px; color:#22B24C;}

#colonnecontenu .membre{letter-spacing: 0.1mm; margin:9px 0 9px 0; color:#666666; text-align:center;}

#colonnecontenu  ul{margin:10px 0 0 25px; color:#000000; font-size:11px;}
#colonnecontenu  li {font-size:12px; text-align:left;}

#colonnecontenu li a:hover {color:#000000; text-decoration: underline;} 
#colonnecontenu  li a:active {color: #000000; text-decoration: none;}



/* photos */

.photos{margin:5px 0 0px 0;}

.photos_location{margin:5px 10px 0 0;}

.photos_album{margin:3px 3px 0 0; border: 1px solid #000000;}

.photos_plan{margin:25px 30px 0 10px; float:right; }



.table{font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif; font-size:12px; color:#ece8b2; text-align:left; }

.table2{font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif; font-size:10px; color:#ece8b2;; line-height:12px;}

.table3{font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif; font-size:10px; color:#000000; line-height:12px; border: 1px solid #22B24C;}

.table4{font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif; font-size:12px; color:#000000; line-height:18px; margin-left:25px;}

.table5{ border:none; }

.table6{ border: 1px solid #22B24C; }

.table7{font-family: tahoma, "trebuchet ms", verdana, arial, sans-serif; font-size:12px; color:#000000; border: 1px solid #22B24C;}

.td { border: 1px solid #22B24C; }



#footer{ clear:both}