/*===================== éléments de base =====================*/ 
body { background-color 
: #fcf0e1; /* couleur de fond */ 
margin-top:2%; /*marge haut */ 
margin-right:15px; 
margin-left:90px; 
padding:0; 
} 
* { 
font-family : Arial, Helvetica, sans-serif; 
color: #333333; 
font-size: 12px;
font-weight:bold;
text-align: justify; 
}

 p { font-family: Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #3903b5; 
 text-align: justify; 
 }
 
li { 
list-style-type: none; 
}

 /*===================== Styles =====================*/ 
h1 { font-family : Arial, Helvetica, sans-serif; font-size : 25px; color: #3903b5; } 
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#3903b5 ; background-color: #f9e7d1; } 
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #EDE4CC; background-color: #BC3C28; }
.legendphot { font-family : Arial, Helvetica, sans-serif; font-size : 9px; } 

/*===================== Liens =====================*/ 
a { color: #3903b5; text-decoration: none; } 
a:hover { color: #993333; text-decoration: none; } 
a:visited { color: #996633 ; } 

/*===================== éléments de haut de page =====================*/ 
#haut {
float:left; 
background-image: url(../../imgcom/fond_tabtitre2.gif);
background-repeat: repeat-x ; 
padding: 0; 
width:100%;
height: 120px;
}

#imagehaut {
float:right; 
width:470px;
height: 79px; 
}

#logo {
position:absolute;  
margin-top:-2;
margin-left:-10%;
width:137;
height: 126;
}

#logogf {
position:absolute; 
 
background-repeat: no-repeat;
margin-top:20;
margin-left:27%;
width:60;
height: 60;
}
#epi {
position:absolute; 
margin-top:40;
margin-left:34%;
width:40;
height: 11;
}

#titre {
position:absolute; 
margin-top:6;
margin-left:45px;
width:45%;
text-align:center;
}

#navigation {
position:absolute;
margin-top:8em; 
margin-left:2%;
width:29em;
} 

.enligne li { 
display: inline; margin: 1em; 
} 

/*===================== Menu déroulant villages =====================*/ /* CSS issu des tutoriels www.alsacreations.com/articles */
 .menu_village { 
 position: absolute;
 width:44em;
 margin-top:8em;
 margin-left:30em; 
margin-bottom:1em;
}

dt, dl, dd {
margin: 0;
padding: -1;
}

 #smenu3{
 display: none;
 width: 100%;
 }
 

/*===================== Page : Textes et images accueil =====================*/ 
#titrepage {
border-style:solid; 
border-width:1px; 
border-color:#e6f9d1; 
background-color:#f9e7d1;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
padding-top:7px;
position:absolute;
margin-top:16em;
width:200px;
text-align: justify;
}


#texte1 {
border-style:solid; 
border-width:1px; 
border-color:#e6f9d1; 
background-color:#f9e7d1;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
padding-top:7px;
position:absolute;
margin-top:3em;
width:250px;
text-align: justify;
}


 #photo1 {
 border-style:solid; 
border-width:1px; 
border-color:#e6f9d1; 
position :absolute;
left:31em;
top : 21em;

}

#texte2 {
border-style:solid; 
border-width:1px; 
border-color:#e6f9d1; 
background-color:#f9e7d1;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
padding-top:7px;
position:absolute;
margin-top:3em;
margin-left:60em;
width:130px;
text-align: justify;
}




/*===================== Tableaux =====================*/ 
.cell1 {
border-style:solid; 
border-width:1px; 
border-color:#f9e7d1; 
background-color:#e6f9d1;
text-align:center;
color: #3903b5;
width:18%;
}

.cell2 {
border-style:solid; 
border-width:1px; 
border-color:#e6f9d1; 
background-color:#f9e7d1;
text-align:center;
color: #3903b5;
width:18%;
}

.cell3 {
border-style:solid; 
border-width:1px; 
border-color:#e6f9d1; 
background-color:#3903b5;
text-align:center;
color: white;
width:18%;
}

.cell4 {
border-style:solid; 
border-width:1px; 
border-color:#e6f9d1; 
bborder-color:#e6f9d1; 
background-color:#3903b5;
text-align:center;
color: white;
width:108%;
}

.cell5 {
border-style:solid; 
border-width:1px; 
border-color:#e6f9d1; 
background-color:#f9e7d1;
text-align:center;
color: #3903b5;
width:108%;
}
.none {
border-style:none;
}