@import url('yui-reset.css');

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	cursor:default;
	background:url(loading.gif);
	color:#606
}
h1,h2,.large,.left{
	font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;
	font-size:24px
}
h2,.box div img{padding-bottom:7px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{
	position:absolute;
	top:0px;
	left:38px;
	z-index:70;
	overflow:hidden;
	font-size:0;/* ie fix - big info bar*/
}
#cont2{
	position:absolute;
	top:38px;
	left:0px;
	width:38px;
	z-index:70;
	overflow:hidden;
	font-size:0;/* ie fix - big info bar*/
	height: 500px; /* without this line error in IE8 detected */
}
#coin{
	position:absolute;
	top:0px;
	left:0px;
	height:38px;
	width:38px;
	z-index:70;
	overflow:auto;
	background-color:black;
	font-size:0;/* ie fix - big info bar*/
}
#menu{
	position:absolute;
	bottom:20px;
	left:141px;
	z-index:80;
	width:100%;
	line-height:12px;
	background-color: #BBC38A;
}
#menu div{height:56px;background:#000; padding:7px 0 0 7px}
#menu div ul{ width:200px;}
#menu div ul li{ width:200px;}

h1{
	position:relative;
	left:-141px;
	margin-bottom:-63px;
	width:140px;
	opacity:0.99;
	background-color: #E2E6C1;
}
h1 a{padding:28px 10px 10px 0;color:#fff;background:#000 url(go.gif) 0 -10px repeat-x;font-size:11px;text-align:right;display:block}
h1 a:hover{background:#000 url(go.gif) 0 16px repeat-x}

ul{float:left;width:140px}
li a{height:12px;padding:0 5px;font-weight:bold;color:#999;display:block}
li a:hover,li.cur a{color:#fff}

.box{position:absolute;padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;top:5%;left:0px;width:780px; border:#000; border-style:dashed; border-width: thin; background-image:url(../images/80pVert.png); z-index:80;}
.box div{line-height:1.5em; padding:20px 30px;}
.box div a{text-decoration:underline}

.box2{position:absolute;padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;top:5%;left:0px;width:780px; border:#000; border-style:dashed; border-width: thin;  background-image:url(../images/75p.png); z-index:80;}
.box2 div{line-height:1.5em;  background-image:url(../images/75p.png); padding:20px 30px;}
.box2 div a{text-decoration:underline}

.box3{position:absolute;padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px;top:5%;left:0px;width:845px; border:#000; border-style:dashed; border-width: thin; background-image:url(../images/80pVert.png); z-index:80;}
.box3 div{line-height:1.5em; padding:20px 30px;}
.box3 div a{text-decoration:underline}
.box3 img {
	float:left;
	margin-right:40px;
	margin-left:40px;}
.large3{text-align:right;top:10%;right:120px;font-size:13px}
.left3{text-align:left;right:auto;left:69px;font-size:13px}
.large3 h2{
	font-size:24px;
	padding-left:40px;
	text-align: left;
}
.decale {
	margin-left:40px;}
#centre{position:fixed;width:100%; text-align:center; top:50px;}

.large{text-align:right;top:10%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:20%;font-size:13px}
.large h2{
	font-size:24px;
	padding-left:40px;
	text-align: left;
}
.tel {font-size:18px;}
.tel a { color:#FFF; font-size:18px; letter-spacing:2px;
	}
.white{color:#fff}
.maj {text-transform:uppercase;}
h3{position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;line-height:20px;font-weight:bold}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}

dl{margin:10px 0}
dt,dd p{padding:10px 0 15px 0;display:block;border-top-width:1px;width:760px}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:750px}
dd{height:0px;overflow:hidden;width:750px}

#photos{position:absolute;z-index:90;bottom:41px;right:40px;height:20px;overflow:hidden}
#photos a,#float{z-index:90;height:20px;line-height:20px;text-align:center;width:40px;background:#000 url(gal.gif) -6px 5px no-repeat;cursor:pointer;color:#fff}
#photos a{width:20px;float:left;margin-left:1px;background:#000;font-weight:bold;overflow:hidden}
#photos a:hover,#photos a.cur{background:#fff;color:#000}
#float{display:none;position:absolute}
#float.nxt,#float.prv{display:block}
#float.nxt{background-position:-16px 5px}
#float.prv{background-position:7px 5px}
#LogoBasDroit{
	position:absolute;
	bottom:84px;
	right:0px;
	}
#PiedBasDroit{
	position:absolute;
	bottom:84px;
	right:0px;
	}
#LogoHautGauche{
	position:absolute;
	top:10%;
	left:20px;
	}
#ImageDeco{
	position:absolute;
	bottom:84px;
	left:8px;
	}
#Portrait{
	position:absolute;
	bottom:84px;
	left:40px;
	}
#slideshow{
	position:absolute;
	background:#fff;opacity:0.3;filter:alpha(opacity=30);
	top:300px;
	z-index:85;
	width:600px;
	left:50%;
	margin-left:-300px;
	border:#000; border-style:dashed; border-width: thin;
	}
.CadreTXT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333333;
}
.BleupaveHa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #556888;
}
.Titre-page {
	font-weight: bold;
	color: #336;
}
.ParagrapheDansEncadre {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #336;
}
.TitreParagrapheDansCadre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #336;
}
.paragrapheDansEncadreNongras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000;
}
.paragrapheCADREnongras {
	font-weight: normal;
}
.TitreParagrapheDansCadreItalique {
	font-style: italic;
}
.TitreCadre-sao {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #FFF;
	padding-left:40px;
	padding-top:15px;
	letter-spacing:2px;
}
.box.large.left .paragraphe-vbr strong {
	font-weight: bold;
	color: #368194;
	padding-left:10px;
	letter-spacing:2px;
}

.paragraphe-vbr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	padding-left:50px;
}
.box2.large.left dl dd p strong {
	font-weight: bolder;
	color: #3C768E;
	text-decoration: underline;
}
.fushia{
	color:#F400A1;
	font-size:20px;}
.fushia a{
	color:#F400A1;}