/*======================================
Theme Name: Divi-enfant
Description: Graffocean theme
Version: 1.0
Author: Graffocean
Author URI: http://www.graffocean.com/
Template: Divi
======================================*/

body{
	background:transparent
}

/* HEADER */
.header_container{
	background:url('img/angle-top-left.svg') #167699;
	padding-bottom:20px;
	background-repeat:no-repeat;
	background-position:left center
}
.et_header_style_centered #main-header .container{	
	background:#167699;
}
#main-header{
	position:relative!important;
	top:0!important;
}
.et_pb_contact p input[type=checkbox]+label i:before,
.et_pb_contact p input[type=radio]+label i:before{
	color:#383838!important
}
#top-header .container{
	padding-top:2px
}
#et-info-phone:before,
#et-info-email:before{
	display:none;
}
#et-info-phone{
	display:inline-block;
	background:#fff;
	padding:8px;
	color:#167699;
	font-size:13px;
	font-weight:700;
}
#et-info {
	float:right;
}
#top-header {
    font-size: 14px;
}
.et_header_style_centered #top-menu>li>a{
	padding:1rem
}
.et_header_style_centered #main-header .container{
	width:100%;
	max-width:none
}
.et_header_style_centered #main-header div#et-top-navigation{
	background:rgba(56,56,56,0.4);
}
.metiers{
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	letter-spacing:2px;
	padding: 5px 0 20px;
}

.et_header_style_centered #main-header .logo_container{
	height:150px!important
} 
#main-header.et-fixed-header{
	margin-top:-30px
}
.mentions-legales a{
	color: #383838 !important;
}
#footer-info{
	text-align:center;
	float:none;
}
/* SERVICES */
.services .et_pb_main_blurb_image{
	margin-bottom:0
}
.services .et_pb_blurb_container{
	margin-top:-12px
}

/* REALISATIONS */
#realisations{
	top:-50px;
}

/* NOUS CONTACTER */
#contact{
	top:-70px;
	margin-bottom:-70px
}
ul.contact_infos {
	list-style-type:none;
	margin-left:0;
	padding-left:0
}
ul.contact_infos li:before{
	font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0;
	margin-right:8px;
	color:#167699
}
ul.contact_infos li.map:before{
	   content: "\e01d";
}
ul.contact_infos li.phone:before{
	   content: "\e090";
}
ul.contact_infos li.email:before{
	   content: "\e076";
}
.et_pb_contact_field_options_title{
	color:#fff
}

/* RESPONSIVE */
@media only screen and (max-width: 980px){
	.et_pb_fullwidth_slider_0, .et_pb_fullwidth_slider_0 .et_pb_slide {
    max-height: 200px !important;
}
	.mobile_menu_bar:before{
		color:#fff
	}
	.et_header_style_centered .mobile_nav .select_page{
		visibility:hidden
	}
	.et_mobile_menu {
		border-top: 3px solid #fff;
	}
	.et_header_style_centered #main-header .logo_container{
		height:150px!important
	}
	.et_header_style_centered #logo{
		height:100%;
		max-height:100%;
	}
	.et_header_style_centered .et_mobile_menu {
    top: 35px;
	}
	#main-header .et_mobile_menu {
    background-color: #167699;
}
	.et_header_style_centered #main-header {
    padding: 0;
	}
}