/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
html {width:100%}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
img{max-width:100%;}
/*end reset*/
.clear{clear:both;}/* clear float */
/*---start-wrap----*/
body{
	margin:0 auto;
	padding:0 auto;
	background:#eee;
}

 #body-container,
  #header-above {
    margin: 0 auto;
    padding: 0;
  }
 .clearfix:before,
  .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }
  .clearfix:after {
    clear: both;
  }
  .clearfix {
    zoom: 1;
  } 
 #header {
    overflow:visible !important;
	z-index:1000 !important;
}
#content-container > .gutter {
    margin: 10px 15px;
  }
#content-container {
	margin:10px 0;
    background:#e4e9ed;
	width:100%;
  }
#nav-below-1 .gutter {
    margin: 0 -15px;
  }
 .count-1 {
    float: left;
    width: 100%;
  }
  

/*//////////////////////////////////////////////////////////////////////////*/  
  
  
.menu-top{
	margin:0;
	padding:15px 0;
	background:#e3eaee;
	text-align:right;
	-webkit-box-shadow: #666 0px 2px 2px;
	-moz-box-shadow: #666 0px 2px 2px;
	box-shadow: #666 0px 2px 2px;
}
.menu-top .separ{
	margin:0;
	padding:0;
	border-right:1px solid #000;
}
.menu-top ul{
	width:90%;
}
.menu-top ul li{
	display:inline-block;
	border-left:1px solid #000;
}
.menu-top ul li a,.top-header-right ul li a{
	font-family: 'Open Sans', sans-serif;
	font-size:0.75em;
	font-weight:bold;
	color:#000;
	text-transform:none;
}
.menu-top ul li a{
	padding: 3px 8px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.menu-top ul li> a:hover , .menu-top ul li.active> a{
	text-decoration:underline;
}

  
  
/*//////////////////////////////////////////////////////////////////////////*/  
  
  
.wrap{
	width:92%;
	min-width:1000px;
	max-width:1600px;
	min-height:578px;
	margin:2px auto 0 auto;
	padding:0 0 20px 0;
	font-family: 'Open Sans', sans-serif;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background:#fff;
}

.wrap .block-logo {
	margin:0;
	padding:30px 0;
}
.wrap .block-logo .logo{
	margin:0;
	width:205px;
	height:50px;
	background:url(images/logo.jpg) no-repeat;
}
.wrap .block-logo .block-search, 
.wrap .block-logo .block-slogan,  
.wrap .block-logo .logo{
	float:left;
}
 
.wrap .block-logo .block-social{
	float:right;
}
.wrap .block-logo .block-search, 
.wrap .block-logo .block-slogan, 
.wrap .block-logo .block-social{
	margin:0 20px;
}
.wrap .block-logo .block-search input[type="text"]{
	float: left;
	width: 140px;
	height: 28px;
	border: none;
	display:block;
	color:#fff;
	background: #80000c;
	padding-left: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.wrap .block-logo .block-search input[type="submit"] {
	background: #80000c url(images/icon-1.png) center center;
	width: 28px;
	height: 28px;
	cursor: pointer;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
	-moz-transition: background 0.3s ease-out;
	-o-transition: background 0.3s ease-out;
	-webkit-transition: background 0.3s ease-out;
	transition: all 0.3s ease-out;
	border:none;
}
.wrap .block-logo .block-search input[type="submit"]:hover{
	background: #303030 url(images/icon-1.png) center center;
}

.wrap .block-logo .block-slogan span{
	font-size:1.5em;
	color:#777;
	font-family:'Trebuchet MS';
	letter-spacing:2px;
	padding-left:30px;
}



/*//////////////////////////////////////////////////////////////////////////*/

.wrap .top-nav{
	padding-left:10px;
	height:62px;
	background:#80000c;
	font-size:0.9em;
}


/*//////////////////////////////////////////////////////////////////////////*/


/* ----------------------------------------------Wrapper-------------------------------------*/

.wrap .wrapper{
	display:block;
	margin:0;
	text-align:left;
	}

.margin{
	margin-left:10px;
	}

#contenu{
	margin:0 auto;
	padding:0;
	min-width:1000px;
	max-width:1600px;
}
#contenu #contenu-left0000{
	margin:0;
	margin-top:20px;
	padding:0;
	width:82%;
	float:left;
}
#contenu #contenu-left{
	margin:0 auto;
	margin-top:20px;
	padding:0 1.5%;
}
#contenu #contenu-left #contenu-cols{
	margin:0 2.5% 0 0;
	padding:0;
	width:23%;
	float:left;
}
#contenu #contenu-left #contenu-cols-e{
	margin:0;
	padding:0;
	width:23%;
	float:left;
}
#contenu #contenu-left #contenu-cols h2,
#contenu #contenu-left #contenu-cols-e h2 {
	margin:0;
	padding:2px 0 0 2px;
	height:50px;
	-webkit-border-radius: 0 0 0 8px;
	-moz-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
	-webkit-box-shadow: #666 0px 0px 8px;
	-moz-box-shadow: #666 0px 0px 8px;
	box-shadow: #666 0px 0px 8px;
}
#contenu #contenu-left #contenu-cols h2 span,
#contenu #contenu-left #contenu-cols-e h2 span {
    display:block;
    margin:10px 0 0 0;
    padding:0 0 .333333em;
	border:1px solid #777;
	border-width:0 0 3px 0;
	color:#80000c;
	font-size:1em;
	text-align:left;
	font-weight:bold;
}
#contenu #contenu-left #contenu-cols .custom,
#contenu #contenu-left #contenu-cols-e .custom{
	margin:-12px 0 0 0;
	padding:10px 5px;
	min-height:300px;
	font-size:14px;
	color:#000;
	background:#fff;
	display:block;
}
.more {
	display:block;
	margin:0 auto;
	padding: 5px 10px;
	border: 1px solid #c60005;
	text-align: center; 
	color:#fff;
	width: 210px;
	height:20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 0px 8px;
	-moz-box-shadow: #666 0px 0px 8px;
	box-shadow: #666 0px 0px 8px;
	background: #80000c;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80000c), to(#2C0B07));
	background: -webkit-linear-gradient(#80000c, #2C0B07);
	background: -moz-linear-gradient(#80000c, #2C0B07);
	background: -ms-linear-gradient(#80000c, #2C0B07);
	background: -o-linear-gradient(#80000c, #2C0B07);
	background: linear-gradient(#80000c, #2C0B07);
	-pie-background: linear-gradient(#80000c, #2C0B07);
	behavior: url(/pie/PIE.htc);
    -webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    -ms-transition: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.2s linear all;
  }
  .more:hover {
    cursor: pointer;
    border-color:none;
	background: #2C0B07;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2C0B07), to(#80000C));
	background: -webkit-linear-gradient(#2C0B07, #80000C);
	background: -moz-linear-gradient(#2C0B07, #80000C);
	background: -ms-linear-gradient(#2C0B07, #80000C);
	background: -o-linear-gradient(#2C0B07, #80000C);
	background: linear-gradient(#2C0B07, #80000C);
	-pie-background: linear-gradient(#2C0B07, #80000C);
	behavior: url(/pie/PIE.htc);
	-webkit-transition: 0.2s linear all;
    -moz-transition: 0.2s linear all;
    -ms-transition: 0.2s linear all;
    -o-transition: 0.2s linear all;
    transition: 0.2s linear all;
  }


.wrap h4 {
	font-size:1.3em;
	text-transform:uppercase;
	line-height:15px;
	border-bottom:2px solid #575656;
	font-weight:bold;
	color:#80000c;
	padding:16px 0 12px 0;
	margin-bottom:10px
}
.wrap #contenu .cols {
float:left;
width:30.5%;
}
.wrap #contenu .col1{
	float:left;
	width:22.5%;
}

.wrap #contenu .pad_left {
padding-left:30px
}
.wrap #contenu .pad {
padding:0 35px
}
.wrap #contenu .pad_bot1 {
font-size:80%;
padding-bottom:22px;
text-align:justify;
}
.wrap #contenu .pad_bot2 {
font-size:0.9em;
padding-bottom:22px;
text-align:justify;
color:#000;
}
.wrap #contenu .img {
margin:0 auto;
}
.wrap #contenu .marg_right1 {
margin-right:20px
}
.wrap #contenu .box1_out {
height:270px;
border-bottom:1px solid #e6e6e6;
border-right:1px solid #eaeaea;
border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(pie/PIE.htc);
position:relative;
padding:5px
}

.wrap #contenu .button{
margin-left:10px;
position:relative;
margin-bottom:20px;
padding-top:20px;
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
color:#fff;
line-height:25px;
text-decoration:none;
display:inline-block;
}  
  
#contenu-left #block-contenu1-leftin{
	margin:40px auto 10px auto;
	padding:10px;
	width:95%;
	border:1px solid #80000c;
	background:#e4e9ed;
}
 #contenu-left #block-contenu1-leftin p{
	font-size:1.1em;
	text-align:left;
	color:#000;
}
 #contenu-left #block-contenu1-leftin a{
	text-align:left;
	color:#c60005;
}
 #contenu-left #block-contenu1-leftin a:hover{
	text-decoration:underline;
}
 #contenu-left #block-contenu1-leftin .date-actu {
font-size:0.9em;
font-weight:bold;
text-align:left;
color:#000;
}
 #contenu-left #block-contenu1-leftin .titre-actu {
font-size:1.1em;
font-weight:bold;
text-align:left;
color:#c60005;
}
/*slider*/
 #contenu-left .slider-bg{
	margin:20px auto 0 auto;
	width:97.5%;
	font-weight:bold;
	background: #eaeaea;
	border-top: 1px solid rgb(223, 223, 223);
}
#contenu-left .slider-bg h2 {
	font-size:1.3em;
	line-height:26px;
	text-align:center;
	color:#80000c;
	padding:5px 0 12px 0
}
/*--Slider--*/
 #contenu-left .container{
	margin:0;
}
 #contenu-left .dg-container{
	max-width: 100%;
	height: 150px;
	position: relative;
	background:#000;
}
 #contenu-left .dg-wrapper{
	width: 180px;
	height: 125px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
 #contenu-left .dg-wrapper a{
	width: 180px;
	height: 125px;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	background: transparent url('../images/browser.png') no-repeat top left;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
 #contenu-left .dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
 #contenu-left .dg-wrapper a img{
	display: block;
	padding: 0px 0px 0px 1px;
}
 #contenu-left .dg-wrapper a div{
	font-style: italic;
	text-align: center;
	line-height: 10px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #333;
	font-size: 16px;
	width: 100%;
	bottom: -55px;
	display: none;
	position: absolute;
}
 #contenu-left .dg-wrapper a.dg-center div{
	display: block;
}
 #contenu-left .dg-container nav{
	width: 38px;
	position: absolute;
	z-index: 1000;
	bottom: 40px;
	left: 50%;
	margin-left: -29px;
}
/*end slider*/
 
 
 
#contenu #contenu-right{
	margin:0;
	padding:0;
	width:18%;
	float:right;
}
#contenu #contenu-right .contenu-right-contact{
	margin:0;
	padding:0;
	text-align:center;
}

.input {margin:10px 0;width:180px;color:#000;}
.input {
	background:url(images/input_bg.gif) top repeat-x;
	border:1px solid #80000c;
	font:14px Arial, Helvetica, sans-serif;
	height:16px;
	padding:5px 10px;
	color:#aaa;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior:url(pie/PIE.htc);
	position:relative;
}

#contenu #contenu-right #contactform{
display:block;
border:1px solid #80000c;
margin:15px 0;
padding:0 10px;
background:#e4e9ed;
}
#contenu #contenu-right #contactform p{
font-size:15px;
}
#contenu #contenu-right #contactform h2{
margin:0 0 15px 0;
padding:0 0 8px 0;
font-size:1.7em;
font-weight:normal;
font-family:"sans serif", Georgia, Times New Roman, Times;
color:#000;
line-height:40px;
border-bottom:4px solid #fff;
}

/* ----------------------------------------------Contact Form in Footer-------------------------------------*/
.submit {
	margin:10px auto;
	padding:0 10px;
	border:none;
	display:block;
	width:150px;
	height:32px;
	font-size:14px;
	color:#fff;
	line-height:32px;
	text-decoration:none
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 0px 8px;
	-moz-box-shadow: #666 0px 0px 8px;
	box-shadow: #666 0px 0px 8px;
	background:#80000c;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80000c), to(#2C0B07));
	background: -webkit-linear-gradient(#80000c, #2C0B07);
	background: -moz-linear-gradient(#80000c, #2C0B07);
	background: -ms-linear-gradient(#80000c, #2C0B07);
	background: -o-linear-gradient(#80000c, #2C0B07);
	background: linear-gradient(#80000c, #2C0B07);
	-pie-background: linear-gradient(#80000c, #2C0B07);
	behavior: url(/pie/PIE.htc);
}
.submit:hover{
	background:#80000c;
	-webkit-transition: 0.001s linear all;
	-moz-transition: 0.001s linear all;
	-ms-transition: 0.001s linear all;
	-o-transition: 0.001s linear all;
	transition: 0.001s linear all;
}
#contenu #contenu-right .contenu-right-contact #contactform form{
margin:0;
padding:0;
border:none;
line-height:normal;
}

#contenu #contenu-right .contenu-right-contact #contactform input, 
#contenu #contenu-right .contenu-right-contact #contactform textarea{
display:block;
width:180px;
margin:8px 0;
padding:5px;
color:#000000;
background-color:#F7F7F7;
border:1px solid #80000c;
}

#contenu #contenu-right .contenu-right-contact #contactform label textarea{
display:block;
width:180px;
overflow:auto;
}
#contenu #contenu-right .contenu-right-contact #contactform p{
display:block;
width:180px;
margin:0;
padding:0;
clear:both;
}
#contenu #contenu-right .contenu-right-contact #contactform input{
padding:5px 10px;
color:#666666;
background-color:#F7F7F7;
border:1px solid #80000c;
}

.contact-form {
	position: relative;
	padding-bottom: 30px;
}
.contact-form div {
	padding: 5px 0;
}
.contact-form span {
	display: block;
	font-size: 0.98em;
	color: #757575;
	padding-bottom: 5px;
	font-family: verdana, arial, helvetica, helve, sans-serif;
}
.contact-form input[type="text"], .contact-form textarea {
	padding: 8px;
	display: block;
	width:98%;
	background:none;
	border:1px solid #970909;
	outline: none;
	color: #464646;
	font-size:1em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
}
.contact-form textarea {
	resize: none;
	height: 120px;
}
.contact-form input[type="submit"] {
	font-size:1.3em;
	padding:10px 15px;
	background:#CD1F25;
	color: #FFF;
	border:none;
	text-decoration: none;
	outline: 0;
	cursor:pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: absolute;
	right: 0;
}
.contact-form input[type="submit"]:hover {
	text-shadow: 0px 0px 1px #000;
	background: #292929;
}
.newsl-form {
	position: relative;
}
.newsl-form span {
	display: block;
	margin:0 auto;
	width:65%;
	font-size: 0.98em;
	color: #757575;
	font-family: verdana, arial, helvetica, helve, sans-serif;
}
.newsl-form label {
	display: block;
	margin:0 auto;
	text-align:center;
	font-size: 1.2em;
	font-weight:bold;
	color: #757575;
	font-family: verdana, arial, helvetica, helve, sans-serif;
}
.newsl-form .span {
	display: block;
	margin:0 auto;
	width:25%;
	font-size: 0.98em;
	color: #757575;
	padding-bottom: 5px;
	font-family: verdana, arial, helvetica, helve, sans-serif;
}
.newsl-form input[type="text"] {
	padding: 8px;
	display: block;
	width:98%;
	background:none;
	border:1px solid #970909;
	outline: none;
	color: #464646;
	font-size:1em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
}
.newsl-form input[type="submit"] {
	font-size:1.3em;
	padding: 8px;
	display: block;
	background:#CD1F25;
	color: #FFF;
	border:none;
	text-decoration: none;
	cursor:pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.newsl-form input[type="submit"]:hover {
	text-shadow: 0px 0px 1px #000;
	background: #292929;
}

.company_address p {
	font-size: 0.8125em;
	color: #757575;
	padding: 0.2em 0;
	font-family: Arial, Helvetica, sans-serif;
}
.company_address p span {
	text-decoration: underline;
	color: #444;
	cursor: pointer;
}

/*//////////////////////////////////////////////////////////////////////////*/ 


#footer{
	padding:25px 0 0 0;
	min-height:250px;
	background:#80000c;
	font-family: 'Open Sans', sans-serif;
}
#footer ul{
	border-top:1px dashed #c60005;
	border-bottom:1px dashed #c60005;
	margin:0 auto 0 auto;
	padding:0;
	display:block;
	width:90%;
	list-style:none;
	color:#fff;
}
#footer #infosbas{
	margin:0;
	padding:0 auto;
	text-align:center;
}
#footer #infosbas .envelop, #footer #infosbas .phone, #footer #infosbas .fax{
	margin:0 20px;
	padding:0 0 0 15px;
	height:12px;
	font-size:11px;
	line-height:12px;
}
#footer #infosbas .phone{
	width:130px;
	background:url(images/phone.png) no-repeat left;
}
#footer #infosbas .fax{
	width:130px;
	background:url(images/fax.png) no-repeat left;
}
#footer #infosbas .envelop{
	width:200px;
	background:url(images/envelop.png) no-repeat left 3px;
}
#footer ul li{
	margin:0;
	padding:0 10px;
	width:160px;
	float:left;
	display:block;
}
#footer ul li .h2{
	margin:5px 0;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
}
#footer .bottom2{
	padding:0 auto;
	height:40px;
	text-align:center;
	color:#fff;
	font-size:0.6em;
}
#footer .bottom{
	padding:0 auto;
	text-align:center;
	color:#fff;
	font-size:0.8em;
}
#footer .bottom a{
	margin:0 50px;
	text-align:center;
	color:#fff;
}
#footer .bottom a:hover{
	text-decoration:underline;
}
#footer ul li a{
	margin:5px 0 5px 5px;
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:13px;
}
#footer ul li a:hover{
	color:#c60005;
}