/*<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">*/

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;
}

/*P	    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
DIV	    {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px }*/

/*body       {/*doit obligatoirement être placé après ceux ki st ci haut
            scrollbar-3dlight-color : #FFF; /*bordure supr des barres
            scrollbar-arrow-color : #FFF; /*flèche à la fin des barres
            scrollbar-base-color : #0000cc;
            scrollbar-darkshadow-color : #FFF;/*bordure inférieur des barres
            scrollbar-face-color : #FF9933; /*face des barres*
            scrollbar-highlight-color : #FFF; /*bordure sup 2 des barres
            scrollbar-shadow-color : #FFF;/*bordure inférieur2 des barres
            scrollbar-track-color : #ccc; /*couleur de l'espace non oqp par les barres
            }*/

A  {
  font-size:12px; 
  font-family: Verdana,Helvetica; 
  color: #333;/*339900;*/ 
  text-decoration: none
  } 
A:link {/*lien non consultés*/
  font-size:12px; 
  font-family: Verdana,Helvetica; 
  color: #333;/*339900;*/
  text-decoration: none
  } 
A:active    {/*lien actif*/
  font-size:12px; 
  font-family: Verdana,Helvetica; 
  color: #333;/*339900;*/ 
  text-decoration: none
  } 
A:visited   {/*lien visité*/
  font-size:12px; 
  font-family: Verdana,Helvetica; 
  color: #333;/*339900;*/ 
  text-decoration: none
  } 
A:hover{
  font-size:12px; 
  font-family: Verdana,Helvetica; 
  text-decoration: none; color:#006600;
  } /* psge sur 1lien*/
FONT      {FONT-FAMILY: Monotype Corsiva; FONT-SIZE: 11px}
a.ss_miz_f {
    font-family: ProximaNova,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    /* background: #fff; */
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}	

.div_sect_ance_ico_el{
    display: inline-block;
    width: 75px;
}

.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;
}

input, textarea, select { color : #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:  1px solid #aaa; background-color : #FFF;}
option { color : #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:  0px solid #ccc; background-color : #FFF;}
INPUT:focus {color: #000; border-color : #000; background-color : #FFF;}
input.champ_o, textarea_champ_o, select_champ_o, option_champ_o { color : #FFF; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:  1px solid #fff; background-color : #FF9933; }
option_champ_o { color : #FFF; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:  0px solid #fff; background-color : #FF9933; }
input.champ_saisie, textarea.champ_saisie, select.champ_saisie { color : #FFF; font: normal 11px Verdana, Arial, Helvetica, 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, sans-serif; border:  0px solid #fff; background-color : #006400;}
input.champ_g, textarea.champ_g, select.champ_g { color : #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; 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, sans-serif; border:  0px solid #ccc; background-color : #FFF;}
input.champ_b, textarea.champ_b, select.champ_b { color : #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:  1px solid #ccc; background-color : #ccc;}
option.champ_b { color : #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:  0px solid #ccc; background-color : #fff;}

option.champ_bg_g { color : #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:  0px solid #ccc; background-color : #ccc;}


/*.champ_saisie:focus {background-color:#FF9933;}
.input_gche  {Font-size:15px; font-Family: centery gothic; color:#0000ff} 
.input_drt   {Font-size:15px; font-Family: Comic Sans MS; font-weight:bold; color:#ff0000 background-color : #FF0000;}*/

/*.titre_offre {Font-size:12px; font-Family: Verdana,Helvetica; color: #339900; text-decoration: none}*/

.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;
}

.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: 100%; 
	border: none; 
	border-bottom: solid 1px #DEE4E6; 
	padding: 8px 4px; 
	margin: 0px; 
	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: 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;

}

input.bouton_clicable {
  background: transparent url('img/arriere_plan_bouton_1.png') no-repeat left center;
  border: 0px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px; /*0.916em*/
  font-weight: bold;
  margin: 0px;
  line-height: 18px;
  padding: 4px 10px 4px;
  text-transform: uppercase;
  outline: 0px solid #9BABB0;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
}

input.bouton_clicable_petit {                                    
  background: transparent url('img/arriere_plan_bouton_1.png') no-repeat left center;
  border: 0px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px; /*0.916em*/
  font-weight: bold;
  margin: 0px;
  line-height: 15px;
  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_org {                                    
  background: transparent url('img/arriere_plan_bouton_2.png') no-repeat left center;
  border: 0px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 0 4px;
  line-height: 18px;
  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: transparent url('img/arriere_plan_bouton_2.png') no-repeat left center;
  border: 0px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 0px;
  line-height: 15px;
  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 {                                    
  background: transparent url('img/arriere_plan_bouton_2.png') no-repeat left center;
  border: 0px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 0 4px;
  line-height: 15px;
  padding: 4px 4px 4px;
  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;
}

.admin_tab   {background-color:#ccc; bordercolor:#008080}	
.cat_page {bgcolor : #F93;}
.entete     {Font-size:14px; color:#fff}
.msg_succes  {font: 11px Verdana; color: #FFF; font-weight: bold;}
.msg_erreur  {font: 11px Verdana; color: #F00; font-weight: bold; }
.msg_erreur_jaune  {font: 11px Verdana; color: #FF0; font-weight: bold; } 
.msg_erreur_rouge  {font: 11px Verdana; color: #FF0; font-weight: bold; }  
.msg_succes  {font: 11px Verdana; color: #006400; font-weight: bold; }
.msg_succes_vert  {font: 11px Verdana; color: #006400; font-weight: bold; } 
.msg_succes_noir  {font: 11px Verdana; color: #000; font-weight: bold;} 
.lien_blanc	 {font: 11px Verdana; color: #FFF; font-weight: bold; } 
.lien_blanc2	 {font: 12px Verdana; color: #FFF; font-weight: bold; } 
.lien_vert	 {font: 11px Verdana; color: #006400; font-weight: bold; } 
.nbr        {background-color:#99ccff; color:#f00}
.titre {font: 15px Times New Roman; color: #000; font-weight: bold; text-decoration: none}
.titre_p {font: 13px Times New Roman; color: #000; font-weight: bold; text-decoration: none}
.titre_s {font: 15px Times New Roman; color: #000; font-weight: bold; text-decoration: underline}
.titre_s_p {font: 13px Times New Roman; color: #000; font-weight: bold; text-decoration: underline} 
.titre1 {font: 15px Times New Roman; color: #000; font-weight: bold; text-decoration: none}
.titre1_p {font: 13px Times New Roman; color: #000; font-weight: bold; text-decoration: none}
.titre1_s {font: 15px Times New Roman; color: #000; font-weight: bold; text-decoration: underline}
.titre1_s_p {font: 13px Times New Roman; color: #000; font-weight: bold; text-decoration: underline} 
.titre2	    {font: 15px Times New Roman; color: #FFF; font-weight: bold; }
.titre2_s {font: 15px Times New Roman; color: #FFF; font-weight: bold; text-decoration: underline}
.titre_blanc {font: 15px Times New Roman; color: #FFF; font-weight: bold; }
.titre_blanc_s {font: 15px Times New Roman; color: #FFF; font-weight: bold; text-decoration: underline}
.titre_vert	    {font: 15px Times New Roman; color: #006400; font-weight: bold; text-decoration: underline}
.titre_noir {font: 15px Times New Roman; color: #000; font-weight: bold; text-decoration: none}
.titre_noir_p {font: 13px Times New Roman; color: #000; font-weight: bold; text-decoration: none}
.titre_noir_s {font: 15px Times New Roman; color: #000; font-weight: bold; text-decoration: underline}
.titre_noir_s_p {font: 13px Times New Roman; color: #000; font-weight: bold; text-decoration: underline}
.titre_block_service  {font: 20px Times New Roman; color: #000; font-weight: bold; }  

form{	   /*Permet de supprimer en l'espace en bas d'un formulaire*/
 margin:0;
 padding:0;
} 

.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;
}

table {	/*Permet de centrer tous les tab*/
 margin-left:auto;
 margin-right:auto;
}


.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:#fff;
}

  /*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('img/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('img/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('img/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(img/icones/dual_ico_facebook.png);
}

.rezosocio-hrztl-el-fb:hover {
    background-position: 0 -32px;
}

.rezosocio-hrztl-el-twt {
    background-image: url(img/icones/dual_ico_twitter.png);
}

.rezosocio-hrztl-el-twt:hover {
    background-position: 0 -32px;
}

.rezosocio-hrztl-el-gp {
    background-image: url(img/icones/dual_ico_google_plus.png);
}

.rezosocio-hrztl-el-gp:hover {
    background-position: 0 -32px;
}

.rezosocio-hrztl-el-lki {
    background-image: url(img/icones/dual_ico_linkedin.png);
}

.rezosocio-hrztl-el-lki:hover {
    background-position: 0 -32px;
}

.rezosocio-hrztl-el-ytb {
    background-image: url(img/icones/dual_ico_youtube.png);
}

.rezosocio-hrztl-el-ytb:hover {
    background-position: 0 -32px;
}

.rezosocio-hrztl-el-prst {
    background-image: url(img/icones/dual_ico_pinterest.png);
}

.rezosocio-hrztl-el-prst:hover {
    background-position: 0 -32px;
}