@charset "UTF-8";


@media screen and (min-width: 768px) and (max-width: 1380px) and (orientation: landscape) {
    
    /* Ipad et tablettes landscape *//* Ipad et tablettes landscape */

    @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&family=Dosis:wght@200;300;400;500;600&family=Orbitron:wght@400;500;600&family=Oswald:wght@200;300;400;500&display=swap');

    @import url('https://db.onlinewebfonts.com/c/fbe20f6c42a52efdca315763a8cee03b?family=BC+Alphapipe+L');
    
    
    @font-face {
      font-family: "BC Alphapipe L Regular";
      src: url("../fonts/BC Alphapipe L Regular.eot"); /* IE9*/
      src: url("../fonts/BC Alphapipe L Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
      url("../fonts/BC Alphapipe L Regular.woff2") format("woff2"), /* chrome、firefox */
      url("../fonts/BC Alphapipe L Regular.woff") format("woff"), /* chrome、firefox */
      url("../fonts/BC Alphapipe L Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/BC Alphapipe L Regular.svg#BC Alphapipe L Regular") format("svg"); /* iOS 4.1- */
    }
    
    
    
    .demo {
        font-family:"BC Alphapipe L Regular" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
    }
    
body html {
    margin: 0 auto; 	
	padding: 0 auto;
    overflow-x: hidden;
    max-width: 100%;
    height: auto;
    }
    
.body-papier-peint { 
	margin: 0; 
	padding: 0;  	
	/*background-color: rgba(221,237,237, 0.6);*/
    background-image: url('../images/papier-peint.png');
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: bottom center; 
	background-size: cover cover;
    min-width: 100%;
    min-height: auto;
    overflow-x: hidden;
   
    
	}
    
    .union-jack {
        position: absolute;
        width: 50px;
        height: auto;
        float: right;
        margin-top: 10px;
        margin-left: -60px;
        
        
      }
    
.logo-menu {
    width: 6%;
    height: auto;
    float: left;
    margin-top: 20px;
    margin-left: 5%;
}
 
/* lien hypertexte normal */
a:link, a:visited { color: #9ba6bc; text-decoration: none; }
a:hover, a:active { color: #505c74 ; text-decoration: none; }
    


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

            Header 

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

.nav1 {
    float: right;
    margin-top: 0;
    margin-bottom: 0;
    }



header {
    min-width: 100%;
    height: 80px;
    display: none;
    opacity: 1;
    position: fixed;
    z-index: 99999999999999999;
    background-color: #e3e8e9; /*#00547a*/
    border-bottom: 2px solid #76acc4;
    overflow: hidden;
}
header nav ul { 		
	list-style: none; 
	margin: 0;
	padding: 0;
	
	}
header nav ul li { 		
	list-style: none;	
	display: block;	
	margin: 0;
	padding: 0;
	float: left;
    z-index: 99999999999999999999;
	}


header nav ul li a { 
	display: inline-block;
	zoom: 1;		
	margin: 0;
	padding: 5px 20px;
	background-color: none;
	font-size: 1em;
    font-family: 'dosis', sans-serif;
    font-weight: 300;
	line-height: 2.3;	
	white-space: nowrap;	
	color: #a5c8cc;
	transition: all 0.5s ease;	
   
	}
header nav ul li a:link, header nav ul li a:visited {
	background-color: none;
	color: #a5c8cc; 
	text-decoration: none;
	}
header nav ul li a:hover, header nav ul li a:active {
    background-color: rgba(99,129,145,.8);
	color:#fff;

	}





.trame-deco::after {
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    right:0;
    z-index: 1;
    content: "";
    display: block;
     background: rgba(25, 28, 43, 0.6);
    /*background-image: url('../images/trame-video.png');
    background-repeat: repeat;*/
    border: 5px solid #95a781; /*#53737a*/
   /* pointer-events: none;  permet de passer au travers de la trame */

    
    }

.trame-slider::after {
 position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    z-index: 1;
    content: "";
    display: block;
     background: rgba(25, 28, 43, 0.5);
    /*background-image: url('../images/trame-video.png');
    background-repeat: repeat;*/
    border: 5px solid #95a781; /*#53737a*/
   /* pointer-events: none;  permet de passer au travers de la trame */
    
   
    
}

/* ====================== [ Start Overlay ] ====================== */
[data-overlay-dark],
[data-overlay-light] {
  position: relative; }

[data-overlay-dark] #bg-vid,
[data-overlay-light] #bg-vid {
  position: relative;
  z-index: 2; }

[data-overlay-dark]:before,
[data-overlay-light]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3; }

[data-overlay-dark]:before {
  background: #02050b; }

[data-overlay-light]:before {
  background: #fff; }

[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark span,
.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color h4,
.bg-color h5,
.bg-color h6,
.bg-color span {
  color: #fff; }

[data-overlay-dark] p,
.bg-dark p,
.bg-color p {
  color: #dad6d6; }

[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {
  opacity: 0; }

[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {
  opacity: .1; }

[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {
  opacity: .2; }

[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {
  opacity: .3; }

[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {
  opacity: .4; }

[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {
  opacity: .5; }

[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {
  opacity: .6; }

[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {
  opacity: .7; }

[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {
  opacity: .8; }

[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before,
[data-overlay-color="9"]:before {
  opacity: .9; }

[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {
  opacity: 1; }

.h1-index-0-bis { 
    font-family: 'Darker Grotesque', serif;
    font-size: 3em;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    line-height: 1.3;
    color: #fff;/* */
    text-align: left;
    text-shadow: 2px 2px 3px #666;
    border-bottom: solid 2px #fff;
    
    text-transform: inherit;
    font-weight: 100;
   }
.h1-index-0-bis .span-titre {
    font-family: 'Cormorant Garamond', serif;
    border-top: solid 2px #fff;
    font-size: 1em;
    color: #bfe0e9;
    padding-right: 5%;
    text-transform: uppercase;
    
}

.h1-index-0-bis span {
    margin-left: -2px;
    font-size: 1.2em;
font-family: 'dosis', serif;
}

#slide-inside1-logis-bis {
    position: absolute;
    width: 900px;
    height: 350px;
    margin: -200px 100px 100px 230px;
    opacity: 0;
    left:-200px;
    /*background: rgba(255,255,255,.7);*/
    color: white;
   margin-top: -50%;  /* -25%*/
    /*border-top: solid 4px #b38d95;
    border-bottom: solid 2px #b38d95;*/
    z-index: 50;
    
    
}

.h2-index-1-logis-index { 
            font-family: 'dosis', cursive;
            font-size: 2em;
            font-weight: 300;
            padding-top: 5%;
            
            line-height: 1;
            color: #9e8347;/*  #c3a005 #053a59*/
            text-align: justify;
            text-shadow: 2px 2px 3px #666;
            padding-bottom: 40px;
           
            }

.logo-index {
    position: absolute;
    padding: 0 auto;
    padding-top: 20px;
    margin: 0 auto;
    margin-top: -40%;
   margin-left: -35%;
    width: 20%;
    padding-bottom: 5%; 
    z-index: 20;
    
    }

.scroll-bas {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    z-index: 9999;
    margin-top: 5px;
    

}
    
/*///////////////       flex box    //////////////////////*/

.hauteur100 {
      
        height: 100%;
    } 

.hauteur100-bis {
    
        height: 100%;
    } 
    

.hauteur50 {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 50%;
    } 
.case50 {
        width: 50%;
        height: auto; /* vertical height vh "min-height" permet de ralonger le div et voir tout le texte voir max-height aussi */
        float: left;
        padding-bottom: 5%;
        padding-left: 5%;
        padding-right: 5%;
        
    }
.case50-bis {
        width: 50%;
       height:auto; /* vertical height vh "min-height" permet de ralonger le div et voir tout le texte voir max-height aussi */
        float: left;
        padding-bottom: 5%;
        padding-left: 5%;
        padding-right: 5%;
        
    }

.case50-page-offre {
        width: 50%;
        height: 70%; /* vertical height vh "min-height" permet de ralonger le div et voir tout le texte voir max-height aussi */
        float: left;
        padding-left: 8%;
        padding-top: 15%;
        
    }


.case50-right {
        width: 50%;
        height: 50%; /* vertical height vh "min-height" permet de ralonger le div et voir tout le texte voir max-height aussi */
        float: left;
        
    }
.case70 {
        width: 70%;
        height: auto; /* vertical height vh "min-height" permet de ralonger le div et voir tout le texte voir max-height aussi */
        float: left;
        padding: 20px 20px 20px 20px;
    
  }
.case70-bis {
        width: 70%;
        height: auto; /* vertical height vh "min-height" permet de ralonger le div et voir tout le texte voir max-height aussi */
        float: left;
       padding: 20px 20px 20px 20px;
    
  }

.case30 {
        width: 30%;
        max-height: auto;/* vertical height vh "min-height" permet de ralonger le div et voir tout le texte voir max-height aussi */
       padding: 20px 20px 78px 20px;
        float: left;
        
    }
.case30-bis {
        width: 30%;
        max-height: auto; /* vertical height vh "min-height" permet de ralonger le div et voir tout le texte voir max-height aussi */
        float: left;
        padding: 20px 20px 98px 20px;
        
    }
.fond-flex-box-1 { 
    background-color: #91a09f; 
    margin: 0;
    padding-bottom: 5%;
    }

.fond-flex-box-2 { 
    background-color: #6b7e7c;
   
    }
.fond-flex-box-2-bis { 
    background-color: #6b7e7c;
    
    }
.fond-flex-box-3-bis { 
    background-color: #b4c1ba;
  
    }
    



        
.fond-flex-box-3 { 
    background-color: #b4c1ba;
    
    }


.case70-bis-moi {
        width: 70%;
        height: 40%; /* vertical height vh "min-height" permet de ralonger le div et voir tout le texte voir max-height aussi */
        float: left;
        padding: 20px 20px 0px 20px;
  }

.case30-bis-moi {
        width: 30%;
        height: 40%; /* vertical height vh "min-height" permet de ralonger le div et voir tout le texte voir max-height aussi */
        float: left;
        padding: 20px 20px 0px 20px;
    }

.case100 {
    width: 100%;
    height: 50%;

}

.fond-blanc-bis { 
    background-color: transparent;
    padding-top: 5%;
    padding-bottom: 5%;
    
}    
    
.img-icone-lit {
    position: relative;
    height: auto;
    width: 50%; 
    margin-left: 25%;
    padding-top: 10%;
    
}
    
.img-icone-lit-bis {
     position: relative;
    height: auto;
    width: 50%;
    height: auto;
    margin-left: 25%;
    padding-top: 10%;
  
   
}
    
/*.fond-papier-peint {
        min-width: 60%;
        min-height: auto;
        background: url('../images/papier-peint.png') no-repeat bottom center fixed;
       margin: 0 auto;
        padding-top: 500px; 
        padding-bottom: 80px;
        background-size: cover cover;
        -webkit-background-size: cover cover;
        -moz-background-size: cover cover;
        -o-background-size: cover cover;

  }*/
    
.slide-papier-peint {
        margin-top: 5%;
    }
    
.slide-papier-peint-bis {
        margin-top: -50%;
    }
    

.fond-deco-mur{
      background: url('../images/deco-mur-1.png');
        background-repeat: no-repeat;
        background-size: 100%;
        background-attachment: fixed;
        background-position: bottom center;
        margin: 0 auto;
        padding-top: 550px;
        padding-bottom: 300px;
  }
.slide-deco-mur {
        margin-top: -20%;
    }
    
.slide-bouton5 {
    padding-top: 2%;
        padding-bottom: 5%;
    }

#anim-texte-page-deco-1 {opacity: 0;}
#anim-texte-page-shopping {opacity: 0;}
#anim-texte-page-shopping-1 {opacity: 0;}
#anim-texte-page-conception {opacity: 0;}
#anim-texte-broc-1 {opacity: 0;}
#anim-prix-shopping-broc {opacity: 0;}

#anim-projet-deco-1 {opacity: 0;}
#anim-projet-deco-2 {opacity: 0;}
#anim-projet-deco-3 {opacity:0;}
#anim-projet-1-img-4 {opacity:0;}

#anim-texte-vignette-web {opacity: 0;}
#anim-texte-conception-1 {opacity: 0;}
#anim-page-deco-1 {opacity: 0;}
#anim-prix-deco {opacity: 0;}

#anim-page-conception-text-1 {opacity: 0;}
#anim-page-conception-text-2 {opacity: 0;}
#anim-text-home-staging-1 {opacity: 0;}

#anim-vignette-index-1 {opacity: 0;}
#anim-vignette-index-2 {opacity: 0;}
    
#anim-vignette-deco-1 {opacity: 0;}
#anim-vignette-deco-2 {opacity: 0;}
#anim-vignette-deco-3 {opacity: 0;}
#anim-vignette-deco-4 {opacity: 0;}
    
#anim-page-templet-cv-1-bis1 {opacity: 0;}

/* ----------------  page decorateur fin  --------------------  */


#bienvenue {opacity: 0;}

#anim-texte-electra {opacity: 1;}
#anim-texte-electra-1 {opacity: 0;}

#anim-texte-templet {opacity: 0;}
#anim-texte-templet-index {opacity: 0;}
#anim-texte-templet-index-bis {opacity: 0;}

#anim-texte-templet-index-deco-1 {opacity: 0;}
#anim-texte-templet-index-deco-2 {opacity: 0;}

#anim-texte-offre {opacity: 0;}
#anim-texte-offre-a {opacity: 0;}
#anim-texte-offre-b {opacity: 0;}
#anim-p2-bis {opacity: 0;}

#anim-texte-offre-atria {opacity: 0;}
#anim-texte-offre-a-atria {opacity: 0;}
#anim-texte-offre-b-atria {opacity: 0;}

#anim-texte-offre-electra {opacity: 0;}
#anim-texte-offre-a-electra {opacity: 0;}
#anim-texte-offre-b-electra {opacity: 0;}
#anim-page-templet-3-electra {opacity: 0;}
#anim-forfait-titre-electra {opacity: 0;}
#anim-forfait-1-electra {opacity: 0;}
#anim-forfait-2-electra {opacity: 0;}
#bgVid1-bis-electra {opacity: 0;}
#anim-prestation-titre-electra {opacity: 0;}
#anim-prestation-1-electra {opacity: 0;}
#anim-prestation-2-electra {opacity: 0;}

#anim-texte-page-home-staging-1 {opacity: 0;}
#anim-texte-page-home-staging {opacity: 0;}
#anim-prix-home-staging {opacity: 0;}
#anim-prix-shopping {opacity: 0;}
#anim-prix-shopping-1 {opacity: 0;}

#anim-forfait-titre {opacity: 0;}
#anim-forfait-titre-atria {opacity: 0;}
#anim-forfait-1 {opacity: 0;}
#anim-forfait-2 {opacity: 0;}
#anim-forfait-1-atria {opacity: 0;}
#anim-forfait-2-atria {opacity: 0;}

#anim-forfait-titre-index {opacity: 0;}
#anim-forfait-index-1 {opacity: 0;}
#anim-forfait-index-2 {opacity: 0;}
#anim-forfait-index-3 {opacity: 0;}
#anim-forfait-index-4 {opacity: 0;}
#anim-forfait-index-5 {opacity: 0;}
#anim-forfait-index-6 {opacity: 0;}
#anim-forfait-index-7 {opacity: 0;}
#anim-forfait-index-8 {opacity: 0;}
#anim-forfait-index-9 {opacity: 0;}

#anim-prestation-titre-alhena {opacity: 0;}
#anim-prestation-titre {opacity: 0;}
#anim-prestation-titre-atria {opacity: 0;}
#anim-prestation-1 {opacity: 0;}
#anim-prestation-2 {opacity: 0;}
#anim-prestation-1-atria {opacity: 0;}
#anim-prestation-2-atria {opacity: 0;}

#anim-presentation-moi-1 {opacity: 0;}
#anim-presentation-moi-2 {opacity: 0;}
#anim-presentation-moi-3 {opacity: 0;}
#anim-presentation-moi-4 {opacity: 0;}
#anim-presentation-moi-5 {opacity: 0;}


#anim-page-deco-img-renov-leclos-1 {opacity: 0;}
#anim-page-deco-img-renov-leclos-2 {opacity: 0;}
#anim-page-deco-img-renov-leclos-3 {opacity: 0;}
#anim-page-deco-img-renov-leclos-4 {opacity: 0;}
#anim-page-deco-img-renov-leclos-5 {opacity: 0;}
#anim-page-deco-img-renov-leclos-6 {opacity: 0;}


#anim-page-deco-img-renov-villa-1 { opacity: 0;}
#anim-page-deco-img-renov-villa-2 { opacity: 0;}
#anim-page-deco-img-renov-villa-3 { opacity: 0;}
#anim-page-deco-img-renov-villa-4 { opacity: 0;}
#anim-page-deco-img-renov-villa-5 { opacity: 0;}
#anim-page-deco-img-renov-villa-6 { opacity: 0;}

#section-1-galerie {opacity: 0;}
#section-2-galerie {opacity: 0;}
#section-3-galerie {opacity: 0;}
#section-4-galerie {opacity: 0;}
#section-5-galerie {opacity: 0;}
#section-6-galerie {opacity: 0;}
#section-7-galerie {opacity: 0;}
#section-8-galerie {opacity: 0;}

#section-9-galerie {opacity: 0;}
#section-10-galerie {opacity: 0;}
#section-11-galerie {opacity: 0;}
#section-12-galerie {opacity: 0;}
#section-13-galerie {opacity: 0;}
#section-14-galerie {opacity: 0;}
#section-15-galerie {opacity: 0;}
#section-16-galerie {opacity: 0;}

#anim-templet-1 {opacity:0;}
#anim-templet-2 {opacity:0;}
#anim-templet-3 {opacity:0;}
#anim-templet-4 {opacity:0;}

#anim-video-electra-1 {opacity:0;}
#anim-video-electra-2 {opacity:0;}
#anim-video-electra-3 {opacity:0;}
#anim-video-electra-4 {opacity:0;}
#anim-video-electra-5 {opacity:0;}
#anim-video-electra-6 {opacity:0;}


#anim-page-templet-1-video1{opacity:0;}
#anim-page-templet-1 {opacity: 0;}
#anim-page-templet-1-bis {opacity: 0;}
#anim-page-templet-2 {opacity: 0;}
#anim-page-templet-3 {opacity: 0;}
#anim-page-templet-3-atria {opacity: 0;}
#anim-page-colombier {opacity: 0;}
#anim-page-colombier-1 {opacity: 0;}
#anim-page-colombier-2 {opacity: 0;}
#anim-page-colombier-3 {opacity: 0;}
#anim-page-colombier-4 {opacity: 0;}

#anim-page-servannaise-1 {opacity: 0;}
#anim-page-servannaise-2 {opacity: 0;}

#anim-texte-1 {opacity:0;}
#anim-texte-2 {opacity:0;}
#anim-texte-3 {opacity:0;}
#anim-texte-4 {opacity:0;}
#anim-texte-5 {opacity:0;}
#anim-texte-5-bis {opacity:0;}


#bouton-anim-1 {opacity:0;}
#bouton-anim-2 {opacity:0;}
#bouton-anim-1-atria {opacity:0;}
#bouton-anim-2-atria {opacity:0;}
#bouton-anim-3 {opacity:0;}

#anim-texte-index-1 {opacity:0;}

#anim-projet-0 {opacity:0;}
#anim-projet-1 {opacity:0;}
#anim-projet-2 {opacity:0;}
#anim-projet-3 {opacity:0;}
#anim-projet-4 {opacity:0;}
#anim-projet-5 {opacity:0;}
#anim-projet-6 {opacity:0;}

#anim-projet-titre-2 {opacity:0;}

#bgVid1-bis {opacity: 0;}
#bgVid1-bis-index {opacity: 0;}
#bgVid1-index {opacity: 0;}
#bgVid2-index {opacity: 0;}
#bgVid2 {opacity: 0;}

#anim-text-contact-1 {opacity:0;}
#anim-text-contact-2 {opacity:0;}
#anim-text-contact-3 {opacity:0;}
#anim-text-contact-4 {opacity:0;}
#anim-text-contact-5 {opacity:0;}
#anim-text-contact-6 {opacity:0;}
#anim-text-contact-7 {opacity:0;}
#anim-text-contact-8 {opacity:0;}
#anim-text-contact-9 {opacity:0;}
#anim-text-contact-10 {opacity:0;}
#anim-text-contact-11 {opacity:0;}
#anim-text-contact-12 {opacity:0;}
#anim-text-contact-13 {opacity:0;}
    
#anim-page-templet-cv {opacity: 0;}
#anim-page-templet-cv-1 {opacity: 0;}
#anim-cv-immo-1 {opacity: 0;}

#anim-page-templet-cv-1-bis {opacity: 0;}
#anim-page-templet-cv-2 {opacity: 0;}
#anim-page-templet-cv-2-bis {opacity: 0;}

#anim-texte-cv {opacity: 0;}
#anim-cv-1 {opacity: 0;}
#anim-cv-2 {opacity: 0;}
#anim-cv-3 {opacity: 0;}
#anim-cv-4 {opacity: 0;}

#anim-presentation-moi-5 {
    opacity: 0;
}
    
div#slider {
    display: none;

    
}

    
.trait-texte {
	padding-right: 20px; 	
	border-right: 0px solid white;
    
	}
.trait-texte-gauche {
	padding-left: 20px;
	border-left: 1px solid white;
	}   
.slide-left-slider-img-touch {
        margin-left: 13%;
    margin-bottom: 5%;
    }

#webdesigner-bis {
     position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding:0; 
    top: 40%;
    color: #95a781; 
    font-size: 1.8em; 
    font-family: 'BC Alphapipe L Regular', sans-serif; 
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    opacity: 1;
    z-index: 14;
    } 
#webdesigner-bis .span-bis-web {
    font-size: 1.8em;
    color: #EEBF00;
    margin-left: 0%;
   
    
}
    
#webdesigner {
     position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding:0; 
    top: 40%;
    color: #95a781; 
    font-size: 2.5em; 
    font-family: 'BC Alphapipe L Regular', sans-serif; 
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    opacity: 1;
    z-index: 14;
    }
    
#webdesigner .span-bis-web {
    font-size: 1.5em;
    color: #EEBF00;
    margin-left: 0%;
   
    
}
#webdesigner-contact {
     position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding:0; 
    top: 48%;
    color: #95a781; 
    font-size: 3em; 
    font-family: 'BC Alphapipe L Regular', sans-serif; 
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    opacity: 1;
    z-index: 14;
    }
    

    
.h3-cv {
    margin: 0;
    margin-top: 0%;
    color: #cae9e8;   /*  #607b93 #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3.2em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    }
.h3-cv .span-templet {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.4em;
}

.h3-cv .span-contenu-cv {
    color: #cae9e8; 
    padding:0; 
    margin:0;
    font-size: 0.8em;
    
} 
    
.h1-cv {
    position: absolute;
    width: 1100px;
    left: 5%;
    padding-left: -600px;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    color: #EEBF00;
    margin-top: -38%;
    font-size: 4.5em;
    line-height: 1;
    opacity: 1;
    z-index: 99999999;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
   
   
}
.h1-cv .span-contenu-prix {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 0.3em;
}
    
    
    
.tile {
  width: 460px;
  height: 680px;
  margin: 20px;
  background-color: #4f6469; /*#367e7f*/
  display: inline-block;
  background-size: cover;
  position: relative;
  cursor: pointer;
  transition: all 0.4s ease-out;
  box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44);
  overflow: hidden;
  color: #dcf0f4;
  font-family: 'dosis', sans-serif;
}
.tile img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 0.4s ease-out;
}
.tile .text {
  /*   z-index:99; */
  position: absolute;
  padding: 30px;
  height: calc(100% - 60px);
}
.tile h1 {
  font-weight: 300;
font-size: 2.8em;
    font-family: "bc alphapipe l regular", sans-serif;
    text-transform: uppercase;
  margin: 0;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    color: #EEBF00; /*9bd1e7*/
}
.tile h2 {
    font-size: 1.4em;
  font-weight: 500;
  margin: 5px 0 0 0;
  font-style: italic;
  transform: translateX(200px);
}
.tile p {
    font-size: 0.9em;
  font-weight: 300;
  margin: 10px 0 0 0;
  line-height: 25px;
  /*   opacity:0; */
  transform: translateX(-200px);
  transition-delay: 0.2s;
}
.animate-text {
  opacity: 0;
  transition: all 0.6s ease-in-out;
}
.tile:hover {
  /*   background-color:#99aeff; */
  box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64);
  transform: scale(1.05);
}
.tile:hover img {
  opacity: 0.1;
}
.tile:hover .animate-text {
  transform: translateX(0);
  opacity: 1;
}


.tile:hover span {
  opacity: 1;
  transform: translateY(0px);
}    
    

    
.titre-moi-cv-1 {
    margin: 0;
    margin-top: 5%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    text-transform: uppercase;
    }

.titre-moi-cv {
    margin: 0;
    margin-top: 0%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    margin-bottom: 5%;
    text-align: center;
    text-transform: uppercase;
    }
    


.titre-cv {
    position: absolute;
    margin: 0;
    margin-top: -40%;
    margin-left: 42%;
    padding-bottom: 5%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 4em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    z-index: 999999999;
    }
    
.body-cv-1 { 
	   background: url('../images/papier-peint-cv.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center center;
        margin: 0 auto;
     padding: 0 auto;
     z-index: 5;
     padding-top: 5%;
    
  }
    
.h6deco-cv { 
    width: 100%;
    font-size: 1.4em;
    color: #505c74; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 5%;
    margin-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
    
     }
.p-qui2-moi-cv {
    font-size: 2em;
    color:#1d2d4e;
    line-height: normal;
    font-family: 'dosis', sans-serif;
    font-weight: 200;
    margin-bottom: 10%;
   margin-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
}
    

.iframe-cv-video {
    width: 700px;
    height: 450px;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 15%;
}
    
.h6-cv {
   padding-bottom: 5%;
    margin-top: 10%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 4em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-align: center;
    text-transform: uppercase; 
    
}
    
.h4-cv {
     font-family: 'BC Alphapipe L Regular', sans-serif;
    color: #EEBF00;
    margin-top: 4%;
    font-size: 2em;
    line-height: 1;
    text-transform: uppercase;
    
    
}

.h4-cv-bis {
     font-family: 'BC Alphapipe L Regular', sans-serif;
    color: #EEBF00;
    margin-top: 2%;
    font-size: 2em;
    line-height: 1;
    text-transform: uppercase;
    
}
    
.slide-cv-1 {
    margin-left: 5%;
}
.slide-cv-2 {
    padding-top: 3%;
    padding-bottom: 5%;
}

.slide-cv-3-tab {
    padding-top: 2%;
   
}
    
.espace-colonne {
    margin-top: 5%;
    
}
    
.slide-img-cv {
    padding-top: 0;
}
.img-cv {
    width: 80%;
    height: auto;
    margin-top: -5%;
    margin-left: 12%;
   
    }

    
.h6deco-moi-cv { 
    font-size: 1.4em;
    color: #505c74; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 5%;
    margin-top: 2%;
   text-align: justify;
    }
    
.h6deco-cv-bis { 
    font-size: 1.8em;
    color: #505c74; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 5%;
    margin-top: 0;
    padding-left: 5%;
    padding-right: 12%;
    text-align: justify;
    }
    
.fond-projet-f {
    background-color: #5c7373; 
    z-index: 5; 
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);

    } 
.fond-projet-f-bis {
    background-color: #5c7373; 
    z-index: 5; 
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    padding-bottom: 5%;
    }
    
.fond-projet-d-1 {
    background-color: #CCC4CB;
    padding-top: 5%;
    }
    
.fond-projet-d-bis {
    background-color: #A69FA5;
    padding-bottom: 5%;
    } 
    
.fond-blanc-bis-2 {
    background-color: #ffffff;
    margin-top: 30%;
    margin-bottom: 30%;
}
    
.fond-page-shopping-text {
    background-color: #9B8188;
}
.fond-page-shopping-broc {
    padding-bottom: 5%;
    background-color: #DECED2;
}
.fond-page-electra-1 { 
    background-color: #3a5560; /*#256470*/ 
    padding-bottom: 5%;
    }
    
.fond-page-andromede-1 { 
    background-color: #46615f;
    padding-bottom: 5%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    }
    
.fond-page-andromede-2 { 
    background-color: #6a8482;
    padding-bottom: 5%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    }
    
.fond-page-atria-1 { 
    background-color: #49635D;
    padding-bottom: 5%;
    }
    
.fond-page-atria-4 { 
    background-color: #537069;
    padding-bottom: 5%;
    }
    
.fond-page-erakis-1 { 
    background-color: #4f6469;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
    padding-bottom: 5%;
    }
    
.fond-page-erakis-2 { 
    background-color: #689aad;
    padding-bottom: 5%;
    }
    

    
.body-page-deco-int { 
	margin: 0 auto; 	
	padding: 0 auto; 
    padding-bottom: 5%;
	 background-color: #F7E4E8;
	font-family: 'Dosis', sans-serif; 
	color: #000; 
	line-height: 1.5;
	font-size: 100%;	
    overflow-x: hidden;
    min-width: 100%;
    min-height: 100%;
  }
    
 .body-page-shopping { 
	margin: 0 auto; 	
	padding: 0 auto;
    padding-bottom: 5%;
	 background-color: #E8D8DC;
	font-family: 'Dosis', sans-serif; 
	color: #000; 
	line-height: 1.5;
	font-size: 100%;	
    overflow-x: hidden;
    min-width: 100%;
    min-height: 100%;
  }   
.bouton6-page-index-deco {
    position: relative;
    margin-right: 0;
	display: inline-block;
	zoom: 1;
	margin: 0; 	/* pour repousser (ou pas) les boutons entre eux */ /* Block en ligne pour consolider les paddings limités par la hauteur du texte */
	padding: 10px 20px;	
    margin-bottom: 5%; 
    margin-top: -8%;
    margin-left: 8%;
	background-color: #EEBF00;
	font-family: 'Dosis', sans-serif; 
	/*font-weight: bold;*/
	font-size: 1.2em;
	color: #4b4764; /* #1c3148*/
    border-radius: 5px;
	vertical-align: middle;	/* permet l'alignement vertical sur la ligne de texte (images, icones, etc.) */
	/*border: 2px solid #000;*/
    cursor: pointer;
    
	}
.bouton6-page-index-deco:link, .bouton6-page-index-deco:visited { 
	background-color: none; 
	color: #1c3148;
	text-decoration: none; 
	transition: 0.2s ease-out; 
	}
.bouton6-page-index-deco:hover, .bouton6-page-index-deco:active { 
	background-color: rgba(40,48,61,.8);  
	color: #EEBF00;
	text-decoration: none; 
	transition: 0.2s ease-in;
    box-shadow: 0 10px 5px rgba(40,48,61,.2);
	}
    
.h2proj2-index {
    font-family: 'dosis', sans-serif;
    color: #507279; /*#dbdbdb #95a781  #1a1a1a  #EEBF00*/
    font-size: 2em;
  

    }
    
.h2proj-titre-index-web {
    font-family: 'BC Alphapipe L Regular', sans-serif;
    font-weight: 300;
    color: #607b93;  /* #19291f #3b4061 #dbdbdb #95a781  #1a1a1a*/
    font-size: 3em;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-top: 0%;

    }

.h2proj-titre-index-web .span-deco-1 {
    color: #a68184;
        }

.h2proj-titre-index-web .span-deco-2 {
    color: #EEBF00;
        }
    
    
.h2deco-titre-atria {
    margin: 0;
    margin-top: 0%;
    color: #5b6178;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    }
.h2deco-titre-atria .span-templet {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.6em;
}
    
.h2deco-titre-electra {
    margin: 0;
    margin-top: 0%;
    color: #505c74;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    }
.h2deco-titre-electra .span-templet {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.6em;
}
  
.h2deco-titre-andromede {
    margin: 0;
    margin-top: 0%;
    color: #5b6178;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    }
.h2deco-titre-andromede .span-templet {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.6em;
}
    
.h2deco-titre-erakis {
    margin: 0;
    margin-top: 0%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    }
.h2deco-titre-erakis .span-templet {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.6em;
}
    
    
.slide-top-offre {
    margin-top: 0%;
}
    
.slide-top-2 {
    margin-top: 0%;
}   
 .slide5-bouton {
   margin-top: 5%;
     margin-bottom: 2%;
}  
    
.slide5-bouton-shopping {
   margin-top: 5%;
}
.caption-deco-templet {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #dbf1f4;
    opacity: 1;
	background: rgba(28,31,36,0.6);
    overflow: hidden;
	transition: all 0.5s ease;
   
}
.caption-deco-templet span { 
    position: absolute;
    display: block;
    bottom: 45%;
    left: 0;
    right: 0;
    opacity: 1;
    }
.caption-deco-templet span h4 {
    padding: 0;
    font-size: 2.2em;
    line-height: 1;
    color: #EEBF00;
    margin-left: 5%;
    padding-bottom: 5%;
    /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.50);*/
    
}
.caption-deco-templet span .h6proj-deco {
    font-family: 'dosis', sans-serif;
    font-size: 1.3em;
    line-height: 1;
    color: #dee9ec;
    margin-left: 5%;
   
    
}
.caption-deco-templet:hover {
    opacity: 1;
    transition: all 0.5s ease;
   
}
span { 
    margin-left: 5%;
    margin-top: 0;
    }


    
.bouton6-templet-deco {
    position: relative;
    margin-right: 0;
	display: inline-block;
	zoom: 1;
	margin: 0; 	/* pour repousser (ou pas) les boutons entre eux */ /* Block en ligne pour consolider les paddings limités par la hauteur du texte */
	padding: 10px 20px;	
    margin-bottom: 1%; 
    margin-top: 52%;
    margin-left: 7%;
	background-color: #EEBF00;
	font-family: 'Dosis', sans-serif; 
	/*font-weight: bold;*/
	font-size: 1.2em;
	color: #4b4764; /* #1c3148*/
   vertical-align: middle;	/* permet l'alignement vertical sur la ligne de texte (images, icones, etc.) */
	/*border: 2px solid #000;*/
    cursor: pointer;
    
	}
.bouton6-templet-deco:link, .bouton6-templet-deco:visited { 
	background-color: none; 
	color: #1c3148;
	text-decoration: none; 
	transition: 0.2s ease-out; 
	}
.bouton6-templet-deco:hover, .bouton6-templet-deco:active { 
	background-color: rgba(40,48,61,.8);  
	color: #EEBF00;
	text-decoration: none; 
	transition: 0.2s ease-in;
    box-shadow: 0 10px 5px rgba(40,48,61,.2);
	}

.scroll-bas {
    width: 20px;
    height: 16px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 75%;
    z-index: 999999999;
    

} 
.slideicone {
    padding-top: 5%;
     padding-bottom: 5%;
    }   
.slide-img-conception {
    margin-top: 30%;
    margin-left: 10%;
}

.slide-figure {
    padding-top: -10%;
    
    }    
.scroll-bas-video {
  opacity: 0;
    

}
.slide-left {margin-left: 8%;}
    
#bgVid1-index {
    padding-top: 0;
    padding-bottom: 0;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50%;
    height: auto;
    margin-left: 0%;
    z-index: -1;
    opacity: 0;
    }  
    
#bgVid1 {
    padding-top: 0;
    padding-bottom: 0;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50%;
    height: auto;
    margin-left: 0%;
    z-index: -1;
    opacity: 0;
    } 
#bgVid1-electra {
    padding-top: 0;
    padding-bottom: 0;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50%;
    height: auto;
    z-index: -1;
    opacity: 0;
    }
    
#bgVid2-electra {
    padding-top: 0;
    position:inherit;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50%;
    height: auto;
    z-index: -1;
    opacity: 0;
    }
    

 .nav-toggle {
    padding: 0;
    border: 0;
    outline: 0;
    background: none;
    position: fixed;
    z-index: 3000;
    top: 6%;
    right: 1.5%;
    cursor: pointer;
    z-index: 99999999999;
}
    
.button {
    background-color: #5e777c;
    font-family: 'sarpanch-regular';
    display: inline-block; 
    color: #fff;
    border: none;
    position: relative;
    height: 60px;
    font-size: 0.8em;
    cursor: pointer;
    transition: 600ms ease all;
    outline: none;

   

}
    

.img-riva {
    margin-top: 5%;
    margin-left: 8%;
    padding-bottom: 5%;
}   
.superpose1 {
	position: absolute;
    width: 100px;
	top: 5%;		
    left: 50%;
    margin-left: -50px;
    cursor: pointer;
    z-index: 15;		
	}
     
    
.caption2 {
	position: absolute;
    height: 110%;
    width: 100%;
    top: 0;
	left: 0; 
    bottom: 20%;
	color: #ffffff;
    opacity: 1;
	overflow: hidden;
	transition: all 0.5s ease;
   
}
    
.h6proj-electra-cv {
    position: absolute;
    width: 800px;
    height: auto;
    padding: 0;
    padding-left: 5%;
    margin-top: -15%;
    font-size: 1.2em;
    float: left;
    font-family: 'dosis', sans-serif;
    font-weight: 100;
    color: #dcf0f4;
     z-index: 99999999;
    }
    
.triangle-code-1 {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #3a5560; /*  #689aad */
border-color: transparent transparent #3a5560 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}

.img {
   padding: 0;
    margin: 0;
	border: none; 	
   }

.superpose3 {
	position: absolute;
    width: 140px;
	top: 13%;		
    left: 50%;
    margin-left: -70px;
    cursor: pointer;
    z-index: 999999999;		
	}
    


.img-electra {
    position: absolute;
    width: 600px;
    height: 450px;
    float: right;
    z-index: 9999999;
    top: 15%;		
    left: 55%;
    margin-left:-100px;
   
   
}
    
.span2-servannaise h1 {
    position: absolute;
    width: 800px;
    padding-left: 5%;
    font-family: 'bc alphapipe l regular', sans-serif;
    color: #EEBF00;
    padding-top: 25%;
    font-size: 4.5em;
    line-height: 1;
    opacity: 1;
   
}

.h6deco-bis { 
    font-size: 1.8em;
    color: #505c74;
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    padding-bottom: 0%;
    padding-top: 3%;
    margin-left: 5%;
    margin-right: 5%;
     }
    
.triangle-page-contact {
    position: absolute; 
    display : block;
	width: 0;
	height: 0;
     margin-top: 0%;
    margin-left: 24%;
	border-width: 0 780px 414px 0;
	border-color: transparent #5c7373 transparent transparent;
	border-style: solid;
	filter: drop-shadow(0px 5px 4px #A3A3A3);
}
    
.h2-page-contact {
    margin: 0;
    margin-top: 0%;
    color: #fff ;   /* #43646B #607b93 #4b4764 #1d2d4e #dbdbdb*/
    font-size: 2.4em;
    font-family: 'dosis', sans-serif;
   padding-top: 10%;
    text-align: center;
    padding-bottom: 2%;
    font-weight: 200;
    text-transform: uppercase;
    padding-left: 10%;
    padding-right: 10%;
    }
    
.h2-page-contact-bis {
     padding: 0;
    padding-left: 5%;
    margin-top: 5%;
    font-size: 2em;
    float: left;
    font-family: 'dosis', sans-serif;
    font-weight: 100;
     color: #fff;
     z-index: 99999999;
    
    }
    
.h2-page-contact-bis-1 {
    padding: 0;
    padding-left: 0%;
    padding-top: 8%;
    font-size: 2em;
    float: left;
    font-family: 'dosis', sans-serif;
    font-weight: 100;
    color: #fff;
     z-index: 99999999;
    
    }
    
.img-contact-logo {
    float: right;
    width: 50%; 
    height: auto;
    margin-right: 15%;
    margin-top: 10%;
    }
    
    
.h1-page-contact {
    position: absolute;
    width: 850px;
    left: 28%;
    margin-left: -10px;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    color: #43646B;
    margin-top: 32%;
    font-size: 3.5em;
    line-height: 1;
    opacity: 1;
    z-index: 99999999;
    border-left: 4px solid #EEBF00;
   }
    
.h1-page-contact .span-contenu-contact {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 0.5em;   
    }
    
.img-contact { 
    width: 55%; 
    height: auto;
    margin-bottom: -1%;
    }
    
.h6deco-contact { 
    height: 480px;
    font-size: 1.2em;
    color: #fff; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 5%;
    margin-top: 2%;
     padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
    }
    
.h6deco-contact-bis { 
    height: 480px;
    font-size: 1.2em;
    color: #fff; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 5%;
    margin-top: 2%;
     padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
    }
    
.h3-gite {
    margin: 0;
    margin-top: 0%;
    color: #43646B;   
    font-size: 3.6em;
    font-family: 'dosis', sans-serif;
    padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    text-transform: uppercase;
    font-weight: 200;
    }

.h3-gite .span-gite {
    color: #EEBF00;
    font-size: 0.8em;
    line-height: 1;
    
}
    
.h2deco-servannaise {
    margin: 0;
    margin-top: 0%;
    color: #43646B;   
    font-size: 3.6em;
    font-weight: 200;
    font-family: 'dosis', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    text-transform: uppercase;
    }
    

    
.titre-galery-home-staging-bis {
   
    margin: 0;
    margin-top: 5%;
    padding-bottom: 5%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    z-index: 99999;
    }
    
.slide-home-staging {
    margin-top: 0;
    margin-left: 30%;
    margin-bottom: 5%;
    }
    
.img-ombre {
      -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
        
    }    

.triangle-code-2 {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #5c7373; 
border-color: transparent transparent #5c7373 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}

.span2-colombier h1 {
    position: absolute;
    width: 800px;
    padding-left: 5%;
    font-family: 'bc alphapipe l regular', sans-serif;
    color: #EEBF00;
    padding-top: 25%;
    font-size: 4.5em;
    line-height: 1;
    opacity: 1;
   
}

.h6proj-colombier { 
    position: absolute;
    width: 600px;
     font-family: 'dosis', sans-serif;
    font-weight: 100;
    color: #dcf0f4;
    padding: 0;
    margin-top: 45%;
    padding-left: 5%;
    font-size: 1.8em;
    float: left;
            
    }
    
.video-iframe-gite {
	position: relative;
    width: 700px;
    height: 350px;
     vertical-align: middle;
	}
    
.h2deco-video {
    margin: 0;
    margin-top: 2%;
    color: #fff;
    font-size: 3em;
    font-family: 'dosis', sans-serif;
    font-weight: 200;
    text-align: center;
    }


.titre-moi {
    margin: 0;
    margin-top: 0%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 4.5em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    text-transform: uppercase;
    }

.superpose-electra {
	position: absolute;
    width: 120px;
    height: auto;
	top: 3%;		
    left: 50%;
    margin-left: -60px;
    cursor: pointer;
    z-index: 999999;		
	}
    
 .triangle-code-electra-bis {
    position: absolute; 
    display : block;
    height : 0;
    width : 0;
      margin-top: 13.8%;
    margin-left: 59%;
    border-width: 0 0 460px 420px;
	border-color: transparent transparent #268396 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}
    
.triangle-code-electra {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #3a5560 ; /*  #689aad */
border-color: transparent transparent #3a5560  transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}
    

.fond-conception-img {
    background-color: #e7e2e2;
    }
    
.fond-contact-contact {
        background-color: #6d8383;
    }

.iframe-electra {
    position: absolute;
    width: 380px;
    height: 250px;
    margin-top: -40%;
    margin-left: 5%;
    z-index: 999999999;
    padding: 5px;
   
    
}
.h6deco-contenue-offre-1 { 
    font-size: 1.5em;
    color:#fff; /*  #1d2d4e*/
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    padding-bottom: 0%;
    margin-top: 2%;
    text-align: justify;
    padding-left: 2%;
     }
    
.h6deco-contenue-offre-2 { 
    font-size: 1.5em;
    color: #c6e5e4; /* #dfe7e6 #19291f*/
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    padding-bottom: 0%;
    margin-top: 2%;
    text-align: justify;
    padding-left: 2%;
     }
 
.h6deco-contenue-offre { 
    font-size: 1.6em;
    color: #c6e5e4; /* #d3d6e5 #e1e7ea #19291f*/
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    padding-bottom: 0;
    margin-top: 2%;
    text-align: justify;
    padding-left: 2%;
     }

.h6deco-contenue-offre-bis { 
    font-size: 1.2em;
    color:#fff;
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    margin-top: 2%;
    text-align: justify;
    padding-left: 4.5%;
    font-weight: 100;
     }
    
.h6deco-moi { 
    font-size: 1.4em;
    color: #505c74; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 5%;
    margin-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
    
     }
.h6deco-moi-deco { 
    font-size: 1.8em;
    color: #505c74; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 5%;
    margin-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
    
     }
.p1-reno {
     line-height: 1.2;
    font-family: 'dosis', sans-serif;
     font-weight: 200;
    color: #505c74; /* #857a80 */
    font-size: 1.8em;
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
    

}
    
.p1-deco {
     line-height: 1.2;
    font-family: 'dosis', sans-serif;
    color: #505c74; /* #857a80 */
    font-size: 1.6em;
    padding-left: 5%;
    padding-right: 10%;
    margin-bottom: 5%;
    margin-top: 2%;
   
    

}
    
.h6deco-page-amenagement { 
    font-size: 1.2em;
    color: #505c74; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 5%;
    margin-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
    
     }
    
.triangle-cv {
    position: absolute; 
    display : block;
    height : 0;
    width : 0;
    margin-top: 19%;
    margin-left: 51%;
    border-width: 0 0 410px 500px;
	border-color: transparent transparent #9caeae transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
} 

    
.triangle-cv-bis {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: -5%;
    margin-left: 23%;
    border-width: 260px 409px 0 250px;
	border-color: #EEBF00 transparent transparent transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
} 

   
.wrap {
  margin: 50px auto 0 auto;
  width: 100%;
  padding-bottom: 5%;
  align-items: space-around;
  max-width: 1000px;
}

    

 .h4-phone {
     margin-top: -5%;
    opacity: 0;
        }   
    
    
.triangle-cv-realisation {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: 18%;
margin-left: 41%;
border-width: 0 0 415px 600px;
	border-color: transparent transparent #9caeae transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}

.triangle-code-erakis-cv {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 110vh solid transparent;
 border-bottom : 600px solid #4f6469; /*  #689aad  3a5560*/
border-color: transparent transparent #4f6469 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}
    
.triangle-code-erakis-cv-bis {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 110vh solid transparent;
 border-bottom : 610px solid #4f6469; /*  #689aad  3a5560*/
border-color: transparent transparent #4f6469 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}
    
.titre-cv {
    position: absolute;
    margin: 0;
    margin-top: -85%;
    margin-left: 39%;
    padding-bottom: 5%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 4em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    z-index: 999999999;
    }    
   
    
.right {
  margin-left: 628px;
	margin-top: 168px;
  border: 1px solid #849494;
  background-color: transparent;
  transition: 0.5s;
}
    
.left {
  margin-left: 0.5%;
	margin-top: 168px;
  border: 1px solid #849494;
  background-color: transparent;
  transition: 0.5s;
}
.triangle-code-atria-bis {
    position: absolute; 
    display : block;
    height : 0;
    width : 0;
    margin-top: 14%;
    margin-left: 59%;
    border-width: 0 0 460px 420px;
	border-color: transparent transparent #82B0A5 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}
.triangle-code-atria {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #49635D; 
border-color: transparent transparent #49635D transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}

.iframe-atria {
   position: absolute;
    width: 380px;
    height: 250px;
    margin-top: -40%;
    margin-left: 5%;
    z-index: 999999999;
    padding: 5px;
    
    
}
    

    
    
.triangle-haut-electra {
    position: absolute; 
    display : block;
    height : 0;
    width : 0;
    margin-top: -5%;
    margin-left: 23%;
    border-width: 260px 409px 0 250px;
	border-color: #e2b604 transparent transparent transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}        

.triangle-deco-conception {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-left: 23%;
    margin-top: -5%;
border-width: 260px 409px 0 250px;
	border-color: #EEBF00 transparent transparent transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}    
    
.triangle-page-deco-int-1 {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: 14%;
margin-left: 59%;
border-width: 0 0 458px 420px;
	border-color: transparent transparent #AC9FA2 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}


.triangle-page-deco-int-2 {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #918688; /*  #689aad  3a5560*/
border-color: transparent transparent #918688 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
} 
    

.triangle-page-deco-2022-1 {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: 14%;
margin-left: 58%;
border-width: 0 0 458px 420px;
	border-color: transparent transparent #a2afab transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}

.video-index-deco {
    position: absolute;
     width: 420px;
    height: 236px;
    margin-top: -50%;
    margin-left: -2%;
    z-index: 9999999;
    /*box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);*/
    padding: 0 auto;
    border: 0;
    border-radius: 0px;
    }
    
.h1-page-deco-titre-deco {
    position: absolute;
    width: 1000px;
    left: 5%;
    padding-left: -600px;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    color: #EEBF00;
    margin-top: -35%;
    font-size: 4em;
    line-height: 1;
    opacity: 1;
    z-index: 99999999;
   
   
}
    
.h1-page-deco-titre-deco .span-contenu-prix {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 0.5em;
}
    
    
.titre-deco-reno {
    margin-top: 3%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3.5em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    z-index: 999999999;
    }
.slide5-deco {
   padding-top: 3%;
} 
    
.h2-titre-page-deco-2022 {
    margin: 0;
   padding-top: 2.8%;
    margin-bottom: 0;
    color: #EEBF00;    /*# dbdbdb  #1d2d4e*/
    font-size: 3em;
    margin-left: 10%;
    margin-right: 10%;
    font-family: 'bc alphapipe l regular', sans-serif; /*'BC Alphapipe L', sans-serif;*/
    font-weight: 300;
    text-transform: uppercase;
   
    }

.triangle-page-deco-2022-2 {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #5c7373; /*  #689aad  3a5560*/
border-color: transparent transparent #5c7373 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
} 



   
 


    
.triangle-deco-conception-1 {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: 14%;
margin-left: 59%;
border-width: 0 0 458px 420px;
	border-color: transparent transparent #BA99A1 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}


.triangle-deco-conception-2 {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #947980; /*  #689aad  3a5560*/
border-color: transparent transparent #947980 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}
    
.body-conception { 
	margin: 0 auto; 	
	padding: 0 auto;  	
	 background-color: #e7e2e2;
	font-family: 'Dosis', sans-serif; 
	color: #000; 
	line-height: 1.5;
	font-size: 100%;	
    overflow-x: hidden;
    min-width: 100%;
    min-height: 100%;
    padding-bottom: 5%;
  }
.body-cv { 
	margin: 0 auto; 	
	padding: 0 auto;  	
	 background-color: #ddeded;
	font-family: 'Dosis', sans-serif; 
	color: #000; 
	font-size: 100%;	
    overflow-x: hidden;
    min-width: 100%;
    min-height: 100%;
    padding-bottom: 5%;
  }


    
.body-cv-bis { 
	margin: 0 auto; 	
	padding: 0 auto;  	
	 background-color: #c9dbda;/* #ddeded*/
	font-family: 'Dosis', sans-serif; 
	color: #000; 
	line-height: 1.5;
	font-size: 100%;	
    overflow-x: hidden;
    min-width: 100%;
    min-height: 100%;
    padding-bottom: 5%;
  }
    
.parent-conception {
  width: 781px;
  height: 484px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 185%;
  margin-left: 13%;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  z-index: 9999;
}
    
.parent-shopping {
  width: 781px;
  height: 484px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 333%;
  margin-left: 13%;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  z-index: 9999;
}
    
.parent-deco {
  width: 781px;
  height: 484px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 195%;
  margin-left: 13%;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  z-index: 9999;
}
    
.right {
  margin-left: 720px;
  margin-top: 230px;
  border: 1px solid #E8D8DC;
  background-color: transparent;
  transition: 0.5s;
}
  
    
.left {
  margin-left: 0.5%;
  margin-top: 235px;
  border: 1px solid #E8D8DC;
  background-color: transparent;
  transition: 0.5s;
}
    
.triangle-deco-conception-1-bis {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: 14%;
margin-left: 59%;
border-width: 0 0 458px 420px;
	border-color: transparent transparent #BA99A1 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}


.triangle-deco-conception-2-bis {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #947980; /*  #689aad  3a5560*/
border-color: transparent transparent #947980 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
} 
    
   
    
.triangle-page-shopping {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #9B8188; /*  #689aad  3a5560*/
border-color: transparent transparent #9B8188 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}

.triangle-page-shopping-1 {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: 14%;
margin-left: 59%;
border-width: 0 0 458px 420px;
	border-color: transparent transparent #A88C93 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
} 
    
.triangle-page-shopping-bis {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #9B8188; /*  #689aad  3a5560*/
border-color: transparent transparent #9B8188 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}

.triangle-page-shopping-1-bis {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: 14%;
margin-left: 59%;
border-width: 0 0 458px 420px;
	border-color: transparent transparent #A88C93 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}
    
    
.triangle-page-home-staging {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #786B6E; /*  #689aad  3a5560*/
border-color: transparent transparent #786B6E transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}

.triangle-page-home-staging-1 {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: 14%;
margin-left: 59%;
border-width: 0 0 458px 420px;
	border-color: transparent transparent #9E8D91 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
} 
    
.triangle-page-home-staging-1-bis {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: 14%;
margin-left: 59%;
border-width: 0 0 458px 420px;
	border-color: transparent transparent #9E8D91 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}



.triangle-page-home-staging-bis {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 100vh solid transparent;
 border-bottom : 600px solid #786B6E; /*  #689aad  3a5560*/
border-color: transparent transparent #786B6E transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}

.body-page-offre { 
	margin: 0 auto; 	
	padding: 0 auto;
    padding-bottom: 5%;
	 background-color: #fff;
	font-family: 'Dosis', sans-serif; 
	color: #000; 
	line-height: 1.5;	
    overflow-x: hidden;
    min-width: 100%;
    min-height: 100%;
  }
    
.body-page-home-staging { 
	margin: 0 auto; 	
	padding: 0 auto;
    padding-bottom: 5%;
	 background-color: #e8e1e2;
	font-family: 'Dosis', sans-serif; 
	color: #000; 
	line-height: 1.5;	
    overflow-x: hidden;
    min-width: 100%;
    min-height: 100%;
  }
  
.body-page-home-staging-bis { 
	margin: 0 auto; 	
	padding: 0 auto;
    padding-bottom: 25%;
	 background-color: #e8e1e2;
	font-family: 'Dosis', sans-serif; 
	color: #000; 
	line-height: 1.5;	
    overflow-x: hidden;
   
  }
   
    
.parent-home-staging {
  width: 781px;
  height: 484px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 295%;
  margin-left: 13%;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  z-index: 9999;
}
    
.video-page-conception {
   position: absolute;
    width: 420px;
    height: 236px;
    margin-top: -40%;
    margin-left: 5%;
    padding: 0 auto;
    z-index: 9999999;
    }
    
.triangle-galerie-realisation {
 position: absolute; 
 display : block;
 height : 0;
 width : 0;
margin-top: 14%;
margin-left: 59%;
border-width: 0 0 458px 420px;
	border-color: transparent transparent #AC9FA2 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
}

.triangle-galerie-realisation-1 {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #918688; /*  #689aad  3a5560*/
border-color: transparent transparent #918688 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.70));
    z-index: 0;
} 
    
.titre-conception-1 {
    margin: 0;
    margin-top: 0%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 2.2em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 10%;
    margin-left: 5%;
    text-align: center;
    text-transform: uppercase;
    }
    
.titre-galery-conception {
   
    margin: 0;
    margin-top: 5%;
   padding-bottom: 2%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 4em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    z-index: 99999;
    }
    
.titre-galery-shopping {
    margin: 0;
    margin-top: 5%;
    padding-bottom: 0%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 4em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    z-index: 99999;
    }
    
.titre-galery-home-staging {
   
    margin: 0;
    padding-top: 5%;
    padding-bottom: 5%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 4em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    z-index: 99999;
    }
    
.titre-shopping-1 {
    margin: 0;
    margin-top: 0;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 2.5em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 5%;
    text-align: center;
    text-transform: uppercase;
    margin-left: 8%;
    margin-right: 8%;
   
    }
    

    
/*////////////////////////// debut lightbox //////////////////////////////*/

.lightbox {
    display: none;
    z-index: 999;
    margin:0;
    padding: 0;
    
    
}

.featherlight-content { /* cible le premier niveau des div juste apres et pas les autres div */
    margin: 0 auto;
    margin: 0 auto;  /*20vh de marin en bas et en haut =40 + les 60vh du height = 100% de la hauteur */
    width: 85%;
    height: 85vh;  /*hauteur de la page viewport height */
    background-color: #fff; 
    border-radius: 0px;
    overflow-y: auto;
    margin-bottom: 2%;
    
}
    

    
.h6deco-page-deco-1 { 
    font-size: 1.5em;
    color: #505c74; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 5%;
    margin-top: 2%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
    
     }
    
.h2deco-mention {
    margin: 0;
    margin-top: 0%;
    color: #95a781;   /* #83999E */
    font-size: 2.6em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    padding-left: 5%;
    padding-bottom: 2%;
    }
.h1riva-mention {
    padding-top: 2%;
    color: #43646B; 
    font-family: 'bc alphapipe l regular', sans-serif;
    font-size: 4.5em;
    padding-left: 5%;
    text-transform: uppercase;
    }
    
.h2deco-conception {
    margin: 0;
    margin-top: 0%;
    color: #FAE6EB;   /*  #607b93 #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    }
.h2deco-conception .span-templet {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.3em;
}
.h2deco-conception .span-contenu-conception {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 0.6em;
}
    
    
.h2deco-shopping {
    margin: 0;
    margin-top: 0%;
    color: #FAE6EB;   /*  #607b93 #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    }
.h2deco-shopping .span-templet {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.3em;
}
h2deco-shopping .span-contenu-prix {
    color: #FAE6EB; 
    padding:0; 
    margin:0;
    font-size: 0.2em;
}
    
.p-page-home-staging {
     color: #505c74; 
    padding:0; 
    margin:0;
    font-size: 2em;
    text-align: left;
    margin-left: 10%;
    margin-top: 5%;
    
}

.p-page-home-staging-bis {
     color: #505c74; 
    padding:0; 
    margin:0;
    font-size: 2em;
    text-align: left;
    margin-left: 10%;
    margin-top: -5%;
}
        
.triangle-code-andromede-bis {
    position: absolute; 
    display : block;
    height : 0;
    width : 0;
    margin-top: 14%;
    margin-left: 59%;
    border-width: 0 0 460px 420px;
	border-color: transparent transparent #6a8482 transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
} 
    
.triangle-code-andromede {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #46615f; /*  #689aad */
border-color: transparent transparent #46615f transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}


.iframe-andromede {
    position: absolute;
    width: 380px;
    height: 250px;
    margin-top: -40%;
    margin-left: 5%;
    z-index: 999999999;
    padding: 5px;   
}  
    
.triangle-code-erakis-bis {
    position: absolute; 
    display : block;
    height : 0;
    width : 0;
    margin-top: 14%;
    margin-left: 59%;
    border-width: 0 0 460px 420px;
	border-color: transparent transparent #689aad transparent;
	border-style: solid;
	filter: drop-shadow(-11px -6px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}    
    
.triangle-code-erakis {
 position: static; 
 display : block;
 height : 0;
 width : 0;
 border-right : 120vh solid transparent;
 border-bottom : 600px solid #3a5560; /*  #689aad */
border-color: transparent transparent #3a5560 transparent;
	border-style: solid;
	filter: drop-shadow(12px 2px 7px rgba(163, 163, 163, 0.57));
    z-index: 0;
}

.iframe-erakis {
    position: absolute;
    width: 380px;
    height: 250px;
    margin-top: -40%;
    margin-left: 5%;
    z-index: 999999999;
    padding: 5px;
    
}
 .h2deco-atria {
    margin: 0;
    margin-top: 0%;
    color: #82B0A5;  /*  #607b93 #4b4764 #1d2d4e #dbdbdb*/
    font-size: 4em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    }
.h2deco-atria .span-templet {
    color: #EEBF00; 
    padding: 0; 
    margin: 0;
    font-size: 1.2em;
}
.h2deco-atria .span-prix {
    color: #EEBF00; 
    padding: 0; 
    margin: 0;
    font-size: 0.6em;
    
}    


.h2deco-electra {
    margin: 0;
    margin-top: 0%;
    color: #d4e7e6;  
    font-size: 3.5em;
    font-family: 'bc alphapipe l regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    }
.h2deco-electra .span-templet {
    color: #EEBF00; 
    padding: 0; 
    margin: 0;
    font-size: 1.2em;
}

.h2deco-electra .span-prix {
    color: #EEBF00; 
    padding: 0; 
    margin: 0;
    font-size: 0.6em;
    
}

.h2deco-erakis {
    margin: 0;
    margin-top: 0;
    color: #d4e7e6;   
    font-size: 4em;
    font-family: 'bc alphapipe l regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    }
.h2deco-erakis .span-templet {
    color: #EEBF00; 
    padding: 0; 
    margin: 0;
    font-size: 1em;
}

.h2deco-erakis .span-prix {
    color: #EEBF00; 
    padding: 0; 
    margin: 0;
    font-size: 0.6em;
    
}


.span-prix-conception {
     color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 2.3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    margin-left: 10%;
    
}   
    
.h2deco-andromede {
    margin: 0;
    margin-top: 0;
    color: #d4e7e6;  
    font-size: 4em;
    font-family: 'bc alphapipe l regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    }
.h2deco-andromede .span-templet {
    color: #EEBF00; 
    padding: 0; 
    margin: 0;
    font-size: 1em;
}

.h2deco-andromede .span-prix {
    color: #EEBF00; 
    padding: 0; 
    margin: 0;
    font-size: 0.6em;
    
}

    
.img-moi {
    padding: 0;
    margin: 0;
    min-width: 90%; 
    height: auto;
    margin-left: 0px;
    margin-top: 18%;
}
    
figure {
    border: none;
    margin: 0 auto;
    padding: 0 auto;
    

}

img {
    border: none;
    padding: 0 auto;
    margin: 0 auto;
   
}

.img-affiche {
    margin-left: 15%;
    margin-bottom: 2%;
    margin-top: 2%;
}


.img-affiche-bis {
    width: 60%;
    margin-left: 22%;
    margin-bottom: 2%;
    margin-top: 2%;
}
    
.vignette {
    width: 45%;
    height: 80%;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;  /* gestion du depassement cache le dépasement */
    cursor: pointer;
    left:0;
    margin: 10px;
    
    }
.vignette img { 
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
   
    
    }

.vignette .vignette-caption {
    background: rgba(28,31,36,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #d1cfd4;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

.vignette:hover .vignette-caption {opacity: 1;}

.vignette:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    }
    
.vignette-box {
    width: 40%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden; 
    cursor: pointer;
    left:0;
    margin: 20px;
    }
.vignette-box img { 
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    
    }

.vignette-box .vignette-caption {
    background: rgba(28,31,36,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #d1cfd4;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

.vignette-box:hover .vignette-caption {opacity: 1;}

.vignette-box:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    }
    
.vignette-realisation {
    width: 45%;
    height: 80%;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;  /* gestion du depassement cache le dépasement */
    cursor: pointer;
    left:0;
    margin: 10px;
    }
.vignette-realisation img { 
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    
    }

.vignette-realisation .vignette-caption {
    background: rgba(28,31,36,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #d1cfd4;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

.vignette-realisation:hover .vignette-caption {opacity: 1;}

.vignette-realisation:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    }
    
    
.vignette-conception {
    width: 45%;
    height: 80%;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;  /* gestion du depassement cache le dépasement */
    cursor: pointer;
    left:0;
    margin: 10px;
    }
.vignette-conception img { 
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    
    }

.vignette-conception .vignette-caption {
    background: rgba(28,31,36,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #d1cfd4;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

.vignette-conception:hover .vignette-caption {opacity: 1;}

.vignette-conception:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    }
    
.fond-bleu1 {background-color: #8699af;}
    
.img-ombre {
      -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
        
    }
    
.caption1 {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #a09fa7;
    opacity: 1;
	background: rgba(28,31,36,0.6);
    overflow: hidden;
	transition: all 0.5s ease;
    
   
}
.caption1 span { 
    position: absolute;
    display: block;
    bottom: 35%;
    left: 0;
    right: 0;
    padding-left: 6%;
    }
.caption1 span .h4-templet {
    color: #EEBF00;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    font-size: 2.5em;
    line-height: 1;
    /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.50);*/
}
.caption1 span .h6proj {
    font-family: 'dosis', sans-serif;
    font-size: 2em;
    line-height: 1;
    color: #dee9ec;
    padding: 0;
    padding-bottom: 5%;
    
}
.caption1:hover {
    opacity: 1;
    transition: all 0.5s ease;
   
}
    
.caption1 .span3 h4 {
    padding-top: 20%;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    font-size: 1.4em;
    line-height: 0.9;
    
}
    
.caption1 .span3 .h6proj {
   line-height: normal;
    font-family: 'dosis', sans-serif;
    font-size: 0.8em;
    line-height: 0.9;
    
}
    
.h4-affiche { 
    font-size: 2.8em;
    padding-top: 5%;
    color: #fff;
    font-family: 'BC Alphapipe L Regular', sans-serif;
}

.h4-affiche-bis { 
    font-size: 2.8em;
    padding-top: 2%;
    margin-left: 61%;
    color: #fff;
    font-family: 'BC Alphapipe L Regular', sans-serif;
}

.videowrapper1 {
	position: relative;
    min-width: 100%;
    margin: 0;
	padding-top: 0;
	padding-bottom: 56.25%; /* 16:9 */
    margin-bottom: 0;
    margin-top: 3%;
	}
.videowrapper1 iframe {	/* Cible iframe contenu dans l'élément qui possède la class videowrapper */
	position: absolute;
    margin: 0;
	top: 0;
	left: 0;
    right: 0;
	width: 80%;
	height: 80%;
    margin-left: 8%;
    
    } 
    
.videowrapper2 {
	position: relative;
    min-width: 100%;
    margin: 0;
	padding-top: 0;
	padding-bottom: 56.25%; /* 16:9 */
    margin-bottom: 0;
    margin-top: 3%;
	}
.videowrapper2 iframe {	/* Cible iframe contenu dans l'élément qui possède la class videowrapper */
	position: absolute;
    margin: 0;
	top: 0;
	left: 0;
    right: 0;
	width: 90%;
	height: 90%;
    margin-left: 5%;
	}

.videowrapper3 {
	position: relative;
    min-width: 100%;
    margin: 0;
	padding-top: 0;
	padding-bottom: 56.25%; /* 16:9 */
    margin-bottom: 0;
    margin-top: 3%;
    
    
	}
.videowrapper3 iframe {	/* Cible iframe contenu dans l'élément qui possède la class videowrapper */
	position: absolute;
    margin: 0;
	top: 0;
	left: 0;
    right: 0;
	width: 90%;
	height: 90%;
    margin-left: 5%;
   
	}

.videowrapper4 {
	position: relative;
    min-width: 100%;
    margin: 0;
	padding-top: 0;
	padding-bottom: 56.25%; /* 16:9 */
    margin-bottom: 0;
    cursor: pointer;
	}
.videowrapper4 iframe {	/* Cible iframe contenu dans l'élément qui possède la class videowrapper */
	position: absolute;
    margin: 0;
	top: 0;
	left: 0;
    right: 0;
	width: 80%;
	height: 80%;
    margin-left: 10%;
    margin-right: 10%;
    
	}
    
.slide-left-video {
    margin-right: 5%;
    } 
    
.slide-left-video-1 {
    margin-left: 5%;
        
    }
    
.slide-padding-bottom {
    padding-bottom: 5%;
        
    }
    
.bouton-menu {
    position: relative;
    margin-right: 0;
	display: inline-block;
	zoom: 1;
	margin: 0; 	/* pour repousser (ou pas) les boutons entre eux */ /* Block en ligne pour consolider les paddings limités par la hauteur du texte */
	padding: 5px 5px;
    margin-top: 20px;
    margin-right: 30px;
	background-color: #EEBF00;
	font-family: 'dosis', sans-serif; 
	font-weight: 200;
	font-size: 1em;
	color: #2b3f47;
	vertical-align: middle;	/* permet l'alignement vertical sur la ligne de texte (images, icones, etc.) */
	/*border: 2px solid #000;*/
    cursor: pointer;
    text-align: center;
    
	}
.bouton-menu:link, .bouton-menu:visited { 
	background-color: none; 
	color: #2b3f47;
	text-decoration: none; 
	transition: 0.2s ease-out; 
	}
.bouton-menu:hover, .bouton-menu:active { 
	background-color: rgba(40,48,61,.8);  
	color: #8ed2ed;
	text-decoration: none; 
	transition: 0.2s ease-in;
    box-shadow: 0 10px 5px rgba(40,48,61,.2);
	}    
        
 .slide-bouton6-index {
       margin-left: 5%;
        margin-right: 0%;
     margin-bottom: 5%;
    }
    
.slide-bouton6-index-bis {
    margin-top: -12%;
       margin-right: 1%;
        margin-left: 0%;
    margin-bottom: 5%;
    } 
.bouton6-index {
    position: relative;
    margin-right: 0;
	display: inline-block;
	zoom: 1;
	margin: 15px; 	/* pour repousser (ou pas) les boutons entre eux */ /* Block en ligne pour consolider les paddings limités par la hauteur du texte */
	padding: 10px 10px;	 
	background-color: #EEBF00;
	font-family: 'Dosis', sans-serif; 
	/*font-weight: bold;*/
	font-size: 0.8em;
	color: #19291f;
    border-radius: 5px;
	vertical-align: middle;	/* permet l'alignement vertical sur la ligne de texte (images, icones, etc.) */
	/*border: 2px solid #000;*/
    cursor: pointer;
    z-index: 999;
    
	}
.bouton6-index:link, .bouton6-index:visited { 
	background-color: none; 
	color: #1a1a1a;
	text-decoration: none; 
	transition: 0.2s ease-out; 
	}
.bouton6-index:hover, .bouton6-index:active { 
	background-color: rgba(40,48,61,.8);  
	color: #dfe8ec;
	text-decoration: none; 
	transition: 0.2s ease-in;
    box-shadow: 0 10px 5px rgba(40,48,61,.2);
	}
 
.slide-top-3 {
    margin-top: 5%;
   margin-left: 5%;
}

 .slide-top-3-bis {
    margin-top: 5%;
   margin-right: 5%;
}
    
    
.h2jeux1 {
    padding-top: 5%;
    padding-left: 12%;
    color: #607b93;/*#dbdbdb*/
    font-size: 3em;
    padding-bottom: 5%;
    font-family: 'bc alphapipe l regular', sans-serif;
    text-transform: uppercase;

    }
.h2jeux1-bis {
    padding-top: 5%;
    padding-left: 5%;
    padding-bottom: 2%;
    color: #607b93;/*#dbdbdb*/
    font-size: 3em;
    font-family: 'bc alphapipe l regular', sans-serif;
    text-transform: uppercase;

    }


.h2jeux1-box {
    padding-top: 1%;
    padding-left: 12%;
    color: #b6bfbe;/*#dbdbdb*/
    padding-bottom: 5%;
    font-size: 3em;
    font-family: 'bc alphapipe l regular', sans-serif;
    text-transform: uppercase;

    }
    
      
span h4 {
    font-family: 'bc alphapipe l regular', sans-serif;
    color: #EEBF00; 
    padding-top: 50px;
    font-size: 2.2em;
    line-height: 0.8;
    
}
    
    
.span2 h4 {
    margin-top: -250px;
    font-size: 2.8em;
   
}   

    
.p1 {
    font-family: 'dosis', sans-serif;
    color: #505c74; /* #857a80 */
    font-size: 1.3em;
    padding-left: 5%;
    padding-right: 8%;
    padding-bottom: 5%;
    text-align: justify;
    line-height: normal;
    }
    
.h2deco-banniere {
    margin: 0;
    margin-top: 0%;
    color: #43646B;  
    font-size: 3em;
    font-family: 'bc alphapipe l regular', sans-serif;
   padding-top: 5%;
    text-align: center;
    padding-bottom: 2%;
    text-transform: uppercase;
    }
    
.h2deco-box-riva {
    margin: 0;
    margin-top: 5%;
    color: #43646B;   /*  #607b93 #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-align: center;
    padding-bottom: 2%;
    font-weight: 200;
    }
    
.h2deco {
    margin: 0;
    margin-top: 0%;
    color: #43646B;   /*  #607b93 #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    font-weight: 200;
    }
.h2deco .span-forfait {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.3em;
}
    
.h2deco-titre-1-atria {
    margin: 0;
    margin-top: 0%;
    color: #5b6178;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    }

.h2deco-titre-1-atria .span-forfait {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.3em;
    text-transform: uppercase;
}
    
.h2deco-titre-1-electra {
    margin: 0;
    margin-top: 0%;
    color: #505c74;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    }

.h2deco-titre-1-electra .span-forfait {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.3em;
    text-transform: uppercase;
}
    
.h2deco-titre-1-andromede {
    margin: 0;
    margin-top: 0%;
    color: #5b6178;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    }

.h2deco-titre-1-andromede .span-forfait {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.3em;
    text-transform: uppercase;
}

.h2deco-titre-1-erakis {
    margin: 0;
    margin-top: 0%;
    color: #3a5560;   /*  #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    }

.h2deco-titre-1-erakis .span-forfait {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.3em;
    text-transform: uppercase;
}
    
.h2deco-forfait {
    margin: 0;
    margin-top: 2%;
    color: #607a93;   
    font-size: 2.6em;
    font-family: 'bc alphapipe l regular', sans-serif;
   text-align: center;
    }
.h2deco-forfait .span-templet {
    color: #EEBF00; 
    padding: 0; 
    margin: 0;
    font-size: 1.6em;
}

.h2deco-forfait .span-prix {
    color: #EEBF00; 
    padding: 0; 
    margin: 0;
    font-size: 1em;
    
}  
    
.h6deco-forfait { 
    width: 400px;
    height: auto;
    position: relative;
    font-size: 1.1em;
    color: #505c74; /* #1d2d4e*/
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    padding-bottom: 5%;
    margin-top: 2%;
    text-align: left;
    margin-left: 12%;
 }
    

.h2deco-bis {
    margin: 0;
    padding-top: 5%;
    color: #fff;
    font-size: 3em;
    font-family: 'bc alphapipe l regular', sans-serif;
    text-transform: uppercase;
    text-align: center;
    }
    
.h6deco-texte { 
    font-size: 1.4em;
    line-height: normal;
     color: #43646B;
    font-family: 'Dosis', sans-serif;
    padding-bottom: 5%;
    margin-left: 5%;
    margin-right: 5%;
    
            
    }
    
.h5-templet { 
    font-size: 2em;
     color: #505c74;
    border-top: dashed 3px #505c74; /*#EEBF00*/
    text-align: center;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    
    }
    
.h6-page-gite { 
    font-size: 1.4em;
    color: #505c74; /*  #1d2d4e */
    line-height: normal;
    font-weight: 100;
    font-family: 'Dosis', sans-serif;
    padding-bottom: 5%;
    margin-left: 5%;
    margin-right: 5%;
    
            
    }
    
.h2deco-box {
    margin: 0;
    margin-top: 2%;
    color: #43646B;  
    font-size: 3.5em;
    font-family: 'bc alphapipe l regular', sans-serif;
    padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
     line-height: normal;
    }
.h6-light-box { 
    font-size: 1.8em;
    color: #505c74; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 5%;
    margin-top: 2%;
     margin-right: 20%;
    margin-left: 20%;
    text-align: justify;
    
     }
.h6deco-box { 
    font-size: 1.8em;
    color: #505c74; /*  #1d2d4e */
    line-height: normal;
    font-family: 'Dosis', sans-serif;
    padding-bottom: 5%;
    font-weight: 200;
    padding-left: 20%;
    padding-right: 20%;
    margin-top: 0%;
    text-align: justify;
    
     }
    
.h2-titre {
    margin: 0;
    padding-top: 5%;
    margin-bottom: 0;
    color: #EEBF00;    
    font-size: 2.8em;
    font-family: 'bc alphapipe l regular', sans-serif; 
    font-weight: 300;
    text-transform: uppercase;
   
    }
.h2-titre-index {
    margin: 0;
    padding-top: 5%;
    margin-bottom: 0;
    color: #EEBF00;    
    font-size: 3.2em;
    font-family: 'bc alphapipe l regular', sans-serif; 
    font-weight: 300;
    text-transform: uppercase;
   
    }
    
.h2-titre-index .span-titre-index {
    margin: 0 auto;
    padding: 0 auto;
    font-family: 'dosis', sans-serif;
    color: #607b93; 
    font-size: 1em;
    text-transform: none;
    }
       
.h2-titre-bis {
    margin: 0;
    margin-top: 5%;
    margin-bottom: 2%;
     color: #607b93;   
    font-size: 3em;
    font-family: 'bc alphapipe l regular', sans-serif; 
    font-weight: 300;
   
    }    
    
.p2-bis {
    font-family: 'dosis', sans-serif;
   font-weight: 300;
    color: #d3d6e5;
    font-size: 1.5em;
   line-height: 1.5;
    margin-top: 1%;
    margin-bottom: 2%;
    padding-left: 5%;
    padding-right: 5%;
    }
    
    
.p2-bis-index {
    font-family: 'dosis', sans-serif;
   font-weight: 300;
     color: #505c74;
    font-size: 1.5em;
   line-height: 1.5;
    margin-top: 1%;
    margin-bottom: 2%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
  

}
    
.h2proj-moi {
   color: #1d2d4e;
    font-size: 2.8em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    padding-top: 2%;
    margin-top: 0;
    margin-bottom: 0 auto;
    line-height: 1;
    margin-left: 0%;
    }
    
    
.p-moi-1 {
    font-size: 1.6em;
    color: #1d2d4e;
    line-height: 1.5;
    font-family: 'dosis', sans-serif;
    font-weight: 100;
    padding: 0px 0px 40px 0px;
    padding-top: 2%;
    padding-left: 5%;
    padding-right: 5%;
}

    
.slidedeco {
    padding-top: 60%;
    padding-bottom: 0;
    margin: 0;
}  
        

    
 .bouton6 {
    position: relative;
    margin-right: 0;
	display: inline-block;
	zoom: 1;
	margin: 0; 	
	padding: 20px 20px;	
    margin-bottom: 10%; 
	background-color: #EEBF00;
	font-family: 'Dosis', sans-serif; 
	/*font-weight: bold;*/
	font-size: 1.2em;
	color: #19291f;
    border-radius: 5px;
	vertical-align: middle;	
	cursor: pointer;
    
	}
.bouton6:link, .bouton6:visited { 
	background-color: none; 
	color: #1a1a1a;
	text-decoration: none; 
	transition: 0.2s ease-out; 
	}
.bouton6:hover, .bouton6:active { 
	background-color: rgba(40,48,61,.8);  
	color: #dfe8ec;
	text-decoration: none; 
	transition: 0.2s ease-in;
    box-shadow: 0 10px 5px rgba(40,48,61,.2);
	} 
    
.p1-artdeco {
    font-family: 'dosis', sans-serif;
    margin-bottom: 5%;
    color:#fff;
    font-size: 2em;
    padding-left: 0;
    padding-right: 0;
    margin-top: 5%;
    
    }
.p1-siteweb {
    font-family: 'dosis', sans-serif;
   font-weight: 300;
    color: #574f55;
    font-size: 1.5em;
   line-height: 1.5;
    margin-top: 2%;
    margin-bottom: 2%;
    padding-left: 0%;
  

}
    
.bouton6-templet {
    position: relative;
    margin-right: 0;
	display: inline-block;
	zoom: 1;
	margin: 0; 
	padding: 10px 20px;	
    margin-bottom: 1%; 
    margin-top: 45%;
    margin-left: 8%;
	background-color: #EEBF00;
	font-family: 'Dosis', sans-serif; 
	/*font-weight: bold;*/
	font-size: 1.2em;
	color: #4b4764; /* #1c3148*/
    vertical-align: middle;
    cursor: pointer;
    
	}
.bouton6-templet:link, .bouton6-templet:visited { 
	background-color: none; 
	color: #1c3148;
	text-decoration: none; 
	transition: 0.2s ease-out; 
	}
.bouton6-templet:hover, .bouton6-templet:active { 
	background-color: rgba(40,48,61,.8);  
	color: #EEBF00;
	text-decoration: none; 
	transition: 0.2s ease-in;
    box-shadow: 0 10px 5px rgba(40,48,61,.2);
	}

    
.caption-bis-templet {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #dbf1f4;
    opacity: 1;
	background: rgba(28,31,36,0.6);
    overflow: hidden;
	transition: all 0.5s ease;
   
}
.caption-bis-templet span { 
    position: absolute;
    display: block;
    bottom: 40%;
    left: 0;
    right: 0;
    margin-left: 8%;
    margin-top: 0;
    }
.caption-bis-templet span h4 {
    padding: 0;
    font-size: 4.5em;
    color: #EEBF00;
    /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.50);*/
    
}
.caption-bis-templet .span-tarif {
    position: absolute;
    font-family: 'dosis', sans-serif;
    font-size: 0.2em;
    color: aliceblue;
    margin-left: 52%;
    margin-bottom: 12%;
}
.caption-bis-templet .h6proj {
    font-family: 'dosis', sans-serif;
    font-size: 2.2em;
    line-height: 1;
    color: #dee9ec;
    padding-bottom: 5%;
    
}
.caption-bis-templet:hover {
    opacity: 1;
    transition: all 0.5s ease;
   
}   

    
.caption-bis-templet-1 {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #dbf1f4;
    opacity: 1;
	background: rgba(28,31,36,0.6);
    overflow: hidden;
	transition: all 0.5s ease;
   
}
.caption-bis-templet-1 span { 
    position: absolute;
    display: block;
    bottom: 40%;
    left: 0;
    right: 0;
    margin-left: 8%;
    margin-top: 0;
    }
.caption-bis-templet-1 span h4 {
    padding: 0;
    font-size: 4.5em;
    color: #EEBF00;
    /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.50);*/
    
}
.caption-bis-templet-1 .span-tarif {
    position: absolute;
    font-family: 'dosis', sans-serif;
    font-size: 0.2em;
    color: aliceblue;
    margin-left: 52%;
    margin-bottom: 12%;
}
.caption-bis-templet-1 .h6proj {
    font-family: 'dosis', sans-serif;
    font-size: 2.2em;
    line-height: 1;
    color: #dee9ec;
    padding-bottom: 5%;
    
}
.caption-bis-templet-1:hover {
    opacity: 1;
    transition: all 0.5s ease;
   
}



.caption-bis-templet-2 {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #dbf1f4;
    opacity: 1;
	background: rgba(28,31,36,0.6);
    overflow: hidden;
	transition: all 0.5s ease;
   
}
.caption-bis-templet-2 span { 
    position: absolute;
    display: block;
    bottom: 40%;
    left: 0;
    right: 0;
    margin-left: 8%;
    margin-top: 0;
    }
.caption-bis-templet-2 span h4 {
    padding: 0;
    font-size: 4.5em;
    color: #EEBF00;
    /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.50);*/
    
}
.caption-bis-templet-2 .span-tarif {
    position: absolute;
    font-family: 'dosis', sans-serif;
    font-size: 0.2em;
    color: aliceblue;
    margin-left: 52%;
    margin-bottom: 12%;
}
.caption-bis-templet-2 .h6proj {
    font-family: 'dosis', sans-serif;
    font-size: 2.2em;
    line-height: 1;
    color: #dee9ec;
    padding-bottom: 5%;
    
}
.caption-bis-templet-2:hover {
    opacity: 1;
    transition: all 0.5s ease;
   
}


.caption-bis-templet-3 {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #dbf1f4;
    opacity: 1;
	background: rgba(28,31,36,0.6);
    overflow: hidden;
	transition: all 0.5s ease;
   
}
.caption-bis-templet-3 span { 
    position: absolute;
    display: block;
    bottom: 40%;
    left: 0;
    right: 0;
    margin-left: 8%;
    margin-top: 0;
    }
.caption-bis-templet-3 span h4 {
    padding: 0;
    font-size: 4.5em;
    color: #EEBF00;
    /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.50);*/
    
}
.caption-bis-templet-3 .span-tarif {
    position: absolute;
    font-family: 'dosis', sans-serif;
    font-size: 0.2em;
    color: aliceblue;
    margin-left: 52%;
    margin-bottom: 12%;
}
.caption-bis-templet-3 .h6proj {
    font-family: 'dosis', sans-serif;
    font-size: 2.2em;
    line-height: 1;
    color: #dee9ec;
    padding-bottom: 5%;
    
}
.caption-bis-templet-3:hover {
    opacity: 1;
    transition: all 0.5s ease;
   
}   
 .fond-templet-1 {
            background: url('../images/bg-8-projet-fin-annee.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            margin: 0;
            padding-top: 200px;
            padding-bottom: 320px;
            width: 60%;
            height: auto;
            margin-left: 20%;
            margin-right: 20%;

            }   
    
.caption-templet {
	position: absolute;
    max-height: 80%;
    max-width: 100%;
	left: 0; 
    bottom: 0;
	color: #a09fa7;
    opacity: 1;
	background: rgba(28,31,36,0.5);
    overflow: hidden;
	transition: all 0.5s ease;
   
}
.caption-templet span { 
    position: absolute;
    display: block;
    bottom: 30%;
    opacity: 1;
    padding-left: 10%;
    padding-right: 10%;
    left: 0;
    right: 0;
    }
.caption-templet span .h3-bis-box {
    opacity: 1;
     font-size: 2.6em;
    padding: 0;
    
}
.caption-templet:hover {
    opacity: 1;
    transition: all 0.5s ease;
   
}
span { 
    margin-left: 2%;
    margin-top: 0;
    }

    

    
.fond-lightbox-artdeco { 
    background-color: #BAC8D4;
    padding-bottom: 5%;
    }
    


.fond-templet-2 {
            background: url('../images/bg-5-projet-web-jeux.png'); 
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            margin: 0;
            padding-top: 200px;
            padding-bottom: 280px;
            width: 60%;
            height: auto;
            margin-left: 20%;
            margin-right: 20%;
        }



.fond-templet-3 {
            background: url('../images/bg-4-projet-web-riva.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            margin: 0;
            padding-top: 200px;
            padding-bottom: 280px;
            width: 60%;
            height: auto;
            margin-left: 20%;
            margin-right: 20%;
           

            }
    
.fond-templet-4 {
            background: url('../images/bg-6-projet-film-anim.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            margin: 0;
            padding-top: 200px;
            padding-bottom: 280px;
            width: 60%;
            height: auto;
            margin-left: 20%;
            margin-right: 20%;
           
}
    
.video-iframe-box {
    width: 560px;
    height: 360px;
    vertical-align: middle;
    border: 3px solid #574f55;
    padding: 0px;
    
}
    

.video-iframe {
	position: relative;
    width: 360px;
    height: 260px;
	}


    

    
/*//////////////////////////// page contact  /////////////////////////*/
    
 .h1-contact {
    position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding:0; 
    top: 55%;
    color: #95a781; 
    font-size: 3em; 
    font-family: 'BC Alphapipe L Regular', sans-serif; 
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    opacity: 1;
    z-index: 14;
}
    
.motiondesign5 {
    position: absolute; 
    width: 600px;
    height: auto;
    left: 50%;
    margin-left: -300px; 
    padding: 0; 
    top: 65%;
    color:#fff; 
    font-size: 1.6em; 
    font-family: 'dosis', sans-serif; 
    opacity: 1;
    z-index: 15;
    text-align: center;
    
    }       
 

#prenom2 {
    position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding: 0; 
    top: 50%;
    color: #fff; 
    font-size: 2.3vw; 
    font-family: 'sarpanch-regular', sans-serif; 
    font-weight: 300;
    text-transform: uppercase;
    opacity: 1;
    z-index: 13;
    }

.h6contact { 
    padding-top: 10%;
    font-size: 1.8em;
    color:#fff;
    line-height: normal;
    font-family: 'dosis',sans-serif;
    padding-bottom: 5%;
    }    


.fond-light-box { 
    background-color: #BAC8D4;
   
}
.fond-bleu-box2 {
     margin-top: 7%;
     background-color: #b4c1ba;
    z-index: 999999999999999;
    }
    
.fond-bleu4-bis {
    padding-bottom: 5%;
    background-color: #598394;
   
    }
        
.h2jeux {
     margin-top: 5%;
    padding-bottom: 0%;
    padding-left: 5%;
    font-weight: 300;
    color: #607b93;/*#dbdbdb*/
    font-size: 3em;
    font-family: 'bc alphapipe l regular', sans-serif;
    text-transform: uppercase;
    }
    
    
.h2jeux-box {
    font-weight: 300;
    color: #b6bfbe;/*#dbdbdb*/
    margin-top: 5%;
    margin-right: 5%;
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-transform: uppercase;

    }
    


.h2jeuxbis {
    padding-top: 5%;
    font-weight: 900;
    font-size: 2.8em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-transform: uppercase;

    }

.h6jeux { 
    font-size: 1.5em;
     color: #e1e7ea;
    line-height: normal;
    font-family: 'dosis', sans-serif;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
           
    }
    
.h6jeux-box { 
    font-size: 1.5em;
    color: #e1e7ea;
    line-height: normal;
    font-family: 'dosis', sans-serif;
    padding-bottom: 5%;
    margin-top: 4%;
     padding-right: 5%;      
    }

.h6jeuxbis { 
    font-size: 1.5em;
    line-height: normal;
    font-family: 'dosis', sans-serif;
    padding-bottom: 5%;
           
    }
    
    
    
.fond-blanc1 { 
    background-color: #ffffff; 
    margin: 0 auto; 
    margin-top: 5%;
    }

.slideriva {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 130%;
}

.h1riva {
   color: #43646B; 
    font-family: 'bc alphapipe l regular', sans-serif;
    padding-top: 10%;
    padding-bottom: 5%;
   font-size: 3em;
    text-transform: uppercase;
    }

.h2riva {
   padding-top: 2%;
    padding-bottom: 5%;
    font-weight: 200;
    color: #e0e5ef;/*#dbdbdb*/
    font-size: 1.6em;
    font-family: 'dosis', sans-serif;
    line-height: normal;
    

    }

.h2riva span {
    padding-top: 5%;
    padding-bottom: 5%;
    font-size: 2.2em;
    text-transform: uppercase;
}
    


.h2-artdeco3 {
    padding-top: 5%;
    padding-left: 5%;
    color: #43646B;/* #83999E #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    text-transform: uppercase;


    }

.h2-artdeco {
    padding-top: 8%;
    padding-bottom: 8%;
    padding-left: 5%;
    color: #43646B;/*#dbdbdb*/
    font-size: 1.6em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    


    }
    
    
.h2deco-home-staging-titre {
    margin: 0;
    margin-top: 0%;
    color: #d4e7e6;   /* #689aad #607b93 #4b4764 #1d2d4e #dbdbdb*/
    font-size: 3em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    }
.h2deco-home-staging-titre .span-contenu-prix {
    margin: 0;
    margin-top: 0%;
    color: #d4e7e6;   /* #689aad #607b93 #4b4764 #1d2d4e #dbdbdb*/
    font-size: 1em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
   padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
    }
.h2deco-home-staging-titre .span-templet {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.6em;
}
        

    
.h2deco3 {
    padding-top: 5%;
    padding-left: 5%;
    color: #fff;/*#dbdbdb*/
    font-size: 3.5em;
    font-family: 'bc alphapipe l regular', sans-serif;
    text-transform: uppercase;
    line-height: normal;
    }
        
.h1-qui {
    position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding: 0; 
    top: 60%;
    color: #fff; 
    font-size: 3em; 
    font-family: 'bc alphapipe l regular', sans-serif; 
    font-weight:100;
    text-transform: uppercase;
    opacity: 1;
    z-index: 14;
}

.h1-electra {
    position: absolute;
    width: 800px;
    left: 5%;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    color: #EEBF00;
    margin-top: -30%;
    font-size: 5em;
    line-height: 1;
    opacity: 1;
    z-index: 9999999;
    
   }

.h1-electra .span-contenu-prix {
    font-family: 'BC Alphapipe L Regular', sans-serif;
    font-size: 0.3em;
    line-height: 1;
    opacity: 1;
   
}

.fond-img-deco {
        background-color: #F7E4E8;
    }    
    
.h6proj-electra {
    position: absolute;
    width: 700px;
    height: auto;
    padding: 0;
    padding-left: 5%;
    margin-top: -15%;
    font-size: 1.8em;
    float: left;
    font-family: 'dosis', sans-serif;
    font-weight: 100;
    color: #dcf0f4;
     z-index: 9999999;
    }
    
.h1-electra-qui-suis-je {
    position: absolute;
    width: 1000px;
    left: 5%;
    padding-left: -600px;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    color: #EEBF00;
    margin-top: -32%;
    font-size: 4em;
    line-height: 1;
    opacity: 1;
    z-index: 999999999;
    /*text-shadow: 4px 4px 5px #666;*/
   
}
.h1-electra-qui-suis-je .span-contenu-prix {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 0.5em;
} 

.h6proj-electra-qui-suis-je {
    position: absolute;
    width: 700px;
    height: auto;
    padding: 0;
    padding-left: 5%;
    margin-top: -10%;
    font-size: 1.6em;
    float: left;
    font-family: 'dosis', sans-serif;
    font-weight: 100;
    color: #dcf0f4;
     z-index: 99999;
     /*text-shadow: 4px 4px 5px #666;*/
    }
    
.h6proj-page-amenagemnt {
    position: absolute;
    width: 700px;
    height: auto;
    padding: 0;
    padding-left: 5%;
    margin-top: -10%;
    font-size: 1.4em;
    float: left;
    font-family: 'dosis', sans-serif;
    font-weight: 100;
    color: #dcf0f4;
     z-index: 99999999;
    }

.p1-bis-1 {
    font-family: 'dosis', sans-serif;
   font-weight: 300;
    color: #19291f;
    font-size: 1.4em;
   line-height: 1.5;
    margin-top: 2%;
    padding-bottom: 48px;
    padding-left: 5%;
  

}

.p1-bis-1 .span-texte-1 {
     color: #EEBF00; 
    padding:0; 
    margin:0;
    font-size: 1.5em;
    line-height: 1.5;
}
        
 .f {
    font-size: 1.8em;
    color:#fff;
    line-height: normal;
    font-family: 'dosis', sans-serif;
    padding-bottom: 2%;
    padding-top: 5%;
     padding-left: 5%;
     padding-right: 5%;
}
    
.p-qui {
    font-size: 1.8em;
    color: #fff; /* #dceff8 #4b4764*/
    line-height: 1.5;
    font-family: 'dosis', sans-serif;
    font-weight: 100;
    padding-bottom: 3%;
    padding-top: 5%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
}

.p-qui1 {
    font-size: 1.2em;
    color:#fff;
    line-height: normal;
    font-family: 'dosis', sans-serif;
    padding-bottom: 10%;
    padding-top: 5%;
}

.p-qui2 {
    font-size: 1.2em;
    color:#1a1A1A;
    line-height: normal;
    font-family: 'dosis', sans-serif;
    padding-bottom: 5%;
    padding-top: -10%;
}

.p-qui3 {
    font-size: 1em;
    color:#fff;
    line-height: normal;
    font-family: 'dosis', sans-serif;
   vertical-align: middle;
    padding-bottom: 27%;
    padding-top: 20%;
    padding-right: 10px;
    padding-left: 10px;
}
    
.slide400 {
    padding-top: 200px;
    padding-bottom: 54.3%;
}
    
    
.slide-bottom-section {
    margin-bottom: 5%; 
    margin-top: 2%;
    }
    
.slide-bottom-section-cv {
    margin-bottom: 0%; 
    margin-top: 15%;
    }
    
.slide-bottom-2 {
    margin-bottom: 5%;
    margin-left: 0%;  
}
    
 #bgVid {
    position: relative;
    right:0;
    bottom:0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 65%;
    z-index: -5;
    background-size: cover;
    

}   
    
.homepage-hero-module {
    border-right: none;
    border-left: none;
    border-top: none;
    position: relative;
    z-index: 0;

  
}


.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
    
}
.video-container {
    position: relative;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: none;
   
}
.video-container .poster img video {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
    padding: 0 auto;
}
.video-container video .fillWidth {
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: -5%;
    padding: 0;
   
}
    

.fond-texte-home-stag-1 {
   background-color: #786B6E;
}
.video-moi {
    position: absolute;
    width: 30%;
    height:auto;
    margin-top: -35%;
    margin-left: 5%;
    padding: 0 auto;
    /*box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);*/
    z-index: 9999999;
    
    } 
    
/* ----------------  page decorateur --------------------  */

.container-villa {
    margin-left: 18%;
    
    
}

.container-le-clos {
    margin-left: 6%;
    
    
}

.ba-slider-renov {
  position: relative;
  overflow: hidden;
    box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44);
}

.ba-slider-renov img {
  width: 100%;
  display: block;
}


.ba-slider {
  position: relative;
  overflow: hidden;
    box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44);
}

.ba-slider img {
  width: 100%;
  display: block;
}

.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}

.handle {
  /* Thin line seperator */
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  margin-left: -2px;
  background: rgba(0, 0, 0, 0.5);
  cursor: grabbing;
    
}

.handle:after {
  /* Big orange knob  */
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin: -22px 0 0 -22px;
  content: "⇔";
  color: white;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  line-height: 44px;
  background: #5c7373;
  /* @orange */
  border: 1px solid #5c7373;
  /* darken(@orange, 5%) */
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 60px 50px -30px #EEC003;
  /* lighten(@orange, 20%)*/
}

.draggable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  line-height: 48px;
  font-size: 30px;
}
    
#prenom-page-index {
    position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding:0; 
    top: 45%;
    color: #bbc3d8; 
    font-size: 4.2em; 
    font-family: 'Orbitron', sans-serif;
    font-weight: 100;
    opacity: 1;
    z-index: 13;
    }
    
#prenom {
    position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding: 0;
   top: 20%;
    font-family: 'Orbitron', sans-serif;
     color: #bbc3d8; 
    font-size: 4.2em; 
    text-transform: uppercase;
    opacity: 1;
    z-index: 13;
    }


#prenom-page-web {
    position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding:0; 
    top: 25%;
    color: #bbc3d8; 
    font-size: 4.2em; 
    font-family: 'Orbitron', sans-serif;
    font-weight: 100;
    opacity: 1;
    z-index: 13;
    }
    
#prenom-page-contact {
    position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding:0; 
    top: 26%;
    color: #bbc3d8; 
    font-size: 5em; 
    font-family: 'Orbitron', sans-serif;
    font-weight: 100;
    opacity: 1;
    z-index: 13;
    }
    
#prenom-page-deco-2022 {
    position: absolute; 
    width: 100%; 
    text-align: center;
    margin: 0; 
    padding:0; 
    top: 25%;
    color: #bbc3d8; 
    font-size: 4em; 
    font-family: 'Orbitron', sans-serif;
    font-weight: 100;
    opacity: 1;
    z-index: 13;
    }
    
#motiondesign {
     position: absolute; 
    width: 1100px;
    height: auto;
    left: -100%;
    text-align: center;
    margin: 0; 
    padding:0; 
    top: 58%;
    color:#fff; 
    font-size: 2.5vw; 
    font-family: 'bc alphapipe l regular', sans-serif; 
    margin-top: 2%;
    opacity: 0;
    z-index: 15;
    }
#motiondesign .span-contact-titre {
    padding: 0;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    color: #EEBF00;
    font-size: 2em;
  
    
        
    } 
    
#motiondesign-contact {
     position: absolute; 
    width: 1100px;
    height: auto;
     left: -100%;
    /*left:50%;
    margin-left: -250px;*/
    text-align: center;
    margin: 0; 
    padding:0;  
    top:68%;
    color:#fff; 
    font-size:2.5vw; 
    font-family: 'BC Alphapipe L Regular', sans-serif; 
    margin-top: 2%;
    opacity: 0;
    z-index: 15;
    }
#motiondesign-contact .span-contact-titre {
    padding: 0;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    color: #EEBF00;
    font-size: 2em;
    
        
    } 
    
    .skillbar {
        position:relative;
        display:block;
        margin-bottom:15px;
        width:100%;
        background:#eee;
        height:35px;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        -webkit-transition:0.6s linear;
        -moz-transition:0.6s linear;
        -ms-transition:0.6s linear;
        -o-transition:0.6s linear;
        transition:0.6s linear;
        -webkit-transition-property:width, background-color;
        -moz-transition-property:width, background-color;
        -ms-transition-property:width, background-color;
        -o-transition-property:width, background-color;
        transition-property:width, background-color;
    }
    
    .skillbar-title {
        position:absolute;
        top:0;
        left:0;
        width:110px;
        font-weight:bold;
        font-size:13px;
        color:#ffffff;
        background:#6adcfa;
        -webkit-border-top-left-radius:3px;
        -webkit-border-bottom-left-radius:4px;
        -moz-border-radius-topleft:3px;
        -moz-border-radius-bottomleft:3px;
        border-top-left-radius:3px;
        border-bottom-left-radius:3px;
    }
    
    .skillbar-title span {
        display:block;
        background:rgba(0, 0, 0, 0.1);
        padding:0 20px;
        height:35px;
        line-height:35px;
        -webkit-border-top-left-radius:3px;
        -webkit-border-bottom-left-radius:3px;
        -moz-border-radius-topleft:3px;
        -moz-border-radius-bottomleft:3px;
        border-top-left-radius:3px;
        border-bottom-left-radius:3px;
    }
    
    .skillbar-bar {
        height:35px;
        width:0px;
        background:#6adcfa;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
    }
    
    .skill-bar-percent {
        position:absolute;
        right:10px;
        top:0;
        font-size:11px;
        height:35px;
        line-height:35px;
        color:#ffffff;
        color:rgba(0, 0, 0, 0.4);
    }
    
    
.parent-cv {
   position: absolute;
  overflow: hidden;
  width: 781px;
  height: 484px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 765%;
  margin-left: 13%;
  -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  z-index: 9999;
}

.parent {
  width: 781px;
  height: 484px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 210%;
  margin-left: 27%;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  z-index: 9999;
}



svg {
  position: absolute;
  z-index: 1;
  width: 781px;
  height: 484px;
}

button {
  position: absolute;
  z-index: 50;
  width: 40px;
  overflow: hidden;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
}
button:focus {
  outline-width: 0;
}

circle {
  stroke: #fff;
  fill: none;
  transition: 0.3s;
}

#svg1 circle {
  transition-timing-function: linear;
    
   
}

#svg2 circle {
  transition-timing-function: linear;
   
}

#Capa_1 {
  position: absolute;
  width: 16px;
  height: 16px;
  transform: translate(-7px, -8px);
}

#Capa_2 {
  position: absolute;
  width: 16px;
  height: 16px;
  transform: translate(-9px, -8px);
}

.right {
  margin-left: 720px;
  margin-top: 230px;
  border: 1px solid #E8D8DC;
  background-color: transparent;
  transition: 0.5s;
}
.right:hover {
  background-color: #fff;
}

.left {
  margin-left: 0.5%;
  margin-top: 230px;
  border: 1px solid #E8D8DC;
  background-color: transparent;
  transition: 0.5s;
}
.left:hover {
  background-color: #fff;
}

.circle1 {
  transition-delay: 0.05s;
}

.circle2 {
  transition-delay: 0.1s;
}

.circle3 {
  transition-delay: 0.15s;
}

.circle4 {
  transition-delay: 0.2s;
}

.circle5 {
  transition-delay: 0.25s;
}

.circle6 {
  transition-delay: 0.3s;
}

.circle7 {
  transition-delay: 0.35s;
}

.circle8 {
  transition-delay: 0.4s;
}

.circle9 {
  transition-delay: 0.45s;
}

.circle10 {
  transition-delay: 0.05s;
}

.circle11 {
  transition-delay: 0.1s;
}

.circle12 {
  transition-delay: 0.15s;
}

.circle13 {
  transition-delay: 0.2s;
}

.circle14 {
  transition-delay: 0.25s;
}

.circle15 {
  transition-delay: 0.3s;
}

.circle16 {
  transition-delay: 0.35s;
}

.circle17 {
  transition-delay: 0.4s;
}

.circle18 {
  transition-delay: 0.45s;
}

.slide1 {
  background-image: url('../images/img-realisation-dordogne-1.jpg');
}

.slide2 {
  background-image: url('../images/img-realisation-2.jpg');
}

.slide3 {
  background-image: url('../images/img-realisation-3.jpg');
}

.slide4 {
  background-image: url('../images/img-realisation-4.jpg');
}

.slide1 , .slide2 , .slide3 , .slide4  {
  position: absolute;
  background-position: center;
  background-size: cover;
  color: #fff;
  font-size: 60px;
  padding-top: 200px;
  font-weight: 800;
  font-family: 'bc alphapipe l regular', sans-serif;
  text-align: center;
  width: 25%;
  height: 100%;
  z-index: 10;
  transition: 1.4s;
}


.slide1-conception {
  background-image: url('../images/projet-img-3d-page-conception-1.jpg');
}

.slide2-conception {
  background-image: url('../images/projet-img-3d-page-conception-2.jpg');
}

.slide3-conception  {
  background-image: url('../images/projet-img-3d-page-conception-3.jpg');
}

.slide4-conception  {
  background-image: url('../images/projet-img-3d-page-conception-4.jpg');
}

.slide1-conception , .slide2-conception , .slide3-conception , .slide4-conception  {
  position: absolute;
  background-position: center;
  background-size: cover;
  color: #fff;
  font-size: 60px;
  padding-top: 200px;
  font-weight: 800;
  font-family: 'bc alphapipe l regular', sans-serif;
  text-align: center;
  width: 25%;
  height: 100%;
  z-index: 10;
  transition: 1.4s;
}

 .slide1-home-staging {
  background-image: url('../images/img-page-home-stage-1.jpg');
}

.slide2-home-staging {
  background-image: url('../images/img-realisation-4.jpg');
}

.slide3-home-staging {
  background-image: url('../images/img-page-home-stage-2.jpg');
}

.slide4-home-staging {
  background-image: url('../images/img-page-home-stage-3.jpg');
} 

.slide1-home-staging, .slide2-home-staging, .slide3-home-staging, .slide4-home-staging {
  position: absolute;
  background-position: center;
  background-size: cover;
  color: #fff;
  font-size: 40px;
  padding-top: 280px;
  font-weight: 800;
  font-family: 'bc alphapipe l regular', sans-serif;
  text-align: center;
  width: 25%;
  height: 100%;
  z-index: 10;
  transition: 1.4s;
}

 .slide1-shopping {
  background-image: url('../images/img-page-shopping-1.jpg');
}

.slide2-shopping {
  background-image: url('../images/img-page-shopping-2.jpg');
}

.slide3-shopping {
  background-image: url('../images/img-page-shopping-3.jpg');
}

.slide4-shopping {
  background-image: url('../images/img-page-shopping-5.jpg');
} 

.slide1-shopping, .slide2-shopping, .slide3-shopping, .slide4-shopping {
  position: absolute;
  background-position: center;
  background-size: cover;
  color: #fff;
  font-size: 40px;
  padding-top: 280px;
  font-weight: 800;
  font-family: 'bc alphapipe l regular', sans-serif;
  text-align: center;
  width: 25%;
  height: 100%;
  z-index: 10;
  transition: 1.4s;
}


.slider {
  position: absolute;
  width: 400%;
  height: 100%;
  background: #000;
  display: inline-flex;
  overflow: hidden;
}


.tran {
  transform: scale(1.3);
}

.up1 {
  z-index: 20;
}

.up2 {
  z-index: 40;
   
}

.steap {
  stroke-width: 0;
}

.streak {
  stroke-width: 82px;
}
    
    
    
    
@import url(https://fonts.googleapis.com/css?family=Istok+Web);
@keyframes slidy {
  0% {
    left: 0%;
  }
  20% {
    left: 0%;
  }
  25% {
    left: -100%;
  }
  45% {
    left: -100%;
  }
  50% {
    left: -200%;
  }
  70% {
    left: -200%;
  }
  75% {
    left: -300%;
  }
  95% {
    left: -300%;
  }
  100% {
    left: -400%;
  }
}
    
* {
  box-sizing: border-box;
}

figure {
  margin: 0;
  font-family: Istok Web, sans-serif;
  font-weight: 100;
}
div#captioned-gallery {
  width: 40%;
  overflow: hidden;
}
figure.slider {
  position: relative;
  width: 500%;
  font-size: 0;
  animation: 20s slidy infinite;
}
figure.slider figure {
  width: 20%;
  height: auto;
  display: inline-block;
  position: inherit;
}
figure.slider img {
  width: 100%;
  height: auto;
}
figure.slider figure figcaption {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  width: 100%;
  font-size: 2rem;
  padding: 0.6rem;
}

    
#diapo1 { 
    width: 40%;
	margin: 10px;
	padding: 10px;
	background-color: #eaebed;
	border: 1px solid #a68184;
    margin-bottom: 2%;
    margin-left: 4%;
    margin-right: 4%;
   }
    
#diapo1 ul { margin-left: -20px; 
	}
#diapo1 li { 
	margin: 20px;
	width: 200px;
	list-style: none; 	
	zoom: 1; 		
	display: inline;	
	display: inline-block; 
	
	}

#diapo1 li a {	
	text-decoration: none;
	} 
#diapo1 li a img {
	border: none; 
	max-width: 100%; 
    max-height: 100%;
	box-shadow: 2px 3px 6px rgba(0,0,0, 0.75);
    
	}
#diapo1 img {
    width: 200px;
	border: none; 
	float: left;
    z-index: 900;
   
	}


#diapo2 { 
   width: 40%;
	margin: 10px;
	padding: 10px;
	background-color: #d3d6e5; 
	border: 1px solid #a68184;
    margin-bottom: 2%;
     margin-left: 4%;
    margin-right: 4%;
   
    
	}
#diapo2 ul { margin-left: -20px; 
	}
#diapo2 li { 
	margin: 20px;
	width: 200px;
	list-style: none; 	/* pour enlever les puces sur IE7 */
	zoom: 1; 		/* hack pour IE<8 qui ne comprend pas les inline-block */
	display: inline;	/* hack pour IE<8 qui ne comprend pas les inline-block */
	display: inline-block; 
	
	}

#diapo2 li a {	
	text-decoration: none;
	} 
#diapo2 li a img {
	border: none; 
	max-width: 100%; /* force la taille image à la dimension du li */
    max-height: 100%;
	box-shadow: 2px 3px 6px rgba(0,0,0, 0.75);
    
	}
#diapo2 img {
    width: 200px;
	border: none; 
	float: left;
     z-index: 900;
	}
    
    
    
#diapo3 { 
    width: 40%;
	margin: 10px;
	padding: 10px;
	background-color: #eaebed; /*  #e6dbe5   222,218,111, 0.05 / rgba(52,76,81, 0.8) rgba(255,255,255,0.6) */
	border: 1px solid #a68184;
    margin-bottom: 5%;
    margin-left: 4%;
    margin-right: 4%;
   
    
	}
#diapo3 ul { margin-left: -20px; 
	}
#diapo3 li { 
	margin: 20px;
	width: 200px;
	list-style: none; 	/* pour enlever les puces sur IE7 */
	zoom: 1; 		/* hack pour IE<8 qui ne comprend pas les inline-block */
	display: inline;	/* hack pour IE<8 qui ne comprend pas les inline-block */
	display: inline-block; 
	
	}

#diapo3 li a {	
	text-decoration: none;
	} 
#diapo3 li a img {
	border: none; 
	max-width: 100%; 
    max-height: 100%;
	box-shadow: 2px 3px 6px rgba(0,0,0, 0.75);
    
	}
#diapo3 img {
    width: 200px;
	border: none; 
	float: left;
    z-index: 900;
   
	}


#diapo4 { 
   width: 40%;
	margin: 10px;
	padding: 10px;
	background-color: #d3d6e5; 
	border: 1px solid #a68184;
    margin-bottom: 5%;
     margin-left: 4%;
    margin-right: 4%;
   }
    
#diapo4 ul { margin-left: -20px; 
	}
#diapo4 li { 
	margin: 20px;
	width: 200px;
	list-style: none; 	/* pour enlever les puces sur IE7 */
	zoom: 1; 		/* hack pour IE<8 qui ne comprend pas les inline-block */
	display: inline;	/* hack pour IE<8 qui ne comprend pas les inline-block */
	display: inline-block; 
	
	}

#diapo4 li a {	
	text-decoration: none;
	} 
#diapo4 li a img {
	border: none; 
	max-width: 100%; 
    max-height: 100%;
	box-shadow: 2px 3px 6px rgba(0,0,0, 0.75);
    
	}
#diapo4 img {
    width: 200px;
	border: none; 
	float: left;
     z-index: 900;
	}
    
    
    
 .h2proj-titre {
    font-family: 'BC Alphapipe L Regular', sans-serif;
    font-weight: 300;
    color: #607b93;  /* #19291f #3b4061 #dbdbdb #95a781  #1a1a1a*/
    font-size: 2.2em;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-top: 0%;
    padding-left: 12%;
    padding-right: 12%;

    }

.h2proj-titre .span-deco-1 {
    color: #a68184;
        }

.h2proj-titre .span-deco-2 {
    color: #EEBF00;
    font-size: 1.4em;
    
        }   
    

    
.h2proj2 {
    font-family: 'dosis', sans-serif;
    font-weight: 300;
    color: #507279; 
    font-size: 2.3em;
   margin-top: -35%;
   margin-bottom: -40%;

    }
    
 .p-qui2-moi {
    font-size: 1.5em;
    color:#1d2d4e;
    line-height: normal;
    font-family: 'dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 2%;
   margin-top: 3%;
    padding-left: 5%;
    padding-right: 5%;
     margin-bottom: 5%;
}   
    
.p-qui2-diapo {
    font-size: 1.3em;
    color:#1d2d4e;
    line-height: normal;
    font-family: 'dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 2%;
    padding-top: 2%;
    padding-left: 5%;
    padding-right: 5%;
}
    
.slide400 {
    padding-top: 10%;
    padding-bottom: 20%;
}
    

   
    
.h2proj {
   
    color: #19291f;
    font-size: 2.2em;
    font-family: 'BC Alphapipe L Regular', sans-serif;
    padding: 20px 0px 18px 0px;
    margin-top: 1%;
    margin-bottom: 0 auto;
    line-height: 1;
    margin-left: 2%;
       
   
    }

.h2proj .span-templet-1 {
    color: #EEBF00; 
    padding:0; 
    margin:0;
    margin-left: 15%;
    font-size: 1.2em;
    text-transform: uppercase;
}

    
.video-iframe-box {
    width: 560px;
    height: 360px;
    vertical-align: middle;
    border: 3px solid #574f55;
    padding: 0px;
    
}
    

    
.ombre { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); }
    
.a5:link, .a5:visited { color: #EEBF00; text-decoration: none; 
    opacity: 0.9;
    
    }/* #4b4764*/
.a5:hover, .a5:active { color: #BAC8D4 ; text-decoration: none;
    opacity: 1;
    transition: 0.25s ease-in;
    }
    
.a5-cv:link, .a5-cv:visited { color: #EEBF00; text-decoration: none; 
    opacity: 0.9;
    
    }
.a5-cv:hover, .a5-cv:active { color: #4b4764; text-decoration: none;
    opacity: 1;
    transition: 0.25s ease-in;
    }
    
.slide-contenu-1 {
   padding-left: 5%;
    padding-right: 5%;
   
}
    

.slide70-bis {margin-top: 5%;} 
    
 /*----------------------- footer -----------------------------------*/

.fond-footer {
    background-color: #69848A; /*#607b93 */
    width: 100%; 
    height: auto; 
}

footer {
	margin: 0; 
	padding: 0;
    padding-top: 0;
	font-size: 0.8em;
    font-family: 'dosis', Sans-Serif;
    height: auto;

	}

.footer-iframe {
    width: 300px;
    height: 250px;
    border: 0px;
}

.slidefooter { 
	padding-bottom: 2%;
    margin-top: -50%;

	}   
    
.nav-footer { 
    width: 100%;
    
}

ul.liste-sans-puce {		/* On cible la liste à puce qui possède la class liste-sans-puce */
	list-style: none;
	margin: 0;
	padding:0;
	}
ul.liste-sans-puce li {
	list-style: none; 	/* on repète pour certains vieux navigateurs comme IE... */
	margin: 0.3em 0em;
	}

ul.liste-sans-puce-horizontale {
    margin: 0;
    padding: 0;
    list-style: none;
    }
ul.liste-sans-puce-horizontale li {
    display: inline-block;
    margin: 10px 10px 10px 10px;
    padding: 0;
    list-style: none;
    }

footer nav ul { 
	list-style: none; 
	margin-top: 0;
	padding: 0;
    display: block;
	}
    
.a-header:link, .a-header:visited { 
    color: #d3d6e5; 
    text-decoration: none; 
    font-family: 'dosis', sans-serif;
    text-transform: uppercase;
    
}
.a-header:hover, .a-header:active { 
    color: #eaebed; 
    text-decoration: none; 
    font-family: 'dosis', sans-serif; 
}
.h6-footer {
    font-family: 'dosis', sans-serif;
    font-size: 2em;
    color: aliceblue;
    padding-bottom: 10px;
}
.p-footer {    
    font-size: 2em;
    color: #fff; /* #dceff8 #4b4764*/
    line-height: normal;
    font-family: 'dosis', sans-serif;
    font-weight: 200;
    padding-bottom: 0%;
    padding-top: 5%;
    padding-left: 10px;
}

.fa-instagram { 
    padding-left: 10%;
    margin-top: 3%;

    }


.fa-envelope-0 {
    padding-right: 10%;
    margin-top: 3%;
    } 

.copy-r{ 
    font-family: 'dosis', sans-serif;
    color: #30384c;
    font-size: 1em;
    padding-bottom: 5%;
   
}
.a3:link, .a3:visited { color: #EEBF00; text-decoration: none; padding: 5%;}
.a3:hover, .a3:active { color: #fff; text-decoration: none;}


.a-dossier:link, .a-dossier:visited { color: #EEBF00; text-decoration: none;padding: 20px;}
.a-dossier:hover, .a-dossier:active { color: #607b93; text-decoration: none;}


footer nav ul li { 
	list-style: none;	/* on repète pour certains vieux navigateurs comme IE... */
	display: block;	/* inline-block non compris par navigateurs IE<8...  */
	zoom: 1;		
	margin: 2%; 	/* marge à droite pour espacer les boutons */
  
    
	}
    
.button-footer {
     background-color: #69848A; /* #6a8e9a */
    /*background: rgba(244,142,120,0.5);*/
    font-family: 'dosis', sans-serif; 
    color: #fff;
    border: none;
    position: relative;
    height: 30px;
    font-size: 1.5em;
    cursor: pointer;
    transition: 600ms ease all;
    outline: none;
    float: left;
}
.button-footer:hover {
    background: none;
    color: #EEBF00;
}
.button-footer:before,.button-footer:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #EEBF00;
    transition: 400ms ease all;
}
.button-footer:after{
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;
}
.button-footer:hover:before, .button-footer:hover:after{
    width: 100%;
    transition: 600ms ease all;
}
    
.repousse-colonne2, .marge-c2 {
	margin-left: 13%!important;
    margin-bottom: 10%;
	} 
.bouton5 {
    position: relative;
    margin-right: 0;
	display: inline-block;
	zoom: 1;
	margin: 0; 	/* pour repousser (ou pas) les boutons entre eux */ /* Block en ligne pour consolider les paddings limités par la hauteur du texte */
	padding: 15px 20px;	
    margin-top: 50px;
	background-color: #EEBF00;
	font-family: 'dosis', sans-serif; 
	font-weight: 200;
	font-size: 1.4em;
    border-radius: 5px;
	color: #2b3f47;
	vertical-align: middle;	/* permet l'alignement vertical sur la ligne de texte (images, icones, etc.) */
	/*border: 2px solid #000;*/
    cursor: pointer;
    text-align: center;
    margin-bottom: 5%;
    
	}
.bouton5:link, .bouton5:visited { 
	background-color: none; 
	color: #2b3f47;
	text-decoration: none; 
	transition: 0.2s ease-out; 
	}
.bouton5:hover, .bouton5:active { 
	background-color: rgba(40,48,61,.8);  
	color: #8ed2ed;
	text-decoration: none; 
	transition: 0.2s ease-in;
    box-shadow: 0 10px 5px rgba(40,48,61,.2);
	}

.slide-copy {
    margin-top: 20%;
    padding-bottom: 5%;
}

.slide-footer {
    margin-top: 4%;
    padding-left: 2%;
    padding-bottom: 2%;
}
    
.slide-wrap {
    margin-top: 10%;
}
     
.colonne6-tablet {
        width: 96.875%;  
        } 
    

           .visible-phone { display: none;}
            .visible-tablet { display: block;}
            .visible-desktop { display: none;}
            .visible-large { display: none;}
            .hidden-phone { display: block;}
            .hidden-tablet { display: none;}
            .hidden-desktop { display: block;}
            .hidden-large { display: block;}

            .visible-touch { display: block;}
            .hidden-touch { display: none;}


}