*{margin: 0;padding: 0;font-family:arial;border:0;font-size:12px;}
.cleaner{clear:both;}
body{margin:auto;text-align:left;}
html, body{height:100%;overflow: hidden;} 



.logo
{
	float:left;
	display:inline;
}

.close
{
	float:right;
	color:#666666;
	margin-right:0px;
	margin-top:5px;
}

.gauche
{
	text-align:center;
	float:left;
	display:inline;
	border:0px solid;
}


.droite
{
	float:left;
	display:inline;
	width:270px;
	padding-left:5px;
}


.popup_title {
	text-decoration: none;
	font-weight: bold;
	color: #3F4C6B;
	font-size: 11pt;
	}
.small {
	font-size: 8pt;
	color: #AAAAAA;
}

.small_red {
	font-size: 8pt;
	color: #FF0000;
}




h2.gris{color:#5d686c;font-size:14px;font-weight:bold;text-align:center;border-bottom:1px solid #CCCCCC;padding-bottom:4px;padding-top:7px;width:225px;/*margin-left:10px;*/}

.centered {
position: absolute;
left: 50%; 
margin-left: -365px;
margin-top: 0px; /* make this half your image/element height */
margin-bottom: 0px; /* make this half your image/element height */
}

/*-------------oO----------------Page popup---------------Oo-----------------------------*/
.header{width:717px;border:0px solid ;margin-left:5px}

.panoramique{width:400px;border:1px solid #CCCCCC;margin-top:5px;padding:5px;margin-left:5px}
.panoramique h2{font-size:15px;color:#8f8f8f;font-variant:small-caps;padding-left:0px;border-bottom:1px solid;margin-bottom:10px;margin-left:0px;width:400px;}


.legende{color:#666666;padding:5px 0px;width:400px;text-align:left;}
.legende span{color:#000000;font-size:13px;color:#04852B;font-weight:bold;text-align:left;}

.plan{border:1px solid #92c974;padding:0px;margin-top:5px;}

.nav{width:300px;border:0px solid;height:21px;}
.nav ul li{float:left;list-style:none;border:0px solid red;padding:0px 0px 0px 1px;height:20px;}
.nav ul li a {color:#fff;font-weight:bold;text-decoration:none;}
.nav li a span{background: transparent url(/client/template_1/img/nava.gif) no-repeat;display:block;padding:3px 10px 6px 10px;}
.nav li a {background:  url(/client/template_1/img/navb.gif) no-repeat scroll top right; display:inline;float:left;font-weight:bold;color:#fff; height:24px;margin-right:6px; padding-right:5px; text-decoration:none;}
.nav li a:hover span{background: transparent url(/client/template_1/img/navah.gif) no-repeat;display:block;padding:3px 10px 6px 10px;}
.nav li a:hover {background:url(/client/template_1/img/navbh.gif) no-repeat scroll top right; display:inline;float:left;font-weight:bold;color:#fff; height:24px;margin-right:6px;}
.nav li a.select span{background: transparent url(/client/template_1/img/navah.gif) no-repeat;display:block;padding:3px 10px 6px 10px;}
.nav li a.select {background:url(/client/template_1/img/navbh.gif) no-repeat scroll top right; display:inline;float:left;font-weight:bold;color:#fff; height:24px;margin-right:6px;}

.puce_blanche li {list-style:none;background:url(/client/template_1/img/puce_blanche.jpg) no-repeat left 2px;padding-left:20px;padding-bottom:5px;}
.puce_blanche li a {color:#666666;text-decoration:none;}
.puce_blanche li a:hover{color:#04852B;text-decoration:underline;}
.puce_blanche li a.select{color:#04852B;text-decoration:underline;}

.bas_popup{text-align:left;background-color:#5d686c;height:15px;color:#FFFFFF;padding:5px; width:100%}
.bas_popup p{float:left;padding-left:15px;font-size:10px;}
.bas_popup span{padding-right:20px;}
.bas_popup a{color:#fff;font-weight:bold;text-decoration:none;}

.bt_vert{background:url(/client/template_1/img/bt_vert.gif) no-repeat; display:block;text-align:center;width:200px;margin-left:10px;margin-top:10px;height:25px;padding-top:4px;color:#fff;border:0px solid red;font-weight:bold;text-decoration:none;font-size:12px;float:left;}
a:hover.bt_vert{text-decoration:underline;}
.bt_gris{background:url(/client/template_1/img/bt_gris.gif) no-repeat; display:block;text-align:center;width:200px;margin-left:10px;margin-top:10px;height:25px;padding-top:4px;color:#fff;border:0px solid red;font-weight:bold;text-decoration:none;font-size:12px;float:left;}
a:hover.bt_vert{text-decoration:none;}

.details {text-align:left;float:left;display:inline;width:230px;height:50%;border:1px solid #CCCCCC;padding:5px;margin-top:10px;margin-left:5px;}
.email {text-align:left;float:left;display:inline;width:719px;height:340px;border:1px solid #CCCCCC;padding:5px;margin-top:10px;margin-left:5px;}

.top_details {text-align:left;float:left;display:inline;width:728px;border:1px solid #FFFFFF;padding:0px;margin-top:10px;margin-left:0px;}
.top_details h2{font-size:15px;color:#8f8f8f;font-variant:small-caps;padding-left:0px;border-bottom:1px solid;margin-bottom:10px;margin-left:0px;width:728px;}
.top_details p{color:#8f8f8f;width:724px;text-align:left;}


