body {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 0.70em; line-height:1.2em; color : #BCDEF0; background-color : #137DB8; margin:0; padding:0;
}

#contener {border-left:solid 1px #79B5D6;border-right:solid 1px #79B5D6;width:70em; margin-left: auto;margin-right: auto; background: url(img/stou_stra.gif) no-repeat 2.8em 11em}
#contener_index {width:670px; height: 450px; position: absolute; left: 50%; top: 45%;margin-left: -335px;margin-top: -225px;}

ul {padding: 1.5em}
li {margin: 1.5em 0; list-style: square; color: #FFCC99}
li span {color: #BCDEF0}
p.langues {text-align: center}
p.langues a {text-decoration: none; color: #BCDEF0; padding: 0 1em}
p.langues a:hover {text-decoration: underline}

	
#cont_nav ul{list-style: none; margin: 0; padding: 0; background: url(img/nav/onde.gif) no-repeat top left; width:70em;height:11em; font-size: 1em}
#cont_nav ul li {float: left; position: relative; list-style: none; margin: 0; padding: 1.8em 0 0; margin: 1em 8.5em 0 1.3em;}
#cont_nav ul li.home {height: 6em; width: 5.5em; margin: 0; padding: 0}
#cont_nav ul li.home a, #cont_nav ul li.home span.on {background: url(img/nav/home_off.gif) no-repeat 0.5em 0; display: block; height: 6em; width: 5.5em;}
#cont_nav ul li.home a span, #cont_nav ul li.home span.on span {display: none}
#cont_nav ul li.home a:hover, #cont_nav ul li.home span.on  {background: url(img/nav/home_on.gif) no-repeat 0.5em 0;}


#cont_nav ul li ul {display: none;}
#cont_nav ul li ul {margin: 0; padding: 0; width: 15em;}
#cont_nav ul li.sfhover ul , #cont_nav ul li:hover ul {display: block; position: absolute;}

#cont_nav ul li#cafe span.texte, #cont_nav ul li#cafe_on span.texte, #cont_nav ul li#village span.texte, #cont_nav ul li#ile  span.texte, #cont_nav ul li#ile_on  span.texte, #cont_nav ul li#histoires span.texte {display: none}

#cont_nav ul li#cafe {width: 7em; height: 2em; background: url(img/nav/cafe_off.gif) 0 0.8em no-repeat;}
#cont_nav ul li#cafe_on {width: 7em; height: 2em; background: url(img/nav/cafe_on.gif) 0 0.8em no-repeat;}
#cont_nav ul li#cafe:hover, #cont_nav ul li#cafe.sfhover{background: url(img/nav/cafe_on.gif) 0 0.8em no-repeat; cursor: pointer}
#cont_nav ul li#cafe ul, #cont_nav ul li#cafe_on ul  {height: 5em; padding: 0.5em 0 0 0.5em;top: 2.7em; left: 0.5em; background: url(img/nav/snav_caf.gif) no-repeat;}
#cont_nav ul li#cafe_on ul {display: block; position: absolute;}

#cont_nav ul li#village {width: 9em; height: 1em;padding-top: 0.8em}
#cont_nav ul li#village a, #cont_nav ul li#village span.on {background: url(img/nav/village_off.gif) 0 0 no-repeat; display: block; height: 1.5em;}
#cont_nav ul li#village a:hover, #cont_nav ul li#village span.on {background: url(img/nav/village_on.gif) 0 0em no-repeat;}

#cont_nav ul li#ile {width: 5em; height: 2em; background: url(img/nav/ile_off.gif) 0 0.8em no-repeat;cursor: pointer} 
#cont_nav ul li#ile_on {width: 5em; height: 2em;background: url(img/nav/ile_on.gif) 0 0.8em no-repeat;}
#cont_nav ul li#ile:hover{background: url(img/nav/ile_on.gif) 0 0.8em no-repeat;}
#cont_nav ul li#ile ul, #cont_nav ul li#ile_on  ul {height: 8em; padding: 0.8em 0 0 1.5em;top: 3em; left: 0; background: url(img/nav/snav_ile.gif) no-repeat;}
#cont_nav ul li#ile_on  ul {display: block; position: absolute;}


#cont_nav ul li#histoires {width: 9em; height: 1em;padding-top: 0.8em; margin-right: 0} 
#cont_nav ul li#histoires a, #cont_nav ul li#histoires span.on {display: block; height: 1.5em; background: url(img/nav/histoires_off.gif) 0 0 no-repeat;} 
#cont_nav ul li#histoires a:hover, #cont_nav ul li#histoires span.on {background: url(img/nav/histoires_on.gif) 0 0 no-repeat;} 

#cont_nav ul li ul li {float: none; margin: 0; padding: 0;}
#cont_nav ul li ul li  a, #cont_nav ul li ul li  span.on{color: #1F3058;text-decoration:none; font-size: 0.9em; line-height: 0.5em}
#cont_nav ul li ul li  a:hover , #cont_nav ul li ul li  span.on {color: #FFCC99;text-decoration:none;}


img {border: 0}
h1 {margin: 0 1em 0.8em 0; float: left;}
h2 {font-size: 110%; font-family: arial, sans-serif; color: #FFCC99; font-weight:bold; margin:0 0 1em 0; letter-spacing: 0.08em}
#content{margin-left: 7em; width:62em;text-align:left;}
#content a:link{font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #BCDEF0;text-decoration:underline;}
#content a:visited{font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #BCDEF0;text-decoration:underline;}
#content a:active{font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFCC99;text-decoration:underline;}
#content a:hover{font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFCC99;text-decoration:underline;}

span.photo_legende {text-align: center}
span.photo_legende span {display: block; font-size: 90%; line-height:120%; color: #1F3058; }
.gauche {float: left; margin: 0 0.7em 0 0}
.w12 {width:12em}
.w19 {width:19em}
.w29 {width:29em}
.w33 {width:33em}
.w40 {width:40em}
.w42 {width:42em}
.w45_5 {width:45.5em}
.droit {float: right; margin: 0 0 0 0.7em}
img.photo{border: solid 1px #1F3058;}
.spacer {clear: both; margin:0.5em 0;}
p#haut {text-align: right}
p#haut a:link {text-decoration:none}
p#haut a:visited {text-decoration:none}
p#haut a:active {text-decoration:none}
p#haut a:hover{text-decoration:none}
p#haut img {vertical-align: -0.5em}


#fermer {display: block; text-align: right; margin: 0.5em 1em 0.5em 0}

.flash {width:670px;height:450px;margin-left: auto;margin-right: auto;margin-top: auto;margin-bottom: auto;}

/* FOOTER */
#adresse{border-top: 1px solid #79B5D6; border-bottom: 1px solid #79B5D6; background-color:#3791C2;text-align:center;padding: 0.5em 0}
#adresse {color: #FFCC99;margin-top:1em;}
#adresse a:link {color: #FFCC99;text-decoration:none;font-weight:bold;}
#adresse a:visited {color: #FFCC99;text-decoration:none;font-weight:bold;}
#adresse a:active {color: #1F3058;text-decoration:none;font-weight:bold;}
#adresse a:hover {color: #1F3058;text-decoration:none;font-weight:bold;}
#adresse img {vertical-align : +1px;margin-right:8px;margin-left:8px;}

.photoPop{border-bottom: solid 3px #1F3058;}
.pop{border-bottom: solid 3px #1F3058;text-align:right;padding-bottom:5px;padding-top:4px;}

#web {float:left;}
#web  a:link{font-size: 90%; color: #FFCC99;text-decoration:underline}
#web a:visited{font-size: 90%; color: #FFCC99;text-decoration:underline}
#web a:active{font-size: 90%; color: #1F3058;text-decoration:underline}
#web a:hover{font-size: 90%; color: #1F3058;text-decoration:underline}

a.menupdf {background: url(img/pdf.gif) left top no-repeat; padding: 2px 0 5px 20px; margin-top: 1em; display: block}

#en {float:right;padding-right:10px;}
#en img {vertical-align:-2px;}
#en a:link {color: #FFCC99;text-decoration:none;font-weight:norm; font-size: 100%;line-height:14px;}
#en a:visited {color: #FFCC99;text-decoration:none;font-weight:bold; font-size: 100%;line-height:14px;}
#en a:active {color: #1F3058;text-decoration:none;font-weight:bold; font-size: 100%;line-height:14px;}
#en a:hover {color: #1F3058;text-decoration:none;font-weight:bold; font-size: 100%;line-height:14px;}