/*
CTC Separate Stylesheet
Updated: 2017-05-31 13:00:55
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.47.1496228455
*/

/*.home #logo {
	display: none;
}*/
/* overhanging logo by Geno Quiroz */
 
#top-header {z-index: 99999;}
 
#logo {
    max-height: 150% !important;
    /*margin-top: -32px;*/
    z-index: 100000;
}
 
@media only screen and (max-width : 980px) 
{
    #logo { margin-top: 0px}
}



/*----------------------------------*/
/* Menu Effect 5 - borders slide in */
#top-menu a {
	color: #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
#top-menu a::before,
#top-menu a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px; /*you may want to adjust this*/
	background: black;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
#top-menu a::before {
	top: -25%; /*you may want to adjust this*/
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
#top-menu a::after
{
	bottom: 40%; /*you may want to adjust this*/
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

#top-menu a:hover,
#top-menu a:focus,
 {
	color: #00f;
}

#top-menu a:hover::before,
#top-menu a:focus::before,
#top-menu a:hover::after,
#top-menu a:focus::after,
#top-menu li.current_page_item > a:after
{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


/*------------------------------------------------*/
/*-------------[GQ - FLOATING SHADOW]-------------*/
/*------------------------------------------------*/
/*++++++++++++++++++ PAS UTILISE
    #top-menu li {
        padding-right: 5px;}
 
    #top-menu > li > a {
        padding: 15px 15px!important;
        margin-bottom: 15px;}
 
    #top-menu .menu-item-has-children > a:first-child:after {
        display:none;}
 
    #top-menu-nav > ul > li > a {
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        //background: #3173b5;
        color: black;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;}
 
    #top-menu-nav > ul > li > a:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 80%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity;}
 
    #top-menu-nav > ul > li > a:hover, 
    #top-menu-nav > ul > li > a:focus, 
    #top-menu-nav > ul > li > a:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 1;
        //background: #154575;
	}
 
    #top-menu-nav > ul > li > a:hover:before, 
    #top-menu-nav > ul > li > a:focus:before, 
    #top-menu-nav > ul > li > a:active:before {
        opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
}
++++++++++++++++++++++++++++*/


/*------------------------------------------------*/
/*-------------[TESTIMONIAL HOVER]----------------*/
/*--------------[BY GENO QUIROZ]------------------*/
/*------------------------------------------------*/
 
 
/* testimonials */
.gq-module-hover 
{
        /* box-shadow: 0 0px 0px rgba(0, 0, 0, 0); */
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
}
    
.gq-module-hover:hover 
{
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
        /* box-shadow: 1px 5px 14px rgba(0, 0, 0, 3); */
        z-index: 1;
}
         
         
/*------------------------------------------------*/       
/*------------------------------------------------*/
/*---------------[GQ BLURB FLOAT]-----------------*/
/*------------------------------------------------*/
 
.mp_m_blurb_float_shadow 
{
            //border: 1px solid #eee;
            //border-radius: 9px;
            //box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
            padding: 17px;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
 
    .mp_m_blurb_float_shadow:before {
            pointer-events: none;
            position: absolute;
            z-index: -1;
            content: '';
            top: 100%;
            left: 5%;
            height: 10px;
            width: 90%;
            opacity: 0;
            background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
            background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
            -webkit-transition: all .3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;}
 
    .mp_m_blurb_float_shadow:hover {
            -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
        box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2);}
 
    .mp_m_blurb_float_shadow:hover:before {
        opacity:1;
        top: 106%;
            height: 15px;
}

/*------------------------------------------------*/
/*------[Big Invisible Triangle - Quiroz.co]------*/
/*------------------------------------------------*/
 
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.big-triangle:after,.big-triangle:before {
    content:'';
    position:absolute;
    bottom:0;
    width:50%;
    z-index:100;
    border-bottom:80px solid #f7f7f7;
    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg);}
 
.big-triangle:before{
    right:50%;
    border-right:1000px solid transparent;
    border-left:1000px solid;}
 
.big-triangle:after{
    left:50%;
    border-left:1000px solid transparent;
    border-right:1000px solid;
}



/*-----------------------------------------------*/
/*-----Scrolling Image Carousel by Divi Soup-----*/
/*-----------------------------------------------*/
/*Stops the browser creating a horizontal scrollbar*/
.ds-carousel-section {
    overflow: hidden;
    max-height: 300px;
}
/*Reduces the section height on mobiles*/
@media only screen and (max-width: 567px) {
.ds-carousel-section {
    max-height: 140px;
    padding: 0;
    }
}
/*Sets the width of the image modules and floats them so they are next to each other*/
.ds-carousel-logo {
    width: 20%;
    float: left;
}
/*Sets the layout for the first row*/
.ds-image-carousel-first {
    width: 100% !important;
    max-height: 200px;
    height: 200px;
    background: #fff;
    animation: 15s first 1 linear;
    animation-fill-mode: forwards;
    
}
/*Sets the layout for the second row*/
/*.ds-image-carousel-second {
    z-index: 2;
    height: 200px;
    background: #fff;
    width: 100% !important;
    float: left;
    display: inline-block;
    top: -200px;
    animation: 30s second infinite linear;    
}*/
/*Sets the layout for the third row*/
/*.ds-image-carousel-third {
    z-index: 1;
    height: 200px;
    background: #fff;
    width: 100% !important;
    float: left;
    display: inline-block;
    top: -400px;
    animation: 30s third infinite linear;
    animation-delay: 15s;
    opacity: 0;
}*/

/*Animation for the continuous scrolling effect*/
@keyframes first {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 3;
  }
  99.99% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 3;
  }
  100% {
    z-index: -1;
  }
}
/*@keyframes second {
  0% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes third {
  0.1% {
    opacity: 0;
  }
  0.2% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
  }
}*/
/*-----------------------------------------------*/
/*---End Scrolling Image Carousel by Divi Soup---*/



/*-------------------------------------------------*/
/*--- Filtre sur fond video depannage -------------*/
/*-------------------------------------------------*/
.spr-voile_depannage 
{
	padding-top: 0;
}

.spr-voile_depannage::before
{
	z-index: 3;
	content: '';
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0.9), rgba(255,255,255,0.4));
}

/*-------------------------------------------------*/





/*------------------------------------------------*/
/*----[Left Diagonal Lines - By Geno Quiroz]------*/
/*-----------------[Quiroz.Co]--------------------*/
/*------------------------------------------------*/
 
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.line-diagonal {
	z-index: 1;
	padding-top: 0;
}

.line-diagonal::before, .line-diagonal::after,
.home #main-header:after,
.line-diagonal-creation::before,
.line-diagonal-acceuil::after,
.line-diagonal-depannage::after,
.line-diagonal-prestations-titre::before, .line-diagonal-prestations::after,
.line-diagonal-atout::before, .line-diagonal-atout::after,
.line-diagonal-devis::before, 
.line-diagonal-tarifs::before, .line-diagonal-tarifs::after,
.line-diagonal-recentes::before, .line-diagonal-recentes-portfolio::after
{
	z-index: 1;
	content: '';
	pointer-events: none;
	position: absolute;
	width: 110%;
	height: 20%;
    	left:  0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	background: #f7f7f7;
}

.line-diagonal::before, 
.line-diagonal-atout::before, 
.line-diagonal-devis::before, 
.line-diagonal-recentes::before,
.line-diagonal-recentes-portfolio::after, .line-diagonal-prestations::after
{
	top: 0px;
	left: -5%;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	background: #f7f7f7;
}


.line-diagonal::after, .line-diagonal-atout::after
{
	bottom: 0px;
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}

/*-------- Menu acceuil -------------------*/
.home #main-header:after
{
	z-index: 2;
	width: 130%;
	height: 245%;
	left: -15%;
	top: -265%;
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
	background: #f7f7f7;
	-webkit-transition: 1s;
	transition: 1s;
}
.home #main-header.et-fixed-header:after
{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	top: -123%;
}
.home #main-header.et-fixed-header
{
	background-color: rgba(255,255,255,0);
}
/*--------------------------------------------*/

/*-------- creation sites -------------------*/
.line-diagonal-creation::before
{
	z-index: 2;
	width: 115%;
	height: 27%;
	left: -3%;
	top: 20%;
	-webkit-transform: rotate(-9deg);
	transform: rotate(-9deg);
	background: rgba( 255, 255, 255, 0.71 );
}
/*--------------------------------------------*/



/*--- acceuil creation sites ---*/
.line-diagonal-acceuil::after
{
	z-index: 2;
	width: 115%;
	height: 25%;
	left: -5%;
	top: 100%;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
	background: #f7f7f7;
}

/*--- acceuil depannage ---*/
.line-diagonal-depannage::after
{
	z-index: 3;
	width: 115%;
	height: 20%;
	left: -5%;
	top: 100%;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
	background: #f7f7f7;
}


.line-diagonal-prestations-titre::before
{
	width: 115%;
	height: 10%;
	left: -5%;
	top: 17%;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.line-diagonal-prestations::after 
{
	top: 98%;
	height: 15%;
}

.line-diagonal-recentes::before {
	top: 1%;
	height: 14%;
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}

.line-diagonal-recentes-portfolio::after
{
	top: 95%;
	height: 20%;
	/*box-shadow: 0px -8px 14px 7px #fff;*/
}


.line-diagonal-atout::before
{
	top: -0%;
	height: 20%;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.line-diagonal-atout::after
{
	height: 28%;
	left: -5%;
	bottom: -15%;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.line-diagonal-devis::before
{
	top: -22%;
	height: 25%;
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}


.line-diagonal-tarifs::before
{
	top: 0%;
    left: -5%;
    height: 12%;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.line-diagonal-tarifs::after
{
	height: 24%;
    left: -5%;
    bottom: -6%;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
}




// majorité portable
@media only screen and ( max-width: 1000px ) and (orientation: landscape) {
	.left-diagonal::before {top: 0%; height: 20%;}
	.left-diagonal::after {bottom: 0%;}
	.line-diagonal-acceuil::after {}
	.line-diagonal-prestations-titre::before { top: 4%; height: 15%; }
	.line-diagonal-prestations::after { height: 8%; }
	.line-diagonal-atout::before{ top: 0%; height: 9%; }
	.line-diagonal-atout::after { top: 92%; height: 14%; }
	.line-diagonal-recentes::before { top: 5%; height: 5%; }
	.line-diagonal-recentes-portfolio::after { top: 100%; height: 6%; }
	.line-diagonal-devis::before { height: 10%; }
	#main-header:after { display: none; }
}

@media only screen and ( max-width: 1000px ) and (orientation: portrait) {
	.left-diagonal::before {top: 0%; height: 20%;}
	.left-diagonal::after {bottom: 0%;}
	.line-diagonal-acceuil::after { top: 95%; }
	.line-diagonal-prestations-titre::before { top: 4%; height: 15%; }
	.line-diagonal-prestations::after { height: 8%; }
	.line-diagonal-atout::before{ top: 0%; height: 10%; }
	.line-diagonal-atout::after { top: 95%; height: 10%; }
	.line-diagonal-recentes::before { top: 1%; height: 5%; }
	.line-diagonal-recentes-portfolio::after { top: 100%; height: 6%; }
	.line-diagonal-devis::before { height: 4%; }
	#main-header:after { display: none; }
}