body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height:1.5;

}




@font-face {
  font-family:'Titre';
  font-style: normal;
  font-weight: normal;
  src: url("Titre.otf");
}



a{
	text-decoration: underline;

}

a:hover{

	text-decoration: underline;
}

.clear {
	clear: both;
}


.container-fluid{
width:100%;
margin-left:auto;
margin-right:auto;
}

.container-fluid img {width: 100%; display: block; height:100%}

.container{
width:100%;
margin-left:auto;
margin-right:auto;
}

.container img {width: 100%; display: block; height:100%}


.logo_accueil {
padding: 20px 0px 10px 10px;
margin-left:auto;
margin-right:auto;
width: 100%; 
height:auto;
display: block;
min-width:120px;
max-width:135px;

}

.slogan_accueil {
padding-top:10px;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
width: 100%; 
max-width:390px;
min-width:280px;

}


.logo {
	padding: 0px 0px 10px 10px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
width: 100%; 
height:auto;
display: block;
 text-align:center;
 max-width:120px;
}


.slogan {
padding-top:10px;
padding-bottom:10px;
float:left;
width: 100%; 
max-width:390px;

}


.connexion{
width: 100%; 
 
}

.connexion_accueil{
width: 100%;
 
}

.photo_accueil_candidats{
margin-top:15px;
border-radius: 15px;
padding-left:10px;
background-image:url(../images/photo_candidats3.jpg);
background-repeat:no-repeat;
background-position:center bottom;
width: 100%; 
height:327px;
margin-left:10px;
text-align:center;
text-transform:uppercase;
font-family: 'Oswald', Segoe UI, Arial;
color:#FFFFFF;
font-size:28px;
text-shadow: 0 1px 1px #5b5b5b;
padding-top:260px;
 
}

.photo_accueil_candidats a{
color:#FFFFFF;
text-decoration:none;
}

.photo_accueil_entreprises{
margin-top:15px;
border-radius: 15px;
padding-left:10px;
background-image:url(../images/photo_entreprises3.jpg);
background-position:center bottom;
background-repeat:no-repeat;
width: 100%; 
height:327px;
margin-left:10px;
text-align:center;
text-transform:uppercase;
font-family: 'Oswald', Segoe UI, Arial;
color:#FFFFFF;
font-size:28px;
text-shadow: 0 1px 1px #5b5b5b;
padding-top:260px;
 
}

.photo_accueil_entreprises a{
color:#FFFFFF;
text-decoration:none;
}


.photo_accueil_wil{
margin-top:15px;
border-radius: 15px;
padding-left:10px;
background-image:url(../images/photo_wil3.jpg);
background-position:center bottom;
background-repeat:no-repeat;
width: 100%; 
height:131px;
margin-left:10px;
text-align:center;
text-transform:uppercase;
font-family: 'Oswald', Segoe UI, Arial;
color:#FFFFFF;
font-size:28px;
text-shadow: 0 1px 1px #5b5b5b;
padding-top:70px;
 
}

.photo_accueil_wil a{
color:#FFFFFF;
text-decoration:none;
}


.menu {
}
 
.content {
}

.bandeau_candidats  {
width:100%;
height:140px;
background-image:url(../images/bandeau_candidats.jpg);
margin-top: -5px;
}
 
.bandeau_entreprises  {
width:100%;
height:140px;
background-image:url(../images/bandeau_entreprises.jpg);
margin-top: -5px;
}
 
.bandeau_wil  {
width:100%;
height:140px;
background-image:url(../images/bandeau_wil.jpg);
background-position:center bottom;
background-repeat:no-repeat;
margin-top: -5px;
}
 
 
.bouton_bleu {
background-color:#32b6ca;
border-radius: 5px;
width:190px;
height:30px;
text-align:center;
text-transform:uppercase;
font-family: 'Oswald', Segoe UI, Arial;
color:#FFFFFF;
font-size:17px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
text-shadow: 0 1px 1px #5b5b5b;
}

.bouton_bleu a {
color:#FFFFFF;
text-decoration:none;
line-height:1.7;
}

.bouton_bleu a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.bouton_orange {
background-color:#ff5b00;
border-radius: 5px;
width:190px;
height:30px;
text-align:center;
text-transform:uppercase;
font-family: 'Oswald', Segoe UI, Arial;
color:#FFFFFF;
font-size:17px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
text-shadow: 0 1px 1px #5b5b5b;
}

.bouton_orange a {
color:#FFFFFF;
text-decoration:none;
line-height:1.7;
}

.bouton_orange a:hover {
color:#FFFFFF;
text-decoration:underline;

}

.bouton_gris {
background-color:#969696;
border-radius: 5px;
width:190px;
height:30px;
text-align:center;
text-transform:uppercase;
font-family: 'Oswald', Segoe UI, Arial;
color:#FFFFFF;
font-size:17px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
margin-left:5px;
text-shadow: 0 1px 1px #5b5b5b;
}

.bouton_gris a {
color:#FFFFFF;
text-decoration:none;
line-height:1.7;
}

.bouton_gris a:hover {
color:#FFFFFF;
text-decoration:underline;

}

.sous_nav_bleue{
font-size:18px;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
color:#41b6e6;

}

.sous_nav_bleue  a {
color:#41b6e6;
text-decoration:underline;
}

.sous_nav_orange{
font-size:16px;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
color:#ff5b00;

}

.sous_nav_orange  a {
color:#ff5b00;
text-decoration:underline;
}



h1 {
font:normal 20px 'Titre', sans-serif;
color:#FFFFFF;
background-color:#5b5b5b;
text-transform:uppercase;
text-align:left;
padding-top:5px;
padding-bottom:5px;
padding-left:30px;
 }
 
 
h2 {
font-size:20px;
color:#323232;
line-height:1;
padding-left:30px;
padding-top:15px;
padding-bottom:10px;
 }
 
h3 {
font:normal 20px 'Titre', sans-serif;
color:#FFFFFF;
background-color:#ff5b00;
text-transform:uppercase;
text-align:left;
padding-top:5px;
padding-bottom:5px;
padding-left:30px;
 } 

h4 {
color:#ff5b00;
font-size:20px;
text-transform:uppercase;
padding-top:5px;
margin-bottom:0px;
padding-left:30px;
 } 
 
h5 {
color:#32b6ca;
font-size:20px;
text-transform:uppercase;
margin-top:30px;
font-weight:bold;
 } 
 
h6 {
color:#32b6ca;
font-size:20px;
margin-top:20px;
font-weight:bold;
 }  
 
.intro {
font-size:16px;
color:#323232;
font-weight:bold;
padding-left:30px;
padding-top:15px;
padding-bottom:10px;
 } 
 
 
.text_ent{
font-size:16px;
color:#323232;
padding-left:30px;
 } 
 
.text_ent a{
color:#ff5b00;
text-decoration:underline;
 }  
 
.accroche_ent{
margin-top:20px;
padding-left:30px;
font-size:20px;
color:#ff5b00;
 }   

.accroche_ent a{
color:#ff5b00;

 }  
 
.sous-titre_ent {
font-size:20px;
color:#ff5b00;
margin-top:15px;
 }  
 
.t_recrutement {
text-align:center;
font-size:20px;
color:#ff5b00;
 }   
 
.t_recrutement img {
margin-top:20px;
margin-left:auto;
margin-right:auto;
max-width:50px;
 }    

.metiers{
	margin-left:35px;
 }	
 
.t_metiers_ent{
	text-transform:uppercase;
	font-size:22px;
	color:#ff5b00;
 }	
 
.t_metiers_cand{
	text-transform:uppercase;
	font-size:22px;
	color:#32b7ca;
 }	
  
#mots-cles::placeholder {
  color: rgb(128, 128, 128);
  font-weight: normal;
}
.selecteur {
	border: 0;
    padding: 8px;
    font-size: 12pt;
    background-color: #fff;;
}
.recherche {
background-color:#ececed;
padding:20px 20px 20px 20px;
border-radius:17px;
margin-top: 10px;
}

.recherche input {
padding:8px;
width:85%;
min-width:190px;
border:0px;
}

.recherche select {
padding:7px 7px 7px 7px;
width:210px;
border-radius: 8px;;
}
.elt_recherche {
	display: inline-block;
}
.offres {
	margin-right: 5px;
    margin-left: -5px;
}
.titre_offres {
background-color:#32b6ca;
padding:5px 5px 5px 15px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
border:solid 2px #FFFFFF;
font-size:16px;
}

.titre_annonce_offre {
padding:5px 5px 5px 15px;
font-size:16px;
border-radius: 8px; 
width:90%;
}

.secteur_annonce {
	text-transform: uppercase;
	font-size: 15px;;
}
.date_pub {
	text-align: right;
    font-size: 15px;;
}
.infoAnnonce {
	padding: 8px 22px;
    background-color: #ececed;
    color:black;
    width: fit-content;
    margin-left: 8px;
    border-radius: 14px;
    margin-top:7px;
}
.lieu {
	padding: 8px 22px;
    background-color: #ececed;
    color:black;
    width: fit-content;
    margin-right: 6px;
    border-radius: 14px;
    margin-top:7px;
}
.titre_offres img{
max-width:15px;
height:auto;
float:right;
padding-top:5px;
}

.offre {
background-color:rgb(255, 255, 255);
padding:10px 10px 10px 15px;
margin:4px;
border:solid 1px #32b6ca;;
border-radius: 20px;
}
 
.offre  a {
text-decoration:underline;
text-transform:uppercase;
font-weight: bold;
color:#32b6ca;
}

.titre_entete_offre {
background-color:#32b6ca;
padding-top:3px;
padding-bottom:3px;
padding-left:25px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
border:solid 2px #FFFFFF;
font-size:15px;
}

.offre_entete_offre {
background-color:#ececed;
padding-top:3px;
padding-bottom:3px;
padding-left:25px;
border:solid 2px #FFFFFF;
}


.offre_detail{
margin-top:20px;
}

.postuler{
margin-top:20px;
padding:5px 5px 5px 5px;
}

.ref {
font-size:24px
}

.comment_offre{
color:#32b6ca;
padding:5px 5px 5px 5px;
}

.hr {
  height: 1px;
  background-color: #5b5b5b;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
  margin-bottom:20px;
}

.offre_similaire {
background-color:#ececed;
padding:15px 15px 15px 15px;
margin-left:15px;
margin-right:15px;
word-wrap: break-word;
}

 
.offre_similaire  a {
text-decoration:underline;
text-transform:uppercase;
color:#323232;
font-weight:bold;
}

.voir_offre{
}

.voir_offre a{
text-decoration:underline;
text-transform:uppercase;
color:#32b6ca;
font-weight:bold;
}

.slogan_bas {
padding-bottom:10px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
width: 100%; 
max-width:440px;
}

 
.footer1 {
font-size:12px;
color:#5b5b5b;
width:100%;

text-align:center;
padding-top:10px;
padding-bottom:10px;
background-color:#ececed;
 }

.footer1  a {
color:#5b5b5b;

}
 
.footer2 {
padding-left:30px;
padding-right:30px;
font-size:12px;
background-color:#969696;
color:#FFFFFF;
width:100%;
margin-top:0px;
padding-top:10px;
padding-bottom:10px;
 }

.footer2  a {
color:#FFFFFF;
line-height:2;

}

.text_cand{
font-size:16px;
color:#323232;
padding-left:30px;
 } 
 
.text_cand a{
color:#32b7ca;
text-decoration:underline;
 }  
 
.accroche_cand{
margin-top:20px;
padding-left:30px;
font-size:20px;
color:#32b7ca;
 }   

.accroche_cand a{
color:#32b7ca;
 }  
 
.sous-titre_cand {
font-size:20px;
color:#32b7ca;
margin-top:15px;
 }