/*======================================
Description: Graffocean theme
Version: 1.0
Author: Graffocean
Author URI: http://www.graffocean.com/
Template: Divi
======================================*/
.et_pb_menu__logo{
	width:300px;
}


/* COULEURS 
Couleur TITRES : #009fe3
Couleur SOUS-TITRE : #fff
Couleur TEXTE : #333333
*/
/* GENERAL */
body{

	color: #333;
	font-size: 16px;
	line-height: 1.4rem;
	background: #fff;
}
.et_pb_section{
	background: #fff!important;	
}
.header-fixe {
    position: absolute !important;
    padding: 0px !important;
    z-index: 10;
    width: 100%;
    left: 0px;
    top: 0px;
    bottom: auto;
    margin-top: 0px;
    background-color: rgba(250,250,250,0.9)!important;
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);

}
.et_pb_menu__logo img[src$=".svg"] {
	width: 100%;	
	-webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.scroll .et_pb_menu__logo img[src$=".svg"] {
	width: 56%;	
	-webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
,
.et_pb_blurb  h4.et_pb_module_header{
	color: #fff;
}
.services .et_pb_module_header:after,
.et_pb_bg_layout_light .et-pb-controllers a
{
	background: #fff;
}
.et_pb_contact p input[type=checkbox]:checked+label i:before,
.contact .coordonnes .et_pb_blurb,
header .et_pb_social_media_follow li a.icon:hover:before,
a,
h1,h2,h3,h4,h5,h6,
.et_pb_menu ul li a,
.et_pb_button:hover,
.et_pb_module .et_pb_button:hover,
.more-link
{
	color: #009fe3;
}
.coordonnes .et-pb-icon,
.et_pb_social_media_follow li a.icon:before,
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, 
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button{
	color: #009fe3!important;
}
.et_pb_bg_layout_light .et-pb-controllers a,
.et_mobile_menu,
.services .et_pb_blurb,
.et_pb_button,
.et_pb_button:hover,
.et_pb_module .et_pb_button:hover{
	border-color: #009fe3;
}
.services .et_pb_blurb h4.et_pb_module_header,
input.text:focus, input.title:focus, input[type=text]:focus, select:focus, textarea:focus,
.et_pb_contact p input, .et_pb_contact p textarea,
::placeholder,
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea,
h1.et_pb_contact_main_title,
.section_header_bandeau .et_pb_title_container h1,
.footer .et_pb_menu__menu>nav>ul>li.current-menu-item>a,
.footer .et_pb_menu ul li a,
.footer,
.footer h4,
.signature,
.signature a,
.et_pb_button,
.et_pb_button.inverse{
	color:#fff
}
footer .et_pb_social_media_follow li a.icon:before{
	color:#fff!important
}
.et_pb_contact_submit,
.et_pb_button.inverse{
	border-color: #fff;
}
.section_header_bandeau .et_pb_title_container h1:after,
.et_pb_button, .et_pb_button:hover, .et_pb_module .et_pb_button:hover,
.footer .et_pb_blurb  h4.et_pb_module_header:after,
.et_pb_button.inverse:hover
{
	background: #fff;
}

.et_pb_contact p input, .et_pb_contact p textarea,
h1:after,
h2:after,
h3:after,
.services,
.contact .formulaire,
.et_pb_menu__menu>nav>ul>li:hover:after,
.et_pb_menu__menu>nav>ul>li.current-menu-item:after,
.et_pb_bg_layout_light .et-pb-controllers a:hover,
.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control,
.et_pb_button.inverse,
.footer,
.et_pb_button,
.et_pb_scroll_top.et-pb-icon{
	background: #009fe3;
	-webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.section_header_bandeau .et_pb_title_container h1{
	text-align: center;
}
.et_pb_row.services,
.contact .formulaire{
	border-radius: 20px;
	padding: 30px;
	color: #fff;
}
footer .et_pb_section{
	background: #009fe3!important;
}
header .et_pb_social_icon a.icon{
	background: none!important;
}
header ul.et_pb_social_media_follow{
	padding-right: 25px;
	position: absolute;
	width: 100%;
}
header .et_pb_social_media_follow li a{
	margin-right: 0;
}
.section_header_bandeau{
	padding: 0px!important;
	background-repeat: no-repeat!important;
    background-size: 100% !important;
    background-color: #304c3f!important;
    background-blend-mode: multiply
}
.section_header_bandeau .et_pb_row{
	padding: 330px 0 130px;
}
.titre_page{
	text-align: center;
}
.et_pb_button,
.et_pb_button:hover, 
.et_pb_module .et_pb_button:hover
{
	border-radius: 10px;
	border-width: 1px;
	border-style: solid;
	text-transform: uppercase;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 700;
}
.et_pb_button:after, .et_pb_button:before{
	display: none;
}
.et-social-facebook a.icon:before,
.facebook a:after{
	content: "\e0c1";
}
.et-social-linkedin a.icon:before,
.linkedin a:after{
	content: "\e0cb";
}
.et-social-instagram a.icon:before,
.instagram a:after{
	content: "\e09a";
}
footer .et_pb_social_media_follow li a{
    margin-right: 0;
}
.bigparagraphe{
	font-size: 22px;
}

/* SIZE */
h1{
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 700;
}
h1.et_pb_contact_main_title{
	font-size: 22px;
	text-transform: none;
	text-align: center;
	font-weight: 700;
	padding-bottom: 30px;
}
h1.et_pb_contact_main_title:after{
	display: none;
}
h2{
	font-size: 26px;
}
 .et_pb_menu ul li a{
	font-size: 1.2em;
	text-transform: uppercase;
}
footer .et_pb_menu ul li a{
	text-transform: none;
 }
.et_pb_blurb_description,
footer .et_pb_menu ul li a{
	font-size: 14px;
	line-height: 18px;
}
.signature{
	font-size: 10px;
}
.et_pb_blurb  h4.et_pb_module_header{	
	font-size: 22px;
	padding-bottom: 20px;
}
.footer .et_pb_blurb  h4.et_pb_module_header {
	text-transform: none;
	padding-bottom: 0;
}
.et_pb_social_media_follow li a.icon:before{
	font-size: 21px;
}
/* TITRES */
h1,
h2,
h3{
	text-transform: uppercase;
	font-weight: 700;
}
h4{
	font-weight: 700;
}
/*MENU*/
.et_pb_menu .et_pb_menu__menu>nav>ul>li{
    margin: 0 5px;	
    padding: 0;
}
.footer .et_pb_menu .et_pb_menu__menu>nav>ul{
	display: block;
	margin-left: 0;
}
.et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 30px 15px 15px 15px;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a,
header .et-menu li>a{
	text-transform: uppercase;
	font-size: 16px;
	padding-bottom: 16px;
	margin: 0 20px;
}

.et_pb_menu__menu>nav>ul>li:hover:after,
.et_pb_menu__menu>nav>ul>li.current-menu-item:after,
.underlined p:after,
h1:after,
h2:after,
h3:after,
.footer .et_pb_blurb  h4.et_pb_module_header:after,
.services .et_pb_module_header:after
{
	content: " ";
    width: 84px;
    height: 1px;
    clear: both;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 25px;
}
.underlined_left h1:after,
.underlined_left h2:after,
.footer .et_pb_blurb  h4.et_pb_module_header:after,
h3:after{
	margin: 20px 0;
}

.et_pb_menu__menu>nav>ul>li:hover:after,
.et_pb_menu__menu>nav>ul>li.current-menu-item:after{
	position: absolute;
	width: 100%;
	bottom: 0px;
    height: 5px;
    border-radius: 10px 10px 0 0;
}
/* HOME */
.photos_home img{
	border-radius: 20px;
	-webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
}
footer .et_pb_blurb h4.et_pb_module_header{
	font-size: 18px;
}
/* Contact */

.et_pb_map {
    height: 600px;
}
input.text:focus, input.title:focus, input[type=text]:focus, select:focus, textarea:focus,
.et_pb_contact p input, .et_pb_contact p textarea{
	border: 1px solid #fff;	
	border-radius: 10px;
}
.et_contact_bottom_container{
	float: none;
	text-align: center;
	display: block;
}
.et_pb_contact_submit{
	margin: 0;
}
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title{
	font-weight: 500;
	font-size: 12px;
}
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title, .et_pb_contact_field_options_wrapper label{
	font-weight: 500;
    font-size: 14px;
}
.et_pb_contact_field_options_wrapper label{
	margin-bottom: 15px;
}
.contact .coordonnes{
	border: 1px solid #009fe3;
	border-radius: 20px;
	padding: 30px;
}
.contact .coordonnes h4{
	padding-bottom: 30px;
}
.et_pb_blurb_position_left .et-pb-icon, .et_pb_blurb_position_right .et-pb-icon {
    font-size: 18px;
}
.contact .coordonnes .et_pb_blurb .et_pb_image_wrap{
	text-align: center;
}
.contact .coordonnes .et_pb_blurb{
	margin-bottom: 30px!important;
}
.contact .coordonnes .et_pb_blurb:last-child{
	margin-bottom: 0px!important;
}
.contact .coordonnes .et_pb_blurb_content{
	max-width: none;
}




/* RESPONSIVE */
@media (max-width: 980px){
	.et_pb_menu--style-centered .et_pb_menu__menu>nav>ul, 
	.et_pb_menu--style-centered .et_pb_menu__wrap{
		justify-content: flex-end;
	}
	header .et_pb_menu_0_tb_header.et_pb_menu .nav li ul, 
	header .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, 
	header.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul{
		background: #fff!important;
	}	
	footer .et_pb_menu .et_mobile_nav_menu{
		display: none;
	}
	footer .et_pb_menu .et_pb_menu__menu {
		display: block;
	}
	footer .et_pb_menu .et_pb_menu__wrap{
		justify-content: flex-start;
	}
	footer .et_pb_posts .et_pb_post{
		flex-direction: column;
	}	
	.bigparagraphe{
		font-size: 17px;
	}
}


@media (max-width: 767px){
	.section_header_bandeau .et_pb_row{
		padding: 130px 0 100px;
	}
	.header-fixe {
		position: relative!important;
	}
}

@media (max-width: 600px){
	.section_header_bandeau .et_pb_row{
		padding: 70px 0 70px;
	}

}

@media (max-width: 480px){
	.section_header_bandeau .et_pb_row{
		padding: 30px 0 20px;
	}
	header ul.et_pb_social_media_follow{
		position: relative;
	}
	.et_pb_menu__logo img[src$=".svg"] {
    	width: 72%;
    }
}