
body {
	background-color: #A59064;
	font-family : Trebuchet MS,Arial, Helvetica, Sans-serif;
	font-size: 13px;
	margin: 0;
}
h1 {position: relative;font-family : /*French Script MT,*/Trebuchet MS, Cursive; font-size: 16px;  /*background: url("../img/serpent.jpg") 0px 0px no-repeat;*//**/ padding: 0 0 0 10px; color: #c92c14; margin: 0; height: 28px;}/*#A59064*/
h1 img{vertical-align: middle;}

h2 {font-size: 14px; padding: 0px; margin: 10px 0 3px 0;}

a {color: #c92c14;}
a.visited {color: #c2685c;}/*une classe*/

#cont{
	position: relative; 
	width : 946px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../img/milieu.jpg");
	padding: 0 px;
	
}

#contenu {margin: 0 11px 0 10px; padding: 0; }


#haut {line-height: 0;}
#haut a img {border: none;}

/*Menus horizontaux*/
ul.menu_h {
	background-color: #a69064;/**/
	position: relative;
	margin: 0;
	list-style: none;
	clear: both;
	padding: 5px 0 0px 15px;
	font-size: 14px;
	height: 20px; /*25*/
	border: 0;
	line-height: 21px;;
}
/*ul.bas {border: 1px solid #000; border-width: 1px 0;}*/


ul.menu_h li {
	display: inline; color: #d5ba89; margin: 0; font-family: Trebuchet MS, Arial, Tahoma; margin: 0; padding: 0; font-size: 11px;
}
ul.menu_h li.lg {float: right;}
ul.menu_h li.lg a img {border: none;}

ul.menu_h li a {
	 text-decoration: none; font-weight: bold;//*#E4D2B2*/
}

ul.menu_h li a, ul.menu_h li a.inactif {
	  margin: 0 0 0 0px;
      padding: 0 2px 0 2px;
      text-decoration: none;
	  font-size: 13px;
	  width: auto;	  
}
	  
ul.menu_h li a span, ul.menu_h li a span.inactif {
      padding:  0px 0px 0 0px;
      color: #000;/*#f5f5e7#E4D2B2*/
	position: relative;
	height: 20px;
	/*border: 1px solid;*/
	  
}
ul.menu_h li a.actif span {padding:  0px 5px 0 5px;}

ul.menu_h li a.actif, ul.menu_h li a:hover {
    background: url("../img/ongletG.gif") no-repeat left top;
}
ul.menu_h li.lg a:hover {
    background: none;
}	  
ul.menu_h li a.actif span, ul.menu_h li a:hover span {
    background: url("../img/ongletD.gif") no-repeat right top;
	color: #c92c14;
}


/*
ul.menu_h li a:hover {color: #cadecd;}
ul.menu_h li a.actif {color: #cadecd; }
*/




/*menu à gauche
ul#menu_v {position: absolute; left: 22px; width: 180px; background-image: url("../img/menu.jpg"); height: 500px; }

ul#menu_v, ul#menu_v ul {
	list-style: none; margin: 0; padding-left: 10px;font-weight: bold;
}
ul#menu_v {padding: 20px 0 0 0px;}
ul#menu_v li, ul#menu_v ul li{
	

	margin: 5px 0;
	padding-left: 20px;

}
ul#menu_v ul li {padding-left: 10px;}

ul#menu_v a {font-weight: bold;text-decoration: none; color: #000;}
ul#menu_v a:hover { color: #d00828}
ul#menu_v li.actif {background-image: url("../img/puce.png"); }
ul#menu_v li.actif a {font-weight: bold;  color: #c92c14;; }
*/


#sm {padding: 5px 0 20px 20px; margin: 0 0 20px 0;}
#sm a {
	text-decoration: none; color: #000 ; padding: 0 10px; display: block;; position: relative; float: left; outline: none;/*#605338*/
}
#sm a.visited {color: #6a6a6a;}
#sm a.actif {font-size: 14px; color: #c92c14;/*padding-left: 30px;*/ height: 26px;  /*background: url("../img/tourbillon.jpg") center left no-repeat; border: 1px solid #ceb37a;font-variant: small-caps;*/}
#sm a:hover {text-decoration: underline;}

.clear {height: 10px; position: relative; clear: both; width: 100%; border: 1px solid;}





div#txt {
	min-height: 400px;  position: relative; float: left;
}
div#txt.large {margin: -30px 0px 0 15px; width: 890px;}


div#txt div{width: 350px; display: none;}
div#txt div.large {width: 870px; position: relative;}
div#txt div div,div#txt div div div {display: block;}

div#txt.large div {width: 890px; margin-top: 0px; }
div#txt.large div div {width: 440px; float: left; }
div#txt.large p.sm {clear: both;}

div#txt td {vertical-align: top;}
div#txt td p {margin: 0px;}

div#txt div.vis {display: block;}
#txt ul {margin: 10px 0;padding-left: 0;position: relative;}
#txt ul ul {margin-left: 20px;}
#txt ul.cl {clear: left;}
#txt li {
	list-style-type: none;
	background: url("../img/puce.jpg") 0px 5px  no-repeat;
	text-indent: 15px;
	/*margin-left: 25px;*/
}
div#txt.activites p {margin: 0;}
div#txt.activites ul {margin-top: 0px;}







#photos {clear: both; position: relative; float: left; width: 400px; background-color: #54514c; padding: 8px; margin: 0 70px 25px 35px;
text-align: center;
}
#photos.sans { background-color: transparent;  height: 1px;; overflow: hidden; width: 15px; margin: 0px}
#photos.sans img {display: none;}

#photos #cadre_photos {min-height: 320px;}
#photos img {margin-left: auto; margin-right: auto; position: relative;}


#contenant_vign {height: 60px; overflow: hidden; position: relative;margin-left: 59px; margin-top: 5px;}/*75 29*/
#vign {position: absolute;left: 0; width: 5000px; text-align: left;}

#vign span {position: relative; float: left; display: block; text-align: center;margin-right: 20px; }
#vign img {}

/*#vign img.actif {border: 1px solid #b0a18a; height: 73px; width: 98px; }*/
#vign img.actif {border: 1px solid #b0a18a; height: 58px; /*width: 78px; */}


#navig_photos {text-align: center; margin-top: -40px;}
#navig_photos a {outline: none;}
#navig_photos a img {border: none; }
#prec {position: relative; float: left}
#suiv {position: relative; float: right}
#pauselect a img {margin-top: 45px;}


























#details {/**/
	position: absolute;
	right: 0px; 
	top: 10px; 
	width: 600px; 
	height: 450px;
	padding: 20px;
	overflow: visible;
	background-color: #901018;
	
	/*background-color: #FFF;
	background-image: url("../img/ombre.png");
	background-repeat: no-repeat;*/	
	z-index: 120;
	/**/display: none;
	/*background-image: url("../img/fond-carres.jpg");
	background-position: right bottom;*/
	
	/*border: 1px solid #e9e9e9;*/
	
}
#fond {
	position: absolute;
	z-index:80;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;/*#901018*/	
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
	display: none;
}





.vign {margin-left: 0px; position: relative; width:540px; float: left;}
.vign span {position: relative; float: left;margin-right: 6px; margin-bottom: 10px; display: block; width: auto;}

.vign span span {margin-top: -22px; display: block; text-align: center; width: 120px; background-image: url("../img/blanc.png");position: relative;}

.vign a {outline: none; color: #000; text-decoration: none;}
.vign a img { border: none;}

#details .vign { width:90px; float: left; height: 450px;} 
#details .vign a img {margin: 0px; width: 90px; height: 90px;}
#details .vign span span {width: 90px; height: 18px; line-height: 18px;}

#img_gd { text-align: center;}
#img_gd span {position: relative; width: auto;}
/*#img_gd span {background-image: url("../img/blanc.png"); /*background-color: #FFF; display: block; padding: 5px;  margin-top: -25px; position: relative; width: 400px;}*/
#img_gd span span{margin-top: -18px; display: inline; text-align: center;  font-weight: bold; }
#img_gd span img {cursor: pointer;}








/*meteo*/
#meteo_cont {width: 126px; float: right;position: relative; text-align: right; padding-right: 20px; z-index: 1000;}
#meteo_cont a {outline: none;}
 #meteo {width: 126px; border: 1px solid #6874ab; font: 11px Verdana, Arial, Helvetica, sans-serif; background: #4A5978; text-align: center; color: white; display: none;  position: absolute; right: 20px;}
 #meteo ul {padding: 0; list-style: none; margin: 0px 0 0;}
 #meteo ul li { float: left; width: 63px; height: 12px; background: #364158; color: white; font: 10px Arial, Helvetica, sans-serif;  padding: 0; text-indent: 0}
/* #meteo br {clear:both; height: 1px; position: relative;}*/
 #meteo a {color: white;  text-decoration: none;    margin-top: 0;}
 #meteo a img {border: none;}

/*table#formulaire {width: 350px; border: 1px solid;}
table#formulaire tbody tr td div {width: 100px;}*/
div#txt.large div table#formulaire tbody tr td div {width: auto;}


#bas {background: url("../img/bas.jpg") 0px 0px no-repeat; height: 47px; text-align: center; clear: both;}
#bas p {padding-top: 5px; font-size: 14px}
