/*
Theme Name: Arlo Child
Theme URI: http://arlo.select-themes.com
Description: A child theme of Arlo
Author: Select Themes
Author URI: http://arlo.select-themes.com
Version: 1.0.0
Template: arlo
*/
@import url("../arlo/style.css");

.invisible {
	display: none !important;
}

strong {
	font-weight: 600;
}

.hoverimg img:hover {
	opacity: .5;
}
/* menu mobile ajout de menu */
@media screen and (max-width: 11000px) and (min-width: 1025px) {
	li.menumobile {
    	display: none !important;
	}
}
.qodef-mobile-header .qodef-mobile-nav {
    padding-bottom: 100px;
}
.qodef-mobile-header .qodef-mobile-nav a {
    letter-spacing: 1px;
}
/* bouton */
.qodef-btn.qodef-btn-outline {
    border: 1px solid #eaeaea !important;
}
.qodef-btn {
    padding: 0 30px !important;
    font-size: 12px !important;
}
.qodef-btn.qodef-btn-solid {
    border: 1px solid !important;
}

/* bouton bleu */
.qodef-btn.qodef-btn-medium.qodef-btn-solid.qodef-btn-custom-hover-bg.qodef-btn-custom-border-hover.qodef-btn-custom-hover-color.boutonbleu {
    background-color: transparent !important;
}
.qodef-btn.qodef-btn-medium.qodef-btn-solid.qodef-btn-custom-hover-bg.qodef-btn-custom-border-hover.qodef-btn-custom-hover-color.boutonbleu:hover {
    opacity: .5 !important;
}
/* statistique accueil */
.qodef-counter-holder .qodef-counter-title {
    margin-top: 0px !important;
}
.qodef-counter-holder.center {
    padding: 20px 20px 0 20px !important;
}
h4 {
	margin-bottom: 1em;
}
/* ------------------------------ */
   /* Menu de droite */ 
/* ------------------------------ */
.lienavecborder {
    border-top: 1px solid #cecece;
    padding-top: 5px;
    padding-bottom: 5px;
}
.liensansborder {
    padding-top: 5px;
    padding-bottom: 5px;
}
.socialpied:hover {
	opacity: .5;
}
/* ------------------------------ */
   /* Partenaires*/ 
/* ------------------------------ */
.logospartenaireretroaction .wpb_single_image img {
	max-width: 90%;
}
.logospartenaireretroaction img:hover {
	opacity: .5;
}
/* ------------------------------ */
   /* Portfolio*/ 
/* ------------------------------ */
/* ligne avec Breadcrumbs */
.qodef-title.qodef-breadcrumb-type {
    background-color: #fff;
    border-top: 1px solid #8a8a8a;
    border-bottom: 1px solid #8a8a8a;
    padding: 20px 0 20px 0;
}
.qodef-title-subtitle-holder-inner h1 {
	font-family: "Oswald", sans-serif !important;
	font-size: 3em !important;
	letter-spacing: 6px !important;
	text-transform: uppercase;
}
.qodef-breadcrumbs-inner {
	padding-top: 1em !important;
}
/* texte h2 du lien contacta */
.big-slider.qodef-portfolio-single-holder .titrepresent h2 {
	display: block !important;
}
/* colonnes dans l'espace texte du portfolio */
.big-slider.qodef-portfolio-single-holder h2 {
    display: none;
}
.big-slider.qodef-portfolio-single-holder .qodef-column1 {
    width: 100% !important;
}
.big-slider.qodef-portfolio-single-holder .qodef-column2 {
    display: none !important;
}
/* listes portfolio */
.big-slider.qodef-portfolio-single-holder ul {
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
}
.big-slider.qodef-portfolio-single-holder li {
	padding-left: 1em;
  	text-indent: -1em;
  	line-height: 1.2em;
  	padding-bottom: .5em;
}
.big-slider.qodef-portfolio-single-holder li:before {
	content: "•";
  	padding-right: 10px;
}
/* palette de couleurs */
.palettedecouleurs img {
    vertical-align: middle;
    padding: 5px 0 5px 0;
}
.qodef-portfolio-single-holder .qodef-portfolio-single-nav-holder {
	margin-top: 0 !important;
}
/* ------------------------------ */
   /* bloc à onglets*/ 
/* ------------------------------ */
.qodef-process-holder .qodef-process-item.active .qodef-process-item-background-holder, .qodef-process-holder .qodef-process-item:hover .qodef-process-item-background-holder {
    border: 20px solid #d8d8d8;
    }
.qodef-tab-text-after-icon {
    font-family: "Oswald", sans-serif !important;
    letter-spacing: 1px !important;
    font-weight: 400;
}
.boiteaonglets .qodef-tabs .qodef-tab-container p{
	margin-bottom: 10px !important;
}
.boiteaonglets .wpb_text_column.wpb_content_element ul {
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
}
.boiteaonglets .wpb_text_column.wpb_content_element li {
	padding-left: 1em;
  	text-indent: -1em;
  	line-height: 1.5em;
  	padding-bottom: .5em;
}
.boiteaonglets .wpb_text_column.wpb_content_element li:before {
	content: "•";
  	padding-right: 10px;
}
/* ------------------------------ */
   /* Entête du site*/ 
/* ------------------------------ */
/* slideshow Slider Revoluton page acceuil entête */
#slide-4-layer-1,
#slide-4-layer-6,
#slide-4-layer-10 {
    letter-spacing: 6px !important;
}
h1.titredesbannieres {
	letter-spacing: 6px !important;
	color: #ffffff;
	font-size: 1em;
	line-height:1.25em !important;
	font-family: Oswald;
	font-weight: 400;
	margin-top: 0;
}
.titrebanniere {
	letter-spacing: 6px !important;
}
/* slideshow Slider Revolution Réalisations */
#slide-1-layer-1,
#slide-1-layer-6,
#slide-1-layer-7 {
	font-weight: 500 !important;
	letter-spacing: 1px !important;
}

/* logo */
.qodef-vertical-align-containers .qodef-position-left-inner {
	float: left!important;
	padding: 20px 0 0 0 !important;
}
.qodef-logo-wrapper a img {
    width: 225px !important;
    height: 64px !important;
}
.qodef-search-opener {
    display: none;
}
/* stickie menu */
.qodef-sticky-holder .qodef-vertical-align-containers .qodef-position-left-inner {
	float: left!important;
	padding: 10px 0 0 0 !important;
}
.qodef-sticky-holder .qodef-logo-wrapper a img {
    width: 159px !important;
    height: 45px !important;
}

/* ------------------------------ */
   /* Pied de page bande principale */ 
/* ------------------------------ */
/* pied de page */
footer {
	font-size: .85em !important;
}
footer .qodef-footer-top-holder{
	background-color: #F1F1F1 !important;
}
footer .qodef-footer-top-holder,
footer .qodef-footer-top-holder a
 {
	color: #1B1A19 !important;
	font-weight: 400 !important;
}
footer p {
	font-size: .9em !important;
	line-height: 1.5em !important;
}

footer .qodef-footer-top-holder .widget_nav_menu li
 {
 	margin-bottom:25px !important;
}
footer .qodef-footer-top-holder .widget_nav_menu a
 {
	color: #1B1A19 !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	font-size: .9em;
	letter-spacing: 1px;
}
footer a:hover
 {
	opacity: .5 !important;
}
/* colonne 1 */
.sloganpieddepage {
    font-family: "Oswald", sans-serif;
    font-size: 2.5em;
    text-transform: uppercase;
    color: #094E9E;
    line-height: 1.4em;
    letter-spacing: 2px;
    font-weight: 500;
}
a.socialpied {
	margin:0 15px 0 0;
}
/* colonne 4 */
p.logoSynerglacePied {
	margin-top: -5px;
	text-align: left;
	line-height: 1.5em;
	font-size: .9em;
}
.logoSynerglacePied img {
	margin-bottom:5px;
}
/* ------------------------------ */
   /* Pied de page bottom */ 
/* ------------------------------ */
.qodef-footer-bottom-holder {
	color: #666666 !important;
	background-color: #DCDCDC !important;
}
.qodef-footer-bottom-holder a {
	color: #666666 !important;
}
.qodef-footer-bottom-holder a:hover {
	opacity: .5 !important;
}

/* pied de page les drapeaux */
a.languessyner {
	margin-right: 35px;
}
img.languedrapeau {
    display: inline-block;
    margin: -3px 5px 0 0;
    vertical-align: middle;
}
/* ------------------------- */
/* BACK TO TOP */
/* ------------------------- */
#qodef-back-to-top > span {
	background-color: transparent !important;
	color: #000000 !important;
	font-size: 30px !important;
}
#qodef-back-to-top > span:hover {
	opacity: .5 !important;
}

/* ------------------------- */
/* page accueil */
/* ------------------------- */
/* bloc intro h2 et h3 */
.accueilintro h1,
.accueilintro h2 {
	margin-bottom: 20px;
	font-family: "Oswald", sans-serif !important;
    text-transform: uppercase;
    color: #094E9E;
    line-height: 1.4em;
}
.accueilintro h3 {
	line-height: 1.8em !important;
	color: #1B1A19;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.accueilintro a {
	color: #094E9E;
}
.accueilintro a:hover {
	opacity: .5;
}
/* portion Testimonials */
.accueiltestimonial h2 {
	color: #094E9E;
}
.qodef-testimonials .qodef-testimonial-text-top .qodef-testimonial-text {
    font-size: 14px !important;
}
.accueiltestimonial .qodef-testimonials .qodef-testimonial-text-top {
    background-color: #F1F1F1 !important;
}
.accueiltestimonial .qodef-testimonials .qodef-testimonial-text-top::after {
    border-top: 13px solid #F1F1F1;
}
.accueiltestimonial .qodef-testimonials .qodef-testimonial-text-top .qodef-testimonial-title {
    color: #094E9E;
    font-weight: 300;
    font-size: 1.2em !important;
}
.accueiltestimonial .qodef-testimonials .qodef-testimonial-text-top .qodef-testimonial-text {
    color: #8D8D8D;
}
.accueiltestimonial .qodef-testimonial-author-text {
	color: #808081 !important;
	font-weight: 400 !important;
	font-size: .9em !important;
}
.accueiltestimonial .owl-dot.active span {
    background: #094E9E !important;
}
.accueiltestimonial .owl-dot span {
    background-color: white !important;
    border: solid 1px #094E9E !important;
}
/* accueil bande avec patins et statistiques */
.accueilplusstatistiques,
.accueilplusstatistiques h2,
.accueilplusstatistiques h3,
.accueilplusstatistiques h4,
.accueilplusstatistiques .qodef-counter-holder .qodef-counter {
	color: #ffffff !important;
}
.accueilplusstatistiques h2 {
	font-size: 2.5em !important;
	font-weight: 500;
	letter-spacing: 4px !important;
}
/* ------------------------- */
/* 1 2 3 4 les titres */
/* ------------------------- */
.qodef-process-item-title-holder h5 {
    font-weight: 400 !important;
}
/* ------------------------- */
/* h2 comme accueil intro */
/* ------------------------- */
.produits h2 {
	margin-bottom: 20px;
	font-family: "Oswald", sans-serif !important;
    text-transform: uppercase;
    color: #094E9E;
    line-height: 1.4em;
    font-size: 1.3em !important;
    letter-spacing: 6px !important;
}
/* ------------------------- */
/* image over zoom */
/* ------------------------- */
.wpb_wrapper.vc_figure {
    overflow: hidden;
}
.hoverimagezoom img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hoverimagezoom:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  overflow: hidden;
}
/* ------------------------- */
/* mini galerie photos dans le bas des pages */
/* ------------------------- */
	.photosrondes img {
		margin-bottom: 20px;
	}
/* ------------------------- */
/* bouton contactez-nous marge */
/* ------------------------- */
.contacteznousmarge,
.contacteznousmargeportfolio {
	margin-top: 50px;
}
/* ------------------------- */
/* Media Queries */
/* ------------------------- */
@media screen and (max-width: 10000000px) and (min-width: 1px) {
	.qodef-side-menu-button-opener {
		display: inline !important;	
	}
}
@media screen and (max-width: 501px) and (min-width: 1px) {
	/* page accueil */
	/* bloc intro h2 et h3 */
	.accueilintro h1,
	.accueilintro h2 {
		margin-bottom: 10px;
    	font-size: 1.5em;
    	line-height: 1.4em;
    	letter-spacing: 6px;
	}
	.accueilintro h3 {
		font-size: 1em !important;
		line-height: 1.5em !important;
	}
	/* témoignage accueil */
	.qodef-testimonials.owl-carousel .owl-dots {
    	text-align: center;
    	margin: 0;
	}

	/* footer */
	footer .qodef-footer-top:not(.qodef-footer-top-full) .qodef-container-inner {
    	padding: 20px 0 20px;
	}
	footer .widget ul {
    	margin: 0 !important;
	}
	.qodef-footer-bottom-holder .textwidget a {
		display: block !important;
		clear: both !important;
		margin: 10px 0 10px 0 !important;
	}

	.widget.qodef-footer-bottom-left.widget_text {
    	text-align: left !important;
    	margin-bottom: 10px !important;
	}
	footer .qodef-footer-top-holder .widget_nav_menu li {
 		margin-bottom:5px !important;
	}
	footer .textwidget,
	p.logoSynerglacePied,
	footer ul li {
    	text-align: center !important;
	}
	footer .qodef-footer-column-3 {
    	margin-top: -12px;
	}
	/* les boutons */
	.qodef-btn {
		padding: 0 10px;
		font-size: 12px;
	}
	/* accueil bande avec patins et statistiques */
	.accueilplusstatistiques,
	.accueilplusstatistiques h2,
	.accueilplusstatistiques h3,
	.accueilplusstatistiques h4,
	.accueilplusstatistiques .qodef-counter-holder .qodef-counter {
		color: #ffffff !important;
	}
	.accueilplusstatistiques h2 {
		font-size: 1.5em !important;
	}
	.accueilplusstatistiques .qodef-btn {
    	padding: 0 15px !important;
	}
	.accueilplusstatistiques .qodef-counter {
		font-size: 2.5em !important;
	}
	/* ------------------------- */
	/* bouton contactez-nous marge */
	/* ------------------------- */
	.contacteznousmarge {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.contacteznousmargeportfolio {
		margin-top: 35px;
		margin-bottom: 0px;
	}

}
@media screen and (max-width: 800px) and (min-width: 502px) {
	/* témoignage accueil */
	.qodef-testimonials.owl-carousel .owl-dots {
    	text-align: center;
    	margin: 0;
	}
	/* footer */
	footer .qodef-footer-top:not(.qodef-footer-top-full) .qodef-container-inner {
    	padding: 20px 0 20px;
	}
	footer .widget ul {
    	margin: 0 !important;
	}
	.qodef-footer-bottom-holder .textwidget a {
		display: block !important;
		clear: both !important;
		margin: 10px 0 10px 0 !important;
	}

	.widget.qodef-footer-bottom-left.widget_text {
    	text-align: left !important;
    	margin-bottom: 10px !important;
	}
	footer .qodef-footer-top-holder .widget_nav_menu li {
 		margin-bottom:5px !important;
	}
	footer .textwidget,
	p.logoSynerglacePied,
	footer ul li {
    	text-align: center !important;
	}
	footer .qodef-footer-column-3 {
    	margin-top: -12px;
	}
	/* ------------------------- */
	/* bouton contactez-nous marge */
	/* ------------------------- */
	.contacteznousmarge {
		margin-top: 35px;
	}
	.contacteznousmargeportfolio {
		margin-top: 35px;
	}
}