@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);

@import url(css/font-awesome.css);
@font-face {
	font-family: 'Myriad-Pro';
    src: url('fonts/Myriad-Pro.eot');
    src: url('fonts/Myriad-Pro.eot?#iefix') format('embedded-opentype'),
             url('fonts/Myriad-Pro.woff') format('woff'),
             url('fonts/Myriad-Pro.ttf') format('truetype'),
             url('fonts/Myriad-Pro.svg#Myriad-Pro') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Myriad-Pro-semibold';
    src: url('fonts/MyriadPro-Semibold.eot');
    src: url('fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
             url('fonts/MyriadPro-Semibold.woff') format('woff'),
             url('fonts/MyriadPro-Semibold.ttf') format('truetype'),
             url('fonts/MyriadPro-Semibold.svg#Myriad-Pro-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('fonts/MyriadPro-Cond.eot');
    src: url('fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
             url('fonts/MyriadPro-Cond.woff') format('woff'),
             url('fonts/MyriadPro-Cond.ttf') format('truetype'),
             url('fonts/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
    font-weight: normal;
    font-style: normal;
 }
@font-face {
	font-family: 'Myriad-Pro-Bold';
    src: url('fonts/myriadwebpro-bold.eot');
    src: url('fonts/myriadwebpro-bold.eot?#iefix') format('embedded-opentype'),
             url('fonts/myriadwebpro-bold.woff') format('woff'),
             url('fonts/myriadwebpro-bold.ttf') format('truetype'),
             url('fonts/myriadwebpro-bold.svg#Myriad-Pro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('fonts/MyriadProBoldCondensed.eot');
    src: url('fonts/MyriadProBoldCondensed.eot?#iefix') format('embedded-opentype'),
             url('fonts/MyriadProBoldCondensed.woff') format('woff'),
             url('fonts/MyriadProBoldCondensed.ttf') format('truetype'),
             url('fonts/MyriadProBoldCondensed.svg#MyriadProBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
 }
 
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
a:hover{cursor:pointer}
ul{
list-style:none;	
}
/**=========================Main style=========================**/
body{
   color:#50504f;
	font-size:13px;
	font-family:'Open Sans';
	line-height:20px;
	text-align:justify;
	background:url(../img/bg.gif) repeat;	
}

/****************************Header*************************/
header{
	height: 570px;
	background:url(../img/bg-bandeau.jpg) repeat-x center 30px;
}
header div.container{
}
div.top_bar{background:#252424;min-height: 30px}
div.top_bar .sociaux ul li{display: inline-block;font-size: 21px;margin-right: 10px;border-right: 1px solid #797878;padding-right: 10px;padding-top: 5px;padding-bottom: 4px;font-family: 'Open Sans'; line-height:16px;}
div.top_bar .sociaux ul li:last-child{margin-right:0px;border-right: none; padding-right:0;}
div.top_bar .sociaux ul li i{
    color:#797878;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -ms-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;}
div.top_bar .sociaux ul li i:hover{color:#8aa1a9}
div.top_bar .sociaux ul li a.langue{
	font-family: 'Open Sans';
	font-size:11px;
	color:#797878;
	font-weight:normal;
}

div.top_bar nav ul.top li{float:left;font-size: 11px;padding-right: 8px;padding-left: 8px;border-right:1px solid #a29f9f;line-height: 30px; }
div.top_bar nav ul.top li a{color:#a29f9f;font-size: 11px;}
div.top_bar nav ul.top li a:hover{color:#8aa1a9}
div.top_bar nav ul.top li a.active{color:#8aa1a9}
div.top_bar nav ul.top li:last-child{
	border-right:none;
	
}
div.navig{
	float:right;
}
div.sociaux{float: right;text-align: left}
header div.logo{
    display:block;
	height:145px;
	text-align:center;
}
header div.logo a{
	text-align:center;
	margin-top:0px;
}

header div.menu{
	height:41px;
}
header div.container nav li {
    list-style:none;
}
header div.container nav li a{
    font-size:18px;
    color:#fff;
    text-decoration:none
}
/*menu*/
body #nav {
 	margin:0 0px; 
 	padding: 0;
    height:41px;
	float:left;
	background:#20315b;
	border-bottom:1px solid #fff;
width: 100%;
}

#nav li a, #nav li {
 float: left;
}
#nav li {
 list-style: none;
 position: relative;
 height:41px;
 
}
#nav li:last-child{
border-right:none;
}
#nav li a {
    font-size:24px;
    padding:0 54px;
	line-height:41px;
    width:auto;
    top:0px;
    left:0px;
    color:#fff;
	font-family:'Oswald';
	font-weight:300;
	text-transform:none;

}
#nav li a:hover {
     color:#fff;
}
#nav li a.active{
	  color:#fff;
}

/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; 
	height: 5px;
	right : 0;
	bottom: 0;
}
#nav li i{
	font-size:10px;
}
#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 41px;
 padding: 0; 
 margin: 0;
 border:none;
 z-index:999999999;
 min-width: 220px;
 width:100%;
 padding:10px 0px;
 background:#20315b;
}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 float: none;
 border-left:0;
 border-right:0;
 height:auto;
 text-transform:none;
 	border-bottom:0;

}
 #nav li ul li {
 padding:0px;
 	border-bottom:0;
 }
 #nav li ul li a {
	 font-family:'Oswald';
	 font-size:14px;
	 text-align:left;
	 color:#fff;
	 font-weight:300;
	 line-height:14px;
	 padding:10px;
	 
 }
   #nav li ul li:last-child{
	   background:none;
   }
  #nav li ul li:last-child a {
	  border:none;
	  background:none;
  }
 #nav li ul li a:hover{
	 color:#fff;
	 height:auto;
	 background:#3f558d;
 }
#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 
 display: block;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
 top: 0px;
 background:#3f558d;
 padding-top:0;
}

#nav li ul li:hover ul {
 left: 100%;
}
/*==========================header===================**/
/*===========================
         SEARCH
============================*/
.search{
    display:block;
	text-align: right;
	position:relative;
}
div.search i{
    color:#878787;
    padding: 2px 5px 0px;
    font-size: 20px;
	cursor: pointer;
}
div.search i.active{
	background: #79a953;
}
#top_search.active {
    display: block;
}
#top_search {
        display: none;
        position: absolute;
        background-color: #cfa93b;
        padding: 4px;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        z-index: 90;
		top: 31px;
    }
    #top_search input.element-block {
        background: none repeat scroll 0 0 #414141;
        border: 0 none;
        color: #a29f9f;
        float: left;
        margin-bottom: 0 !important;
		font-family: Arial;
		height: 30px;
    padding: 0 5px;
    }
	#searchsubmit{
    background-image: url('../img/recherche.png');
    background-position: center center;
    background-repeat: no-repeat;
     border: medium none;
     color: rgba(0, 0, 0, 0);
     height: 30px;
     float: left;
	 background-color: #414141;
	 cursor: pointer;
	 margin-left: 1px;
}
#searchsubmit:hover{
	background-color:#333333
}
#site-header{
    display: inline-block;
	z-index: 999999;
	position: relative;
}
 #top_search {
        min-width: 200px;
		right: 13px;
    }
	#top_search {
display: none;
position: absolute;
background-color: #8aa1a9;
padding: 4px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
z-index: 90;
top: 30px;
right: 0;
}
#searchsubmit {
width: 17%;
}




/***************** Content********************************/
#main{
		background:url(../img/bg.gif) repeat center 415px;	
}
body.home #main .container{
	padding-top:25px;
}
div.bandeau{
	width:1064px;
	border:0;
	height:auto;
	background:#fff;
	padding:0;
	margin-bottom: 0;
}
div.left{
	float:left;
	width:740px;
}

div.titre{
height:24px;
line-height:20px;
display:block;
color:#3f558d;
font-family:'Open Sans';
font-size:12px;
font-weight:400;
text-align:left;
text-decoration:none;
text-transform:none;
margin-bottom: 15px;
}
div.titre a{
	color:#2d2d2d;
	text-decoration:none;
}


div.left h1,div.right h1,div.right2 h1{
	text-align:left;
	color:#454544;
	font-size:24px;
	font-family:'Oswald';
	line-height:24px;
	background:none;
	text-transform:uppercase;
	font-weight:300;
	margin:0px 0 15px;
	padding:0;
	height:auto;
}
div.left article{
	margin:0 0 60px;
	display:block;
	color:#50504f;
	font-size:13px;
	font-family:'Open Sans';
	line-height:20px;
	text-align:justify;
	padding-bottom:25px;
	border-bottom:5px solid #f0f1f1;
	position:relative;
}
div.left article:last-child{
	margin-bottom:5px;
}
div.left article p{
color:#50504f;
	font-size:13px;
	font-family:'Open Sans';
	line-height:20px;
	text-align:justify;
	margin:0;
	padding:0;	
}
div.left article img{
	float:left;
	padding:0px 30px 10px 0px;
	width:auto;
}

div.left article h1{
	text-align:left;
	color:#50504f;
	font-size:12px;
	font-family:'Open Sans';
	line-height:18px;
	background:none;
	text-transform:none;
	font-weight:700;
	margin:0;
	padding:0;
	height:auto;
}

div.left article a{
	position:absolute;
	right:0;
	bottom:-30px;
	background:#252424;
	line-height:30px;
	color:#fefefe;
	font-size:14px;
	font-family:'Oswald';
	text-align:right;
	display:block;
	overflow:hidden;
	padding:0 10px;
	text-decoration:none;
	text-transform:none;
	font-weight:700;
}
div.left a.retour{
	float:right;
	display:block;
	overflow:hidden;
	background:#414141;
	line-height:24px;
	color:#fff;
	font-size:11px;
	font-family:'Open Sans';
	text-align:right;
	padding:0 10px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	margin-top:-30px;
	font-weight:600;
}
div.boc-reference{
	margin:0;
	padding:25px;
	background:#FFF;
	display:block;
	position:relative;
	width:688px;
	height:90px;
	border:1px solid #e5e5e5;
	
}
.jcarousel-skin-clear-slider {
    height: 90px !important;
}
.jcarousel-skin-clear-slider .jcarousel-container-horizontal {
    height: 90px !important;
    padding: 0 !important;
}
.jcarousel-skin-clear-slider .jcarousel-item {
    background-image: none !important;
    background-repeat: no-repeat !important;
	background-position:center center!important;
    border: 0 none !important;
    border-radius: 0 0 0 0 !important;
    height:90px;
    margin: 0 45px 0 0 !important;
    padding: 0 !important;
    width: auto;
	text-align:center;
}
.jcarousel-skin-clear-slider .jcarousel-item .panel_image {
    background-repeat: no-repeat !important;
    border: medium none !important;
	background-position:center center;
	text-align:center;
}
.jcarousel-skin-clear-slider .jcarousel-container {
    margin: 0 !important;
}
div.jcarousel-clip.jcarousel-clip-horizontal{
	overflow:hidden;
}
div.right{
	float:right;
	width:265px;
}
div.right2{
	float:left;
	width:265px;
}
div.box-contact-right{
	width:265px;
}

div.box-contact-right .inputcont {
height: 38px;
border: 1px solid #e5e5e5;
background: #fff;
width: 233px;
float: left;
color: #252424;
font-size: 13px;
font-family:'Open sans';
margin: 5px 0 0px 0px;
padding:0 15px;
}

div.box-contact-right .inputcont-adresse {
height: 130px;
border: 1px solid #e5e5e5;
background: #fff;
width: 233px;
float: left;
color: #252424;
font-size: 13px;
font-family:'Open sans';
margin: 5px 0 0px 0px;
padding:10px 15px;
}
div.box-contact-right .submi-cont {
	display:block;
	width:100%;
height: 52px;
margin-top: 6px;
background: #252424 url(../img/flesh.png) no-repeat 145px center;
font-size: 22px;
font-family: 'Oswald';
color: #fff;
font-weight: 700;
text-align: right;
padding:0 5%;
border: 0px;
cursor: pointer;
}
.styled-select {
overflow: hidden;
border:1px solid #e5e5e5;
background:#fff;
margin-top: 5px;
margin-bottom: 5px;
}
.styled-select select {
margin: 0;
border: 0;
color: #252424;
font-size: 13px;
font-family:'Open sans';
-webkit-appearance: none;
padding:5px 10px;
height:38px;
cursor: pointer;
width: 100%;
background-attachment: scroll;
background-color: transparent;
background-image: url(../img/arrow_select.png);
background-repeat: no-repeat;
background-position: 95% center;
}
.cs{
	background-color:#0873d3;	
}
.nc{
	background-color:#408c3c;	
}
.hfts{
	background-color:#d46114;	
}
.mbs{
	background-color:#29966c;	
}
.forachem{
	background-color:#b62a29;	
}
.g2i{
	background-color:#3c4ea4;	
}
div.left2{
	float:right;
	width:688px;
	background:#fff;
	border:1px solid #e5e5e5;
	padding: 15px 25px;
}
div.left2 figure{
	display:block;
	text-align:center;
	
}
div.left2 figcaption {
text-align: center;
font-family: 'Oswald';
font-size: 26px;
font-weight: 700;
line-height: 90px;
color: #fefefe;
margin:40px auto 20px;
text-transform: uppercase;
display:block;
height:90px;
padding: 0px ;
}
div.left2 p{
	font-size: 14px;
font-family: 'Open sans';
color: #2d2d2d;
font-weight: 400;
text-align: justify;
line-height:24px;
margin:0px;
padding:0px;	
}
div.box-contact{
	background:#252424;
	padding:12px;
	display:block;
	margin-top:25px;
	position:relative;
}
div.box-contact p{
	font-family:'MyriadPro-Cond';
	font-size: 18px;
color: #fff;
font-weight: 400;
text-align: left;
line-height:30px;
margin:0px;
padding:0px;
}
div.box-contact p span{
	margin-right:18px;
	vertical-align:top;	
}
div.box-contact p a {
	position:absolute;
right:12px;
width: auto;
height: 52px;
line-height:52px;
text-decoration:none;
top: 32px;
background: #fff url(../img/flesh2.png) no-repeat 10px center;
font-size: 22px;
font-family: 'Oswald';
color: #252424;
font-weight: 700;
text-align: right;
padding: 0 20px 0 55px;
border: 0px;
cursor: pointer;
}
div.left2 h1{
	display:block;
	font-size: 24px;
font-family: 'Oswald';
color: #454544;
font-weight: 700;
text-align: center;
line-height:52px;
border-bottom:1px solid #e5e5e5;
margin:0 0 15px;
padding:0px;
text-transform:uppercase;	
}
div.left2 div.table table.refrencestab{
font-size: 11px;	
}
div.left2 div.table table.refrencestab tr{
border-bottom:none
}
div.left2 div.table table.refrencestab tr:nth-child(2n+1) td{
	background:#f5f3f4;
	border-bottom:none;
}
div.left2 div.table table.refrencestab tr td{
	background:#e5e5e5;
}

div.left2 div.table table.refrencestab tr td{
	border-right:5px solid #d9d7d8;
	line-height:18px;
}
div.left2 div.table table.refrencestab tr td:last-child{
	border-right:none;
}

div.left2 div.table{
	background:#e5e5e5;	
	border:1px solid #cfcdcd;
	font-size:12px;
	color:#454544;
	font-family:'Open sans';
}
div.left2 div.table th{
	font-weight:normal;
	border:none;
	line-height:12px;
	padding:15px 2px;	
}
div.left2 div.table tr{
	border-bottom:5px solid #e5e5e5;
}
div.left2 div.table td{
	border:none;
	line-height:12px;
	padding:10px 2px;	
	text-align: center;
	vertical-align: middle;
}
div.left2 div.table tr td:nth-child(1),div.left2 div.table tr td:nth-child(3), div.left2 div.table tr td:nth-child(5),div.left2 div.table tr td:nth-child(7),div.left2 div.table tr td:nth-child(9), div.left2 div.table tr td:nth-child(11),div.left2 div.table tr td:nth-child(13),div.left2 div.table tr td:nth-child(15), div.left2 div.table tr td:nth-child(17){
	background:#f5f3f3;
	
}
/* *********   Footer   ******************/
footer{
	margin-top:50px;
    text-align:center ;
	min-height:170px;
	margin-bottom:0px;

}
div.foot1{
	background:#20315b;
	min-height:115px;
	
}
.bloc-foot{
	/*width:16.5%;
	float:left;*/
	width: auto;
float: left;
margin-right: 6%;
}
.bloc-foot h1{
	margin:0;
	padding:0;
	text-align:left;
	text-transform:uppercase;
    color:#6c83bc;	
	font-size:12px;
	line-height:42px;
	font-family:'Open Sans';
	font-weight:400;
}
.bloc-foot ul li a{
	text-align:left;
	display: block;
	color:#fdfefe;
	font-family:'Open Sans';
	font-weight:400;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
}
	
div.foot2{
	background:#3d5185;
	min-height:52px;
}
footer div.container{
	width:1064px;
	font-size:11px;
	color:#727272;
	font-family:Arial;
	line-height:40px;
	text-align:center;
}
footer div.foot-bottom{
	width:100%;
	display:block;
}
footer nav.footer_nav ul{
    margin:0
}
footer nav.footer_nav li{  
    float:left;
    list-style:none
}
footer nav.footer_nav li a{
    float:left;
    list-style:none;
    padding:0px 10px;
    color:white;
    font-family: 'Open Sans';
    font-size:12px;
	line-height:52px;
}
footer nav.social_nav li{  
    float:left;
    list-style:none;
    margin-right:10px;
}

footer .copyright{
	line-height:52px;
	font-size:11px;
	color:#172547;
	font-family:'Open Sans';
	text-align:right;
}
footer .copyright a{
	color:#172547;
}

/***************interne*********************/
div.menu-produits{
	display:block;
	margin-bottom:40px;
}

/**********   Contact   ******************/
.inter{
	padding:20px;
	float: right;
width: 70%;
}
.label {
width: 190px;
text-align: left;
padding-top: 14px;
float: left;
padding-right: 20px;
color: #2d2d2d;
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
}
.inputcont {
height: 25px;
border:1px solid #e5e5e5;
background: #fff;
width: 170px;
float: left;
color: #252424;
font-size: 10px;
margin: 14px 0 0px 0px;
}
.inputcont-adresse {
height: 80px;
border: 1px solid #e5e5e5;
background: #fff;
width: 270px;
float: left;
color: #252424;
font-size: 10px;
margin: 10px 0 0px 0px;
}
.submi-cont {
float: right;
width: auto;
height: 20px;
margin-top: 20px;
padding:0 15px;
background: #252424;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-weight: bold;
text-align: center;
border: 0px;
cursor: pointer;
}
.wpcf7-form input,.wpcf7-form textarea,.wpcf7-form select{
    width:200px;
    padding:2px;
}
.wpcf7-form input{
    height:15px;
    margin:0
}
.control-group {
    margin-bottom: 0px;
}

.control-group p{margin:0}
div.controls {
    margin-left: 90px;
}
#btn_send{
    background-color:#0f7fed;
    color:#fff;
    background-image:none;
    margin-left:135px;
    display:block;
    width:100px;
    border:none;
    padding:5px;
    height:30px;
	border-radius:5px;
	-moz-border-radius:5px;
	 -webkit-border-radius: 5px;
}
#btn_send:hover{opacity:0.7;}

/*====================================>> Navigation <<========================================*/
div.pagination{
	display:block;
    color:#0069b0;
    font-size:12px;
    text-align: right;
	margin:10px 0;
	float: right;
width: 100%;
}
ul.page-numbers{
    text-align: right;
	float: right;
}
div.pagination li{
    float:left;
    display: inline-block;
	margin-left:2px;
}
div.pagination li a.page-numbers{
	float:left;
    display:block;
    height:auto;
    color:#0069b0;
    font-size:12px;
	padding:0 3px;
	font-family:Tahoma;
	font-size:11px;
    line-height: 14px; 
}
div.pagination li a.prev{
    background-image:url(../img/prev.png);
    color:transparent;
}
div.pagination li a.next{
    background-image:url(../img/next.png);
    color:transparent
}
div.pagination li span.current{
    display:block;
	width:auto;
    height:auto;
     background:#0069b0;
	color:#fff;
    font-size:12px;
    line-height:14px;
    text-align: center;
	padding:0 3px;
	font-family:Tahoma;
	font-size:11px;
    line-height: 14px; 
}
div.pagination li a:hover{
    background:#0069b0;
	color:#fff;
	text-decoration:none;
}