/* CSS Document */
/*Style gnrique du site */
/*Attention ce document source, avec les commentaires , doit tre pur avant modification et enregistr sous style.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #450906;
	vertical-align: baseline;
	border-collapse:collapse;}
:focus {outline: 0;}
ul {list-style: none;}
ol {list-style:decimal;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Redfinition gnrale des tags html */



body {
	color: #450906;
	font-size:0.80em;
	text-align: center;
	background-color:#d3822f;
	}

p {margin-bottom:0.8em;}

a img {border:none;}

a:link {
	font-weight: bold;
	color: #bf4e27; /*a corriger*/
	}
a:visited {
	font-weight: bold;
	color: #bf4e27;  /*a corriger*/
	text-decoration: none;  /*a corriger*/
	}
a:hover {
	font-weight: bold;
	color: #8f3213;
	text-decoration: none;
	}
a:active {
	font-weight: bold;
	color: #bf4e27;  /*a corriger*/
	text-decoration: none;
	}

em {border-bottom: #8f3213 1px dashed; font-style:normal;}	
		
h1, #c1 p.tophead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;	
	color: #450906;
	font-weight: bold;
	clear:both ;
	margin : 8px 100px 0px 30px ;
/*	padding-top : 10px ;
*/	}

h2 {	font-size: 1.2em;
	background-repeat:no-repeat;
	margin: 0 0 0.75em 0;
	font-weight: bold;
	line-height:2em;}

a h2 {
	font-weight:bold;
	text-decoration:underline;}

a:hover h2 {
	font-weight:bold;
	color:#8f3213;
	text-decoration:underline;}
	
h3 {font-weight:bold;
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:0.75em 0;
	}
	
/*La liste toute simple */

p.liste {
	background-image:url(/cssall/r-bg.png);  /* a mettre dans deux feuilles de styles diffrentes */
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:30px;
	margin-bottom:1em;}

ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:30px;
	margin-bottom:1em;}

ul li {padding-left:5px; margin-left:20px;}

/* La liste de definitions */
dl {
	margin-bottom:2em;
	margin-left:30px;}
	
dt {
	list-style-image:none;
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:25px;
	margin:1em 0;
	font-weight:bold;}
	
dt a:link, a:visited, a:hover, a:active {font-size:100%;}
	
dd {margin-left:25px;}

/*Liste sans puces ni rien notamment pour la blog liste*/

li.listenue  {
	list-style:none;
	list-style-image:none;}



/*-------------------------------------------------------------------------------------------------------- Les zones structurantes*/

	
#conteneur {
	width:760px;
	margin:auto;
	background:#fffdfa url(/cssall/Header.jpg) no-repeat;
	padding-top:0.5em ;
	text-align:left;
	line-height:1.45em;
	}
	
#detailcontent {margin-left:140px;  margin-right:5px; font-size:0.90em;}
/*------------------------------------------------------------------------------------------------------------------------Le Header */

#header {
	height: 189px;}

#quickinfo {
	float:right;
	display:block;
	width:400px;
	line-height:1em;
	font-size: 0.8em;
	color: #000;
	font-weight:bold ;
	text-align: center;
	padding:0.2em;
	}

#navi { /*case avec les drapeaux dans le header*/
	text-align:right;
	float:right ;
	width: 300px ; 
	top : 1em; 
	right : 1em; 
	margin-right:0.5em;}
	
#navi img {margin:6px;}

#quickinfo a {color:#660000;}
	
#slogan {
	color:#9a1b0e;
	font-weight:bold;
	font-style:italic;
	margin : 25px 0 0 30px ;
	width: 300px;
	float:left ;
	}
	

/*--------------------------------------------------------------------------------------------------------Le contenu principal */

div#MainContent {
	text-align:left;
	background-image:url(/cssall/fonds.jpg);
	background-repeat:repeat-y;
	font-size:0.85em;
	margin-bottom:0;}

/*---------------------------------------------------------------------------------------------------------La zone de menu*/	
	
div#MenuMain {
	float:left;
	font-variant:small-caps;
	width:120px;
	margin-right:1em;
	}
	
ul#Menu1 {
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0 0 0 1em;
	line-height:1.2em;
	}

ul#Menu1 li{
	position:relative;
	list-style-image:none;
	margin:0;
	} 
	
ul#Menu1 li a {
	font-weight:bold;
	color: #450906 ;
	text-decoration: none ;
	}
	
ul#Menu1 li a.courant {
	font-weight:bold;
	color: #d3030d ;
	text-decoration: underline ;
	}

ul#Menu1 li ul li a.courant	 {
	color: #d3030d ;
	text-decoration: underline ;
	}

ul#Menu1 li a:hover {
	color: #450906 ;
	}

ul#Menu1 li ul {
	font-variant:normal;
	font-weight:normal;
	list-style:none;
	margin-left:0.6em;
	font-size:0.9em;
	}
	
ul#Menu1 li ul li a {
	color:#450906;
	font-weight:normal;
	}


/* La combinaison de l'ID qui est indique dans le body, et de la class, qui est indique dans l'lment LI permet de n'avoir qu'un seul menu en tout, tout en affichant un lment slectionn diffrent par type de page. De plus, le span explicatif ne s'affiche pas pour la section o on se trouve.  L'id et la langue devront tre des lments passs en php ensuite */
	
#c0 ul#Menu1 li.c0 a, #c1 ul#Menu1 li.c1 a, #c2 ul#Menu1 li.c2 a, #c3 ul#Menu1 li.c3 a, #c4 ul#Menu1 li.c4 a, #c5 ul#Menu1 li.c5 a, #c6 ul#Menu1 li.c6 a, #c7 ul#Menu1 li.c7 a, #c8 ul#Menu1 li.c8 a, #c9 ul#Menu1 li.c9 a, #c10 ul#Menu1 li.c10 a, #c11 ul#Menu1 li.c11 a {
	color:#450906;
	text-decoration:underline;
	}
	
#c0 ul#Menu1 li.c0 a:hover, #c1 ul#Menu1 li.c1 a:hover, #c2 ul#Menu1 li.c2 a:hover, #c3 ul#Menu1 li.c3 a:hover, #c4 ul#Menu1 li.c4 a:hover, #c5 ul#Menu1 li.c5 a:hover, #c6 ul#Menu1 li.c6 a:hover, #c7 ul#Menu1 li.c7 a:hover, #c8 ul#Menu1 li.c8 a:hover, #c9 ul#Menu1 li.c9 a:hover, #c10 ul#Menu1 li.c10 a:hover, #c11 ul#Menu1 li.c11 a:hover {
	color:#450906;
	text-decoration:underline;}
	
/*------------------------------------------------------------------------------------------------------------ Le Hotspot*/	

.HSWrap {
	text-align: center;
	background-image:url(/cssall/fds_hs.jpg);
	width:150px;
	float: right;
	border-left : 3px solid #FFE6BF;
	border-bottom : 3px solid #FFE6BF;
	font-size:0.9em;
	line-height:1.2em;
	padding:0 1em;
	margin-bottom:1.5em;
	margin-right:3px;}
	
	
.HSWrap h2 {
	color:#450906;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	padding:0;
	height:22px;}
	
.reco {margin-bottom:2em;}
	
.HSWrap h2 a {text-decoration:none;}


.lasuite {
	text-align:left;
	font-size:1em;
	color:red;
	}
	
.lasuite a {
	font-weight:bold;
	text-decoration:none;
	color:red;}


/*-----------------------------------------------------------------------------------------------------------Le Footer   */
div#footer {
	background-image:url(/cssall/footer.jpg);
	background-repeat:no-repeat;
	color:#d77226;
	height:70px;
	margin:0;
	margin-top:-10px;
	text-align:center;
	font-size:0.8em;
	line-height:1.2em;
	padding: 2em 1em 0 1em;}
	
div#footer a {
	font-weight:normal;
	color:#d77226;
}
/*--------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------Le GoogleMap */

#map {text-align:center; margin:1em auto 2em auto;}
#c3 map {text-align: left; margin:2em 225px 2em 0; padding-right:225px;}
div.points img  {margin-top:1.5em;}
	
	
/*-------------------------------------------------------------------------------------------------------------------Les images */
	
.Illus {
	margin-top: 0.5em;
	margin-bottom:0.5em;
	text-align:center;
	overflow:hidden;
	}

.Illus img {
	padding:15px 15px 35px 15px;
	background-color:#fcdea0;
	border:1px solid #d3b47b;
	}
	
.Illus h3 , .Illus h4 , .Illus h5, .Illus p.phototitre {
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	background-image:none;
	padding-left:0;
	margin-top:-25px;
}

/*--------------------------------------------------------------------------------------------------les accessoires de mise en page */

.fll {float:left; margin-right:1.5em; width:auto;}
.flr {float:right; margin-left:1.5em; margin-right:0.5em; }
.clearfl {clear:both;}

blockquote {background-image:url(/cssall/quote.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	font-size:0.95em;
	padding-left:60px;
	margin-top:2em;
	margin-bottom:2em;}
	
cite {font-style:italic;}

div.haut {
  	clear:both;
	text-align:right;
	margin-bottom:2em;
	margin-right:2em;}

.clearfix:after {content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
/*hack hidden from IE mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/*end hack */

	
div.attention {
	background-image:url(/cssall/str-j.gif);
	padding:0.5em 0.5em 1em 1em;
	border-top:#450906 thin solid;
	border-left:#450906 thin solid;
	border-right:#450906 2px outset;
	border-bottom:#450906 2px outset;
	}
	
div.attention h2 {
	background-image:none;
	text-align:center;
	font-size:0.95em;}
	
div#content .attention p {
	font-size:0.95em;
	margin-bottom:0.2em;}
	
.spacer img {overflow:hidden;}

.tiny {font-size:0.8em ;}


/*------------------------------------------------------------------------------------------------ le plan de site */
div#content div.plansite {
width:450px;
padding:0 0.3em 0 0.1em;
display:block;
margin-right:2em;
}

/*-------------------------------------------------------------------------------------------------- Les tables */
/* Table de donne standard */

table.data {
	border: medium double #450906;
	border-collapse:collapse;
	margin-bottom:2em;
}

.data thead td {
	font-weight: bold;
	text-align:center;
	border-bottom-width:medium;
	background:#fff4b6;
}

.data td.cite {font-size:0.8em;
	font-style:italic;
	text-align:left;
	padding-left:1em;
	background:#fff4b6;}
	
.data th {font-weight:bold;
	text-align:left;
	padding-left:1em;
	padding-right:1em;
	border-color:#450906;
	border-style:solid;
	border-right-width:medium;
	border-top-width:thin;
	border-bottom-width:thin;
}
	
.data td {text-align:center;
	border-color:#450906;
	border-width:thin;
	border-style:solid;
	}
	
		
/* ------------------------------------------La liste du plan de site */
	
ul.sitemap {
	list-style-type:none;
	list-style-image:none !important;
	font-size:0.92em;
	padding-left:5px;
	margin: 0;
	font-weight:bold;}
	
ul.sitemap a {
	color:#450906;
	text-decoration:none;
	list-style-type:none;
	list-style-image:none;
}

ul.sitemap a:visited, ul.sitemap a:hover {
	color:#bf4e27;
	text-decoration:none;}

ul.sitemap ul {
	font-weight:normal;
	}
		
ul.sitemap ul li {
	list-style:none;
	list-style-image:url(/cssall/p-bg.gif);
	margin:0;
}
	
ul.sitemap ul li a {
	list-style:none;
	font-weight:normal;
}

ul.sitemap ul li ul li {
	list-style-image:url(/cssall/lamalif.png);
	margin:0;
}

ul.sitemap ul li ul li ul li{
	list-style-type:square;
	list-style-image:none;
	margin:0;
}


/*------------------------------------------------------------------------------------------------------Le pied de page */	
	
div#Footer {
	clear:both;
	font-size:0.8em;
	text-align:center;
	background:#fffdfa url(/cssall/footer.jpg);
	padding-bottom:1.5em;
	}

#c0 div#Footer, #c11 div#Footer {margin-left:0;}
	
div#Footer a:link, div#Footer a:visited, div#Footer a:hover, div#Footer a:active {
	text-decoration:none;
	font-weight:normal;
	color:#5f371f;
	}
	

#urlinfo, #adresse {display:none;} /*affiches dans le css print seulement */
	
/*---------------------------------------------------------------------------------------------------------------Lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 30000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #ffebc4;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/cssall/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/cssall/prev.gif) left /*15%*/ no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/cssall/next.gif) right /*15%*/ no-repeat; }

#imageDataContainer{
	font: 1em Verdana, Helvetica, sans-serif;
	background-color: #ffebc4;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #450906; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: none;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 29000;
	width: 100%;
	height: 500px;
	background-image:url(/cssall/fdslght.jpg);
	}
	
.thumbnail{
	padding: 10px;
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#FFEBBF;
	border:1px solid #d3b47b;
	margin: 1em 2em 1em 0;
	width: auto;
	}	


/*-------------------------------------------------------------------------------------------------------------Formulaire */

input.hidden {visibility:hidden; font-size:1px;}

img.captcha {width:120px; height:30px; border:1px;}

div.contentform {text-align:center;
width:490px; margin:auto; }

p.titre { 
	background-image:url(/cssall/str-j.gif);
	padding:0.2em 0.3em;
	font-size:1.2em;
	font-weight:bold;
	border:2px outset #cd8318;
	position:relative;
	width:20em;
	margin-left:1em;
	margin-top:1em;
	margin-bottom:-1em;}

	
fieldset {
	border:none;
	margin-bottom:1em;
	width:480px;
	padding-top:1.5em;
	border: outset #cd8318;
	padding-bottom:1em;	text-align:left;
	margin-bottom:1em;	}
	
select {
	margin-bottom:0.2em;
	font-size:0.85em;
	background-color:#feebc7;
	color:#231f20;	}
fieldset#informations {
	background-image:url(/cssall/str-j.gif);
	border: outset #cd8318;	
	margin-top:-20px;
	margin-bottom:0.3em;}
#informations label {
	display:block;
	border:  0px;
/*	outset: none;
*/	width:140px;
	float:left;
	overflow:hidden;
	position:relative;
	padding-top:0.2em;
	left:10px;
	}
#informations p {text-align:center;}
#informations input {
	line-height:1.4em;
	margin-bottom:0.2em;
	color:#231f20;
	background-color:#fff;	}
#message textarea {
	color:#231f20;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
/*	margin-left:10px;
	padding:0.5em;*/	}
input [type="submit"], input [type="reset"] {
	background:#fbab18;
	color:#231f20;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;	}
p#boutons {
	margin:1em;
	text-align:center;	}
.contentform {
	text-align:center;	}
	
.verif {visibility:hidden;}

/*------------------------------------------------------------------------------------Les boutons de formulaire */

button, input[type="reset"], input[type="button"], input[type="submit"] { 
	background-color:#ecb574;
	font-size:1em ;
	color:#450906;
	margin: 5px 0;
	}

/*-----------------------------------------------------------------------------------------La table des prix  */

table.prix {
	width:90% ;
	margin:auto ;
	margin-top:5px ;
	margin-bottom:5px;
	border:groove #e99846;	
	border-collapse:collapse;
}

th {
	text-align:center ;
	font-family:"Times New Roman", Times, serif ;
	font-size:1.3em ;
	font-weight:bold;
	background-color:#ffdd89;
	padding: 15px 5px ;
	border-right:groove #e99846 ;
	border-bottom:groove #e99846 ;
}

tr.sstitre td {	
	border-top:groove #e99846 ;
	border-bottom:groove #e99846 ;
	padding: 0.8em 1em;
	font-size:1.1em ;
	background-color:#ffe8bf;
	border-right:0px;
}

td {
	width:18% ;
	text-align:center;
	border-bottom : solid 1px;
	padding-bottom:0.3em;
	border-right:solid 1px ;
}

td.colgauche {
	text-align:left;
	padding-left:1em;
}