@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,figure {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;    
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

* {
    box-sizing: border-box;
}

/* Structure
 * --------------------------------------- */
body{
	font-family: 'Exo', Arial,Helvetica,sans-serif;
	color: #333;
	color: rgba(0,0,0,0.5);
	background:#6b7c7c;
}

#container{content:"";display:table;width:100%;max-width:1121px;margin:0 auto;margin-top:30px;margin-bottom:30px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 2px solid #FFFFFF;}
#content{content:"";display:table;text-align:left;}

.col33{float:left;width:33.3333%;}
.col25{float:left;width:24.8888%;}


/* Header
 * --------------------------------------- */
.site-header{padding:142px 0 0 0;background:#fff;}
.site-header h1{
	padding:0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #1a171b;
	margin:0 auto;	
	text-align:center
}
.site-header span{
	display:block;
	position:absolute;
	text-indent:-9000px;
}
.site-header h2{
	padding:0 0 55px 0;
	font-family: 'Exo', Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight:500;
	color: #7d8d8d;
	margin:0 auto;	
	text-align:center
}
.site-header h2 strong{
	font-weight:700;
}

/* Navigation
 * --------------------------------------- */

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Menu */
#navbar{
	margin:0 auto;
	text-align:center;
	padding:0 0 25px 0;
}
#navbar li {
	display:inline-block;
	padding:0 3px 0 21px;
	font-family: 'Exo', Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight:700;
	color: #e04609;
	background: url(images/nav-sep.png)0 34px no-repeat;
}
#navbar li:first-child {
	background: none;
}
#navbar li a{
	display:block;
	padding:20px 0 18px 0;
	text-decoration:none;
	color: #e04609;
}
#navbar li a:hover{
	color: #e04609;
	text-decoration:underline;
}


/* Content
 * --------------------------------------- */

.site-content{width:100%;margin:0 auto;}
.section{content:"";display:table;width:100%;margin:0 auto;padding:30px 0 40px 0;}

.section-title{max-width:962px;margin:0 auto;margin-bottom:45px;}
.section-title h1{margin:0 0 0 17px;font-size:30px;font-weight:300;color:#fff;text-transform:uppercase;}
.section-content{max-width:962px;margin:0 auto;-moz-hyphens: auto;word-wrap: break-word;}

.section-content h2{margin:0 0 25px 17px;font-size: 26px;font-weight:500;color:#fff;}
.section-content h2 a{color:#fff;}
.section-content p{margin:0 0 0 17px;padding:0 0 20px 0;font-size: 16px;font-weight:400;color:#fff;}

#metiers{background:#3886b3;}
#metiers .section-title{margin-bottom:25px;}
#metiers .section-title h1{margin:5px 0 0 17px;}
#metiers #rp{padding:163px 0 0 0;background: url(images/metiers-rp-bg.png)center top no-repeat;}
#metiers #mc{padding:163px 0 0 0;background: url(images/metiers-mc-bg.png)center top no-repeat;}
#metiers #ed{padding:163px 0 0 0;background: url(images/metiers-ed-bg.png)center top no-repeat;}
#metiers .section-content p{font-size: 18px;font-weight:500;}

#equipe{background:#1a5681;}
#equipe .section-content .mhbrd{min-height:410px;margin-bottom:45px;background:url(images/brd.png)17px bottom no-repeat;}
#equipe .section-content h2{margin:0 0 18px 17px;font-size: 22px;font-weight:500;color:#bbcdd9;}
#equipe .section-content h2 span{display:block;margin:0 0 0 0;font-size: 18px;font-weight:400;color:#fff;}
#equipe .section-content h2 a{color:#bbcdd9;}
#equipe .section-content p{padding:0 15px 30px 0;}

#references{background:#fff;}
#references.section{padding-bottom:120px;}
#references .section-title h1{margin:0 0 0 0px;font-size:26px;font-weight:500;color:#7d8d8d;}
#references .section-content .col25{min-height:235px;}
#references .section-content .col25 ul{padding:0 0 0 35px;min-height:235px;border-right:1px solid #e5e8e8;}
#references .section-content .col25 ul.npad{padding:0 0 0 0px;}
#references .section-content .col25 ul.nbrd{border-right:none;}
#references .section-content .col25 ul li{margin:0 0 30px 0;}

#contact{background:#3886b3;}
#contact .section-title{margin-bottom:5px;}
#contact #contactbs{max-width:380px;margin:0 auto;}
#contact #contactbs img{float:left;margin:0 16px 0 0;}
#contact .section-content #contactbs h2{margin:0 0 15px 17px;padding:15px 0 0 0;font-size: 24px;font-weight:500;color:#fff;}
#contact .section-content #contactbs h2 a{color:#fff;}
#contact .section-content #contactbs p{margin:0 0 0 17px;padding:0 0 10px 0;font-size: 16px;font-weight:400;color:#fff;}
#contact .section-content #contactbs p a{color:#fff;}


/* Responsive
 * --------------------------------------- */
@media (max-width: 1140px) {
	#container{max-width:980px;}
}
@media (max-width: 930px) {
	#equipe .section-content .mhbrd{min-height:490px;}
	#references .section-content .col25{width:33.3333%;}
}
@media (max-width: 830px) {
	#equipe .section-content .mhbrd{min-height:590px;}
}
@media (max-width: 690px) {
	#metiers .section-content .col33{width:100%;}
	#equipe .section-content .col33{width:100%;}
	#equipe .section-content .mhbrd {min-height: 0 !important;}
	#equipe .section-content #rb{margin-bottom: 45px;background:url(images/brd.png)17px bottom no-repeat;}
	#references .section-content .col25{width:50%;}
}
@media (max-width: 490px) {
	#references .section-content .col25{width:100%;margin:0 auto;text-align:center;padding-left:20px;}
	#references .section-content .col25 ul {padding: 0 0 0 0px;}
	#references.section {padding-bottom: 40px;}
}
@media (max-width: 430px) {
	.site-header {padding:20px 0 0 0;}
	.site-header h1 img{width:100%;height:auto;}
	.site-header h2{padding:0 0 20px 0;font-size:18px;}
	#navbar li {padding:0 3px 0 8px;font-size: 16px;background: none;}
	#navbar li a{padding:5px 0 5px 0;}
	#metiers #rp{padding:80px 0 20px 0;background-size: 64px 64px;}
	#metiers #mc{padding:80px 0 20px 0;background-size: 64px 64px;}
	#metiers #ed{padding:80px 0 20px 0;background-size: 64px 64px;}
	
	#references .section-content .col25 {padding-left: 0px;text-align:center;}
	#references .section-content .col25 ul {padding: 0 0 0 0px;}
	#references .section-content #ref4 {min-height: 0px !important;}
	#references .section-content #ref4 ul {min-height: 0px !important;}
}