@charset "utf-8";
@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'league_gothicregular';
	src: url('../font/league_gothic-webfont.eot');
	src: url('../font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/league_gothic-webfont.woff') format('woff'), url('../font/league_gothic-webfont.ttf') format('truetype'), url('../font/league_gothic-webfont.svg#league_gothicregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
img {
	width: 100%;
}
body {
	background: url(../images/bg-slide-1.jpg) no-repeat center 0 #000;
	background-size: cover;
	color: #FFF;
	font-size: 62.5%;
	font-family: "century gothic", Arial, Helvetica, sans-serif;/*overflow: hidden;*/
}
a {
	text-decoration: none;
	color: #FFF;
}
li {
	list-style: none;
}

#container {
	width: 100%;
}
/*NAV*/


#logo {
	float: left;
	max-width: 363px;
	width: 100%;
	margin-left: 5%;
	margin-top: -5px;
	border-radius: 0 0 20px 20px;
	padding: 5px;/*position:fixed;
		top:10px;
		left:25px;
		z-index:12;*/
}
#nav {
	float: left;
	width: 100%;
	background: rgba(0,0,0, 0.7);
	border-bottom: 1px solid #000;
	/*background-image: -webkit-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: -moz-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: -o-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  -webkit-background-size: 4px 4px;
  -moz-background-size: 4px 4px;
  background-size: 4px 4px;*/
	background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
}
#menu {
	width: 78.39285714285714%;
	float: right;
	padding: 7em 0;
	text-align: right;/*margin-right:6%;*/
}
#menu li {
	display: inline;
}
#menu li.menu-mobile{
	display:none;
	}
#menu li a {
	text-transform: uppercase;
	margin: 0 1em;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.5);
	/*text-shadow:0 0 5px #fff;*/
	-webkit-transition: color linear 0.5s;
	-moz-transition: color linear 0.5s;
	-ms-transition: color linear 0.5s;
	-o-transition: color linear 0.5s;
	transition: color linear 0.5s;
	font-family: 'league_gothicregular';
	letter-spacing: 1px;
	font-size: 3em;
}
#menu li a:hover, #menu li a:active, #menu li a:focus {
	color: #99cc00;
}
/*SLIDES*/

#contenu {
	float: left;
	width: 100%;
	min-height:800px;
	/*height: auto;*/
	padding-top: 50px;
	margin-bottom: 25px;
	padding-bottom: 0;
}
#aside {
	float: left;
	width: 20%;
	margin: 0 2.5% 0 5%;
}
.bonus {
	background-color: rgba(0, 0, 0 ,0.7);
	background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
	padding: 30px;
	margin-bottom: 10px;
	float: left;
	width: 85%;
}
#savoir-plus {
	border-radius: 20px 20px 0px 20px;
}
#bloc-contact, #bloc-qualif {
	border-radius: 20px 0px 20px 20px;
}
.bonus ul li {
	text-transform: uppercase;
	font-family: 'league_gothicregular';
	font-size: 2.1em;
	letter-spacing: 1px;
}
#bloc-contact ul li {
	line-height: 38px;
}
#bloc-contact p, #bloc-contact img {
	float: left;
}
.bonus p a, #bloc-contact ul li a {
	color: #99cc00;
}
.bonus p a:hover, .bonus p a:active, .bonus p a:focus, #bloc-contact ul li a:hover, #bloc-contact ul li a:active, #bloc-contact ul li a:focus {
	color: #FC0;
}
.bonus ul li a:hover, .bonus ul li a:active, .bonus ul li a:focus {
	color: #99cc00;
}
.bonus p {
	font-size: 1.4em;
	text-align: justify;
}
.bonus h2, .slide_inside h1 {
	color: #99cc00;
	}
/*.bonus span {
	margin-top:5px;
	display:inline-block;


	}*/
.bonus img {
	max-width: 90%;
	margin: 0px 5px 0px 0px;
}

.slide_inside {
	display: block;
	/*clear:left;*/
	width: 65%;
	/*max-width: 960px;*/
	float: left;
	/*margin: 0 auto;*/
	/*position:relative;*/
	background-color: rgba(0, 0, 0 ,0.7);
	background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
	padding: 30px;
	text-align: center;
}
.slide_inside h2, .texte h3, #aside h2, .slide_inside h1, .slide_inside h3 {
	text-transform: uppercase;
	font-family: 'league_gothicregular';
	font-size: 2.5em;
	margin: 20px 0;
	font-weight: normal;
	letter-spacing: 1px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}
.slide_inside p {
	margin: 0 auto 10px auto;
	max-width: 1000px;
	text-align: justify;
	font-size: 1.4em;
}
.slide_inside h3{
	color:#33cccc;
	}
.texte {
	margin: 2em 0;
	width: 96%;
}
.texte ul li {
	text-transform: uppercase;
	font-family: 'league_gothicregular';
	font-size: 2.1em;
	letter-spacing: 1px;
	text-align: left;
	list-style-type: square;
}

footer {
	background-color: rgba(0, 0, 0 ,0.5);
	/*position: fixed;
	bottom: 0;*/
	text-align: center;
	float: left;
	width: 100%;
	font-family: 'league_gothicregular';
	line-height: 3em;
	letter-spacing: 1px;
	font-size: 2em;
	border-top: 1px solid #000;
	background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;/*background-image: -webkit-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: -moz-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: -o-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  -webkit-background-size: 4px 4px;
  -moz-background-size: 4px 4px;
  background-size: 4px 4px;*/
}
footer a:hover {
	color: #99cc00;
	;
}
address {
	font-style: normal;
}
/*STYLES DE LA PARTIE REFERENCES*/
/*BOUTONS FILTRES*/
.col {
	text-align: center;
}
.col ul li {
	display: inline-block;
	margin: 5px;
}
.filters button.filter {
	background: #000;
	color: #FFF;
	border-color: #FFF;
	padding: 5px;
	font-family: 'league_gothicregular';
	font-weight: thin;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 2em;
	cursor: pointer;
}
.filters button:hover {
	background: #FFF;
	color: #000;
}
.filters button:focus {
	outline: 0 none;
}
.filters button.all {
	color: #99cc00;
}
.filters button.all:hover {
	background: #FFF;
	color: #000;
}
.filters button.active {
	color: #000;
	background: #99cc00;
}
/*IMAGES */
.js #grid {
	margin: 20px auto;
}
.js #grid li {
	display: none;
	opacity: 0;
}
#grid li img, .col img {
	max-width: 100px;
}
/*PAGE RECRUTEMENT*/
.recrutement h3 {
	font-size: 2em;
	margin-bottom: 20px;
	font-weight: normal;
}
.recrutement .slide_inside p{
	max-width:600px;
	}
.recrutement .poste-a-pourvoir{
	max-width:600px;
	text-align:center;
	margin:0 auto 20px auto;
 }
.recrutement .titre-poste{
	background: #000;
	color: #FFF;
	border-color: #FFF;
	font-family: 'league_gothicregular';
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 2em;
	font-weight:normal;
	line-height:100px;
	
}
.recrutement .poste-a-pourvoir h4{
	color: #FFF;
	border-color: #FFF;
	font-family: 'league_gothicregular';
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight:normal;
	font-size: 2em;
	margin:10px 0;
}
.recrutement .poste-details {
	width:600px;

	float:left;
	font-size:1.3em;
}
.poste-details li{
	float:left;
	max-width:298px;
	border:1px solid white;
	

	
}
.poste-details h5{
	background: #000;
	color: #FFF;
	border-color: #FFF;
	font-family: 'league_gothicregular';
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.6em;
	width:298px;
	font-weight:normal;
	padding:5px 0;

}
.poste-details .sous-detail {
	min-height:200px;
}
.poste-details .sous-detail li{
	display:block;
	max-width:inherit;
	width:98%;
	border:0;
	text-align:left;
		padding:1%;
}


.recrutement .adresse {
	background: #000;
	color: #FFF;
	width: 97%;
	display: block;
	padding: 1.5%;
	text-align: center;
}
/*PAGE CONTACT*/
#bloc-contact  img{
	max-width:32px!important;
	margin: 0px 5px 0px 0px;
}
#map {
	width: 90%;
	/*height: 30%;*/
	height:500px;
	margin: 0 auto;
	max-width: 800px;
	/*max-height: 400px;*/
}
/*  PAGE MOYENS HUMAINS*/
#effectif {
	width: 60%;
}
.moyens .col li {
	vertical-align: top;
	
}

/*.moyens .col li span {
	font-size: 1.2em;
	padding: 5px;
	display: block;
}*/
.moyens .col ul li button.filter {
	width: 100px;
	font-size:1.6em;
}
.moyens .filters button:hover {
	cursor: inherit;
	background: #000;
	color: #FFF;
}
.moyens .col li {
	text-align: center;
	width: 100px!important;

}
.moyens .col img {
	display: block;
}

a.info {
	position:relative;
	z-index:1;
	}
a.info span {
	display:none;
	}
a.info:hover span{
	display:block;
	position:absolute;
	text-align:center;
	top:-100px;
	left:-50px;
	z-index:3;
	color:#99CC00;
	width:100px;
	height:100px;
	background:url(../images/icone-plus-infos.png) no-repeat center center rgba(255, 255, 255, 0.4);
	
	}
	
/*PAGE CHIFFRES */
#bloc-qualif ul li {
	text-transform: uppercase;
	font-family: 'league_gothicregular';
	font-size: 1.6em;
	letter-spacing: 1px;
	line-height: 20px;
}
.gif{
	width:20px;
	}
.logos-qualifs{
	background:#fff;
	text-align:center;
	margin-bottom:10px;
	}
.bonus .logos-qualifs img{
	/*max-width:80px!important*/
	display:inline-block;
	margin: 2px 5px;
	}

/*#bloc-contact ul li {
	line-height: 38px;
}*/

.chiffres-box, .qualifs-box {
	float:left;
	width:300px;
	margin:5px 25px;
	}
.first-box{
	margin-left:30px;
	}
.chiffres-box img, .qualifs-box img{
	width:100%;
	border-radius:20px;
	}

/************************MIN-WIDTH:1025px**************/
 @media screen and (min-width:1025px) {
 .clearfix{
	clear:both;
	}
body.references {
	background: url(../images/bg-slide-1.jpg) no-repeat center 0 fixed;
	background-size: 100%;
}
#logo {
	width: 40%;
}
#menu {
	width: 60%
}
#menu li a {
	font-size: 2.5em;
}
#aside {
	float: left;
	width: 20%;
	/*margin: 0 2.5% 0 5%;*/
}
.slide_inside {
	width: 65%;
}
#contenu {
	min-height: 800px;
}

.creation #contenu, .entretien #contenu, .contact #contenu {
	min-height: inherit;
}
.creation footer, .entretien footer, .contact footer {
	background-color: rgba(0, 0, 0 ,0.5);
	position: fixed;
	bottom: 0;
	text-align: center;
	/*float: left;*/
	width: 100%;
	font-family: 'league_gothicregular';
	line-height: 3em;
	letter-spacing: 1px;
	font-size: 2em;
	border-top: 1px solid #000;
	background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
	background-size: 3px 3px;
}
.recrutement #candidature, .moyens #candidature, .home #candidature, .qualification #candidature-qualif, .creation #candidature , .entretien #candidature{
	display: none;
}
#map {
	width: 90%;
	max-width: 800px;
}
}
/***********TABLETTES PAYSAGES*******************/
@media screen and (max-width:1024px) {

#menu {
	width: 60%;
	padding: 5em 0;
}
#menu li a {
	margin: 0 0.1em;
	font-size: 2.5em;
}

.clearfix{
	display:none;
	}

#logo{
	max-width:196px;
	margin-left:2.5%
}
#aside{
	margin-left:2.5%
}
#bloc-contact, #bloc-qualif {
	display: none;
}

.moyens #candidature,
.home #candidature,
.qualification #candidature-qualif,
.creation #candidature, 
.entretien #candidature{
	display: block;
	width: 97%;
	background: #FFF;
	padding: 1.5%;
	color: #000;
	clear: left;
	margin:20px 0;
	/*border-radius:20px 0;*/
}
.recrutement #candidature{
	max-width:540px;
	padding:30px;
	display: block;
	background: #FFF;
	color: #000;
	clear: left;
	margin:20px auto 0 auto;
}
.lien-candidature{
	color:#99cc00;
}
#menu {
	width: 60%;
	padding: 4em 0;
}
#menu li a {
	margin: 0 0.3em;
	font-size: 2.2em;
}
.slide_inside{
	float:right;
	width:65%;
	/*border:1px solid red;*/
	padding:2.5%;
}
.slide_inside h2 {
	font-size: 2.2em;
}
.texte ul li{
	list-style-type:none;
}
.bonus p{
	text-align:left;
}
.bonus ul li {
	text-transform: uppercase;
	font-family: 'league_gothicregular';
	font-size: 1.5em;
	letter-spacing: 1px;
	line-height: 20px;
}
#effectif {
	width:100%!important;
}
.chiffres-box {
	float:left;
	width:280px;
	min-height:320px;

	margin:0 20px;
}
.chiffres-box h3, .qualifs-box h3{
	font-size:1.6em;
}
.qualification .qualifs-box{
width:100px;
	min-height:320px;
	
	
}
.qualification .qualifs-box p{
	text-align:left;
}
.slide_inside #candidature-qualif .logos-qualifs img{
	/*max-width:100px!important;*/
	display:inline-block;
	margin: 2px 5px;
	}
.slide_inside #candidature-qualif ul li{
	text-align:left;
	font-size:1.4em;

	}
.slide_inside #candidature-qualif ul li.logos-qualifs{
	text-align:center;
	}
/*SLIDER*/
#wowslider-container2 .ws_bullets div {
	display: none;
}

}
/****************TABLETTES PORTRAIT********************/
@media screen and (max-width:768px) {
/*
#menu {
	width: 60%;
	padding: 5em 0;
}
#menu li a {
	margin: 0 0.1em;
	font-size: 2.5em;
}

#logo{
	max-width:196px;
	margin-left:2.5%
}
#aside{
	margin-left:2.5%
}
#bloc-contact, #bloc-qualif {
	display: none;
}
.recrutement #candidature, 
.moyens #candidature, 
.home #candidature, 
.qualification #candidature-qualif, 
.creation #candidature, 
.entretien #candidature{
	display: block;
	width: 97%;
	background: #FFF;
	padding: 1.5%;
	color: #000;
	clear: left;
	margin:20px 0;
	border-radius:20px 0;
}
.lien-candidature{
	color:#99cc00;
}

#menu li a {
	margin: 0 0.3em;
	font-size: 2.2em;
}
.slide_inside{
	float:right;
	width:65%;

	padding:2.5%;
}
.slide_inside h2 {
	font-size: 2.2em;
}
.texte ul li{
	list-style-type:none;
}
.bonus p{
	text-align:left;
}
.bonus ul li {
	text-transform: uppercase;
	font-family: 'league_gothicregular';
	font-size: 1.5em;
	letter-spacing: 1px;
	line-height: 20px;
}*/
#menu {
	width: 65%;

}
.chiffres-box {
	float:left;
	width:200px;
	min-height:220px;

	margin:0 20px;
}
.chiffres-box h3, .qualifs-box h3 {
	font-size:1.6em;
}
.qualification .qualifs-box{
width:100px;
	min-height:300px;

	
}
.moyens .col li .texte-ressources-humaines, .moyens .col li .texte-travaux, .moyens .col li .texte-materiel, .moyens .col li .texte-entretien, .moyens .col li .texte-etude{
	display:none!important;

	
	}
	/*SLIDER*/
#wowslider-container2 .ws_bullets div {
	display: none;
}
#wowslider-container2 .ws-title {
	display: none!important;
}

/*RECRUTEMENT*/
.recrutement .poste-a-pourvoir{
	max-width:484px;
	
 }

.recrutement .poste-details {
	width:484px;
	float:left;
	font-size:1.3em;
}
.poste-details li{
	float:left;
	max-width:240px;
	border:1px solid white;
	

	
}
.poste-details h5{
	background: #000;
	color: #FFF;
	border-color: #FFF;
	font-family: 'league_gothicregular';
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.6em;
	width:240px;
	font-weight:normal;
	padding:5px 0;

}
/*.poste-details .sous-detail {
	min-height:200px;
}
.poste-details .sous-detail li{
	display:block;
	max-width:inherit;
	width:98%;
	border:0;
	text-align:left;
		padding:1%;
}*/
footer{
	line-height:1.5em;
	font-size:2.2em;
	
}
/*
.qualification .qualifs-box p{
	text-align:left;
}
.slide_inside #candidature-qualif .logos-qualifs img{
	max-width:100px!important;
	display:inline-block;
	margin: 2px 5px;
	}
.slide_inside #candidature-qualif ul li{
	text-align:left;
	font-size:1.4em;

	}
.slide_inside #candidature-qualif ul li.logos-qualifs{
	text-align:center;
	}
}*/
/***************MOBILES PAYSAGES***************/
@media screen and (max-width:640px) {
#logo {
	max-width: 25%;
	position: center;
	margin-left:0;
}
#nav {
	border: 0;
}
#menu {
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 0;
	text-align: right;
}
#menu li.menu-mobile{
	display:inline-block;
	}
#menu li a {
	font-size: 1.4em;
	margin: 0 1.5em 0 .5em;
	text-shadow: inherit;
}
#contenu {
	padding: 0;
	margin: 0;
	height: auto;
}
#aside {
	display: none;
}
.slide_inside {
	margin: 0px;
	top: 0px;
	width: 95%;
	padding: 2.5%;
	text-align: center;
}
.slide_inside h2, .chiffres-box h3, .qualifs-box h3 {
	font-size: 1.6em;
}
.slide_inside p {
	font-size: 1.2em;
}
footer {
	border: 0;
	line-height: 1.2em;
	letter-spacing: 1px;
	font-size: 1.8em;
	position: inherit;
	bottom: inherit;
	clear: both;
	width: 95%;
	padding: 2.5%;
}
/*FILTRES*/
.filters button.filter {
	font-size: 1.6em;
	padding: 10px;
}
/*PAGE MOYENS HUMAINS*/
#effectif {
	width: 100%;
}
/

.moyens .col li span {
	font-size: 1.2em;
	padding: 5px;
	display: block;
	float: left;

}
.moyens .col ul li button.filter {
	width: 100px;
	float: left;

}
/*page recrutement*/
.moyens #candidature, .home #candidature, .qualification #candidature-qualif, .creation #candidature, .entretien #candidature{
	margin:20px 60px;
	width: 480px;
	
}
.recrutement #candidature{
width:484px;
max-width:484px;

	padding:0;
	margin-top:20px;
}
.recrutement #candidature p, .moyens #candidature p, .home #candidature p, .entretien #candidature p, .creation #candidature p, .qualification #candidature-qualif p {
	text-align: center;
	margin-bottom: 5px;
}
.qualification #candidature-qualif p{
	text-align:left;
	}
/*PAGE CHIFFRES */
.chiffres-box {
	float:left;
	width:500px;
	margin:5px 60px;
	min-height:inherit;
}

.first-box{
	margin-left:60px;
	}
/*PAGE QUALIFICATIONS*/

.logos-qualifs{
	background:#fff;
	text-align:center;
	margin-bottom:10px;
	}
.slide_inside #candidature-qualif .logos-qualifs img{
	/*max-width:60px!important;*/
	display:inline-block;
	margin: 2px 5px;
	}
.slide_inside #candidature-qualif ul li{
	text-align:left;
	font-size:1.2em;
	}
.slide_inside #candidature-qualif ul li.logos-qualifs{
	text-align:center;
	}

.qualification .qualifs-box{
	min-height:180px;

	width:150px;
	margin:0 20px;
	}
.qualification .qualifs-box p{
	text-align:center;
}
}
/***************SMARTPHONE PAYSAGE****************/
@media screen and (max-width:375px) {
#logo {
	max-width: 60%;
	margin:-5px  20% 0 20%;
}
#nav {
	border: 0;
	background-image: inherit!important;
}
#menu {
	width: 100%;
	border-bottom: 0;
	text-align: center;
	padding: 0;
}
#menu li {
	display: block;
}
#menu li a {
	
	margin: 0 ;

}
#menu li.menu-mobile{
	display:block;
	}
#contenu {
	padding: 0;
	background: rgba(0, 0, 0 ,0.5);
	margin: 0;
}
#aside {
	width: 100%;
	text-align: center;
	margin: 0;
}
#bloc-contact, #bloc-qualif {
	display: none;
}
.bonus, .slide-inside {
	background: inherit!important;
	background-image: inherit!important;
}
.bonus {
	padding: 0;
}
.bonus h2 {
	/*font-size: 1.4em;*/
	display: none;
}
.bonus ul li {
	font-size: 1.4em;
}
.slide_inside {
	width: 95%;
	padding: 2.5% 2.5% 3% 2.5%;
	text-align: center;
	margin: 2em 0;
}
.texte ul li {
	text-align: center;
}
footer {
	border: 0;
	line-height: 1.2em;
	letter-spacing: 1px;
	font-size: 1.8em;
	position: inherit;
	bottom: inherit;
	clear: both;
	background-image: inherit!important;
}

/*FILTRE REFERENCES*/
.references .filters button.filter {
	width: 200px;
	border-bottom: 1px solid #fff;
}
.filters .col ul li:last-child button.filter {
	border-bottom: 0px;
}
.col ul li {
	display: block;
	margin: 0;
}
/*RECRUTEMENT*/

.recrutement .poste-a-pourvoir {
	width: 220px;
	max-width:220px;
	margin: 0 auto;
}
.recrutement .titre-poste{
	line-height:1.25em;	
}
.recrutement .poste-details {
	width:220px;
}
.recrutement .poste-details  .last{
	max-height:100px!important;
}
.recrutement .poste-details .sans-filet{
		border-bottom:0;
}
.poste-details li{
	max-width:218px;	
}
.poste-details h5{
	width:218px;
}
 .moyens .col ul li {
	text-align: center;
	width: 100px;
	display: inline-block;
}
.moyens .filters button.filter {
	width: 100px;
}

/*PAGE CONTACT*/
#map {
	width: 90%;
	max-width: 280px;
}
.moyens #candidature, #effectif {
	margin: 10px 0;
}

.moyens .col li {
	margin:0;
	max-height:177px;
	
}
/*PAGE CHIFFRES */
.chiffres-box, .qualification .qualifs-box{
	float:left;
	clear:left;
	width:95%;
	margin:2.5%;
	min-height:inherit;
	/*border:1px solid yellow;*/
	}
.first-box{
	margin-left:2.5%;
	}

.recrutement #candidature, .moyens #candidature, .home #candidature, .qualification #candidature-qualif, .creation #candidature, .entretien #candidature{
	width:95%;
	padding:2.5%;
	margin:20px 0;
	border-radius:0;
}

}