/*------------------------------------------------------------------------------
  GLOBAL
------------------------------------------------------------------------------*/

html
{
background : url("../images/background.png") repeat-x #ededed;
}

body 
{
  font-family : arial, sans-serif;
  line-height : 17px;
  color : #666666;
  text-align: center;
  font-size : 12px;
}

div#content {width : 950px; margin : 0 auto; text-align: left}

input {color : #666666; font-family : arial, sans-serif;}


.p888888
{
  color : #888888;
}

.blue
{
  color : #006bb3;
}

.green
{
  color : #5d9d21;
}

dl,dt,dd,ul,li 
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

b {color : #666666;}
em {color : #006bb3;}

hr {border : none; height : 0px; border-top : 1px dashed #d2d2d2;}
.hr25 {margin-top : 25px; margin-bottom : 25px;}
.hr20 {margin-top : 20px; margin-bottom : 20px;}

.right {text-align: right;}

.bt_laReponseAntea_fr,.bt_laReponseAntea_en
{
  display : block;
  height : 18px;
  width : 105px;
}

.bt_laReponseAntea_fr {background : url("../images/bt_laReponseAntea_fr.gif");}
.bt_laReponseAntea_en {background : url("../images/bt_laReponseAntea_en.gif");}
.bt_laReponseAntea_fr:hover,.bt_laReponseAntea_en:hover {background-position : 0px -18px;}

.bt_enSavoirPlus_fr,.bt_enSavoirPlus_en
{
  display : block;
  height : 18px;
  width : 88px;
}

.bt_enSavoirPlus_fr {background : url("../images/bt_enSavoirPlus_fr.gif");}
.bt_enSavoirPlus_en {background : url("../images/bt_enSavoirPlus_en.gif");}
.bt_enSavoirPlus_en:hover,.bt_enSavoirPlus_fr:hover {background-position : 0px -18px;}

.bt_retour_fr,.bt_retour_en
{
  display : block;
  height : 20px;
  width : 78px;
}



.bt_retour_fr {background : url("../images/bt_retour_fr.png");}
.bt_retour_en {background : url("../images/bt_retour_en.png");}
.bt_retour_fr:hover,.bt_retour_en:hover {background-position : 0px -20px;}

.bt_retour_en img,.bt_retour_en .png,.bt_retour_fr img,.bt_retour_fr .png{behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);cursor: pointer;}


.p11 {font-size : 11px;}

.red {color : #bd1220;}

/*------------------------------------------------------------------------------
  TITRES
------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {padding : 0px; margin : 0px;}

h1
{
  padding-bottom :10px;
  margin-bottom : 25px;
  border-bottom : dashed 1px #888888;
  font-size : 22px;
  color : #006bb3;
  font-weight : normal;
}

h1.tf
{
  
}

h1.gray
{
  color : #666666;
  font-size : 18px;
}

h2
{
  color : #006bb3;
  font-size : 14px;
  font-weight: normal;
}

/*------------------------------------------------------------------------------
  LIENS
------------------------------------------------------------------------------*/

a {color : #006bb3; text-decoration : none; outline : none;}
a:hover {color : #666666;}
a img {color : #666666; border : none;}

a.blue {color : #006bb3;}
a.blue:hover {color : #666666;}

a.gray {color : #666666;}
a.gray:hover {color : #006bb3;}

a.underline {color : #006bb3;}
a.underline:hover {text-decoration : underline;}

/*------------------------------------------------------------------------------
  COLONNES
------------------------------------------------------------------------------*/

#colonne_1,#colonne_2 {float:left;}

/*------------------------------------------------------------------------------
  HEADER
------------------------------------------------------------------------------*/

#header
{
  text-align : right;
  margin-top : 16px;
  margin-bottom : 40px;
  position : relative;
}

#header a {margin-left : 25px;}

#header form {display : inline; position : relative;}

#header form input.text
{
  margin : 0px;
  color : #006bb3;
  border : solid 1px #c4dae4;
  vertical-align : top;
  padding-top : 4px;
  height : 17px;
  width : 105px;
  font-size : 10px;
  padding-left : 15px;
}

#header form .submit {position : relative; right : 3px;}
*html #header form input.text {position : relative; bottom : 1px;}
*:first-child+html #header form input.text {position : relative; bottom : 1px;}


#header a.anglais
{
  margin-left : 10px;
}

#header .logo
{
  float : left;
  position : relative;
  top : 13px;
}

*html #header .logo {position : absolute; left: -444px; top : 13px;}
*:first-child+html #header .logo {position : absolute; left:0px; top : 13px;}

/*------------------------------------------------------------------------------
  MENU HORIZONTALE
------------------------------------------------------------------------------*/

#menu
{
  margin-left : 174px;
  font-size : 0px;
  z-index : 50;
}

*+html div#menu
{height: 48px;
}

#menu .noSubMenu {max-height : 0px;}

#menu dl 
{
  float : left;
  border-bottom : 3px solid white;
  background : white;
  max-height : 45px;
}

*html #menu dl {border-bottom : 0px solid white;}

#menu a
{
  display : block;
  max-height : 48px;
}

#menu dd 
{
  display: none;
  width : 190px;
  background : white;
  padding : 3px;
  padding-top : 3px;
  position: absolute;
  z-index: 50;
  background : url("../images/realisations/tags_bg.png") repeat-x white bottom;
}

#menu dd.noSubMenu {background : white;}

*html #menu dd.noSubMenu
{
  padding:0px;
}

#menu dd.anteaenbref {background-position : 0px -10px;}



#menu li a, #menu dt a 
{
  display: block;
  font-weight : bold;
  color : #006bb3;
  padding-left : 11px;
  padding-top : 4px;
  height : 22px;
  font-size : 11px;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus 
{
  background : url("../images/header/menu_horizontal/sousmenu_bg.png");
  color : white;
}

/* dockage à droite du dernier et avant dernier sous menu*/
#menu #nosclients {margin-left : -102px;}
#menu #carrieres{margin-left : -110px;}

/*------------------------------------------------------------------------------
  CENTER
------------------------------------------------------------------------------*/

#center
{
  margin-left : 208px;
  padding-bottom : 100px;
}

#implantations
{
  margin-left : 68px;
  padding-bottom : 100px;
  float : left;
}

*html #implantations {margin-left : 0px;}

img.implantations
{
  position : relative;
  margin-top : 20px;
  margin-bottom : 20px;
  z-index: 0;
}



p.implantations
{
  font-size : 12px;
  color : #666666;
  margin-top : 30px;
  margin-bottom : 60px;
}

#center li
{
  padding-left : 15px;
  background : url("../images/actualites_liste.png") no-repeat 0px 7px;
  margin-top : 8px;
}

#center li.none {background : none;}

.toutesLesActualites_fr,.toutesNosReponses_fr,.toutesNosRealisations_fr,.toutesLesActualites_en,.toutesNosReponses_en,.toutesNosRealisations_en
{
  display : block;
  margin-bottom : 25px;
  margin-left : auto;
  width : 100px;
  height : 11px;
  font-size : 0px;
}

.toutesLesActualites_fr {width : 141px; background : url("../images/toutesLesActualites_fr.gif") no-repeat;}
.toutesLesActualites_en {width : 141px; background : url("../images/toutesLesActualites_en.gif") no-repeat;}
.toutesNosReponses_fr {width : 135px; background : url("../images/toutesNosReponses_fr.gif") no-repeat;}
.toutesNosReponses_en {width : 135px; background : url("../images/toutesNosReponses_en.gif") no-repeat;}
.toutesNosRealisations_fr { width : 154px; background : url("../images/toutesNosRealisations_fr.gif") no-repeat;}
.toutesNosRealisations_en { width : 154px; background : url("../images/toutesNosRealisations_en.gif") no-repeat;}

.toutesLesActualites_fr:hover,.toutesNosReponses_fr:hover,.toutesNosRealisations_fr:hover {background-position : 0px -11px;}
.toutesLesActualites_en:hover,.toutesNosReponses_en:hover,.toutesNosRealisations_en:hover {background-position : 0px -11px;}

/*------------------------------------------------------------------------------
  MENU VERTICAL
------------------------------------------------------------------------------*/

#menu_vertical
{
  float : left;
  width : 148px;
  font-size : 12px;
  
}

#menu_vertical .b1_fr,#menu_vertical .b2_fr,#menu_vertical .b3_fr,#menu_vertical .b1_en,#menu_vertical .b2_en,#menu_vertical .b3_en
{
  margin-bottom : 15px;
  display : block;
  width : 148px;
  height : 79px;
}

#menu_vertical .b1_selected_fr,#menu_vertical .b2_selected_fr,#menu_vertical .b3_selected_fr,#menu_vertical .b1_selected_en,#menu_vertical .b2_selected_en,#menu_vertical .b3_selected_en
{
  margin-bottom : 15px;
  display : block;
  width : 148px;
  height : 79px;
}

#menu_vertical .b1_fr:hover,#menu_vertical .b2_fr:hover,#menu_vertical .b3_fr:hover{background-position : 0px -79px}
#menu_vertical .b1_en:hover,#menu_vertical .b2_en:hover,#menu_vertical .b3_en:hover{background-position : 0px -79px}

#menu_vertical .b1_fr,#menu_vertical .b1_selected_fr {background : url("../images/header/menu_vertical/b1_fr.png");}
#menu_vertical .b2_fr,#menu_vertical .b2_selected_fr {background : url("../images/header/menu_vertical/b2_fr.png");}
#menu_vertical .b3_fr,#menu_vertical .b3_selected_fr {background : url("../images/header/menu_vertical/b3_fr.png");}
#menu_vertical .b1_en,#menu_vertical .b1_selected_en {background : url("../images/header/menu_vertical/b1_en.png");}
#menu_vertical .b2_en,#menu_vertical .b2_selected_en {background : url("../images/header/menu_vertical/b2_en.png");}
#menu_vertical .b3_en,#menu_vertical .b3_selected_en {background : url("../images/header/menu_vertical/b3_en.png");}

#menu_vertical .b1_selected_fr {background-position : 0px -79px}
#menu_vertical .b2_selected_fr {background-position : 0px -79px}
#menu_vertical .b3_selected_fr {background-position : 0px -79px}
#menu_vertical .b1_selected_en {background-position : 0px -79px}
#menu_vertical .b2_selected_en {background-position : 0px -79px}
#menu_vertical .b3_selected_en {background-position : 0px -79px}

#menu_vertical h1
{
  border-bottom : 1px dashed #d2d2d2;
  padding-bottom : 10px;
  margin-top: 33px;
  margin-bottom : 20px;
}


*:first-child+html #menu_vertical p.ajusted {min-height : 163px;}
*html #menu_vertical p.ajusted {min-height : 163px;}

/*------------------------------------------------------------------------------
  FOOTER
------------------------------------------------------------------------------*/

#footer
{
  clear : both;
  padding-top : 20px;
  padding-bottom : 20px;
  text-align : center;
  font-size : 11px;
}

/*------------------------------------------------------------------------------
  PAGE : INDEX
------------------------------------------------------------------------------*/

#index {font-size : 12px;}

#index #colonne_1
{
  width : 292px;
  margin-left: 60px;
}

*html #index #colonne_1 {margin-left: 55px;}

#index #colonne_1 h1 {width : 354px;}
*html #index #colonne_1 h1 {width : 292px;}

#index #colonne_1 h2
{
  color : #006bb3;
  font-weight: normal;
  margin-bottom : 3px;
  font-size : 14px;
}

#index #colonne_1 .photo
{
  margin-top : 5px;
  margin-bottom : 8px;
  padding : 4px;
  border : #d0d0d0 solid 1px;
  background : white;
}

#index #colonne_2
{
  width : 390px;
  margin-left : 60px;
}

*:first-child+html #index #colonne_2 .realisation {height : 156px;}
*html #index #colonne_2 .realisation {height : 156px;}

*:first-child+html #index #colonne_2 .realisation .lien {bottom : 3px;}
*html #index #colonne_2 .realisation .lien {bottom : 3px;}

/*------------------------------------------------------------------------------
  PAGE : TOUT PROJETS
------------------------------------------------------------------------------*/

#toutProjets #colonne_1
{
  width : 350px;
  margin-left : 0px;
}

#toutProjets #colonne_2
{
  width : 350px;
  margin-left : 40px;
}

#toutProjets #bloc_2
{
  clear : left;
}

#toutProjets {float : left; margin-left : 60px; padding-bottom : 100px; font-size : 11px}

/*------------------------------------------------------------------------------
  PAGE : TOUT PROJETS
------------------------------------------------------------------------------*/

#carrieres #colonne_1
{
  width : 395px;
}

#carrieres #colonne_1 h1 {width : 435px;}
*html #carrieres #colonne_1 h1 {width : 385px;}

#carrieres #colonne_2
{
  width : 300px;
  margin-left : 40px;
}

#carrieres
{
  margin-left : 60px;
  float : left;
  padding-bottom : 100px;
}

#carrieres .bloc_offre
{
  width : 180px;
  height : 200px;
  border : solid 1px #d7d7d7;
  padding : 4px;
  padding-bottom : 6px;
  background : white;
  font-size : 13px;
  float : left;
  margin-bottom : 5px;
  margin-right : 5px;
}

#carrieres .bloc_offre a {color : #666666;}
#carrieres .bloc_offre a:hover {color : #006bb3;}

#carrieres .bloc_offre div
{
  height : 58px;
  background : url("../images/carrieres/bloc_offre_bg.png") repeat-x white;
}

*html #carrieres .bloc_offre {padding-bottom : 4px;}

#carrieres .bloc_offre a
{
  height : 38px;
  width : 100px;
  display : block;
  position : relative;
  top : 18px;
  left : 20px;
}

#carrieres .bloc_offre a.middle
{
  top : 10px;
}


#carrieres .bloc_offre .vignette
{
  height : 141px;
  width : 180px;
}

#carrieres .bloc_offre div img
{
  position : relative;
  left : 150px;
  bottom : 20px;
}

#carrieres .bloc_offre div
{
  height : 58px;
  background : url("../images/carrieres/bloc_offre_bg.png") repeat-x white;
}

 .bt_toutesNosOffresFrance_fr,#carrieres .bt_toutesNosOffresFrance_en
{
  display : block;
  height : 18px;
  width : 300px;
}

.bt_toutesNosOffresFrance_fr {background : url("../images/carrieres/bt_toutesNosOffresFrance_fr.gif");}
.bt_toutesNosOffresFrance_en {background : url("../images/carrieres/bt_toutesNosOffresFrance_en.gif");}
.bt_toutesNosOffresFrance_fr:hover, .bt_toutesNosOffresFrance_en:hover {background-position : 0px -18px;}

.bt_toutesNosOffresInternational_fr, .bt_toutesNosOffresInternational_en
{
  display : block;
  height : 18px;
  width : 300px;
}

.bt_toutesNosOffresInternational_fr {background : url("../images/carrieres/bt_toutesNosOffresInternational_fr.gif");}
.bt_toutesNosOffresInternational_en {background : url("../images/carrieres/bt_toutesNosOffresInternational_en.gif");}
.bt_toutesNosOffresInternational_fr:hover, .bt_toutesNosOffresInternational_en:hover {background-position : 0px -18px;}

#carrieres .clear {clear : left;}

#carrieres .tags_out
{
  width : 300px;
}

.offreBloc_in
{
  background : url("../images/offres/bg.png") white bottom no-repeat;
  padding : 15px;
  height : 112px;
}

.offreBloc_out
{
  float : left;
  margin-bottom : 25px;
  display : block;
  padding : 3px;
  width : 353px;
  border : solid 1px #d0d0d0;
  height : 142px;
}

.offreBloc_out:hover
{
  color : #006bb3;  
}

.offreBloc_in .avatar
{
  height : 98px;
  width : 125px;
  border : solid 1px #d0d0d0;
  background : white;
  padding : 3px;
  float : left;
}

.offreBloc_in .labels
{
  position : relative;
  bottom : 14px;
  margin-left : 145px;
}            

.offreBloc_separateur
{         
  width : 20px;
  height : 115px;
  float : left;
}

/*------------------------------------------------------------------------------
  PORTRAIT
------------------------------------------------------------------------------*/

.portrait
{
  font-size : 11px;
  clear : left;
  height : 125px;
}

.portrait img
{
  float : left;
  padding : 3px;
  border : solid 1px #d3d3d3;
  margin-right : 10px;
}

.portrait h3
{
  color : #006bb3;
  font-weight : bold;
  font-size : 11px;
}

/*------------------------------------------------------------------------------
  PAGES : NEWS (actualité & actualités)
------------------------------------------------------------------------------*/

#news .date
{
  color : #5d9d21;
  font-size : 11px;
}

#news .vignette
{
  padding : 4px;
  border : #d0d0d0 solid 1px;
  background : white;
  float : right;
  margin-left : 40px;
}

#news .separateur
{
  margin-left : 150px;
  margin-top : 20px;
}

#news li
{
  margin-top : 15px;
}

#news .contenu {width : 400px;}
*:first-child+html #news .contenu{width : 399px;}

/*------------------------------------------------------------------------------
  REA
------------------------------------------------------------------------------*/

.realisation
{
  height : 155px;
}

.realisation h2
{
  font-weight : bold;
  margin-bottom : 5px;
  font-size : 11px;
}

.realisation h2 img
{
  margin-right : 6px;
}

.realisation .floatLeft
{
  float : left;
  margin-right : 20px;
}

.realisation .photo
{
  padding : 4px;
  border : #d0d0d0 solid 1px;
  background : white;
}

.realisation .lien
{
  border : #d0d0d0 solid 1px;
  border-top : none;
  padding : 3px;
  padding-left : 8px;
  position : relative;
  bottom : 4px;
  background : white;
}

*:first-child+html .realisation .lien{top : 0px;}
*html .realisation .lien{top : 0px;}

/*------------------------------------------------------------------------------
  PAGE : RESULTAT
------------------------------------------------------------------------------*/

.resultat_nb
{
  color : #5d9d21;
  font-weight : normal;
  float : right;
  position : relative;
  bottom : 18px;
  font-size : 16px;
}

/*------------------------------------------------------------------------------
  PAGE : RESULTAT
------------------------------------------------------------------------------*/

*html .prestations_shema {width : 739px;}
*:first-child+html .prestations_shema {width : 742px;}

/*------------------------------------------------------------------------------
  PAGE : REFERENCES BLOC METIERS SOLLICITES
------------------------------------------------------------------------------*/

#realisations_two
{
  float : left;
  width : 450px;
  margin-left : 60px;
  text-align : justify;
  padding-bottom: 100px;
}

*html #realisations_two {width : 445px;}

#realisations_three
{
  float : left;
  margin-left : 30px;
  width : 260px;
}

.metiersSollicites_bulle
{
  position : relative;
  top : 2px; 
  margin-left : 2px; 
}

.metiersSollicites_label
{
  margin-right : 10px;
}

.metiersSollicites_domaine
{
  margin-bottom : 20px;
}

.form h2
{
  margin-bottom : 0px;
  cursor : pointer;
}

.form
{
  background : white;
  border : 1px solid #d0d0d0;
  padding : 30px;
  padding-top : 15px;
  padding-bottom : 15px;
  margin-top : 25px;
}

.form img
{
  margin-bottom : 20px;
}

.form_text
{
  border : none;
  background : #f0f0f0;
  padding-top : 6px;
  padding-bottom : 6px;
  margin-bottom : 8px;
  padding-left : 20px;
  width : 345px;
  color : #535353;
  font-size : 11px;
}

.bt_valider_fr,.bt_valider_en
{
  display : block;
  height : 20px;
  margin-top : 20px;
  width : 79px;
}

.bt_valider_fr,.bt_valider_en img,.bt_valider_fr,.bt_valider_en .png{behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);cursor: pointer;}

.bt_valider_fr {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bt_valider_fr.png');}
.bt_valider_fr {background : url("../images/bt_valider_fr.png");}
.bt_valider_en {background : url("../images/bt_valider_en.png");}
.bt_valider_fr:hover,.bt_valider_en:hover {background-position : 0px -20px;}

.form_label
{
  font-size : 11px;
}

.metiersSollicites_titre
{
  margin-bottom : 20px;
  position : relative;
  bottom : 1px;
}

#nosRealisations_bandeau
{
  height : 285px;
}

.tags_out
{
  width : 260px;
  padding : 2px;
  border : solid 1px #d0d0d0;
}

.tags_in
{
  background : url("../images/realisations/tags_bg.png") repeat-x white bottom;
  line-height: 25px;
}

.tags_in p
{
  font-size : 14px;
  color : #666666;
}

.tags_in h3
{
  font-size : 16px;
  color : #666666;
}

h2 a:hover {color : }

.metier1 {color : #6ec7de;} /*eau*/
.metier2 {color : #1f8129;} /*sites et sols pollués*/
.metier3 {color : #7fb820;} /*risques industriels*/
.metier4 {color : #bd1220;} /*infrastructures*/
.metier5 {color : #efaf50;} /*déchets*/

/*------------------------------------------------------------------------------
  PROJET
------------------------------------------------------------------------------*/

.projet h2 a:hover {color : none;}

/*------------------------------------------------------------------------------
  PAGE : CANDIDATURES SPONTANEES
------------------------------------------------------------------------------*/

#candidaturesSpontanees 
{
  font-size : 12px;
}

.deco
{
  font-size : 11px;
  float : right;
  position : relative;
  bottom : 20px;
  color : #666666;
}

.deco:hover
{
  color : #006bb3;
}

#candidaturesSpontanees label
{
  margin-right : 25px;
  color : #006bb3;
}

#candidaturesSpontanees .files
{
  color : #666666;
  font-size : 11px;
}

#candidaturesSpontanees label.twice
{
  margin-left : 25px;
}

#candidaturesSpontanees input
{
  border : 1px solid #d1d1d1;
}

#candidaturesSpontanees textarea
{
  border : 1px solid #d1d1d1;
}

#candidaturesSpontanees .bt_valider a
{
  display : block;
  height : 20px;
  width : 81px;
  background : url("../images/candidaturesSpontanees/bt_valider.png");
}

#candidaturesSpontanees .bt_valider a:hover
{
  background-position : 0px -20px;
}

#candidaturesSpontanees .bt_valider
{
  margin-top : 40px;
  border-top : 1px dashed #d2d2d2;
  padding-top : 15px;
}


#candidaturesSpontanees .radio
{
  position : relative;
  top : 3px;
}

form label
{
  float : left;
  width : 150px;
  position : relative;
  top : 2px;
}

form .red
{
  margin-right : 5px;
  margin-left : 5px;
}

form .candidature_fileSizeMax {color : #666666; font-size : 11px; margin-left : 10px;}

form select{color :#666666; border: #d2d2d2 solid 1px;}

/*------------------------------------------------------------------------------
  MENU PAGINATION
------------------------------------------------------------------------------*/

.menu_navigation .precedent_fr:hover,.menu_navigation .precedent_en:hover {background-position : 0px -28px;}
.menu_navigation .suivant_fr:hover,.menu_navigation .suivant_en:hover{background-position : 0px -28px;}

.menu_navigation .precedent_fr,.menu_navigation .precedent_en
{
  height : 28px;
  width : 85px;
  display : block;
  float : left;
  background : url("../images/bt_pagination_precedent_fr.png");
}

.menu_navigation .precedent_fr { background : url("../images/menu_navigation/precedent_fr.png");}
.menu_navigation .precedent_en { background : url("../images/menu_navigation/precedent_en.png");}

.menu_navigation .milieu
{
  float : left;
  background : url("../images/menu_navigation/bg.png");
  height : 21px;
  font-size : 11px;
  padding-left : 15px;
  padding-right : 15px;
  padding-top : 7px;
}

.menu_navigation .milieu a
{
  padding-left :5px;
  padding-right : 5px;
  color : #666666;
}

.menu_navigation .milieu a:hover {font-weight : bold;}

.menu_navigation .suivant_fr,.menu_navigation .suivant_en
{
  height : 28px;
  width : 81px;
  display : block;
  float : left;
}

.menu_navigation .suivant_fr { background : url("../images/menu_navigation/suivant_fr.png");}
.menu_navigation .suivant_en { background : url("../images/menu_navigation/suivant_en.png");}

/*------------------------------------------------------------------------------
  CLIENTS
------------------------------------------------------------------------------*/

.ligneDeClients
{
  border-bottom : 1px dashed #d2d2d2;
  margin-bottom : 50px;
  padding-bottom : 160px;
  text-align : center;
}

.client
{
  float : left;
  width : 145px;
  height : 150px;
  position: relative;
  bottom: 16px;
}

*:first-child+html .client{width : 144px;}

.client h2 {margin-bottom : 30px;}

.client_separateur
{
  width : 1px;
  height : 100px;
  border-left : 1px dashed #d2d2d2;
  float : left;
  margin-top : 30px;
}

/*------------------------------------------------------------------------------
  OFFRES
------------------------------------------------------------------------------*/

table.offres_tableau
{
  border-collapse: collapse;
  font-size : 12px;
  width : 99%;
}

.offres_tableau .bt
{
  position : relative;
  top : 4px;
}

.offres_tableau thead
{
  }

.offres_tableau td,.offres_tableau th
{
  height : 35px;
  width : 160px;
  text-align : center;
}

.offres_tableau td.first
{
  width : 225px;
  color : #006bb3;
  border-left : none;
  font-size : 13px;
}

.offres_tableau td
{
  border-left : 1px solid #cbcdcd;
  padding-top : 20px;
  padding-bottom : 20px;
}

.offres_tableau thead th
{
  font-size : 15px;
  color : #006bb3;
}

.offres_tableau tbody .blue {background : #e8ebeb;}

.bt_postuler_fr
{
  display : block;
  height : 20px;
  width : 182px;
  background : url("../images/offres/bt_postuler_fr.png");
}

.bt_postuler_fr:hover{background-position: 0px -20px;}

.bt_postuler_en
{
  display : block;
  height : 20px;
  width : 182px;
  background : url("../images/offres/bt_postuler_en.png");
}

.bt_postuler_en:hover{background-position: 0px -20px;}


.bt_addDoc_fr,.bt_addDoc_en
{
  display : block;
  height : 20px;
  width : 182px;
  background : url("../images/offres/bt_postuler_fr.png");
}

.bt_addDoc_fr {background : url("../images/espaceClient/bt_addDoc_fr.png");}
.bt_addDoc_en {background : url("../images/espaceClient/bt_addDoc_en.png");}
.bt_addDoc_fr:hover,.bt_addDoc_en:hover{background-position: 0px -20px;}


/*------------------------------------------------------------------------------
  LES REALISATIONS
------------------------------------------------------------------------------*/


.whiteBloc
{
  width : 950px;
  background : url("../images/realisations/whiteBloc_bg.png") 3px 0px;
  margin-bottom : 25px;
  clear : both;
  margin-left : 0px;
  font-size : 11px;
  height : 290px;
  padding-top : 2px;
  position : relative;
  z-index : 10;
}

.whiteBloc_cache
{
  position : absolute;
  left : 344px;
  top : 2px;
  z-index : 100;
}

.whiteBloc_big
{
  height : 279px;
  width : 600px;
  float :right;
  position : relative;
  top : 1px;
  right : 6px;
}

.whiteBloc h1
{
  border : none;
  padding : 0px;
  margin : 0px;
  margin-top : 20px;
}

.whiteBloc h2
{
  margin-top : 10px;
  font-size : 17px;
}

.whiteBloc_left
{
  width : 315px;
}

.whiteBloc_client
{
  float : right;
}

.whiteBloc hr
{
  margin-top : 20px;
  margin-bottom : 20px;
}

.whiteBloc .menu_navigation
{
  margin-top : 12px;
}


#bt_trierDate_fr,#bt_trierDate_en,#bt_trierDate_selected_en,#bt_trierDate_selected_fr
{
  display : block;
  height : 11px;
  width : 81px;
  float : right;
  margin-left : 30px;
  margin-top : 5px;
}

#bt_trierDate_selected_en {background : url("../images/realisations/bt_trierDate_selected_en.png");}
#bt_trierDate_selected_fr {background : url("../images/realisations/bt_trierDate_selected_fr.png");}
#bt_trierDate_en {background : url("../images/realisations/bt_trierDate_en.png");}
#bt_trierDate_fr {background : url("../images/realisations/bt_trierDate_fr.png");}
#bt_trierDate_en:hover,#bt_trierDate_fr:hover {background-position : 0px -11px;}

#bt_trierProblematique_fr,#bt_trierProblematique_en,#bt_trierProblematique_selected_en,#bt_trierProblematique_selected_fr
{
  display : block;
  height : 11px;
  width : 128px;
  float : right;
  margin-top : 5px;
}

#bt_trierDate_trierProblematique_en {background : url("../images/realisations/bt_trierProblematique_selected_en.png");}
#bt_trierDate_trierProblematique_fr {background : url("../images/realisations/bt_trierProblematique_selected_fr.png");}
#bt_trierProblematique_en {background : url("../images/realisations/bt_trierProblematique_en.png");}
#bt_trierProblematique_fr {background : url("../images/realisations/bt_trierProblematique_fr.png");}
#bt_trierProblematique_en:hover,#bt_trierProblematique_fr:hover {background-position : 0px -11px;}

.realisationsListe_titles
{
  position : relative;
}

.realisationsListe_out
{
  border : solid 1px #d0d0d0;
  width : 736px;
  padding : 2px;
  margin-bottom : 10px;
}

*html .realisationsListe_out {width : 733px; margin-bottom : 10px;}

.realisationsListe_in
{
  background : url("../images/realisations/bg.png") repeat-x white bottom;
  height : 109px;
  padding : 5px;
  padding-left : 9px;
  font-size : 11px;
}

.realisationsListe_in .realisation
{
  width : 380px;
}

#center  .realisationsListe_in .realisation li
{
  margin-top : 2px;
  margin-left : 15px;
  background : url("../images/puce_grise.png") no-repeat 0px 7px;
}

.realisationsListe_in .floatLeft
{
  margin-right : 10px;
}

.realisationsListe_in .photo
{
  margin-top : 4px;
  height : 90px;
  width : 100px;
}


.realisationsListe_in .bt_detail_fr,.realisationsListe_in .bt_detail_en
{
  display : block;
  height : 27px;
  width : 138px;
  float : right;
  position : relative;
  top : 18px;
  left : 0px;
}

.realisationsListe_in .bt_detail_en {background : url("../images/realisations/bt_detail_en.png");}
.realisationsListe_in .bt_detail_fr {background : url("../images/realisations/bt_detail_fr.png");}
.realisationsListe_in .bt_detail_fr:hover,.realisationsListe_in .bt_detail_en:hover {background-position : 0px -27px;}

.realisationsListe_in p
{
  float : right;
  width : 320px;
  text-align : left;
  margin-top : 21px;
  margin-right : -8px;
}

/*------------------------------------------------------------------------------
  PARTENARIAT
------------------------------------------------------------------------------*/

.partenariats_atoutreach
{
  float : right; 
  margin-top: 30px;
  background : white;
  border : solid 1px #d0d0d0;
  padding : 5px;
}

.partenariats_tennaxia
{
  float : right; 
  margin-top: 30px;
  background : white;
  border : solid 1px #d0d0d0;
  padding : 5px;
}

.partenariats_bloc
{
  width : 450px;
  text-align : justify;
}

/*------------------------------------------------------------------------------
  METIERS
------------------------------------------------------------------------------*/

.metiers_titre 
{
  margin-bottom : 30px;
}

.metiers_titre span
{
  position : relative;
  left : 15px;
  bottom : 0px;
  line-height: 30px;
  font-size : 20pt;
}

.metiers_titre img
{
  float : left;
  position : relative;
  top : 10px;
}

*+html div.metiers_titre img
{
  float : left;
  position : relative;
  top : 1px;
}

.metiers_col_left
{
  width : 215px;
}

*+html div.metiers_col_left {width : 206px;}

.metiers_col_right
{
  float : right;
  width : 480px;
  margin-left : 50px;
}

.metiers_bt_sous_metiers,.metiers_bt_sous_metiers_on
{
  font-size : 12px; 
  line-height:19px;
  margin-left : 30px;
  display : block;
  position : relative;
  padding-bottom : 15px;
}

p.text
{
  font-size : 12px; 
  line-height:19px;
  text-align : justify;
}

p.no-justify {text-align : left}

p.text li
{
  color: red;
}

img.text
{
  float : right;
  padding : 3px;
  background : white;
  border : solid 1px #d2d2d2;
  margin-left : 25px;
  margin-bottom : 3px;
  margin-top : 15px;
}

.metiers_bt_sous_metiers {color : #666666;}
.metiers_bt_sous_metiers_on {color : #006bb3;}
.metiers_bt_sous_metiers:hover{color : #006bb3;}
.metiers_bt_sous_metiers_on:hover{color : #006bb3;}

.metiers_col_left .arrow
{
  float : left;
  position : relative;
  bottom : 1px;
}

.bt_consulterRefs_fr,.bt_consulterRefs_en
{
  display : block;
  height : 20px;
  width : 204px;
}

.bt_consulterRefs_fr {background : url("../images/metiers/bt_consulterRefs_fr.png");}
.bt_consulterRefs_en {background : url("../images/metiers/bt_consulterRefs_en.png");}
.bt_consulterRefs_fr:hover,.bt_consulterRefs_en:hover {background-position : 0px -20px;}

/*------------------------------------------------------------------------------
  METIERS
------------------------------------------------------------------------------*/

.bandeau
{
  clear : both;
  height : 285px;
  margin-bottom : 35px;
}

/*------------------------------------------------------------------------------
  SITEMAP
------------------------------------------------------------------------------*/

#sitemap
{
  margin-left : 208px;
  padding-bottom : 100px;
}

#sitemap li a {color : #006bb3;}
#sitemap li a:hover {color : #666666;}

#sitemap li li a {color : #666666;}
#sitemap li li a:hover {color : #006bb3;}

#sitemap .colonne
{
  float : left;
  margin-right: 100px;
}

#sitemap .colonneLast
{
  float : right;
  margin-right: 0px;
}

#sitemap li
{
  font-weight : bold;
}

#sitemap li li
{
  font-weight : normal;
  padding-top : 0px;
}

/*------------------------------------------------------------------------------
  BT OK
------------------------------------------------------------------------------*/

.bt_ok
{
  position : relative;
  bottom : 1px;
  margin-left : 5px;
}