/*****************************************************************************
 * Tous droits reserves - Whynet.org http://www.whynet.org pour Les Sens Bois
 * Interdiction de reproduire de quelque manieres que ce soit.
 ****************************************************************************/

body {font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;color:#666;	margin:0;text-align: center;border-top:3px solid #29B5CE;	background: #FFF url(i/bg.png) top left fixed;}
* {margin:0;padding:0;}
#droite h1 {font-size:2em;letter-spacing:-1px;margin:5px 0;padding:5px;color:#29B5CE;}
#droite h2 {font-size:1.8em;font-weight:normal;margin:15px 20px;	border-bottom:1px solid #bbbbbb;	padding:5px 0;	font-style: italic;}
#droite h3 {font-size:1.3em;font-weight:normal;margin:15px 25px;	border-bottom:1px solid #bbbbbb;	padding:5px 0;	font-style: italic;}
#droite h4 {font-size:1.2em;font-weight:normal;margin:15px 25px;	padding:5px 0;	font-style: italic;}
acronym, abbr {cursor: help;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666;}

#page {width:760px;margin:20px auto;text-align:justify;}
#gauche {clear:both;width:305px;float:left;padding:0px 10px 30px 10px;}
#logo a{display: block; width: 320px; height: 100px; text-decoration: none;background: url(i/logo.jpg) top left no-repeat;}
#logo span{display: none;}
#droite {margin:0px 0 0 320px;padding: 0px 5px 0px 5px;background:transparent url(i/bg_dte.png) repeat-y top right;}
#contenu{background:#d8edf1 url(i/fd_cont.jpg) no-repeat top right;padding:5px 0px 30px 0px;border:5px solid #fff;}

#sousmenu{float:right;margin:0 auto;list-style: none;padding:0 20px 5px 0;width:380px;}
#sousmenu ul li{margin:0;padding:0;}
#sousmenu a{font-size: 1.2em ;display: block;padding: 3px 3px 3px 25px;width: 350px;background: #29B5CE;border-bottom: 1px solid #eee;}
#sousmenu a:link, #sousmenu a:visited{color: #EEE;text-decoration: none;}
#sousmenu a:hover{background: #33ADC4;color: #fff;}

#navigation {margin:0;padding:0;list-style: none;}
#navigation li {padding:0;height:95px;width:305px;}
#navigation li a:link, #navigation li a:visited {display:block;width:305px;height:95px;text-indent:-5000px;}
#menu2 a:link, #menu2 a:visited {background:url(i/pres.jpg) top left no-repeat;}
#menu6 a:link, #menu6 a:visited {background:url(i/bout.jpg) top left no-repeat;}
#menu9 a:link, #menu9 a:visited {background:url(i/real.jpg) top left no-repeat;}
#menu23 a:link, #menu23 a:visited {background:url(i/cont.jpg) top left no-repeat;}
#menu2, #menu6, #menu9,#menu23 {margin-bottom: 5px;}
#navigation a:hover {background-position: 0 -95px;text-decoration: none;}
#ambiance{text-align:center;height:58px;background:url(i/ambiance.jpg) top left no-repeat;padding-top:27px;}

#bas {text-align:right;color:#FFF;background: transparent url(i/bg_bas.png) no-repeat top right;	padding: 10px 5px 9px 5px ;	margin:0px 0px 0 320px !important;}
#bas a{text-decoration:none;color:#FFF;}
#bas a:hover{text-decoration: underline;}

.clear {clear:both;}
.cache{display:none;}
.aligndroite{float: right;}
.aligngauche{float: left;}
#zonecontenu .aligncentre{text-align:center;}
#droite p, #zonecontenu ul{line-height:25px;text-align: justify;margin:0 25px 0;font-size:110%;word-spacing:2px;}
#zonecontenu a {	color:#29B5CE;}
#zonecontenu a:hover {	color:#FFF;	background:#29B5CE;}
#zonecontenu ul {	margin:5px 10px 5px 20px;padding:5px 10px 5px 20px;border:1px solid #29B5CE;}
#zonecontenu li {margin:5px;padding:5px;}
#zonecontenu img.seule {border:5px solid #EEE;margin:0 auto;width:360px;}

img.vignette{position: relative;float: right;margin: 0.2em  0 0 0.7em;padding: 3px;}

form#formcontact {margin-top:20px;}
#formcontact label { position: absolute; top: 0; left:0; }
#formcontact fieldset { margin:20px; border : 1px solid #BBB;}
#formcontact p { position: relative;	}
#formcontact input, #formcontact textarea {	margin-left:120px; }
#formcontact #f-name, #formcontact #f-email {	width: 200px; }
#formcontact #f-subject, #formcontact #f-message { width: 250px; }
#formcontact input[type=submit], input[type=reset] {border : 1px solid #666;background : #29B5CE;color : #FFF;}
#formcontact input[type=submit]:hover {background : #33ADC4;color : #fff;}
#formcontact img{margin-left:120px;}
.erreur{font-weight:bold; color:red;}

#zonecontenu ul#gallerie{margin:0 15px 0 20px;border:none;list-style: none;padding:0;}
#zonecontenu #gallerie ul li{margin:0;padding:0;}
#zonecontenu #gallerie li{width:360px;border:solid #CCC;border-width:0 1px 1px 0;background:#FFF;padding:10px;text-align:center;float:left;display:inline;overflow:auto;margin:5px auto;}
#zonecontenu #gallerie li a{display:block;text-decoration:none;}
#zonecontenu #gallerie a span{width:310px;font-weight:bold;padding:10px 0 5px 0;font-variant: small-caps;letter-spacing: 2px;} 
#zonecontenu #gallerie img{border:1px solid #EEE;width:360px;border:0;}

#zonecontenu div#galerie {width:360px;padding:10px;margin:5px auto;text-align:center;}
#zonecontenu ul#galerie_mini{margin:0;padding:0;list-style:none;}
#zonecontenu ul#galerie_mini li{float:left;}
#zonecontenu ul#galerie_mini li a img{margin:2px 1px;border:1px solid #33ADC4;}
#zonecontenu dl#photo{margin: 0 auto;}
#zonecontenu dl#photo dt{font:italic 2.5em/1.5em Georgia, serif;color:#33ADC4;}
#zonecontenu dl#photo dd{margin:0;}
#zonecontenu dl#photo img{border:1px solid #33ADC4;}

 .thumbnail
{
float: left;
width: 150px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

.clearboth { clear: both; }