*{
  margin: 0px;
  padding: 0px;
}
/* Les styles de base */
body{
	font-size: 10pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	text-align: left;
	vertical-align: top;
}
body.default{
  background: #CCC;
  background-position: 0px 110px;
}
body.afrique{
  background: #D93;
}
body.domtom{
  background: #ACF;
}
body.europec{
  background: #EEDDFF;
}
img{
  border: none;
}
ul 
{ 
   padding-left: 20px; 
   margin-left: 0; 
}
a{
  text-decoration: none;
  color:#333;
}
a:hover{
  color: #FFF;
}
textarea{
  font-family: Arial;
}
table{
  width: 350px !important;
  border: 0px solid #000;
  font-family: Arial;
  font-size: 10pt;
}
/***************************************************************/
/* LES TITRES
/***************************************************************/
h1{
  font-size: 14pt;
  margin-bottom: 10px;
}
h2{
  font-size: 12pt;
  margin-top: 10px;
  padding-left: 5px;
}
h3{
  font-size: 11pt;
}
/***************************************************************/
/* LES BLOCS
/***************************************************************/
/* Le bandeau */
#bandeau{
  position: absolute;
  background: #FFF;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 65px;
}
#logo{
  position: absolute;
  /*right: 15px;*/
  left: 780px;
  margin-top: 5px;
  height: 60px;
}
#logosatom{
  position: absolute;
  /*right: 10px;*/
  left: 780px;
  /*top: 15px;*/
  margin-top: 2px;
  z-index: 100;
}
/* Les liens "outils" */
#liens_top{
  position: absolute;
  top: 5px;
  left: 5px;
  list-style-type: disc;
  display: block;
  width: 400px;
  color: #AAB;
  font-size: 11pt;
}
#liens_top li{
display: inline;
cursor: pointer;
}
#liens_top img{
  border: none;
  vertical-align: middle;
}
/* Le menu */
#blocmenu{
  position: absolute;
  background: #FFF;
  top: 65px;
  left: 0px;
  width: 100%;
  min-width: 800px;
  height: 45px;
  border: 0px solid #F00;
}
#menu{
  /*float: left;*/
  position: absolute;
  top: 0px;
  left: 0px;
  //width: 650px;
  width: 1000px;
  height: 25px;
  padding-left: 0px;
}
#liensmenu{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  display: block;
  list-style-type: none;
  border: solid 0px #0F0;
}
#liensmenu li{display: inline;}
.default #liensmenu{background: #778;}
.afrique #liensmenu{background: #B60;}
.domtom #liensmenu{background: #6AD;}
.europec #liensmenu{background: #CBC;}
/*Le menu déroulant sur le lien "nous rejoindre"*/
#menu_deroul{
  position: absolute;
  //left: 301px;
  left: 321px;
  top: 90px;
  //width: 160px;
  width: 162px;
  z-index: 100;
}
.default #menu_deroul{background: #778;}
.afrique #menu_deroul{background: #B60;}
.domtom #menu_deroul{background: #6AD;}
.europec #menu_deroul{background: #CBC;}
#menu_deroul a{
  display : block;
  z-index: 100;
  height: 25px;
  line-height: 25px;
  font-size: 9pt;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-bottom: solid 1px #FFF;
  border-left: solid 1px #FFF;
  border-right: solid 1px #FFF;
  border-collapse: collapse;
}
#deroulaf:hover{background: #D93;color: #000;}
#derouldt:hover{background: #ACF;color: #000;}
#derouleu:hover{background: #EDF;color: #000;}
/*Le menu déroulant sur le lien "Temoignages"*/
#menu_deroultem{
  position: absolute;
  left: 255px;
  top: 110px;
  width: 160px;
  z-index: 100;
}
.default #menu_deroultem{background: #778;}
.afrique #menu_deroultem{background: #B60;}
.domtom #menu_deroultem{background: #6AD;}
.vie #menu_deroultem{background: #CBC;}
#menu_deroultem a{
  display : block;
  z-index: 100;
  height: 25px;
  line-height: 25px;
  font-size: 9pt;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-bottom: solid 1px #FFF;
  border-left: solid 1px #FFF;
  border-right: solid 1px #FFF;
  border-collapse: collapse;
}
#deroultemaf:hover{background: #D93;color: #000;}
#deroultemdt:hover{background: #ACF;color: #000;}
#deroultemvie:hover{background: #EDF;color: #000;}
#sousmenu{
  /*float: left;*/
  position: absolute;
  top: 25px;
  left: 0px;
  background: url("cdh.gif") no-repeat top right;
  height: 20px;
  //width: 779px;
  width: 1000px;
  margin-top: 0px;
  border-bottom: solid 0px #FFF;
}
#lsousmenu{width:100%;}
/*Le menu déroulant sur le lien "offres" pour l'Afrique*/
#choixOffre{
  position: absolute;
  display: block;
  background: #D93;
  left: 363px;
  top: 110px;
  width: 206px;
  height: 22px;
  z-index: 100;
}
#choixOffre a{
  float: left;
  display: block;
  background : #C60;
  height: 20px;
  width: 100px;
  line-height: 20px;
  font-size: 10pt;
  font-weight: bold;
  color: #000;
  text-align: justify;
  /*border-bottom: solid 1px #FFF;
  border-left: solid 1px #FFF;
  border-right: solid 1px #FFF;*/
}
#deroulEmploi:hover{background:#FA0;}
#deroulVIE:hover{background:#FA0;}
/* Le contenu */
#contenu{
  position: absolute;
  top: 120px;
  left: 10px;
  width: 780px;
  height: auto;
  padding-top: 0px;/*10px*/
  border: solid 0px #FFF;
}
#bandegauche{
  float: left;
  width: 350px;
  height: 100%;
  border: solid 0px #000;
  overflow: hidden;
}
#bandegauche img{ float: left}
#bandegauche img, #texte img{
  width: 320px;
  border: solid 0px #F00;
}
#texte{
  float: left;
  width: 100%;
  padding-bottom: 5px;
  padding-right: 5px;
  border: solid 0px #F00;
}
.indent{text-indent: 2em;}
#presentation{
  float: left;
  width: 390px;
  border: solid 0px #000;
}
#film{
  position: absolute;
  top: 120px;
  left: 800px;
  padding-top: 0px;/*10px*/
  border: solid 0px #FFF;
}
#filmlien{
  position: absolute;
  top: 376px;
  left: 800px;
  width: 320px;
  padding-top: 0px;/*10px*/
  border: solid 0px #FFF;
}
#presentchantier{
  float: left;
  margin-left: 10px;
  border-top: solid 2px #000;
  margin-top: 0px;
  font-style: italic;
}
#cadredroit{
  position: absolute;
  left: 610px;
  width: 170px;
  border: solid 0px #000;
}
/******************************************************************************/
/* Gestion des couleurs selon la classe  */
/******************************************************************************/
/* Par défaut */
.default #menu a{
  background: #778;
}
.default #menu a:hover, .default #sousmenu a:hover{
  background: #99A;
}
.default .premier{
  background: #778 url(cgh.gif) no-repeat left top !important;
}
.default .dernier{
  background: #778 url(cdh.gif) no-repeat right top !important;
}
.default .premier:hover{
  background: #99A url(cgh.gif) no-repeat left top !important;
}
.default .dernier:hover{
  background: #99A url(cdh.gif) no-repeat right top !important;
}
.default #sousmenu, .default #sousmenu a{
  background-color: #BBC;
}
/* Pour l'Afrique */
.afrique #menu a{
  background: #B60;
}
.afrique #menu a:hover, .afrique #sousmenu a:hover{
  background: #FA0;
}
.afrique .premier{
  background: #B60 url(cgh.gif) no-repeat left top !important;
}
.afrique .dernier{
  background: #B60 url(cdh.gif) no-repeat right top !important;
}
.afrique .premier:hover{
  background: #FA0 url(cgh.gif) no-repeat left top !important;
}
.afrique .dernier:hover{
  background: #FA0 url(cdh.gif) no-repeat right top !important;
}
.afrique #sousmenu, .afrique #sousmenu a{
  background-color: #C60;
}
/* Pour les Dom tom */
.domtom #menu a{
  background: #6AD;
}
.domtom #menu a:hover, .domtom #sousmenu a:hover{
  background: #46E;
}
.domtom .premier{
  background: #6AD url(cgh.gif) no-repeat left top !important;
}
.domtom .dernier{
  background: #6AD url(cdh.gif) no-repeat right top !important;
}
.domtom .premier:hover{
  background: #46E url(cgh.gif) no-repeat left top !important;
}
.domtom .dernier:hover{
  background: #46E url(cdh.gif) no-repeat right top !important;
}
.domtom #sousmenu, .domtom #sousmenu a{
  background-color: #9AF;
}
/* Pour l'Europe Centrale */
.europec #menu a{
  background: #CBC;
}
.europec #menu a:hover, .europec #sousmenu a:hover{
  background: #B9C;
}
.europec .premier{
  background: #CBC url(cgh.gif) no-repeat left top !important;
}
.europec .dernier{
  background: #CBC url(cdh.gif) no-repeat right top !important;
}
.europec .premier:hover{
  background: #B9C url(cgh.gif) no-repeat left top !important;
}
.europec .dernier:hover{
  background: #B9C url(cdh.gif) no-repeat right top !important;
}
.europec #sousmenu, .europec #sousmenu a{
  background-color: #DCD;
}
/******************************************************************************/
/* LES LIENS */
/******************************************************************************/
/* Lien du menu */
#menu a{
  float: left;
  //width: 150px;
  width: 160px;
  line-height: 25px;
  font-size: 9pt;
  font-weight: bold;
  color: #fff;
  display: block;
  border-right: solid 1px #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}
#menu li.hover{
  background: #FFF;
}
.dernier{
  background: url("cdh.gif") no-repeat right top !important;
}
.premier{
  background: url("cgh.gif") no-repeat left top !important;
}
/* Liens du sous menu */
#sousmenu a{
  float: left;
  width: 105px;
  line-height: 20px;
  font-size: 9pt;
  font-weight: bold;
  color: #fff;
  display: block;
  border-right: 1px dashed #fff;
  text-decoration: none;
  text-align: center;
}
#sousmenu .longlien{
  width: 140px;
}
#sousmenu .rubrique{
  border-right: solid 1px #FFF;
  width: 150px;
}
.europec #texte a:hover{color:#999}
/******************************************************************************/
/* Styles pour masques de candidature */
/******************************************************************************/
.masqueweb table{
  width: 750px;
  margin-bottom: 30px;
  font: 9pt Arial;
  color: #000;
}
.contenurubrique input, select, textarea{
  font-size: 9pt;
  border: solid 1px #FFF;
}
.contenurubrique input{
  width: 200px;
}
.contenurubrique td{
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}
td.titrerubrique{
  padding-bottom: 10px;
}
.intitule{
  font-size: 9pt;
  width: 100px !important;
}
td.titrerubrique{
  font: 9pt Arial;
  font-weight: bold;
  margin-bottom: 20pt;
}
.btnradio{
  margin-right: 5px;
  margin-left: 2px;
  background: transparent !important;
  width: 10px !important;
  border-width: 0px!important;
}
.obligatoire{
  font-size: 12pt;
}
.domtom .obligatoire{color: #6AD;}
.afrique .obligatoire{color: #B60;}
.europe .obligatoire{color: #CBC;}
#chpadresse{
  height: 30px;
  width: 200px; 
  overflow: hidden;
}
.chpdate{
  width: 100px !important;
}
#btn{
  position: absolute;
  top: 0px;
  left: 0px;
}
/****************************************************************************/
/*Couleur pour le masques de candidature en fonction de la zone géographique*/
/****************************************************************************/
.contenurubrique{
  width: 100%!important;
}
/* DOM TOM */
.domtom .contenurubrique input{
  background-color: #6AD;
}
.domtom .contenurubrique select{
  background-color: #6AD;
}
.domtom .contenurubrique textarea{
  background-color: #6AD;
}
.domtom .contenurubrique td{
  border-top: dotted 1px #9DF;
}
.domtom td.titrerubrique{
  border-top: solid 3px #6AD;
}
/* AFRIQUE */
.afrique .contenurubrique input{
  background-color: #C70;
}
.afrique .contenurubrique select{
  background-color: #C70;
}
.afrique .contenurubrique textarea{
  background-color: #C70;
}
.afrique .contenurubrique td{
  border-top: dotted 1px #D94;
}
.afrique td.titrerubrique{
  border-top: solid 3px #B60;
}
/* EUROPE CENTRALE */
.europec .contenurubrique input{
  background-color: #A9C;
}
.europec .contenurubrique select{
  background-color: #A9C;
}
.europec .contenurubrique textarea{
  background-color: #A9C;
}
.europec .contenurubrique td{
  border-top: dotted 1px #ECF;
}
.europec td.titrerubrique{
  border-top: solid 3px #A9C;
}
/* Mise en forme des vues */
.viewtemplate td{
  font-size: 9pt;
  line-height: 9pt;
  height: 10px;
  padding: 4px;
  margin: 0px;
}
.cellview td{border-bottom: solid 1px #FFF;}
/******************************************************************************/
/* Styles pour l'affichage des offres d'emploi */
/******************************************************************************/
.recherche{margin: 5px; z-index: 120;}
/* GENERAL */
.offreEmploi{
  float: left;
  width: 400px;
  margin-bottom: 5px;
}
a.offreEmploi{
  color: #FFF;
  display: block;
  width: 400px;
  margin:0px;
  padding: 1px;
}
a.offreEmploi:hover{
  color: #FFF;
}
.offreEmploi b{
  font-size: 10pt;
}
.descOffre{
  height:auto;
  font-weight: 500;
  width: 400px;
  padding: 0px;
}
/* DOM - TOM */
.domtom .offreEmploi{
  border:0px solid #778;
}
.domtom a.offreEmploi{
  background-color: #6AD;
}
.domtom a.offreEmploi:hover{
  background-color: #46E;
}
.domtom .descOffre{
  border:1px solid #6AD;
}
/* AFRIQUE */
.afrique .offreEmploi{
  border:0px solid #6AD;
}
.afrique a.offreEmploi {
  background-color: #B60;
}
.afrique a.offreEmploi:hover{
  background-color: #FA0;
}
.afrique .descOffre{
  border:1px solid #B60;
}
/******************************************************************************/
/* Styles pour les témoignages
/******************************************************************************/
#temoignages{
width: 700px!important;
border-spacing: 0px;
border: solid 0px #000;
margin-top: 50px;
}
#temoignages td{
vertical-align:top;
padding-bottom: 30px;
border: solid 0px #000;
text-align: justify;
}
.rubtemoin{
float: left;
width: 700px!important;
height: 30px;
border: solid 0px #000;
}
#mosaiqueTemoins{
width: 100%;
height: auto;
border: solid 0px #FF0;
}
.tn_temoignage{
width: 180px;
height: 250px;
border: solid 1px #AAA;
display: block;
text-align: center;
margin: 5px;
margin-bottom: 50px;
}
.tn_temoignage a{color: #000;}
.tn_temoignage a:hover{color: #333;}
.imagetemoignage{
height: 90px;
width: 180px;
overflow: hidden;
border: solid 0px #FFF;
}
.imgtemoignage{height: 90px;border: solid 0px #FFF;}
.titretemoignage{
padding: 0px;
margin:0px;
height: 70px;
width: 180px;
font-weight: bold;
border: solid 0px #FFF;
}
.fonctiontemoignage{
height: 60px;
width: 180px;
border: solid 0px #FFF;
}
/*
.cellphototemoin{
  width: 200px;
  text-align: center;
}
.cellcommenttemoin{
  width:500px;
}
.temoignage{
  width: 100%;
  border: solid 0px #0F0;
}
*/
.phototemoin{
  width: 250px;
  margin: 5px;
}
/******************************************************************************/
/* Styles pour les chantiers
/******************************************************************************/
#textechantier{
  float: left;
  width: 760px;
  padding-bottom: 20px;
  border: dashed 0px #FFF;
  text-align: center;
}
#diaporama{
/*background: url("fond_diapo.jpg") repeat-y;*/
width: 740px;
height: 450px;
margin-left: auto;
margin-right: auto;
text-align: center;
border: solid 0px #000;
}
#navigation{
width: 600px;
height: 40px;
display: block;
background: #000;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
border: solid 2px #000;
}
#navigation img{
margin-left: 30px;
margin-right: 30px;
cursor: pointer;
}
#diapo{
width: 600px;
height: 350px;
background: none;
color: #FFF;
overflow: hidden;
text-align: center;
margin-left: auto;
margin-right: auto;
border: solid 2px #000;
}
#legende{
width: 600px;
height: 40px;
display: block;
background: #000;
color: #FFF;
font-size: 13pt;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-align: center;
border: solid 2px #000;
}
#diapo img{
height: 350px;
}
/******************************************************************************/
/* Styles pour les métiers
/******************************************************************************/
#divmetier{
  position: absolute;
  top: 160px;
  left: 430px;
  width: 500px;
  height: 350px;
  overflow: auto;
  background: #B8C0C9;
  border: solid 2px #000;
  color:#000;
  visibility: hidden;
  z-index: 100;
  font-size: 10pt;
  font-weight: bold;
}
#descmetier{
  float: left;
  padding: 3px;
}
.closemet{
  float:left;
  background: url("menufond.gif");
  width: 100%;
  height: 30px;
  padding: 0px;
  margin: 0px;
  font-size: 10pt;
  font-weight: bold;
}
.closemet img, span{
  float: left;
  margin-right: 6px;
}
.closemet img{ margin-top: 2px;}
/*Style pour la mention légale des formulaires de candidature*/
.mentionlegale{
text-align: center;
font-style: italic;
}
/******************************************/
/* Style pour afficher les sites du groupe*/
/******************************************/
.siteGroupe{margin-top: 20px;}
/*******************************************************************************************************************/
/*											Style de la date								*/
/*******************************************************************************************************************/
.dpDiv {
	}
.dpTable {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #445259;
	background-color: #87AEBF;
	border: 1px solid #445259;
	}
.dpTR {
width: 100px;
	}
.dpTitleTR {
	}
.dpDayTR {
	}
.dpTodayButtonTR {
	}
.dpTD {
	cursor: pointer;
	}
.dpDayHighlightTD {
	background-color: #CEE4ED;
	border: 1px solid #445259;
	cursor: pointer;
	}
.dpTitleTD {
	}
.dpButtonTD {
	}
.dpTodayButtonTD {
	}
.dpDayTD {
	background-color: #CEE4ED;
	border: 1px solid #445259;
	color: #445259;
	}
.dpTitleText {
	font-size: 12px;
	color: #445259;
	font-weight: bold;
	}
.dpDayHighlight {
	color: #445259;
	font-weight: bold;
	}
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #445259;
	background: #CEE4ED;
	font-weight: bold;
	padding: 0px;
	}
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #445259;
	background: #CEE4ED;
	font-weight: bold;
	}