body {
	 margin: auto;
	background: url(../images/fd.jpg);
font-size:15px;
}
table#tab {
	border:none;width:1000px;
}
td {
	vertical-align: top;
	boGrder: 1px solid black;
}
#tdhaut {
background-image: url(../images/haut.jpg);background-repeat:no-repeat; width:1000px; height:392px;
}
#tdmilieu {
background-image: url(../images/fdsite.jpg);background-repeat: repeat-y;width:590px; min-height:808px;
}
#conteneur {
	margin: auto;
	width:1000px;
}

.more {text-decoration: none; color: #432209;cursor:pointer;}
 .tit {text-decoration: none; color: #111111; font-size:17px;font-variant: small-caps;font-weight:bold; cursor:pointer;  background-image: url(../images/bul.gif);  background-repeat: no-repeat;  background-position: left; padding-left:20px;  }

a.lienibox {
	text-decoration: none;
}
#hauttd {
	background: url(../images/coteb.jpg) no-repeat top;
}
#hautcote {
	background: url(../images/milieuIb.jpg) no-repeat top;
	width:410px;
	min-height:264px;
	}
#hautcote span {
   position:relative;
	float: left;
	display: block;
	width:360px;
	top:90px;
	left:30px;
}	
#bascote {
	background: url(../images/milieuIbb.jpg) no-repeat bottom;
	 height: 475px;
    width: 410px;
}
#tdbas {
	background-image: url(../images/bas.jpg);background-repeat:no-repeat; width:1000px; height:174px;
}
#tdcoteC {
	 background-image: url(../images/coteC.jpg);background-repeat:no-repeat; width:448px; height:607px;
}
#tdmilieuC {
	background-image: url(../images/milieu.jpg);background-repeat:no-repeat; width:552px; height:607px;
}
#inner_content, #inner_contentb, #inner_contentc, #inner_contentd, #inner_contente {background: #e9dfcd; padding:10px; text-align:left; width:700px; margin:0 auto; display:none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#inner_content p, #inner_contentb p, #inner_contentc p, #inner_contentd p, #inner_contente p {font-size:12px; line-height:1.5em;}
#inner_content img, #inner_contentb img, #inner_contentc img, #inner_contentd img, #inner_contente img {display:block; float:left; margin:0 10px 10px 0;}
#inner_content a, #inner_contentb a, #inner_contentc a, #inner_contentd a, #inner_contente a {color:#5f300d;}
.clear {clear:both; text-align:right;}
.close {color:#c00; font-weight:bold; cursor:pointer;}
/* CODE FOR THE BACKGROUNDS */


#table-layer  	  { z-Index:1; visibility:visible; position:absolute; left:0; top:0; width:100%; height:100%; min-height:100%;boIrder: 1px solid #ff4500;  } 


#back-ground-img  { z-index:0; visibility:visible; position:fixed; left: 0px; top: 0px; width:100%; height:100%; display:block; } 


#header-layer  	  { z-Index:3; visibility:visible; position:relative; width:510px;float:left;left:441px;top: 83px;boIrder: 1px solid #9932cc;  }


/** image map autre */
/* default link styles required for IE to work correctly with :active */
a {color:#000;}
a:visited {color:#111;}
a:active {color:#111;}
a:hover {text-decoration:none;}

a.lamap {
	display:block;width:30px;height:10px;
}
a.lamapC {
	display:block;width:40px;height:20px; 
}
#explic {
	position: relative;
	top:440px;
	left:70px;
	width: 440px;
	font-weight: bold;
	color: #5f300d;
	boIrder: 2px solid #fdf5e6;
}
#explicI {
	position: relative;
	top:340px;
	left:5px;
	width: 400px;
	font-weight: bold;
	color: #5f300d;
	boIrder: 2px solid #fdf5e6;
}
#explic2 {
	position: relative;
	top:50px;
	left:30px;
	width: 440px;
	font-weight: bold;
	color: #5f300d;
	boIrder: 2px solid #fdf5e6;
}


span.adresse {
	position: relative;
	width: 380px;
	display: block;
	text-align: center;
	border: 2px solid #fdf5e6;
	padding:5px 0px;font-size:13px; 
}
p.lienscote {
	position:relative;
	display: block;
	float:right;
	text-align:center;
	margin: auto;
	width:120px;
	right:8px; 
	boJrder:1px solid black;
}

.lienscote a img, .lienscote a:active img, .lienscote a:visited img {
	border: 2px solid maroon;
}
.lienscote a:hover img {
	border: 2px solid #d9c6a7;
}
#inner_content p.lienscote a, #inner_contentb p.lienscote a, #inner_contentc p.lienscote a, #inner_contentd p.lienscote a, #inner_contente p.lienscote a {
	color: #5f300d;
}
#inner_content p.lienscote a:visited, #inner_contentb p.lienscote a:visited, #inner_contentc p.lienscote a:visited, #inner_contentd p.lienscote a:visited, #inner_contente p.lienscote a:visited {
	color: #5f300d;
}
#inner_content p.lienscote a:hover, #inner_contentb p.lienscote a:hover, #inner_contentc p.lienscote a:hover, #inner_contentd p.lienscote a:hover, #inner_contente p.lienscote a:hover {
	color: #aa9f89;
}
.haut {
	position: relative;
	left:30px;
	font-size: 16px;
}
#contact {
	position: relative;
	float: left;
	width:390px;
	left:30px;
	top:80px;
	line-height: 18px;
}
form#formContact {
	position: relative;
	float: left;
	left:0px;top:20px;
}

#accueil {
	position: relative;
	float: left;
	left:350px;top:30px;
	width:550px; height:60px;
	boIrder: 1px solid #ff6347;
}
#accueil a {
	display: block;
	width:550px; height:60px;
	border:none;
	text-decoration: none;
}
#maufront {
	position: relative;
	top: 70px;
	left: 43px;
	width:540px;
	color: #432209;
}
#charette {
	position: relative;
	top: 70px;
	left:43px;
	width:540px;
	color: #432209;
}
#risle {
	position: relative;
	top: 70px;
	left:43px;
	width:540px;
	color: #432209;
}
#panicaut {
	position: relative;
	top: 70px;
	left:43px;
	width:540px;
	color: #432209;
}
#jument {
	position: relative;
	top: 70px;
	left:43px;
	width:540px;
	color: #432209;
}
#croixlongue {
	position: relative;
	top: 70px;
	left:43px;
	width:540px;
	color: #432209;
}
#blanc {
 height: 20px;
    left: 205px;
    position: relative;
    text-decoration: none;
    top: 110px;
    width: 40px;
	 display: block;
	boIrder: 1px solid #fdf5e6;
}
#jaune {
	position:relative;
	display: block;
	width:40px;
	height:20px;
	top:160px;
	left:300px;
	text-decoration:none;
	boIrder: 1px solid #fdf5e6;
}
#bleu {
	position:relative;
	display: none;
	width:40px;
	height:20px;
	top:202px;
	left:375px;
	text-decoration:none;
	boIrder: 1px solid #fdf5e6;
}
#rouge {
display: block;
	position:relative;
	width:40px;
	height:20px;
	top: 254px;
	left: 385px;
	text-decoration:none;
	boIrder: 1px solid #fdf5e6;
}
#vert{
display: block;
	position:relative;
	width:40px;
	height:20px;
	top:296px;
	left:360px;
	text-decoration:none;
	boIrder: 1px solid #fdf5e6;
}
#rose {
	position:relative;
	width:40px;
	height:20px;
	top: 304px;
	left:250px;
	text-decoration:none;
	boIrder: 1px solid fuchsia;
}
#jaune a, #bleu a, #rouge a, #vert a, #rose a, #blanc a, #jaune a:visited, #bleu a:visited, #rouge a:visited, #vert a:visited, #rose a:visited, #blanc a:visited, 
#jaune a:focus, #bleu a:focus, #rouge a:focus, #vert a:focus , #rose a:focus, #blanc a:focus {
	text-decoration:none;
}
#blancI {
	  height: 20px;
	  display: block;
    left: 145px;
    position: relative;
    text-decoration: none;
    top: 70px;
    width: 40px;
	boIrder: 1px solid #fdf5e6;
}
#jauneI {
	position:relative;
	display: block;
	width:30px;
	height:20px;
	top: 110px;
	left:230px;
	text-decoration:none;
	borfder: 1px solid yellow;
}
#bleuI {
	position:relative;
	width:30px;
	height:20px;
	top: 175px;
	left:285px;
	text-decoration:none;
	borfder: 1px solid blue;
	display: none;
}
#rougeI {
	position:relative;
	display: block;
	width:30px;
	height:20px;
	top: 175px;
	left: 292px;
	text-decoration:none;
	bofrder: 1px solid red;
}
#vertI{
	position:relative;
	display: block;
	width:30px;
	height:20px;
	top: 205px;
	left: 277px;
	text-decoration:none;
	bforder: 1px solid green;
}
#roseI {
	position:relative;
	display: block;
	width:30px;
	height:20px;
	top: 205px;
	left:190px;
	text-decoration:none;
	borfder: 1px solid fuchsia;
}
#jauneI a, #bleuI a, #rougeI a, #vertI a, #roseI a, #blancI a, #jauneI a:visited, #bleuI a:visited, #rougeI a:visited, #vertI a:visited, #roseI a:visited, #blancI a:visited,
#jauneI a:focus, #bleuI a:focus, #rougeI a:focus, #vertI a:focus , #roseI a:focus, #blancI a:focus, {
	text-decoration:none;
}
.butt {
	color: #5f300d;
	background-color: #e9dfcd;
	font-size:10px;
	font-family:verdana;
	font-weight:bold;
	border-width:1px;
	width:152px;
	text-align:center;
	border-color: #d9c6a7;
}
#error {
	position: absolute;
	top:-120px;
	left:200px;
	width:300px;
	font-size: 12px;
	font-weight:bold; color:#FF0000;
	background-color: white;
	padding:5px;
	border: 1px solid red;
}
#copyr {
	position: relative;
	top:85px;
	left:40px;
	font-size:10px;
	width: 440px;
	font-weight: bold;
	color: #954c15;
}
#copyr2 {
	clear: both;
	position: relative;
	top:160px;
	left:40px;
	font-size:10px;
	width: 440px;
	font-weight: bold;
	color: #954c15;
}
#copyr a, #copyr a:visited, #copyr2 a, #copyr2 a:visited {
	color: #954c15;
}
.inter {
	cledar: both;
	display:block;
	height: 3px;
	width:150px;
	margin: 15px auto;
	background: url(../images/inter.jpg) no-repeat;
}
.intercarte {
  display:block; 
	height:70px;
	}
/*--------- Lightbox -----------*/

#lightbox{
	position: relative;
    background-color: #FFFFFF;
    padding: 3px;
    border-bottom: 1px solid #AA9F89;
    border-right: 1px solid #AA9F89;
	 
}
#lightboxDetails{
    font-size: 0.9em;
    color: #505050;
    padding-top: 0.5em;
}

#closeButton{ top:2px; right: 2px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ position: relative;border: none;  }

#overlay img{ border: none; z-index: 500; }

#overlay{ background-image: url(../overlay.png);  }

* html #overlay{ /*Hack IE */
    background-color:  #FFFFFF;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
}

/*-------- fin lightbox -------*/
a.p1 {  background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid maroon;
    display: block;
    float: left;
    height: 110px;
    margin: 20px 0 10px 10px;
    text-decoration: none;
    width: 110px;}
a.p1 img {display:block; border:0;}
a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.p1 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;

-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

 -webkit-transition: opacity 0.6s ease-in-out;

}


a.p1:hover b {top:-255px; left:-600px; padding:10px; border:2px solid #aaa; background:#fff; opacity:1.0;

}