@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:20px 0 0 25px; color:#000000; font-size:11px;display: inline;}
#colonnecontenu  li {font-size:11px; padding: 1px 9px; border-left:1px solid; display: inline; text-align:center;}
#colonnecontenu  .premier {border-left: none; list-style: none; display: inline;}
#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}