
body  { color: #696969; 
	/*font-size: 11px;*/
	font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; margin: 70px 0 0; overflow: hidden; scrollbar-3dlight-color: #0071BC; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color: #cccccc; scrollbar-face-color: #0071BC; scrollbar-highlight-color: #0071BC; scrollbar-track-color: #cccccc; padding-bottom:30px; }

.bord_img{
	border:1px solid #0071BC;
}


hr{
clear:both;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #CCC;
 background-color: #CCC;
 border: 0;
}



td {
	color: #696969;
	/*font-size: 11px;*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

p { text-align: justify; }

h1, h2, h3, b{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
h1    { color: #0071bc; font-size: 16px }

h2 {
	color: #666666;
	font-size: 14px;
}

h3{
	color: #ffcb05;
	font-size: 14px; 
	/*font-weight: bold;	*/
}

/* --------- FCK  -------------- */
a.lienMain, img.lienMain{
	cursor:pointer;
}

img.imgDte{
	float: right;
}

img.imgGche{
	float: left;
}

hr{
	clear:both;	
}

table{
	color: #696969;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p{
	margin-bottom: .5em;
	margin-left: .5em;
	text-align: justify;
}
address{
	margin: 0 0 .5em 40px;
	}
ul, ol{
	margin: 1em 0 1em 2em;
	}
ul li{
	list-style: disc;
	/*margin: .5em 0 .5em 2em;*/
	}
ol li{
	margin: .5em 0 .5em 2em;
	}
	
#contenu img{
	margin: .2em 1em;
}
/* --------- Fin FCK  -------------- */
img{
	border:0;	
}
.index {
	margin: 0px;
	/*background-repeat: no-repeat;
	background-position: top 0px left 0px;*/
	background: url('images/index-abg1.jpg') no-repeat -50px top;
	overflow-y: scroll;
}

.index #logo{
margin: 50px 0 10px 5px;
}

#solerpool.index #logo{
margin: 31px 0 10px 5px;
}

#drapeau  { 
visibility: visible; 
position: absolute; 
top: 88px; 
left: 420px; 
width: 50px; 
height: 30px }

#solerpool #drapeau{
top:81px;
}

#baseline{
margin-left:25px; margin-top:10px; margin-bottom:25px; font-size: 16px;
/margin-bottom: 24px;
}

#solerpool #baseline{
margin-top: 0;
margin-bottom: 46px;
margin-left: 12px;
/margin-bottom: 40px;
}
#batiment1 { visibility: visible; position: absolute; z-index: 1; top: 73px; left: 514px }
#batiment2 { visibility: visible; position: absolute; z-index: 1; top: 227px; left: 429px }
#solerpool #batiment2{
top: 71px; left: 605px
}
#solerpac{ visibility: visible; position: absolute; top: 335px; left: 387px; z-index:3 }
#solerpool #solerpac { visibility: visible; position: absolute; top: 339px; left: 368px }

#plus  { visibility: visible; position: absolute; top: 1200px; left: 25px; width: 950px; }


input, select, textarea   { color: #0071bc; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fffddf; border: solid 1px #0071bc }
.inputsan  { color: #0071bc; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; border: solid 0 }
.sans  { color: #0071bc; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; border: solid 0 }

#contenu {
	padding-top: 25px;
	padding-right: 220px;
	margin-left: 25px;
	overflow-y:scroll;
	height: 100%;
	padding-top:4px;
}
#contenu  table th{
	background-color:#fefbc8;
        border-style:solid ;
}

#contenu p table td{
	background-color:#F6F9F0;
        border-style:solid ;
}
#contenu-devis { margin-left: 25px; padding-top: 4px; height: 100%; overflow-y: scroll }
#droite {
	position: absolute;
	top: 71px;
	right: 18px;
	width: 200px;
	height: 100%;
	background-image: url("images/page-bg2.jpg");
	background-repeat:no-repeat;
	padding-top:50px;
}

#droite-gp { background-image: url("images/page-bg3.jpg"); background-repeat: no-repeat; padding-top: 50px; position: absolute; top: 71px; right: 18px; width: 200px; height: 100% }

#menu {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

#menu #logo{
position: absolute;
top: 8px;
left: 10px;
}

#menuBar{
background: url('images/fd-bar.gif') repeat-x #0071bc;
}

.formdroite {
	font-weight: bold;
	text-align: right;
	padding-right: 12px;
}
.formdroite2 { font-weight: normal; text-align: right; padding-right: 12px }
.menu {
	visibility: hidden;
	position: absolute;
	z-index: 2;
}
	
a  { color: #3366ff; font-weight: bold; text-decoration: none }
.plan  { color: #696969; font-weight: normal; text-decoration: none; cursor: default }
.planfingris { color: #999; font-weight: normal; text-decoration: none; cursor: default }
a:hover {
	color: #000080;
	text-decoration: none;
}
a.plan:hover  { color: #696969; text-decoration: none }
a.planfingris:hover { color: #999; text-decoration: none }
.blanc {
	color: #fff;
	text-decoration: none;
}

.blanc:hover {
	color: #dcdcdc;
	text-decoration: none;
}
.marquee   { color: #696969; font-weight: normal; text-decoration: none;cursor: default;}

.marquee:hover   { color: #696969; font-weight: normal; text-decoration: none;cursor: default; }

.small { font-size: 10px; }

.fin { font-weight: normal; }

.dhtml { display: none; }

.big { font-size: 13px; }

.gris { color: #999999; }

.gris:hover  { color: #0071BC }

legend  { color: #0071BC; font-size: 12px; font-weight: bolder }
.rouge { color: #f33; font-size: 12px; font-weight: bolder }
.cadrebleu { border: solid 1px #0071BC; }
.bgchange1, .bgchange2, .bgchange3, .bgchange4 { 
display: block;
height: 20px;
padding-top: 2px;
background-repeat: no-repeat;
}

.bgchange1     { 
color: #dcdcdc; 
/* background-image: url("images/menu-bg1a.gif"); 
padding-left: 23px*/  
}
.bgchange2 { 
color: #dcdcdc; 
/* background-image: url("images/menu-bg2a.gif"); padding-left: 23px */ 
 }
.bgchange3 { color: #dcdcdc; /*background-image: url("images/menu-bg3a.gif"); padding-left: 23px*/ }
.bgchange4 { color: #dcdcdc; /*background-image: url("images/menu-bg4a.gif"); padding-left: 23px*/ }
.bgchange1:hover    { color: #fff; /*background-image: url("images/menu-bg1b.gif"); padding-left: 23px*/  }
.bgchange2:hover { color: #fff; /*background-image: url("images/menu-bg2b.gif"); padding-left: 23px*/ }
.bgchange3:hover { color: #fff; /*background-image: url("images/menu-bg3b.gif"); padding-left: 23px*/ }
.bgchange4:hover { color: #fff; /*background-image: url("images/menu-bg4b.gif"); padding-left: 23px*/ }

.titrevert  { color: #FFCB05; font-size: 15px; font-weight: bold }
.titrebleu { color: #1873C6; font-size: 16px; font-weight: bold }

.vert { color: #FFCB05; font-weight: bold }
.bleu { color: #0071BC;}
#bloc_connection input {
	margin:3px 0px 3px 0px;
	width:10em;
	height:1.5em;
	float:left;
}

#bloc_connection label   { color: #646464; cursor: pointer; display: block; margin: 2px 0; padding: 2px 2px 0 0 }

#bloc_connection #bouton {
	clear:left;
	color:#646464;
	padding-right:0.5em; 
	cursor:pointer; 
	width:8em;
	float:right;
}

#bloc_connection  { margin: 1px 1px 3px }

.famille { margin: 5px 5px 10px; width:500px}


.menu .small{
font-size: 11px;
}

#illus{
position:relative;
height: 179px;
}

#illus .infos{
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
}

.noir{
color: #000;
}

address{
font-style: normal;
}

.index #conteneur{
position: relative;
}