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


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
@font-face {
    font-family: 'museo_sans500';
    src: url('fonts/museosans_500-webfont.eot');
    src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_500-webfont.woff2') format('woff2'),
         url('fonts/museosans_500-webfont.woff') format('woff'),
         url('fonts/museosans_500-webfont.ttf') format('truetype'),
         url('fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans700';
    src: url('fonts/museosans_700-webfont.eot');
    src: url('fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans_700-webfont.woff2') format('woff2'),
         url('fonts/museosans_700-webfont.woff') format('woff'),
         url('fonts/museosans_700-webfont.ttf') format('truetype'),
         url('fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans100';
    src: url('fonts/museosans-100-webfont.eot');
    src: url('fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans-100-webfont.woff2') format('woff2'),
         url('fonts/museosans-100-webfont.woff') format('woff'),
         url('fonts/museosans-100-webfont.ttf') format('truetype'),
         url('fonts/museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'museo_sans300';
    src: url('fonts/museosans-300-webfont.eot');
    src: url('fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans-300-webfont.woff2') format('woff2'),
         url('fonts/museosans-300-webfont.woff') format('woff'),
         url('fonts/museosans-300-webfont.ttf') format('truetype'),
         url('fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-brands-400.eot");
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg"); 
}
@font-face {
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); 
}
p {
    line-height: 1.5em !important; 
}

.et_pb_text_align_right{
	text-align:right;
}
.fas {	
    font-family: 'Font Awesome 5 Solid';
    font-weight: 900; 
    font-style:normal;
}
#top-menu li li a {
    line-height: 1.4em;
}
.nav li ul {
    position: absolute;
    padding: 5px 0 15px;
}
.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; 
  font-style:normal;
}
.fa-check-circle:before{
	content: "\f058"; 
}
.fa-facebook-f:before {
  content: "\f39e"; 
}
.fa-instagram:before {
  content: "\f16d"; 
}
.fa-linkedin-in:before {
  content: "\f0e1"; 
  visibility: visible;
}
.fa-ellipsis-h:before{
	content: "\f141";
}
.membres_equipe .fa-linkedin-in{
	visibility: hidden;  
}
.membres_equipe.et_pb_column{
	display: flex;
    flex-wrap: wrap;
    column-gap: 5.5%;
}
.membres_equipe .un_tiers{
	width:29.6667%;
	/*margin-right: 5.5%;
	float: left;*/
}   
.membres_equipe .dernier_tiers{
	/*margin-right: 0%;
	float: left;*/	
	width:29.6667%;
}   
.et_pb_portfolio_items{
	display: flex;
	flex-wrap: wrap;
}

 
.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	color:#000
}
body .et_pb_bg_layout_light.et_pb_button:hover, body .et_pb_button:hover {
    color: #ffffff!important;
    background-color: #fa423a !important;
    border-color: #fa423a!important;
}
.mfp-wrap .mfp-close:active{
	top:0!important
}
.graff_breadcrumb{
	max-width:none !important;
}
.et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
    top: 0 !important;
}
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
    padding-top: 78px !important;
}
.et_fixed_nav #top-header{display: none;}

body.admin-bar.et_fixed_nav #main-header, body.admin-bar.et_fixed_nav #top-header, body.admin-bar.et_non_fixed_nav.et_transparent_nav #main-header, body.admin-bar.et_non_fixed_nav.et_transparent_nav #top-header{
	top: 0 !important
}
body{
	font-family: 'museo_sans300';
}

h1,h2,h3,h4,h5,h6{
	font-family: 'museo_sans500';
}
h1{
	color:#fa423a;
	font-size:35px;
}
.subtitle-graff h1,
.thin,
.thin h2,
h2
{
	font-family: 'museo_sans100';
}
.regular,
.regular h2,
h2
{
	font-family: 'museo_sans300' !important;
}
body.custom-background {
    background-color: #fff !important;
}
.bold,
.bold h2{
	font-family: 'museo_sans500';
}
.bolder,
h2 strong
{
	font-family: 'museo_sans700' !important;
}
.text-center{
	text-align:center;
}
.page.et_pb_pagebuilder_layout #main-content {
    background-color: transparent;
    padding-top: 20px;
}
.home.page.et_pb_pagebuilder_layout #main-content {
    background-color: transparent;
    padding-top: 0px;
}
.txt-vertical{
    transform: translateX(-100px) translateY(30px) rotateX(0deg) rotateY(0deg) rotateZ(270deg) !important;
    transform-origin: 0% 50%;
}
.page-id-50 .txt-vertical{
    transform : translateX(-30px) translateY(-45px) rotateX(0deg) rotateY(0deg) rotateZ(270deg) !important;
    transform-origin: 0% 50%;
}
.svg-done{
    position: absolute;
    opacity: 0;
}
.et_pb_widget_area_left {
    padding-right: 30px;
    border-right: none;
}
.et_pb_button.btn_agence {
    padding: 20px 30px !important;
    margin-left: 20px !important;
    background: #333f48;
    border-color: #333f48;
    color: #fff;
    top: 40px;
    position: relative;
}
.et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1),.et_pb_gutters2 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n+1),.et_pb_gutters2 .et_pb_column_4_4 .et_pb_widget:nth-child(4n+1),.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1),.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n+1),.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_widget:nth-child(4n+1){
	clear:none
}
.et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters2 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters2 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_widget{
	margin-right:1%;
	margin-left:1%;
}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination, .et_pb_gallery .et_pb_gallery_pagination {
    position: relative;
    width: 100%;
    border-top: none;
}
.button_realisations{
	font-size:14px!important;
	margin-left:40px;
	font-weight:inherit !important;
	top:-5px
}
.et_pb_portfolio_container .post-meta, .effect-book .et_pb_blurb .et_pb_blurb_description{
	color:#fff !important
}
.et_pb_portfolio_container a{
	display:flex;
	width:100%;
	height:100%;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}
.hide{
opacity:0;
transition: all 0.5s;
}
.show{
    opacity: 1;
    transition: all 0.5s;
}
#skills-reseaux .menu-item{
    display: inline; 
    margin-right: 20px;    
} 
#skills-reseaux .fa-facebook-f{
	padding: 17px 23px !important; 
}
#skills-reseaux .fa-linkedin-in{
	padding: 17px 19px !important;
}
#skills-reseaux .fab, #skills-reseaux .fas { 
    text-transform: none;
    color: #fff;
    padding: 17px;
    font-size: 20px;
    border-radius: 40px;
    width: 54px;
    height: 54px;
    text-align: center;
    background: #fa423a;
}

.img-center{
    margin:0 auto;
}
#web path,#print path,#brand path{
		  stroke-width: 5px;	
	  }
      #web path,#print path,#brand path {
        stroke: #333f48;
		fill:#fff;
      }
	  #web line,#print line,#brand line {
	    stroke: #333f48;
		fill:#fff;
	  }
	  #web polyline,#print polyline,#brand polyline{
	  	stroke: #333f48;
		fill:#fff;
	  }
#breadcrumbs{
    border-left: 2px solid #FA423A;
    padding-left: 10px;
}
.page-id-57 .et_pb_post .entry-title{
    min-height: 50px;
}
.red{
	color:#FA423A
}
.et_pb_button:hover{
    color:#fff !important; 
}
.et_pb_button_smaller{
	font-size:16px !important;
}
.et_pb_button.button_rouge{
	background:#fa423a !important;
	color:#fff !important;
}
.et_pb_button.button_rouge:hover{
	background:#fff !important;
	color:#fa423a !important;
}
.no-margin{
	margin:0!important
}
.gauche_demi{
	width:41.25%!important;
	margin-right:8.5%!important;
}
.droite_demi{
	width:49.25%!important;
}
.un_premier_tiers{
	width:30%!important;
	margin-right:5.5%!important;
}
.deux_derniers_tiers{
	width:64.5%!important;
}
.deux_premiers_tiers{
	width:64.5%!important;
	margin-right:5.5%!important;
}
.un_dernier_tiers{
	width:30%!important;
}
ul.realisations{
	text-align:right;
	list-style-type:none
}
#footer-bottom{
	padding:0
}
#footer .menu-item{ 
	line-height: 1.4em;
}
.nav ul li a:hover {
    opacity: 1;
    background-color: #FFF;
}

#main-footer .et_pb_widget ul li{
	margin-bottom:0
}
#main-footer .et_pb_widget_area_left{
	border-right:0
}
a.bigred, 
a.smallred.small-button,
a.bigred.big-button, 
a.smallred
{
	color:#fa423a !important;
	border:2px solid #fa423a;
	background:#fff;
	margin-right:15px;
	font-size:16px;
} 
a.bigred:hover, a.smallred:hover {
    color: #fff!important;
}
a.big-button, 
a.icon-button, 
a.small-button,
a.small-button.smallred
 {
    display: inline-block;
   -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    box-shadow: none;
    text-shadow: none;
    line-height: 26px;
	padding:6px 14px !important
}

.subtitle-graff h1:before{
	content:url('img/drop-graffocean.svg');
	float:left;
	opacity:1;
	width:35px;
	margin-right:10px;
}
.vertical-centred{
	display: block;
    position: absolute;
    width: 100%;
    top: 50%;
}
.zindex100{
	z-index:100;
}
.texte-vertical h1,
.texte-vertical h4{
    -webkit-transform:rotate(-90deg) translate(0%);
    -moz-transform:rotate(-90deg) translate(0%);
	transform-origin: left top;
    white-space:nowrap;
    display:block;
	bottom:-20px;
	position:absolute;
}

.single-project .texte-vertical h1,
.single-project .texte-vertical h4{
    -webkit-transform:rotate(-90deg) translate(0%);
    -moz-transform:rotate(-90deg) translate(0%);
	transform-origin: left top;
    white-space:nowrap;
    display:block;
	top:120px;
	position:absolute;
	z-index:-10
}
.single-post .texte-vertical h1,
.single-post .texte-vertical h4,
.page .texte-vertical h4{
    -webkit-transform: rotate(-90deg) translate(0%);
    -moz-transform: rotate(-90deg) translate(0%);
    transform-origin: left top;
    white-space: nowrap;
    display: block;
    top: 200px;
    position: absolute;
}
.fiche-colab .fa-linkedin-in{ 
    background-color: #FA423A;
    border-radius: 30px;
    color: #fff;
    padding: 6px 7px;
}
.texte-vertical .et_pb_blurb_description{
	padding-left:20px;
}

.bloc-skills img{
    width: 200px;
}
.bloc-skills h4 {
    border-left: 4px solid;
    padding: 10px 0 10px 15px;
}
.bloc-skills .et_pb_blurb_description{
	padding-top:20px; 
}
.et_full_width_portfolio_page .nav-single{
	border:none;
}
.single-project.et_pb_pagebuilder_layout .nav-single{
	position:absolute;
	width:100%;
	max-width:100%;
	padding:0;
	top:30%
}
.nav-single .nav-previous a,
.nav-single .nav-next a{
	background:#fa423a;
	color:#fff;
	padding:20px 8px;
	font-size:25px;
}
.filters_blog{
	text-align:center
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active{
	color:#000
}





.et_pb_button:after, .et_pb_more_button:after, .et_pb_newsletter_button:after, .et_pb_pricing_table_button:after, .et_pb_promo_button:after{
	display:none;
}
.page-id-1279 .buttonwicon .et_pb_button:after,.page-id-1279  .buttonwicon .et_pb_more_button:after,.page-id-1279 .buttonwicon .et_pb_newsletter_button:after,.page-id-1279 .buttonwicon .et_pb_pricing_table_button:after,.page-id-1279 .buttonwicon .et_pb_promo_button:after,.page-id-1281 .buttonwicon .et_pb_button:after,.page-id-1281 .buttonwicon  .et_pb_more_button:after,.page-id-1281 .buttonwicon  .et_pb_newsletter_button:after,.page-id-1281 .buttonwicon  .et_pb_pricing_table_button:after,.page-id-1281 .buttonwicon  .et_pb_promo_button:after
{
	display:inline-block;
}
.et_pb_button, .et_pb_more_button, .et_pb_newsletter_button, .et_pb_pricing_table_button, .et_pb_promo_button{
	padding-right:0.7em !important
}
.page-id-1279 .buttonwicon .et_pb_button,.page-id-1279 .buttonwicon .et_pb_more_button,.page-id-1279 .buttonwicon .et_pb_newsletter_button,.page-id-1279 .buttonwicon .et_pb_pricing_table_button,.page-id-1279 .buttonwicon .et_pb_promo_button,
.page-id-1281 .buttonwicon .et_pb_button,.page-id-1281 .buttonwicon .et_pb_more_button,.page-id-1281 .buttonwicon .et_pb_newsletter_button,.page-id-1281 .buttonwicon .et_pb_pricing_table_button,.page-id-1281 .buttonwicon .et_pb_promo_button
{
	padding-right:1em !important;
	color:#333f48 !important;
	width:100%;
	margin:0
}
/* HEADER */

#main-header .menu-reseaux-container {
    position: relative;
    text-align: right;
    float: right;
    top: -10px;
    margin-left: 40px;
}

#main-header .menu-reseaux-container li{
	display:inline-block;
	margin-right:10px;
}

.menu-reseaux-container .fab{
    text-transform: none;
	color:#fff;
	border-radius:40px;
	width:24px;
	height:24px;
	text-align:center;
	background:#fa423a;
	display:block
}
.reseaux-liste {
	width:200%;
	margin:0;
	padding:0;
	padding-top:30px
}
.wpcf7-form-control-wrap input.text, 
.wpcf7-form-control-wrap input.title, 
.wpcf7-form-control-wrap input[type=text], 
.wpcf7-form-control-wrap select, 
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap input[type=email],
.wpcf7-form-control-wrap input[type=tel]
{
	border:2px solid #fa423a;
	padding:6px;
	width:100%
}
span.wpcf7-list-item{
	margin:0
}
.reseaux-liste .menu-reseaux-container ul,
#main-footer .menu-reseaux-container ul,
footer .menu-reseaux-container ul{
	text-align:center;
}
.reseaux-liste .menu-reseaux-container li:last-child,
#main-footer .menu-reseaux-container li:last-child,
footer .menu-reseaux-container li:last-child
{
	display:none;
}
.reseaux-liste .menu-reseaux-container li,
#main-footer .menu-reseaux-container li,
footer .menu-reseaux-container li
{
	display:inline-block;
	margin:0 3%
}
#main-footer .menu-reseaux-container .fab,
footer .menu-reseaux-container .fab
{
	color:#fa423a;
	padding:8px; 
	border-radius:40px;
	width:34px;
	text-align:center;
	background:#fff;
	height:34px;
	display:inline-block;
	font-size:20px;
}
.menu-reseaux-container .fab:hover
{
	background:#be1e1e;
	transition: all ease-in 0.2s;
}
.et-social-facebook a:before {
    content: "\e093";
}
.et-social-instagram a:before {
    content: "\e09a";
}
.et-social-linkedin a:before {
    content: "\e09d";
}
.menu-reseaux-container .button a{	
	background:#FA423A;
	padding:5px 15px;
	color:#fff;
	border:2px solid #FA423A;
	transition:all 300ms ease 0ms;
	display:inline-block
}
.menu-reseaux-container .button a:hover{	
	color:#FA423A;
	background:#fff;
	transition:all 300ms ease 0ms
}
.mobile_menu_bar:before{
	font-size:49px;	
	color:#333F48
}
.et_pb_fullscreen_menu_opened .mobile_menu_bar:before{
	font-size:64px;	
}
.et_header_style_fullscreen ul#mobile_menu_slide{
	text-align:right;
	float:right;
	clear:right;
}
.et_header_style_fullscreen ul#mobile_menu_slide li{
	margin-bottom:20px;
}
.et_header_style_fullscreen ul#mobile_menu_slide li a{
	font-family: 'museo_sans100';
	text-transform:uppercase
}
.mobile_menu_bar.et_pb_header_toggle{
	width:52px;
}
.et_slide_in_menu_container{
	background:#FA423A
}
.et_header_style_slide #et-top-navigation, .et_header_style_fullscreen #et-top-navigation{
	padding : 17px 0 11px 0!important
}

.et_pb_blog_grid .first_in_row{
	clear:both;
}
#et-top-navigation {
    float: right;
}

.single-post #top-menu .menu-blog > a,
.single-project #top-menu .menu-realisations > a,
#top-menu .current-page-ancestor > a
{
	color:#fa423a !important
}
#top-menu .current-menu-item > a:before,
#top-menu .current_page_parent > a:before ,
#top-menu .current_page_ancestor > a:before ,
#top-menu .current-page-ancestor > a:before ,
.single-post #top-menu .menu-blog > a:before ,
.single-project #top-menu .menu-realisations > a:before 
{
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 40%;
 background: #FA423A; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}
.single .post {
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu{
	right:0 !important;
	top:24px!important;	
	margin-bottom:60px;
	position:relative !important;
	float:right;
}
.mobile_menu_bar:before{
	content : url('img/burger.svg');
}

/* HOME */
#cover-hp{
    height: 620px;
}
.img-hp {
    position: relative;
    margin-top: 90px;
	width:55%!important;
	z-index: 1000;
}
.bloc-right-hp {
    position: absolute;
	right:0;
    margin-top: 56px;
    z-index: 9999;
    margin-left: -110px;
	width:55%!important;
	background:url('img/drop-graffocean.svg') right -75px bottom -10px no-repeat rgba(255,255,255,0.95);
	background-size: 40% 40%
}
.bloc-hp {
    margin-top: -150px;
    position: initial;
}
#outils{
	line-height:32px;
	height:96px
}
.no-post-meta .et_pb_main_blurb_image .et_pb_module_header,
.effect-book .et_pb_main_blurb_image .et_pb_module_header,
.no-post-meta .et_pb_main_blurb_image .post-meta,
.effect-book .et_pb_main_blurb_image .post-meta
{
	display:none
} 
.effect-book .et_pb_main_blurb_image{
	margin-bottom:0;
}
.et_pb_portfolio_container,
.effect-book .et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container{
	display:none;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:rgba(250,66,58,0.9);
	text-align:center;
	transition: all 300ms ease 0ms;
}
.et_pb_portfolio_item:hover .et_pb_portfolio_container,
.effect-book .et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content:hover .et_pb_blurb_container{
	display:flex;
	transition: all 300ms ease 0ms;
	flex-direction: column;
	justify-content: center;
}
.et_pb_portfolio_container .et_pb_module_header,
.effect-book .et_pb_blurb .et_pb_module_header{
	width:100%;
	padding:0 5px;
	/*position:absolute;0%;
	top:37%;*/
}
.et_pb_portfolio_container .et_pb_module_header, .effect-book .et_pb_blurb .et_pb_module_header{
	color:#fff;
}
.et_pb_portfolio_container .post-meta,
.effect-book .et_pb_blurb .et_pb_blurb_description
{
	width:100%;
	padding:0 5px;
	/*position:absolute;
	top:50%;*/
}
.et_pb_main_blurb_image:hover .et_pb_module_header, .et_pb_main_blurb_image:hover .post-meta{
	opacity: 1;
    -webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.et_pb_gutters3 .bloc_trois_realisations  .et_pb_column_1_3 .et_pb_module,
.et_pb_gutters3.et_pb_row .bloc_trois_realisations  .et_pb_column_1_3 .et_pb_module,
.et_pb_gutters3 .bloc_trois_realisations .et_pb_column_1_3 .et_pb_grid_item
 {
	margin-bottom: 0;
}
.membres_equipe .et_pb_main_blurb_image{
	margin-bottom:10px;
}
.membres_equipe .un_quart,
.membres_equipe .dernier_quart
{
	min-height:270px;
}
.premier_demi,
.dernier_demi {
	float:left;
	width:50%
}
.grecaptcha-badge{
	display:none
}
.page-id-59 .grecaptcha-badge{
	display:block
}
.un_quart ,
.dernier_quart {
	float:left;
	width:22%;
	margin-right:3%
}
.dernier_quart {
	margin-right:0
}
.premier_demi .premier_demi,
.dernier_demi .dernier_demi{
	float:none;
	width:90%
}
.un_quart .un_quart ,
.dernier_quart .dernier_quart  {
	width:100%
}
.border-r{
	border-left:3px solid #fa423a
}
.et_pb_portfolio_item .et_overlay,
.et_pb_blurb_content .et_overlay{
	display:none;
}
.effect-book .et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container{
	height:98%
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li,
.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_portfolio_filter{
	border:none;
	background:none;
	float:none;
	display:inline-block;
	margin:0 10px
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters ul{
	text-align:center
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
	border:none;
	border-bottom: 3px solid #fff;
	background:none;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover{
	border:none;
	border-bottom: 3px solid #fa423a;
	background:none;
	font-weight:600;
}
.et_pb_blog_grid .et_pb_post{
	width:31.33%;
	margin-right:2%;
	float:left;
	margin-bottom:30px;
}
.et_pb_blog_grid .et_pb_post.last_in_row{
	margin-right:0;
}
/* AGENCES */
.breadcrumb{
    font-size: 11px;
}
.up{
	margin-top:-110px;
}
.fa-check-circle{
	margin-right:5px
}


/*Divi Blurb Module hover effects by yatesdesign.com.au*/
.blurb-hover .et_pb_column:hover {
 background: #0f2c41;
}
 
.blurb-hover .et_pb_blurb p {
 zoom: 1;
 filter: alpha(opacity=0);
 opacity: 0;
 -webkit-transition: opacity .2s,-webkit-transform .35s;
 transition: opacity .2s,transform .35s;
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}
 
.blurb-hover .et_pb_column:hover p {
 color: #fff;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 zoom: 1;
 filter: alpha(opacity=1);
 opacity: 1;
}
 
.blurb-hover .et_pb_column:hover h4 {
 color: #dc1d49;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}
 
.blurb-hover .et_pb_blurb h4 {
 -webkit-transition: -webkit-transform .35s;
 transition: transform .35s;
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}
 
.blurb-hover .et_pb_column:hover .et-pb-icon {
 background-color: transparent !important;
 color: #fff !important;
 border-color: #fff !important;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}
 
.blurb-hover .et_pb_blurb .et-pb-icon {
 background: transparent !important;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}

.et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n), .et_pb_gutters2 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n), .et_pb_gutters2 .et_pb_column_4_4 .et_pb_widget:nth-child(4n), .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n), .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n), .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_widget:nth-child(4n){
	margin-right:1%
}
.et_pb_column .et_pb_blog_grid .column.size-1of2 .size-1of2 ,
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .size-1of3{
	width:100%
}
.entry-content #signatures  table:not(.variations){
	margin:0;
	border:none;
}
.entry-content #signatures{
	margin-top:70px;
}
.entry-content #signatures tr td{
	padding:0;
	border:none;
}
.data-hide-on-vendor-consent{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-weight:700;
    text-align: center;
}
.data-hide-on-vendor-consent p{
	margin-bottom:30px;
}


/* .et_pb_blog_grid .et_pb_post {
    width: 100%;
}
.et_pb_blurb_container a{
	display: block;
    height: 100%;
} */

/* Set the image widths
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item,
.et_pb_filterable_portfolio_grid .column_width,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image.portrait img
{
    position: relative;
}

.et_pb_filterable_portfolio_grid .et_pb_portfolio_item a{
	position: absolute;
	width: 100%;
  height: 100%;
}

.et_pb_filterable_portfolio_grid .et_pb_portfolio_item:after{
	content: "";
  display: block;
  padding-bottom: 100%;
}

.et_pb_filterable_portfolio_grid .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
} */



@media only screen and (max-width:1350px){
	#main-header .menu-reseaux-container li{
		margin-right:2px;
	}
	.et_header_style_left .logo_container{
		width:22%;
		height:auto;
	}
	#et-top-navigation{
		margin-left:0
	}
	#top-menu li{
		padding-right:10px;
	}
	.menu-reseaux-container{
		padding-left:11px
	}
	.menu-reseaux-container .button a{
		padding:0 5px
	}
	#main-header .menu-reseaux-container{
		top:0
	}
	#top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav{
		padding-top:3px;
	}
	.txt-vertical h2{
		font-size:16px !important
	}
	
}
@media only screen and (max-width:1170px){
	.et_header_style_left .logo_container{
		width:12%;
	}
	#main-header .menu-reseaux-container{
		margin-left:5px
	}
	.button_plus{
		font-size:9px !important
	}
	.txt-vertical h2{
		font-size:12px !important
	}
	.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2{
		font-size:14px
	}
	.et_pb_portfolio_container .post-meta, .effect-book .et_pb_blurb .et_pb_blurb_description{
		top:58%
	}
}

@media only screen and (max-width:980px){
	.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
		padding-top: 68px !important;
	}
    .mobile_menu_bar:before{
		font-size:34px;
		margin-left:25px;
	}
    .et_header_style_left .logo_container {
		width: 70%;
		height: auto;
	}
	.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
		display: block;
		padding-top: 15px;
	}
    .goutte{
		width:25%!important;
	}
	.formulaire{
		width:75%!important;
	}
	#nav_menu-4{
		width:100%!important;
		margin-bottom:25px
	}
	.button_plus{
		font-size:12px !important
	}
	.et-search-form, .et_mobile_menu, .footer-widget li:before, .nav li ul, blockquote{
		border-color:#fa423a !important
	}
	.et_pb_blurb_container p{
		font-size:16px
	}
	.et_pb_pagebuilder_layout.single-post #page-container .et_pb_row{
		width:80%
	}
	.et_header_style_left .logo_container{
		padding-top:13px;
	}
	.single .post .et_builder_inner_content .et_pb_row{
		display: flex;
	    flex-direction: column-reverse;
	    padding-top:0;
	}
	.single .post .et_builder_inner_content .et_pb_row .et_pb_column_3_5{
		margin-bottom: 50px!important;
	}
}
@media only screen and (max-width:767px){
    #outils {
    text-shadow: 0px 0px 5px rgba(0,0,0,0.48);
    }
	.membres_equipe .un_quart, .membres_equipe .dernier_quart{
		width:100% !important;
		margin-right:0
	}
	.et_pb_button.btn_agence{
		margin:0 0 15px 0 !important;
		display:block;
		font-size:15px;
		padding:20px !important;
	}
	.logo-et-type{
		width:50%!important;
		
	}
	.img-hp{
		width:100% !important;
	}
	.bloc-hp{
		margin-bottom: 40px
	}
	.bloc-right-hp{
		position:relative;
		width:100% !important;
		background-position:right -40px bottom;
		margin-bottom:40px;
		margin-left:0 !important
	}
	.button_plus{
		font-size:10px !important
	}
	#skills-reseaux .fab {
		width:40px;
		height:40px;
		padding:10px;
	}	
	#main-header .menu-reseaux-container li.button{
		display:none
	}
	#cover-hp{
		height:420px;
	}
	.membres_equipe .dernier_tiers,
	.membres_equipe .un_tiers{
		width:47.25%;
		/*margin-right: 5.5%;
		float: left;*/
	} 
	.membres_equipe .et_pb_blurb:nth-child(2n) { 
		margin-right: 0%;
	}   
	
}
@media only screen and (max-width:480px){
	.txt-vertical{
		display:none;
	}
	.button_realisations{
		display:block;
		margin-left:0;
		margin-top:15px;
	}
	.reseaux-liste,
	.et_pb_blog_grid .et_pb_post,
	.un_premier_tiers, .deux_derniers_tiers,
	.deux_premiers_tiers, .un_dernier_tiers,
	.premier_demi, .dernier_demi{
		width:100%!important;
		margin-left:0 !important;
		margin-right:0 !important
	}
	.noirmout {
		text-align:left;
		padding-left:10px!important
	}
	.reseaux-liste .menu-reseaux-container ul{
		 text-align:left
	}
	.logo-et-type{
		width:80%!important;
	}
	.et_header_style_left .logo_container {
    width: 70%;
}
	.et_header_style_left #logo, .et_header_style_split #logo{
		max-width:100%;
		width:100%
	}
	#menu-reseaux{
		display:none;
	}
	.et_header_style_left .logo_container{
		padding-top:0;
	}
	#cover-hp{
		height:300px;
	}
	.membres_equipe .dernier_tiers,
	.membres_equipe .un_tiers{
		width:100%;
		margin-right: 0%;
		float: none;
	} 
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////HEADER ET FOOTER 1///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////HEADER ET FOOTER 1///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////HEADER ET FOOTER 1///////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.logo-header{
	width: 250px;
}

.menu-nav{
    display: flex;
    justify-content: center;
    align-items: center;
}

.bandeau-header{
    display: flex;
    justify-content: center;
    align-items: center;
}

.bandeau-footer .et_pb_column_2_tb_footer .et_pb_image_1_tb_footer{
    margin-top: -57px;
    margin-left: 160px;
    text-align: left;
}

.mobile_menu_bar{
    width: 100vw;
    display: flex;
    justify-content: flex-end;
}

.mobile_menu_bar::before{
    color: white !important;
}

.bandeau-footer{
    display: flex;
    margin-top: 20px !important;
    justify-content: space-around;
}

footer div .et_pb_section_0_tb_footer{
    margin-top: 27px;
}

.bandeau-footer > div{
    width: max-content !important;
    min-width: max-content !important;
}

@media (max-width: 980px){
    .et_pb_column_3_tb_footer{
        margin-bottom: 50px !important;
    }

    #mobile_menu1{
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding: 0;
    }

    .bandeau-footer{
        width: 100% !important;
        align-items: center;
        flex-direction: column;
        height: max-content !important;
    }

    .bandeau-footer > div{
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 0px !important;
    }

    .et_pb_image_0_tb_footer{
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .et_pb_image_2_tb_footer{
        display: flex;
        justify-content: center;
        max-width: 160px;
        width: 100% !important;
    }

    .wp-image-76 {
        margin-top: 50px!important;
        margin-left: 0px!important;
        margin-bottom: 60px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .et_pb_image_1_tb_footer{
        margin-left: auto!important;
    }

}



@media (max-width: 767px){
	.et_pb_blog_grid .et_pb_post ,
	.et_pb_blog_grid .et_pb_post.last_in_row{
	    width: 48%;
	    margin-right: 2%;
	    float: left;
	    margin-bottom: 30px;
	}
	.et_pb_blog_grid .et_pb_post:nth-child(2n){
		margin-right: 0;
	}
}