/* Reset HTML Elements by TOTO Default        */
html, body, div,  img, form, a, table, tr, td{
  margin: 0; padding: 0; border: 0; vertical-align: baseline; 
}

/*New CSS*/
html{
font-family: Verdana, Arial, Helvetica, sans-serif;   
}
/*elements generiques*/
h1{
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding: 0!important;
margin: 0!important;
}

h2, h3{
font-weight: bold;
/*params
color:#00517e;  */
color:#17495d;
}   

h2{
font-size: 18px;
}   
h3{
font-size: 14px;
}   

a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	text-decoration: underline;
}
/*elements generiques FIN*/

/*debut du body*/
body{
width: 100%;
text-align: center;
}

#document_conteneur{
width: 100%;
margin: 0 auto;
background-image: url(images/IDE_fond_body_top.gif);
background-position: top left;
background-repeat: repeat-x;
}

#document{
width: 968px;
margin: 0 auto;
text-align: left;  
}
/*Header*/
/*Premier Bandeau*/
#bandeau_compte{
position: relative;
top:0px;
height: 38px;
background: transparent;
background-image: url(images/IDE_fond_body_top.gif);
background-position: top left;
background-repeat: repeat-x;
}
#bandeau_compte  a.LienCompte{
display: block;
height: 26px;
padding-top: 12px;
padding-left: 25px;
padding-right: 5px;
float: right;
background-image: url(/look/fond_lien_compte.gif);
background-position: left center;
background-repeat: no-repeat;
font-size: 10px;
color: #fff;
text-decoration: none;
}

/*Second Bandeau*/
#bandeau_logo_contact{
position: relative;
top:0px;
height: 178px;  
background-image: url(images/IDE_fond_body_top.gif);
background-position: 0px -38px;
background-repeat: repeat-x;
} 
#bandeau_logo_contact #lien_logo{
float:left;
}

div#bandeau_logo_contact h1,
div#bandeau_logo_contact h2{
color: #fff;
font-size: 12px;
}
div#bandeau_logo_contact h1{
position: absolute;
top:130px;
left:140px;
}

div#bandeau_logo_contact h2{
position: absolute;
top:135px;
left:140px;
}



#bandeau_logo_contact div#lien_contact{
position: absolute;
top:90px;
right:0px;
float:right;
width: 193px;
height:75px;
font-size: 10px;
background-image: url(/look/fond_madame.gif);
background-position: center center;
background-repeat: no-repeat;

}
div#bandeau_logo_contact  div#lien_contact a{
position: relative;
top:40px;
left:40px;
/*params
color:#0262a4;  */
color:#17495d;
}
/*Troisieme Bandeau*/
div#menu_recherche {
position: relative;
top:0px;
height:45px;
width: 968px;
background-image: url(images/IDE_bordure_ombree_bleue_top.gif);
background-position: center top;
background-repeat: no-repeat;

}
div#menu_recherche div.t_content {
height:44px;
margin-left:22px;
margin-right:22px;
/*params
color:#0262a4;  
color:#6530d0; */
border-bottom: 1px solid #17495d;
}
div#menu_recherche  a.main_menu{
display: block;
float:left;
text-transform: uppercase;
font-size: 12px;
line-height: 29px;
padding-top: 15px;
/*params
color:#0262a4;  */
color:#17495d;
}
div#menu_recherche  a.main_menu_first{
padding-right: 13px;
}
div#menu_recherche  a.main_menu_not_first{
padding-left: 16px;
padding-right: 13px;
background-image: url(/look/fond_separateur.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div#menu_recherche  form#form_recherche{
float: right;
display: inline;
padding-top: 10px;
}
div#menu_recherche  form#form_recherche a img {
vertical-align: bottom;
}
div#menu_recherche  form#form_recherche input{
height:28px;
color: #c3c3c3;
width:250px;
}

/*Quatrieme Bandeau*/
#recherche_type_nav {
position: relative;
height:221px;
top:0px;
display: block;
width: 968px;
background-image: url(images/IDE_bordure_ombree_bleue.gif);
background-position: center top;
background-repeat: no-repeat;
}

#recherche_type_nav  #mdl_rech_detail{
  padding-left:22px;
  padding-top:18px;
  width:308px;
  height:202px;
  float: left;
}
#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur ul{
    display: inline;
    padding:0;
    margin:0;
}
#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur ul li{
    display: inline;
    padding:0;
    margin:0;
}

#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur ul li a.li_type_annonce{
   color:#fff;
   display: block;
   padding-top:5px;
   height:26px;
    background-repeat: No-repeat;
    float: left;
}

#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur ul li a.li_type_annonce:hover{
  text-decoration: none;
}

#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur a.type_Emploi{
   background-image: url(/look/onglet_bleu.gif);
   width:81px;
   padding-left:21px;
}
#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur a.type_Locaux{
   background-image: url(/look/onglet_orange.gif);
   width:83px;
   padding-left:19px;

}
#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur a.type_Materiel{
   background-image: url(/look/onglet_vert.gif);
   width:87px;
   padding-left:15px;

}

#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur div.corps_rech{
  width: 307px;
  height: 147px;
   background-image: url(/look/fond_recherche_header.png);
   background-repeat: no-repeat;
}

#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur .a_saisir{
  text-align: center;
  padding-top:15px;
}

#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur .a_saisir input{
  width:267px;
  height:28px;
  border: 0;
  color: #9cd9f7;
  padding-left:15px;
  padding-right:15px;  
 background-image: url(/look/fond_rech_input.gif);
}

#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur div.valider{
  padding-right:20px;
  padding-top:20px;
  text-align: right;
}
#recherche_type_nav #mdl_rech_detail .mdl_annoncesrechmoteur div.valider #valider{
  width:113px;
  height:34px;
  border: 0px;
  color: #fff;
  font-weight: bold;
 background-image: url(/look/fond_boutton.png);
}

#recherche_type_nav  #mdl_acces_detail{
padding-top:18px;
padding-right:22px;
float: right;
text-align: right;
}


/*Cinquieme Bandeau*/
div#pre_contenu{
position: relative;
height:300px;
top:0px;
width: 968px;
background-image: url(images/IDE_bordure_ombree_bleue.gif);
background-position: center top;
background-repeat: no-repeat;
}
div#pre_contenu  div#insertion_header{
padding-top:5px;
}

div#pre_contenu_vide{
position: relative;
height:118px;
top:0px;
width: 968px;
background-image: url(/look/bordure_ombree.gif);
background-position: center top;
background-repeat: repeat-y;
}

div#pre_contenu_vide  div#insertion_header{
padding-top:18px;
padding-bottom:15px;
}
/* Bloc annonces urgentes */
div#pre_contenu div#lien_geolocalisation{
float:left;
height: 151px;
padding-top: 20px;
padding-left: 22px;
}
/* Bloc annonces urgentes */
div#pre_contenu div#annonces_urgentes_caroussel{
float:left;
width: 568px;
height: 151px;
background-image: url(/look/fond_annonces_urgentes.gif);
background-position: center bottom;
background-repeat: no-repeat;
margin-top:12px;
margin-left:18px;
margin-right:18px;
}

div.last_urgente div.list_element h3{
margin:0;
}

div#pre_contenu div#publier_annonce_sur{
float:right;
padding-top: 20px;
padding-right: 22px;
}

div#pre_contenu div#insertion_header{
float:left;
width:746px;
height:90px;
text-align: center;
margin-left: 22px;
}

/*Header FIN*/


span.fil_fleche{
width:22px;
height:25px;
display:inline-block;
background-image: url(images/fleche_ariane.gif);
background-position: 0px 15px;
background-repeat: no-repeat;
}

div.fil{
padding-left:15px;
padding-bottom:15px;
background-image: url(/look/bordure_ombree.gif);
background-position: center top;
background-repeat: repeat-y;
}


/*Header FIN*/
#document_content{
  width: 968px;
  background-image: url(/look/bordure_ombree.gif);
  background-position: center top;
  background-repeat: repeat-y;
  margin-top:0px;
  padding-top:0px;
}
/*tableau du contenu */
#document_content table tr td {
margin-top:0px;
padding-top:0px;
vertical-align: top;
/*background-color: yellow;  */
}  

/*Colonne_gauche */
#content_gauche{
  width: 160px;
  margin-left:20px;   
margin-top:0px;
padding-top:0px;
 
/* background-color: blue;*/  
}
/*Colonne_centrale */
#content_centre{
  width: 620px;
  margin-left:16px;   
margin-top:0px;
padding-top:0px;
/* background-color: green; */  
}
/*Colonne_gauche*/
#content_droite{
  width: 300px;
  margin-left:16px; 
margin-top:0px;
padding-top:0px;
 
/*  background-color: blue;  */
}
.pub_droite{
margin-top:15px;
}

/*Nav*/
#navprimaire{
margin:0;
padding:0;
}

dt.principalinactif, dt.principalactif{
width: 145px;
height:25px;
background-image: url(images/IDE_fond_menu_titre.gif);
background-color: #f4f4f4;
padding-left:  15px;
padding-top:  5px;
}
dt.principalinactif a, dt.principalinactif a:hover,dt.principalactif a{
color: #fff;
}
#navprimaire dt.secondaire a, #navprimaire dt.secondaireactif a {
  display: block;
  width: 145px;
  margin-left:7px;
  padding-left:8px;
  padding-bottom:3px;
  background-color: #f4f4f4;
  /*params
  color: #0061a3;
  */
  color: #17495d;

}
#navprimaire dt.secondaire a:hover, #navprimaire dt.secondaire:hover a {
  text-decoration: underline;
}
#navprimaire dt.secondaireactif a:hover, #navprimaire dt.secondaireactif:hover {
}
#navprimaire dt.secondaireactif a {
}

#navprimaire dd {
  position:absolute;	
  padding: 0;
  margin: 0;
  width:100px;
}
#navprimaire ul {
    z-index: 100;
    position:absolute;	
    left: 160px;
    top:-15px;
    display: none;
    visibility: hidden;
    margin:0;
    padding:5px;
    width:100%;
    border: 1px #000 solid;
    background-color: #17495d;
}
#navprimaire li{
    list-style-type: none;
    width:100%;
}
#navprimaire li a{
	color:#ffffff;
	 width:100%;
}

/*FOOTER*/
#footerbis{
width: 100%;
background-image: url(images/IDE_fond_footer_bis.gif);
background-repeat: repeat-x;
background-color: #005097;
}
#footerbis_content{
width: 960px;
margin: 0 auto;
background-image: url(images/IDE_fond_footer_bis.gif);
background-repeat: repeat-x;
background-color: #005097;
padding-top:20px;
padding-bottom:20px;
}

#footerbis td{
padding: 10px;
}
#footerbis td.dotted{
border-right: 1px dotted;
}
#footerbis #footerbis_content  strong, #footerbis #footerbis_content  a{
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;       
}
 
/*Feuille de style contenu */

div#content_centre div.pubban{
  padding-top:15px;
  padding-bottom:15px;
  width:100%;
  text-align: center;
}

.dateannonce{
font-weight: lighter;
/*params
color:#00517e;  */
color:#17495d;

}
.liensdetailannonce a{
color: #a2aab4;
}
.liensdetailannonce a:hover{
color: #a2aab4;
}

td { 
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

td.listingannonce {
    border-top: 1px #5d8591 solid;
}
td.detailannonce {
    border-top: 1px #5d8591 solid;
}
.fil{
	font-size: 10px ;
  font-weight: normal;
	color: #919293;
	text-decoration: none;
	text-align: left;
}
.fil a {
	font-weight: bold;
	color: #919293;
	text-decoration: none;
}
.fil a:hover {
	text-decoration: underline;
}

.rss{
  border: 0;
  position: relative;
  top: -15px;
  float: right;
}

/*Bloc Tags*/
div.tagClouds {
  margin-top:20px;
}
div.tagClouds  a{
  color:#848484;
}

/*Elements génériques*/
p{
  margin:0;
  padding:0;
}
.clr{
  clear: both;
}

.clear{
  display: none;
  clear: both;
}


/*Bloc Orange Urgentes*/

div#annonces_urgentes_caroussel a.title{
  display: block;
  width:250px;
  position: relative;
  top:15px;
  padding-left:50px;
  color:#fff;
  font-weight: bold;
}

div#annonces_urgentes_caroussel div.mdl_last_urgente div.last_urgente span.titre a{
  font-weight: bold;
  font-size: 16px;
  color:#fff;
}

div#annonces_urgentes_caroussel div.mdl_last_urgente div.last_urgente p.titre{
  margin-top:4px;
}

div#annonces_urgentes_caroussel  div.mdl_last_urgente{
  display: block;
  position: relative;
  top:10px;
  padding-left:15px;
  padding-right:15px;
  color:#fff;
  font-size: 14px;
}
div#annonces_urgentes_caroussel div.last_urgente p.contenu{
  margin-top:7px;
  color: #fff!important;
}
div#annonces_urgentes_caroussel div.last_urgente div.list_element{
  margin-top:10px;
}
/*Caroussel agences*/

div#agences{
width:160px;
height:211px;
background-image: url(/look/fond_caroussel.gif);
background-repeat: repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  behavior:url(/look/PIE.php);
}

div#agences p.titre{
font-size: 13px;
font-weight: bold;
width:100%;
text-align: center;
color: #90e1fb;
padding-top:10px;
margin-bottom:15px;
}


/*Options de mise en forme*/

.ENA_HOME, .O_MSF_ENCADRE{
background-color: #e3fbfa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  behavior:url(/look/PIE.php);
}

div#annonces_urgentes_caroussel div.last_urgente .ENA_HOME,
div#annonces_urgentes_caroussel div.last_urgente .O_MSF_ENCADRE{
background-color: transparent!important;
}

/*OSéparateur de bloc de mise en avant */

div.mdl_enavanthome,
div.mdl_avantrubrique,
div.mdl_avantregion{
  padding-bottom:20px;
  background-image: url(/look/fond_separateur_annonce.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-bottom:10px;
}

/*elements des listes*/

div.list_element{
  font-size: 12px;
  margin-bottom:10px;
  padding:5px;
}

div.list_element p.date_time span{
  font-weight: bold;
}
div.list_element p.date_time span.date{
  float:left;
}
div.list_element p.date_time span.heure{
  float:right;
}
div.list_element p.titre{
  margin-top:4px;
  margin-bottom:4px;
}
div.list_element h3.titre a ,
div.list_element p.titre a  {
  color: #17495d;
}

div.list_element p.contenu{
  color: #707173;
}

/*V2 Listes */
div.list_elementPlus{
margin:0; 
padding:0;
margin-bottom:10px!important; 
padding-bottom:10px!important;
border-bottom: 1px #cbcbcb solid;
}

div.list_elementPlus div.bandeau_titre{
height:20px;
padding-left:10px;
background-image: url(images/IDE_fond_titre_liste.gif);
background-repeat: repeat-x;
margin:0;
}

div.list_elementPlus h3.titre{
margin:0;
float:left;
width:450px;
height:20px;
overflow:hidden!important;
}

div.list_element.list_elementPlus span.titre a,
div.list_elementPlus h3.titre a{
color:#fff;
}

div.list_elementPlus span.date{
color:#fff;
float:right;
padding-right:10px;
font-weight: bold;
padding-top:2px!important;
}

div.list_elementPlus p.bandeau_geo{
height:32px;
margin-bottom:5px;
}

div.list_elementPlus p.bandeau_geo span.titre_loca{
display:block;
width:300px;
height:25px;
float:left;
background-image: url(/look/fond_bandeau_carte.png);
background-repeat: no-repeat;
/*params
color:#00517e;  */
color:#17495d;

font-size:12px;
font-weight: bold;
padding-left:45px;
padding-top:7px;
}

div.list_elementPlus p.bandeau_geo span.type_annonce{
display:block;
margin-top:7px;
width:65px;
height:20px;
float:right;
background-image: url(/look/bouton_type_annonce.gif);
color: #fff;
font-size:12px;
font-weight: bold;
text-align: center;
padding-top:5px;
}

div.list_elementPlus table{
width:100%;
}
div.list_elementPlus tr td img.thumb{
border: 1px #dfdfe0 solid;
}
.list_elementPlus p.contenu{
padding-left:10px;
padding-right:10px;
position: relative;
top:0px;
color: #707173;
}
.list_elementPlus p.action, 
.list_elementPlus p.actionleft 
{
padding-top:10px;
}
.list_elementPlus p.action{
text-align: right;
}

/*Pagination*/

form.pages{
  font-size: 14px;
  text-align: center;
  margin-top:20px;
  margin-bottom:20px;
}
form.pages p{
  margin-bottom:10px;
}

form.pages b, 
form.pages a{
  color: #fff;
  margin:2px;
  padding:2px;
  /*params
  background-color: #0061a3 ;
  */
  background-color: #17495d ;
  border: 1px #000 solid;
}   

form.pages b, 
form.pages a:hover{
  color: #707173;
  background-color: #fff ;
}



/*Fiche annonce*/
.table_titre_annonce,
div.table_titre_annonce h2, 
div.table_titre_annonce h3{
  margin:0;
  padding:0;
}

div.table_titre_annonce{
  margin-bottom:10px
}


div.table_titre_annonce div.ligne1, 
div.table_titre_annonce div.ligne2 {
 background-color: #f4f4f4;
 margin-bottom:2px;
 padding-left:10px;
 padding-top:5px;
 padding-bottom:5px;
}

div.table_titre_annonce span.dateannonce{
 float: right;
 margin-top:5px; 
} 
div.table_titre_annonce span.partage{
 float: right;
 margin-top:2px; 
 }

div.contenu_annonce p.titre_section{
height:17px;
padding-left:10px;
background-image: url(images/IDE_fond_titre_liste.gif);
background-repeat: repeat-x;
padding-top:2px!important;
margin-top:5px;
margin-bottom:5px;

}

div.contenu_annonce p.titre_section span{
font-weight: bold;
color:#fff;
}

div.contenu_annonce strong{
/*params
color:#00517e;  */
color:#17495d;
}

div.contenu_annonce div.complements{
float:left;
margin-top:15px;
}

div.contenu_annonce div.postuler{
float:right;
margin-top:15px;
}

div.page.detailannonce div.login_detail{
float:right;
margin-top:15px;
}

div.page.detailannonce div.annonces_simi{
margin-top:20px;
}
div.page.detailannonce div.annonces_simi strong{
/*params
color:#00517e;  */
color:#17495d;

}

div.envoi_ami form#env_ami, 
div.conteneur_form_contact{
border: 1px #848484 solid;
margin-top:10px;
margin-bottom:10px;
padding: 5px; 
}

div.div_alerte{
padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;margin-top:5px;margin-right:5px;margin-bottom:5px;margin-left:5px;background-color:#ffcccc;font-weight:bold;font-size:12px;
}

div.page.detailannonce div.annonce_partage{
  padding-top:20px;
  background-image: url(/look/fond_separateur_annonce.png);
  background-position: center top;
  background-repeat: no-repeat;
  margin-top:10px;
  margin-bottom:10px;
}

/*Bloc Partenaire fasilaweb*/ 
div.detailannonce div.partenariat{
  padding-top:20px;
  background-image: url(/look/fond_separateur_annonce.png);
  background-position: center top;
  background-repeat: no-repeat;
  margin-top:10px;
  margin-bottom:10px;
}
div.detailannonce div.partenariat h3{
/*
height:17px;
padding-left:10px;
background-image: url(images/IDE_fond_titre_liste.gif);
background-repeat: repeat-x;
padding-top:2px!important;
color:#fff;
font-size:12px; Alternative de présentation*/
}
div.detailannonce div.partenariat p{
 padding-bottom:5px;
}
div.detailannonce div.partenariat ul{
 list-style: none url();
}



 /*Formulaire de saisie des annocnes payantes */
 
 ul.choix_produits, ul.choix_rubrique{
  padding:0px;
}
.choix_produits li, .choix_rubrique li {
 line-height: 20px;
 padding-left: 10px;
 margin-bottom: 10px;
 background-color: #ecfafe!important;
 list-style: none;
}

/**********************/
/* Villes Suggestion */
.villeSuggestionBox {
	position: absolute;
	margin: 10px 0px 0px 0px;
	padding:0;
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #000;
	color: #000;
	z-index:100;
}

.villeSuggestionList {
	margin: 0px;
	padding: 0px;
}

.villeSuggestionList li {
	list-style: none;
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.villeSuggestionList li:hover {
	background-color: #c0c0c0;
}

div#bandeau_compte p.social_block {
	float:left;
}
div#bandeau_compte p.social_block a {
	color:#fff;
	display:block;
        width:39px;
        height:28px;
	float:left;
        margin-top:4px;
}
div#bandeau_compte p.social_block a:hover {
	color:#fff;
}
div#bandeau_compte p.social_block a.twitter {
	background:url(../icon-tw.png) no-repeat;
}
div#bandeau_compte p.social_block a.fb {
	background:url(../icon-fb.png) no-repeat;
        margin-left:20px;
}
div#bandeau_compte p.social_block a.gPlus {
	background:url(../icon-gplus.png) no-repeat;
}


@media only screen and (max-width:1023px) {
    #content_gauche{
    display:none;
    }

    #content_centre{
    width:750px;
    }
}

 /*Annonces expirées */

div.statut_expire{
background-image:url(/look/pictos/rh-poste-pourvu_small.png);
background-position: center center;
background-repeat:no-repeat;
background-color:#f0f0f0;
}

div.statut_expire p.contenu,
div.statut_expire h3.titre a{
color:#0e0e0e;
}

div.page_cookies p{
padding-bottom:10px;
}


div.TroisU{
width:24%;
display:inline-block;
text-align:left;
vertical-align:top;
min-width:200px;
}
div.QuatreU{
width:32%;
display:inline-block;
text-align:left;
vertical-align:top;
min-width:300px;
}


#document_content{
font-size:10px;
}

#content_gauche,
#content_centre,
#content_droite{
display:inline-block;
vertical-align:top;
}
//480 origine
@media (max-width:0px) {

#document_conteneur{
background: none;
margin: 0;
}
#document{
width:100%;
}

#content_gauche{
display:none;
}
#content_droite{
width:100%;
text-align:center;
margin:0 auto;
}

#content_centre{
width:100%;
}

div#disable_agences,
#disable_pre_contenu,
#disable_recherche_type_nav,
#disable_menu_recherche .t_content,
#disable_lien_contact,
#disable_bandeau_compte{
display:none;
}

#lien_contact, #mdl_acces_detail, 
#insertion_header, 
.pubban, 
#pre_contenu,
div#pre_contenu_vide
{display:none;}

div#menu_recherche,
#recherche_type_nav,
div#pre_contenu,
div#pre_contenu_vide,
#document_content, 
#footerbis_content{
  width: 100%;
}
div#menu_recherche{
overflow:hidden;
}



}

#content_gauche{
display:none;
}
#content_droite .module{
width:160px;
margin: 0 auto 20px auto;
}