/*<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">*/
/*le 24/10/2016 ; contient les styles communs aux sites*/
/* Pr icone à côté des Input; CAT1 http://fontawesome.io/examples/ */
/*Pzssage à Mini sous lme conseil du grand Tamsir au LARTES le 20190702 // https://cssminifier.com/ */
html.html__responsive, html.html__responsive body {
    min-width: auto;
}
body {
  background: #efefef;; /* fff ccc*/
  FONT-FAMILY:Verdana,Helvetica ;
  FONT-SIZE: 11px;
  margin: 0; /*Permet de supprimer en l'espace en bas de toutes les pages*/
  text-align: center; /*pour corriger le bug de centrage IE   */
  padding-top: 45px;
}
::-webkit-scrollbar{width:14px;height:14px;background:#eee;}
::-webkit-scrollbar-track-piece{/* background:transparent; */}
::-webkit-scrollbar-track-piece:horizontal{background:transparent}
::-webkit-scrollbar-thumb{border:solid 0 transparent;border-right-width:0;background:#999;}
::-webkit-scrollbar-thumb:horizontal{border:solid 0 transparent;border-right-width:0;background:#999}
::-webkit-scrollbar-thumb:horizontal:hover{background:#fed000}
::-webkit-scrollbar-corner{background:#ccc}
::-webkit-scrollbar-thumb:hover{background: #66666F;}/*#2083c3*/
/**************/
div {
  font-family: Verdana,Helvetica; 
  font-size: 11px;/*11px;*/ 
  line-height: 1.5;/*151%;*/
}
form{    /*Permet de supprimer en l'espace en bas d'un formulaire*/
 margin:0;
 padding:0;
} 
table { /*Permet de centrer tous les tab*/
 margin-left:auto;
 margin-right:auto;
}
/* Hack CSS  */
html>body #global {
    filter: none;
}
#loader {
    position: fixed;
    background: #555;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
    z-index: 90001;
    opacity: 0.75;
}
#loader i {
    position: absolute;  
    color: #fff;/*#a82700;*/
    left: 50%;
    top: 50%;    
    margin: 0px 0px 0px 0px;
}
header {
  width:100%;/*1055px*/
  text-align: center;
  background-color:#FFF;
  border:0px solid #FF9933;
}
#barre_haut_fixe{
  position: fixed;
  top: 0px; 
  z-index:99;
  border: 0px solid #fff;
  border-top: 3px solid #b92b27;/*444*/
  background-color: #fff;/* #3f3f3f 283e4a;#3b96e2 #333 669966 fff 3b96e2 333 3b96e2*/
  /*background-image: -webkit-linear-gradient(top, #eee,#ccc);/*(top, #696969,#3f3f3f)*/
  width: 100%;
  height: 53px;
  left: 0px;
  text-align: center;
  padding: 0px 0px 0px 3px;
  margin: 0px 0px 0px 0px;
  box-shadow:0px 0px 3px #3f3f3f;/*666*/
}
.barre_haut_fixe_elem{ 
  border: 0px;
  /*background-color: #3f3f3f; 
  background-image: -webkit-linear-gradient(top, #696969,#3f3f3f);*/
  height: 53px;
  text-align: center;
  padding: 0px 0px 0px 3px;
  margin: 0px 0px 0px 0px;
  /*box-shadow:0px 0px 7px #666;*/
}
#barre_haut_fixe_logo{
  position: fixed;
  left: 0px;
  width: 310px;/*30% 100% 400px*/
  Z-index: 9;
  text-align: left;
}
#barre_haut_fixe_logo img{
  border:0;
  box-shadow:0px 0px 0px #DCDCDC;
  vertical-align:middle;
}
#barre_haut_fixe_rzsx{
  position: fixed;
  width: 293px;
  left:311px;/*3px*/
  z-index: 9;
  padding: 1em 0em 0em 0em;
}
#barre_haut_fixe_rchr{
  position: fixed;
  right: 295px;
  width: 280px;
  z-index: 9;
  text-align: center;
  margin: 0px 5px 0px 0px
}
#barre_haut_fixe_drte{
  display: block;
  position: fixed;
  width: 293px;
  right:0px;/*3px*/
  z-index: 9;
  padding-right: 5px;
}
div#global {
  max-width: 1341px;/*width: 1305 1155px;*//*1055 1200*/
  background-color:#fff;
  border:0px solid #fff;
  margin: 15px auto 5px auto;
  margin-bottom: 51px;
  text-align: center;
  padding: 0 3px 0px 3px;
  box-shadow: 0px 0px 3px 0px #aaa;/*1px 0px 3px 3px #aaa;*/
}
#barre_bas_fixe{
  position: fixed;
  bottom: 0px; 
  width: 100%;
  height: 45px;
  left: 0px;
  z-index:77;
  background: #343a40;/*#565656; 696969 808080 339900 006600 8cba29 0078B4*/
  padding: 0px 0px 0px 37px;
  margin: 0px;
  box-shadow:0px 0px 7px #FFF;/*new*/
  color:#FFF;
  /*text-align: center;*/
}
#a_la_une_barre_bas_fixe{
  position: fixed;
  bottom: 0px; 
  width: 35px;
  height: 55px;
  left: 9px;
  z-index:77;
  text-transform: uppercase;
  background-color: #333;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  border-radius: 7px 7px 0px 0px;
}
.a_la_une_barre_bas_fixe_img{
 box-shadow: 0 0 11px #fff;
 border-radius: 11px;
 -webkit-border-radius: 11px;
 -moz-border-radius: 11px;
 width: 61px;
 margin-right: 3px;
}
div#menu_gauche {
  float:left;
  width:195px;
  background-color:#FFF;
  border:1px solid #FFF;
}
div#admin_menu_gauche {
    float:left;
    width: 231px;/*195px;*/
    padding-top: 15px;
    padding-bottom: 15px;
    background: #2a3b4c;/*#293949;*/
    color: #aaa;/*#5D5F63;*/
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  /*
  float:left;
  width:195px;
  background-color:#FFF;
  border:1px solid #FFF;
  */
}
div#admin_menu_gauche>a, div#admin_menu_gauche>a:focus, div#admin_menu_gauche>a:hover {
    color: #fff;
}
div#admin_menu_gauche>li.active>a, div#admin_menu_gauche>li.active>a:focus, div#admin_menu_gauche>li.active>a:hover {
    color: #fff;
}
div#contenu {
  float:left;
  width:700px;/*745*/
  text-align: center;
  background-color:#FFF;
  border:0px solid #aaa;
  padding: 1px 0px 1px 0px;
  margin: 0px 0px 5px 2px; 
}
div#contenu_hom {
    float: left;
    max-width: 1025px;/*895*/
    /*width: 895px;*/
    text-align: center;
    background-color: #FFF;
    border: 0px solid #FFF;
    padding: 1px 0px 1px 0px;
    margin: 0px 0px 5px 2px;
}
div#contenu_hom_sec_ico{
    float: left;
    background-color: #FFF;
    border: 1px solid #aaa;
    text-align: left;
    padding: 3px;
    margin: 5px 3px 5px 0px;
    width: 99%;
  /*width: 255px; 
  height:263px; */
}
div#contenu_hom_gche{
  float: left; 
  width: 255px; 
  height:263px; 
  background-color: #FFF; 
  border: 1px solid #aaa;
}
div#contenu_hom_gche i, div#contenu_hom_sec_ico i {
    height: 41px;
    width: 41px;
    line-height: 41px;
    margin: 1px 31px 1px 0px;
}
div#contenu_hom_dte{
  float: right;
  width: 635px; 
  background-color: #FFF;
  border: 0px solid #aaa;
}
div#contenu_ance { /*Specifique à la page des annonces*/
    float: left;
    width: 1025px;/*895*/
    text-align: center;
    background-color: #FFF;
    border: 0px solid #FFF;
    padding: 1px 0px 1px 0px;
    margin: 0px 0px 5px 2px;
}
div#contenu_no_left {
    float: left;
    width: 1025px;/*895*/
    text-align: center;
    background-color: #FFF;
    border: 0px solid #FFF;
    padding: 1px 0px 1px 0px;
    margin: 0px 0px 5px 2px;
}
div#contenu_no_right{
    float: left;
    width: 1071px;    /*940; max-width: 940px;*/
    text-align: center;
    background-color: #FFF;
    border: 0px solid #FFF;
    padding: 1px 0px 1px 0px;
    margin: 0px 0px 5px 2px;
}
div#btn_ad_to_any{
  display: inline-block;
}
aside {/*Menu droit*/
  float:right;
  width:295px;  /*Avt: 253 213px*/
  background-color:#FFF;
  border:0px solid #aaa;
  text-align: justify;
  right:0;
  padding: 0px;
}
/************* Menu ******/
#menu_scrol{
  width:100%; 
  position: fixed; 
  z-index: 11; 
 display:none;
}
nav ul, #menu_scrol ul {/*https://www.w3schools.com/css/css_navbar.asp*/
  list-style-type: none;
  height: 44px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #464242;/* Attention: tout ajout entraine la non marche du mnu_derl*/
}
nav li, #menu_scrol li {
  float: left;
}
nav li a, nav .mnu_btn_derl, #menu_scrol li a, #menu_scrol .mnu_btn_derl {
  display: inline-block;
  color:#f3f3f3 ;/*white*/
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
nav li a:hover, nav .mnu_derl:hover .mnu_btn_derl, #menu_scrol li a:hover, #menu_scrol .mnu_derl:hover .mnu_btn_derl  {
  background-color: #1b1a1a;/*red*/
  /*color:#f3f3f3 ;*/
  border-radius: 5px 20px;
}
nav li.mnu_derl, #menu_scrol li.mnu_derl {
  display: inline-block;
}
nav .mnu_derl_cntnu, #menu_scrol .mnu_derl_cntnu{
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
nav .mnu_derl_cntnu {
  top: 104px;
}
nav a, nav a:link, nav a:visited, nav a:hover, #menu_scrol a, #menu_scrol a:link, #menu_scrol a:visited, #menu_scrol a:hover {
    color: white;
    font-size: 12px;
    /*font-weight: bold;*/
} 
nav .mnu_derl_cntnu a, #menu_scrol .mnu_derl_cntnu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
nav .mnu_derl_cntnu a:hover {
   background-color: #ccc;/*f1f1f1;*/
 }   
nav .mnu_derl:hover .mnu_derl_cntnu {
  display: block;
}
nav .mnu_active {
  background-color: #a82700;
}

nav .mnu_special {
  background-color: #717371;
}
nav .mnu_special2 {
  background-color: #157bc2;/*#555;*/
}
nav .mnu_special_v {
  background-color: #1e9823;
}
nav .mnu_input_rs_bar, #menu_scrol .mnu_input_rs_bar {
    width: 148px;
    box-sizing: border-box;
    border: 1px solid #464242;
    border-right: none;
    border-radius: 15px 0px 0px 15px;
    font-size: 11px;
    background-color: white;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 6px 1px 5px 5px;
    margin-top: 7px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.3s ease-in-out;
}
nav .mnu_input_rs_bar:focus {
  /*width: 80%;*/
  background-color: #aaa;
}
#mnu_li_rs_bar{
    float: right;
   /* margin-right: 131px;
    margin-top: 3px; UN*/

}   
nav .mnu_button_rs_bar, #menu_scrol .mnu_button_rs_bar {
    float: right;
    width: 20%;
    padding: 5px 18px 5px 5px;/*2px 18px 5px 5px;*/
    background: #ffffff;
    color: #474242;
    font-size: 13px;
    border: 2px solid #474242;
    border-left: none; /* Prevent double borders */
    border-radius: 0px 15px 15px 0px;
    cursor: pointer;
    position: relative;
    top: 6px;
}
nav #mnu_li_mob_bar, #menu_scrol #mnu_li_mob_bar {/*Pour le menu sur mobile*/
  display: none;
  /*float:right; 
  margin-right: 93px;*/
}
/******** Fin Menu (comportement sur petit écran plus bas dans "RESPONSITIVE") *****/
/***** RESPONSITIVE *****/
   /*** Rmq: parfois, il faut préciser le contenant pour que le style alternatif */
    /* responsitive s'applique; ce qui explique que parfois on précise nav, body.. */
@media screen and (max-width: 921px) {/*@media screen and (max-width: 980 // 600px*//*:nth-child(3)*/ 
  /*Liste des item à cacher du Menu*/
  nav li:not(:first-child), .mnu_derl .mnu_btn_derl, #menu_scrol li:not(:first-child) {
    display: none;
   }
   /*############################################*/
  /*Liste des div majeures à CACHER*/
  #barre_haut_fixe_drte, #barre_haut_fixe_rchr, #contenu_hom_dte, .div_rch_ance_dtl,div#menu_gauche  {
    display: none;
   }
  nav #mnu_li_mob_bar, nav #mnu_li_mob_bar .mnu_derl, nav #mnu_li_mob_bar .mnu_derl .mnu_btn_derl, #menu_scrol #mnu_li_mob_bar, #menu_scrol #mnu_li_mob_bar .mnu_derl, #menu_scrol #mnu_li_mob_bar .mnu_derl .mnu_btn_derl {/*Pour le menu sur mobile*/
   display: inline-block;
   }
   #btn_connex_ht, #login_box, #btn_insc_ht {
    display: none;
   }
  nav li.mnu_mob_icon, #menu_scrol li.mnu_mob_icon{
    /*float: right;*/
    display: inline-block;/*block*/
    /*right: 0px;*/
    position: absolute;
    }
  aside { /*Menu droit*/
    float:left;
    /*width:253px; */ 
    background-color:#FFF;
    border:0px solid #aaa;
    text-align: justify;
    right:0;
    padding: 0px;
   }  
  aside .div_ombre_droite {
    /* float: right; */
    /* width: 31%; */
    /* text-align: left; */
    border: 0px solid #ccc;
    margin: 0px 3px 3px 3px;
    padding: 0px 0px 0px 0px;
    box-shadow: 0px 0px 5px #aaa;
    display: inline-block;
    }
  div#btn_ad_to_any{
      display: none;
    }
  .div_oblic_xpir, .sp_oblic_xpir_g, .sp_oblic_xpir_v {
      display: none;
    }
   #mnu_bas_ance_imp {
      display: none;
    }
    #div_rch_ance_dtl_tc{
      display: none;
    }
    #myCanvasContainer{
      display: none;
    }
    #div_tag_ance{
      display: none;
    }
    div#div-nwl-mini-hori{
      display: none;
    }
  /*############################################*/  
  /*Liste des item à afficher*/
  #mnu_li_cntact_bar, #menu_scrol #mnu_li_cntact_bar {
    display: block;
    }
  #mnu_li_rs_bar, #menu_scrol #mnu_li_rs_bar {
    display: inline-block;
   /* right: 43px; 
    position: absolute; UN*/
  }
  /*############################################*/
  /*Liste des items dont l'affichage est à changer*/
  header div#barre_haut_fixe_logo{
    width: 200px;
    top: 7px;
    display: inline-block;
  }
  #barre_haut_fixe_logo img {
    width: 191px;/*191px; 50%;*/
    height: 35px;/*48px; 80%;*/
   }
  header #div_rezosocio-ance-fa{
    /*position: absolute;*/
    top:1px;
  }
  #barre_haut_fixe_rzsx {
    left: 201px;
    text-align: left;
    width: 175px;
  }
  header .rezosocio-ance-fa i, header .rezosocio-ance-fa i:hover  {
    font-size: 19px;
    height: 19px;
    width: 19px;
    line-height: 15px;
    border:0px;
    margin: 3px;
    }
  header #barre_haut_fixe_drte{
    position: absolute;
    top:0px;
    }
  div#contenu_hom_gche {
    width: auto;
    float: left;
    height: auto;
    text-align: left;
    padding: 5px;
    }
/*  div#contenu_hom_gche{
    width: auto;
  }  */
  div#contenu{
    width: auto;
  }
  div#contenu_ance{
    width: auto;
  }
  div#contenu_no_left{
    width: auto;
  }
  div#contenu_no_right {   
    width: auto;
  }
  div#contenu_hom_sec_ico{
  margin:0px 1px 3px 0px;
  width: auto;
 }
 div#contenu_hom .div_ilsrecrutent, div#contenu_ance .div_ilsrecrutent { 
  margin:0px 1px 3px 0px;
  width: auto;
 } 
 .div_rz_l_ances .div_rz_ance_hom {/*besoin de faire cette double réf pour que ça marche*/
    display: block;
    width: 98%;/*390px;*/
  } 
  .div_rz_ance {
    width: 631px;
  } 
  /*
  .img_logo_org {
    width: 115px;
    height: 80px;
   }
   */
  #div_ilsrecrutent_hom .div_ilsrecrutent_el, div#contenu_ance .div_ilsrecrutent_el {
    width: 55px;
   }  
  #div_ilsrecrutent_hom .div_ilsrecrutent_el img, div#contenu_ance .div_ilsrecrutent_el img  {
    width: 51px;
    height: 51px;
   } 
  .bloc_bas_home {
    display: block;
    clear:both;
  } 
  .tab_expose {
    width: auto;
  }
  .tab_dtl_ance #pub_vo_m img{
    width: 130px;
  }
 /* .tab_dtl_ance table, .tab_dtl_ance td  {
    width: auto;
  }*/
  .my_count-title {
    font-size: 15px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
  }
  div#footer_menu_g, div#footer_menu_c, div#footer_menu_d, div#footer_menu_l{
    height: auto;
    word-break: break-word;
    word-wrap: break-word;
  }
  div#footer_menu img{
    width: 95%;
  }  
  #div_rch_ance_dtl_smb {
    float: right; 
  } 
  body a.top_link_jq, body a.top_link_jq:link, body a.top_link_jq:visited {
  bottom: 30px;
  padding: 11px;
  background: rgb(255, 102, 0) none repeat scroll 0% 0%;
  }  
}/* FIn @medi
/***** FIn de responsitive *****/
/************* Spécificités pour "Menu on scroll" (le reste étant défini plus haut)******/
#menu_scrol ul {/*https://www.w3schools.com/css/css_#menu_scrolbar.asp*/
  background-color: #693;/* #333 Attention: tout ajout entraine la non marche du mnu_derl*/
}
#menu_scrol li {
  float: left;
}
#menu_scrol li a, #menu_scrol .mnu_btn_derl {
  /*font-weight: bold;*/
  text-transform: uppercase;
}
#menu_scrol li a:hover, #menu_scrol .mnu_derl:hover .mnu_btn_derl {
  border-radius: 7px;
}
/* defini plus haut (aucune spécificité)
#menu_scrol li.mnu_derl {
  display: inline-block;
}
*/
#menu_scrol .mnu_derl_cntnu {
  background-color: #fff;
}

#menu_scrol a, #menu_scrol a:link, #menu_scrol a:visited, #menu_scrol a:hover {
    color: white;
    font-size: 11px;
} 

#menu_scrol .mnu_derl_cntnu a {
  color: #2f2c2c;
}

#menu_scrol .mnu_derl_cntnu a:hover {
   background-color: #ccc;/*f1f1f1;*/
 }   

#menu_scrol .mnu_derl:hover .mnu_derl_cntnu {
  display: block;
}
#menu_scrol .mnu_active {
  background-color: #a82700;
}

#menu_scrol .mnu_special {
  background-color: #717371;
}
#menu_scrol .mnu_special2 {
  background-color: #555;
}

#menu_scrol .mnu_special_v {
  background-color: #1e9823;
}

#menu_scrol .mnu_input_rs_bar {
    border-color: #693;
    margin-top: 7px;
    height: 26px;
}

#menu_scrol .mnu_input_rs_bar:focus {
  width: 80%;
}

#menu_scrol .mnu_button_rs_bar {
    color: #474242;
    font-size: 13px;
    border-color: #519c16;
}
/******** Fin de spécificité pour "Menu on scroll" *****/
input, textarea {
color: #000;
background-color: #FFF;
border: 1px solid #aaa;
border-radius: 7px;
height: 17px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 3px;
margin-top: 5px;
box-shadow: none;
}
input:focus {
  color: #000; 
  border-color : #000; 
  background-color : #FFF;
}
select{
color: #000;
background-color: #FFF;
border: 1px solid #aaa;
border-radius: 5px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 3px;
margin-top: 5px;
box-shadow: none;
/*height: 17px;*/
}
option { 
  color : #000; 
  font: 11px; 
  border:  0px solid #ccc; 
  background-color : #FFF;
}
.input_p, .textarea_p, .select_p { 
  color : #000; 
  font: normal 11px Verdana, Arial, Helvetica; 
  border:  1px solid #aaa; 
  background-color : #FFF;
}
.option_p { 
  color : #000; 
  font: 11px; 
  border:  0px solid #ccc; 
  background-color : #FFF;
}
.input_p:focus {
  color: #000; 
  border-color : #000; 
  background-color : #FFF;
}
input.champ_o, .textarea_champ_o, .select_champ_o, .option_champ_o { 
  color : #FFF; 
  font-size: 11px; 
  font-family: Verdana, Arial, Helvetica; 
  border:  1px solid #fff; 
  background-color : #FF9933; 
}
.option_champ_o { 
  color : #FFF; 
  font-size: 11px; 
  font-family: Verdana, Arial, Helvetica; 
  border:  0px solid #fff; 
  background-color : #FF9933; 
}
input.champ_saisie, textarea.champ_saisie, select.champ_saisie { 
  color : #FFF; 
  font: 11px; 
  font-family: Verdana,sans-serif; 
  border:  0px solid #fff; 
}
input.champ_v, textarea.champ_v, select.champ_v { 
    color: #FFF;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #fff;
    background-color: #006400;
    height: 25px;
    border: none;
    box-shadow: none;
    padding: 3px;
    margin-top: 7px;
    font-size: 13px;
    border-radius: 7px;
}
option.champ_v { 
  color : #FFF; font: normal 11px Verdana, Arial, Helvetica; 
  border:  0px solid #fff; 
  background-color : #006400;
}
input.champ_g, textarea.champ_g, select.champ_g { 
  color : #000; font: normal 11px Verdana, Arial, Helvetica; 
  border:  1px solid #ccc; 
  background-color : #FFF;
}
input.champ_g:focus {
  color: #000; 
  border-color : #000; 
  background-color : #FFF; 
}
option.champ_g { 
  color : #000; 
  font: normal 11px Verdana, Arial, Helvetica; 
  border:  0px solid #ccc; 
  background-color : #FFF;
}
input.champ_b, textarea.champ_b, select.champ_b { 
  color : #000; font: normal 11px Verdana, Arial, Helvetica; 
  border:  1px solid #ccc; 
  background-color : #ccc;}
option.champ_b { 
  color : #000; font: normal 11px Verdana, Arial, Helvetica; 
  border:  0px solid #ccc; 
  background-color : #fff;
}
option.champ_bg_g { 
  color : #000; font: normal 11px Verdana, Arial, Helvetica; 
  border:  0px solid #ccc; 
  background-color : #ccc;
}
.input_recherche {
  height: 30px; 
  color: #444;
  border: none;
  box-shadow: none;   
  padding: 3px;/*0.8rem 1.4rem*/
  margin-top: 12px;
  font-size:13px;
  border-radius: 7px;  
  /*padding-left: 50px;
   background-color : #444;*/
 }
.select_recherche{ 
    color: #444;
    border: none;
    box-shadow: none;
    padding: 0px;/*0.8rem 1.4rem*/
    margin-top: 12px;
    height: 35px;
    font-size: 13px;
    width: 21Opx;
} 
.input_recherche_s {  
    height: 13px;
    color: #444;
    background-color: #ccc;
    border: none;
    box-shadow: none;
    padding: 3px;
    margin-top: 2px;
    font-size: 11px;
    border-radius: 5px;
    border: 0px solid #808080;
 }
.input_recherche_s:focus {  
    color: #444;
    background-color: #fff;
    border: 1px solid #555;
}
input.bouton_clicable {
  background-color: #693;
  /*background: transparent url('img/arriere_plan_bouton_1.png') no-repeat left center;*/
  border: 0px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Verdana, Roboto, Helvetica, sans-serif;
  font-size: 13px; /*0.916em*/
  font-weight: bold;
  margin: 0px;
  line-height: 18px;
  padding: 5px;/*4px 10px 4px*/
  height: auto;
  text-transform: uppercase;
  outline: 0px solid #9BABB0;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px; 
}
input.bouton_clicable_petit {                                    
  background-color: #693;
  border: 0px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Verdana, Roboto, Helvetica, sans-serif;
  font-size: 11px; /*0.916em*/
  font-weight: bold;
  margin: 0px;
  line-height: 15px;
  height: auto;
  padding: 5px;
  text-transform: uppercase;
  outline: 0px solid #9BABB0;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -moz-outline-radius: 7px;
  -webkit-border-radius: 7px;
}
input.bouton_clicable_org {                                    
  background-color: #d45205;
  border: 0px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Verdana, Roboto, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 0 4px;
  line-height: 18px;
  height: auto;
  padding: 3px;
  text-transform: uppercase;
  outline: 0px solid #9BABB0;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -moz-outline-radius: 7px;
  -webkit-border-radius: 7px;
}

input.bouton_clicable_petit_org {                                  
  background-color: #d45205;
  border: 0px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Verdana, Roboto, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 0px;
  line-height: 15px;
  height: auto;
  padding: 3px;
  text-transform: uppercase;
  outline: 0px solid #9BABB0;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -moz-outline-radius: 7px;
  -webkit-border-radius: 7px;
} 
input.bouton_clicable_circ_org {                                    
  color: #fff;
  background-color: #d45205;
  border: 0px solid #fff;
  cursor: pointer;
  font-family: Verdana, Roboto, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 0 4px;
  line-height: 15px;
  height: auto;
  padding: 4px 4px 4px;
  height: unset;
  text-transform: uppercase;
  outline: 0px solid #9BABB0;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px;
  -moz-outline-radius: 20px;
  -webkit-border-radius: 20px;
} 
.input_11_19{
    font-size: 11px
    height: 19px;
    line-height: 19px !important;
    padding: 0 4px;
    border: 0px;
}
.div_ilsrecrutent{
    width: 99%;
    display: inline-block;
    clear: both;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    /* border-top: 3px solid #8871b5; */
    margin: 5px 3px 5px 0px;
    padding: 3px;
    box-shadow: 0 3px #ccc;
   /* border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;*/
}
.div_ilsrecrutent_el{
    /*display: inline-block;
    height: 91px;
    */
    width: 105px;
    display: inline-table;
    clear:both;
    background-color: #fff;
    border: 0px solid #ccc;
    margin: 7px 1px 7px 1px;
    padding: 1px 1px 1px 1px;
  /*border-top: 3px solid #8871b5;*/
   /* box-shadow: 0 3px #ccc;*/
   /* border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;*/
}
.div_ilsrecrutent_el img{
    width: 65px;
    height: 65px;
}
.btn_all_ances{
    display: inline-block;
    background-color: #fd7418;
    border: 0px solid #c15106;
    line-height: 0.75em;
    color: #fff;
    font-weight: bold;
    margin: 19px 0px 1px 0px;
    padding: .5em 1.5em;
    outline: 0px solid #9BABB0;
    text-shadow: 0px 0px 0px #aaa;
    /*float: right;*/
    position: relative;
    right: 0.1em;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -moz-outline-radius: 25px;
    -webkit-border-radius: 25px;
}
.btn_all_ances:hover{
    background-color: #dc6210;/*#ad5418;*/
}
.btn_all_ances a, .btn_all_ances a:visited, .btn_all_ances a:hover, .btn_all_ances a:link{
    color: #fff;
    font-size:17px;
}

.bar_sep{
    text-align: center;
    border-radius: 5px;/*50%;*/
    border: 0px solid #038543;/*rgba(3, 133, 67, 0.8);/*#157bc2*/
    color: #fff;/*rgba(3, 133, 67, 0.8);/*#157bc2*/
    background: #555;/*#220e33;*/
    font-size: 15px;
    margin: 19px 0px 0px 0px;
    height: 25px;
}
.bar_sep_s{
    margin: 0px 0px 0px 0px;
}
.div_oblic {
    overflow: hidden;
    position: relative;
    height: 75px;
    display: inline;
    width: 10px;
    text-align: right;
    padding-right: 25px;
    vertical-align: middle;
}
.sp_oblic {
    position: absolute;
    top: -91px;
    left: -30px;
    color: #fff;
    width: 13px;
    background-color: #009900;
    text-align: center;
    text-transform: uppercase;
    padding: 3px;
    font-weight: 500;
    -webkit-transform: rotate(31deg) translateX(33px);
    -ms-transform: rotate(31deg) translateX(33px);
    transform: rotate(31deg) translateX(33px);
    -webkit-box-shadow: 0 3px 5px rgba(51,51,51,.3);
    box-shadow: 0 3px 5px rgba(51,51,51,.3);
}
.bloc_bas_home{
    display: inline-block;
    height: 155px;
    width: 283px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 3px solid #8871b5;
    box-shadow: 0 3px #ccc;
    margin: 11px 3px 11px 1px;
    padding: 3px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.bloc_bas_home img{
  width:273px;
}
.div_sect_de_mm_ance{
    float: left;
    height: 143px;
    width: 323px;
    text-align: left;
 }   
footer {
 clear:both;
 width:100%;
 text-align:center;
 background-color:#292c33;;
 border:0px solid #1a1a1a;
 text-shadow: 0 1px 2px rgba(0,0,0,1);
  /*bottom: 55px;*/
}
footer table {
  background-color:#202020; /* f4F4F4 CCC*/
  border: 1px solid #1a1a1a; /* F55F1 aaa*/
}
footer p {
  color: #ccc;/*fff*/
}
footer a:link, footer a:visited  {
  color: #808080;
}
footer a:hover {
  color: #c2c3c4;/*fff*/
  text-decoration: none;
}
footer td {
  background-color:#1a1a1a;  /* FE9800 CCC*/
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: #000; /* F55F12 aaaaaa*/
  border-style: solid;
}

div#footer_menu{
 position: relative;
 clear:both;
 width:100%;
 text-align:left;
 background-color: #292c33;
 border:0px solid #FFF;
 color: #72767e;
 font-size: 1.5em;
 text-shadow: 0 1px 2px rgba(0,0,0,1);
 height: 147px;
}
div#footer_menu_g {
  float:left;
  width: 25%;
	background-color: #292c33;
	/*height:147px;*/
}
div#footer_menu_c {
  float:left;
	width: 25%;
  margin-left: 0%;
	background-color: #292c33;
  /*height:147px;*/
}
div#footer_menu_d {
  float:left;
	width: 25%;
  margin-left: 0%;
	background-color: #292c33;
  /*height:147px;*/
}
div#footer_menu_l {
  float:left;
  width: 25%;
  margin-left: 0%;
  background-color: #292c33;
  /*height:147px;*/
}
div#footer_menu p{    
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 1.5em;
  font-weight: bold;
  padding:0 5px;
}
div#footer_menu ul{
    padding: 0px;
    margin: 0px;
}
div#footer_menu li{
    position: relative;
    display: block;
    list-style: none;
    margin-bottom: 3px;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div#footer_menu li a{
   font-size: 11px;
   color: #72767e;
}
div#footer_menu li a:hover {
  color: #c2c3c4;
  text-decoration: underline;
}
div#footer_menu li::before{
    content: "-";/* "\e019" */
	  margin-right: 10px;
    font-size: 1.185em;
    margin-top: 1px;
    position: absolute;
    left: 9px;
}	
.div_sect_ance_ico_el{
    display: inline-block;
    width: 86px;
    margin: 7px 1px;
    /*padding-top: 3px;*/
}
.div_sect_ance_ico_el i {
    text-align: center;
    border-radius: 50%;
    border: 3px solid #038543;/*rgba(3, 133, 67, 0.8);/*#157bc2*/
    color: #038543;/*rgba(3, 133, 67, 0.8);/*#157bc2*/
    font-size: 29px;
    transition: background-color 0.7s ease 0s;
}
.div_sect_ance_ico_el i:hover {
  border: 3px solid rgba(3, 133, 67, 0.8);/*fff*/
  color: #fff;
  background-color: rgba(3, 133, 67, 0.8);/*#157bc2*/
  transition: background-color 0.7s ease 0s;
}
.div_sect_ance_ico_el a{
  font-size: 10px;
  text-decoration: none;
  line-height: 100%;
}
div#menu_droit_ance_ico {
   border: 1px solid #aaa;
   clear: both;
   padding-left: 3px;
}
div#menu_droit_ance_ico i {
    height: 39px;
    width: 39px;
    line-height: 39px;
  font-size: 29px;
    margin: 5px 5px 1px 0px;
}
#div_rslts_o_smpl_ajax{
 position:absolute;
 z-index:11; 
 clear:both; 
 float:right; 
 top:37px; 
 right: 30px; 
 width:351px; 
 margin: 3px; 
 border:0px solid #F9D43E; 
 background-color:#FCF9D2;
 border-radius: 20px 20px 20px 20px; 
}
.div_pop_info {
    padding: 1px;
    display: none;
}
.span_pop_info:hover + div.div_pop_info {
    display: inline-block;/*block;*/
}   
.div.div_pop_info:hover {
    display: block;
}
.arriere_plan_degra {/*pr les candidats et employeurs */
  BACKGROUND: url(img/arriere_plan_degra.png) repeat-x center top;
}
a.counter_regroup{
  display:inline-block;
  text-align:center;
  float:left;
  width:20px; 
  height:15px;
  color:#333;
  background: #ccc;/*FC8A03*/
  border: 1px solid #aaa;
  margin: 1px;
  margin-bottom:0;
  box-shadow:0px 0px 0px #000;
}
a.counter_regroup:hover{
  color:#FC8A03;
  background: #fff;
  border: 1px solid #FC8A03;
}
a.counter_regroup_sel{
  color:#fff;
  background: #c00;
  border: 1px solid #c00;
}
.ttl_annonce_liste {
  Font-size:15px; 
  color: #339900; text-decoration: none ;
  text-shadow: 1px 1px 1px #aaa;
  letter-spacing: 1px;
  font-Family: Verdana,Helvetica;
  text-align: left;
  margin: 1px;
}
.ttl_annonce_cplt {
  Font-size:17px; 
  color: #339900; text-decoration: none ;
  text-shadow: 1px 1px 1px #aaa;
  letter-spacing: 1px;
  text-align: center;
  margin: 11px 3px 11px 3px;
  line-height: 155%;
}
.ttl_annonce_cplt2 {
  Font-size:15px; 
  color: #669933; text-decoration: underline;
  text-shadow: 1px 1px 1px #aaa;
  letter-spacing: 1px;
  text-align: center;
  margin: 0px 0px 11px 0px;
  line-height: 155%;
}
.bloc_info_contxt{
    padding: 5px;
    border: 1px solid #93C44A;
    border-left: 7px solid #8FA423;/*B71318*/
    font: bold 13px Arial;
    color: #537225; ;/*#779500 #000*/
    margin: 3px;
    background-color: #D7ECB8;/* #dff2d5 #F1EFEC; rgba(51, 153, 0, 0.33);*/
}
.bloc_info_contxt:hover{
    border: 1px solid #ffe070;
    border-left: 7px solid #ffe070;/*B71318*/
    font: bold 13px Arial;
    color: #537225; ;/*#779500 #000*/
    margin: 3px;
    background-color: fff4cc;
}
.txt_fs11{
  font-size: 11px;
}
.txt_fs11_b{
  font-size: 11px;
  font-weight: bolder;
}
.txt_fs12{
  font-size: 12px;
}
.txt_fs13{
  font-size: 13px;
}
.txt_f1{
  color: #008888;
  font-weight:normal;
}
.txt_f2{
  color: #aaa;
  font-weight:normal;
}
.txt_f3{
  color: #FF9900;
  font-weight:normal;
}
.txt_f4{
  color: #000;
  font-weight:bold;
}
.txt_f4_b{
  color: #fff;
  font-weight:bold;
}
.txt_11_g{
  font-size: 11px;
  color: #666;
}
.txt_11_g_b{
  font-size: 11px;
  color: #666;
  font-weight:bold;
}
.txt_show-password{
    color: #2a6496;
    font-weight: bold;
    font-size: 9px;
    text-transform: none;
    position: absolute;
    cursor: pointer;
    margin-left: -55px;
    margin-top: 11px;
    Z-INDEX: 999;
}
.surlign{
  background-color: #00CC00;
  font-weight:bold;
}
.login_box{
    position: absolute;
  z-index:11;
  width: 280px;
    height:246px;
    padding: 9px;
  background-color: #fff;
    display: none;
  text-align:left;
  right:139px;
  top:53px;
  box-shadow: 0px 0px 0px 11px rgba(0,0,0,0.5);
}
.input_login_box{
    width: 97%; 
  border: none; 
  border-bottom: solid 1px #DEE4E6; 
  padding: 8px 4px; 
  margin: 1px; 
  outline-width: 0;
  background-color: #fff;
    cursor: text;
}
.btn_conex{
    width: 111px;
    display: inline-block;
    position: absolute;
    top: 23px;
    right: 137px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    margin: 0 4px;
    padding: 4px 4px 4px;
    outline: 0px solid #9BABB0;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px;
    -moz-outline-radius: 20px;
    -webkit-border-radius: 20px;
}
.btn_conex a{
    color: white;
}    
.btn_circ_20{                                    
  color: #fff;
  font-weight: bold;
  margin: 0 4px;
  line-height: 15px;
  padding: 1px 4px 4px 4px;
  outline: 0px solid #9BABB0;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px;
  -moz-outline-radius: 20px;
  -webkit-border-radius: 20px;
}
.btn_circ_20_s{                                    
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px;
  -moz-outline-radius: 20px;
  -webkit-border-radius: 20px;
}
.btn_circ_15{                                    
  margin: 0 4px;
  line-height: 15px;
  padding: 4px 4px 4px;
  outline: 0px solid #9BABB0;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px;
  -moz-outline-radius: 15px;
  -webkit-border-radius: 15px;
}
.btn_close_div {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 12;
}
.img_circ_15{
  box-shadow: 0 0 11px #aaa;
  border-radius: 15px;
  -webkit-border-radius: 15px; 
  -moz-border-radius: 15px;
}
.txt_p_connecte{
  color: #008888;
  font-weight:bold;
}
.btn_h15{
  text-align: center; 
  height: 15px; 
  line-height: 15px;
}
.btn_circ_15_s{                                    
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px;
  -moz-outline-radius: 15px;
  -webkit-border-radius: 15px;
}
.btn_bleu {                                    
  background-color: #3b96e2;
  border: 0px solid #fff;
}
.btn_bleu:hover {                                    
  background-color: #2568da;
  border: 0px solid #fff;
}
.btn_v {                                    
  background-color: #719D11;
  border: 0px solid #fff;
}
.btn_v:hover {                                    
  background-color: #99CC33;
  border: 0px solid #fff;
}
.btn_v_c {
  background-color: #99CC33;
  border: 0px solid #fff;
}
.btn_v_c:hover {
  background-color: #693;
  border: 0px solid #fff;
}

.btn_jon_f {                                    
  background-color: #B84500;/*#cd7200;*/
  border: 0px solid #fff;
}
.btn_jon_f:hover {                                    
  background-color: #cd7200;
  border: 0px solid #fff;
}
.btn_rge {                                    
  background-color: #ed1c24;
  border: 0px solid #fff;
}
.btn_rge:hover {                                    
  background-color: #C30;
  border: 0px solid #fff;
}
.btn_rge_f {                                    
  background-color: #C30;
  border: 0px solid #fff;
}
.btn_rge_f:hover {                                    
  background-color: #ed1c24;
  border: 0px solid #fff;
}
.btn_gr {                                    
  background-color: #ccc;
  border: 0px solid #aaa;
}
.btn_org {                                    
  background-color: #F60;
  border: 0px solid #F60;
}
.btn_org:hover {                                    
  background-color: #fc8a03;
  border: 0px solid #F60;
}
.tab_saisie_ance{ 
  width:99%; 
  background-color:#9C9; 
  border:1px solid #090;
  text-align: left; 
 }
.tab_saisie_ance i{
    font-size: 17px;
    height: 19px;
    width: 19px;
    line-height: 19px;
    text-align: center;
    border-radius: 50%;
    border: 0px solid #060;
    color: #060;
    transition: background-color 0.7s ease 0s;
} 
.tab_with_i i{
    font-size: 17px;
    height: 19px;
    width: 19px;
    line-height: 19px;
    text-align: center;
    border-radius: 50%;
    border: 0px solid #060;
    color: #060;
    transition: background-color 0.7s ease 0s;
}
.div_oblic_xpir {
    overflow: hidden;
    position: relative;
    height: 75px;
    display: inline;/* table-cell;*/
    width: 80px;/*100%;*/
    text-align: right;
    padding-right: 25px;
    vertical-align: middle;
}
.ico_bloc i{
    font-size: 17px;
    height: 19px;
    width: 19px;
    line-height: 19px;
    text-align: center;
    border-radius: 50%;
    border: 0px solid #777;
    color: #777;
} 
.ico_big_bloc i{
    font-size: 27px;
    height: 29px;
    width: 29px;
    line-height: 29px;
    text-align: center;
    border-radius: 50%;
    border: 0px solid #777;
    color: #777;
}
.ico_elemnt i{
    font-size: 17px;
    height: 19px;
    width: 19px;
    line-height: 19px;
    text-align: center;
    border-radius: 50%;
    border: 0px solid #777;
    color: #693;
} 
.sp_oblic_xpir {
    position: absolute;
    top: -63px;
    left: 55px;
    color: #fff;
    background-color: #009900;
    -webkit-transform: rotate(31deg) translateX(33px);
    -ms-transform: rotate(31deg) translateX(33px);
    transform: rotate(31deg) translateX(33px);
    width: 87px;
    text-align: center;
    text-transform: uppercase;
    padding: 3px;
    -webkit-box-shadow: 0 3px 5px rgba(51,51,51,.3);
    box-shadow: 0 3px 5px rgba(51,51,51,.3);
    font-weight: 500;
}
.sp_oblic_xpir_hom {
    position: absolute;
    top: -83px;
    left: -70px;
    color: #fff;
    background-color: #009900;/*#c50728*/
    -webkit-transform: rotate(19deg) translateX(33px);
    -ms-transform: rotate(19deg) translateX(33px);
    transform: rotate(19deg) translateX(33px);
    width: 75px;
    text-align: center;
    text-transform: uppercase;
    padding: 3px;
    -webkit-box-shadow: 0 3px 5px rgba(51,51,51,.3);
    box-shadow: 0 3px 5px rgba(51,51,51,.3);
    font-weight: 500;
}
.sp_oblic_xpir_v {
    background-color: #009900;
}
.sp_oblic_xpir_o {
    background-color: #F90;
}
.sp_oblic_xpir_r {
    background-color: #c50728;
}
.sp_oblic_xpir_g {
    background-color: #aaa;
}
.img_logo_org{
  border: 0;
  box-shadow: 0 0 11px #aaa; 
  border-radius: 15px; 
  -webkit-border-radius: 15px; 
  -moz-border-radius: 15px;
}
.img_logo_org:hover{
  box-shadow: 0 3px #ccc;
  transition: background-color 0.7s ease 0s, color 0.7s ease 0s, box-shadow 0.7s ease 0s, opacity 0.7s ease 0s;
}
.admin_tab{
  background-color:#ccc; 
  border-color:#008080
} 
.cat_page {
  background-color: #F93;
}
.entete {
  font-size:14px; 
  color:#fff
}
.msg_succes {
  font-size: 11px; 
  font-family: Verdana; 
  color: #693; 
  font-weight: bold;
}
.msg_erreur {
  font-size: 11px; 
  font-family: Verdana; 
  color: #F00; 
  font-weight: bold;
}
.msg_erreur_jaune{
  font-size: 11px; 
  font-family: Verdana; 
  color: #FF0; 
  font-weight: bold;
} 
.msg_erreur_rouge {
  font-size: 11px; 
  font-family: Verdana; 
  color: #F00; 
  font-weight: bold;
}  
.msg_succes_vert  {
  font-size: 11px; 
  font-family: Verdana; 
  color: #006400; 
  font-weight: bold;
}
.msg_succes_noir  {
  font-size: 11px; 
  font-family: Verdana; 
  color: #000; 
  font-weight: bold;
}
.lien_blanc {
  font-size: 11px; 
  font-family: Verdana; 
  color: #FFF; 
  font-weight: bold;
}
.lien_blanc2   {
  font-size: 12px; 
  font-family: Verdana; 
  color: #FFF; 
  font-weight: bold;
}
.lien_vert {
  font-size: 11px; 
  font-family: Verdana; 
  color: #0064; 
  font-weight: bold;
}
.nbr {
  background-color:#99ccff;
  color:#f00
}
.titre {
  font-size: 12px; 
  color: #000; 
  font-weight: bold; 
  text-decoration: none;
}
.titre_p {
  font-size: 11px; 
  color: #000; 
  font-weight: bold; 
  text-decoration: none;
} 
.titre_s {
  font-size: 12px; 
  color: #000; 
  font-weight: bold; 
  text-decoration: underline;
}
.titre_p_s {
  font-size: 11px; 
  color: #000; 
  font-weight: bold; 
  text-decoration: underline;
} 
.titre_grd{
  font-size: 15px; 
  color: #000; 
  font-weight: bold; 
}
.titre_grd_s {
  font-size: 15px; 
  color: #000; 
  font-weight: bold; 
  text-decoration: underline;
}
.titre_blanc {
  font-size: 12px; 
  color: #fff; 
  font-weight: bold; 
  text-decoration: none;
}
.titre_blanc_p {
  font-size: 11px; 
  color: #fff; 
  font-weight: bold; 
  text-decoration: none;
} 
.titre_vert {
  font-size: 12px; 
  color: #693; 
  font-weight: bold; 
  text-decoration: none;
}
.titre_vert_p {
  font-size: 11px; 
  color: #693; 
  font-weight: bold; 
  text-decoration: none;
} 
.titre_noir {
  font-size: 15px; 
  color: #000; 
  font-weight: bold; 
  text-decoration: none
}
.titre_noir_p {
  font-size: 13px; 
  color: #000; 
  font-weight: bold; 
  text-decoration: none
}
.titre_noir_s {
  font-size: 15px; 
  color: #000; 
  font-weight: bold; 
  text-decoration: underline;
}
.titre_noir_p_s {
  font-size: 13px; 
  color: #000; 
  font-weight: bold; 
  text-decoration: underline;
}
.titre_block_service{
  font-size: 20px; 
  color: #000; 
  font-weight: bold; 
  text-decoration: none;
}
.p_titr_bloc{
 display:block; 
 background-color: #CCC; 
 border: 1px solid #AAA; 
 padding: 2px 2px 0px 2px; 
 margin: 0px; 
 font-weight: bold; 
 color: black;
}
.p_ele:hover{
  background-color: #FFFF99;
  color:#f60;
}
.tab_notif {
  background-color:#f4F4F4;
  border: 1px solid #aaa;
  width:99%;
  border-radius: 7px;
}
.tab_ok {
  background-color:#D7ECB8;
  border: 1px solid #93C44A;
  width:99%;
  color:#537225;
  border-radius: 7px;
} 
.tab_pas_ok {
  background-color:#FEF6BC;
  border: 1px solid #F9D935;
  width:99%;
  border-radius: 7px;
}
.tab_pas_ok_r {
  background-color:#FBEEEB;
  border: 1px dashed #F30;
  width:99%;
  border-radius: 7px;
}
.td_ss_titre {
  background-color:#ccc;  /* FE9800*/
  border: 0px solid #ccc;
}
.titl_fa i {
    height: 39px;
    width: 39px;
    line-height: 39px;
    text-align: center;
    border-radius: 50%;
    border: 3px solid #669933;/*#78b9e1*/
    color: #669933;
    font-size: 29px;
  transition: background-color 0.7s ease 0s;
}
.titl_fa i:hover {
    border: 3px solid #fff;
    color: #fff;
  background-color:#693;
    transition: background-color 0.7s ease 0s;
}
.titl_fa_b i {
    height: 39px;
    width: 39px;
    line-height: 39px;
    text-align: center;
    border-radius: 50%;
    border: 3px solid #fff;
    color: #fff;
    font-size: 29px;
  transition: background-color 0.7s ease 0s;
}
.titl_fa_b a {
    color: #fff;
    font-size: 12px;
  transition: background-color 0.7s ease 0s;
}
.titl_fa_b i:hover {
    border: 3px solid #fff;
    color: #fff;
  background-color:#693;
    transition: background-color 0.7s ease 0s;
}
.titl_fa_g i {
    height: 39px;
    width: 39px;
    line-height: 39px;
    text-align: center;
    border-radius: 50%;
    border: 3px solid #aaa;
    color: #aaa;
    font-size: 29px;
  transition: background-color 0.7s ease 0s;
}
.titl_fa_g i:hover {
    border: 3px solid #444;
    color: #444;
  background-color:#ccc;
    transition: background-color 0.7s ease 0s;
}
.fa_quit{
  font-size:15px; 
  color:#f60;
}

.fa_quit:hover{ 
  color:red;
}
/*Pour les bulles sur les lien*/
DIV.Bulle {
  BORDER-RIGHT: #FC8A03 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #FC8A03 1px solid; DISPLAY: block;
  PADDING-LEFT: 0px; FONT-SIZE: 90%; Z-INDEX: 500; BACKGROUND: #FF9933; LEFT: -999px; PADDING-BOTTOM: 2px;
  BORDER-LEFT: #FC8A03 1px solid; WIDTH: 25em; PADDING-TOP: 0px; color : #FFF;
  BORDER-BOTTOM: #FC8A03 1px solid; POSITION: absolute; TOP: 0px; text-ALIGN:center;
}
DIV.BulleTitre {
  BORDER-RIGHT: #0066CC 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #0066CC 1px solid; DISPLAY: block;
  PADDING-LEFT: 0px; FONT-SIZE: 90%; Z-INDEX: 500; BACKGROUND: #6699CC; LEFT: -999px; PADDING-BOTTOM: 2px;
  BORDER-LEFT: #0066CC 1px solid; WIDTH: 25em; PADDING-TOP: 0px; color : #FFF;
  BORDER-BOTTOM: #0066CC 1px solid; POSITION: absolute; TOP: 0px; text-ALIGN:center;
}
SPAN.Bulle_Info {
  DISPLAY: block;
}
/*Fin Pour les bulles sur les lien*/      
/* Pour l'ombre sous les div*/  
.div_ombre {
 width:190px;/* 180 150*/
 text-align: center;
 border:0px solid #aaa;
 margin: 0px 3px 11px 5px;
 padding: 0px; /* padding à gauche et à droite pour l'ombre */
 box-shadow: 0px 0px 5px #aaa;
}
.div_ombre_droite {
  float:right;
  width:98%;
  text-align: left;
  border:0px solid #ccc;
  margin: 0px 3px 11px 9px; 
  padding: 0px 0px 0px 3px;
  box-shadow: 0px 0px 5px #aaa;
}
.contenu_div_ombre {
  background: lightblue;
  position:relative;
  bottom:6px;
  right: 6px;
}
/* Fin pour l'ombre sous les div*/  
/*Pour le test de la puissance du pass word dans */
#weak, #medium{ Border-right:solid 1px #DEDEDE;}
#sm {margin:0px; padding:0px; height:14px; font-family:Tahoma, Arial, sans-serif; font-size:9px;}
#sm ul {border:0px; margin:0px; padding:0px; list-style-type:none; text-align:center; }
#sm ul li { display:block; float:left; text-align:center; padding:0px 0px 0px 0px; margin:0px; height:14px; }
.nrm { width:84px; color:#adadad; text-align:center; padding:2px; background-color:#F1F1F1; display:block; vertical-align:middle;}
.red {width:84px; color:#FFF; text-align:center; padding:2px; background-color:#FF6F6F; display:block; vertical-align:middle;}
.yellow { width:84px; color:#FFF; text-align:center; padding:2px; background-color:#FDB14D; display:block; vertical-align:middle; }
.green {width:84px; color:#FFF; text-align:center; padding:2px; background-color:#A0DA54; display:block; vertical-align:middle; } 
 /*Pour les onglets dans index.php (fonction bloc_voir_offre_demande)*/
.TabCommon {FONT: 12px Verdana; COLOR: #339900; PADDING: 2px; FONT-WEIGHT: bold; TEXT-ALIGN: center; HEIGHT: 20px; WIDTH: 100px;}
.TabContent {PADDING: 2px;}
.TabContentBottom {PADDING: 2px; BORDER-BOTTOM: 2px outset #99AA66;}
.TabOff {CURSOR: hand; BACKGROUND-COLOR: #E2E2E3; BORDER-LEFT: 1px solid #BBBBBB;}/*onglet inactif*/
.TabOn {CURSOR: default; BORDER-TOP: 2px outset #D1D1D1; COLOR: #FC8A03;}*/onglet actif*/
.TabBorderBottom{BORDER-BOTTOM: 2px inset #005500;}
.TabActiveBorderLeftRight{BORDER-RIGHT: 2px #D1D1D1; BORDER-LEFT: 2px #885599;}
.TabActiveBackground {BACKGROUND-COLOR: #F7F8F3;}/*onglet actif*/
/**************/
a.esp_perso{
 color: #333;
 font-weight: bold;
 text-decoration: none;
 transition: .4s;
}
a.esp_perso:hover{
 color: #F90;
 text-decoration: underline;
}
a.btn_user {
    display: block;
    float: right;
    background: #66666f;
    margin-top: 0px;
    width: 100%;
    height: 32px;
    font: 15px/30px 'Helvetica';
    text-align: center;
    color: #FFF;
    text-decoration: none;
  border: 0px solid #fff;
    border-radius: 15px 15px 0px 0px
}
a.btn_plus_info, a.btn_plus_info:link, a.btn_plus_info:visited {
    background-color: #FC8A03;
    padding: 1px 10px 2px 10px;
  color: #FFF;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
    transition: background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
    border: none;
    display: inline-block;
    outline: 0;
  vertical-align: middle;
    overflow: hidden;
    text-decoration: none!important;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
a.btn_plus_info:hover, a.btn_plus_info:active {
    background-color: #FFF;
    color: #FC8A03;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  transition: background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
    border: none;
    display: inline-block;
    outline: 0;
  vertical-align: middle;
    overflow: hidden;
    text-decoration: none!important;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
a.btn_plus_info i {
    background: url('../sourori/icones/loupe.png') right center no-repeat;
    padding: 5px;
    padding-left: 21px;
}
a.btn_details {
    display: block;
    background: #264D6E;/*rgb(1, 119, 181);*/
    margin-top: 1px;
    /*width: 117px;*/
    height: 15px;
    text-align: center;
    color: #FFF;
    text-decoration: none;
  transition: background .4s;
  -webkit-transition: background .4s;
   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
a.btn_details:hover {
    background: #FC8A03;/*rgb(104, 199, 236)*/
  border-width: 1px;
    border-color: #FF6633;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
a.btn_details i {
    background: url('../sourori/icones/loupe.png') right center no-repeat;
    padding: 5px;
    padding-left: 21px;
}
a.lien_contxt{
 font-size: 10.5px; 
 font-weight:bold;
}
a.btn_haut{
    display: inline-block;
    vertical-align: middle;
    line-height: 41px;/*56*/
    border-radius: 100px;
    color: #c6c6cc;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-decoration: none;
    background: #fff;
    margin:3px 0px 0px 0px;
    padding: 0 11px;
    border: 2px solid #dfdfe2;
}
a.btn_haut:hover {  
    background: #45c4b0;/*#FC8A03 #264D6E*/
  border-width: 2px;
    border-color: #45c4b0;
  color: #fff;
}
a.btn_haut i {
    background: url('../sourori/icones/fleche_indique_haut_gri.gif') right center no-repeat;
    padding: 5px;
    padding-left: 21px;
}
div#rezosocio-hrztl {
    /*float: right;*/
  display: inline-block;
    margin-top: 1px;
}
a.rezosocio-hrztl_el {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 3px;
    background-position: 0 0;
    overflow: hidden;
    text-indent: -1000px;
    -moz-transition: background-position .3s ease;
    -webkit-transition: background-position .3s ease;
    -o-transition: background-position .3s ease;
    -ms-transition: background-position .3s ease;
    transition: background-position .3s ease;
}
/** A garder dans ce fichier comme elles font réf à un fichier qui est dans le rép ***/
.rezosocio-hrztl-el-fb {
    background-image: url(../sourori/icones/dual_ico_facebook.png);
}
.rezosocio-hrztl-el-fb:hover {
    background-position: 0 -32px;
}
.rezosocio-hrztl-el-twt {
    background-image: url(../sourori/icones/dual_ico_twitter.png);
}
.rezosocio-hrztl-el-twt:hover {
    background-position: 0 -32px;
}
.rezosocio-hrztl-el-gp {
    background-image: url(../sourori/icones/dual_ico_google_plus.png);
}

.rezosocio-hrztl-el-gp:hover {
    background-position: 0 -32px;
}
.rezosocio-hrztl-el-lki {
    background-image: url(../sourori/icones/dual_ico_linkedin.png);
}
.rezosocio-hrztl-el-lki:hover {
    background-position: 0 -32px;
}
.rezosocio-hrztl-el-ytb {
    background-image: url(../sourori/icones/dual_ico_youtube.png);
}
.rezosocio-hrztl-el-ytb:hover {
    background-position: 0 -32px;
}
.rezosocio-hrztl-el-prst {
    background-image: url(../sourori/icones/dual_ico_pinterest.png);
}
.rezosocio-hrztl-el-prst:hover {
    background-position: 0 -32px;
}
.tablinkmenu {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
/* Style the buttons that are used to open the tab content */
.tablinkmenu button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 1em;
  font-weight: bold;
}
/* Change background color of buttons on hover */
.tablinkmenu button:hover {
  background-color: #ddd;
}
/* Create an active/current tablink class */
.tablinkmenu button.active {
  background-color: #ccc;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.div_noborder {
  border: 0px;
}
/* Fin de Create an active/current tablink class */
.div_form_input{
 float: left;
 display: inline-block;
}
a.tag_sct_ances, a:link.tag_sct_ances, a:visited.tag_sct_ances{
display: inline-block;
background-color: #777;/*aaa*/
border:0px solid #63676b;
color: #fff;/*#303032;*/
padding: 1px 10px 2px 10px;
margin: 3px;
text-decoration: none !important;
text-align: center;
font-size: unset;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-webkit-transition: background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
transition: background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;
outline: 0;
vertical-align: middle;
overflow: hidden;
text-decoration: none !important;
text-align: center;
cursor: pointer;
white-space: nowrap;
word-break: break-all;
}
a.top_link_jq i {
    padding: 5px;
    padding-left: 11px;
}
a.top_link_jq, a.top_link_jq:link, a.top_link_jq:visited{
  text-decoration: none;
  position: fixed;
  right: 20px;
  bottom: 50px;
  padding: 19px;
  background: rgb(255, 102, 0) none repeat scroll 0% 0%;
  border-radius: 45px;
  opacity: 0.9;
  color: rgb(255, 255, 255);
  z-index: 2000;
}
.div_formfield-select {
  position: relative;
  width: 183px;
  display: inline-block;
  top:9px;
  height: 35px;
  margin: 0px 5px 0px 5px;
}
.div_formfield-select--container {
  position: relative; 
  background-color: #fff;
  border: #777 0px solid;
  margin: 0 0 1.5em 0;
  overflow: hidden; 
  /* 
    Le select natif pourra 
    dépasser sans être vu 
  */
  border-radius: 5px;
}
.div_formfield-select--container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 110%; 
  /* 
    On est sûr de ne plus voir
    la flèche native 
  */
  height: auto;
  border: 0; 
  margin: 0;
  padding: .75em;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 
    On empêche le texte d'aller
    jusqu'au bout s'il est trop long
  */
}
.div_formfield-select--container::after { 
  /* Le pointeur du select */
  content: '';
  position: absolute;
  top: 50%; 
  margin-top: -3px;
  right: .75em;  
  display: block; 
  width: 0; height: 0;
  border-color: transparent;
  border-top-color: #444; 
  border-width: 6px;
  border-style: solid;
  pointer-events: none;
}
.div_form_subm{
  float: right;
  top: 13px;
  display: inline-block;
  position: relative;
  right: 5px;
}
.div_rch_ance_dtl, .div_rch_ance_dtl_mob{
  /*width: 100%;*/
  margin: 0px 5px 11px 0px;/*5px 0 0 5px*/ 
  padding: 1px 0 0 0px;
  background-color: #ccc;/* 444 #0D9FFA ae0000*/
  background-repeat: no-repeat;
  color: #000; 
  height: 61px;/*auto;*/
  border-radius: 7px;
}
.div_rch_ance_dtl i, .div_rch_ance_dtl_mob i {
  position: relative;
  display: block;
  float: left;
  left: 5px;
  padding: 1px 9px 0px 11px;
  top:7px;
  height:50px;
}
.div_rch_ance_dtl i:before, .div_rch_ance_dtl_mob i:before {
   /* content: "\f002";
    font-family: FontAwesome;*/ /*http://fontawesome.io/get-started/ */
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #777;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0px;
}	
.div_rz_ance{ 
  width:98%; 
  line-height: 1.1;
}
.div_rz_l_ances{  
    width: 100%;
    float: left;
    /*display: inline-block;*/
    clear: both;
    background-color: #fff;
    border: 0px solid #ccc;
    border-top: 0px solid #808080;
    box-shadow: 0 0px #ccc;
    margin: 1px 0px 5px 0px;
    text-align: left;
    padding: 0px 0px 0px 0px;
}    
.div_rz_ance_gnral{  
  margin: 7px 7px 11px 3px; 
  padding: 2px 0px 3px 5px; 
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: #ccc 1px 1px 5px;
  transition: background-color 0.7s ease 0s, color 0.7s ease 0s, box-shadow 0.7s ease 0s, opacity 0.7s ease 0s;
}
.div_rz_ance_gnral:hover{ 
  background-color: #f4f7f8; /* fff #F7FAFD*/
  border: 1px solid #ccc;/*C5D8EB*/
  border-top: 3px solid #f0ad4e;/*#104591;*/
  box-shadow: 0 3px #ccc; /*0 0 5px #CEE0F0*/
  transition: background-color 0.7s ease 0s, color 0.7s ease 0s, box-shadow 0.7s ease 0s, opacity 0.7s ease 0s; 
 /* -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: inset 0 0 0 1px #ececec, 0 2px 4px 0 hsla(0,0%,76%,.5);
  box-shadow: inset 0 0 0 1px #ececec, 0 2px 4px 0 hsla(0,0%,76%,.5);*/
}
.div_rz_ance_hom{ 
  display: inline-block;
  height: 151px;
  width: 493px;/* 429px 26.1rem;/*39em;*/ 
  /*line-height: 2;*/
}
.div_rz_ance_st1{ 
  background-color: #fff; /*#F7FAFD*/
  border: 1px solid #ccc;/*C5D8EB*/
  border-top: 3px solid #104591;/*#f0ad4e;*/
  /*box-shadow: 0 3px #ccc;*/ /*0 0 5px #CEE0F0*/ 
}
.div_rz_ance_st2{
  background-color: #fff; /*#FAF8F1*/
  border: 1px solid #ccc;/*#EFE9D3*/  
  border-top: 3px solid #d9534f; /*7f8c8d*/
  /*box-shadow: 0 3px #ccc;*/ /*0 0 5px #EFE9D3*/
}
.div_rz_ance_alauneht{
  background-color: #EEE8AA; /* CFCC98*/
  border: 1px solid #DBCC67;
  border-top: 3px solid #d9534f;  
  box-shadow: 0 9px 5px -5px #aaa;  /* #fc8a03*/
}
.div_rz_ance_last{
  background: #f4f4f4;
  border: 1px solid #ccc;
  border-top: 3px solid #5bc0de;  
}
.div_rz_ance a:hover img, .div_rz_ance_hom a:hover img {
  opacity: 0.5;
  transition: .7s;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.p_det_ance i {
    color: #390;/*darkslategray;*/
    font-size: 13px;
    width: 12px;
    height: 12px;
}
.tab_rz_ance {
    border-width: 0;
    width: 100%;
    line-height: 2;
}
.tab_rz_ance i{
   color:darkslategray;
   font-size: 13px;
   width: 12px;
  height: 12px;
}
.td_rz_ance{ 
  text-align:justify;
  /*line-height: 141%;*/
  margin-bottom: 5px;
  display: block;
  width: 99%;
}
.tab_dtl_ance_ht{
    width:99%;
    border: 1px solid #808080;
    border-bottom-width: 0;
  background-color:#FFF;
  padding: 3px;
    border-spacing: 1px;
    border-collapse: collapse;/*separate*/
}
.tab_dtl_ance{
    width:99%;
    border: 1px solid #e6dddd;/*#808080;*/
    padding: 0;
    border-spacing: 0px;
    border-collapse: collapse;/*separate*/
    font-family: Verdana, sans-serif;
    font-size: 1.15em;
}
.tab_dtl_ance i, .tab_dtl_dde i  {
    height: 29px;
    width: 29px;
    line-height: 29px;
    text-align: center;
    border-radius: 50%;
    border: 0px solid #009900;
    color: #669933;/*#28ab7f*/
    font-size: 20px;
}
.tab_dtl_ance i:hover, .tab_dtl_dde i:hover {
    -webkit-transform: rotate(33deg);
    -moz-transform: rotate(33deg);
    -ms-transform: rotate(33deg);
    -o-transform: rotate(33deg);
    transform: rotate(33deg);
    transition: 0.5s;
}
.tab_dtl_ance i.fa_big, .tab_dtl_dde i.fa_big{
    height: 39px;
    width: 39px;
    line-height: 39px;
    border: 1px solid #669933;
}
.tab_dtl_ance tr, .tab_dtl_dde tr {
  border-left: 5px solid #808080; 
}
.tab_dtl_ance tr:hover, .tab_dtl_dde tr:hover {
  border-left: 5px solid #669933; 
}
.tab_dtl_ance p, .tab_dtl_ance div, .tab_dtl_ance li{
    font-family: Verdana,sans-serif;
    font-size: 1.15em;
    padding: 0px 9px 0px 0px;
}
.tab_dtl_ance table {/* pour les tableax dans le contenu des annonces */
  width:81%;
  background-color:#efefef;
  border:1px solid #aaaaaa;
  border-collapse:collapse;
  /*border-spacing : 0;*/
  padding:3px;
  text-align:left;
}
.tab_dtl_ance table tr td {
  padding: 2px;
  margin: 0px;
}
.btn-action, .btn-action:link, .btn-action:visited{
    display: inline-block;
    background: transparent;
    box-shadow: none;
    border-radius: 2px;
    margin: 2px 5px 2px 5px;
    border: 1px solid #555;/*#2a6496*/
    color: #333;/*#2a6496*/
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
}
.btn-action:hover, a.btn-action:focus{
    border: 1px solid #555;/*#2a6496*/
    color: #fff;
    background-color: #444;
    box-shadow: none;
    outline: 0;
}
.btn-action_g, .btn-action_g:link, .btn-action_g:visited{
    display: inline-block;
    background-color: #444;
    box-shadow: none;
    border-radius: 2px;
    margin: 2px 5px 2px 5px;
    border: 1px solid #555;/*#2a6496*/
    color: #fff;/*#2a6496*/
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
}
.btn-action_g:hover, a.btn-action_g:focus{
    border: 1px solid #669933;
    color: #fff;
    background-color: #669933;
    box-shadow: none;
    outline: 0;
}
.btn-action_w, .btn-action_w:link, .btn-action_w:visited {
      display: inline-block;
    background: transparent;
    box-shadow: none;
    border-radius: 2px;
    margin: 2px 5px 2px 5px;
    border: 1px solid #fff;/*#2a6496*/
    color: #fff;/*#2a6496*/
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
}
.btn-action_w:hover, a.btn-action_w:focus{
    border: 1px solid #fff;
    color: #fff;
    background-color: #333;
    box-shadow: none;
    outline: 0;
}
.bloc_service{
  display:inline-block;
  width:217px; 
  background:#666; 
  margin:3px; 
  padding:0px; 
}
.bloc_service2{
  display:inline-block;
  width:217px; 
  background:#777; 
  margin:3px; 
  padding:0px; 
}
.blok_cas_service {
  padding: 15px;   
  margin-bottom: 15px; 
  background-color: #aaa;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-addon:first-child {
    border-right: 0;
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group .form-control:last-child{
  border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group .form-control {
    display: table-cell;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
   /**/
   width: 1%;
    white-space: nowrap;
    vertical-align: middle;
	display: table-cell;
}
.ttl_gr {
    font-size: 17px;
    color: #383a38;
    text-decoration: none;
    text-shadow: 1px 1px 1px #aaa;
    letter-spacing: 1px;
    /* text-align: center; */
    margin: 17px 3px 5px 3px;
}
.ttl_gr2 {
    font-size: 17px;
    color: #383a38;
    text-decoration: none;
    text-shadow: 1px 1px 1px #aaa;
    letter-spacing: 1px;
    /* text-align: center; */
    margin: 5px 3px 5px 3px;
}
.ttl_gr3 {
    font-size: 15px;
    color: #383a38;
    text-decoration: none;
    text-shadow: 1px 1px 1px #aaa;
    letter-spacing: 1px;
    margin: 5px 3px 5px 3px;
}
.ttl_gr4 {
    font-size: 13px;
    color: #383a38;
    text-decoration: none;
    text-shadow: 1px 1px 1px #aaa;
    letter-spacing: 1px;
    margin: 5px 3px 5px 3px;
}
.notice_bl {
    background-color: #1971c2;
    padding: 3px;
    color: #f8f9fa;
}
.input-group .form-control {
    position: relative;
    /*z-index: 2;*/
    float: left;
    width: 75%;/*129px*/
    margin-bottom: 0;
	  margin-left: -2px;
    margin-top: 0px; /* added by me*/
}
.form-control {
    display: block;
    width: 100%;
    height: 21px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.margin-bottom-sm {
    margin-bottom: 5px !important;
}
/* Fin de Pr icone à côté des Input  */
/* Pr icone à côté des Input; CAT2 */
.col-sm-6_my {
    width: 55%;
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 1px;
}
.prepend-icon_my {
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    font-weight: normal;
}
.form-group_my {
    margin-bottom: 3px;
}
.prepend-icon_my .field-icon_my {
    top: -2px;
    z-index: 4;
    width: 42px;
    height: 36px;
    color: #666;
    line-height: 36px;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    pointer-events: none;
}
.label_my {
    font-weight: 300;
    color: #666;
    font-size: 15px;
	display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.input_field_my {
    padding-left: 36px;
	position: relative;
    vertical-align: top;
    border: 1px solid #ccc;
    display: -moz-inline-stack;
    display: inline-block;
    color: #666;
    outline: none;
    background: #fff;
    height: 27px;
    width: 99%;
    border-radius: 3px;
    font-size: 11px;
    margin-bottom: 0px;
}
.select_field_my {
  padding-left: 36px;
    position: relative;
    vertical-align: top;
    border: 1px solid #ccc;
    display: -moz-inline-stack;
    display: inline-block;
    color: #666;
    outline: none;
    background: #fff;
    height: 27px;
    /*width: 60%;*/
    border-radius: 3px;
    font-size: 11px;
    margin-bottom: 0px;
} 
/* Din de Pr icone à côté des Input; CAT2 */
/*progress bar*/
.div_progress {
    margin-bottom: 0;
    height: 15px;
    margin-bottom: 1px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.div_progress_bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #2196F3;/*#428bca;*/
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}
#div-nwl-mini-hori {
    display: block;
  z-index: 999;
  border: 1px solid #F60;
    border-radius: 15px 15px 0px 0px;
    background-color: #F60;
    color: #fff;
    height: 23px;
  line-height: 23px;
    width: 107px;
    position: fixed;
    bottom: 1px;
    right: 10px;
  text-align:left;
  padding: 0px 0px 0px 9px; 
}
#div-nwl-mini-hori a{
  color : #fff;
  font-size: 13px;
  font-weight:bold;
}
#div-nwl-mini-hori:hover{
    background-color: #fc8a03;
    height: 33px;
  line-height: 33px;
}
#div-nwl-mini-hori i:before {
   /* content: "\f0e0";
    font-family: FontAwesome;*/ /*http://fontawesome.io/get-started/ */
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 13px;
    position: absolute;
    top: 1px;
  padding: 0px 0px 0px 3px;
}
#div-nwl-mini-hori a:hover img{
  opacity: 0.3;
}
a.btn_newsletter {
    display: block;
    float: right;
    background: #66666f;
    margin-top: 10px;
    width: 100%;
    height: 32px;
    font: 15px/30px 'Helvetica';
    text-align: center;
    color: #FFF;
    text-decoration: none;
}
a.btn_newsletter:hover {
    background: #FC8A03;/*#264D6E*/
  border-width: 1px;
    border-color: #FF6633;
}
div#menu_droit_cv_ico {
    border: 1px solid #aaa;
    clear: both;
    padding-left: 3px;
}
div#menu_droit_cv_ico i {
    height: 35px;
    width: 35px;
    line-height: 35px;
	font-size: 25px;
    margin: 3px 3px 1px 0px;
}
div#menu_droit_cv_ico a {
    font-size: 9px;
    text-decoration: none;
    color: #666;
}
.div_sect_cv_ico_el {
    display: inline-block;
}
.div_sect_cv_ico_el i {
    text-align: center;
    border-radius: 50%;
    border: 3px solid #666;
    color: #777;
    font-size: 29px;
    transition: background-color 0.7s ease 0s;
}
div#voir_resume_offres {
 float:left;
 width:59%;
 height:50px;
 background-color:#FFF;
}
div#voir_resume_demandes {
 float:right;
 width:40%;
 height:50px;
 background-color:#FFF;
}
.bsj_contener {
  padding-left: 0px;
  padding-right: 3px;
  width: 19%;/*25%*/
  float: left;
  position: relative;
  min-height: 1px;
} 
.bsj_blok {
    margin: 5px 0;
    border-radius: 4px;
    color: #fff;
} 
.bsj_blok_green {
    background-color: #5dc560;
}
.bsj_blok .icon {
    float: left;
    display: inline-block;
    padding-top: 10px;
    width: 25%;/*30%*/
    height: 60px;
    font-size: 2.6em;
    line-height: 1px;
    text-align: center;
    border-radius: 4px 0 0 4px;
} 
.bsj_blok_green  .icon {
    background-color: #49a94d;
} 
.bsj_blok .icon .fa {
  color: #fff;
  font-size: 49px;
}    
.bsj_blok .detail {
    /*float: left;*/
    display: inline-block;
    /*padding: 8px 15px;*/
    /*width: 70%;*/
    height: 70px;
    border-radius: 0 4px 4px 0;
}
.bsj_blok_green .detail .chiffre, .bsj_blok_orange .detail .chiffre, .bsj_blok_cyan .detail .chiffre, 
.bsj_blok_magen .detail .chiffre, .bsj_blok_blue .detail .chiffre    {
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 43px;
} 
.bsj_blok_green .detail .descp, .bsj_blok_orange .detail .descp, .bsj_blok_cyan .detail .descp, 
.bsj_blok_magen .detail .descp, .bsj_blok_blue .detail .descp {
    color: #fff;
    font-size: 11px;
}
.bsj_blok_orange {
    background-color: #e8a136;
}
.bsj_blok_orange  .icon {
    background-color: #bb7408;
} 
.bsj_blok_cyan {
    background-color: #5bbfc5;
}
.bsj_blok_cyan  .icon {
    background-color: #4a9094;
}
.bsj_blok_magen {
    background-color: rgba(153, 102, 255, 1);
}
.bsj_blok_magen  .icon {
    background-color: #673ab7;
}
.bsj_blok_blue {
    background-color: #4b63e9;
}
.bsj_blok_blue  .icon {
    background-color: #25389d;
}
.mnu_bas_ance_el {
 display:inline-block; 
 text-align:center; 
 margin:1.3em 0em 0em 1.3em;
}
.tab_saisie {
  background-color:#F4F4F4;
  border: 1px solid #BBB;
  width:99%;
  text-align: left;
}
.tab_list {
  width:99%;
  background-color:#FFF;
  border: 1px solid #aaa;
  border-top-width: 0; 
  border-bottom-style: solid;
}
.tab_titre {
  background-color:#CCC;
  border: 1px solid #aaa;
  width:99%;
  color: #000;
  font-weight:bold;
}
.tab_titre2 {
  background-color:#CCC;
  border: 1px solid #CCC;
  width:99%;
} 
.td_o_b{
  color: #000;
  font-weight:bold;
}
.tab_ele tr:hover{
  background-color: #ccc;
  color:#f60;
}
.tab_ele tr.tr_impair{
 background-color:#f8f8f8;
}
.tab_ele tr.tr_pair{
 background-color:#f1f1f1;
}
.tab_ele td{
  text-align: left;
  padding: 3px;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.tab_ele i{
  font-size:13px;
  color:#666;
}
.tab_ele i:hover{
  color:#F60;
}
.tab_ele i.ico_fa_edit{
  color:#428bcA;
}
.tab_ele i.ico_fa_edit:hover{
  color:#074d8a;
  transition: background-color 0.7s ease 0s;
}
.tab_ele i.ico_fa_trash{
  color:#7b0202;
}
.tab_ele i.ico_fa_trash:hover{
  color:red;
  transition: background-color 0.7s ease 0s;
} 
.tab_expose {
  background-color:#EFEFEF;
  border: 1px solid #aaa;
  width:99%;
  text-align: left;
  padding: 3px;
}
.tab_expose_sb {
  background-color:#EFEFEF;
  border: 0px;
  width:99%;
}
.tab_expose .notice_fa {
    height: 11px;
    width: 11px;
    line-height: 29px;
    text-align: center;
    border-radius: 50%;
    /* border: 3px solid #669933; */
    color: #666;
    font-size: 20px;
    transition: background-color 0.7s ease 0s;
}
.tr_presentation:hover {
  background: #a5b1b7;
}
/*.tab_expose_bleu { 
   background-color:#A8C2FF;
   border: 1px solid #BDD0FF;
   width:99%;
}*/
.rezosocio-ance-fa i {
   display: inline-block;
    font-size: 1.7em;/*20px;*/
    height: 1.6em;/*33px;*/
    width: 1.6em;/*33px;*/
    line-height: 1.6em;/*33px;*/
    text-align: center;
    border-radius: 50%;
    border: 1px solid #666;/* 669933 #78b9e1*/
    color: #777;
  transition: background-color 0.7s ease 0s;
}
.rezosocio-ance-fa i:hover {
    border: 1px solid #444;
    color: #fff;
  background-color:#444;
  -webkit-transform: rotate(33deg);
    -moz-transform: rotate(33deg);
    -ms-transform: rotate(33deg);
    -o-transform: rotate(33deg);
    transform: rotate(33deg);
    transition: background-color 0.7s ease 0s;
}
.rezosocio-ance-fa_petit i {
    font-size: 13px;
    height: 15px;
    width: 15px;
    line-height: 15px;
}
#div-rezosocio-mini {
  height: 113px;
  width: 28px;
  position: fixed;
  left: 0px;
  bottom:41px;
  z-index: 999;
}
#div-rezosocio-mini a img {
  opacity: 0.7;/*1*/
  -webkit-transition: color .5s ease, margin .5s ease;
    transition: color .5s ease, margin .5 ease;
}
#div-rezosocio-mini a:hover img {
  opacity: 1;/*0.5*/
}
/*Debut pour calendrier sur input (saisie offre) */
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}
.ds_tbl {
	background-color: #FFF;
}
.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}
.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}
.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}
.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

/* Début de CSS de calendrier_soft */
.CAL_STYLEcpYearNavigation,	.CAL_STYLEcpMonthNavigation	{ 
  background-color:#6B8EC6;
  text-align:center; 
  vertical-align:middle;
  text-decoration:none; color:#FFF;
  font-weight:bold; 
}
.CAL_STYLEcpDayColumnHeader,.CAL_STYLEcpYearNavigation,.CAL_STYLEcpMonthNavigation,.CAL_STYLEcpCurrentMonthDate,.CAL_STYLEcpCurrentMonthDateDisabled,.CAL_STYLEcpOtherMonthDate,.CAL_STYLEcpOtherMonthDateDisabled,.CAL_STYLEcpCurrentDate,.CAL_STYLEcpCurrentDateDisabled,.CAL_STYLEcpTodayText,.CAL_STYLEcpTodayTextDisabled,.CAL_STYLEcpText { 
  font-family:arial; 
  font-size:8pt; 
}
TD.CAL_STYLEcpDayColumnHeader {
  text-align:right; 
  border:solid thin #1F60A9; 
  border-width:0 0 1px 0; 
}
.CAL_STYLEcpCurrentMonthDate,.CAL_STYLEcpOtherMonthDate,.CAL_STYLEcpCurrentDate {
  text-align:right; 
  text-decoration:none; 
}
.CAL_STYLEcpCurrentMonthDateDisabled,.CAL_STYLEcpOtherMonthDateDisabled,.CAL_STYLEcpCurrentDateDisabled { 
  color:#D0D0D0; 
  text-align:right; 
  text-decoration:
  line-through;
}
.CAL_STYLEcpCurrentMonthDate { 
  color:#1F60A9; 
  font-weight:bold; 
}
.CAL_STYLEcpCurrentDate {
  color: #FFF; 
  font-weight:bold;
}
.CAL_STYLEcpOtherMonthDate {
  color:#808080;
}
TD.CAL_STYLEcpCurrentDate {
  color:#FFF; 
  background-color: #1F60A9;
  border-width:1px; 
  border:solid thin #000;
}
TD.CAL_STYLEcpCurrentDateDisabled {
  border:1px solid #FFAAAA; 
}
TD.CAL_STYLEcpTodayText,TD.CAL_STYLEcpTodayTextDisabled {
  border-color : #6677DD;
  border-style:solid;
  border-width:1px 0 0 0;
}
A.CAL_STYLEcpTodayText,SPAN.CAL_STYLEcpTodayTextDisabled { 
  height:20px; 
}
A.CAL_STYLEcpTodayText { 
  color:#6677DD; 
}
SPAN.CAL_STYLEcpTodayTextDisabled {
  color:#D0D0D0; 
}
.CAL_STYLEcpBorder { 
  border:solid thin #6677DD; 
}
/* Fin de CSS de calendrier_soft */
/* Début vue progressive des DIV*/
.vue_progrsiv {/*http://www.copier-coller.com/faire-apparaitre-ses-div-progressivement-fadein-css-ou-jquery/ */
     animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari et Chrome */
    -o-animation: fadein 1s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* Fin vue progressive des DIV*/
/* Jquery_ui pr rendre l'autocomplete scroolable */
.ui-autocomplete {
          max-height: 111px;
          overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
       }
  /* IE 6 doesn't support max-height we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete {
         height: 111px;
   }
/* Pour owl.carousel*/
#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
} 
/******************* count number JQUERY ********************/
.nous_en_chifr{
    display: block;
    /*background-color: #fd7418;
    border: 0px solid #157bc2;
    line-height: 0.75em;
    color: #fff;
    font-weight: bold;
    margin: 19px 0px 1px 0px;
    padding: .5em 1.5em;
    outline: 0px solid #9BABB0;
    text-shadow: 0px 0px 0px #aaa;
    position: relative;
    right: 0.1em;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -moz-outline-radius: 25px;
    -webkit-border-radius: 25px;*/
}
.my_col_half { width: 49%; }
.my_col_third { width: 32%; }
.my_col_fourth { width: 23.5%; }
.my_col_fifth { width: 18.4%; }
.my_col_sixth { width: 15%; }
.my_col_three_fourth { width: 74.5%;}
.my_col_twothird{ width: 66%;}
.my_col_half,
.my_col_third,
.my_col_twothird,
.my_col_fourth,
.my_col_three_fourth,
.my_col_fifth{
  position: relative;
  display:inline;
  display: inline-block;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}
.my_col_fourth i{
  font-size: 2.3em
}
.my_end { margin-right: 0 !important; }
/* Column Grids End */

.my_wrapper { 
  display: block;
  width: 100%;/*980px;*/ 
  margin: 30px auto; 
  position: relative;
  background-color: #f5f5f5;
  color: #e6dddd;/*#808080;*/
}
.my_counter { 
  background-color: #333;/*#ffffff; */
  padding: 20px 0; 
  border-radius: 29px;
}
.my_count-title { font-size: 40px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.my_count-text { font-size: 13px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.my_fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }
/******************* Fin count number JQUERY ********************/