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

body  { font-size: 14px; font-family: Arial; background: #fff699 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{
font-size : 14px;
font-family: Arial;
font-weight : bold;
}

h2{
font-size : 12px;
font-family: Arial;
font-weight : bold;
}

a{
color : #ffffff;
text-decoration : none;
}
a:hover {
text-decoration: none;
}
a:visited{
text-decoration : none;
}

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: #fff699; 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: #fff699; font-size: 1.5em; text-align: center; margin-bottom: 0.5em }
.marge-h2 { color: #fff699; font-size: 1.2em; margin-top: 0.5em; margin-left: 0.8em }
.p-pres { color: #fff; 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 }
.jaune-poste { color: #fff699; font-weight: bold; display: block; margin-bottom: 1em }
.bold { font-weight: bold }
#address { color: #ffffff; text-align: center; width: 100% }
.center{
text-align : center;
}
.center-li { text-align: center; list-style-type: none }
.strong { color: #fff699; font-weight: bold }
.underline{
text-decoration : underline;
}
.large{
font-size : 20px;
}


/* ----------------------------------------------------- STRUCTURE DE LA PAGE*/
#content   { background: #b2b3b5 url(../image/banniere.jpg) no-repeat 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 li .title  { color: #fff699; font-weight: bold; text-decoration: underline; text-align: center; display: block; margin-bottom: 0.2em }
#content_menu img { padding-top: 0.2em }
#content_main    { color: #ffffff; background: #616264; text-align: justify; margin: 0 10px 5px 170px; padding: 5px 10px; position: relative; width: 780px; border: solid 1px }

#content_main_aquatermic{
text-align : justify;
position : relative;
width : 780px;
margin : 0px 10px 5px 170px;
padding : 5px;
background : #F1F4F9;
border : solid 1px #2660AB;
color : #000000;
}

#struct{
list-style : none;
vertical-align : middle;
}
	#struct li { margin: 0 5px -1px; padding: 3px; width: 450px; float: left; border-style: solid; border-width: 1px 0; border-color: #ffffff }
#struct li a:visited { color: #fff }
#struct li img{
	float : left;
	}
	#struct li span { display: block; margin: 2px 10px 5px 180px }
		#struct li .title    { color: #fff699; font-size: 1.1em; font-weight: bold; text-decoration: underline; margin-top: 30px }
.product_photo{
width : 80px;
background : #ffffff;
text-align : center;
border : solid 1px #809731;
}
.domonial{
border : solid 1px #809731;
margin-left : 255px;
}

.product_ref { color: #fff699; font-weight: bold; display: block }
.title_aquatermic{
font-weight : bold;
color : #2660AB;
display : block;
}

.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: #1f3311; font-size: 0.9em; background-image: url(../image/baspage.gif); background-repeat: no-repeat; background-position: 0 0; text-align: left; margin-top: 15px; 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: #1f3311 }
.black   { color: #000; margin-left: 12em }
.black-accueil { color: #000; margin-left: 44em }
.black-accueil a { color: #1f3311 }
.info { font-weight: normal; text-align: center }
#listPoleposition li { color: #fff; margin: 15px 0 }

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

.poleposition li {
color: #fff;
margin: 3px 2px 3px 190px !important;
}
.blanc-pole { color: #fff; 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 { }
#news li  { margin-bottom: 1em }
#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 }
/*animation*/
#flash   {  position: absolute; z-index: 1; top: 5%; left: 25% }
#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 { margin-right: 1.5em; float: right }
#choix { text-align: center }
/*Clés en main*/
#cles-en-main   { margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em 2em 1em 1em; border: solid 1px #fff }
.img-left { margin-right: 3em; float: left }
.img-right { margin-left: 3em; float: right }
.bloc-right { font-style: italic; text-align: center; margin-left: 3em; width: 185px; float: right }
/*Installations*/
#installations { margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em 2em 1em 1em; border: solid 1px #fff }
#installations a { text-decoration: underline }
#installations table { width: 100% }
#installations img { padding-bottom: 1em }
#installations td { text-align: center }
/*panneaux solaires*/
#panneaux-photovoltaiques {margin-top: 0.5em; margin-bottom: 0.5em; padding: 1em 2em 1em 1em; border: solid 1px #fff  }
#panneaux-photovoltaiques li { padding-bottom: 0.5em }
/*Carte*/
#map  { margin-right: auto; margin-left: auto; width: 700px; height: 400px; border: solid 1px #505060 }
.carte    { color: #ff9; 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 #ecee0c }
#trouver select  { margin-right: 1em; margin-left: 1em }
.gras { font-weight: bold }
.center_photo  { color: #ff9; font-size: 1.1em; text-align: center }