body {margin:0;padding:0;/*background-size:auto 465px;*/}
h1{margin: 20px 0}
#container {background:url('../images/bg_03.png') repeat-x center 666px;margin:0;padding:0;}
#center_part_1 {display:none;}
#center {width:100%;background:url('../images/visuel.jpg') repeat-x center top;}
#center_part_2_full {width:1000px;background:none;margin:0 auto;float:none;}
#contenuhome {width:1000px;margin:0;background:none; }
#contenuhome .chemin {font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000000;line-height:25px;text-indent:6px;}
#contenuhome .chemin h1 {float:none;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000000;margin-left:5px }
#container > .band {clear:both;}

.header-recruitment {height:465px;width:100%;background:transparent;text-align:center;padding-top:50px;}

#recrutement {float:left;width:1000px;margin:0;cursor:default;margin-top: 20px;text-align:center;}
#recrutement * {margin:0;padding:0;font-family:'Open sans',sans-serif;}
#recrutement ul, #recrutement ul li {list-style:none;}
#recrutement a {text-decoration:none;}
#recrutement > div {float:left;width:100%;}
#recrutement h1 {/* surcharge css boulanger */display:block;float:none;background:none;color:white;font-size:35px;font-weight:200;}
#recrutement span {font-weight:700;}
#recrutement > .discover {margin-top:20px;}
#recrutement > .discover > p {color:#fff;font-size:18px;font-weight:200;margin-top:30px;}

#recrutement .block-poste{text-align: center;margin-top:110px;}
#recrutement .block-poste > h2 {text-transform:uppercase;color:#ff5c00;font-size:20px;font-weight:700;}
#recrutement .postes{text-align: center;display: inline-block;}
#recrutement .postes a {float:left;width:180px;margin:45px 0 50px 17px;font-size:16px;color:#6f6f6f;text-align:center;text-transform:uppercase;line-height:20px;text-transform:uppercase;font-weight:700;vertical-align:middle;}
#recrutement .postes a img {display:block;margin:0 auto 14px;width:50%;height:auto;}

#recrutement .manieres{text-align: center;display: inline-block;}
#recrutement .manieres > img {display:block;display:block;margin:0 auto;}
#recrutement .manieres a {display:block;float:left;padding:0 80px 0 35px;border:1px solid #ff5c00;border-radius:5px;font-size:19px;color:#ff5c00;line-height:49px;transition:.3s;position:relative;font-weight:600;}
#recrutement .manieres a:after {content: '';position:absolute;display: inline-block; width: 10px; height: 10px; border-style: solid; border-width: 4px 4px 0 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg);right:22px;top:17px;}
#recrutement .manieres a:before {content: '';position:absolute;display: inline-block;height: 50px; border-right:solid 1px #ff5c00;right:50px;}
#recrutement .manieres a:hover {background-color:#ff5c00;background-position:398px bottom;color:#fff;}
#recrutement .manieres a + a {margin-left:34px;background-color:#fff;background-position:334px bottom;color:#0069a4;}
#recrutement .manieres a + a:hover {background-position:334px bottom;text-decoration:underline;}

#recrutement .block-social{text-align:center;width:33%;margin: 0 auto;float:none;}
#recrutement .block-social > a > .social-medias {width:25%;display:inline-block;margin:30px 10px 0 10px;}
#recrutement .block-social > .palmares {width:40%;display:inline-block;margin-top:10px;}
#ftr {margin:0 auto !important;}

@media screen and (max-width: 860px) {
	body {background:#fff url('../images/mobile-img.jpg') repeat-x center 140px;}
	#container {background:url('../images/bg_03.png') repeat-x center 607px;}
	#recrutement {width:100% !important;}
	#recrutement .block-poste{margin-top:160px;}
	#recrutement .postes a {margin:50px 0;float:left;width:33%;text-align:center;}
	#recrutement .block-social > a > .social-medias {width:40%;}
	#recrutement .block-social > .palmares {width:40%;margin-top:20px;}
	#recrutement .manieres a {padding:0 100px 0 80px;}
	#recrutement .block-social {width:80%;}
	#recrutement .postes {width:100%;}
	.header-recruitment {padding-top:10px;}
}

@media screen and (max-width: 540px) {
	#recrutement .postes a {font-size:12px;line-height:10px;}
}

@media screen and (max-width: 480px) {
	#recrutement .postes a {font-size:10px;}
}

@media screen and (max-width: 360px) {
	#recrutement .postes a {font-size:8px;}
}