/********************************************************************************************/
/*************************** STYLES GENERIQUES **********************************************/
/********************************************************************************************/
html{
margin:0;
padding:0;
}
Body{
margin:0;
padding:0;
font-family:arial, vardana, helvetica, sans serif;
font-size:0.7em;
color:#666666;
text-align:justify;
background-color:transparent;
background-image:url(../img/fond.jpg);
background-repeat:no-repeat;
background-position:center top;
}
h1{
margin:0;
padding:0 0 25px 20px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.5em;
color:#666666;
background-color:transparent;
}
h2{
margin:0;
padding:0 0 3px 20px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.4em;
color:#666666;
background-color:transparent;
}
h3{
margin:0;
padding:0 0 3px 20px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.3em;
color:#666666;
background-color:transparent;
}
h4{
margin:0;
padding:0 0 3px 20px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.2em;
color:#F58D0E;
background-color:transparent;
}
h5{
margin:0;
padding:0 0 3px 20px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.1em;
color:#666666;
background-color:transparent;
}
h6{
margin:0;
padding:0 0 3px 20px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#666666;
background-color:transparent;
}
p{
margin:0;
padding:0 0 3px 0;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#666666;
background-color:transparent;
text-align:justify;
}
ul{
margin:0;
padding:10px 0 5px 25px;
}
li{
margin:0;
padding:0 0 3px 0;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#666666;
background-color:transparent;
}
a, a:link{
margin:0;
padding:0 0 0px 0;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#666666;
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:#666666;
background-color:transparent;
}
input, select, textarea{
margin:0;
padding:0 0 0px 0;
font-family:arial, vardana, helvetica, sans serif;
font-size:1em;
color:#666666;
}

/********************************************************************************************/
/****************************** POSITION DIV ************************************************/
/********************************************************************************************/
#space{
position:relative;
top:0;
left:0;
width:970px;
height:572px;
z-index:1;
margin:0 auto;
display:block;
}
#content{
text-align:left;
}
#bf2, #bf7{
background-color:#FFBD3B;
}
#ze9{
height:auto;
}
#ze9 p{
padding:0 20px;
}
/********************************************************************************************/
/************************************** HOME ************************************************/
/********************************************************************************************/
/************ HAUT *************/

.home_haut_gauche{
float:left;
margin:0;
padding:0;
}
.home_haut_milieu{
float:left;
margin:0;
/*padding:37px 0 0 10px;*/
padding:28px 0 0 0px;
width:456px;
}
.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:0;
background-image:url(../img/fd_gauche.jpg);
background-repeat:no-repeat;
background-position:left top;
height:288px;
position:relative;
width:229px;
}
.home_gauche_bleu p{
margin:0;
padding:0;
}
.home_gauche_bleu .titre_realisation{
position:absolute;
bottom:0;
left:0;
}
.home_gauche_bleu #menu_gauche{
margin:0 0 0 10px !important;
margin:0 0 0 5px;
padding:15px 0 0 0;
float:left;
}
.home_gauche_bleu #menu_gauche li{
float:left;
margin:-3px 0 0 0;
padding:0;
list-style-type:none;
}
.home_gauche_bleu #menu_gauche li.locinv{
float:left;
margin:40px 0 0 0;
padding:0;
list-style-type:none;
}
.home_gauche_orange{
float:left;
margin:0;
width:212px;
padding:15px 5px 2px 11px;
/*padding:15px 0px 2px 9px;*/
background-color:#FA920E;
background-image:url(../img/fleche_bleue.gif);
background-repeat:no-repeat;
background-position:13px top;
height:148px;
color:#333333;
}
.home_gauche_orange img{
float:left;
margin:0 10px 3px 0;
padding:0 0px 0px 0;
}
.home_gauche_orange p{
margin:0 0 2px 0;
padding:0 0 0px 0;
color:#333333;
}
.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:0 20px;
width:473px;
text-align:justify;
}
.home_milieu p{
/*text-indent:35px;*/
/*padding:10px 20px 3px 20px;*/
padding: 10px 0 3px 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:240px;
}
.home_milieu_2col_content_blanc h4{
margin:0;
padding:10px 0 3px 10px;
color:#ee7703;
width:200px;
font-size:1.1em;
}
.texte_jaune{
color:#ee7703;
}
.home_milieu_2col_content_gris{
float:left;
margin:0;
padding:10px 5px;
width:233px;
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:#dd4b00;
width:200px;
font-size:1.1em;
}
.home_milieu_2col_content_gris .texte_orange{
color:#dd4b00;
}
.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:#FFBD3B;
float:left;
margin:4px 0 0 20px;
padding:10px;
width:457px;
}
.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/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/picto_fleche.gif);
background-repeat:no-repeat;
background-position:left 3px;
}

/******************* CONTACT ********************/
#ze9 fieldset{
margin:5px 0 10px 20px;
padding:0;
border:none;
width:490px;
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 select{
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:#5D8AC1;
height:288px;
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;
position:absolute;
bottom:0;
z-index:1;
}
.home_droite_orange{
float:left;
margin:0;
width:212px;
padding:15px 5px 2px 13px;
background-color:#FA920E;
background-image:url(../img/fleche_bleue2.gif);
background-repeat:no-repeat;
background-position:13px top;
height:148px;
color:#333333;
}
* html .home_droite_orange{
width:213px;
}
* + html .home_droite_orange{
width:213px;
}
.home_droite_orange p, .home_droite_orange li, .home_droite_orange a{
color:#333333;
}
.home_droite_orange ul{
float:left;
margin:0;
padding:12px 0 0 0 !important;
padding:7px 0 0 0;
}
.home_droite_orange li{
margin:0;
padding:3px 0 8px 18px;
list-style-type:none;
background-image:url(../img/puce_orange.gif);
background-repeat:no-repeat;
background-position:left 2px;
}
.home_droite_orange li a:hover{
color:#ffffff;
}
#bf136{
height:auto;
width:513px;
}
#ze9 .page, #bf136 .page{
left:280px;
position:absolute;
top:305px !important;
top:320px;
font-size:1.1em;
font-weight:bold;
}
#bf136 p{
padding:0 0 3px 20px;
}
#ze9 .page img{
margin:-2px 5px;
}

/************** 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 ul{
margin:0;
padding:0;
}
.menu_bas li{
margin:0;
padding:0 3px 0 0;
display:inline;
}





.bloc_2col{
width:518px;
float:left;
margin:0 0 20px 0;
padding:0;
}
.blancp{
float:left;
margin:0 0 0 15px;
padding:10px 5px;
width:225px;
background-color:#ffffff;
text-align:justify;
}
.blancp p, #ze9 .blancp p{
padding: 0 10px 5px 10px;
}
.grisp{
background-color:#CBCBCB;
color:#323232;
float:left;
margin:0 0 0 10px;
padding:10px 5px;
width:225px;
text-align:justify;
}
.grisp p, #ze9 .grisp p{
padding: 0 10px 5px 10px;
color:#323232;
}
#ze9 .grisp li{
background-image:none;
list-style-type:circle;
padding:0 0 5px 0;
color:#323232;
}
.titre_fond_gris{
color:#dd4b00;
font-size:1em;
text-transform:uppercase;
font-weight:bold;
}
.titre_fond_blanc{
color:#ee7703;
font-size:1em;
text-transform:uppercase;
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:#FFBD3B;
float:left;
margin:4px 0 0 0px;
padding:10px;
width:457px;
color:#3F2E10;
}
.img_adroite{
float:right;
margin:0 23px 15px 0;
}
.img_adroite_lien{
float:left;
margin:3px 0 15px 0;
text-align:right;
width:225px;
}
.cellule_gauche_impair{
background-color:#CBCBCB;
color:#3F3F3F;
font-size:0.9em;
padding:3px 0 3px 10px;
margin:0;
text-transform:uppercase;
width:115px;
}
.cellule_gauche_pair{
background-color:#DDDDDD;
color:#3F3F3F;
font-size:0.9em;
padding:3px 0 3px 10px;
margin:0;
text-transform:uppercase;
width:115px;
}
.cellule_droite_impair{
background-color:#CBCBCB;
padding:3px 10px 3px 0px;
margin:0;
width:115px;
color:#3F3F3F;
font-weight:bold;
}
.cellule_droite_pair{
background-color:#DDDDDD;
padding:3px 10px 3px 0px;
width:115px;
color:#3F3F3F;
font-weight:bold;
}
.titre_recrutement, .titre_recrutement a{
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 20px;
font-family:arial, vardana, helvetica, sans serif;
font-size:1.2em;
font-weight:bold;
float:left;
width:450px;
}
hr {
border-width:0 0 1px 0;
border-style:dotted;
border-color:#F58D0E;
width:475px;
}
#texteref{
background-color:#171a1f;
color:#FFFFFF;
font-weight:bold;
left:0;
padding:6px 20px 7px 20px;
position:absolute;
top:261px;
width:513px;
opacity : 0.8;
filter : alpha(opacity=80); 
}
#ze143{
height:auto;
}

.form_oblig{
float:left;
margin:0 0 0 15px;
padding:0;
}


#bf6 iframe{
height: 0px;
}

#bf2 iframe{
height: 0px;
}