*{
margin:0;
padding:0;
font-family:verdana,tahoma,georgia;
color:#868383;
font-size:1em;
border:0;
}
body{
background-color:#daeef6;
background-image:url('../images/bg_body.jpg');
background-position:top;
background-repeat:repeat-x;
}
#interface{
width:100%;
background-image:url('../images/top_interface.jpg');
background-position:top center;
background-repeat:no-repeat;
text-align:center;
}
#face{
width:983px;
margin:auto;
}
#header{
width:100%;
}
#topbuttons{
background-image:url('../images/top_bg_corners.png');
background-position:bottom center;
background-repeat:no-repeat;
height:78px;
}
#topbuttons ul{
display:block;
float:right;
}
#topbuttons ul li{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
vertical-align:bottom;
}
#topbuttons ul li a img{
height:78px;
vertical-align:bottom;
}
#topmenu{
width:100%;
background-image:url('../images/bg_header_interface.png');
background-position:center;
background-repeat:repeat-y;
height:77px;
}
#topmenu ul{
margin-left:20px;
display:block;
float:left;
}
#topmenu ul li{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#topmenu ul li a{
font-size:8pt;
color:#FFFFFF;
text-decoration:none;
line-height:50px;
margin-top:12px;
display:block;
}
#topmenu ul li a:hover, #topmenu ul li a.encours{
background:transparent no-repeat scroll 0px -50px;
}
#topmenu ul li#home a{
margin-top:0px;
}
#topmenu ul li#accueil a{
height:50px;
width:85px;
background-image:url('../images/top-menu-accueil.jpg');
}
#topmenu ul li#accueil a span{
width:30px;
height:50px;
float:left;
}
#topmenu ul li#qui a{
height:50px;
width:148px;
background-image:url('../images/top-menu-qui.jpg');
}
#topmenu ul li#qui a span{
width:25px;
height:50px;
float:left;
}
#topmenu ul li#photovoltaique a{
height:50px;
width:144px;
background-image:url('../images/top-menu-photovoltaique.jpg');
}
#topmenu ul li#photovoltaique a span{
width:30px;
height:50px;
float:left;
}
#topmenu ul li#eolien a{
height:50px;
width:85px;
background-image:url('../images/top-menu-eolien.jpg');
}
#topmenu ul li#eolien a span{
width:30px;
height:50px;
float:left;
}
#topmenu ul li#thermique a{
height:50px;
width:125px;
background-image:url('../images/top-menu-thermique.jpg');
}
#topmenu ul li#thermique a span{
width:30px;
height:50px;
float:left;
}
#topmenu ul li#pompe a{
height:50px;
width:166px;
background-image:url('../images/top-menu-pompe.jpg');
}
#topmenu ul li#pompe a span{
width:25px;
height:50px;
float:left;
}
#accroche{
display:block;
text-align:left;
width:100%;
height:30px;
background-image:url('../images/bg_header_interface.png');
background-position:center;
background-repeat:repeat-y;
}
#accroche img{
margin-left:20px;
}
#hrtop{
background-image:url('../images/hr_top_menu.jpg');
display:block;
height:2px;
width:100%;
}
#content{
width:100%;
background-image:url('../images/bg_header_interface.png');
background-position:center;
background-repeat:repeat-y;
float:left;
}
#flashead{
width:977px;
margin:auto;
}
#job3col{
margin-top:1px;
width:977px;
margin-left:3px;
background-color:#eff0ea;
border-top:solid 1px #cccec7;
float:left;
}
#job3col div{
float:left;
}
#job3col h1{
margin:19px 0px 0px 15px;
font-size:16pt;
font-weight:normal;
/*text-shadow:0px 1px 1px #ebc886;*/
color:#e69a13;
display:block;
text-align:left;
}
#job3col h2{
padding:12px 0px 16px 15px;
font-size:9pt;
/*text-shadow:0px 1px 1px #cdcec8;*/
color:#474444;
display:block;
text-align:left;
vertical-align:middle;
height:30px;
}
#job3col p{
margin-left:15px;
text-align:left;
font-size:8pt;
color:#868383;
}
#jobeolien, #jobtermique, #jobpompe{
background-position:top right;
background-repeat:no-repeat;
}
.hrjob{
width:5px;
}
#jobeolien{
width:323px;
background-image:url('../images/picto_job_eolien.jpg');
}
#jobtermique{
width:320px;
background-image:url('../images/picto_job_thermique.jpg');
}
#jobpompe{
width:323px;
background-image:url('../images/picto_job_pompe.jpg');
}
.savoirplus{
background-image:url('../images/btn_savoir_plus.jpg');
display:block;
height:25px;
line-height:25px;
width:93px;
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
font-size:8pt;
text-shadow:0px 1px 1px #efc34f;
margin:12px 0px 15px 15px;
}
.savoirplus:hover{
text-decoration:underline;
}
#home2cols{
float:left;
margin-top:1px;
border-top:solid 1px #cccec7;
width:977px;
margin-left:3px;
padding-bottom:20px;
}
#textcol{
margin-top:26px;
margin-left:18px;
width:630px;
float:left;
text-align:left;
}
#textcol h1{
color:#e69a13;
font-size:16pt;
font-weight:normal;
}
#textcol h2{
margin:15px 0px 19px 0px;
color:#474444;
font-size:10pt;
font-weight:normal;
}
#textcol p{
font-size:8pt;
margin:8px 0px 8px 0px;
}
#textcol ul{
font-size:8pt;
margin:8px 0px 8px 0px;
}
#textcol ul li{
display:block;
list-style-type: none;
background-image:url('../images/puce_li.jpg');
background-repeat:no-repeat;
padding-left:20px;
line-height:18px;
vertical-align:top;
}
.separcol{
float:left;
width:22px;
text-align:left;
}

#oldernews{
margin-top:26px;
text-align:left;
font-size:8pt;
width:525px;
}
#oldernews .actu{
width:525px;
float:left;
display:block;
margin-bottom:17px;
border:solid 1px #cacaca;
padding:8px;
}
#oldernews .actu:hover{
background-color:#FFFFFF;
}
#oldernews h1{
color:#0b73a9;
font-size:16pt;
font-weight:normal;
margin-bottom:17px;
display:block;
}
#oldernews  a.actutitre{
/*float:left;*/
font-weight:bold;
color:#2985b4;
text-decoration:none;
display:block;
}
#oldernews  a.actutitre:hover{
text-decoration:underline
}
#oldernews  span{
float:left;
margin-right:3px;
color:#78bee2;
}
#oldernews  a.actutxt{
margin-top:3px;
width:289px;
/*float:left;*/
display:block;
text-decoration:none;
font-weight:normal;
}
#oldernews  a.actutxt:hover{
text-decoration:underline;
}
#oldernews  a.actusuite{
margin-top:8px;
float:left;
display:block;
}
#oldernews .pagine-actu{
text-align:center;
width:525px;
display:block;
}
#oldernews .pagine-actu span{
text-align:center;
float:none;
}
#oldernews .pagine-actu span, #oldernews .pagine-actu a{
margin:0px 3px 0px 3px;
}
/**/
#newscol{
margin-top:26px;
text-align:left;
font-size:8pt;
float:left;
width:290px;
}
#newscol .actu{
width:289px;
float:left;
display:block;
margin-bottom:17px;
}
#newscol h1{
color:#0b73a9;
font-size:16pt;
font-weight:normal;
margin-bottom:17px;
display:block;
}
#newscol a.actutitre{
/*float:left;*/
font-weight:bold;
color:#2985b4;
text-decoration:none;
}
#newscol a.actutitre:hover{
text-decoration:underline
}
#newscol span{
float:left;
margin-right:3px;
color:#78bee2;
}
#newscol a.actutxt{
margin-top:3px;
width:289px;
float:left;
display:block;
text-decoration:none;
}
#newscol a.actutxt:hover{
text-decoration:underline;
}
#newscol a.actusuite{
margin-top:8px;
float:left;
display:block;
}
#social a{
float:left;
margin-right:12px;
}
#footer{
width:100%;
float:left;
background-color:#aabe30;
background-image:url('../images/bg_footer.jpg');
background-repeat:repeat-x;
background-position:top;
}
#backfoot{
width:100%;
float:left;
background-image:url('../images/bg_bottom.jpg');
background-repeat:no-repeat;
background-position:top center;
text-align:center;
}
#footflash{
width:977px;
height:104px;
margin-left:auto;
margin-right:auto;
margin-top:2px;
padding-left:3px;
}
#backtext{
color:#FFFFFF;
font-size:8pt;
font-weight:bold;
width:977px;
margin-left:auto;
margin-right:auto;
margin-top:23px;
margin-bottom:22px;
text-align:left;
}
#backtext a{
color:#FFFFFF;
text-decoration:none;
}
#backtext a:hover{
text-decoration:underline;
}
/*MaxiGallery*/
.thumbscontainer ul.thumbs{
float:left;
margin-bottom:17px;
}
.thumbscontainer ul.thumbs li{
background-image:none !important;
}
.thumbscontainer ul.thumbs li a{
border:solid 1px #cacaca;
padding:5px;
float:left;
}
.thumbscontainer ul.thumbs li a:hover{
border:solid 1px #FFFFFF;
}
/*Eform Job*/
#thetext div.errors{
padding:5px;
border:solid 1px #e53a2b;
width:525px;
margin:15px 0px 15px 0px;
}
form#FormJob .formline, .formline{
display:block;
float:left;
width:100%;
margin-bottom:10px;
}
form#FormJob .formline label, .formline label{
width:180px;
margin-right:15px;
text-align:right;
}
form#FormJob .formline input, .formline input{
width:250px;
}
form#FormJob .formline textarea{
width:250px;
height:200px;
}
form#FormJob .center, .center{
text-align:center;
}
form#FormJob .formline input.requiredValue, form#FormJob .formline input.invalidValue{
background-image:url('../images/error_form.jpg');
background-position:left 5px;
padding-left:8px;
background-repeat:no-repeat;
}
form#FormJob .formline textarea.requiredValue{
background-image:url('../images/error_form.jpg');
background-position:left -2px;
padding-left:8px;
background-repeat:no-repeat;
}
div.Candidature{
float:left;
}
span.txtradio{
float:left;
margin-top:7px;
margin-right:5px;
}
div.clearline{
width:100%;
float:left;
height:40px;
background-image:url('../images/hr-250.gif');
background-position:center center;
background-repeat:no-repeat;
}