/*DEFAULT*/
html,body{font-size: 1em;font-family: 'Montserrat', sans-serif;}
html,body,h1,h2,h3,h4,h5,h6,p,a,span,strong,input{font-family: 'Montserrat', sans-serif;}
a,input{
	transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

p{line-height: 2em;}
.content_default{padding: 30px 0;}

.alignright{float:right;margin:0 0 0 30px ;}
.alignleft{float:right;margin:0 0 0 30px ;}

.row{max-width:1450px;}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {float: left;}

.wp-caption img{width:100%;}
.wp-caption-text{background: #f5f5f5;font-style: italic;font-size: 0.8em;padding:15px;}

.yellow{color:#eeb61d;}
.call_to_action:hover{padding: 20px 85px 20px 30px;color:white;background-color: #eeb61d;}
.call_to_action{background: #cb2729 url("../images/arrow_right.png") 94% center no-repeat;background-size: 17px;color: white;text-transform: uppercase;font-weight: bold;padding: 20px 75px 20px 30px;font-size: 1.4em;margin: 30px 0 0 0;display: inline-block;}

#contenu{margin:30px 0;}
body.page-template-contact #contenu{margin:0;}
#contenu ul{margin: 0 0 30px 19px;list-style-type: square;color: #eeb61d;}
#contenu ul li:first-line{color:black;}

#contenu h2{color: #eeb61d;font-weight: bold;text-transform: uppercase;font-size: 1.2em;margin: 0 0 15px 0;}

/*Header*/
#logo{display: block;padding: 10px 10px;margin: 10px 0;max-width: 280px; position: absolute; top: 10px; background: black; }
#logo:hover{opacity: 0.5;}

	/*Navigation*/
	body.admin-bar #main_navigation{top: 32px; height: 94px; width: 100%;}
	#main_navigation{top: 0px;color: white;position: fixed;width: 100%;background: black;padding: 0;z-index: 2;border-bottom: 6px solid #eeb61d;height:91px;}
	#main_navigation .menu-main-menu-container{margin:0;padding:0;list-style-type: none;position: relative;}
	#main_navigation .menu-main-menu-container > ul{margin:0;text-align: right;position: absolute;right: 0;top: 50px;}
	#main_navigation .menu-main-menu-container > ul > li{display: inline-block;}
	#main_navigation .menu-main-menu-container > ul > li > a{color: white;text-transform: uppercase;font-size: 1em;padding: 0;margin: 0 10px;font-weight: bold;}
	#main_navigation .menu-main-menu-container > ul > li > a:hover{opacity: 0.5;padding:0;margin: 0 10px;}
	#main_navigation .menu-main-menu-container > ul > li:last-child > a{margin-right: 0;}
	#main_navigation .menu-main-menu-container > ul > li.current-menu-item > a,#main_navigation .menu-main-menu-container > ul > li.current_page_ancestor > a{padding: 0;color:#eeb61d;}
	
	#main_navigation .menu-main-menu-container > ul > li > ul{position: absolute;background: white;padding: 0;list-style-type: none;margin:0;min-width: 300px;text-align: center;top: 35px;left: 10px;}
	#main_navigation .menu-main-menu-container > ul > li.is-dropdown-submenu-parent:hover > ul{display: block;}
	#main_navigation .menu-main-menu-container > ul > li > ul > li{position: relative;}	
	#main_navigation .menu-main-menu-container > ul > li > ul > li > a{color:#000000;display: block;width: 100%;border-bottom: 1px dashed rgba(46,46,46,0.25);text-transform: uppercase;text-align: left;padding:15px 20px;font-size: 0.9em;font-weight: bold}
	#main_navigation .menu-main-menu-container > ul > li > ul > li > a:hover{opacity:0.5;padding-left:25px;}
	#main_navigation .menu-main-menu-container > ul > li > ul > li > a:hover,#main_navigation .menu-main-menu-container > ul > li > ul > li.current-menu-item > a{color:#eeb61d;padding-left:25px;}
	#main_navigation .menu-main-menu-container > ul > li > ul > li:first-child > a{}
	#main_navigation .menu-main-menu-container > ul > li > ul > li:last-child > a{border:none;}
	#main_navigation .menu-main-menu-container > ul > li > ul > li.is-dropdown-submenu-parent > ul.sub-menu{margin: 0;list-style-type: none;}
	#main_navigation .menu-main-menu-container > ul > li > ul > li.is-dropdown-submenu-parent > ul.sub-menu{display:none;margin: 0;list-style-type: none;position: absolute;top: 0;left: 250px;width: 200px;}
	#main_navigation .menu-main-menu-container > ul > li > ul > li.is-dropdown-submenu-parent:hover > ul.sub-menu{display: block;}
	#main_navigation .menu-main-menu-container > ul > li > ul > li.is-dropdown-submenu-parent > ul.sub-menu > li > a{color: black;
    background: #f5f5f5;width: 100%;display: block;border-bottom: 1px dashed rgba(46,46,46,0.25);padding: 15px;}
	#main_navigation .menu-main-menu-container > ul > li > ul > li.is-dropdown-submenu-parent > ul.sub-menu > li > a:hover{background: #000000;color: white;opacity: 1;}
	.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow>a::after {content: '';display: block;width: 0;height: 0;border: 5px inset;border-color: transparent transparent transparent rgba(250,250,250,0.75);border-left-style: solid;-ms-transform: rotate(7deg);-webkit-transform: rotate(7deg);transform: rotate(90deg);margin-top: 5px;
}

	.barre_menu_actif{
		transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		background: url("../images/pelleteuse_icon.png") center center no-repeat transparent;height: 39px;position: absolute;
	}

	#main_navigation_mobile{display: none;}
	#wrapper{margin-top:91px!important;}	

	.is-drilldown{padding: 0 0 5px 0;float: left;height:unset!important;width: 100%!important;overflow:visible;}
	.is-drilldown ul.vertical li a{background-color: white;color:#000000;border-bottom:1px solid #000000; display: block;width: 100%;padding: .7rem 1rem;}
	.is-drilldown ul.vertical li a:hover{background-color: #eeb61d;color:white;margin: 0 0 1px 0;opacity:1;}
	.is-drilldown-submenu-parent a::after {border-color: transparent transparent transparent #000000;}
	.is-drilldown-submenu-parent a:hover::after {border-color: transparent transparent transparent white;}
	
	.is-drilldown-submenu{list-style-type: none;margin: 0;}
	.is-drilldown ul.vertical li .is-drilldown-submenu a{padding: .5rem 1rem;}

	.js-drilldown-back::before {border-color: transparent #000000 transparent transparent;}
	.js-drilldown-back:hover::before {border-color: transparent white transparent transparent;}

	#main_navigation_mobile{background: #000000;padding: 0 0 15px 0;}
	#main_navigation_mobile ul{background: #000000;}
	#main_navigation_mobile ul.sub-menu{background: white;}
	#main_navigation_mobile a#logo{margin: 30px 0 0 0;display: inline-block;}
	#main_navigation_mobile .top-bar{display: none;}
	

	#title_page{background: url(../images/header.jpg) center center no-repeat;background-size: 100%;width: 100%;padding: 100px 30px;background-attachment: fixed;}
	#title_page .container_main_title{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);padding:80px 0 0 0;}
	#title_page h1{color: white;text-transform: uppercase;font-size: 1.8em;display: inline-block;padding: 0;margin: 0;font-weight: bold;}

	#breadcrumbs, #breadcrumbs a,#breadcrumbs a:focus{color: white;font-style: italic;font-size: 0.9em;}
	#breadcrumbs a:hover{opacity: 0.5;}
	.breadcrumb_last{color:#eeb61d;}

/*HOME*/
#calltoaction_quality{margin-top: -384px;position: relative;}
.calltoaction_quality_icon{background: rgba(0,0,0,0.60);padding: 15px 0;}
.icon_argument{text-align:center;}
.icon_argument img{max-width:90px;}
.calltoaction_quality_content{background:rgba(238,182,29,0.90);padding: 15px 0;}
.calltoaction_quality_content h2{font-size: 1.2em;font-weight: bold;text-transform: uppercase;margin: 5px 0 30px 0;}
.contact_call_to_action{text-align: center;background: white;padding: 30px;position: relative;margin: -112px 0;min-height: 415px;box-shadow: -10px 0px 0px 0px rgba(0,0,0,0.25);}
.contact_call_to_action{font-size: 1.6em;text-transform: uppercase;}
.contact_call_to_action_strong span:first-child{}
.contact_call_to_action_strong span:last-child{color:#eeb61d;font-size: 0.8em;}
.contact_call_to_action_strong_phone, .contact_call_to_action_strong_phone:focus{background: black;color: #eeb61d;padding: 10px 0;display: inline-block;width: 100%;text-align: center;position:relative;margin-top: 100px;}
.contact_call_to_action_strong_phone:hover{color:black;background: #eeb61d;}
.contact_call_to_action_strong_phone::before{content: "";position: absolute;width: 40px;background: url(../images/phone_icon.png);height: 68px;top: -85px;left: 50%;
    margin-left: -20px;
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 1s;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); transform: translate(2px, 1px) rotate(0deg);}
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg);transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); transform: translate(0px, 2px) rotate(0deg);}
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); transform: translate(1px, -1px) rotate(1deg);}
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); transform: translate(-3px, 1px) rotate(0deg); }
	
}

.contact_call_to_action_strong_email, .contact_call_to_action_strong_email:focus{color: black;padding: 10px 0;display: inline-block;width: 100%;text-align: center;position:relative;margin-top: 70px;text-transform: initial;font-size:0.7em;}
.contact_call_to_action_strong_email:hover{opacity:0.5;color:black;}
.contact_call_to_action_strong_email::before{content: "";position: absolute;width: 61px;background: url(../images/email_icon.png);height: 37px;top: -40px;left: 50%;
    margin-left: -30.5px;
}

#accroche_slogan{background: url(../images/bg_texture.jpg) center center no-repeat black;background-attachment: fixed;background-size: 100%;color:white;text-align: center;
    text-transform: uppercase;padding: 100px 0;}
#accroche_slogan h2{font-weight:bold;color:white;font-size: 2.5em;}

#description_stp{padding:70px 0;}
#description_stp h2{font-size: 1.5em;font-weight: bold;text-transform: uppercase;margin-top:45px;}
.photo_description{position:relative;}
.hover_grunge{width: 100%;height: 100%;background: url(../images/bg_hover_photo.png) center center no-repeat transparent;position: absolute; top: 0;left: 0;background-size: cover;}

/*Services*/

.introduction_services{background:#f5f5f5;padding:30px;}
.introduction_services p:last-child{margin:0;}
.main_content_services{padding: 60px 0 0 0;}
.conclusion_services{margin: 45px 0;}
.list_services_link{width: 100%;min-height: 250px;text-align: center;background-repeat: no-repeat;background-color: #f5f5f5;background-position: center center;background-size: cover;margin: 0 0 30px 0;display: block;text-transform: uppercase;font-weight: bold;color: white;}
.list_services_link:hover{}
.title_services{
	transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	background: rgba(0,0,0,0.60);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color:white;
}
.list_services_link:hover .title_services{color:white;background-color: rgba(0,0,0,0.20);font-size: 1.1em;}

/*Contact*/
#map{width: 100%;height: 350px;margin:1px 0 30px 0;}
.wpcf7-form-control.wpcf7-submit{background-color: black;border: none;color: white;float: right; margin: 15px 0 30px 0;text-transform: uppercase;text-align: center;
    font-weight: bold;padding: 15px 20px 13px 20px;}
.wpcf7-form-control.wpcf7-submit:hover{background:#eeb61d;}

/*Footer*/
#footer_call_2_action{background: url("../images/pattern_call_2_action.jpg") center center transparent;background-attachment: fixed;background-size: 100%;color:white;text-align: center;text-transform: uppercase;padding: 100px 0;}
#footer_call_2_action h4{font-weight:bold;color:black;font-size: 2.5em;}

#footer1{background: url(../images/bg_texture.jpg) center center no-repeat black;color:white;padding:80px 0 0 0;background-attachment: fixed;}
#footer1 h5{color:#eeb61d;}
.cat_liste_footer{background: rgba(0,0,0,0.4);padding:45px 45px;margin:80px 0 0 0;}
.cat_liste_footer_link{margin:0;padding:0;list-style-type: none;text-align: center;}
.cat_liste_footer_link li{text-align: center;display: inline-block;border-right: 1px solid rgba(250,250,250,0.25);padding: 0 20px 0 16px;}
.cat_liste_footer_link li:last-child{border-right: none;}
.cat_liste_footer_link li a{color: rgba(250,250,250,0.5);text-transform: uppercase;font-size: 0.9em;}
.cat_liste_footer_link li a:hover{color: #eeb61d;}

#in_these_areas{text-align: center;}

.cat_liste_footer_link li.liste_sans_lien{color: rgba(250,250,250,0.5);text-transform: uppercase;font-size: 0.9em;}


#credit{background:#000000;color:white;padding:15px 0;font-size:0.8em;}
#credit a{color:#eeb61d;}
#credit a:hover{opacity:0.75;}

.social_liste{margin:0;padding:0;list-style-type:none;}
.social_liste li{display:inline-block;}
.social_liste li a{display: inline-block;width:50px;height:50px;background-size: cover;}
.social_liste li a:hover{opacity:0.5;}
.social_facebook{background-image: url("../images/facebook_icon.png");}
.social_twitter{background-image: url("../images/twitter_icon.png");}

/*Project_list*/
#projects-list a .box_project_filter{
	transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	background: #f5f5f5 url(../images/magnifier.png) right 15px center no-repeat;padding: 15px;margin: 5px 0;float: left;width: 100%;background-size: 30px;}
#projects-list a:hover .box_project_filter{background-position:right 30px center;background-color:#eeb61d;}
.bloc_desc_project{float: left; width: 100%;}

#projects-list a .box_project_filter .bloc_desc_project{
	transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
#projects-list a:hover .box_project_filter .bloc_desc_project{padding-left:20px;}

#contenu #projects-list a .box_project_filter h2.titre_box{
	transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	margin:0;color:black;text-transform: initial;font-weight: normal;
}
#contenu #projects-list a:hover .box_project_filter h2.titre_box{color:white;}

sidebar#filters_sidebar h3{font-weight: bold;text-transform: uppercase;font-size: 1.2em;margin: 0 0 15px 0;}
#contenu ul#projects-filter{list-style-type:none;margin:0;padding:0;}
#contenu ul#projects-filter li{color:white;}
#contenu ul#projects-filter li a{display: inline-block;background: black;margin: 0 0 2px 0;padding: 15px 20px;color: white!important;width: 100%;}
#contenu ul#projects-filter li a:hover,#contenu ul#projects-filter li a.selected{display: block;background: #eeb61d;margin: 0 0 2px 0;padding: 15px 35px;color: white!important;}

#contenu ul.single_gallery{list-style-type:none;margin:0;padding:0;}
#contenu ul.single_gallery li{float:left;margin:0 15px 15px 0;}

.back_to_project{background: black;color: white;text-transform: uppercase;padding: 15px 20px;display: block;margin: 6px 0 0 0;text-align: center;}
.back_to_project:hover{background:#eeb61d;color:white;}

/*Media queries*/
@media screen and (max-width: 1024px){
	.top-bar{background:transparent;padding:0;}
	#main_navigation_mobile{display: block;}
	#main_navigation{display: none;}
	#title_page{display: flex;align-items: center;justify-content: center;background-size: cover;}
	#title_page h1,#breadcrumbs{text-align: center;}
	#wrapper{margin-top:0!important;}
	#footer1{text-align: center;}
	#credit{text-align: center;}
	.calltoaction_quality_content{text-align: center;}
	.contact_call_to_action{margin-top:15px}
	#accroche_slogan{background-size:cover;padding:132px 0;}
	#logo {position: relative; max-width:150px;}
}