/* CSS des pages en détail */

/* Page d'accueil */




#firstParagraphe{
position:relative;
float:left;
width:300px;
margin:30px 0 10px 20px;
}

/* Hack IE6 */
* html #firstParagraphe{
width:280px;
}

#firstParagraphe p{
font-size:12px;
margin-bottom:10px;
}

#firstParagraphe p a{
font-weight:bold;
}

#blocSatecoInfos{
position:relative;
display:table;
float:right;
width:636px;
height:347px;
background:url(../../images/fonds/blocSatecoInfos_bck.jpg) left bottom no-repeat;
}

div.oneBlocSatecoInfos{
position:relative;
float:left;
width:285px;
height:335px;
padding:0 0 0 10px;
margin:0 0 0 14px;
background-position: left top;
background-repeat: no-repeat;
}

div.oneBlocSatecoInfos h2{
position:relative;
color:#fff;
font-size:16px;
text-align:center;
padding:5px 0 10px 0;
text-transform:uppercase;
clear:both;
}

div.oneBlocSatecoInfos p{
position:relative;
clear:both;
}

div.oneBlocSatecoInfos p.intro{
color:#fff;
margin-top:108px;
margin-left:80px;
height:60px;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
font-family:verdana;
}

sup
{
	line-height:95%;
	font-size:7px;
}

div.oneBlocSatecoInfos h4.texte{
font-size:15px;
margin-top:5px;
margin-bottom:10px;
margin-left:10px;
}

div.oneBlocSatecoInfos p.texte{
font-size:13px;
padding-right:10px;
margin-bottom:10px;
margin-left:10px;
}

div.oneBlocSatecoInfos p.texte a{
background-color:#aa8b4b;
padding:1px 4px;
font-size:12px;
color:#fff;
}

/* Bloc Focus */

#blocFocus{
position:relative;
float:left;
width:555px;
margin:0 0 0 20px;
height:219px;
padding:20px;
border:1px solid #e8dfce;
background:#edebe6 url(../../images/fonds/blocFocus_bck.jpg) left top repeat-x;
}

/* Hack IE6 */
* html #blocFocus{
width:550px;
}


#blocFocus h4{
position:relative;
font-size:14px;
color:#aa8b4b;
margin-bottom:10px;
clear:both;
}

#blocFocus p{
position:relative;
clear:both;
color:#434343;
font-size:13px;
}

#blocFocus p strong,
#blocFocus p span{
font-size:13px;
color:#434343;
}

#blocFocus p a{
color:#aa8b4b;
font-size:13px;
text-decoration:underline;
font-weight:bold;
}

/* Fin de la page d'accueil */

#blocCarriere{
position:relative;
float:right;
width:280px;
padding:20px 20px 0 18px;
margin:0 20px 0 0;
height:240px;
background:url(../../images/fonds/carriere_bck.jpg) left top repeat-x;
}

#blocCarriere h2{
position:relative;
margin-top:1px;
width:140px;
clear:both;
}

#blocCarriere h2 a{
font-size:16px;
color:#fff;
line-height:24px;
}

#blocCarriere h2 a span{
color:#aa8b4b;
font-size:16px;
text-transform:uppercase;
}

#blocCarriere p{
position:relative;
margin-top:95px;
width:250px;
clear:both;
}

#blocCarriere p a{
font-size:12px;
color:#000;
}

#blocCarriere p a strong{
font-size:12px;
}

/* Fin page accueil */


/* Page industrie et BTP */

/* Class communes */

.presentationActivite{
position:relative;
height:auto;
padding:25px 10px 0 20px;
clear:both;
background: url(../../images/fonds/presentationActivite_industrie_bck.jpg) top left repeat-x;

}

.presentationActivite h1{
position:relative;
width:315px;
height:37px;
padding:8px 0 0 80px;
margin-bottom:25px;
color:#fff;
font-size:24px;
font-weight:bold;
background-position:top left;
background-repeat:no-repeat;
clear:both;
}

.presentationActivite h2{
position:relative;
width:614px;
height:20px;
padding-top:5px;
text-align:center;
font-size:14px;
font-weight:bold;
background: url(../../images/fonds/h2_produits_bck.jpg) top left repeat-x;
clear:both;
}

.presentationActivite h5{
position:relative;
width:395px;
height:18px;
padding:3px 0 0 5px;
font-size:14px;
font-weight:bold;
background: url(../../images/fonds/h5_bck.jpg) top left repeat-x;
clear:both;
}

.presentationActivite p{
position:relative;
font-size:13px;
clear:both;
}

.presentationActivite p strong{
font-size:13px;
}

.partenaires{
position:relative;
width:275px;
height:450px;
padding:20px 10px 0 30px;
clear:both;
background:url(../../images/fonds/partenaires_bck.jpg) left top no-repeat;
}

.partenaires h3{
position:relative;
font-weight:bold;
font-size:14px;
clear:both;
}

.partenaires p{
position:relative;
font-size:13px;
clear:both;
margin-bottom:5px;
}

.partenaires p a{
font-size:13px;
text-decoration:underline;
}

.partenaires ul li{
color:#646464;
}

.coffrage{
position:relative;
width:275px;
height:200px;
padding:10px 10px 0 30px;
clear:both;
background-position:left top;
background-repeat:no-repeat;
}

.coffrage h3{
position:relative;
clear:both;
margin-bottom:5px;
}

.coffrage h3 a{
font-weight:bold;
font-size:14px;
color:#000;
}

.coffrage p{
position:relative;
font-size:13px;
clear:both;
width:180px;
margin-bottom:5px;
}

.coffrage p a{
font-size:13px;
text-decoration:underline;
}

/* Cartouche soumettre projet et postuler en ligne */

.cartouche_soumettre_projet,
.cartouche_postuler_online{
position:relative;
width:275px;
height:130px;
padding:13px 10px 0 30px;
clear:both;
}

.cartouche_soumettre_projet{
background:url(../../images/fonds/soumettre_projet_bck.jpg) left top no-repeat;
}

.cartouche_postuler_online{
background:url(../../images/fonds/postuler_online_bck.jpg) left top no-repeat;
}

.cartouche_soumettre_projet h3,
.cartouche_postuler_online h3{
position:relative;
clear:both;
text-align:center;
padding-bottom:5px;
margin:0 10px 25px 0;
}

.cartouche_soumettre_projet h3 a,
.cartouche_postuler_online h3 a{
font-weight:bold;
font-size:14px;
color:#000;
}

.cartouche_soumettre_projet p,
.cartouche_postuler_online p{
position:relative;
font-size:13px;
clear:both;
margin-left:60px;
margin-bottom:5px;
width:210px;
}

.cartouche_soumettre_projet p a,
.cartouche_postuler_online p a{
font-size:13px;
text-decoration:underline;
}

/* Fin cartouche soumettre projet et postuler en ligne*/


/* Fin Class communes */

/* Spe BTP */

.visuel_produit_btp{
vertical-align:top;
width:191px;
height:340px;
padding:15px 5px 10px 10px;
border-bottom:1px solid #c8c7c5;

}

.visuel_produit_btp h4{
position:relative;
font-weight:bold;
color:#bd9b54;
font-size:16px;
text-transform:uppercase;
clear:both;
}

.visuel_produit_btp p{
position:relative;
color:#686868;
font-size:13px;
}

.visuel_produit_btp p a{
color:#cb7714;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

ul.spe_btp li{
font-size:13px;
margin-left:30px;
list-style-position:outside;
list-style-type:square;
}

/* Fin Spe BTP */

/* Fin Page industrie et BTP */

/* Page Entreprise */

.presentationEntreprise{
position:relative;
height:auto;
padding:25px 10px 0 20px;
clear:both;
}


.presentationEntreprise h1{
position:relative;
width:315px;
height:37px;
padding:8px 0 0 0;
margin-bottom:25px;
color:#fff;
font-size:24px;
font-weight:bold;
background-position:top left;
background-repeat:no-repeat;
clear:both;
}

.presentationEntreprise h3{
color:#474646;
}

.presentationEntreprise h4{
position:relative;
color:#474646;
font-size:14px;
font-weight:bold;
clear:both;
margin-bottom:10px;
}

.presentationEntreprise h5{
position:relative;
width:395px;
height:18px;
padding:3px 0 0 5px;
font-size:14px;
font-weight:bold;
background: url(../../images/fonds/h5_bck.jpg) top left repeat-x;
clear:both;
color:#474646;
}

.presentationEntreprise p{
position:relative;
font-size:13px;
clear:both;
color:#474646;
}

.presentationEntreprise p span{
font-size:13px;
color:#474646;
}

.presentationEntreprise ul li{
color:#ad892e;
font-size:13px;
list-style-position:outside;
margin-left:15px;
margin-top:5px;
list-style-image: url("../../images/picto/fleche_grise.png");
}


.cartouche_guilloteau{
position:relative;
width:280px;
height:auto;
padding:0 10px 0 25px;
clear:both;
background:url(../../images/fonds/presentation_guilloteau_bck.jpg) left top no-repeat;
}

.encart_general{
position:relative;
width:273px;
height:437px;
padding:3px 10px 0 20px;
margin-left:12px;
background: url(../../images/fonds/encart_chiffres_bck.jpg) top left no-repeat;
}

.encart_technique{
position:relative;
width:273px;
height:585px;
padding:15px 10px 0 20px;
margin-left:12px;
background: url(../../images/fonds/encart_moyens_techniques_bck.jpg) top left no-repeat;
}

.cartouche_guilloteau p strong,
.encart_general p strong,
.encart_technique p strong{
color:#767165;
font-style:normal;
font-size:11px;
}

.encart_technique sup{
color:#767165;
font-style:normal;
font-size:8px;
}

.cartouche_telechargement{
position:relative;
width:275px;
height:130px;
padding:13px 10px 0 30px;
clear:both;
background:url(../../images/fonds/telechargement_bck.jpg) left top no-repeat;
}

.cartouche_telechargement h3{
position:relative;
clear:both;
text-align:center;
padding-bottom:5px;
margin:0 10px 25px 0;
}

.cartouche_telechargement h3 a{
font-weight:bold;
font-size:14px;
color:#000;
}

.cartouche_telechargement p{
position:relative;
font-size:13px;
clear:both;
margin-left:60px;
margin-bottom:5px;
width:210px;
}

.cartouche_telechargement p a{
font-size:13px;
text-decoration:underline;
}


/* Fin de page entreprise */

/* Page chiffres clé */




/* Fin page chiffre clé */

/* Page historique */

#speHistorique{
height:63px;
}

.onePeriode{
position:relative;
height:auto;
padding:10px 10px 0 10px;
clear:both;
}

.onePeriode h3{
font-size:14px;
color:#be9a4d;
text-transform:uppercase;
}

.onePeriode p{
color:#474646;
font-size:13px;
}

.onePeriode ul li{
color:#474646;
font-size:13px;
margin-bottom:11px;
}

table.quelquesDates{
position:relative;
border-collapse:collapse;
}

table.quelquesDates tr td{
vertical-align:top;
padding-bottom:15px;
color:#555555;
font-size:12px;
}

table.quelquesDates tr td.blackDates{
color:#000;
}

p.legendeHistorique{
font-size:12px;
color:#7d7d7d;
font-style:italic;
}

*/ Fin page historique */

/* Page moyen humain */

.cartouche_formation{
position:relative;
width:275px;
height:130px;
padding:13px 10px 0 30px;
clear:both;
background:url(../../images/fonds/telechargement_bck.jpg) left top no-repeat;
}

.cartouche_formation h3{
position:relative;
clear:both;
text-align:center;
padding-bottom:5px;
margin:0 10px 25px 0;
font-weight:bold;
font-size:14px;
color:#000;
}

.cartouche_formation p{
position:relative;
font-size:13px;
clear:both;
margin-left:60px;
margin-bottom:5px;
width:210px;
}


/* Fin page moyen humain */

/* Page actu */

.oneActu{
position:relative;
width:570px;
clear:both;
}

.oneActu h2{
position:relative;
clear:both;
font-size:14px;
height:auto;
padding-bottom:15px;
border-bottom:1px dotted #ccc;
}

.oneActu p{
font-size:12px;
color:#474646;
}

.oneActu p strong{
font-size:12px;
color:#474646;
}

.oneActu p a{
font-size:12px;
}

a#lienDocActus{
font-size:14px;
text-decoration:underline;
}


/* Fin page actu */

/* Page recrutement - presentation */

#tablePourPostuler{
position:relative;
border-collapse:collapse;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
clear:both;
}

#tablePourPostuler td{
width:270px;
padding:20px;
background:#fff url(../../images/fonds/tablePourPostuler_bottom_bck.jpg) left bottom repeat-x;
}

#tablePourPostuler td.lateral_pourPostuler{
width:10px;
padding:0;
background:url(../../images/fonds/tablePourPostuler_lateral_bck.jpg) left bottom repeat-x;
}

#tablePourPostuler h4{
position:relative;
width:103px;
height:18px;
padding:3px 0 0 5px;
font-weight:normal;
color:#fff;
background:url(../../images/boutons/titres_pourPostuler_bck.jpg) left top no-repeat;
}


/* Fin Page recrutement - presentation */

/* Page recrutement - Offre big */

.oneOffreJob_big{
position:relative;
padding:10px;
clear:both;
}

.oneOffreJob h2 a{
font-size:12px;
color:#000;
}

.oneOffreJob_big h3{
position:relative;
color:#fff;
font-size:14px;
width:105px;
height:19px;
padding:2px 0 0 3px;
margin:10px 0;
background: url(../../images/boutons/titres_form_bck.jpg) left top no-repeat;
}

.oneOffreJob_big p{
position:relative;
color:#000;
font-size:12px;
margin:10px 0;
clear:both;
}

/* Fin Page recrutement - Offre big */



/* Page recrutement - candidature */

.introEntete{
position:absolute;
top:350px;
left:40px;
width:600px;
clear:both;
}

.introEntete p{
font-size:12px;
}

.introEntete p strong{
font-size:12px;
}


/* Colonne de droite */

.oneOffreJob{
position:relative;
margin:0 5px 0 17px;
padding:20px 20px 20px 20px;
border-bottom:1px dotted #ccc;
clear:both;
}


.oneBlocFormCandidature{
position:relative;
padding:20px;
clear:both;
border-bottom:1px dotted #b6b6b6;
}

.oneBlocFormCandidature h3{
position:relative;
color:#fff;
font-size:14px;
width:105px;
height:19px;
padding:2px 0 0 3px;
background: url(../../images/boutons/titres_form_bck.jpg) left top no-repeat;
}

/* Formulaire de candidature */

span.asterisque{
color:#ff8400;
}

.champFormCandidat{
position:relative;
clear:both;
margin-top:7px;
}

.champFormCandidat label{
position:relative;
float:left;
display:block;
width:130px;
height:15px;
text-align:left;
font-size:12px;
color:#000;
}

.champFormCandidat input{
position:relative;
height:18px;
margin-left:5px;
border:1px solid #afafaf;
font-size:12px;
width:180px;
color:#000;
}

.champFormCandidat select{
position:relative;
height:18px;
width:182px;
margin-left:5px;
border:1px solid #afafaf;
font-size:12px;
color:#000;
}

.champFormCandidat textarea{
position:relative;
margin-left:2px;
width:180px;
height:232px;
font-size:12px;
border:1px solid #afafaf;
color:#000;
}


.champFormCandidatFile{
position:relative;
clear:both;
margin-top:7px;
}

.champFormCandidatFile label{
position:relative;
float:left;
display:block;
padding-top:4px;
width:130px;
height:15px;
text-align:left;
font-size:12px;
color:#000;
}

.champFormCandidatFile input{
position:relative;
height:23px;
margin-left:5px;
border:1px solid #afafaf;
font-size:12px;
width:200px;
color:#7f7e7e;
cursor:pointer;
}

/* Fin formulaire de candidature */

.mentions_recrutement{
position:relative;
height:auto;
clear:both;
}

.mentions_recrutement p{
position:relative;
margin-bottom:5px;
color:#918e87;
font-size:11px;
}

/* Fin colonne de droite */

/* Fin Page recrutement */





.mentions{
position:relative;
height:auto;
padding:20px 320px 0 40px;
clear:both;
}

.mentions p{
position:relative;
margin-bottom:5px;
color:#8b8a8a;
}

/* Fin Page Formulaire pour demande de devis */

/* Page contact */

.oneKiosque{
position:relative;
width:250px;
clear:both;
margin:0 0 20px 0;
}

.oneKiosque h5{
position:relative;
color:#f1425e;
font-size:14px;
clear:both;
margin:0 0 5px 0;
}

.oneKiosque p.coords{
position:relative;
font-size:12px;
color:#5a5959;
font-weight:bold;
clear:both;
margin:0 0 5px 0;
}


.oneKiosque p.coords a{
text-decoration:underline;
}

.oneKiosque p.horaires{
position:relative;
font-size:12px;
color:#5a5959;
clear:both;
margin:0 0 5px 0;
}


#contact_mention{
position:relative;
clear:both;
}

#contact_mention h2{
position:relative;
color:#f25a73;
font-size:14px;
clear:both;
}

#contact_mention h2 span{
color:#878787;
font-size:11px;

}

/* Formulaire de contact */


.champForm{
position:relative;
clear:both;
margin-top:7px;
}

.champForm label{
position:relative;
float:left;
display:block;
width:120px;
height:15px;
text-align:left;
font-size:12px;
color:#000;
}

.champForm input{
position:relative;
height:18px;
margin-left:5px;
border:1px solid #afafaf;
font-size:12px;
width:220px;
color:#000;
}

.champForm select{
position:relative;
height:18px;
width:222px;
margin-left:5px;
border:1px solid #afafaf;
font-size:12px;
color:#000;
}

.champForm textarea{
position:relative;
margin-left:2px;
width:220px;
height:232px;
font-size:12px;
border:1px solid #afafaf;
color:#000;
}
.champFormRadio{
position:relative;
clear:both;
margin-top:5px;
}

.champFormRadio label{
position:relative;
float:left;
display:block;
width:120px;
height:15px;
text-align:left;
font-size:12px;
font-weight:bold;
}

.champFormRadio input{
position:relative;
height:15px;
margin-left:20px;
margin-right:5px;
font-size:12px;
top:3px;
}

.champFormBouton{
position:relative;
clear:both;
margin-top:20px;
}

.champFormBouton label{
position:relative;
float:left;
display:block;
width:170px;
height:15px;
text-align:left;
font-size:12px;
}

.champFormBouton input{
position:relative;
margin-left:30px;
font-size:14px;
width:100px;
height:25px;
font-weight:bold;
}



/* Fin du formulaire de contact */

/* Partie droite */

.encartCoordonnees{
position:relative;
height:auto;
clear:both;
margin-left:15px;
}


.encartCoordonnees h3{
position:relative;
color:#fff;
width:242px;
height:18px;
font-size:12px;
padding:3px 0 0 10px;
background:#efece6 url(../../images/boutons/titre_coordonnees_bck.jpg) left top no-repeat;
}

.encartCoordonnees p{
width:250px;
font-size:13px;
margin-left:2px;
}

.encartCoordonnees p strong{
font-size:13px;
}

.encartCoordonnees p a{
font-size:13px;
}

/* Fin partie droite */

/* Fin page contact */

/* Pop up thickbox */

.popup_thickbox{
position:relative;
width:100%;
height:100%;
}

.popup_thickbox h3{
font-family:arial;
font-size:14px;
padding-left:40px;
}

.fichiers_telechargeables{
position:relative;
margin:0 9px 0 10px;
padding:0 10px 0 20px;
background-color:#fff;
}

.fichiers_telechargeables a{
font-size:12px;
}

.fichiers_telechargeables a span{
font-size:12px;
color:#646464;
}

/* Fin Pop up thickbox */