/****************************************************************
*****************************************************************
BODY
*****************************************************************
****************************************************************/

body{
	background-image: none;
	background-color: #fff;
}


#wrap{
	-webkit-box-shadow: none;
	box-shadow: none;
	max-width: 100%
}

h1,
h2, 
h3, 
h4, 
h5, 
h6 { font-family: "Open Sans", Arial, sans-serif;

 } 

.fullwidth-section{
	margin-top: 0px;
 	margin-bottom: 0;
 	border: none;
 	padding-bottom: 0;
 }

.fullwidth-section .portfolio-grid{
	margin-bottom: 0;
}

 #content{
 	padding-bottom: 0;
 }

h2.section-title,
h2.section-title-wu{
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	margin-top: 30px;
}

h2.section-title{
	margin-bottom: 30px;
}

h2.section-title-wu.uppercase{
	text-transform: uppercase;
}

h2.section-title-wu.uppercase span.section-prefixe-title{
	text-transform: none;
}

h2.section-title span.section-prefixe-title,
h2.section-title-wu span.section-prefixe-title{
	font-weight: 400;
}

h2.section-title-wu:after{
	content: "";
	display: block;
	width: 18px;
	height: 10px;
	border-bottom: 2px solid #f29653;
	margin-bottom: 30px;
}

.overflow-title-group{
	overflow: hidden;
}

.float-title{
	float: right;
}



/****************************************************************
*****************************************************************
HEADER
*****************************************************************
****************************************************************/


#wrap #header {
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	max-width: 100%
}

.row.header{
	border-bottom: 1px solid #f3f3f3;
}

.row.header #logo{
	padding: 0;
	max-width : 100%;
	height : auto;
	padding: 0 0 2px;
}

.row.header #logo img{
	max-width : 100%;
	height : auto;
	vertical-align: middle;
}

.row.contact-header {
	padding: 2px 0 10px 0;
}

.row.contact-header p {
	font-size: 12px;
	color: #b0afaf;
	margin-bottom: 0;
}

.row.contact-header p span.header-title-contact {
	font-weight: 700;
	color: #5f5f5f;
}

.row.contact-header p span.separation-bar{
	display: inline-block;
	padding: 0 10px;
}


/****************************************************************
*****************************************************************
MENU
*****************************************************************
****************************************************************/

.sf-menu li{
}

.sf-menu li a{
	color: #6c6c6c;
	padding-top: 20px;
	padding-bottom: 20px;
}

.sf-menu li a:hover{
	color: #f29653;
}

.sf-menu li a span{
	padding: 0;
}


.sf-menu { 
	float: right;
	margin-top: 5px;
} 

.sf-menu > li > a span:before{
	position: absolute;
	top: inherit;
	bottom: -5px;
	left: 0px;
	border: 1px solid transparent;
	width: 18px;
	content: "";
}	

.sf-menu > li.current > a span,
.sf-menu li.sfHover > a span,
.sf-menu a:hover span,
.sf-menu a:hover,
.sf-menu li.sfHover a:hover span{
	background-color: transparent !important; 
	color: #f29653 !important;
	text-decoration: none !important;
	-webkit-transition: none !important;
	transition: none !important;
}

.sf-menu > li > a span{
	z-index: inherit;
}


.sf-menu > li > a span:after {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	width: 0;
	height: 100%;
	background-color: transparent;
	opacity: 0;
	content: "";
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);
	-webkit-transition: all 0.3s;
			transition: all 0.3s;
}

/****************************************************************
*****************************************************************
HOME
*****************************************************************
****************************************************************/

#page-header{	
 	background-repeat: no-repeat;
 	background-position: center center;
 	background-attachment: fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
}

#page-header:before{
	content: "";
	position: absolute;
	top: 0;
	letter-spacing: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 100, 20, 0.8);
}

.row .portfolio-columns .item .portfolio-item:hover .portfolio-item-preview .portfolio-item-overlay
.portfolio-item.alt.fixed:hover .portfolio-item-overlay,
.item .portfolio-item:hover .portfolio-item-preview:hover .portfolio-item-overlay,
.item .portfolio-item:hover .portfolio-item-preview:hover .portfolio-item-overlay:hover{
	background-color: rgba(0, 0, 0, 0.7) !important;
}

.item .portfolio-item .portfolio-item-preview .portfolio-item-overlay .portfolio-item-description{
	padding-top: 25%;
}

.item .portfolio-item .portfolio-item-preview .portfolio-item-overlay .portfolio-item-description{
	border:none;
}

.item .portfolio-item .portfolio-item-preview .portfolio-item-overlay .portfolio-item-description{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	margin-top: 27%;

}

.item .portfolio-item .portfolio-item-preview .portfolio-item-overlay .portfolio-item-description .item-title-home{
	color: #FFF;
	font-size: 18px; 
	line-height: 31px;
	margin-top: 50%;
}

.icon-box-2{
	padding: 20px; 
	background-color: #fff;
	border: 1px solid #d4d4d4;
	margin-bottom: 0;
}

.icon-box-2 .icon-box-content p{
	margin-bottom: 0;
}

.service-bloc,
.client-logos{
	margin-bottom: 30px;
}

.fullwidth-section-content p,
.home-full-ref p{
	margin-top: 30px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 17px;
}

#header-slider-home{
	position: relative;
	text-align: center;
}

#header-slider-home {
	height:600px;
	line-height:600px;
	text-align:center; /* centrage horizontal */
}

#header-slider-home-content{
	width:80%;
	vertical-align:middle;
	display:inline-block;
	line-height:normal; /* on rétablit le line-height */
}


#header-slider-home h1{
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	line-height: 10px;
	margin-bottom: 30px;
}

#header-slider-home h1 span.title-home{
	font-size: 30px;
	margin-top: 20px;
	display: block;
}

#header-slider-home p{
	color: #fff;
	margin-bottom: 0;
}

#header-slider-home p a{
	display: inline-block;
	color: #fff;
	margin-top: 30px;
	padding: 10px 20px;
	border: 1px solid #fff;
	text-transform: uppercase;
	transition-duration: 0.3s;
}

#header-slider-home p a:after{
	content: " >>";
}

#header-slider-home p a:hover{
	text-decoration: none;
	color: #f29653;
	background-color: #fff;
}

.icone-service-bloc{
	width: 24px;
	height: 24px;
	overflow: hidden;
	display: inline-block;
	zoom: 1;
	position: relative;
}

.icone-service-bloc img {
	position: absolute;
	bottom: 0;
	left: 0;
}

.span3:hover .icone-service-bloc img {
	position: absolute;
	top: 0;
	bottom: inherit;
	left: 0;
}


.slider-image, .tp-bgimg{
	position: relative;
}

/*.slider-image::before, .tp-bgimg::before {
    background-color: rgba(255, 100, 20, 0.8);
    content: "";
    height: 100%;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    width: 100%;
}*/

.sliderHomepage{
	position: relative;
}

.sliderHomepage .filtre{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	background-color: rgba(255,100,20,0.8);
	z-index: 100;
}

.sliderHomepage .image{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.sliderHomepage .caption{
	z-index: 200;
}


/****************************************************************
*****************************************************************
ABOUT US
*****************************************************************
****************************************************************/

.societe h5{
	margin-bottom: 30px;
}

.societe p{
	margin-bottom: 0px;
}

.span4 .fixed:last-child .progress-bar{
	margin-bottom: 0px;
}

.accordion:last-child{
	margin-bottom: 0px;
}

.accordion a.accordion-item:last-child,
.accordion-item-content:last-child{
	margin-bottom: 0px;
}

.icon-box-3{
	margin-bottom: 30px;
}

.icon-box-3:last-child{
	margin-bottom: 0px;
}

.team-member{
	margin-bottom: 30px;
}

.team-member:hover{
	background-color: #323232;
}

.team-member:hover span{
	border-color: #fff;
}

.team-member p,
.team-member a{
	font-size: 12px;
}

.team-member p strong.function-team{
	font-weight: 700;
}

.team-member a{
	color: #323232;
}

.team-member .social-media a.social-icon{
	color: #b1b1b1;
}

.team-member:hover h3,
.team-member:hover p,
.team-member:hover a,
.team-member:hover .social-media a{
	color: #fff;
}

.team-member:hover a:hover{
	color: #f29653;
}



/****************************************************************
*****************************************************************
NOS QULIFICATIONS
*****************************************************************
****************************************************************/

.clients .portfolio-item-description,
.qualifications .portfolio-item-description{
	padding: 30px;
	display: table-cell;
	vertical-align: middle;
	width: 75%;
}

.portfolio-item-preview img{
	vertical-align: middle;
}


.clients .portfolio-item-preview,
.qualifications .portfolio-item-preview{
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	float: none;
}

.clients .portfolio-item.alt,
.qualifications .portfolio-item.alt{
	display: table;
	width: 100%;
}

.portfolio-item.alt .portfolio-item-preview{
	float: none;
}



/****************************************************************
*****************************************************************
NOS REFERENCES
*****************************************************************
****************************************************************/
.portfolio-columns {
	margin: 0 -10px;
}

.portfolio-columns .item{
	margin-bottom: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.pagination{
	margin-bottom: 30px;
	float: none;
	text-align :center;
}

.pagination li.disabled{
	
}

.pagination li.active a,
.pagination li a:hover{
	font-family: "Open Sans", Arial, sans-serif;
	border-color: #323232;
	color: #fff;
	background-color: #323232;
	text-decoration: none;
}

.pagination li a{
	font-family: "Open Sans", Arial, sans-serif;
	border-color: #323232;
	color: #323232;
	background-color: transparent;
	text-decoration: none;
}


.pagination a:after{
	background-color: transparent;
}

.references .fullwidth-section-content p{
	margin-top: 0px;
	margin-bottom: 30px;
}

.portfolio-item-overlay{
	background-color: rgba(0, 0, 0, 0.7) !important;
}

/****************************************************************
*****************************************************************
NOS CLIENTS
*****************************************************************
****************************************************************/

#bg-12{
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #f3f3f3;
}

#bg-12 > .portfolio-item{
	margin-top: 30px;
	margin-bottom: 30px;
}

.portfolio-item{
	margin-bottom: 30px;
}





/****************************************************************
*****************************************************************
CONTACT
*****************************************************************
****************************************************************/

.contact-form{
	margin-bottom: 0;
}

.google-map.map{
	margin-top: 0px;
	margin-bottom: 0px;
}

.btn.btn-parcourir{
	height: 42px;
	color: #fff;
	background-color: #f29653;
}

.row.contact-form-page{
	margin-bottom: 30px;
}

input[type="file"]{
	padding-bottom: 9px;
}


.contact-page .contact-form-page .icon-box-content h5 {
	margin-bottom: 0 !important;
}

.contact-info-bloc{
	display: table;
}

.contact-info-icone,
.contact-info-text{
	display: table-cell;
	vertical-align: middle;
}

.contact-info-text p{
	margin-bottom: 0;
	margin-left: 30px;
}

.contact-info-text h5{
	margin-left: 30px;
}

/****************************************************************
*****************************************************************
FOOTER
*****************************************************************
****************************************************************/

body #wrap div#footer,
body #wrap div#footer a{
	background: #2b2b2b;
	color:#fff;
}

body #wrap div#footer a:hover{
	color:#f29653;
}

#footer{
	padding-top: 60px;
	padding-bottom: 60px;
}
#footer .footer-top{
	margin-bottom: 60px;
}

#footer .footer-top h5{
	margin-bottom: 30px;
}

#footer-bottom{
	background-image: none;
	background-color: #323232;
}

#footer ul{
	margin-left: 0;
}

#footer ul li.span3{
	width: 20%;
}

.ewf_widget_contact_info ul li i{
	top: 5px;
}

#footer .widget .textwidget #mentions-legales{
	background-color: transparent;
}

#footer #footer-to-top{
	text-align: center;
	position: relative;
	top: -15px;
	display: none;
}

#footer #totop{
	font-size: 30px;
}

.ewf_widget_contact_info ul li p.phone,
.ewf_widget_contact_info ul li p.fax{
	margin-bottom: 0px;
}

.ewf_widget_contact_info ul li p.fax i{
	position: absolute;
	top: 27px;
}


/****************************************************************
*****************************************************************
GALLERIE
*****************************************************************
****************************************************************/
.gallery a {
	line-height: 0;
	display: block;
}





/****************************************************************
*****************************************************************
MENTIONS LEGALES
*****************************************************************
****************************************************************/

.mentions-legales p {
	margin-top: 0;
	margin-bottom: 30px;
}

.mentions-legales .span12{
	margin-left: 0;
}

#map-canvas{
	width: 100%;
	height: 400px;
}

#map-canvas2{
	width: 100%;
	height: 400px;
}

#map-canvas img{
	max-width: none;
}

/* Slider Homepage */
.royalSlider{
	width: 100%;
}

.rsABlock{
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(255,102,0, 0.6);
}

.rsABlock h4{
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
}

.rsABlock .table{
	display: table;
	width: 100%;
	height: 100%;
}

.rsABlock .table .cell{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.clear{
	clear: both;
}


/*
|
| Cookie banner
|----------------
*/
.cookie-banner {
	display: none;
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 0;
	background: #ddd;
	text-align: center;
}

.cookie-banner .item-close {
	font-size: 24px;
	cursor: pointer;
	background: transparent;
	border: none;
}

.cookie-banner p {
	margin: 0;
}

.cookie-banner .links-white {
	margin-top: 20px;
}

.cookie-banner .separator {
	display: inline-block;
	margin: 0 20px;
}