h1,h2{
color:#2d2b37;
/*font-weight:bold;*/
margin-bottom:17px !important;
}

html{
scroll-behavior: smooth;
}

/*#espace-candidat .row h1,#espace-candidat .row h2,#espace-employeur .row h1,#espace-employeur .row h2{
color:#2d2b37;
margin-bottom:25px;
}*/

.form-info-left {
    /*border-right: 1px solid #e4e6e8;*/
    /*margin: 25px 0;*/
    /*padding: 0 30px 0 0;*/
}

.form-info-left h2 em {
    color: #00308f;
	font-style: normal;
}

.form-info-left h2{
    font-size: 20px;
	color:#fff;
	padding:20px;
	background-color:#008b9b;
    margin-bottom: 5px;
    position: relative;
    top: -5px;
}

.form-info-left hr{
/*margin-bottom:0;*/
}

#offres-emploi label{
	/*color: #008b9b;*/
	font-size:16px;
	margin-top:20px;
	/*border-bottom: 1px solid #008b9b;*/
}

#offres-emploi .form-info-left label{
color: #008b9b;
}

.form-info-left .bigbtn{
background-color:#29292e;
}

#offres-emploi label em{
	font-size:14px;
	color:#000;
}

#index label,#offres-emploi label{
	/*color:#e6400c;;*/
	margin-top:-30px;
	/*margin-left:15px;*/
}

.activerech{
color:#008b9b;
}

#postule .ltitle{
font-size:15px;
border-bottom:1px solid #e6400c;
margin-bottom:15px;
}
#postule .ltitle span{
color:#e6400c;
}

.btn-primary,.btn-lg{
background-color:#902abb;
}
.btn-primary:hover,.btn-lg:hover{
background-color:#333;
}
.btn-lg,.btn-lg:hover{
color:#fff;
}

a{
color:#008b9b;
}
a:hover{
color:#333;
}
.search-result-item h4 a,.search-result-item h2 a{
color:#29292e;
font-weight:bold;
}

.breadcrumb > .active{
color:#2d2b37;
}


.breadcrumb {
font-family: Arial, Helvetica, sans-serif !important;
}

.box-offres{
/*height:150px;
overflow:auto;*/
}
.box-offres p{
margin:0 0 5px;
}

.bigbtn{
width:100%;
margin-top:10px;
}
.form-info-left{
	/*background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #e0e0e0;*/
    /*padding: 25px;*/
}


/*.btn-primary:focus{
background-color:#9acd32;
}*/

#mailami{
margin:10px 0 40px;
}
#mailami p{
font-size:33px;
color:#2d2b37;
}
/*
#affarr{
cursor:pointer;
}*/


.fixedSubmit {
    /*background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;*/
    bottom: 0;
    /*max-width: 1200px;*/
    position: fixed;
    width: 210px;
    z-index: 10;
}

#offres-emploi .content-page span{
/*color:#00308f;*/
}

.quote-v1{
color:#fff;
background-color:#008b9b;
}

.fa-2x {
    font-size: 1em;
}

h1 .fa{
padding-left:10px;
}

.encadre{
border:3px solid #eee;
padding:15px;
}

.fa-big {
    font-size: 3em;
}

/* MENU */

#menu-demo2, #menu-demo2 ul{
padding:0;
z-index: 99999 !important;
margin:0;
list-style:none;
text-align:center;
}
#menu-demo2 li{
display:inline-block;
position:relative;
/*border-radius:8px 8px 0 0;*/
/*padding:0px 45px;*/
width:150px;
padding:1px;
}
#menu-demo2 ul li{
display:inherit;
/*border-radius:0;*/
}
#menu-demo2 ul li:hover{
/*border-radius:0;*/
}
#menu-demo2 ul li:last-child{
/*border-radius:0 0 8px 8px;*/
}
#menu-demo2 ul{
position:absolute;
z-index: 99999 !important;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .3s all .3s;
-webkit-transition: .3s all .3s;
transition: .3s all .3s;
}
#menu-demo2 li:hover ul{
max-height:20em;
}

#menu-demo2 li{
/*background-color: #008b9b;*/
background-color: #c0c0c0;
}

/* les a href */
#menu-demo2 a{
text-decoration:none;
display:block;
/*padding:0px 25px 0 25px;*/
color:#fff;
font-family:arial;
}
#menu-demo2 ul a{
/*padding:8px 0;*/
padding:10px 0;
}
#menu-demo2 li:hover li a{
color:#fff;
text-transform:inherit;
}
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
color:#000;
}

.pre-header #menu-demo2 li {
padding:0;
border-right:0;
}

/* FIN MENU */

#postule h1{
margin-top:20px;
}

.cadre{
border:1px solid #eee;
margin:15px 0 15px;
padding:15px;
}

.recent-work-item a:hover{
color:#fff !important;
}

.consulter-offre{
position:relative;
background-color:#068695;
margin-top:-83px;
}

#offres-emploi .consulter-offre{
position:relative;
background-color:#068695;
margin-top:0;
padding:20px;
}

.consulter-offre h1{
color:#fff;
padding:10px 0 0 12px !important;
}

.consulter-offre .btn-submit{
background-color:#29292e;
color:#fff;
}
.consulter-offre .fa-search{
color:#fff;
}
/*.consulter-offre .btn{
padding:5px 44px;
}*/
.owl-buttons .owl-prev {
    background-color: #008b9b;
	color:#fff;
	left: -50px;
    position: relative;
    top: -150px;
}
.owl-buttons .owl-next {
    background-color: #008b9b;
	color:#fff;
	left: 99%;
    position: relative;
    top: -150px;
}

#offres-emploi h1{
/*background-color:#29292e;*/
color:#fff;
padding:3px;
margin-bottom:20px;
}
#offres-emploi .btn{
border:0;
height:34px;
}
#ma-selection .btn-primary2,#mes-annonces .btn-primary2{
background-color:#29292e;
color:#fff;
border:0;
padding:5px;
}

.btn-primary2{
color:#fff;
background-color: #2d2b37;
}

.btn-primary2 a{
color:#fff;
}

#offre .presentation a{
color: #2d2b37;
}

/*#offre h1{
margin-top:10px;
}*/

#offre .recent-work-item a{
color:#fff;
}

#offre .btn-primary{
/*padding:18px 35px;*/
}

#postule .sidebar2{
padding:0;
}

.choix{
background-color:#008b9b;padding:25px;color:#fff;
}
.choix h1{
color:#fff;
}

#espace-employeur hr{
border-color:#000;
}

#espace-employeur .main h2{
margin-bottom:0;
}

.confier-recrutement{
padding:5px;background-color:#29292e;margin-bottom:15px;color:#fff;
}
.confier-recrutement span{
font-weight:bold;
/*font-size:20px;*/
}
.confier-recrutement2 h2{
		color:#fff;margin-bottom:0;font-size:16px;
	}
.confier-recrutement2{
background:url("/design/recherche-emploi.jpg") no-repeat;
/*height:320px;*/
padding:100px 10px;
background-size:100%;
}
.confier-recrutement3{
padding:15px;
background-color:#902abb;
margin-bottom:15px;
color:#fff;
}

#alerte-email .col-md-4 p{
margin-left:10px;
}

#mes-alertes label,#alerte-email label{
color:#008b9b;
font-weight:bold;
}

#ma-selection h2 a{
color:#2d2b37;
}

.date{
color:#757575;
}

#espace-employeur .list-group .active,#espace-candidat .list-group .active{
background-color:#008b9b;
padding:10px;
color:#fff;
}

.arial{
	font-family: Arial, Helvetica, sans-serif !important;
}

.recent-work-item{
line-height:1;
}

#postule h1,#offre h1 {
  /*font-size: 19px;*/
  margin-bottom: 30px;
  font-weight:600 !important; 
  font-size:24px
}

#postule h2,#offre h2 {
  font-size: 16px;
  font-weight:700 !important;
}

#offre h3{
  font-size: 16px;
  text-align:center;
}

/*.list-group-item{
padding-top:7px !important;
}*/

#espace-employeur h2,#espace-candidat h2{
font-size:20px;
}

.bouton1{
width:320px;
}
.bouton2{
width:235px;
}
.bouton3{
width:220px;
}
.bouton4{
width:100%;
/*width:150px;*/
}


@media screen and (max-width: 1000px) {
	.consulter-offre {
		margin-top: 0;
	}
}

@media screen and (max-width: 1000px) {
	.owl-buttons .owl-prev{
		float:left;
		left:0;
		top:0;
	}
	.owl-buttons .owl-next{
		float:left;
		left:0;
		top:0;
	}
	.consulter-offre button{
		margin-bottom:10px;
	}
	/*#offres-emploi h1{
	margin-top:15px;
	}*/
	.dropdown-menu{
		height:200px;
		overflow:auto;
		width:90%;
		font-size:1em;
	}
	/*label{
	font-size:0.8em;
	}*/
	.pretsalaire{
		width:100%;
		display:block;
	}
	.preavis{
	width:150px;
	}
	.dropdown-menu input,.dropdown-menu label{
	line-height:2.5;
	}

	.btn-group{
	width:100%;
	}
	form .text-center{
	padding-bottom:5px;
	}
	.bouton1,.bouton2,.bouton3{
	width:91%;
	}
	.bouton4{
	width:100%;
	}

	.bugmobile{
	clear:both;
	}


	.pre-header .list-inline li{
	display:inline;
	margin-right:5px;
	}

	.sidebar {
		margin-bottom: 10px;
	}
	.confier-recrutement{
	padding:5px;
	}

	.consulter-offre h1 {
		padding: 20px 0 0 10px;
	}

	.menumobile .dropdown-menu{
		display:block;
	}
	.header .header-navigation li > a, .header .dropdown.open .dropdown-toggle, .header .header-navigation li.open > a{
	margin:0;
	}
	.consulter-offre h1 {
		padding-left:0;
		/*text-align:center;*/
	}
}

@media screen and (max-width: 400px) {
	.bouton1,.bouton2,.bouton3{
	width:88%;
	}
}

/*@media screen and (max-width: 400px) {
.bouton1{
width:240px;
}

}*/




.btn{
/*font-size:13px;*/
}

.consult-mobile h1{
background-color:#008b9b !important;
}

#offres-emploi .consult-mobile .btn{
background-color:#fff;
color:#000;
}

.consult-mobile label{
font-size:0.8em !important;
/*color:#000 !important;*/
}

.consult-mobile .btn-submit{
background-color:#000 !important;
color:#fff;
}

.slidehome .img-responsive{
display:inline;
}

.consulter-offre .dropdown-menu{
height:350px;
overflow:auto;
}

/*.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #2d2b37 !important;
    border-color: #204d74;
    color: #fff;
}*/
.btn-primary2:hover, .btn-primary2:focus, .btn-primary2.focus, .btn-primary2:active, .btn-primary2.active, .open > .dropdown-toggle.btn-primary2 {
    background-color: #2d2b37 !important;
    border-color: #204d74;
    color: #fff;
}

#postule .main .btn:hover, #postule .main .btn:focus, #postule .main .btn.focus{
color:#fff;
}
#postule .main a:hover, #postule .main a:focus{
/*color:#fff;*/
}


.pre-footer .btn-primary:hover, .pre-footer .btn-primary:focus{
    background-color: #008b9b !important;
    border-color: #204d74;
    color: #fff;
}

.pre-footer a:hover,.footer a:hover{
color:#fff;
}

#ma-selection h4 a,#mes-annonces h4 a{
color:#29292e;
font-weight:bold;
font-size:19px;
}


/*
#index input[type="checkbox"]:checked,#offres-emploi .consult-mobile input[type="checkbox"]:checked{
padding-left:3px;
}

#index input[type="checkbox"],#offres-emploi .consult-mobile input[type="checkbox"] {
  visibility: hidden;
}

#index input[type="checkbox"] + label:before,#offres-emploi .consult-mobile input[type="checkbox"] + label:before {
  font-family: 'FontAwesome';
  padding-right: 3px;
}

#index input[type="checkbox"] + label:before,#offres-emploi .consult-mobile input[type="checkbox"] + label:before {
  content: "\f00c";
  color:#dfdfe1;
}

#index input[type="checkbox"]:checked + label:before,#offres-emploi .consult-mobile input[type="checkbox"]:checked + label:before{
  content: "\f00c";
}
*/

/*#offres-emploi .consult-mobile label{
color:#000;
}*/

.btn-fixed{
	position:fixed;
	bottom:0;
	width:264px;
}

.box-offre{
	text-align:center;
	padding:2px 1px;
	/*background-color:#008b9b;*/
	color:#008b9b;
	text-transform : uppercase;
}

.box-offre p{
	margin-bottom:5px;
}

.box-offre a{
	color:#008b9b;
}

/* partage offre */

.fbottom{
	position:fixed;
	bottom:0;
	text-align:center;
	background-color:#fff;
	width:100%;
	z-index: 9999;
}
.fbottom #mailami{
	max-width:1200px;
	margin:auto;
	padding:20px;
}
.fbottom-form{
	max-width:300px;
	margin:auto;
}
.fbottom button{
	background-color:#29292e !important;
	color:#fff !important;
	padding: 10px 45px;
}
#fade {
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9990;
}

.bg-success{
	background-color:#68ca73;
	padding:20px;
	font-weight:bold;
	color:#fff;
}

/*list-style-type:none;*/

.mon-compte{
	background-color:#902abb;
	padding:10px;
	margin-bottom:15px;
}

.nopadding{
margin:0 !important;
padding:0 !important;
}

.header-accroche{
margin:0 0 10px;
padding:5px 0 5px;
text-align:center;
background-color:#29292e;
}

.container-slogan{
	margin:auto;
	width:1100px;
	font-size:18px;
}
.slogan{
	padding-top:150px;
}

#espace-candidat .rte ul {
   list-style-type: none;
}
#espace-candidat .rte li:before {
   content: '- ';
}

.header-navigation .dropdown-menu .active{
background-color:#29292e;
color:#fff;
}

.h1home{
	top:160px !important;
	position:absolute;
	/*font-weight:bold;*/
	font-size:24px !important;
	padding:0 12px 15px 12px;
}

.phome{
	/*margin-top:-430px !important;*/
	top:180px !important;
	position:absolute;
	font-size:16px;
	padding:10px 12px 150px 12px;
	/*font-weight:bold;*/
	color:#2d2b37;
}

.content-home{
	margin-top:70px;
}

.roffre{
	/*padding:15px 0 15px;*/
}
.img-ecandidat{
	padding:10px 5px;
}
.h2-ecandidat{
	color:#fff;
	margin-bottom:0 !important;
	font-size:16px !important;
	padding:20px 10px;
}
.recevez-mail{
	padding:5px;
	margin:0;
}


/*#espace-candidat img{
	padding:10px 5px;
}*/
@media screen and (min-width: 1001px) and (max-width: 1200px)  {
	.bouton1,.bouton2,.bouton3{
	width:85%;
	}
	/*#offres-emploi .btn{
	padding:0 !important;
	}*/
}

@media screen and (min-width: 1000px) {
	.recevez-mail a{
		font-family:futura;
		font-size:14px;
	}
	.recent-work{
	margin-top:70px;
	}
}

@media screen and (max-width: 1000px) {
	.body{
	font-size:14px;
	}
	.site-logo{
		padding:15px;
	}
	.header .mobi-toggler{
	border:0;
	}
	#index .wrapper{
		margin-top:0;
	}
	.recent-work{
	margin-top:20px;
	padding:0 20px;
	margin-bottom:0;
	}
	.our-clients{
	padding:0 20px;
	}
	.img-ecandidat{
		padding:0px 5px;
	}
	.service-box{
	border-top:0;
	border-bottom:0;
	padding-bottom:0;
	}
	#espace-employeur hr{
	border-color:#eee;
	}
	.h2-ecandidat{
		padding:8px 0;
	}
	.recevez-mail{
		/*padding:20px 5px;*/
		margin:0;
		line-height:1;
		/*font-family:arial !important;*/
	}
	.owl-buttons div{
	margin-left:10px;
	}
	.h1home{
		margin-top:-90px !important;
		padding:0 12px 50px 12px;
	}
	.h2home{

	}
	.consulter-offre .btn{
	text-align:left;
	}
	.consulter-offre .bouton4{
	text-align:center !important;
	}
	.header .header-navigation{
	background-color:#29292e;
	/*width:90%;*/
	height:100%;
	}
	.header .header-navigation a{
	color:#fff;
	}
	.header .header-navigation li > a:hover, .header .header-navigation li.active > a, .header .header-navigation li.open > a:hover{
	border-bottom:0;
	color:#008b9b !important;
	}
	.header .mobi-toggler {
		display: block;
	}
	/*#index .nopadding{
		padding-right: 15px !important;
		padding-left: 30px !important;
	}*/
	.content-home{
		margin-top:20px;
	}
	.retourliste,.breadcrumb{
		clear:both;
	}
	/*#offre .btn{
	width:100%;
	}*/
	.roffre{
		padding:0;
		text-align:center;
	}
	.confier-recrutement2 h2{
		color:#fff;margin-bottom:0;font-size:16px;
	}
	.confier-recrutement2{
	height:320px;
	margin-bottom:25px;
	}
	.confier-recrutement2 img{
	width:100%;
	}
	.box-offre{
	text-transform : none;
	}
	#offres-emploi .btn-submit,#index .btn-submit{
	/*padding:10px;*/
	}
	.consulter-offre .btn{
		padding:5px 10px;
	}
}




 /* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
	font-family:futura;
    background-color: rgb(42,41,47);
    background-color: rgba(42,41,47, 1);
    overflow-x: hidden;
    transition: 0.5s;
	/*background-color:#2d2b37;*/
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 4%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: left;
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
	/*padding:25px;*/
    /*display: block;*/ /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

.paddingxs{
padding:10px;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #818181;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 40px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.ui-menu .ui-menu-item a{
    color: #000;
    border-radius: 0px;
	background-color:#fff;
}

.salaire{
width:50px;
display:inline;
}
.mt-5{
margin-top:5px;
margin-bottom:5px;
}
.padding50{
padding:50px;
}
.padding_new{
padding:50px 50px 20px;
}

.accroche{
font-weight:bold;
font-size:18px;
}
.accroche2{
font-size:18px;
}

.encadre-postule{
background-color:#068695;
color:#fff;
margin-top:20px;
padding:25px;
z-index:9999;
}
.encadre-postule h2{
text-align:center;
color:#fff;
}
.encadre-postule h3{
color:#fff;
}

/*.badge-adex{
background-color:#078695;
color:#fff;
font-weight:bold;
font-size:13px !important;
}
.badge-adex img{
display:inline;
}*/

.telCol{
display:inline;
background-color:#078F9F;
color:#fff;
font-weight:bold;
font-size:13px !important;
padding:5px;
border-radius:20px !important;
}
.telCol a{
color:#fff;
}
.telColMob{
display:inline;
background-color:#078F9F;
color:#fff;
font-weight:bold;
font-size:13px !important;
padding:5px;
border-radius:50% !important;
}

.arrondi-border{
border:2px solid #dddddd;
border-radius: 10px !important;
padding:15px;
}
.corpOffre{
margin-top:20px;
}

#offre .btn-primary{
color:#fff;
background-color:#1c1e1d;
padding:10px;
width:100%;
font-weight:bold;
}

@media screen and (max-width: 500px) {
.bubble{
	margin: 0 20px;
	width:90% !important;
	}
}
@media screen and (min-width: 800px) {
	.text-align-offre{
		text-align:center;
	}
	/*.search-result-item .btn-default,.search-result-item .btn-primary2{
	margin:50px;
	}*/
}

.h3{
color: #29292e;
font-size:16px;
}


#offre .encadre-postule input[type="text"],
#offre .encadre-postule select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #389eaa;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

#offre .encadre-postule input[type="text"]:focus,
#offre .encadre-postule select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#offre .encadre-postule input[type="email"],
#offre .encadre-postule select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #389eaa;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

#offre .encadre-postule input[type="email"]:focus,
#offre .encadre-postule select.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}


#offre .encadre-postule .form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

#offre .encadre-postule .form-label-group > input,
#offre .encadre-postule .form-label-group > label {
  padding: var(--input-padding-y) var(--input-padding-x);
}

#offre .encadre-postule .form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; 
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

#offre .encadre-postule .form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

#offre .encadre-postule .form-label-group input:-ms-input-placeholder {
  color: transparent;
}

#offre .encadre-postule .form-label-group input::-ms-input-placeholder {
  color: transparent;
}

#offre .encadre-postule .form-label-group input::-moz-placeholder {
  color: transparent;
}

#offre .encadre-postule .form-label-group input::placeholder {
  color: transparent;
}

#offre .encadre-postule .form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

#offre .encadre-postule .form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #fff;
}

#nomprenom::placeholder,#email::placeholder,#tel::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #84bccb;
  opacity: 1; /* Firefox */
}

.box {
  border: 1px solid #909090;
  padding: 20px;
  /*color: #909090;*/
  border-radius:10px !important;
  position: relative;
}

/*.sb1:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #909090;
  border-top: 10px solid #909090;
  border-bottom: 10px solid transparent;
  left: -21px;
  top: 6px;
}*/

/*.sb1:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 10px solid #909090;
  border-top: 7px solid #909090;
  border-bottom: 10px solid transparent;
  left: -18px;
  top: 8px;
}

.sb1:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid #fff;
  border-top: 9px solid #fff;
  border-bottom: 6px solid transparent;
  left: -11px;
  top: 10px;
}*/
/*
.sb1:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid #fff;
  border-top: 7px solid #fff;
  border-bottom: 7px solid transparent;
  left: -14px;
  top: 9px;
}*/

.encadreAlerte{
background-color:#29292e;
color:#fff;
padding:20px;
}
.encadreAlerte{
background-color:#29292e;
color:#fff;
padding:20px;
}

.encadreAlerte h3{
padding:20px;
margin-top:12px;
margin-bottom:0;
}

.arial12{
font-size:12px;
}
.arial16{
color:#000;
font-size:16px;
font-weight:bold;
}
.arial22{
font-size:22px;
font-weight:bold;
}


.mb-25{
margin-bottom:25px;
}
.mt-15{
margin-top:15px;
}

.bubble
{
position: relative;
width: 100%;
/*height: 125px;*/
padding: 20px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px !important;
border: #008b9b solid 1px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 7px 13px 7px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -13px;
top: 26px;
}

.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 7px 13px 7px 0;
border-color: transparent #008b9b;
display: block;
width: 0;
z-index: 0;
left: -14px;
top: 26px;
}

.btn-offre{
background-color:#078695;
color:#fff;
font-weight:bold;
}

.blocHaut p{
margin-bottom:5px;
}
.texteGris{
color:#717171;
}

.resultats{
color:#008b9b;
padding:0 3px;
text-transform:uppercase;
margin-bottom:20px !important;
font-weight:bold;
}

.mt-10{
margin-top:10px;
}
.mt-40{
margin-top:40px;
}
.mt-20{
margin-top:20px;
}

#offres-emploi h2{
padding-top:0;
}


#offres-emploi .encadreAlerte{
background-color:#29292e;
color:#fff;
padding:20px;
margin-top:-20px;
margin-bottom:40px;
}

#offres-emploi .encadreAlerte-mob{
background-color:#29292e;
color:#fff;
padding:20px;
margin-top:40px;
margin-bottom:40px;
}

#offres-emploi .encadreAlerte h3{
padding:0;
margin-top:12px;
margin-bottom:0;
}

/*div.sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: yellow;
  padding: 50px;
  font-size: 20px;
}*/

.bouton-sticky {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:999;
}

.sticky{position:-webkit-sticky; position:sticky; bottom:0; /*top:0;*/ border-color:red;z-index:999;}

.btn-postuler{
background-color:#068695;
width:100%;
font-weight:bold;
color:#fff;
}

.head-message{
background-color:#078F9F;
color:#fff;
text-align:center;
padding:20px;
}

.head-message-mob{
background-color:#078F9F;
color:#fff;
text-align:center;
padding:20px;
margin-bottom:10px;
margin-top:-10px;
}