@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	color: black;
	background-color: #fff;
	border-top:3px solid #545454;
}
* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
ul {
	list-style:none;
}
a, a.actif,.actif {
	color:#ff0000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.align-r {
	float:right;
}
.align-l {
	float:left;
}
p,ul {
	font-size:12px;
	color:#474646;
}
p{
margin:8px 0;
}
#contenus ul{
margin-left:15px;
list-style:disc
}
h1 {
	font-size:14px;
	color:#ff2222;
	margin-bottom:14px;
}
h2{
color:#ff2222;
margin:9px 0;
font-size:12px;
}
#site {
	width:950px;
	margin:0 auto;
	padding-top:35px;
	background:#FFFFFF;
}
#tete {
	height:38px;
	width:925px;
	margin-left:25px;
	overflow:hidden;
}
#logo {
	float:left;
	width:261px;
	height:38px;
}
#logo img{
border:0;
position:absolute;
}
#tete ul li, #bas ul li {
	display:inline;
}
#gMenuHaut {
	width:28px;
	height:38px;
	margin-left:10px;
	background:url(images/mnu-h-g.jpg);
	float:left;
}
#menuHaut {
	width:600px;
	text-align:center;
	float:left;
	background:url(images/mnu-h-bg.jpg);
}
#menuHaut.accueil {
	background:url(images/mnu-h-bg-acc.jpg);}
#menuHaut ul {
	height:26px;
	padding-top:12px;
	background:url(images/mnu-h-d.jpg) no-repeat top right;
}
#menuHaut ul li {
	margin-left:20px;
	margin-right:20px;
}
#menuHaut ul li a {
	font-family:verdana, arial, sans serif;
	font-size:14px;
}
#menuHaut ul li a.inactif {
	color:#000000;
}
#milieu, #jsViewer, #JsLoader {
	height:572px;
	width:900px;
}
 #jsViewer{
 	width:925px;}
#JsLoader{
opacity : 0.8;
-moz-opacity : 0.8;
filter : alpha(opacity=80); 
}
#milieu {
	margin-left:25px;
	padding-top:65px;
	background:url(images/fond-bg.jpg);
	background-position:281px top;
	background-repeat:no-repeat;
}
#milieu.accueil {
	background:url(images/fond-bg-acc.jpg) no-repeat 281px top;}
#textes {
	background:#d7d7d7;
	background:#a1a1a1;
	padding:25px;
	margin:0;
	height:522px;
	overflow:hidden;
}
#contenus {
	width:435px;
	padding:20px;
	background:#e4e2e2;
	border:5px solid #CCCCCC;
	height:478px;
	overflow:auto;
}
#menuBas {
	background:#545454;
	height:22px;
	overflow:hidden;
	text-align:center;
	margin:25px 0 10px 0;
}
#menuBas ul{
	font-size:14px;
	margin-top:4px;
}
#menuBas ul li{
margin-left:15px;
margin-right:15px;
}
#menuBas ul li a {
	margin-left:40px;
}
#menuBas ul li a.actif{
font-weight:bold;
}
#menuBas ul li a.inactif {
	color:#FFFFFF;
}
#piedPage {
	overflow:auto;
	background-image:url(images/foot-bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color:#8f8f8f;
	padding:10px 25px;
	text-align:center;
}
#piedPage #lebas{
width:900px;
margin:auto;
text-align:left;
}
#piedPage p {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#piedPage p.mots_bas,.mots_bas a{
color:#eee;
font-size:9px;
text-align:justify;
}
p.mots_ref,p.mots_ref a{
color:#666;font-size:9px;}
.petit{
font-size:10px}
#piedPage a.num_tel{
font-weight:bold;
margin-left:5px;
}
/* JS */
#JsLoader {
	background-image:url(images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#jsViewer, #JsLoader {
	position:absolute;
	background-color:#FFFFFF;
	z-index:2;
}
#jsViewer #textes{
position:absolute;
z-index:2;
width:850px;
}
#jsViewer #contenus{
overflow:visible;
}
#btn_fermer{
position:absolute;
z-index:8;
height:27px;
width:87px;
background:url(images/btn_retour.jpg) no-repeat;
right:425px;
top:559px;
cursor:pointer;
}
#btn_fermer:hover{
background-position:0 -28px;
}
#btn_fermer a{
cursor:pointer;
font-size:12px;}

#hautReal{
height:190px;
overflow:auto;
width:435px;
padding-right:17px;
}
#hautReal h1{
font-size:22px;
}
#basReal{
height:277px;
overflow:hidden;
margin-top:15px;
}
#photosReal{
width:220px;
background:#DDDCDC;
height:245px;
position:absolute;
margin-left:-21px;
margin-top:-6px;
padding:25px;
}
#photosReal td{

}
#photosReal a img{
border-color:#FFFFFF;
margin:5px;
}
#photosReal a:hover img{
border-color:#FF2222}
h3{
color:#333;
margin-bottom:12px;
}
h4{
color:#474646;
margin-top:8px;
margin-bottom:8px;
text-decoration:underline;
}
#infosReal{
height:277px;
width:165px;
overflow:auto;
position:absolute;
margin-left:280px;
padding-right:11px;
padding-top:15px
}
#infosReal *{
font-size:12px;}
#infosReal p{
margin:0}
.clr{
clear:both
}
#contenantScroll{
overflow:hidden;
}
#tranche1,#tranche2 {
position:absolute;
}
a.scrolling{
cursor:pointer;
font-size:10px;
float:left;
clear:left;
margin-top:-18px}
label{
color:#474646;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
width:110px;}
input{
width:150px;
float:left;
margin-bottom:3px;
border:#4e4e4e 1px solid;}
.error{
border:#FF0000 solid 1px}
.inputWidthNormal{
width:auto;
border:none
}
#envoi{
float:right;
margin-top:8px}
#vousEtes{
width:130px;
height:110px;}
#vousEtes br{
padding:0;
margin:0}
#vousEtes input,#vousEtes label{
margin:0;
padding:0;}
form em{
font-size:9px}
textarea{
float:left;
width:320px}
#carousel1 *{
color:#FFF
}