@font-face {
font-family: 'futura_lt_btlight';
src: url('../fonts/tt0138m-webfont.eot');
src: url('../fonts/tt0138m-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/tt0138m-webfont.woff') format('woff'),
	url('../fonts/tt0138m-webfont.ttf') format('truetype'),
	url('../fonts/tt0138m-webfont.svg#futura_lt_btlight') format('svg');
font-weight: normal;
font-style: normal;

}

/* =====[ RESET ]======================================================================== */

body,h1,h2,h3,h4,p,quote,small,form,input,ul,li,ol,label{
	/* Page reset */
	margin:0px;
	padding:0px;
	font-weight:normal;
}
/* =====[ GLOBAL STYLES ]======================================================================== */

body {
	font-family: "Myriad Pro", Arial, "sans-serif";
	font-size: 14px;
	/*font-size: 12px;*/
	color: #333333;
	background:#ffffff;
	margin: 0px;
	padding: 0px;
	z-index:0;
}

h1{
	font-size:40px;
	font-family: 'futura_lt_btlight', "Myriad Pro", Arial, "sans-serif";
	text-align:center;
	padding:25px 0 60px 0;
	color:#ed2024;
}

h2 {
	font-size:30px;
	font-family: 'futura_lt_btlight', "Myriad Pro", Arial, "sans-serif";
	padding:15px 0 5px 0;
	color:#1c3f95;
}

h3 {
	font-size:25px;
	font-family: 'futura_lt_btlight', "Myriad Pro", Arial, "sans-serif";
	padding:10px 0 0 0;
	color:#7b7b7b;
}

h4 {
	font-size:20px;
	font-family: 'futura_lt_btlight', "Myriad Pro", Arial, "sans-serif";
	padding:10px 0 0 0;
	color:#1c3f95;
}


span{	color:#1c3f95}
a{	color:#7b7b7b;	text-decoration:none;}
a:hover{	color:#000000}
p{	margin:15px 0;	text-align:justify}
hr {	height:3px;	background:#e5e5e6;	border:none;	margin:25px 0 45px 0;}

.contenu {	width:80%;	margin:0 auto;	}

.left{	float:left;	padding-right:15px;}
.right{	float:right;	padding-left:15px;}
.clear{	clear:both;}
.center {	text-align:center}
.cols{	float:left; width:47%;}
.cols+.cols{	margin-left:6%;}
.carriere, .contact, .entreprise, .faq, .realisation, .service{	margin:40px auto;}


/* =====[ MENU ]======================================================================== */

.header_page{	background:url(../images/bg_top_page.jpg) no-repeat top center}
.header{
	background:url(../images/bg_top.jpg) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.header .contenu, .header_page .contenu{border-top:7px solid #1c2f67; }
.header .logo, .header_page .logo{
	padding-top:5px;
	max-width:390px;
	width:80%;
	height:auto;
	float:left;
}
.menu{	 float:right; font-family: 'futura_lt_btlight', "Myriad Pro", Arial, "sans-serif";}
.menu ul{	list-style:none; margin-top:20px; text-align:right}
.menu ul li{ display:inline; font-size:17px; margin-right:30px;	text-transform: uppercase;}
.menu ul li:last-child{ margin-right:0px;	}
.menu ul li a{
	color:#1c2f67;
	text-decoration:none;
}
.menu ul li a:hover{	text-decoration:none;}
.slicknav_menu {	display:none;}

.slogan{
	color:#1c2f67;
	font-size:35px;
	font-family: 'futura_lt_btlight', "Myriad Pro", Arial, "sans-serif";
	text-align:center;
	float:left;
	margin:6% 0 8% 4%;
	width:20%
}
.slogan2{
	color:#1c3f95;
	font-size:25px;
	font-family: 'futura_lt_btlight', "Myriad Pro", Arial, "sans-serif";
	text-align:center;
/*	margin-top:25px;*/
}
.slogan img{	margin:25px 0;}





/* =====[ ACCUEIL ]======================================================================== */
.selectbleu {
	padding:35px 0;
	text-align:center;
	color:#ffffff;
	font-size:30px;
	font-family: 'futura_lt_btlight', "Myriad Pro", Arial, "sans-serif";
	background:#1c2f67;
	text-transform: uppercase;
}

.selectgris {
	font-family: 'futura_lt_btlight', "Myriad Pro", Arial, "sans-serif";
	padding:60px 0;
	text-align:center;
	color:#1c2f67;
	font-size:25px;
	background:#f0f0f0;
}
.selectgris strong{	font-size:30px;	font-weight:100}
.selectgris ul{ list-style:none; padding-top:15px; }
.selectgris ul li{	display:inline-block;	margin-right:140px;}
.selectgris ul li:last-child{ margin-right:0px;}


.accueil p {text-align:left;}
.accueil ul{ list-style:none; margin:50px 0; text-align:center }
.accueil ul li{
	display: inline-block;
	width:32%;
	margin-right:2%;
	background:#f0f0f0;
	color:#7b7b7b;
	font-size:20px;
	font-family: 'futura_lt_btlight', "Myriad Pro", Arial, "sans-serif";
	height:436px;
	vertical-align:top;
	overflow:hidden;
	text-align:left;
 }
.accueil ul li img{
	max-height:346px;
	width:auto;
	height:100%;
}

.accueil ul li:last-child{ margin-right:0px;}
.accueil h1{
	background:url(../images/fleche_h1.png) no-repeat center right #e5e5e6;
	color:#ed2024;
	font-size:30px;
	padding:30px;
	text-align:left;
}
.accueil p{	padding:30px;}
.accueil a{	text-decoration:none}
.plan{	width:100%;	height:auto;}

.soumission{
	text-align:center;
	padding:70px 0 70px 50px;
	color:#ed2024;
	font-size:30px;
}
.soumission ul{	list-style:none;}
.soumission ul li{	display:inline-block; padding:0 10px; margin:15px 0;}

.soumission .bouton{
	font-size:25px;
	color:#ffffff;
	background:#ed2024;
	border-radius: 10px;
	padding:20px 30px;
	text-decoration:none;
	white-space:nowrap;
}

/* =====[ SERVICES ]======================================================================== */

.service ul{	margin:10px 0 20px 45px; list-style-image: url('../images/fleche_list.jpg'); }
.service ul li{	margin:5px 0 5px 0; min-height:20px;}
.service img{	width:90%; height:auto; max-width:500px; text-align:center;}
.service .responsive div{width:100%}
.service .responsive div p{text-align:center; margin:10px; color:#868686}


/* =====[ REALISATIONS ]======================================================================== */


.pagination {	text-align:center; font-size:16px; margin-top:25px }
.pagination img{	vertical-align:middle}

.realisation img{
	max-width:100%;
	height:auto!important;
}

.realisation .page{	text-align:justify}


/* =====[ CARRIERE ]======================================================================== */


.carriere ul.poste {
	list-style:none;
	display:table;
	width:50%;
	text-align:center;
	margin:0 auto;
}

.carriere ul.poste li{
	display:table-cell;
	width:25%;
	padding:5px;
	background:#f2f2f2;
	border-bottom:1px solid #ffffff
}

.carriere ul.titre li{
	color:#ffffff;
	background:#ed2024;
	font-size:18px;
}

.carriere ul.poste li img {	vertical-align:middle;}

a.show {	 font-size:16px;  }
a.show em{	padding:0 40px 0 20px; }
.poste_detail{	padding:20px 0;}
a.show span, a.linkToggle span {
	background:url('../images/down.png') no-repeat 0 0;
	padding:0 0 0 40px;
	display:inline-block;
	height: 21px;
	text-decoration:none;
	margin-bottom:0px;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.showPoste{	border-bottom:1px solid #e0dfdf; border-top:1px solid #e0dfdf; padding:15px 0; margin-bottom:15px}
a.show.minus span, a.linkToggle.minus span {
	/*background-position:0 -21px;*/
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
	background-position:10px 0;
}

.carriere h4 {
	color: #333333;
	padding:0;
	width:75%
}

.carriere .left{margin-top:12px;}



/* =====[ FAQ ]======================================================================== */


.faq ul{list-style:none; width:100%; text-align:center}

.faq ul li{
	display:inline-block;
	text-align:left;
	width:22%;
	margin:0 5px;
	padding:10px;
	background:#f2f2f2;
	vertical-align:top;
}

.faq .st-accordion p {text-align:center;}
.faq .st-accordion .i_faq{	width:40px;	height:40px;}
.faq img{	width:100%;	height:auto!important; max-width:699px;}

.faq ul{list-style:none; width:100%; text-align:center}

/* =====[ CONTACT ]======================================================================== */
#map-canvas {	width: 100%; height: 350px; margin: 0 auto;  }

/* =====[ FORMULAIRE ]======================================================================== */
.bouton {
	background:#ed2024;
	border-radius: 10px;
	padding:10px 25px;
	color:#ffffff;
	font-size:16px;
	cursor:pointer;
}
.bouton:hover{	background:#1c2f67; color:#ffffff;}

input[type=submit]{
		-webkit-appearance: none;
		border-radius: 10px;
}

form{	margin:30px 0;}
input:focus, textarea:focus, select:focus{outline:  none;}
label{
	display:inline-block;
	width:30%;
	text-align:right;
	vertical-align:top;
	margin-right:10px;
	margin-top:8px;

}

select, textarea, input{
	padding:5px;
	font-size:13px;
	border:0px;
	color:#1c3f95;
	font-family: Arial, "Myriad Pro", "sans-serif";
	border:none;
	border-radius: 0px;
	background:#f2f2f2;
	margin:5px 0 15px 0;
}
textarea {width:50%}

input[type=text]{ width:50% }
input[type=checkbox]{ margin-left:32%; }
input[type=radio]{ margin-left:32%; }


label.checkbox{ width:55%; text-align:left; margin-left:10px; margin-top:2px;}
label.radio{ width:55%; text-align:left; margin-left:10px; margin-top:2px;}

.alignbtn {	margin-left:30%}
.alignbtn p{ margin-bottom: 30px;	}

form span{	color:#ed2024}
form p{	color:#8e8d8d; font-style:italic; text-align:justify}
form em{	color:#8e8d8d; }
.error {	color: #f80e09;}
.merci img { padding-bottom:25px}
p.merci { margin:20px 0; text-align:center; color:#1c2f67}
.carriere p.merci { margin:50px 0 300px 0;}


/* =====[ FOOTER ]======================================================================== */
.footer .contenu div{
	width:50%;
	float:left;
}
.footer{
	background:#e5e5e6;
	padding:30px 0;
	color:#7e7e7f;
	font-size:15px;
}

.footer span{
	font-size:20px;
	color:#7e7e7f;
}

.footer .sanimanic{
	width:70%;
	max-width:245px;
	height:auto;
}


.copyright{
	font-size:13px;
	color:#676869;
	text-align:center;
	padding:20px 0 50px;
}


/* :::::[ 1400 PIXELS LAYOUT ]:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@media screen and (max-width: 1400px) {

.js #menu {	display:none; }
.js .slicknav_menu {display:block; }

.contenu {	width:90%;}

.header, .header_page {border-top:7px solid #1c2f67;}
.header .contenu, .header_page .contenu {border-top:none;}
.slogan{font-size:30px; margin:6% 0 8% 0;}
.faq ul li{	width:28%;}


}

/* :::::[ 768 PIXELS LAYOUT ]:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



@media screen and (min-width: 753px) and (max-width: 1008px) {

/* =====[ GLOBAL STYLES ]======================================================================== */

.contenu {	width: 714px;}

.slogan{font-size:30px; margin:6% 0 8% 0;}
.selectgris ul li{	margin-right:30px;}
.selectgris ul li a{	color:#1c2f67}
.accueil ul li{	width:65%;	margin-right:0;	margin-bottom:20px;	height:390px; }

.carriere h4 {	width:60%}

.cols{	float:none; width:100%;}
.cols+.cols{	margin-left:0%}

.footer .contenu div:first-child{	margin-bottom:20px;}
.footer .contenu div{width:90%;	float:none;}
}

/* :::::[ 480 PIXELS LAYOUT (IPHONE HORIZONTALE)]::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



@media screen and (min-width: 465px) and (max-width: 752px) {


/* =====[ GLOBAL STYLES ]======================================================================== */

.contenu {    width: 451px;	padding: 0 14px 0 15px;}

.header, .header_page{	background:url(../images/bg_top.jpg) no-repeat top left;}
.slogan{margin:8% 0 0 0; width:100%}
.selectgris ul li{	margin-right:10px;}
.accueil ul li{	width:90%;	margin-right:0;	margin-bottom:20px;	height:350px; }
.soumission{margin:40px 0 75px 0; background:transparent;}
.selectgris ul li a{	color:#1c2f67}
.selectgris ul li:last-child {padding-top:40px;}

.footer .contenu div:first-child{	margin-bottom:20px;}
.footer .contenu div{width:75%; margin:0 auto;	float:none;}
.footer .contenu div p{display:none;}
.footer .contenu div .right{float:none; display:block}
.copyright{	width:70%; margin:0 auto;}

.cols{	float:none; width:100%;}
.cols+.cols{margin-left:0%}

.faq ul li{	width:40%}

label{	width:100%;	text-align:left; margin-right:0; margin-top:5px;}
textarea {width:95%}
input[type=text]{ width:95% }
input[type=checkbox]{ margin-left:10%; }
input[type=radio]{ margin-left:10%; }
label.checkbox{ width:78%;}
.realisation img{	padding:15px 0;}

}

/* :::::[ 320 PIXELS LAYOUT (iphone vertical) ]::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



@media screen and (max-width: 464px) {


/* =====[ GLOBAL STYLES ]======================================================================== */

body { min-width: 320px; }
.contenu {width: 294px; padding: 0 13px 0 13px;}

.header{background:url(../images/bg_top.jpg) no-repeat top left;}
.slogan{margin:6% 0 8% 0; width:100%}
.selectgris span, .urgence strong{	font-size:20px;}
.selectgris ul li{	margin-right:10px;}


.accueil ul li{	width:100%;	margin-right:0;	margin-bottom:20px; height:360px;}
.accueil ul li:first-child{	height:430px;}
.accueil ul li img{	max-height:250px;}

.selectgris ul li a{	color:#1c2f67;}
.selectgris ul li {	padding-bottom:40px;}
.soumission{margin:40px 0 75px 0; background:transparent;}
.soumission .bouton{font-size:15px;}
.footer .contenu div:first-child{	margin-bottom:20px; width:100%}
.footer .contenu div:first-child .left{	float:left;}
.footer .contenu div{width:100%;	float:none;}
.footer .contenu div p {display:none;}
.footer .contenu div .right{float:none; }
.footer .contenu div .left{float:none; }
.footer .contenu div img{vertical-align:middle }

.copyright{	width:100%; margin:0 auto;}

.cols{float:none; width:100%;}
.cols+.cols{margin-left:0%}

.faq ul{ width:90%;}

label{	width:100%;	text-align:left; margin-right:0; margin-top:5px;}
textarea {width:95%}
input[type=text]{ width:95% }
input[type=checkbox]{ margin-left:10%; }
input[type=radio]{ margin-left:10%; }
label.checkbox{ width:78%;}

.realisation img{	padding:15px 0;}






}