/* ----------------------------------------------------- BALISES GENERIQUES */

body       { font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: #59bff7 url(../image/fond-body.jpg) repeat-x left top; margin: 1px 0; padding: 0; border: 0 }

div,p,input,img,h1,h2,h3,h4,h5,h6,a,fieldset,dl,dt,dd{
border : 0;
margin : 0;
padding : 0;
}
h1  { color: #000d9e; font-size: 14px;  font-weight: bold }
h1 a { color: #a8a8a8; font-size: 10px; background-color: #000d9e; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-left: 5px; position: absolute; top: 0; left: 0; width: 100% }
h2 { font-size: 12px; font-weight: bold }
h3     { color: #000d9e }
h4  { }
a { color: #000; text-decoration: none }
a:hover {
text-decoration: none;
}
a:visited{
text-decoration : none;
}
b  { color: #000d9e }
input, select, option, textarea{
border : solid 1px #8EA442;
}

form p{
padding : 2px 0;
}

form p label{
padding : 0 10px;
margin : 1px 0;
float : left;
width : 200px;
}

form p input{
padding : 1px;
}

.message{
width : 720px;
margin : 6px 0 6px 25px;
padding :0;
border : 1px solid #809731;
}
.valid{
color : #20D024;
list-style : none;
padding : 2px 2px 2px 30px;
background : url("../image/valid.gif") #ffffff 5px top no-repeat;
margin : 0;
}
.error{
color : #CF1D1D;
list-style : none;
padding : 2px 2px 2px 30px;
background : url("../image/error.gif") #ffffff  5px top no-repeat;
margin : 0;
}
.deconnect { color: #f00; font-size: 1.1em; font-weight: bold; padding-left: 20px; position: absolute; top: -15px; right: 0 }
.backReturn    { color: #fff; font-weight: bold; background: url(../image/return.gif) no-repeat left 1px; padding-left: 20px; position: absolute; bottom: -18px; left: 0 }
.clear { clear: both }
.imgLeft{
float : left;
margin : 2px 10px 2px 0;
}
.imgRight{
float : right;
margin : 2px 0 2px 10px;
}
.submit{
margin-left : 220px;
padding : 2px 3px;
}
.centre-h1   { color: #000d9e; font-size: 1.5em; text-align: center; margin-bottom: 0.5em }
.marge-h2  { color: #000d9e; font-size: 1.2em; margin-top: 0.5em; margin-left: 0.8em }
.p-pres  { color: #000d9e; text-align: justify; margin-right: 1em; margin-left: 1em }
.jaune { color: #fff699 }
.jaune-bold { color: #fff699; font-weight: bold }
.jaune-bold-souli { color: #fff699; font-weight: bold; text-decoration: underline }
.bleu-poste   { color: #000d9e; font-weight: bold; display: block; margin-bottom: 1em }
.bold   { color: #000d9e; font-weight: bold }
#address  { text-align: center; width: 100% }
.center{
text-align : center;
}
.center-li { text-align: center; list-style-type: none }
.strong    { color: #000d9e;  font-weight: bold }
.justifie { text-align: justify }
.underline{
text-decoration : underline;
}
.large{
font-size : 20px;
}
.droite  { padding-left: 1em; float: right }
.droite-1 { margin-right: 2.5em; float: right }
.gauche-famille  { display: block; padding-right: 1em; float: left }
/*Menu accueil*/
#menu_accueil  { background-color: #000d9e; margin-top: 0; margin-bottom: 0; padding-top: 1em; padding-bottom: 0; height: 30px; border-top: 1px solid #000d9e; border-bottom: 1px solid #000d9e }
#menu_accueil li { font-family: Tahoma; font-weight: bold; list-style-type: none; display: inline; margin-right: 1.8em }
#menu_accueil li a { color: #fff; text-decoration: underline }
#menu_accueil li a:hover { text-decoration: none }
/* ----------------------------------------------------- STRUCTURE DE LA PAGE*/
#content      { background-image: url(../image/banniere.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin: auto; padding-top: 152px; width: 999px; border: solid 1px #738281 }
#content h2 { font-size: 1.2em; text-align: center }
.suivi  { text-align: center; margin-top: 1em; margin-bottom: 1em }
.suivi a { font-weight: bold; text-decoration: underline }
#content_menu{
float : left;
list-style : none;
margin : 0 0 0 20px;
padding :0;
min-height : 420px;
}
#content_menu a { font-family: "Trebuchet MS" }
#content_menu li .title     { color: #fff; font-weight: bold; text-align: center; display: block; margin-bottom: 0.2em }
#content_menu img { padding-top: 0.2em }
/*content-main
*/
#content_main          { color: #000d9e; background-image: url(../image/fond-content-main.jpg); background-repeat: repeat-y; background-position: 0 0; text-align: justify; margin: 0 10px 5px 170px; padding: 2em 1em; position: relative; width: 780px; border: solid 1px }
#content_main h1  { font-size: 1.3em; font-weight: bold }
#content_main b  { font-size: 1em; padding-left: 1em }
#content_main p, #content_main ul, #content_main ol  { margin-top: 1em; margin-bottom: 1em; padding-right: 2em }
.avantages  { font-size: 1.1em; font-style: italic; font-weight: bold; padding-left: 30em }
.avantages li { margin-bottom: 0.2em }
#desc { margin-top: 11.5em; width: 48% }
#telecommande { margin-top: 6em; width: 60% }

/*content-main-prod*/
.marge-h2-product { text-align: right; padding-right: 6em }
#content_main-prod h1    { color: #00467f; font-size: 1.3em; font-weight: bold; text-align: center }
#content_main-prod h2 { color: #00467f; font-size: 1.3em; font-weight: bold; text-align: center }
#content_main-prod b   { color: #00467f; font-size: 1em; padding-left: 1em }
#content_main-prod p, #content_main-prod ul, #content_main-prod ol  { margin-top: 1em; margin-bottom: 1em; padding-right: 2em }
#content_main-prod { color: #00467f; background-image: url(../image/fond-pack-air-air.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: justify; margin: 0 10px 0 170px; padding-top: 2em; padding-right: 1em; padding-left: 1.5em; position: relative; width: 780px; height: 900px; border: solid 0 }
#milieu-product    { color: #00467f; background-image: url(../image/fond-product-m.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: justify; margin: 0 10px 0 170px; padding-top: 5em; padding-right: 1em; padding-left: 1.5em; position: relative; width: 780px; border: solid 0 }
#bas-product     { color: #00467f; background-image: url(../image/fond-bas-product.jpg); background-repeat: repeat-y; background-position: 0 0; text-align: justify; margin: 0 10px 5px 170px; padding: 0 1em 2em 1.5em; position: relative; width: 780px; border: solid 0 }

/*content-main-prod2*/
#meme { padding-top: 22em; padding-right: 2em; width: 40%; float: left }
#montee { padding-top: 21em; padding-right: 3em; padding-left: 1em }
#technologie { padding-top: 29em }
#content_main-prod2 h1    { color: #00467f; font-size: 1.3em; font-weight: bold; text-align: center }
#content_main-prod2 b   { color: #00467f; font-size: 1em; padding-left: 1em }
#content_main-prod2 p, #content_main-prod ul { margin-top: 1em; margin-bottom: 1em; padding-right: 3em }
#content_main-prod2  { color: #00467f; background-image: url(../image/fond-pack-air-eau.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: justify; margin: 0 10px 0 170px; padding-top: 2em; padding-right: 1em; padding-left: 1.5em; position: relative; width: 780px; height: 960px; border: solid 0 }
#milieu-product2      { color: #00467f; background-image: url(../image/fond-product-m2.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: justify; margin: 0 10px 0 170px; padding-top: 5em; padding-right: 1em; padding-left: 1.5em; position: relative; width: 780px; height: 530px; border: solid 0 }
#bas-product     { color: #00467f; background-image: url(../image/fond-bas-product.jpg); background-repeat: repeat-y; background-position: 0 0; text-align: justify; margin: 0 10px 5px 170px; padding: 0 1em 2em 1.5em; position: relative; width: 780px; border: solid 0 }
#bas-product    ol  { margin-top: 1em; margin-bottom: 1em; padding-right: 3em }


/*struct*/
#struct   { background-color: #5abef9; list-style: none; margin-top: 0; padding-top: 2em; height: 500px; vertical-align: middle }
.fond-acceuil  { color: #fff; background-image: url(../image/fond-encart-accueil.jpg); background-repeat: no-repeat; display: block; margin-left: 1em; padding-bottom: 1em; width: 481px; height: 250px; float: left }
.fond-acceuil strong a { color: #fff; text-decoration: underline; letter-spacing:1px }
.fond-acceuil p { padding-top: 2em; padding-right: 2em; padding-left: 1em }
.fond-acceuil img  { margin-right: 1em; float: left; border: solid 1px #000d9e }
#struct li   { margin: 0 5px -1px; padding: 3px; width: 450px; float: left; border-style: solid; border-width: 1px 0; border-color: #ffffff #ffffff #fff }
#struct li a:visited, #struct li a    { color: #fff }
#struct li img{
	float : left;
	}
	#struct li span { display: block; margin: 2px 10px 5px 180px }
		#struct li .title         { color: #fff; font-size: 1.1em; font-family: "Trebuchet MS"; font-weight: bold; margin-top: 30px }
.product_photo{
width : 80px;
background : #ffffff;
text-align : center;
border : solid 1px #809731;
}
.domonial{
border : solid 1px #809731;
margin-left : 255px;
}
.title_aquatermic{
font-weight : bold;
color : #2660AB;
display : block;
}
#multi { text-align: right; display: block; margin-left: 1em; width: 180px; float: right }
#multi-gauche { }
.product_name{
font-weight : bold;
display : block;
}
.product_desc{
display : block;
}
.product_size{
display : block;
font-style : italic;
}

.logos{
position : absolute;
top : 10px;
right : 100px;
border: 1px solid #809731;
}
.logos_aquatermic{
position : absolute;
top : 10px;
right : 100px;
border: 1px solid #2660AB;
}

#job{
width : 80%;
margin : auto;
border-spacing: 0px; 
}
#job td{
padding : 20px 2px;
}

#job .title{
display : block;
color : #809731;
font-weight : bold;
}

/* ----------------------------------------------------- BAS */
#bas_page     { color: #a3d7f4; font-size: 0.9em; background-image: url(../image/baspage.gif); background-repeat: no-repeat; background-position: 0 0; text-align: left; margin-top: 1.5em; padding-top: 3px; padding-right: 10em; height: 17px }
.creavideo { color: #b1b2b4; font-size: 0.9em; margin-left: 3em }
.creavideo a { color: #b1b2b4 }
.creavideo a:visited { color: #b1b2b4 }
.black a   { color: #000d9e }
.black     { color: #000d9e; margin-left: 12em }
.black-accueil  { color: #000d9e; margin-left: 44em }
.black-accueil a   { color: #000d9e }
.info  { color: #4b4b4b; font-weight: normal; text-align: center }
#listPoleposition li  { margin: 15px 0 }

.poleposition { margin: 0; padding-top: 20px; height: 120px }

.poleposition li  { margin: 3px 2px 3px 190px !important;}
.blanc-pole  { text-align: justify; padding-right: 1em; padding-bottom: 1em; padding-left: 1em }
.marges-pole { padding-right: 1em; padding-bottom: 1em; padding-left: 1em }
#comprehension{
background : url("../image/comprehension.gif") top left no-repeat;
}

#apprentissage{
background : url("../image/apprentissage.gif") top left no-repeat;
}
#concretisation{
background : url("../image/concretisation.gif") top left no-repeat;
}

.client{
margin : auto;
padding : 0;
text-align : left;
}
.client td{
width : 180px;
}
#alphasearch{
margin : 5px 50px;
}
#alphasearch li{
float : left;
list-style : none;
width : 20px;
}
/*produits*/
#alternatives   { margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em; height: 280px; border: solid 1px #fff }
#alternatives img { border: solid 1px #fff699 }
#principe  { margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em; border: solid 1px #fff }
#avantages    { margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em; border: solid 1px #fff }
#autofinancement  { margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em; border: solid 1px #fff }
#autofinancement img { border: solid 1px #fff699 }
.img-gauche { margin-right: 1em; float: left }
.jaune-product  { color: #fff699; font-weight: bold; text-align: center; display: block; margin-bottom: 1em }
.jaune-gras { color: #fff699; font-weight: bold }
#anim-edf { text-align: center; margin-bottom: 1em }
.h1-product { font-size: 1.4em; text-align: center; margin-bottom: 1em }
/*news
*/
.news  { padding-top: 1em; padding-right: 1em; padding-left: 2em }
.news li  { margin-bottom: 1em }
.news li a { text-decoration: underline }
.news li img { margin-right: 1em }
.jaune-centre { color: #fff699; font-weight: bold; text-align: center }
.droits { font-size: 0.9em; font-style: italic; margin-top: 1em; margin-bottom: 1em; padding-right: 2em; padding-left: 2em }
.consoles { text-align: center; margin-right: auto; margin-left: auto; width: 722px }
.consoles img { margin-right: 45px; margin-left: 45px }
#mycrawler2 { }
/*animation*/
#flash { margin-left: 50%; position: absolute; z-index: 1; top: 5%; left: -267px; width: 534px }
#ban-flash  { margin-left: 50%; position: absolute; z-index: 1; top: 2px; left: -499px; width: 999px }
/*formulaire
*/
#rdv { margin-right: auto; margin-left: auto; padding-bottom: 1em; width: 80% }
.gras { font-weight: bold }
#oui p { text-align: justify }
#choix { text-align: center; margin-bottom: 1em }
#catalogue  { padding-right: 1.5em; float: right }
#choix { text-align: center }
.img-right { margin-left: 3em; float: right }
.img-left  { margin-right: 3em; margin-left: 1em; float: left }

/*Carte*/
#map   { margin-right: auto; margin-left: auto; width: 700px; height: 400px; border: solid 1px #000d9e }
.carte     { color: #000d9e; font-size: 0.9em; font-style: italic; font-weight: bold; text-align: center }
/*trouver*/
#trouver  { text-align: center; margin-top: 1em; margin-right: auto; margin-left: auto; padding: 1em 2em 2em; width: 650px; border: solid 1px #000d9e }
#trouver select  { margin-right: 1em; margin-left: 1em }
.center_photo    { font-size: 1.1em; text-align: center; padding-bottom: 1em }
.verifier { font-weight: bold }
/*Video*/
#film    { margin-bottom: 2em; padding: 1em 2em 0; float: right }
.clear-droite  { clear: right }
#groupe  { margin-left: 2em; padding-top: 1em }
#groupe a { color: #000d9e; font-weight: bold; text-decoration: underline; padding-top: 2em; padding-right: 1em; padding-left: 2em }
#films  { background-image: url(../image/fond-films.jpg); background-repeat: no-repeat; margin: 0 auto 0; padding-top: 84px; padding-bottom: 0; padding-left: 45px; width: 384px; height: 270px }
#films a img { border-width: 0 }
#films img { display: block; margin-bottom: 36px; padding: 0 }
/*Photos installations*/
.photos-pompes-a-chaleur table  { margin-top: 0.5em; margin-right: auto; margin-left: auto; width: 650px }
.photos-pompes-a-chaleur td img { text-align: center; padding-bottom: 1em }