/* 16_100 : Carrière
--------------------------------------------------------------------------------------- */

.conteneurModele2{ background: #FFF; padding: 20px; }

.carriereTexte .button.noir, .carriereBody .button.noir, .strateFormEmploi .button.noir{ display: inline-block; }

.button.noir.inverse { background-color: #fff;  color:#000;}
.button.noir.inverse:after { color:#000;}

.button.noir.inverse:hover,
.button.noir.inverse:focus,
.button.noir.inverse:active{ 
	background-color: #000; 
	color:#FFF!important; 
}
.button.noir.inverse:hover:after, .button.noir.inverse:active:after, .button.noir.inverse:focus:after {color:#FFF;}


.carriereTexte{ }
.carriereTexte .texteGauche{ padding-top: 30px;}
.carriereTexte .texteGauche h2{ font-size: 26px;}
.carriereTexte h4{ font-size: 15px; font-family: 'Open Sans'; font-weight: 800; margin: 25px 0 20px;}
.carriereTexte .blocLien a:first-child{ margin-right: 18px;}

.carriereTexte .texteDroite{ background: #f1f2f2; margin-top: 40px; padding: 20px 20px 0 20px; }
body.mod2 .carriereTexte .texteDroite{ background: #d8d9da;}

.carriereTexte.detailOffre .texteDroite{ display: none;}

.carriereTexte .texteDroite .titreGauche{ color: #000; font: 700 21px/1.2 'Open Sans'; margin-bottom: 25px; text-transform: none;}

.carriereTexte .texteIcone{ display: flex; justify-content: space-evenly; flex-wrap: wrap; padding-top: 40px;}

.carriereTexte .texteIcone .texteItem{ width: 40%; margin-bottom: 38px; text-align: center; position: relative;}
.carriereTexte .texteIcone .texteItem:after{ content: ''; background: #d8d9da; display: block; height: 2px; width: 60px; margin: 0 auto;}
body.mod2 .carriereTexte .texteIcone .texteItem:after{ background: #575753;}

.carriereTexte .texteIcone .texteItem h2{ font-size: 16px; margin-bottom: 16px; text-transform: uppercase;}

.carriereTexte .texteIcone .texteItem .itemIcone{ color: #000; font-size: 57px; height: 57px; width: 57px; margin: 0 auto 20px;}
.carriereTexte .texteIcone .texteItem .itemIcone span, .carriereTexte .texteIcone .texteItem .itemIcone span:before{ display: block;}
body.mod1 .carriereTexte .texteIcone .texteItem .itemIcone span:before{ color: #a7a7a7; }

.titreEmploi{ font-family: 'Open Sans'; }

/* Module carrière */

.carriereBody{ background: #f1f2f2; padding: 20px; margin-top: 40px;}
body.mod2 .carriereBody{ background: #d8d9da; margin: 10px 0; }
.carriereBody .listePosteEntete{ margin-bottom: 20px;}
.carriereBody h2{ margin-bottom: 20px;}

.carriereBody .blocFiltreVille{ display: flex; justify-content: space-between; align-items: center;}
.carriereBody .blocFiltreVille label{ font-size: 13px; margin: 0; padding-right: 10px; min-width: 90px; text-transform: uppercase;}
.carriereBody .blocFiltreVille select{ padding-bottom: 5px; -webkit-appearance: auto; }
.carriereBody .blocFiltreVille .jcf-select-text span{ line-height: 30px;}


.liste { padding: 0;}
.liste_item { border-bottom: 1px solid #d8d9da; padding: 25px 0 30px;}
body.mod2 .liste_item { border-color: #575753;}

.listeOffre { border-top: 1px solid #d8d9da;}
body.mod2 .listeOffre { border-color: #575753;}
.listeOffre .liste_item { color: #666; font: 13px/1.4 'Open Sans';}

.listeOffre .liste_item .liste_texte { margin-bottom: 20px; }
.listeOffre .liste_item .liste_titre { font-size: 16px; font-family: 'Open Sans'; font-weight: 800; margin: 0 0 10px; text-transform: none; }
.listeOffre .liste_item .liste_titre a{ color: #252525;}

.listeOffre .liste_item .liste_intro{ margin-bottom: 0;}
.listeOffre .liste_item .liste_intro a{ font-weight: bold; text-decoration: underline;}
.listeOffre .liste_item .liste_intro a:hover{ color: #b5b5b5; }

.listeOffre .liste_item .listeOffre_detail { display: block; min-width: 120px; margin-bottom: 5px;}
.listeOffre .liste_item .listeOffre_detail.magasin{ color: #000; font-weight: bold; min-width: 160px;}
.listeOffre .liste_item .listeOffre_detail.avecIcone{ display: flex; align-items: center;}
.listeOffre .liste_item .listeOffre_detail .iconM{ color: #000; font-size: 20px; margin-right: 8px;}

.listeOffre .liste_item .liste_bouton { margin-top: 20px; }
.listeOffre .liste_item .liste_bouton a{ font-size: 14px; margin: 0;}

.pagination.carriere{ padding: 20px 0 0; margin: 0; text-align: right;}

.pagination.carriere .module_pagination_page a{ background: #FFF; border: 2px solid #2a282a; line-height: 28px; }
.pagination.carriere .module_pagination_page a:hover, 
.pagination.carriere .module_pagination_page a:focus, 
.pagination.carriere .module_pagination_page a:active{ background: #2a282a; }

.pagination.carriere .module_pagination_page{ background: #2a282a; }


/* Détail */
.carriereTexte.detailOffre .posteTitre{ color: #000; font-weight: bold;}
.carriereTexte.detailOffre .intro{ border-bottom: 1px solid #dcddde; padding-bottom: 30px;}
.carriereTexte.detailOffre .margeBas3{ margin: 30px 0;}


/* Formulaire */
.ancreForm{ display: block; position: absolute; margin-top: -140px;}

.strateFormEmploi { margin-top: 40px; padding-bottom: 60px;}
.strateFormEmploi .noteOblig{ color: #000; font-size: 12px; font-family: 'Open Sans'; font-weight: 600; margin-bottom: 20px; }

.strateFormEmploi .form { max-width: 940px; }
.strateFormEmploi .form .col1, .strateFormEmploi .form .col2, .strateFormEmploi .form .colFull{ margin-bottom: 18px;}
.strateFormEmploi .form label{ margin: 0; }
.strateFormEmploi .form .colBouton{ text-align: right;}
.strateFormEmploi .form .button{ margin: 0;}

.strateFormEmploi .form .uploadFichier{ position: relative; }
.strateFormEmploi .form .uploadFichier input[type=file] { opacity: 0; position: absolute;}
.strateFormEmploi .form .uploadFichier .nomFichier{ text-transform: none;}

.strateFormEmploi .form .uploadFichier .labelFichier{ 
	background: #FFF; border-bottom: 1px solid #dcddde; height:38px; margin:0; padding:10px 210px 10px 10px; position:relative;
}

.strateFormEmploi .form .uploadFichier .btAction { 
	height: 30px; line-height: 25px; margin: 0; padding-top: 0; padding-bottom: 0; cursor: pointer; position: absolute; top: 3px; right: 4px;
}

.strateFormEmploi .conteneurMessage{ /*max-width: 760px; margin: 0 auto;*/ }


.conteneurModele2.conteneurModeleForm{ margin-top: 10px }
.strateFormEmploi.detail{ padding: 20px 0; margin-top: 40px;}
body.mod2 .strateFormEmploi.detail{ padding: 0; margin-top: 0;}

.strateFormEmploi.detail .form input, .strateFormEmploi.detail .form select, .strateFormEmploi.detail .form textarea, 
.strateFormEmploi.detail .form .uploadFichier .labelFichier{ background: #fff; }

.strateFormEmploi.detail .select2-container-multi .select2-choices{ background: #fff; border-bottom: 1px solid #dcddde; }


@media only screen and (min-width: 768px){
	.conteneurModele2{ padding: 40px; }

	.carriereTexte { display: flex; justify-content: space-between; align-items: flex-start;}
	.carriereTexte .texteGauche{ width: 50%;}
	.carriereTexte .texteDroite{ width: 45%; margin-top: 0; padding: 25px 25px 0 25px; }
	.carriereTexte.detailOffre .texteDroite{ display: block;}

	.carriereBody .listePosteEntete{ display: flex; justify-content: space-between; align-items: center;}
	.carriereBody h2{ margin: 0;}
	.carriereBody .blocFiltreVille{ width: 35%; }

	.strateFormEmploi.detail{ padding: 40px 0;}


	.listeOffre .liste_item { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
	.listeOffre .liste_item .liste_texte { width: 100%;}    

	.listeOffre .liste_item .liste_titre { margin-bottom: 10px;}
	.listeOffre .liste_item .liste_intro { margin-top: 10px; }
	.listeOffre .liste_item .listeOffre_detail { min-width: 120px; padding-right: 10px; margin-bottom: 0; }
	.listeOffre .liste_item .listeOffre_detail.magasin{ max-width: 160px;}

	.listeOffre .liste_item .date { min-width: 155px; }
	.listeOffre .liste_item .liste_bouton { margin-top: 0; }
}

@media only screen and (min-width: 960px){
	.carriereTexte{ }
	.carriereTexte .texteGauche{ width: 55%; padding-top: 55px;}
	.carriereTexte .texteDroite{ width: 39.6%; padding: 40px 40px 0 40px;}

	.carriereTexte .texteGauche h2{ font-size: 35px;}
	.carriereTexte .texteDroite .titreGauche{ font-size: 25px; }

	.texteGauche h3{ font-size: 22px; margin-top: 70px;}
	.texteGauche h4{ font-size: 18px; margin-top: 50px;}

	.titreEmploi{ font-size: 35px; }

	.ancreForm{ margin-top: -200px; }

	/* Module carrière */
	.carriereBody{ padding: 50px 30px 60px; margin-top: 80px;}
	.carriereBody .listePosteEntete{ margin-bottom: 50px;}
	
	.carriereBody .blocFiltreVille{ width: 26%; }


	.listeOffre .liste_item .liste_texte { margin: 0; padding-right: 20px; width: 33%;}    
	.listeOffre .liste_item .liste_titre a:hover { color: #000; }

	.carriereTexte.detailOffre .intro{ padding-bottom: 60px;}
	.carriereTexte.detailOffre .margeBas3{ margin: 60px 0;}

	.strateFormEmploi { margin-top: 70px; padding-bottom: 80px;}
	.strateFormEmploi .titreEmploi{ margin-bottom: 30px;}

	.strateFormEmploi.detail { padding: 110px 0 0; margin-top: 0; }
	body.mod2 .strateFormEmploi.detail { padding-bottom: 60px; }

}

@media only screen and (min-width: 1200px){
	.conteneurModele2{ padding: 60px 60px 80px 60px; }
}