/* =INITIAL
   v1.0, by Loic Millon - www.webondemand.fr
*/

*{  
margin: 0;
padding: 0;
}
img{
border:none;
}
a{
text-decoration:underline;
color: #212121;
outline:none;
}
a:hover{
text-decoration:underline;
}
.legal_infos{
font-size: 10px;
}
.form_error{
color:red;
font-size:11px;
}

/* LIST */
ul {
margin:10px 0 20px 20px;
padding-left:0px;
}
ul li{
list-style-position:inside;
list-style-type:cirle;
color:#0cc005;
}
ul.sitemap {
margin:20px 0 0 75px;
}
ul.sitemap li a{
text-decoration:none;
}
ul.sitemap li a:hover{
color:#0cc005;
text-decoration:none;
}

body{
background:url("../images/bg_body.gif") no-repeat 50% 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color:#3E3E3E;
}

/* MAIN BLOC */
#header{
background:url("../images/header.png") no-repeat;
height:32px;
width:900px; 
}
.acces_client{
position:absolute;
z-index:15;
background:url("../images/acces_client.gif") no-repeat;
height:16px;
width:120px;
display:block;
margin-left:750px;
margin-top:5px;
}
#footer{
color:#757575;
letter-spacing:0.5px;
font-size:11px;
clear: left;
height:50px;
padding-top:25px;
margin-bottom:25px;
text-align:right; 
}
#container{
width:900px; 
margin-left:auto;
margin-right:auto;
text-align:left;
padding:0 10px 0 10px;
}
#container_maquette{
width:1150px; 
margin-left:auto;
margin-right:auto;
text-align:left;
}
#colg{
margin-top:20px;
float:left;
width:230px;
}
#colc{
margin-top:20px;
float:left;
margin-left:20px;
width:450px;
}
#cold{
margin-top:48px;
float:left;
margin-left:20px;
width:160px;
}
#cold_large{
margin-top:20px;
float:left;
margin-left:20px;
width:630px;
padding:0 10px 10px 10px;
}
#bandeau{
background:url(../images/panneau.png) no-repeat;
width:900px;
height:84px;
display:block;
}

/* PUSHS */
a.push_etude,
a.push_tel,
a.push_email{
width:115px;
height:51px;
float:left;
color:#fff;
text-decoration:none;
padding:5px 5px 0 59px;
font-size:13px;
font-weight: bold;
text-align: center;
}
a.push_etude{
background:url('../images/bg_push_etude.jpg') no-repeat;
padding:5px 0px 0 55px;
width:124px;
}
a.push_tel{
background:url('../images/bg_push_tel.jpg') no-repeat;
letter-spacing: 0px;
}
a.push_email{
background:url('../images/bg_push_email.jpg') no-repeat;
color:#3e3e3e;
height:44px;
padding:12px 5px 0 59px;
letter-spacing: 0px;
}
a.push_etude:hover,
a.push_tel:hover,
a.push_email:hover{
text-decoration: underline;
}

/* ADS */
.contact_img{
background:url(../images/contact.jpg) no-repeat;
display:block;
width:160px; 
height:292px;
}
.contact_img:hover{
background:url(../images/contact_over.jpg) no-repeat;
}

/* P */ 
p.footer_menu a{
text-decoration:none;
}
p.footer_menu a:hover{
color:#0ab804;
text-decoration:underline;
} 

/* A */
a.alphabet_link{
color:#0ab804;
padding:4px;
margin-right:2px;
outline:none;
}
a.alphabet_link:hover, a.alphabet_link_on, a.alphabet_link_on:hover{
color:#0ab804;
border:1px solid #0ab804;
background-color:#fff;
padding:2px 3px 2px 3px;
}
.alphabet_link_off{
color:#0ab804;
padding:4px;
margin-right:2px;
outline:none;
}
a.titre_lexique{
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#525252;
}
a.titre_lexique:hover{
color:#0cc005;
text-decoration:none;
}

/* BLOC GAUCHE HOME */
#colg_home{
margin-top:20px;
float:left;
width:525px;
}
.mission, .projet, .metiers{
float:left;
width:520px;
height:128px;
margin-bottom:22px;
}
.mission img, .projet img, .metiers img{
float:left;
margin-right:10px;
}
.mission:hover{
background-color:#fbf1cb;
text-decoration:none;
}
.projet:hover{
background-color:#dbfdd9;
text-decoration:none;
}
.metiers:hover{
background-color:#e0e0e0;
text-decoration:none;
}
.mission a, .projet a, .metiers a{
text-decoration:none;
}

.projet h4 a, .mission h4 a, .metiers h4 a{
text-decoration:none;
font-size:25px;
font-weight:normal;
float:left;
}
.projet h4 a{
color:#0ab804;
}
.mission h4 a{
color:#fbc601;
}
.metiers h4 a{
color:#271f22;
}


/* BLOC DROIT HOME */
#cold_home{
margin-top:20px;
background:url(../images/cold_home_shadow.jpg) no-repeat left top;
float:left;
width:330px;	
padding-left:30px;
margin-left:15px;
min-height: 439px; /* !IE */
}
a.titre_cold_home{
display:block;
width:330px;
border-bottom:solid 1px #000;
text-decoration:none;
font-weight:bold;
}
a.titre_cold_home:hover{
text-decoration:none;
}
.bloc_info{
font-size:11px;
padding-top:7px;
clear:both;
}
.bloc_info img {
border: 1px solid #e2e2e2;
float:left;
margin-right:5px;
}
.bloc_info a{
text-decoration:none;
}
.bloc_info a:hover{
color:#fbc701;
}
.bloc_info h4{
font-weight:bold;
font-size:11px;
}

/* MENU */
ul.menu{
margin:0;
}
ul.menu li{
list-style-type:none;
float:left;
text-align:center;
}
a.link_menu{
text-decoration:none;
background:url(../images/onglet.gif);
}
a.link_menu, a.link_menu_on{
display:block;
width:150px;
height:22px;
text-align:center;
text-decoration:none;
padding:7px 0 0 0;
color:#3f3f3f;
font-size:11px;
}
a.link_menu:hover, a.link_menu_on, a.link_menu_on:hover{
text-decoration:none;
background:url(../images/onglet_on.gif);
}

a.twolignes_link_menu{
text-decoration:none;
background:url(../images/onglet.gif);
}
a.twolignes_link_menu, a.twolignes_link_menu_on{
display:block;
width:150px;
padding:2px 0 0 0;
height:27px;
text-align:center;
text-decoration:none;
color:#3f3f3f;
font-size:11px;
text-transform: uppercase;
}
a.twolignes_link_menu:hover, a.twolignes_link_menu_on, a.twolignes_link_menu_on:hover{
text-decoration:none;
background:url(../images/onglet_on.gif);
}

/* SOUS MENU */
ul.ssmenu{
margin:0px;
min-height: 400px; /* !IE */
width:210px;
background:#F0F1F3;
padding:10px;
}
.ssmenu li{
list-style-position:outside;
margin:0px;
padding:0px;
list-style-type:none;
clear:left;
}
a.link_ssmenu, a.link_ssmenu_on, a.societe_ssmenu,
a.societe_ssmenu_on, a.offres_ssmenu, a.offres_ssmenu_on, 
a.partenariats_ssmenu, a.partenariats_ssmenu_on{
font-size:12px;
text-decoration:none;
display:block;
width:200px;
padding:8px 0 8px 8px;
outline:none;
ul.partenariats{
min-height: 400px; /* !IE */
width:210px;
margin:0;
background:#F0F1F3;
padding:10px;
}
ul.partenariats li{
margin:0px;
padding:0px;
list-style-type:none;
}
}
a.link_ssmenu{
text-decoration:none;
color:#494949;
}
a.link_ssmenu{
background-color:#A5DBF5;
}
a.societe_ssmenu{
background-color:#FFEA9A;
}
a.offres_ssmenu{
background-color:#b4f4b1;
}
a.link_ssmenu:hover, a.link_ssmenu_on, a.societe_ssmenu:hover, a.societe_ssmenu_on,
a.offres_ssmenu:hover, a.offres_ssmenu_on{
text-decoration:none;
color:#fff;
}
a.link_ssmenu:hover, a.link_ssmenu_on{
background-color:#1671DC;
}
a.societe_ssmenu:hover, a.societe_ssmenu_on{
background-color:#FBC701;
}
a.offres_ssmenu:hover, a.offres_ssmenu_on{
background-color:#0cc005;
}
/* TITRES SOUS-MENU */
h3.offres, h3.societe, h3.partenariats, h3.general{
font-size:17px;
color:#959595;
padding:0 0 0 23px;
letter-spacing:1px;
background:url(../images/ico_tiret2.gif) no-repeat 5px 7px;
margin-bottom:5px;
}
h3.societe span{
color:#FBC701;
font-size:19px;
}
h3.partenariats span{
color:#454545;
font-size:19px;
}
h3.offres span{
color:#0ab804;
font-size:19px;
}
h3.general span{
color:#1671DC;
font-size:19px;
}
h3.titre_offres, h3.titre_societe, h3.titre_partenariats, h3.titre_general{
font-size:17px;
padding-top:3px;
letter-spacing:1px;
margin-bottom:3px;
}
h3.titre_offres{
color:#0ab804;
}
h3.titre_societe{
color:#FBC701;
}
h3.titre_partenariats{
color:#454545;
}
h3.titre_general{
color:#1671DC;
}
h5.small_titre{
color:#3c9824;
font-size:13px;
}
h4.titre_oveos{
background:url(../images/bg_titre_oveos.jpg) no-repeat left top;
height:26px;
padding:3px 0 0 10px;
font-weight:normal;
letter-spacing:1px;
font-size:15px;
}
h4.titre_oveos span{
background:url(../images/bg_titre_oveos2.jpg) no-repeat right top;
height:26px;
width:13px;
padding-right:15px;
}

/* FORMS */
input, textarea {
width:223px;
}
.submit_contact {
float:right;
width:150px;
height:55px;
}

/* LEXIQUE */
#alphabet{
padding:20px;
margin-top:20px;
float:left;
width:860px;
background:#F0F1F3;
}
ul.lexique_menu{
min-height: 250px; /* !IE */
width:210px;
background:#F0F1F3;
padding:10px 10px 20px 10px;
margin:0;
}
.lexique_menu li{
list-style-type:none;
clear:left;
}
a.lexique_ssmenu, a.lexique_ssmenu_on{
font-size:12px;
text-decoration:none;
display:block;
width:200px;
border-bottom:1px dotted #000;
padding:2px 0 2px 2px;
outline:none;
}
a.lexique_ssmenu{
text-decoration:none;
color:#494949;
}
a.lexique_ssmenu:hover, a.lexique_ssmenu_on{
text-decoration:none;
background-color:#E2E2E2;
color:#000;
}
h3.titre_lexique{
font-size:17px;
letter-spacing:1px;
margin-bottom:3px;
color:#494949;
}

/* OFFRE */
#offre_photovoltaique, #offre_maitrise_energie{
background:url(../images/bg_offre_cadre.gif) repeat-y;
width:220px;
float:left;
}
#offre_maitrise_energie{
margin-left:10px;
}
.offre_photovoltaique_titre{
background:url(../images/bg_offre_photovoltaique_titre.jpg) no-repeat;
}
.offre_maitrise_energie_titre{
background:url(../images/bg_offre_maitrise_energie_titre.jpg) no-repeat;
}
h3.offre_photovoltaique_titre, h3.offre_maitrise_energie_titre{
width:220px;
height:36px;
padding-top:10px;
display:block;
font-size:19px;
font-weight:bold;
color:#0060a4;
text-align:center;
}
#offre_cadre_bottom{
background:url(../images/bg_offre_cadre_bottom.gif) no-repeat;
height:25px;
width:220px;
display:block;
}

/* PARTENARIATS */
ul.partenariats{
min-height: 400px; /* !IE */
width:210px;
margin:0;
background:#F0F1F3;
padding:10px;
list-style-type:none;
}
li.partenariat_img {
margin:0px;
padding:0px;
}
li.partenariat_txt{
float:left; 
margin:0 15px 15px 0; 
height:30px;
background-color:#fff; 
padding:15px 6px 15px 8px;
}

/* ETUDE */
.highlight{
text-align: center;
font-size: 18px;
}
ul#etude_points{
margin: 0 0 0 15px;;
padding: 0;
}
ul#etude_points li{
color: #1671DC;
font-size: 14px;
font-weight: bold;
margin-top: 10px;
list-style-type:none;
padding-left: 15px;
background: url('../images/ico_tiret_bloc_mini.gif') no-repeat left;
}
#colg_etude{
float:left;
width: 560px;
}

#cold_etude{
background:url(../images/cold_home_shadow.jpg) no-repeat left top;
float:right;
width:300px;	
padding-left: 30px;
}
#cold_etude #donnees label{
float:left;
width: 195px;
margin-bottom:4px;
}
#cold_etude #donnees input{
width: 100px;
float:right;
margin-bottom:4px;
background: #fff;
border: 1px solid #839FB5;
}
#cold_etude #coordonnees label{
float:left;
width: 115px;
margin-bottom:4px;
}
#cold_etude #coordonnees input{
width: 175px;
float:right;
margin-bottom:4px;
background: #fff;
border: 1px solid #839FB5;
}
#cold_etude h5{
width: 100%;
font-size: 13px;
border-bottom: 1px solid #000;
margin: 7px 0 0px 0;
}
#cold_etude span{
color:red;
}

/* ETUDE */
#rappel label{
float:left;
width: 200px;
margin-bottom:4px;
}
#rappel input{
width: 200px;
float:left;
margin-bottom:4px;
background: #fff;
border: 1px solid #839FB5;
}
#rappel span{
color:red;
}

/* MENTIONS */
#mentions ul {
margin:0;
padding:0;
}
#mentions ul li{
text-indent: 0;
}
#mentions ul li{
color: #3e3e3e;
}