/********************************************************************************************/
/*************************** STYLES GENERIQUES **********************************************/
/********************************************************************************************/
html{
margin:0;
padding:0;
}
Body{
margin:0;
padding:0;
font-family:arial, vardana, helvetica, sans serif;
font-size:0.7em;
color:#2B3B3B;
text-align:center;
background-color:transparent;
background-image:url(../img/sunnco_residentiel/fond_img2.jpg);
background-repeat:no-repeat;
background-position:center top;
}
Body#gab_popup{
margin:0;
padding:0;
font-family:arial, vardana, helvetica, sans serif;
font-size:0.7em;
color:#2B3B3B;
text-align:center;
background-color:transparent;
background-image:url(../img/sunnco_residentiel/fd_popup.jpg);
background-repeat:repeat-x;
background-position:center top;
}
h1{
margin:0;
padding:0 0 25px 20px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.5em;
color:#2B3B3B;
background-color:transparent;
}
h2{
margin:0;
padding:0 0 5px 0px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.4em;
color:#2B3B3B;
background-color:transparent;
}
h3{
margin:0;
padding:0 0 5px 0px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.3em;
color:#2B3B3B;
background-color:transparent;
}
h4{
margin:0;
padding:0 0 5px 0px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.2em;
color:#F58D0E;
background-color:transparent;
}
h5{
margin:0;
padding:0 0 5px 0px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.1em;
color:#2B3B3B;
background-color:transparent;
}
h6{
margin:0;
padding:0 0 5px 0px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#2B3B3B;
background-color:transparent;
}
p{
margin:0;
padding:0 0 10px 0;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#2B3B3B;
background-color:transparent;
text-align:justify;
}
ul, ol{
margin:0;
padding:0px 0 10px 25px;
}
li{
margin:0;
padding:0 0 5px 0;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#2B3B3B;
background-color:transparent;
text-align:justify;
}
a, a:link{
margin:0;
padding:0 0 0px 0;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#ee7703;
background-color:transparent;
border:none;
text-decoration:none;
}
a:hover{
margin:0;
padding:0 0 0px 0;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#FA920E;
background-color:transparent;
border:none;
text-decoration:none;
}
arbo a, arbo a:hover{
font-size:1em;
color:#000000;
text-decoration:none;
}
img{
margin:0;
padding:0;
border:none;
}
table, tbody, tr, td{
margin:0;
padding:0 0 3px 0;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#2B3B3B;
background-color:transparent;
}
input, select, textarea{
margin:0;
padding:0 0 0px 0;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#2B3B3B;
}
br {
font-size:0.7em;
}

/********************************************************************************************/
/****************************** POSITION DIV ************************************************/
/********************************************************************************************/
#space{
position:relative;
margin:0 auto;
}
* html #bf27{
left:1px;
}
* + html #bf27{
left:1px;
}
#bf26{
background-color:#ffffff;
}
* html #bf26{
left:1px;
}
* + html #bf26{
left:1px;
}
* html #ze61{
left:229px;
}
* + html #ze61{
left:229px;
}
* html #ze96{
left:229px;
}
* + html #ze96{
left:229px;
}
* html #ze39{
left:229px;
}
* + html #ze39{
left:229px;
}
* html #ze78{
left:229px;
}
* + html #ze78{
left:229px;
}
#ze51{ 
padding:10px 0 0 0;
margin:5px 0 0 13px;
width:217px;
background-color:#ffffff;
height:auto;
}
#ze53{ 
background-color:#ffffff;
height:auto;
margin:5px 0 0 0px;
padding:10px 0 0 0;
width:237px;
}
#ze39, #ze78, #ze79 { 
height:auto;
}
#ze61 { 
height:auto;
background-color:#ffffff;
width:513px;
}
#ze61 h1, #ze61 h2, #ze61 h3, #ze61 h4, #ze61 h5, #ze61 h6 { 
padding:30px 0 12px 15px;
width:488px;
float:left;
}
#ze61 p { 
padding:0px 0px 3px 15px;
width:477px;
float:left;
color:#573b37;
}
#ze61 p img { 
padding:0px 0px 0px 0px;
float:left;
color:#573b37;
}
#ze62{ 
padding: 0 13px;
width:488px;
height:auto;
}
#ze39 h1, #ze39 h2, #ze39 h3, #ze39 h4, #ze39 h5, #ze39 h6 { 
padding:30px 0 12px 15px;
width:488px;
float:left;
}
#ze39 p { 
padding:0px 0 3px 15px;
width:488px;
float:left;
color:#573b37;
}
#ze40{ 
padding:10px;
margin:5px 0 0 13px;
width:217px;
background-color:#ffffff;
height:auto;
}
#ze40 h1, #ze40 h2, #ze40 h3, #ze40 h4, #ze40 h5, #ze40 h6{
color:#ee7703;
font-size:1.2em;
font-weight:bold;
}
#ze41{ 
background-color:#ffedd9;
height:auto;
margin:5px 0 0 5px;
padding:10px;
width:217px;
}
#ze41 h1, #ze41 h2, #ze41 h3, #ze41 h4, #ze41 h5, #ze41 h6{
color:#dd4b00;
font-size:1.2em;
font-weight:bold
}
#ze78 h1, #ze78 h2, #ze78 h3, #ze78 h4, #ze78 h5, #ze78 h6 { 
padding:5px 0 0px 15px;
width:488px;
float:left;
}
#ze79{ 
padding: 0 13px;
width:488px;
height:auto;
}
#ze96 { 
height:auto;
background-color:#ffffff;
width:513px;
}
#ze96 h1, #ze96 h2, #ze96 h3, #ze96 h4, #ze96 h5, #ze96 h6 { 
padding:30px 0 12px 15px;
width:488px;
float:left;
}
#ze96 p { 
padding:0px 0px 3px 15px;
width:477px;
float:left;
color:#573b37;
}
#ze96 p img { 
padding:0px 0px 0px 0px;
float:left;
color:#573b37;
}
#ze97{ 
padding: 0 13px;
width:485px;
height:auto;
overflow:auto;
}
* html #ze97{ 
overflow-x:hidden;
}
#ze97 .bloc_2col{ 
width:478px;
}
#ze97 .grisp, #ze97 .blancp{ 
width:208px;
}
#div99{
/*width:468px;*/
width:auto;
}

/********************************************************************************************/
/************************************** HOME ************************************************/
/********************************************************************************************/
/************ HAUT *************/
.home_haut_gauche{
float:left;
margin:0;
padding:0;
}
.home_haut_milieu{
float:left;
margin:0;
padding:11px 0 0 10px;
width:476px;
}
.home_haut_milieu img{
margin:0;
padding:0px 0 13px 0px;
}
.home_haut_milieu h2{
float:left;
margin:0;
padding:0px 0 0 0px;
width:476px;
color:#f39801;
font-size:1em;
}

#bf103{
background-color:#FFFFFF;}

.home_haut_droite{
float:right;
margin:0;
padding:0 12px 0 0;
}
.home_haut_droite ul{
float:left;
margin:0;
padding:20px 0 0 0;
}
.home_haut_droite li{
margin:0;
padding:1px 0 0 0;
list-style-type:none;
}

/************ MILIEU GAUCHE *************/
#div2{
	background-color:#FFBD3B;
}
.home_gauche_bleu{
margin:0;
padding:15px 0 0 15px;
background-image:url(../img/sunnco_residentiel/fd_gauche.gif);
background-repeat:repeat-x;
background-position:left 2px;
height:272px;
position:relative;
width:213px;
background-color:#FFC300;
}
.home_gauche_bleu p{
margin:0;
padding:0;
}
.home_gauche_bleu p.metier{
margin:30px 0 0 0;
padding:0;
}
.home_gauche_bleu .titre_realisation{
position:absolute;
bottom:0;
left:0;
}
.home_gauche_bleu #menu_gauche{
float:left;
margin:0 0 0 0px;
padding:3px 0 0 0;
float:left;
width:213px;
}
.home_gauche_bleu #menu_gauche li{
float:left;
margin:0px 0 0 0;
padding:0;
list-style-type:none;
}
.home_gauche_bleu #menu_gauche li.reference{
float:left;
margin:30px 0 0 0;
padding:0;
list-style-type:none;
}
.home_gauche_orange{
margin:0;
padding:15px 0 0 15px;
background-color:#EE7703;
height:70px;
position:relative;
width:213px;
}
.home_gauche_orange img{
float:left;
margin:0 10px 3px 0px;
padding:0 0px 0px 0;
}
.home_gauche_orange p{
margin:0 0 0px 0;
padding:0 0 0px 0;
color:#333333;
float:left;
}
.home_gauche_orange p.savoir_plus{
float:right;
padding:0 0 3px 0;
margin:0;
}

/************ MILIEU *************/
.home_milieu_bleu{
float:left;
margin:0;
padding:0;
text-align:justify;
}
.home_milieu{
float:left;
margin:0;
padding:10px 15px 0 15px;
width:484px;
text-align:justify;
}
.home_milieu img{
float:left;
margin:0 10px 0 0;
padding:0 0px;
}
.home_milieu p{
padding: 0px 0 10px 0;
text-align:justify;
}
.home_milieu h3{
padding:15px 0px 15px 0px;
}
.home_milieu_2col{
float:left;
margin:0;
padding:10px 0px 10px 0px;
width:493px !important;
width:497px;
}
.home_milieu_2col p{
padding:10px 10px 3px 10px;
text-align:justify;
}
.home_milieu_2col_content_blanc{
float:left;
margin:0;
padding:10px 5px;
width:235px;
}
.home_milieu_2col_content_blanc h4{
margin:0;
padding:10px 0 3px 10px;
color:#FFBD3B;
width:200px;
font-size:1.1em;
}
.texte_jaune{
color:#FFBD3B;
}
.home_milieu_2col_content_gris{
float:left;
margin:0;
padding:10px 5px;
width:229px;
background-color:#CBCBCB;
color:#323232;
}
#ze9 .home_milieu_2col_content_gris li{
background-image:none;
list-style-type:circle;
padding:0 0 3px 0;
}
.home_milieu_2col_content_gris h4{
margin:0;
padding:10px 0 3px 10px;
color:#FA920E;
width:200px;
font-size:1.1em;
}
.home_milieu_2col_content_gris .texte_orange{
color:#FA920E;
}
.home_milieu_2col_content_gris p, .home_milieu_2col_content_gris li{
color:#323232;
}
.home_milieu_2col_content_gris ul{
float:left;
margin:0;
padding:5px 5px 5px 30px;
}
.home_milieu_jaune{
background-color:#FBB100;
float:left;
margin:4px 0 0 10px;
padding:10px 10px 1px;
width:455px;
}
.home_milieu_jaune p{
color:#3F2E10;
}
.home_milieu_jaune a{
color:#3F2E10;
text-decoration:underline;
}

/**************  SUNNCO GC RECRUTE  **************/
.offre_emploi{
float:left;
margin:0 0px 15px 20px;
padding:0 0px 5px 0px;
width:473px;
border-width:0 0 1px 0;
border-style:dotted;
border-color:#FA920E;
}
.offre_emploi h4{
color:#F58D0E;
padding:0 0 3px 0px;
}
.offre_emploi h4 a{
color:#F58D0E;
padding:0 0 3px 15px;
background-image:url(../img/sunnco_residentiel/picto_fleche.gif);
background-repeat:no-repeat;
background-position:left 3px;
}
#ze9 .offre_emploi p{
margin:0;
padding:0 0 3px 0;
}
#ze9 ul li{
margin:0;
padding:0 0 3px 15px;
list-style-type:none;
background-image:url(../img/sunnco_residentiel/picto_fleche.gif);
background-repeat:no-repeat;
background-position:left 3px;
}

/******************* CONTACT ********************/
#ze9 fieldset{
margin:5px 0 10px 20px;
padding:0;
border:none;
width:473px;
float:left;
}
#ze9 fieldset legend{
margin:0px 0 10px 0;
padding:0 0 0px 0;
color:#FA920E;
font-weight:bold;
width:473px;
float:left;
font-size:1.1em;
}
#ze9 label{
margin:2px 0;
padding:0;
float:left;
width:163px;
}
#ze9 input{
margin:2px 0;
padding:0;
float:left;
width:240px;
}
#ze9 form a{
float:right;
margin:0px 63px 15px 0;
}

/************ MILIEU DROITE *************/
.div4 p{
padding:0 20px;
}
#div4{
	background-color:#FFBD3B;
}
.home_droite_bleu{
float:left;
margin:0;
padding:0;
width:230px;
background-color:#f7a900;
height:287px;
position:relative;
}
* html .home_droite_bleu {
width:231px;
}
* + html .home_droite_bleu {
width:231px;
}
.home_droite_bleu p{
color:#333333;
padding:15px 10px 2px 13px;
position:relative;
z-index:10;
}

.home_droite_bleu span{
color:#333333;
padding:5px 10px 2px 13px;
display:block;
}

.home_droite_bleu .num_actu{
padding:10px 0 0 0;
}
.home_droite_bleu .lk_contact{
margin:0;
padding:0 0 0 10px;
position:absolute;
bottom:5px;
left:0;
z-index:1;
}
.home_droite_orange{
float:left;
margin:0;
width:212px;
padding:15px 5px 2px 13px;
background-color:#EB7803;
background-image:url(../img/sunnco_residentiel/fleche_jaune.gif);
background-repeat:no-repeat;
background-position:13px top;
height:148px;
}
* html .home_droite_orange{
width:213px;
}
* + html .home_droite_orange{
width:213px;
}
.home_droite_orange p{
padding:0 0 5px 0;
font-size:1em;
}
.home_droite_orange p, .home_droite_orange li, .home_droite_orange a{
color:#333333;
}
.home_droite_orange ul{
float:left;
margin:0;
padding:0px 0 0 0;
}
.home_droite_orange li{
margin:0;
padding:2px 0 2px 18px;
list-style-type:none;
background-image:url(../img/sunnco_residentiel/puce_orange.gif);
background-repeat:no-repeat;
background-position:left 4px;
font-size:1em;
text-align:left;
}
.home_droite_orange li a:hover{
color:#ffffff;
}

/************** MENU PRESSE ************/
#menu_presse{
margin:0 0 0 20px;
padding:0;
}
#menu_presse li{
margin:0;
padding:0 3px 0 0;
float:left;
list-style-type:none;
}

/************** FOOTER *************/
/*.menu_bas{
position:absolute;
bottom:0;
right:0;
margin:0;
padding:0 17px;
}*/
.menu_bas{
margin:0 0 0 30px;
padding:0;
}
.menu_bas li{
margin:0;
padding:0 3px 0 0;
display:inline;
}

/**************  SUNNCO RES RECRUTE  **************/
.offre_emploi{
float:left;
margin:0 0px 15px 5px;
padding:0 0px 5px 0px;
width:473px;
border-width:0 0 1px 0;
border-style:dotted;
border-color:#FA920E;
}
.offre_emploi h4{
color:#F58D0E;
padding:0 0 3px 0px;
}
.offre_emploi h4 a{
color:#F58D0E;
padding:0 0 3px 15px;
background-image:url(../img/picto_fleche.gif);
background-repeat:no-repeat;
background-position:left 3px;
}
#ze62 .offre_emploi p{
margin:0;
padding:0 0 3px 0;
}
#ze62 ul li{
margin:0;
padding:0 0 3px 15px;
list-style-type:none;
background-image:url(../img/picto_fleche.gif);
background-repeat:no-repeat;
background-position:left 3px;
}


#bf133{
width:513px;
height:auto;
}
#bf133 .page{
left:140px;
position:absolute;
top:420px;
font-size:1.1em;
font-weight:bold;
}
#bf133 .page img{
margin:-2px 5px;
}
#ze134{
height:auto;
top:443px;
background-color:#f9d563;
padding:10px;
left:500px;
}
#div138{
padding:0 0 0 16px;
}
#texteref{
background-color:#171a1f;
color:#FFFFFF;
font-weight:bold;
left:0;
padding:6px 20px 7px 20px;
position:absolute;
top:381px;
width:473px;
opacity : 0.8;
filter : alpha(opacity=80); 
}
/********************************************************************************************/
/************************************** SPAW ************************************************/
/********************************************************************************************/
.titre_page{
height:91px;
background-color:#ffffff;
float:left;
margin:0;
padding:30px 0 0 15px;
width:483px;
}
.bloc_2col{
width:488px;
float:left;
margin:0 0 20px 0;
padding:0;
}
.blancp, #blancp{
background-color:#ffffff;
width:217px;
padding:10px;
margin:0px 6px 0px 0;
float:left;
text-align:justify;
}
#bf133 .blancp, #bf133 #blancp{
margin:0px 6px 0px 5px;
}
.grisp{
background-color:#ffedd9;
width:217px;
padding:10px;
margin:0px 0 0px 6px;
float:left;
text-align:justify;
}
.titre_fond_gris{
color:#dd4b00;
font-size:1.2em;
font-weight:bold;
}
.titre_fond_blanc{
color:#ee7703;
font-size:1.2em;
font-weight:bold;
}
.liste{
background-image:url(../img/sunnco_residentiel/picto_puce.gif);
background-position:left 4px;
background-repeat:no-repeat;
margin-left:10px;
padding-left:11px;
}
.fond_jaune{
background-color:#fbb100;
width:470px;
padding:10px;
margin:0px 0 0px 0px;
float:left;
text-align:justify;
color:#573c35;
}
.titre_recrutement{
color:#F58D0E;
padding:0 0 0px 15px;
background-image:url(../img/picto_fleche.gif);
background-repeat:no-repeat;
background-position:left 3px;
margin:0 0 10px 0px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.2em;
font-weight:bold;
float:left;
width:475px;
}
hr {
border-width:0 0 1px 0;
border-style:dotted;
border-color:#F58D0E;
}

/******************* CONTACT ********************/
#ze61 fieldset{
margin:5px 0 10px 20px !important;
margin:5px 0 10px 7px;
padding:0;
border:none;
width:490px;
float:left;
}
#ze61 fieldset legend{
margin:0px 0 10px 0;
padding:0 0 0px 0;
color:#FA920E;
font-weight:bold;
width:473px;
font-size:1.1em;
}
#ze61 label{
margin:2px 0;
padding:0;
float:left;
width:126px;
}
#ze61 input{
margin:2px 0;
padding:0;
float:left;
width:240px;
}
#ze61 textarea{
margin:2px 0 15px 0;
padding:0;
width:240px;
}
* html #ze61 textarea{
margin:2px 0 15px -3px;
padding:0;
width:243px;
}

#ze61 form a{
float:right;
margin:0px 63px 15px 0;
}
#ze61 label.info{
width:410px;
}
#ze61 input#infos{
float:left;
margin:0px 10px 10px 0;
width:13px;
}
* html #ze61 input#infos{
float:left;
margin:0px 0px 0px 0;
width:auto;
}
#ze61 label.horaire, #ze61 label.cp2{
width:480px;
margin:5px 0 0 0;
}
#ze61 .form_oblig{
float:left;
margin:20px 0 0 0px;
width:475px;
}
#ze61 label#info{
width:450px;
margin:0 0 10px 0;
float:left;
}
#ze61 input#horaires{
margin-bottom:15px;
}
#gab_popup{
background-image:url(../img/sunnco_residentiel/fd_popup.jpg);
background-position:left top;
background-repeat:repeat-x;
background-color:#ffffff;
}


#bf27 iframe{
height: 0px;
}

.form_message{
	padding-left:20px;
}