/*
  [CSS Index]
  
  ---
  
  Template Name: Journex - Under Construction Template
  Author:  ex-nihilo
  Version: 1.0
*/
/*
1866-MODAL
2340-VIMEO
3153-0wl caroussel
3470-swiper
1430-over-dark
491-centre-block-sign-up-modalpadding-top
1799-social-icons-wrapper
1929-.sign-up-modal.open 
620 -les marges 
752 -buttons 
1983-modal
3767-link wrap
*/

/*
     A-1510-couleur pour menu se situe a 1510
*/
/*

  1. TEMPLATE BACKGROUNDS
	1.1. single IMG BACKGROUND
    1.2. services IMG BACKGROUND
    1.3. launch IMG BACKGROUND
	1.4. ken burns slideshow IMG BACKGROUND
	1.5. slick fullscreen slideshow ZOOM/FADE IMG BACKGROUND
	1.6. home IMG carousel slider IMG BACKGROUND
    1.7. swiper parallax IMG BACKGROUND
    1.8. swiper thumbnail IMG BACKGROUND
    1.9. typed text IMG BACKGROUND
	1.10. works IMG gallery carousel IMG BACKGROUND
  2. reset
  3. layout
  3a. les marges et fonts
  4. upper page
  5. center container
*561- 6. hero container
    6.1. hero bg
    6.2. hero fullscreen FIX
  7. intro
  8. overlay
  9. buttons
  10. preloader
  11. to top arrow
  12. navigation
    12.1. link underline menu
  13. vertical spacer line
  14. countdown
  15. copyright
  16. link underline
  17. contact form
    17.1. contact form placeholders
  18. newsletter form
    18.1. newsletter placeholders
  19. social icons
  20. sign up modal
  21. contact modal
  22. sections
    22.1. all section
    22.2. services section
      22.2.1. services section halves
	  22.2.2. services skills bar
    22.3. launch section
  23. videos
    23.1. Vimeo video
    23.2. YouTube video
	23.3. HTML5 video
  24. ken burns slideshow
  25. scroll indicator
  26. Slick v1.6.0 CUSTOM
    26.1. slick slide
    26.2. slick slide flickering FIX
    26.3. slick navigation
    26.4. slick fullscreen slider
    26.5. slick fullscreen slideshow ZOOM/FADE transition
  27. Owl Carousel v2.2.0 CUSTOM
  28. home IMG carousel slider
  29. Swiper v3.4.2 CUSTOM
    29.1. swiper parallax
	29.2. swiper thumbnail
  30. works IMG gallery carousel
    30.1. works IMG gallery description/hover effect
  31. Magnific Popup v1.1.0 CUSTOM 
  32. typed text
    32.1. typed text cursor
  33.studio-slider
  34. divider
  35. section panel des dossiers
5305  36. PAGE  MODAL colapse
6062  37.  Pricing abonnement
6288  38.   boutique/shop
  
*/




/* ---- LES SVGs test---- */














.defilement {
  height: 300px;
}

.popup {
  display: none;
}

.popup-encart {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba( 0, 0, 0, .25 )
}
.popup-contenu {
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 25px;
  background: white;
  transform: translate(-50%, -50%)
}



.p1 {
line-height:1em
}

.p2 {
line-height:2em
}


.p3 {
line-height:300%
}








h1.article-title5,
.post-title5,
.post-email-title5 {
position: relative;
top: 0;
font-family: 'Oswald', sans-serif;
font-size: 85px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #111;
line-height: 1.3;
z-index: 10;
}









.logo {-webkit-transition:0.3s;}
.logo:hover {-webkit-transform:scale(1.1);}

/* ---- LES SVGs test---- */



.list-container{
column-width: 10em;
	column-rule: 1px solid rgb(75 70 74);
	text-align: left;
	
}

.list-texte {
    
	text-align: left;
	
}

.list-ul {
list-style-type: none;
	padding-left: 0px;
	text-align: left;
	list-style-type: disc;
	list-style-position: outside;
}

.font-vert-golf {
color: #9ddb05;
}


.section {
overflow: hidden;
}
.section.section-contact {
height: 100vh;
}


.section-bg-contact {
background-image: url(../img/background/parcour-de-golf-dans-les-montagnes.png);
}

#section1,
#section2,
#section3,
#section4,
#section5 {
background: #111;
}

.overlay-dark-90:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .1) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}


.contact-info-description-img.largee {
font-size: 40px;
}



.contact-info-text {
font-size: 11px;
letter-spacing: 0.05em;
}




.section-title-vertical {
position: absolute;
left: 35px;
bottom: 0;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #fff;
text-shadow: 1px 1px 2px #111;
z-index: 10;
}



.section-title-vertical.right-side {
left: auto;
right: 45px;
}

.contact-info-wrapper {
padding: 0;
}


.contact-info-description {
color: #fff;
text-align: center;
text-transform: uppercase;
}

.contact-info-description-img {
display: block;
font-size: 25px;
text-align: center;
color: #fff;
margin: 15px 0 15px 0;
}



.center-video {
height: 600px;
display: flex;
min-height:80%; 
	
	
}


.responsive-video2 {
position: relative;
padding-left: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}

.video-intro1 {
object-fit: cover;
height: 100%;
width:100%; 
position: absolute;
	top: 0;
	left: 0;
}


.responsive-video3 {
max-width: 100%;
height: auto ;

}

.backcouleur2 {
	background-color: #222222;
}

.colororange {
	color: #F05F40;
	}	

.margin155 {
    margin-left: 0px;
	margin-top: 20px;	
}

.margindi {
    margin-left: 15px;
		
}


.dimensionb {
   width: 11%;
	min-width:110px;	
}

.dimension {
   width: 40%;
	min-width:200px;	
}


.dimensionnn {
   width: 80%;
	min-width:200px;	
}



.dimensionc {
   width: 35%;
	min-width:140px;	
}

.dimen {
   width: 30%;
	min-width:120px;	
}





.colorblanc {
	color: #FFF;
	}
.font3 {
	color: #fff;
	margin-top: 0px;
}
.btn-customblackc {
  background-color: hsl(0, 0%, 16%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#565656", endColorstr="#282828");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#565656), to(#282828));
  background-image: -moz-linear-gradient(top, #565656, #282828);
  background-image: -ms-linear-gradient(top, #565656, #282828);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #282828));
  background-image: -webkit-linear-gradient(top, #565656, #282828);
  background-image: -o-linear-gradient(top, #565656, #282828);
  background-image: linear-gradient(#565656, #282828);
  border-color: #282828 #282828 hsl(0, 0%, 11.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29);
  -webkit-font-smoothing: antialiased;
}

.logomodal {

width: 120px; 
height:120px;
	 }

.logomoda {

width: 70px; 
height:120px;
	 }




.menu-img { 
margin-left: 90%; 

margin-top: -6%; 
width:2%; 
}

.menu-image { 
margin-top: -5%; 

}


.menu-imge { 
margin-left: 90%; 

margin-top: -5%; 
width:2%; 
}
/* ----	.menu-img { 
margin-right:3%; 
padding-top:-5%; 
width:5%; 
}---- */
 /* ----

@media only screen and (max-width: 1920px) {
	.menu-img { 
margin-left: 90%;  
padding-top:-5%; 
width:6%; 
}
  
  
}




@media only screen and (max-width: 880px) {
	.menu-img { 
margin-left: 90%;
padding-top:-5%; 
width:6%; 
}
  
  
}

@media only screen and (max-width: 768px) {
	.menu-img { 
margin-left: 90%;
padding-top:-5%; 
width:7%; 
}
 
}

@media only screen and (max-width: 640px) {
	.menu-img { 
margin-left: 90%;
margin-top:-15%; 
width:8%; 
}
 
} --- */




/* ---- TRANSITION-1 ---- */

#transit-1 {height:300px; text-align:center; display:flex; align-items: center;  background-color:#333;}
#transit-1 p {margin:0; padding:0; color:#666666; font-size:48px; text-shadow:0 0 10px rgba(0,0,0,0.2); font-style:; font-weight:bold;     letter-spacing: -2px; cursor:default;}


/* ---- TRANSITION-2 ---- */
/* 6.1. hero bg */





#transit-2 {
position: relative; 
width: 100%; 
height:300px;
 margin:-5px;
 text-align:center; 
 background-position: center center; 
 background-repeat: no-repeat; 
 background-image: url(../img/background/globe-2a.gif); 
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;}
#transit-2 p {margin:0; padding:0; color:#fb9425; font-size:36px; text-shadow:0 0 10px rgba(0,0,0,0.2); font-style:; font-weight:bold; letter-spacing: -2px; cursor:default;}



/*--------<img src="..." class="img-fluid" alt="Responsive image">----------------------------*\

/* 1. TEMPLATE BACKGROUNDS */
/* 1.1. single IMG BACKGROUND */
.bg-img-SINGLE {
background-image: url(../img/background/SINGLE-bg.jpg);
}

.bg-img-terre {
background-image: url(../img/background/04-balle-normal-portrait-lent-light-loop.gif);
}

.bg-img-golf {
background-image: url(../img/background/05-globe+balle.gif);
}


.bg-img-studio-o {
background-image: url(../img-studio/gif/bandeau-de-fin-lent.gif);
}

/* 1.2. services IMG BACKGROUND */

.trans-bg-1 {
background-image: url(../img-studio/gif/globe-2.gif);
}


/* 1.3. launch IMG BACKGROUND */
.parallaxt {
display: block; 
width: 100%; 
height:300px;
padding:0px;
overflow: hidden;
}


.parallaxt-overlay{
position: absolue; 
width: 100%; 
height:300px;
left:0px;
top:0px;
background:rgba(0,0,0,0 1.);
z-index:0;
}






.parallaxdo {
display: block; 
width: 100%; 
height:300px;
padding:0px;
overflow: hidden;
}




.parallaxdo-overlay{
position: absolue; 
width: 100%; 
height:300px;
left:0px;
top:0px;
background:rgba(0,0,0,0 1.);
z-index:0;
}
/* 1.4. launch IMG BACKGROUND */
.parallaxb {
display: block; 
width: 100%; 
height:500px;
padding:0px;
overflow: hidden;
}


.parallaxb-overlay{
position: absolue; 
width: 100%; 
height:500px;
left:0px;
top:0px;
background:rgba(0,0,0,0 1.);
z-index:0;
}
.parallax-launch {
background-image: url(../img/background/launch-bg.jpg) ;

}


/* 1.3. launch IMG BACKGROUND 
.parallaxt-transit {
background-image: url(../img-studio/gif/transit-globe-imagine-960-360.gif);
background-repeat:no-repeat;
   
}

/* 1.3. launch IMG BACKGROUND */
















/* 1.8. swiper thumbnail studio */






.studio-du-chateau-1 {
background-image: url(../img-studio/plateau_de_tournage/tournage-serie-documentaire-plateau-video-studio-du-chateau-montreal.jpg);
}


.studio-du-chateau-1a {
background-image: url(../img-studio/mocap/mocap-optitrack-performance-capture-personnages-numeriques-montreal.jpg);
}


.studio-du-chateau-2 {
background-image: url(../img-studio/mocap/mocap-xsens-performance-capture-animation-3d-studio-montreal.jpg);
}

.studio-du-chateau-2c {
background-image: url(../img-studio/mocap/decor-3d-production-virtuelle-integration-personnages-numeriques.jpg);
}

.studio-du-chateau-2a {
background-image: url(../img-studio/plateau_de_tournage/equipe-tournage-plateau-video-professionnel-montreal.jpg);
}


.studio-du-chateau-2b {
background-image: url(../img-studio/mocap/capture-mocap-escrime-animation-jeu-video-personnage-numerique.jpg);
}


 /* 1.8. swiper thumbnail studio - English version */

.studio-du-chateau-3 {
background-image: url(../img-studio/video_production_stage/documentary-series-video-production-stage-studio-du-chateau-montreal.jpg);
}
.studio-du-chateau-3a {
    background-image: url(../img-studio/mocap/optitrack-mocap-performance-capture-digital-characters-montreal.jpg);
}

.studio-du-chateau-4 {
    background-image: url(../img-studio/mocap/xsens-mocap-performance-capture-3d-animation-montreal-studio.jpg);
}

.studio-du-chateau-4c {
    background-image: url(../img-studio/mocap/3d-set-virtual-production-digital-character-integration.jpg);
}

.studio-du-chateau-4a {
    background-image: url(../img-studio/video_production_stage/video-production-crew-professional-studio-stage-montreal.jpg);
}

.studio-du-chateau-4b {
    background-image: url(../img-studio/mocap/fencing-mocap-video-game-animation-digital-character.jpg);
}






 /* 1.8. swiper thumbnail studio - English version */

.professional-stage-3 {
background-image: url(../img-studio/video_production_stage/documentary-series-video-production-stage-studio-du-chateau-montreal.jpg);
}
.professional-stage-3a {
    background-image: url(../img-studio/mocap/optitrack-mocap-performance-capture-digital-characters-montreal.jpg);
}

.professional-stage-4 {
    background-image: url(../img-studio/mocap/xsens-mocap-performance-capture-3d-animation-montreal-studio.jpg);
}

.professional-stage-4c {
    background-image: url(../img-studio/mocap/3d-set-virtual-production-digital-character-integration.jpg);
}

.professional-stage-4a {
    background-image: url(../img-studio/video_production_stage/video-production-crew-professional-studio-stage-montreal.jpg);
}

.professional-stage-4b {
    background-image: url(../img-studio/mocap/fencing-mocap-video-game-animation-digital-character.jpg);
}














/* 1.8. swiper thumbnail studio */
.plateau-de-tournage-1 {
background-image: url(../img-studio/plateau_de_tournage/decor-scene-projection-rideau-transparent-studio-video-montreal.jpg);
}

.plateau-de-tournage-1a {
background-image: url(../img-studio/plateau_de_tournage/apple-juice-commercial-video-studio-montreal.jpg);
}

.plateau-de-tournage-2 {
background-image: url(../img-studio/plateau_de_tournage/estrade-tournage-tele-public-ecrans-geants-studio-montreal.jpg);
}

.plateau-de-tournage-2a {
background-image: url(../img-studio/plateau_de_tournage/decor-maison-tournage-publicitaire-studio-video-montreal.jpg);
}

.plateau-de-tournage-2b {
background-image: url(../img-studio/plateau_de_tournage/decor-stade-tournage-publicitaire-acteurs-studio-montreal.jpg);
}


.plateau-de-tournage-2c {
background-image: url(../img-studio/plateau_de_tournage/combat-ring-georges-st-pierre-studio-shoot-montreal.jpg);
}


.plateau-de-tournage-2d {
background-image: url(../img-studio/plateau_de_tournage/environnement-extraterrestre-fond-vert-studio-video-montreal.jpg);
}

.plateau-de-tournage-2e {
background-image: url(../img-studio/plateau_de_tournage/decor-minimaliste-chariot-musique-eclairage-studio-video-montreal.jpg);
}
.plateau-de-tournage-2f {
background-image: url(../img-studio/plateau_de_tournage/decor-appartement-serie-tele-studio-video-montreal.jpg);
}

.plateau-de-tournage-2g {
background-image: url(../img-studio/plateau_de_tournage/miniature-tournage-publicitaire-dolly-grue-camera-studio-video-montreal.jpg);
}






/* 1.8. swiper thumbnail video-anglais */
.video-production-stage-1 {
background-image: url(../img-studio/video_production_stage/stage-set-projection-transparent-curtain-video-studio-montreal.jpg);
}

.video-production-stage-1a {
background-image: url(../img-studio/video_production_stage/apple-juice-commercial-video-studio-montreal.jpg);
}

.video-production-stage-2 {
background-image: url(../img-studio/video_production_stage/tv-stage-audience-giant-screens-video-studio-montreal.jpg);
}

.video-production-stage-2a {
background-image: url(../img-studio/video_production_stage/home-interior-commercial-shoot-video-studio-montreal.jpg);
}

.video-production-stage-2b {
background-image: url(../img-studio/video_production_stage/stadium-set-commercial-shoot-actors-video-studio-montreal.jpg);
}


.video-production-stage-2c {
background-image: url(../img-studio/video_production_stage/combat-ring-georges-st-pierre-studio-shoot-montreal.jpg);
}


.video-production-stage-2d {
background-image: url(../img-studio/video_production_stage/extraterrestrial-environment-green-screen-video-studio-montreal.jpg);
}

.video-production-stage-2e {
background-image: url(../img-studio/video_production_stage/minimalist-set-music-cart-creative-lighting-video-studio-montreal.jpg);
}
.video-production-stage-2f {
background-image: url(../img-studio/video_production_stage/decor-appartement-serie-tele-studio-video-montreal.jpg);
}

.video-production-stage-2g {
background-image: url(../img-studio/video_production_stage/miniature-tournage-publicitaire-dolly-grue-camera-studio-video-montreal.jpg);
}















/* 1.10. swiper thumbnail mocap */









.studio-capture-mouvement-mocap-1 {
background-image: url(../img-studio/studio_capture_mouvement_mocap/miniature-preparation-motion-capture-optitrack-mocap-montreal.jpg);
}



.studio-capture-mouvement-mocap-1a {
background-image: url(../img-studio/studio_capture_mouvement_mocap/decor-reel-environnement-3d-mocap-montreal.jpg);
}



.studio-capture-mouvement-mocap-2 {
background-image: url(../img-studio/studio_capture_mouvement_mocap/miniature-xsens-jeep-animation-3d-mocap-montreal.jpg);
}

.studio-capture-mouvement-mocap-2a {
background-image: url(../img-studio/studio_capture_mouvement_mocap/acteurs-optitrack-regie-mocap-montreal.jpg);
}

.studio-capture-mouvement-mocap-2b {
background-image: url(../img-studio/studio_capture_mouvement_mocap/miniature-capture-combat-xsens-animation-mocap-montreal.jpg);
}


.studio-capture-mouvement-mocap-2c {
background-image: url(../img-studio/studio_capture_mouvement_mocap/casque-capture-faciale-mocap-montreal.jpg);
}


.studio-capture-mouvement-mocap-2d {
background-image: url(../img-studio/studio_capture_mouvement_mocap/miniature-xsens-danse-avatar-3d-mocap-montreal.png);
}


.studio-capture-mouvement-mocap-2e {
background-image: url(../img-studio/studio_capture_mouvement_mocap/miniature-xsens-acteurs-camion-mocap-montreal.jpg);
}



 /* 1.10. swiper thumbnail studio - English version */



.motion-capture-mocap-studio-1 {
background-image: url(../img-studio/motion_capture_mocap_studio/miniature-optitrack-actor-preparation-mocap-montreal.jpg);
}



.motion-capture-mocap-studio-1a {
background-image: url(../img-studio/motion_capture_mocap_studio/real-scale-3d-set-mocap-montreal.jpg);
}



.motion-capture-mocap-studio-2 {
background-image: url(../img-studio/motion_capture_mocap_studio/miniature-xsens-jeep-animation-mocap-montreal.jpg);
}

.motion-capture-mocap-studio-2a {
background-image: url(../img-studio/motion_capture_mocap_studio/optitrack-actors-control-room-mocap-montreal.jpg);
}

.motion-capture-mocap-studio-2b {
background-image: url(../img-studio/motion_capture_mocap_studio/miniature-xsens-combat-animation-mocap-montreal.jpg);
}


.motion-capture-mocap-studio-2c {
background-image: url(../img-studio/motion_capture_mocap_studio/facial-capture-headset-mocap-montreal.jpg);
}


.motion-capture-mocap-studio-2d {
background-image: url(../img-studio/motion_capture_mocap_studio/miniature-xsens-dance-avatar-mocap-montreal.jpg);
}


.motion-capture-mocap-studio-2e {
background-image: url(../img-studio/motion_capture_mocap_studio/miniature-xsens-actors-truck-mocap-montreal.jpg);
}





/* 1.11. swiper thumbnail espace de travail */


.espace-de-travail-1 {
background-image: url(../img-studio/espace-de-travail/entree-studio-lustre-mezzanine-zone-costumes-plateau-tournage-montreal.jpg);
}



.espace-de-travail-1a {
background-image: url(../img-studio/espace-de-travail/zone-costumes-habillage-maquillage-coiffure-studio-montreal.jpg);
}



.espace-de-travail-2 {
background-image: url(../img-studio/espace-de-travail/maquillage-coiffure-petit-salon-production-studio-montreal.jpg);
}

.espace-de-travail-2a {
background-image: url(../img-studio/espace-de-travail/petit-salon-vue-exterieure-maquillage-coiffure-studio-montreal.jpg);
}

.espace-de-travail-2b {
background-image: url(../img-studio/espace-de-travail/mezzanine-studio-production-vue-contre-plongee-montreal.jpg);
}


.espace-de-travail-2c {
background-image: url(../img-studio/espace-de-travail/regie-vue-plateau-tournage-six-ecrans-retour-studio-montreal.jpg);
}

.espace-de-travail-2d {
background-image: url(../img-studio/espace-de-travail/petit-salon-adjacent-regie-ecran-retour-vue-plateau-studio-montreal.jpg);
}


.espace-de-travail-2e {
background-image: url(../img-studio/espace-de-travail/cuisine-complete-equipe-production-machines-cafe-jura-studio-montreal.jpg);
}


.espace-de-travail-2f {
background-image: url(../img-studio/espace-de-travail/comptoir-lunch-equipe-production-vue-exterieure-studio-montreal.jpg);
}

.espace-de-travail-2g {
background-image: url(../img-studio/espace-de-travail/petite-salle-reunion-adjacente-salle-manger-studio-montreal.jpg);
}

.espace-de-travail-2h {
background-image: url(../img-studio/espace-de-travail/petits-salons-sous-salle-reunion-equipe-production-studio-montreal.jpg);
}

.espace-de-travail-2i {
background-image: url(../img-studio/espace-de-travail/docks-dechargement-decors-equipements-production-studio-montreal.jpg);
}



/* 1.11. swiper thumbnail workspace */


.workspace-1 {
background-image: url(../img-studio/workspace/studio-entrance-chandelier-mezzanine-costume-area-stage-access-montreal.jpg);
}



.workspace-1a {
background-image: url(../img-studio/workspace/costume-dressing-area-makeup-hair-studio-montreal.jpg);
}



.workspace-2 {
background-image: url(../img-studio/workspace/makeup-hair-small-lounge-production-studio-montreal.jpg);
}

.workspace-2a {
background-image: url(../img-studio/workspace/small-lounge-exterior-view-makeup-hair-studio-montreal.jpg);
}

.workspace-2b {
background-image: url(../img-studio/workspace/production-studio-mezzanine-low-angle-view-montreal.jpg);
}


.workspace-2c {
background-image: url(../img-studio/workspace/control-room-stage-view-six-return-screens-studio-montreal.jpg);
}

.workspace-2d {
background-image: url(../img-studio/workspace/small-lounge-next-to-control-room-return-screen-stage-view-studio-montreal.jpg);
}


.workspace-2e {
background-image: url(../img-studio/workspace/cuisine-complete-equipe-production-machines-cafe-jura-studio-montreal.jpg);
}


.workspace-2f {
background-image: url(../img-studio/workspace/full-production-kitchen-jura-coffee-machines-studio-montreal.jpg);
}

.workspace-2g {
background-image: url(../img-studio/workspace/small-meeting-room-adjacent-dining-area-studio-montreal.jpg);
}

.workspace-2h {
background-image: url(../img-studio/workspace/small-lounges-below-meeting-room-production-team-studio-montreal.jpg);
}

.workspace-2i {
background-image: url(../img-studio/workspace/loading-docks-sets-equipment-production-studio-montreal.jpg);
}















/* 1.12. half les services */


/* services backgrounds */

.services-bg-1 {
    background-image: url(../img-studio/services/capture-son-micro-sennheiser-studio-montreal.jpg);
}

.services-bg-2 {
    background-image: url(../img-studio/services/teleprompteur-proline-plus-studio-video-montreal.jpg);
}

.services-bg-4 {
    background-image: url(../img-studio/services/cabine-de-son-enregistrement-voix-studio-montreal.jpg);
}


/* 1.12. swiper thumbnail les services */

.services-1 {
    background-image: url(../img-studio/services/services-production-numerique-mocap-video-montreal.jpg);
}

.services-2 {
    background-image: url(../img-studio/services/service-capture-son-micro-studio-montreal.jpg);
}

.services-3 {
    background-image: url(../img-studio/services/service-teleprompteur-ecrans-retour-studio-montreal.jpg);
}

.services-4 {
    background-image: url(../img-studio/services/live-key-incrustation-direct-fond-vert-studio-montreal.jpg);
}


  /* 1.12. half service version eng */
/* services backgrounds */

.service-bg-1 {
    background-image: url(../img-studio/service/sound-capture-sennheiser-microphone-studio-montreal.jpg);
}

.service-bg-2 {
    background-image: url(../img-studio/service/proline-plus-teleprompter-video-studio-montreal.jpg);
}

.service-bg-4 {
    background-image: url(../img-studio/service/sound-booth-voice-recording-studio-montreal.jpg);
}


/* 1.12. services swiper thumbnails */

.service-1 {
    background-image: url(../img-studio/service/digital-production-services-mocap-video-montreal.jpg);
}

.service-2 {
    background-image: url(../img-studio/service/sound-capture-service-microphone-studio-montreal.jpg);
}

.service-3 {
    background-image: url(../img-studio/service/teleprompter-return-screens-studio-montreal.jpg);
}

.service-4 {
    background-image: url(../img-studio/service/live-key-real-time-compositing-green-screen-montreal.jpg);
}  
    








/* 1.14 half localisation */


.localisation-bg-1 {
background-image: url(../img-studio/localisation/metro-place-st-henri-studio-du-chateau-montreal.jpg);
}
.localisation-bg-2 {
background-image: url(../img-studio/localisation/plan-acces-studio-du-chateau-montreal-stationnement-loading-dock.jpg);
}

.localisation-bg-3 {
background-image: url(../img-studio/localisation/temps-marche-metro-studio-marche-atwater-montreal.jpg);
}




/* 1.14. swiper thumbnail localisation */


.localisation-1 {
background-image: url(../img-studio/localisation/situation-routiere-st-ambroise-st-ferdinand-studio-du-chateau-montreal.jpg);
}



.localisation-2 {
background-image: url(../img-studio/localisation/adresse-137-st-ferdinand-studio-du-chateau-montreal.jpg);
}

.localisation-3 {
background-image: url(../img-studio/localisation/suite-228-direction-studio-du-chateau-montreal.jpg);
}

.localisation-4 {
background-image: url(../img-studio/localisation/porte-bienvenue-studio-du-chateau-montreal.jpg);
}

.localisation-5 {
background-image: url(../img-studio/localisation/telephone-studio-du-chateau-montreal.jpg);
}


.localisation-6 {
background-image: url(../img-studio/localisation/courriel-studio-du-chateau-montreal.jpg);
}






/* 1.14 half location anglais */


.location-bg-1 {
background-image: url(../img-studio/location/place-st-henri-metro-station-studio-du-chateau-montreal.jpg);
}
.location-bg-2 {
background-image: url(../img-studio/location/studio-access-map-parking-loading-dock-studio-du-chateau-montreal.jpg);
}

.location-bg-3 {
background-image: url(../img-studio/location/walking-time-metro-studio-atwater-market-montreal.jpg);
}




/* 1.14. swiper thumbnail localisation */


.location-1 {
background-image: url(../img-studio/location/st-ambroise-st-ferdinand-location-studio-du-chateau-montreal.jpg);
}



.location-2 {
background-image: url(../img-studio/location/address-137-st-ferdinand-studio-du-chateau-montreal.jpg);
}

.location-3 {
background-image: url(../img-studio/location/suite-228-direction-studio-du-chateau-montreal.jpg);
}

.location-4 {
background-image: url(../img-studio/location/welcome-door-studio-du-chateau-montreal.jpg);
}

.location-5 {
background-image: url(../img-studio/location/phone-studio-du-chateau-montreal.jpg);
}


.location-6 {
background-image: url(../img-studio/location/email-studio-du-chateau-montreal.jpg);
}










/* 2. reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, /* img */, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}




html, body {
height: 100%;
}

body {
line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

*:focus {  
outline: none;
}

a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0;
outline: 0;
}


/* 3. layout */
body {
font-family: 'Raleway', sans-serif;
font-size: 14px;
line-height: 1.5;
font-style: normal;
font-weight: 400;
text-align: center;
color: #2e2e2e;
background: #000;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
padding: 0;
}

a {
color: #2e2e2e;
text-decoration: none;
outline: none;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

a:hover,
a:visited,
a:active,
a:focus {
color: #2e2e2e;
text-decoration: none;
outline: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

p {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.05em;
color: #2e2e2e;
line-height: 2;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}


p a,
p a:hover {
color: #2e2e2e;
text-decoration: underline;
outline: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}




/* 3a les marge et fonts */

.fontx {
font-weight: 100;
font-size: 150px;
}

.m30 {padding:30px;}
.m20 {padding:20px;}
.m10 {padding:10px;}

.mar30 {padding-top:30px;}
.mar20 {padding:20px;}
.mar10 {padding:10px;}
.mar200{padding-top:45%;}

.padd20{padding-top:20px;}

.mar30bot {padding-top:-300px;}
.mar20bot {padding-bottom:20px;}
.mar10bot {padding-bottom:10px;}

.pad30bot {padding-top:-100px;}




.clear { height:250px;}
.clearmoin { height:125px;}
.clearmoinmoin { height:170px;}
.clearpetit { height:75px;}
.clearpetit- { height:30px;}
.cleargrand { height:300px;}
.backclear { background-color:#fff;}


.clearexpop 
{ height:75px;
background-color:#222222; }

.marge-bottom{ 
margin-bottom: 20px;}

.marge-bottom50{ 
margin-bottom: 50px;}


.marge-bottomoin50{ 
magin-bottom: -500px;}

.pade-bottom{ 
padding-bottom: 20px;}


.pade-bottom50{ 
padding-bottom: 50px;}



.pade-bottom30{ 
padding-bottom: 30px;}

.marge-top{ 
margin-top: 40px;
}

.marge-topmoin19{ 
margin-top: -4px;
}









.marge-topleft{ 
margin-top: -4px;
margin-left:80px;
}

.marge-topleftouv{ 
margin-top: -60px;
margin-left:140px;
}

.marge-topleftt{ 
margin-top: -4px;
margin-left:80px;
}
.marge-topleftb{ 
margin-top: -5px;
margin-left: 30px;
}

.marge-topleftbb{ 
margin-top: 55px;
margin-left: 30px;
}

.marge-topleftbbbb{ 
margin-top: -20px;
margin-left: 30px;
}



.marge-topleftbbb{ 
margin-top: 8px;
margin-left: 30px;
}























.marge-topmoin21{ 
margin-top: 6px;
}


.marge-topmoin19-{ 
margin-top: 6px;
}

.marge-topmoin20-{ 
margin-top: 6px;
}

.marge-topmoin30{ 
margin-top:-350px;
	margin-bottom: -225px;
}

.marge-oiseau{ 
margin-top:-110px;
	margin-bottom: -110px;
}



.svg2{ 
max-width:100%;
	
}


.marge-topmoin14-{ 
margin-top: -26px;
}



.marge-topmoin14{ 
margin-top: -14px;
}

.marge-topmoin15{ 
margin-top: -4px;
}


.marge-edition30{
font-family: Helvetica, sans-serif; 
margin-top: -100px;
margin-left: 548px;
text-align: left;
line-height: 15px;
color: #9ddb05;
}


.marge-edition40{
font-family: Helvetica, sans-serif; 
margin-top: -130px;
margin-left: 548px;
text-align: left;
line-height: 15px;
color: #9ddb05;
}


.marge-edition400{
font-family: Helvetica, sans-serif; 
margin-top: -30px;
margin-left: 155px;
text-align: left;
    font-size: 30px;
line-height: 30px;
color: #ffffff;
}

.marge-edition50{

margin-top: -60px;
margin-left: 155px;

}



.marge-toplus{ 
margin-top: 50px;
}



.bordure-archive {
border-bottom:1px solid white;
}

.bordure-archive-mois {
border-bottom:2px solid #3675f8;
}


strong {
font-weight: bold;
}

.marge-l {
margin: -35px;
}


.marge-l- {
margin-left: -125px;
}

.marge-f {
margin-left: 500px;
}
.marge-c {
margin: 10px;
}


.marge-cC {
margin: 8px;
}

.marge-p {
margin: 0px 20px 0px 20px;
}


::-moz-selection {
background: #2e2e2e;
color: #fff;
}

::selection {
background: #2e2e2e;
color: #fff;
}

.font-blanc {
color: #fff;
}

.font-bleu {
color: #3675f8;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.haut{
    height: 500px;
   
}

.dossier{
position: relative;
width: 100%;
height: 100%;
left:0px;
top: 0px;
margin: 0px;
overflow: hidden;
z-index: 2;
}

.section-dosier {
position: relative;
text-align: center;
z-index: 10;
}


.sectionss {
position: relative;
z-index: 5;
}


.sections {
position: relative;
text-align: center;
z-index: 10;
}

.section-light {
position: relative;
background: #fff;
overflow: hidden;
}


.section-choix {
position: relative;
background: #000000;
overflow: hidden;
}

.section-intro {
position: relative;
background: #111;
overflow: hidden;
}

.section-intro {
    padding-top: 50px;
    padding-bottom: 80px;
}






.artoon{
position: relative;
width: 100%;
height: 100%;
left:0px;
top: 0px;
margin: 0px;
overflow: hidden;
z-index: 2;
}

.section-alpha {
position: relative;
background: rgba(0, 0, 0, 1);
overflow: hidden;
}



.section-light-plus {
position: relative;
padding-top:300px;
background: #fff;
overflow: hidden;
}



.section-dark {
background: #000;
}




.section-darkimage {
background-image: url(../img-studio/contact/section-contact-studio-du-chateau-montreal.jpg);
}

.section-darkimage-2 {
background-image: url(../img-studio/contact/studio-du-chateau-contact-section-montreal.jpg);
}

.section-fonce {
background: #111;
}

.section-white {
background: #fff;
}

.text-light {
color: #fff;
}

.text-dark {
color: #2e2e2e;
}

.nopadding {
padding: 0!important;
margin: 0!important;
}


/* 4. upper page */
.upper-page {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
top: 0;
margin: 0;
}
.upper-page-entrecarnet {
position: relative;
width: 100%;
height: 40%;
overflow: hidden;
left: 0;
top: 0;
margin: 0;
}

.upper-page-fin {
position: relative;
width: 100%;
height: 600px;
overflow: hidden;
left: 0;
top: 0;
margin: 0;
}

.upper-page-modal {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
top: 5%;
margin: 0;
margin-bottom: 2%;
padding-bottom: 0%;
}

.upper-page-carnet {
position: relative;
display:block;
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
top: 0%;
margin: 0;
margin-bottom: -20%;
padding-bottom: 0%;
}


/* 5. center container */
.center-container {
	position: absolute;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 156px;
	background: none;
	z-index: 1;
	left: -1px;
	top: 4px;
}

.center-container1 {
	position: absolute;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 156px;
	background: none;
	z-index: 1;
	left: -1px;
	top: 70%;
}


.center-container2 {
	position: absolute;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 156px;
	background: none;
	z-index: 1;
	left: -1px;
	top: 60%;
}

.center-container3 {
	position: absolute;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 156px;
	background: none;
	z-index: 1;
	left: -1px;
	top: 35%;
}

.center-container4 {
	position: absolute;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 156px;
	background: none;
	z-index: 1;
	left: -1px;
	top: 30%;
}

.center-container5 {
	position: absolute;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 156px;
	background: none;
	z-index: 1;
	left: -1px;
	top: 8%;
}




.center-container6 {
	position: absolute;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 156px;
	background: none;
	z-index: 1;
	left: -1px;
	top: 275%;
}



.center-block {
display: table-cell;
vertical-align: middle;
}

.center-container-contact-modal,
.center-container-sign-up-modal {
	position: absolute;
	display: table;
	height: 100%;
	width: 100%;
	left: -1px;
	top: 0;
	background: none;
}

.center-block-contact-modal,
.center-block-sign-up-modal {
display: table-cell;
vertical-align: middle;
}

.center-block-contact-modal-padding-top,
.center-block-sign-up-modal-padding-top {
padding: 60px 0 0 0;
}
  
.center-block-contact-modal-padding-bottom,
.center-block-sign-up-modal-padding-bottom {
padding: 0 0 60px 0;
}

.center-container-contact-modal h2.section-heading,
.center-container-sign-up-modal h2.section-heading {
position: relative;
font-family: 'Oswald', sans-serif;
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.04em;
text-align: center;
color: #fff;
margin: 0 auto -2px auto;
z-index: 1;
}

.center-container.center-container-split-content {
width: 50%;
left: 0%;
background: #000;
}


/* 6. hero container   */ 
.hero-fullscreen {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
z-index: 0;
}

.hero-fullscreen-thumbnail-slider {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
}


/* 6.1. hero bg */
.hero-bg {
position: relative;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}













/* 6.2. hero fullscreen FIX */ 
.hero-fullscreen-FIX {
width: 100%;
height: 100%;
}


/* 7. article */

.home-page-article {
position: relative;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 115px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.02em;
color: #fff;
margin: -14px auto -5px auto;
width: 100%;
line-height: 100%;
z-index: 1;
}


@media only screen and (max-width: 880px) {
  .home-page-article {
    font-size: 85px;
    margin: -10px auto -4px auto;
  }
}

@media only screen and (max-width: 640px) {
  .home-page-article {
    font-size: 65px;
	margin: -9px auto -2px auto;
  }
}

.home-page-article-2 {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #333;
margin: -2px 0 0 11px;
}
.home-page-article-blanc {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #fff;
margin: -2px 0 0 11px;
}
.home-page-article-2noir {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #111;
margin: -2px 0 0 11px;
}

/* 7b. collapse article */

.hauteur-collapse{
	height:200px;
		
}
.hauteur-collapse-2{
	height:50px;
		
}
.collapse-article {
position: relative;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 60px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.02em;
color: #444;
margin: -14px auto -5px auto;
margin-bottom: -5%;
width: 100%;
line-height: 100%;
z-index: 1;
}
.collapse-article-noir {
position: relative;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 60px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.02em;
color: #111;
margin: -14px auto -5px auto;
margin-bottom: -5%;
width: 100%;
line-height: 100%;
z-index: 1;
}

@media only screen and (max-width: 880px) {
	.hauteur-collapse-2 {
		height:50px;
		}
	.hauteur-collapse{
	height:175px;
		
}
.collapse-article-noir,
  .collapse-article {
    font-size: 50px;
    margin: -10px auto -4px auto;
	margin-bottom: -10%;
  }
}

@media only screen and (max-width: 640px) {
		.hauteur-collapse-2 {
		height:50px;
		}
	.hauteur-collapse{
	height:150px;
		
}
.collapse-article-noir,
  .collapse-article {
    font-size: 35px;
	margin: -9px auto -2px auto;
	margin-bottom: -15%;
  }
}

.home-page-article-2 {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #333;
margin: -2px 0 0 11px;
}

.home-page-article-3 {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #111;
margin: 5px 0px 10px 0px;
}
.home-page-article-3b {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #fff;
margin: 5px 0px 10px 0px;
}
.home-page-article-4 {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #9ddb05;
margin: 0px 0px 10px 0px;
}


.home-page-article-5 {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #9ddb05;
margin: 0px 0px 10px 0px;
}



/* 7. intro */
h1.home-page-title {
position: relative;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 115px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.02em;
color: #fff;
margin: -14px auto -5px auto;
width: 100%;
line-height: 100%;
z-index: 1;
}

h1.home-page-article {
position: relative;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 60px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.02em;
color: #111;
margin: -14px auto -5px auto;
width: 100%;
line-height: 100%;
z-index: 1;
}

h1.home-page-article-2 {
position: relative;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 60px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.02em;
color: #fff;
margin: -14px auto -5px auto;
width: 100%;
line-height: 100%;
z-index: 1;
}

@media only screen and (max-width: 880px) {
	h1.home-page-article-2,
	h1.home-page-article{
    font-size: 50px;
    margin: -10px auto -4px auto;
  }
  h1.home-page-title {
    font-size: 85px;
    margin: -10px auto -4px auto;
  }
}

@media only screen and (max-width: 640px) {
	h1.home-page-article-2,
		h1.home-page-article{
    font-size:50px;
    margin: -10px auto -4px auto;
  }
  h1.home-page-title {
    font-size: 65px;
	margin: -9px auto -2px auto;
  }
}

h2.home-page-title {
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #fff;
    margin: -2px 0 0 11px;

    position: relative;
    top: 80px;
}


/* 8. overlay */



.overlay:before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 1;
}

.overlay-dark-0:before {
background: rgba(0, 0, 0, .0);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.overlay-dark-10:before {
background: rgba(0, 0, 0, .1);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.overlay-dark-20:before {
background: rgba(0, 0, 0, .2);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.overlay-dark-30:before {
background: rgba(0, 0, 0, .3);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.overlay-dark-40:before {
background: rgba(0, 0, 0, .4);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.overlay-dark-50:before {
background: rgba(0, 0, 0, .5);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.overlay-dark-60:before {
background: rgba(0, 0, 0, .6);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.overlay-dark-70:before {
background: rgba(0, 0, 0, .7);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}

.overlay-dark-60-video:before {
background: rgba(0, 0, 0, .0);
-webkit-pointer-events: auto;
   -moz-pointer-events: auto;
        pointer-events: auto;
}

.overlay-top-bottom-dark-75:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
}


/* 9. buttons */
.the-button-wrapper,
.the-button-wrapper-2,
.the-button-wrapper-3,
.the-button-wrapper-4,
.the-button-wrapper-5,
.the-button-wrapper-6 {
position: relative;
width: 170px;
height: auto;
line-height: 1.5;
padding: 0;
text-align: center;
cursor: pointer;

}



.the-button-wrapper-4 {
margin: -7px auto 0 auto;
}

.the-button-wrapper {
margin: -7px auto 0 auto;
}

@media all and (min-width: 1920px) {
  .the-button-wrapper {
    width: 205px;
    margin: -4px auto 0 auto;
  }
}

@media only screen and (max-width: 640px) {
  .the-button-wrapper {
    width: 165px;
  }
}

.the-button-wrapper-2 {
margin: -7px auto 13px auto;
}

@media all and (min-width: 1920px) {
  .the-button-wrapper-2 {
    width: 205px;
    margin: -4px auto 16px auto;
  }
}

.the-button-wrapper-3 {
height: 47px;
margin: -7px auto -10px auto;
}

@media all and (min-width: 1920px) {
  .the-button-wrapper-3 {
    width: 205px;
    margin: -4px auto -4px auto;
  }
}

.the-button-wrapper-4 {
height: 47px;
margin: -7px auto -10px auto;
}

@media all and (min-width: 1920px) {
  .the-button-wrapper-4 {
    width: 205px;
    margin: -4px auto -4px auto;
  }
}

.the-button-wrapper-5 {
height: 47px;
margin: -7px auto -10px auto;
}

@media all and (min-width: 1920px) {
  .the-button-wrapper-5 {
    width: 205px;
    margin: -4px auto -4px auto;
  }
}

.the-button-wrapper-6 {
height: 47px;
margin: -7px auto -10px auto;
}

@media all and (min-width: 1920px) {
  .the-button-wrapper-6 {
    width: 205px;
    margin: -4px auto -4px auto;
  }
}

.the-button,
.the-button2,
.the-button3,
.the-button4,
.the-button5,
.the-button6
 {
position: relative;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.10em;
color: #fff;
background: none;
padding: 9px 40px 0 40px;
margin-top: 10px;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
    -ms-border-radius: 0;
     -o-border-radius: 0;
        border-radius: 0;
}

.the-button-noir,
.the-button-noir2,
.the-button-noir3,
.the-button-noir4,
.the-button-noir5{
position: relative;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.10em;
color: #111;
background: none;
padding: 9px 40px 0 40px;
margin-top: 10px;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
    -ms-border-radius: 0;
     -o-border-radius: 0;
        border-radius: 0;
}



@media all and (min-width: 1920px) {
	.the-button-noir,
.the-button-noir2,
.the-button-noir3,
.the-button-noir4,
.the-button-noir5,
 .the-button,
.the-button2,
.the-button3,
.the-button4,
.the-button5,
.the-button6{
    font-size: 11px;
    letter-spacing: 0.25em;
	padding: 11px 40px 0 40px;
  }
}

@media only screen and (max-width: 640px) {
	.the-button-noir,
.the-button-noir2,
.the-button-noir3,
.the-button-noir4,
.the-button-noir5,
  .the-button,
.the-button2,
.the-button3,
.the-button4,
.the-button5,
.the-button6 {
    font-size: 10px;
	letter-spacing: 0.10em;
  }
}

.the-button:hover:before {
width: 100%;
}
.the-button2:hover:before {
width: 100%;
}
.the-button3:hover:before {
width: 100%;
}
.the-button4:hover:before {
width: 100%;
}
.the-button5:hover:before {
width: 100%;
}
.the-button6:hover:before {
width: 100%;
}
.the-button-noir:hover:before {
width: 100%;
}

.the-button:hover:after {
width: 100%;
}
.the-button2:hover:after {
width: 100%;
}
.the-button3:hover:after {
width: 100%;
}
.the-button4:hover:after {
width: 100%;
}
.the-button5:hover:after {
width: 100%;
}
.the-button6:hover:after {
width: 100%;
}
.the-button-noir:hover:after {
width: 100%;
}

.the-button::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #fff;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
.the-button2::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #fff;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
.the-button3::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #fff;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
.the-button4::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #fff;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
.the-button5::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #fff;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
.the-button6::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #fff;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.the-button-noir::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #111;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
.the-button-noir2::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #111;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
.the-button-noir3::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #111;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
.the-button-noir4::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #111;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}
.the-button-noir5::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #111;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

@media all and (min-width: 1920px) {
	.the-button-noir::before,
	.the-button-noir2::before,
	.the-button-noir3::before,
	.the-button-noir4::before,
	.the-button-noir5::before,
	 .the-button::before,
  .the-button2::before,
  .the-button3::before,
  .the-button4::before,
  .the-button5::before,
  .the-button6::before {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
left: -6px;
border: 1px solid #fff;
border-right: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
} {
    width: 20px;
    height: 47px;
	top: -5px;
  }
}

@media only screen and (max-width: 640px) {
	.the-button-noir::before,
	.the-button-noir2::before,
	.the-button-noir3::before,
	.the-button-noir4::before,
	.the-button-noir5::before,
  .the-button::before,
  .the-button2::before,
  .the-button3::before,
  .the-button4::before,
  .the-button5::before,
  .the-button6::before {
    width: 15px;
	height: 38px;
	top: -2px;
  }
}

.the-button::after,
.the-button2::after,
.the-button3:after,
.the-button4::after,
.the-button5::after,
.the-button6::after {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
right: -6px;
border: 1px solid #fff;
border-left: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;  
}
.the-button-noir::after,
.the-button-noir2::after,
.the-button-noir3::after,
.the-button-noir4::after,
.the-button-noir5::after {
content: "";
position: absolute;
width: 15px;
height: 38px;
top: -2px;
right: -6px;
border: 1px solid #111;
border-left: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;  
}

@media all and (min-width: 1920px) {
	.the-button-noir::after,
.the-button-noir2::after,
.the-button-noir3::after,
.the-button-noir4::after,
.the-button-noir5::after,
 .the-button::after,
  .the-button2::after,  
  .the-button3::after,
  .the-button4::after,
  .the-button5::after,
  .the-button36::after {
    width: 20px;
    height: 47px;
	top: -5px;
  }
}

@media only screen and (max-width: 640px) {
	.the-button-noir::after,
	.the-button-noir2::after,
	.the-button-noir3::after,
	.the-button-noir4::after,
	.the-button-noir5::after,
  .the-button::after,
  .the-button2::after,  
  .the-button3::after,
  .the-button4::after,
  .the-button5::after,
  .the-button6::after{
    width: 15px;
	height: 38px;
	top: -2px;
  }
}

.the-button-submit {
width: 165px;
top: -19px;
border: none;
}

@media all and (min-width: 1920px) {
  .the-button-submit {
    width: 205px;
	border: none;
  }
}

@media only screen and (max-width: 640px) {
  .the-button-submit {
    width: 165px;
	top: -19px;
  }
}

.sign-up-form-submit-wrapper,
.contact-modal-launcher-wrapper,
.contact-form-submit-wrapper {
position: relative;
width: 205px;
height: auto;
line-height: 1.5;
padding: 0;
left: 0;
}

.sign-up-form-submit-wrapper {
margin: 32px auto 0 auto;
}

.contact-modal-launcher-wrapper {
margin: -4px auto 0 auto;
}

.contact-form-submit-wrapper {
margin: 42px auto -6px auto;
}

@media all and (min-width: 1920px) {
  .contact-form-submit-wrapper {
    margin: 42px auto -2px auto;
  }
}


/* 10. preloader */
.preloader-bg {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
z-index: 999999;
}

#preloader {
position: fixed;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
z-index: 999999;
}

#preloader-status {
display: table-cell;
vertical-align: middle;
}

.preloader-position {
position: relative;
margin: 0 auto;
text-align: center;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
}

.loader {
position: relative;
width: 45px;
height: 45px;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: 2px;
-webkit-animation: rotate 1s infinite linear;
   -moz-animation: rotate 1s infinite linear;
    -ms-animation: rotate 1s infinite linear;
     -o-animation: rotate 1s infinite linear;
        animation: rotate 1s infinite linear;
border: 3px solid rgba(255, 255, 255, .15);
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
        border-radius: 50%;
}

.loader span {
position: absolute;
width: 45px;
height: 45px;
top: -3px;
left: -3px;
border: 3px solid transparent;
border-top: 3px solid rgba(255, 255, 255, .75);
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
        border-radius: 50%;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* 11. to top arrow */

#back-to-top {
  	display:none;
  	position: fixed;
  	bottom: 20px;
  	right: 20px;
  	width: 50px;
  	height: 200px;
  	line-height: 50px;
  	text-align: center;
  	background-image: url(../svg/edition-3.svg);
	background-repeat:   no-repeat;
  	border-radius:3px;
  	color: #FFF;
  	z-index: 9999;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
  	cursor: pointer;
}
/*------------------------------------*\#back-to-top:after {
    content: "\f106";
    font-family: 'FontAwesome';
}
\*------------------------------------*/
#back-to-top:hover {
    opacity: 0.7;
}

.to-top-studio {
	display:none;
position: fixed;
	bottom: 20px;
  	right: 20px;
  	width: 50px;
  	height: 200px;
line-height: 50px;
cursor: pointer;
font-size: 16px;
text-align: center;
color: #fff;
background-image: url(../svg/studio-du-chateau-montreal.svg);
	background-repeat:   no-repeat;
	-webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
  	cursor: pointer;
   
z-index: 1000;
}





.to-top-arrow {
position: fixed;
right: 29px;
bottom: -10px;
width: 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
font-size: 16px;
text-align: center;
color: #fff;
background: #2e2e2e;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
-webkit-transform: translateY(40px);
   -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
     -o-transform: translateY(40px);
        transform: translateY(40px);
-webkit-transition: all .6s ease;
   -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
     -o-transition: all .6s ease;
        transition: all .6s ease;
z-index: 1000;
}

@media only screen and (max-width: 880px) {
  .to-top-arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
	right: 15px;
  }
}

.to-top-arrow.show {
bottom: 9px;
-webkit-transform: translateY(-20px);
   -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
     -o-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

@media only screen and (max-width: 880px) {
  .to-top-arrow.show {
    bottom: -5px;
  }
}

.to-top-arrow:hover {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


















/* 12. navigation */
.logo .logo-light,
.main-navigation-bg .logo .logo-dark {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
height: auto;
}

.logo .logo-dark,
.main-navigation-bg .logo .logo-light {
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
height: 0;
}



.navbar-bg-switch {
position: fixed;
width: 100%;
top: 0;
left: 0;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
z-index: 999;
}



.logo {
padding-top: 25px;
padding-left: 25px;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

@media only screen and (max-width: 768px) {
  .logo {
    padding-top: 15px;
    padding-left: 15px;
  }
}


.logog {
padding-top: 25px;
padding-left: 25px;
width: 25%;
height: auto;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

@media only screen and (max-width: 768px) {
  .logo {
    padding-top: 15px;
    padding-left: 15px;
  }
}




.logoo {
padding-top: 10px;
margin-left: 95%; 
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

@media only screen and (max-width: 768px) {
  .logoo {
    padding-top: 0px;
    margin-left: 95%; 
  }
}

.main-navigation .navbar-nav li a {
position: relative;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
padding: 45px 15px 35px 15px;
right: 35px;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

@media only screen and (max-width: 768px) {
.main-navigation .navbar-nav li a {
    color: #111;
	padding: 10px 15px;
	right: auto;
  }
}

.main-navigation .navbar-nav li a:hover {
color: #fff;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

@media only screen and (max-width: 768px) {
 .main-navigation .navbar-nav li a:hover {
    color: #111;
  }
}

.nav li a:focus,
.nav li a:hover {
color: #fff;
background: none;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

/*
1510-couleur pour menu
*/

.navback{
background: #f40606;
}

.navbleu{
background: #0e7cf8;
}


.main-navigation-bg {
background: rgba(255, 255, 255, 1.0);
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .35);
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .35);
        box-shadow: 0 0 5px rgba(0, 0, 0, .35);
}




.main-navigation-bg .logo {
padding-top: 6px;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

.main-navigation-bg .main-navigation .navbar-nav li a {
color: #111;
padding: 19px 15px 0 15px;
-webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
        transition: all .4s ease-out;
}

@media only screen and (max-width: 768px) {
  .main-navigation-bg .main-navigation .navbar-nav li a {
    padding: 10px 15px;
  }
}

.main-navigation-bg .main-navigation .navbar-nav li a:hover {
color: #111;
}

@media only screen and (max-width: 768px) {
  .navbar-toggle .icon-bar {
    background: #fff;
  }
  
  .main-navigation-bg .navbar-toggle .icon-bar {
    background: #111;
  }
  
  .navbar-toggle {
    margin-top: -35px;
    margin-right: 4px;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
  }
	
  .main-navigation-bg .navbar-toggle {
    margin-top: -44px;
    margin-right: 4px;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
  }
  
  .navbar-collapse {
    background: rgba(255, 255, 255, 1);
	margin-top: 23px;
  }
  
  .main-navigation-bg .navbar-collapse {
	margin-top: 3px;
  }
}

.main-navigation-bg .link-underline-menu:before {
bottom: -7px;
background: #111;
}

.navbar-nav li.active {
color: #ccc!important;
text-decoration: none;
}

.navbar-nav > .active > a {
color: #ccc!important;
background: none;
text-decoration: none;
}







































/* 12.1. link underline menu */
.link-underline-menu {
position: relative;
text-decoration: none;
cursor: pointer;
}

.link-underline-menu:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 28px;
left: 0;
background: #111;
visibility: hidden;
-webkit-transform: scaleX(0);
   -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
     -o-transform: scaleX(0);
        transform: scaleX(0);
-webkit-transition: all 0.4s ease-in-out 0s;
   -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
     -o-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
}

.link-underline-menu:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
   -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
     -o-transform: scaleX(1);
        transform: scaleX(1);
}

@media only screen and (max-width: 768px) {
  .link-underline-menu:hover:before {
    visibility: hidden;
  }
}

.link-underline-menu.active:before {
background: #ccc;
}

.main-navigation-bg .link-underline-menu.active:before {
background: #ccc;
}


























































/* 13. vertical spacer line */

.bordure {
border-bottom: 1px solid #222222;
}

.bordure-bleu {
border-bottom: 1px solid #006ffe;
}


.the-line {
position: relative;
width: 1px;
height: 190px;
background: #111;
margin: 15px auto 0 auto;
}

.the-line-2 {
position: relative;
width: 1px;
height: 500px;
background: #fff;
margin: 15px auto 0 auto;
}




.the-line-3 {
position: relative;
width: 1px;
height: 1500px;
background: #111;
margin: 15px auto 0 auto;
}

.the-line-hor {
position: relative;
width: 100px;
height: 1px;
background: #2e2e2e;
margin: 15px auto 0 auto;
}

@media all and (min-width: 1920px) {
    .the-line-3,
	.the-line-2,
  .the-line {
    height: 200px;
  }
}

@media only screen and (max-width: 995px) {
  .hide-on-mobile {
    display: none;
    visibility: hidden;
  }
}


/* 14. countdown */
.countdown {
position: relative;
width: auto;
height: auto;
margin: 0 auto;
}

.countdown-top,
.countdown-bottom {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #fff;
}

.countdown-top {
margin: -2px auto 0 auto;
}

.countdown-bottom {
margin: -2px auto 0 auto;
}

.countdown h3 {
position: relative;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 125px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.04em;
color: #fff;
width: 100%;
line-height: 100%;
margin: -14px auto -3px auto;
}

@media all and (min-width: 1920px) {
  .countdown h3 {
    font-size: 155px;
    margin: -19px auto -5px auto;
  }
}

@media only screen and (max-width: 640px) {
  .countdown h3 {
    font-size: 105px;
  }
}


/* 15. copyright */
.copyright-home {
position: absolute;
bottom: 46px;
right: 50px;
text-align: right;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0;
z-index: 10;
}

@media only screen and (max-width: 640px) {
  .copyright-home {
    display: none;
	visibility: hidden;
  }
}


.commentaire {
position: relative;
margin: 0 auto;
text-align: center;
font-size: 9px;
letter-spacing: 0.05em;
margin: 0 auto;
}



.copyright {
position: relative;
margin: 0 auto;
text-align: center;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0 auto;
}


.copyrightt {
position: relative;
margin: 0 auto;
text-align: center;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-top: -20px;
}

.copyrighttt {
position: relative;
margin: 0 auto;
text-align: center;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-top: 390px;
}

.copyright,
.copyright a,
.copyright a:hover,
.copyright-home,
.copyright-home a,
.copyright-home a:hover {
color: #fff;
}


.copyrightt,
.copyrightt a,
.copyrightt a:hover,
.copyrightt-home,
.copyrightt-home a,
.copyrightt-home a:hover {
color: #fff;
}

.copyrighttt,
.copyrighttt a,
.copyrighttt a:hover,
.copyrighttt-home,
.copyrighttt-home a,
.copyrighttt-home a:hover {
color: #fff;
}



/* 16. link underline */
.link-underline {
position: relative;
display: inline-block;
}

.link-underline::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
-webkit-transform-origin: right center;
   -moz-transform-origin: right center;
    -ms-transform-origin: right center;
        transform-origin: right center;
-webkit-transform: scale(0, 1);
   -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
     -o-transform: scale(0, 1);
        transform: scale(0, 1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.link-underline.link-underline-dark::before {
background: #2e2e2e;
}

.link-underline:hover::before {
-webkit-transform-origin: left center;
   -moz-transform-origin: left center;
    -ms-transform-origin: left center;
        transform-origin: left center;
-webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
     -o-transform: scale(1, 1);
        transform: scale(1, 1);
}


/* 17. contact form */
#contact-form {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}

form {
margin: 0;
padding: 0;
}

#form input {
position: relative;
width: 100%;
height: 40px;
border-bottom: 1px solid #fff;
border-left: none;
border-right: none;
border-top: none;
padding: 5px 5px;
background: none;
margin: 10px 0 10px 0;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
color: #fff;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

textarea {
position: relative;
width: 100%;
height: 100px;
border-bottom: 1px solid #fff;
border-left: none;
border-right: none;
border-top: none;
padding: 5px 5px;
background: none;
margin: 5px;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

#form textarea {
color: #fff;
margin: 10px 0 10px 0;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

#form input:hover,
#form textarea:hover {
border-color: rgba(219, 0, 24, .5);
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}


#form input:focus,
#form textarea:focus {
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.success {
font-family: 'Open Sans', sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
text-align: center;
color: #fff;
margin: 0 auto;
padding: 56px 0 60px 0;
line-height: 1;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#form .error {
position: absolute;
display: block;
font-size: 9px;
text-transform: uppercase;
color: #db0018;
margin: 0;
padding: 0;
letter-spacing: 0.15em;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
width: 200px!important;
}

.make-space {
margin-left: 15px;
margin-right: 15px;
}


/* 17.1. contact form placeholders */
::-webkit-input-placeholder { font-size: 12px; color: #fff; }
     :-ms-input-placeholder { font-size: 12px; color: #fff; }
         ::-moz-placeholder { font-size: 12px; color: #fff; }
     input:-moz-placeholder { font-size: 12px; color: #fff; }

input:focus::-webkit-input-placeholder { color: transparent; }
     input:focus:-ms-input-placeholder { color: transparent; }
         input:focus::-moz-placeholder { color: transparent; }
          input:focus:-moz-placeholder { color: transparent; }

textarea:focus::-webkit-input-placeholder { color: transparent; }
     textarea:focus:-ms-input-placeholder { color: transparent; }
         textarea:focus::-moz-placeholder { color: transparent; }
          textarea:focus:-moz-placeholder { color: transparent; }


/* 18. newsletter form */
/* 25. newsletter form */
#subscribe-wrapper {
position: relative;
width: 300px;
height: 130px;
margin: 0 auto;
background: none;
text-align: center;
}

.newsletter {
position: relative;
clear: both;
border: none;
background: none;
padding: 0;
overflow: hidden;
}

#subscribe input {
position: relative;
width: 177px;
height: 40px;
text-align: center;
color: #fff;
border: none;
border-bottom: 1px solid #fff;
background: none;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

@media all and (min-width: 1920px) {
  #subscribe input {
    width: 217px;
  }
}

#subscribe input:focus, #subscribe textarea:focus {
color: #fff;
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

#subscribe input:hover {
border-color: rgba(219, 0, 24, .5);
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

.subscribe-success {
font-family: 'Open Sans', sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
text-align: center;
color: #fff;
margin: 0 auto;
padding: 46px 0 0 0;
line-height: 1;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#subscribe .subscribe-error {
font-size: 9px;
text-transform: uppercase;
text-align: center;
color: #fff;
display: block;
margin: 8px auto 0 auto;
padding: 0;
letter-spacing: 0.15em;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


/* 18.1. newsletter placeholders */
input[type="text"].subscribeemail::-webkit-input-placeholder {
color: #fff;
}

input[type="text"].subscribeemail:-ms-input-placeholder{
color: #fff;
}

input[type="text"].subscribeemail::-moz-placeholder {
color: #fff;
}

input:focus.subscribeemail::-webkit-input-placeholder { color: transparent; }
     input:focus.subscribeemail:-ms-input-placeholder { color: transparent; }
         input:focus.subscribeemail::-moz-placeholder { color: transparent; }
          input:focus.subscribeemail:-moz-placeholder { color: transparent; }


/* 19. social icons */
.social-icons-wrapper {
position: absolute;
bottom: 48px;
left: 45px;
text-align: left;
margin: 0;
z-index: 10;
}

@media only screen and (max-width: 640px) {
  .social-icons-wrapper { 
    position: absolute;
    display: block;
    left: 0; 
    right: 0;
    bottom: 28px;
	text-align: center;
    margin-left: auto; 
    margin-right: auto; 
    width: 200px!important;
  }
}

.social-icons-wrapper ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
}

.social-icons-wrapper ul li {
display: inline-block;
margin: 0 auto;
padding: 0 0 0 5px;
}

ul.social-icons {
font-size: 18px;
line-height: 1;
margin: 0;
padding: 0;
position: relative;
}

@media only screen and (max-width: 640px) {
  ul.social-icons {
    font-size: 16px;
  }
}

ul.social-icons a {
padding: 0;
color: #fff;
text-decoration: none;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}

ul.social-icons a:hover {
padding: 0;
color: #fff;
text-decoration: none;
        opacity: 0.5;
   -moz-opacity: 0.5;
-webkit-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
}


/* 20. sign up modal */
 
 .close{float:right;font-size:81px;font-weight:200;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
 
  .closea{float:right;font-size:150px;font-weight:100;line-height:1;color:#fff;text-shadow:0 1px 0 #000;filter:alpha(opacity=20);opacity:.6}.closea:hover,.closea:focus{color:#fff;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.2}button.closea{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
  
    .closex{float:right;font-size:150px;font-weight:100; color:#fff;text-shadow:0 0px 0 #000;filter:alpha(opacity=20);opacity:.6}.closea:hover,.closea:focus{color:#444444;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.2}button.closea{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
 

.sign-up-modal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	
	right: 0px;
	bottom: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	visibility: hidden;
	background: #000;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1005;
}

.sign-up-modal.close {
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.sign-up-modal.open {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
visibility: visible;
background: rgba(0, 0, 0, 1.0);
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}

.sign-up-modal-closer {
position: relative;
width: 50px;
height: auto;
margin: -5px auto 0 auto;
font-size: 20px;
text-align: center;
color: #fff;
cursor: pointer;
}

.sign-up-closer {
position: relative;
width: 50px;

margin: -5px auto 0 auto;
font-size: 20px;
text-align: center;
color: #fff;
cursor: pointer;
}


/* 21. contact modal */
.contact-modal-wrapper {
position: relative;
width: 50%;
margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
  .contact-modal-wrapper {
    width: 90%;
  }
}

.contact-modal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
visibility: hidden;
background: #000;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
     -o-transform: scale(0.75);
        transform: scale(0.75);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;	
overflow-x: hidden;
overflow-y: auto;
z-index: 1005;
}

.contact-modal.close {
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.contact-modal.open {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
visibility: visible;
background: #000;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}

.contact-modal-closer {
position: relative;
width: 50px;
height: auto;
margin: -5px auto 0 auto;
font-size: 20px;
text-align: center;
color: #fff;
cursor: pointer;
}

/* intro modal*/
.intro-modal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	
	right: 0px;
	bottom: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	visibility: hidden;
	background: #000;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1005;
}

.intro-modal.close {
visibility: hidden;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.intro-modal.open {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
visibility: visible;
background: rgba(0, 0, 0, 1.0);
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}

.intro-modal-closer {
position: relative;
width: 50px;
height: auto;
margin: -5px auto 0 auto;
font-size: 20px;
text-align: center;
color: #fff;
cursor: pointer;
}






















/* 22. sections */
/* 22.1. all section */
.post-txt {
position: relative;
display: block;
margin: -17px auto 0 auto;
text-align: center;
}



.post-txt1 {
position: relative;
display: block;
margin: -17px auto 0 auto;
text-align: center;
}


.post-txt-light a,
.post-txt-light a:hover,
.post-txt-light p {
color: #fff;
}

.post-txt p {
margin: -7px auto 0 auto;
}

.post-txt-contact p {
margin: -6px auto -6px auto;
}

.post-heading,
.post-heading-services {
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
padding: 0;
text-align: center;
letter-spacing: 0.05em;
color: #2e2e2e;
}

.post-heading {
margin: 15px auto 0 auto;
}


.post-heading1,
.post-heading-services1 {
font-family: 'Oswald', sans-serif;
font-size: 35px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
padding: 0px;
text-align: center;
letter-spacing: 0.05em;
color: #2e2e2e;
}

.post-heading1 {
margin: 50px auto 0 auto;
}










.post-archive,
 {
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
padding: 0;
text-align: left;
letter-spacing: 0.05em;
color: #2e2e2e;
}

.post-archive {
padding: auto auto -50px auto;
}
.post-archive-top {
margin-top: 20px;
}

.post-heading-services {
margin: -2px auto 0 auto;
}

.post-heading-light {
color: #fff;
}
/* 7. intro */
h1.article-title,
.post-title,
.post-email-title {
position: relative;
top: 0;
font-family: 'Oswald', sans-serif;
font-size: 55px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #111;
line-height: 1;
z-index: 10;
}

h1.article-title-2,
.post-title-2,
.post-email-title-2 {
position: relative;
top: 0;
font-family: 'Oswald', sans-serif;
font-size: 55px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #fff;
line-height: 1;
z-index: 10;
}

.numero-light
{
position: relative;
top: 0;
font-family: 'Oswald', sans-serif;
font-size: 50px;
font-weight: 100;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #111;
line-height: 1;
z-index: 10;
}
.numero-light-2
{
position: relative;
top: 0;
font-family: 'Oswald', sans-serif;
font-size: 50px;
font-weight: 100;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #fff;
line-height: 1;
z-index: 10;
}


.numero-light-3
{
position: relative;
top: 10px;
font-family: 'Oswald', sans-serif;
font-size: 35px;
font-weight: 100;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #fff;
line-height: 1;
z-index: 10;
}


.numero-light-4
{
position: relative;
top: 10px;
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: 100;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #fff;
line-height: 1;
z-index: 10;
}








.post-carnet {
position: relative;
top: 0;
font-family: 'Oswald', sans-serif;
font-size: 55px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #111;
line-height: 1;
z-index: 10;
padding-top:70px;

}

.post-carnet-blanc {
position: relative;
top: 0;
font-family: 'Oswald', sans-serif;
font-size: 55px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #fff;
line-height: 1;
z-index: 10;
padding-top:70px;

}

.post-title-light {
color: #fff;
}
.post-avis,
.post-carnet-blanc,
.post-title-2,
.numero-light-2,
.numero-light,
.post-carnet,
.post-title {
margin: -7px auto -2px auto;
}


@media all and (min-width: 1920px) {
	.post-carnet-blanc,
	.post-carnet{
    font-size: 65px;
    margin: -9px auto -1px auto;
	padding-top:80px;
  }
}

@media only screen and (max-width: 640px) {
	.post-carnet-blanc,
	.post-carnet{
    font-size: 40px;
	margin: -4px auto -1px auto;
	padding-top:55px;
  }
}



@media all and (min-width: 1920px) {
	.numero-light-2,
	.numero-light {
    font-size: 60px;
    margin: -9px auto -1px auto;
  }
  .post-avis,
  .post-title-2,
  .post-title {
    font-size: 65px;
    margin: -9px auto -1px auto;
  }
}

@media only screen and (max-width: 640px) {
	.numero-light-2,
	.numero-light {
    font-size: 40px;
    margin: -9px auto -1px auto;
  }
  .post-avis,
  .post-title-2,
  .post-title {
    font-size: 40px;
	margin: -4px auto -1px auto;
  }
}


  .post-avis {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
	color: #3675f8;
	font-size: 55px;
	text-align: center;
    letter-spacing: -0.04em;
    font-weight: 700;
    line-height: 1;
    z-index: 10;
  }


.post-email-title {
margin: -20px auto 0 auto;
}

@media all and (min-width: 1920px) {
  .post-email-title {
    font-size: 65px;
    margin: -24px auto 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  .post-email-title {
    font-size: 40px;
    margin: -14px auto 0 auto;
  }
}

@media only screen and (max-width: 640px) {
  .post-email-title {
    font-size: 20px;
    margin: -6px auto 0 auto;
  }
}

.post-title a,
.post-title a:hover,
.post-email-title a,
.post-email-title a:hover {
line-height: 1.5;
color: #fff;
}






















/* 22.2. services section */
.services-txt,
.services-txt-dark {
margin: 0 auto;
padding: 0 155px;
}

@media all and (min-width: 1920px) {
  .services-txt,
  .services-txt-dark {
	padding: 0 155px;
  }
}

@media only screen and (max-width: 1200px) {
  .services-txt,
  .services-txt-dark {
    padding: 0 75px;
  }
}

@media only screen and (max-width: 995px) {
  .services-txt,
  .services-txt-dark {
    padding: 0 35px;
  }
}

@media only screen and (max-width: 880px) {
  .services-txt,
  .services-txt-dark {
    padding: 0 15px;
  }
}

.services-txt {
color: #fff;
}

.services-txt-dark {
color: #2e2e2e;
}
.service-bg-1,
.service-bg-2,
.service-bg-3,
.service-bg-4,
.services-bg-1,
.services-bg-2,
.services-bg-3,
.services-bg-4,
.location-bg-1,
.location-bg-2,
.location-bg-3,
.localisation-bg-1,
.localisation-bg-2,
.localisation-bg-3 {
width: 100%;
height: auto;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
-webkit-filter: grayscale(100%);
        filter: grayscale(100%);
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
}
.halves:hover .service-bg-1,
.halves:hover .service-bg-2,
.halves:hover .service-bg-3,
.halves:hover .service-bg-4,
.halves:hover .services-bg-1,
.halves:hover .services-bg-2,
.halves:hover .services-bg-3,
.halves:hover .services-bg-4,
.halves:hover .location-bg-1,
.halves:hover .location-bg-2,
.halves:hover .location-bg-3,
.halves:hover .localisation-bg-1,
.halves:hover .localisation-bg-2,
.halves:hover .localisation-bg-3 {
-webkit-filter: none;
        filter: none;
-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
     -o-transition: all 1s ease;
        transition: all 1s ease;
}


/* 22.2.1. services section halves */
.halves {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
}

.halves .half {
min-height: 350px;
-webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
}


.half-video-wrap {
    position: relative;
    overflow: hidden;
    min-height: 350px;
}

.half-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;
}

@media all and (min-width: 1920px) {
    .half-video-wrap {
        min-height: 580px;
    }
}





@media all and (min-width: 1920px) {
  .halves .half {
	min-height: 580px;
  }
}

@media (max-width: 768px) {
  .halves .half {
    min-height: 350px;
  }
}

@media (max-width: 768px) {
  .halves {
    -webkit-box-orient: vertical;
            box-orient: vertical;
	-webkit-box-direction: normal;
	        box-direction: normal;
	-webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .halves .half {
    -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
  }
}































/* 22.2.2. services skills bar */
.show-skillbar {
display: block;
padding: 0;
margin: -6px auto 40px auto;
padding-left: 0;
text-align: left;
}

.skillbar {
position: relative;
display: block;
width: 100%;
height: 21px;
margin: 0 auto;
background: none;
letter-spacing: 0.05em;
}

.skillbar-bar {
display: inline-block;
width: 0px;
height: 1px;
background: #2e2e2e;
margin: 60px 0 0 0;
}

.skillbar-bar-light {
background: #fff;
}

.skill-bar-percent {
position: absolute;
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
padding: 0;
text-align: center;
letter-spacing: 0.05em;
color: #2e2e2e;
margin: 0 auto;
line-height: 1;
width: 30px!important;
left: 0;
right: 0;
top: 5px;
margin-left: auto;
margin-right: auto;
}

.skill-bar-percent-light {
color: #fff;
}


/* 22.3. launch section */
.parallax-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 54px;
	top: 0;
	background: rgba(0, 0, 0, 1
.);
	z-index: 0;
}

.parallax {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
padding: 0;
}

.parallax-launch {
position: relative;
background-repeat: no-repeat;
background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
border: none;
z-index: 1;
}


/* 23. videos */
/* 23.1. Vimeo video */
.vimeo-bg {
display: none;
}

@media only screen and (max-width: 880px) {
  .vimeo-bg {
    position: relative;
    height: 100%;
    background-image: url(../img/background/vimeo-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
			/* uncomment the following to show an image for mobile devices */
            /* display: block; */
  }
  
  #vimeo-videoContainment {
    display: none;
  }
}

#vimeo-videoContainment {
position: absolute;
display: block;
width: 100%!important;
height: 100%!important;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 0;
}

#vimeo-videoContainment iframe,
#vimeo-videoContainment object,
#vimeo-videoContainment embed {
border: none;
}


#vimeo-videoContainment2 {
position: absolute;
display: block;
width: 100%!important;
height: 100%!important;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 0;
}

#vimeo-videoContainment2 iframe,
#vimeo-videoContainment2 object,
#vimeo-videoContainment2 embed {
border: none;
}

#vimeo-videoContainment3 {
position: absolute;
display: block;
width: 100%!important;
height: 100%!important;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 0;
}

#vimeo-videoContainment3 iframe,
#vimeo-videoContainment3 object,
#vimeo-videoContainment3 embed {
border: none;
}

















/* 23.1. Vimeo video */
.vimeo-bga {
display: none;
}

@media only screen and (max-width: 880px) {
  .vimeo-bga {
    position: relative;
    height: 110%;
    background-image: url(../img/background/vimeo-bga.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
			/* uncomment the following to show an image for mobile devices */
            /* display: block; */
  }
  
  #vimeo-videoContainmenta {
    display: none;
  }
}

#vimeo-videoContainmenta {
position: absolute;
display: block;
width: 100%!important;
height: 110%!important;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 0;
}

#vimeo-videoContainmenta iframe,
#vimeo-videoContainmenta object,
#vimeo-videoContainmenta embed {
border: none;
}



















/* 23.2. YouTube video */
.YT-bg {
display: none;
}

@media only screen and (max-width: 880px) {
  .YT-bg {
    position: relative;
    height: 100%;
    background-image: url(../img/background/YT-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
			/* uncomment the following to show an image for mobile devices */
            /* display: block; */
  }
}

#videoContainment {
position: absolute;
display: block;
width: 100%!important;
height: 100%!important;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 0;
}


/* 23.3. HTML5 video */
.html5-bg {
display: none;
}

@media only screen and (max-width: 880px) {
  .html5-bg {
    position: relative;
    height: 100%;
	background-image: url(../img/background/html5-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
			/* uncomment the following to show an image for mobile devices */
            /* display: block; */
  }
}

.html5-videoContainment {
position: absolute;
top: 50%;
left: 50%;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
background: #000;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
z-index: 0;
}


/* 24. ken burns slideshow */
.kenburns-slide-wrapper {
position: relative;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
z-index: 0;
}

.kenburns-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-animation: KenBurnsSlideShow 24s linear infinite 0s;
   -moz-animation: KenBurnsSlideShow 24s linear infinite 0s;
    -ms-animation: KenBurnsSlideShow 24s linear infinite 0s;
     -o-animation: KenBurnsSlideShow 24s linear infinite 0s;
        animation: KenBurnsSlideShow 24s linear infinite 0s;
}

.kenburns-slide-1,
.kenburns-slide-2,
.kenburns-slide-3,
.kenburns-slide-4 {
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

.kenburns-slide-1 {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.kenburns-slide-2 {
-webkit-animation-delay: 6s;
   -moz-animation-delay: 6s;
    -ms-animation-delay: 6s;
     -o-animation-delay: 6s;
        animation-delay: 6s;
}

.kenburns-slide-3 {
-webkit-animation-delay: 12s;
   -moz-animation-delay: 12s;
    -ms-animation-delay: 12s;
     -o-animation-delay: 12s;
        animation-delay: 12s;
}

.kenburns-slide-4 {
-webkit-animation-delay: 18s;
   -moz-animation-delay: 18s;
    -ms-animation-delay: 18s;
     -o-animation-delay: 18s;
        animation-delay: 18s;
}

@-webkit-keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
  }
 5% {
    opacity: 1
  }
 25% {
    opacity: 1;
  }
 30% {
    opacity: 0;
    -webkit-transform: scale(1.1);
  }
 100% {
    opacity: 0;
    -webkit-transformm: scale(1);
  }
}

@-moz-keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
    -moz-transform: scale(1);
  }
 5% {
    opacity: 1
  }
 25% {
    opacity: 1;
  }
 30% {
    opacity: 0;
    -moz-transform: scale(1.1);
  }
 100% {
    opacity: 0;
    -moz-transform: scale(1);
  }
}

@-o-keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
    -o-transform: scale(1);
  }
 5% {
    opacity: 1
  }
 25% {
    opacity: 1;
  }
 30% {
    opacity: 0;
    -o-transform: scale(1.1);
  }
 100% {
    opacity: 0;
    -o-transform: scale(1);
  }
}

@keyframes KenBurnsSlideShow {
  0% {
    opacity: 0;
	    transform: scale(1);
    -ms-transform: scale(1);
  }
 5% {
    opacity: 1
  }
 25% {
    opacity: 1;
  }
 30% {
    opacity: 0;
	    transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
 100% {
    opacity: 0;
	    transform: scale(1);
    -ms-transform: scale(1);
  }
}


/* 25. scroll indicator */
.scroll-indicator-wrapper {
position: absolute;
left: 50%;
bottom: 0;
z-index: 10;
}

.scroll-indicator {
position: absolute;
width: 1px;
height: 35px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: rgba(191, 191, 191, .25);
mix-blend-mode: overlay;
}

@media only screen and (max-width: 640px) {
  .scroll-indicator {
    display: none;
	visibility: hidden;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .scroll-indicator {
    display: none;
	visibility: hidden;
  }
}

.scroll-indicator::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 50%;
-webkit-animation: teardrop 2s cubic-bezier(.76, .05, .86, .06) infinite;
    -ms-animation: teardrop 2s cubic-bezier(.76, .05, .86, .06) infinite;
	    animation: teardrop 2s cubic-bezier(.76, .05, .86, .06) infinite;
-webkit-animation-direction: normal;
    -ms-animation-direction: normal;
	    animation-direction: normal;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

@-webkit-keyframes teardrop {
  0% {
    top: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 75%;
  }
}
@-ms-keyframes teardrop {
  0% {
    top: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 75%;
  }
}
@keyframes teardrop {
  0% {
    top: -10%;
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    height: 75%;
  }
}


/* 26. Slick v1.6.0 CUSTOM */
/* 26.1. slick slide */
.slick-slide {
height: 100vh;
background: none;
}
		
.slick-slider {
margin-bottom: 0;
margin-top: 0;
cursor: auto;
}


/* 26.2. slick slide flickering FIX */
.slick-track,
.slick-list {
-webkit-perspective: 2000;
        perspective: 2000;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}


/* 26.3. slick navigation */
.slick-prev,
.slick-next {
position: absolute;
display: block;
top: 50%;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
z-index: 1;
visibility: visible;
}

.slick-prev {
left: -50px;
}

.slick-next {
right: -50px;
}

.slick-prev:before,
.slick-next:before {
font-size: 11px;
color: #000;
padding: 0;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
display: block;
width: 50px;
height: 50px;
line-height: 50px;
position: absolute;
background: #fff;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

@media only screen and (max-width: 880px) {
  .slick-prev:before,
  .slick-next:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.slick-prev:before {
left: 85px;
top: 9px;
}

@media only screen and (max-width: 880px) {
  .slick-prev:before {
    left: 65px;
  }
}

.slick-next:before {
right: 85px;
top: 9px;
}

@media only screen and (max-width: 880px) {
  .slick-next:before {
    right: 65px;
  }
}

.slick-prev:hover,
.slick-next:hover {
-webkit-transition: 0 none;
   -moz-transition: 0 none;
	-ms-transition: 0 none;
     -o-transition: 0 none;
        transition: 0 none;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:active:before,
.slick-next:active:before {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-fullscreen:hover .slick-prev,
.slick-fullscreen:hover .slick-next,
.slick-fullscreen-slideshow:hover .slick-prev,
.slick-fullscreen-slideshow:hover .slick-next,
.slick-fullscreen-split:hover .slick-prev,
.slick-fullscreen-split:hover .slick-next,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-prev,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-next {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-fullscreen:hover .slick-prev,
.slick-fullscreen-slideshow:hover .slick-prev,
.slick-fullscreen-split:hover .slick-prev,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-prev {
left: -35px;
}

.slick-fullscreen:hover .slick-next,
.slick-fullscreen-slideshow:hover .slick-next,
.slick-fullscreen-split:hover .slick-next,
.slick-fullscreen-slideshow-zoom-fade:hover .slick-next {
right: -35px;
}


/* 26.4. slick fullscreen slider */
.slick-fullscreen.slick-fullscreen-split-content {
width: 50%;
left: 50%;
}

.slick-fullscreen-img-fill {
position: relative;
display: block;
width: 100%;
overflow: hidden;
text-align: center;
}

.slick-fullscreen-img-fill img {
position: relative;
display: inline-block;
min-width: 100%;
max-width: none;
min-height: 100%;
}

.slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill,
.slick-fullscreen-slideshow .slick-fullscreen-item .slick-fullscreen-img-fill,
.slick-fullscreen-split .slick-fullscreen-item .slick-fullscreen-img-fill,
.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item .slick-fullscreen-img-fill {
height: 100vh;
background: none;
}

.slick-fullscreen .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img,
.slick-fullscreen-slideshow .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img,
.slick-fullscreen-split .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img,
.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item .slick-fullscreen-img-fill .bg-img {
position: relative;
width: auto;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

.slick-fullscreen .slick-dots,
.slick-fullscreen-slideshow .slick-dots,
.slick-fullscreen-split .slick-dots,
.slick-fullscreen-slideshow-zoom-fade .slick-dots {
position: absolute;
width: 100%;
height: 5px;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
background: rgba(255, 255, 255, .25);
list-style-type: none;
}

.slick-fullscreen .slick-dots li button,
.slick-fullscreen-slideshow .slick-dots li button,
.slick-fullscreen-split .slick-dots li button,
.slick-fullscreen-slideshow-zoom-fade .slick-dots li button {
display: none;
}

.slick-fullscreen .slick-dots li,
.slick-fullscreen-slideshow .slick-dots li,
.slick-fullscreen-split .slick-dots li,
.slick-fullscreen-slideshow-zoom-fade .slick-dots li {
position: absolute;
float: left;
width: 0;
height: 5px;
left: -5px;
background: #fff;
}

.slick-fullscreen .slick-dots li.slick-active,
.slick-fullscreen-slideshow .slick-dots li.slick-active,
.slick-fullscreen-split .slick-dots li.slick-active,
.slick-fullscreen-slideshow-zoom-fade .slick-dots li.slick-active {
width: 100%;
-webkit-animation: progressDots 4s both;
   -moz-animation: progressDots 4s both;
    -ms-animation: progressDots 4s both;
     -o-animation: progressDots 4s both;
        animation: progressDots 4s both;
}

@-webkit-keyframes progressDots {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes progressDots {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.slick-fullscreen,
.slick-fullscreen-slideshow,
.slick-fullscreen-split,
.slick-fullscreen-slideshow-zoom-fade {
background: none;
}

.slick-fullscreen .slick-slide,
.slick-fullscreen-slideshow .slick-slide,
.slick-fullscreen-split .slick-slide,
.slick-fullscreen-slideshow-zoom-fade .slick-slide {
display: none;
float: left;
height: 100%;
}

.slick-initialized .slick-slide {
display: block;
}


/* 26.5. slick fullscreen slideshow ZOOM/FADE transition */
.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item .bg-img {
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
   -moz-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
     -o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
        transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform: scale(1.3);
   -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
     -o-transform: scale(1.3);
        transform: scale(1.3);
}

.slick-fullscreen-slideshow-zoom-fade .slick-fullscreen-item.slick-active .bg-img {
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}


/* 27. Owl Carousel v2.2.0 CUSTOM */
.owl-buttons {
position: static;
}

.owl-prev,
.owl-next {
position: absolute;
display: block;
bottom: 0;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 11px;
color: #000;
text-align: center;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
cursor: pointer;
}

.owl-prev {
left: -45px;
}

.owl-next {
right: -45px;
}

.owl-prev:before,
.owl-next:before {
content: "";
display: block;
width: 50px;
height: 50px;
line-height: 50px;
position: absolute;
background: none;
border: none;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
}

.owl-prev:before {
left: 49px;
top: 8px;
}

@media only screen and (max-width: 880px) {
  .owl-prev:before {
    left: 35px;
  }
}

.owl-next:before {
right: 49px;
top: 8px;
}

@media only screen and (max-width: 880px) {
  .owl-next:before {
    right: 35px;
  }
}

.owl-prev .owl-custom,
.owl-next .owl-custom {
position: relative;
}

.owl-prev .owl-custom {
position: relative;
left: 49px;
top: 9px;
}

@media only screen and (max-width: 880px) {
  .owl-prev .owl-custom {
    left: 30px;
	top: 4px;
  }
}

.owl-next .owl-custom {
position: relative;
right: 49px;
top: 9px;
}

@media only screen and (max-width: 880px) {
  .owl-next .owl-custom {
    right: 30px;
	top: 4px;
  }
}

.owl-prev:hover,
.owl-next:hover {
-webkit-transition: 0 none;
   -moz-transition: 0 none;
	-ms-transition: 0 none;
     -o-transition: 0 none;
        transition: 0 none;
}

.owl-prev:hover,
.owl-next:hover,
.owl-prev:hover:before,
.owl-next:hover:before,
.owl-prev:active:before,
.owl-next:active:before,
.owl-carousel:hover .owl-prev,
.owl-carousel:hover .owl-next {
        opacity: 0.5;
   -moz-opacity: 0.5;
-webkit-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.owl-carousel:hover .owl-prev {
left: -35px;
}

.owl-carousel:hover .owl-next {
right: -35px;
}

#home-page-img-carousel .owl-prev,
#home-page-img-carousel .owl-next,
#works-page-img-carousel .owl-prev,
#works-page-img-carousel .owl-next {
position: absolute;
display: block;
top: 50%;
margin-top: -29px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 11px;
color: #000;
text-align: center;
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#home-page-img-carousel.owl-prev,
#works-page-img-carousel.owl-prev {
left: -50px;
}

#home-page-img-carousel.owl-next,
#works-page-img-carousel.owl-next {
right: -50px;
}

#home-page-img-carousel .owl-prev:before,
#home-page-img-carousel .owl-next:before,
#works-page-img-carousel .owl-prev:before,
#works-page-img-carousel .owl-next:before {
content: "";
display: block;
width: 50px;
height: 50px;
line-height: 50px;
position: absolute;
background: rgba(255, 255, 255, 1);
-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
}

@media only screen and (max-width: 880px) {
  #home-page-img-carousel .owl-prev:before,
  #home-page-img-carousel .owl-next:before,
  #works-page-img-carousel .owl-prev:before,
  #works-page-img-carousel .owl-next:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

#home-page-img-carousel.owl-prev:before,
#works-page-img-carousel.owl-prev:before {
left: 45px;
top: 9px;
}

#home-page-img-carousel.owl-next:before,
#works-page-img-carousel.owl-next:before {
right: 45px;
top: 9px;
}

#home-page-img-carousel.owl-prev .owl-custom,
#home-page-img-carousel.owl-next .owl-custom,
#works-page-img-carousel.owl-prev .owl-custom,
#works-page-img-carousel.owl-next .owl-custom {
position: relative;
}

#home-page-img-carousel.owl-prev .owl-custom,
#works-page-img-carousel.owl-prev .owl-custom {
position: relative;
left: 34px;
}

#home-page-img-carousel.owl-next .owl-custom,
#works-page-img-carousel.owl-next .owl-custom {
position: relative;
right: 34px;
}

#home-page-img-carousel.owl-prev:hover,
#home-page-img-carousel.owl-next:hover,
#works-page-img-carousel.owl-prev:hover,
#works-page-img-carousel.owl-next:hover {
-webkit-transition: 0 none;
   -moz-transition: 0 none;
	-ms-transition: 0 none;
     -o-transition: 0 none;
        transition: 0 none;
}

#home-page-img-carousel .owl-prev:hover,
#home-page-img-carousel .owl-next:hover,
#home-page-img-carousel .owl-prev:hover:before,
#home-page-img-carousel .owl-next:hover:before,
#home-page-img-carousel .owl-prev:active:before,
#home-page-img-carousel .owl-next:active:before,
#home-page-img-carousel.owl-carousel:hover .owl-prev,
#home-page-img-carousel.owl-carousel:hover .owl-next,
#works-page-img-carousel .owl-prev:hover,
#works-page-img-carousel .owl-next:hover,
#works-page-img-carousel .owl-prev:hover:before,
#works-page-img-carousel .owl-next:hover:before,
#works-page-img-carousel .owl-prev:active:before,
#works-page-img-carousel .owl-next:active:before,
#works-page-img-carousel.owl-carousel:hover .owl-prev,
#works-page-img-carousel.owl-carousel:hover .owl-next {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#home-page-img-carousel.owl-carousel:hover .owl-prev {
left: 1px;
}

@media only screen and (max-width: 880px) {
  #home-page-img-carousel.owl-carousel:hover .owl-prev {
    left: 15px;
  }
}

@media only screen and (max-width: 640px) {
  #home-page-img-carousel.owl-carousel:hover .owl-prev {
    left: -5px;
  }
}

#home-page-img-carousel.owl-carousel:hover .owl-next {
right: 1px;
}

@media only screen and (max-width: 880px) {
  #home-page-img-carousel.owl-carousel:hover .owl-next {
    right: 15px;
  }
}

@media only screen and (max-width: 640px) {
  #home-page-img-carousel.owl-carousel:hover .owl-next {
    right: -5px
  }
}

#works-page-img-carousel.owl-carousel:hover .owl-prev {
left: -20px;
}

#works-page-img-carousel.owl-carousel:hover .owl-next {
right: -20px;
}


/* 28. home IMG carousel slider */
.home-page-img-wrapper
 {
position: relative;
width: 100%;
height: 100%;
}




#home-page-img .home-page-img-item {
padding: 0;
        opacity: 0.25;
   -moz-opacity: 0.25;
-webkit-opacity: 0.25;
filter: alpha(opacity=25);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
-webkit-transform: scale3d(0.8, 0.8, 1);
   -moz-transform: scale3d(0.8, 0.8, 1);
    -ms-transform: scale3d(0.8, 0.8, 1);
     -o-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);			
-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
}

#home-page-img .owl-item.active.center .home-page-img-item {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale3d(1.0, 1.0, 1);
   -moz-transform: scale3d(1.0, 1.0, 1);
    -ms-transform: scale3d(1.0, 1.0, 1);
     -o-transform: scale3d(1.0, 1.0, 1);
        transform: scale3d(1.0, 1.0, 1);
}










.home-page-img-wrapperc
 {
position: relative;
width: 100%;
height: 100%;
margin-top:-12%;

}


#home-page-imgc .home-page-img-itemc {
padding: 0;
        opacity: 0.25;
   -moz-opacity: 0.25;
-webkit-opacity: 0.25;
filter: alpha(opacity=25);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
-webkit-transform: scale3d(0.8, 0.4, .1);
   -moz-transform: scale3d(0.8, 0.4, .1);
    -ms-transform: scale3d(0.8, 0.4, .1);
     -o-transform: scale3d(0.8, 0.4, .1);
        transform: scale3d(0.8, 0.4, .1);			
-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
}

#home-page-imgc .owl-item.active.center .home-page-img-itemc {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: scale3d(1.0, 0.5, 1);
   -moz-transform: scale3d(1.0, 0.5, 1);
    -ms-transform: scale3d(1.0, 0.5, 1);
     -o-transform: scale3d(1.0, 0.5, 1);
        transform: scale3d(1.0, 0.5, 1);
}

.home-page-img-item-1,
.home-page-img-item-2,
.home-page-img-item-3,
.home-page-img-item-4,
.home-page-img-item-5,
.home-page-img-item-6,
.home-page-img-item-7,
.home-page-img-item-8,
.home-page-img-item-9,
.home-page-img-item-10,
.home-page-img-item-11,
.home-page-img-item-12,
.home-page-img-item-13,
.home-page-img-item-14,
.home-page-img-item-15,
.home-page-img-item-16,
.home-page-img-item-17,
.home-page-img-item-18 {
position: relative;
width: 100%;
height: 100vh;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}




@media only screen and (max-width: 640px) {
	
.upper-page-carnet {
margin-bottom: -40%;
}	
.home-page-img-wrapperc {

margin-top:-25%;
}

#home-page-imgc .home-page-img-itemc {
padding: 0;
-webkit-transform: scale3d(0.8, 0.4, .1);
   -moz-transform: scale3d(0.8, 0.4, .1);
    -ms-transform: scale3d(0.8, 0.4, .1);
     -o-transform: scale3d(0.8, 0.4, .1);
        transform: scale3d(0.8, 0.4, .1);			

}

#home-page-imgc .owl-item.active.center .home-page-img-itemc {;
-webkit-transform: scale3d(1.0, 0.5, 1);
   -moz-transform: scale3d(1.0, 0.5, 1);
    -ms-transform: scale3d(1.0, 0.5, 1);
     -o-transform: scale3d(1.0, 0.5, 1);
        transform: scale3d(1.0, 0.5, 1);
}
}

















/* 29. Swiper v3.4.2 CUSTOM */
.swiper-container {
position: absolute;
width: 100%;
height: inherit;
margin-left: auto;
margin-right: auto;
}


	
.swiper-slide {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}


/* 29.1. swiper parallax */
.parallax .swiper-button-next,
.parallax .swiper-button-prev {
display: block;
visibility: visible;
width: 20px;
height: 20px;
background-size: 20px 20px;
display: none;
visibility: hidden;
}

.parallax a,
.parallax a:hover {
color: #fff;
}

.parallax .swiper-container {
width: 100%;
height: 100%;
background: #000;
left: 0;
top: 0;
}

.parallax .swiper-slide {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
	
.parallax .parallax-bg {
position: absolute;
left: 0;
top: 0;
width: 130%;
height: 100%;	  
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}


/* 29.2. swiper thumbnail */
.swiper-slider-top,
.swiper-slider-top-thumbs-vertical {
width: 100%;
height: 100%;
}

.swiper-slider-bottom {
position: absolute;
width: 100%;
height: 15%;
left: 0;
bottom: 0;
background: #000;
padding: 0;
border-left: none;
border-top: 10px solid #000;
border-bottom: 10px solid #000;
border-right: none;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
cursor: pointer;
z-index: 10;
}

.swiper-slider-bottom-thumbs-vertical {
position: absolute;
width: 20%;
height: 100%;
top: 0;
right: 0;
background: #000;
padding: 0;
border-left: 10px solid #000;
border-top: none;
border-bottom: none;
border-right: 10px solid #000;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
z-index: 10;  
}

.swiper-slider-bottom .swiper-slide {
width: 25%;
height: 100%;
        opacity: 0.35;
   -moz-opacity: 0.35;
-webkit-opacity: 0.35;
filter: alpha(opacity=35);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}








.swiper-slider-bottom-thumbs-vertical .swiper-slide {
        opacity: 0.35;
   -moz-opacity: 0.35;
-webkit-opacity: 0.35;
filter: alpha(opacity=35);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
cursor: pointer;
}

.swiper-slider-bottom .swiper-slide-active,
.swiper-slider-bottom-thumbs-vertical .swiper-slide-active {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.swiper-button-next,
.swiper-button-prev {
display: none;
visibility: hidden;
}

/* 29.3. swiper-slider-top2 */
.swiper-slider-top2,
.swiper-slider-top2-thumbs-vertical {
width: 100%;
height: 100%;
}

.swiper-slider-bottom2 {
position: absolute;
width: 100%;
height: 15%;
left: 0;
bottom: 0;
background: #000;
padding: 0;
border-left: none;
border-top: 10px solid #000;
border-bottom: 10px solid #000;
border-right: none;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
cursor: pointer;
z-index: 10;
}

.swiper-slider-bottom2-thumbs-vertical {
position: absolute;
width: 20%;
height: 100%;
top: 0;
right: 0;
background: #000;
padding: 0;
border-left: 10px solid #000;
border-top: none;
border-bottom: none;
border-right: 10px solid #000;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
z-index: 10;  
}

.swiper-slider-bottom2 .swiper-slide {
width: 25%;
height: 100%;
        opacity: 0.35;
   -moz-opacity: 0.35;
-webkit-opacity: 0.35;
filter: alpha(opacity=35);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}

.swiper-slider-bottom2-thumbs-vertical .swiper-slide {
        opacity: 0.35;
   -moz-opacity: 0.35;
-webkit-opacity: 0.35;
filter: alpha(opacity=35);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
cursor: pointer;
}

.swiper-slider-bottom2 .swiper-slide-active,
.swiper-slider-bottom2-thumbs-vertical .swiper-slide-active {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.swiper-button-next2,
.swiper-button-prev2 {
display: none;
visibility: hidden;
}

/* FIN de swiper-slider-top2 */




/* 29.6. swiper-slider-top6 - environnement de travail */

.swiper-slider-top6,
.swiper-slider-top6-thumbs-vertical {
    width: 100%;
    height: 100%;
}

.swiper-slider-bottom6 {
    position: absolute;
    width: 100%;
    height: 15%;
    left: 0;
    bottom: 0;
    background: #000;
    padding: 0;
    border-left: none;
    border-top: 10px solid #000;
    border-bottom: 10px solid #000;
    border-right: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    z-index: 10;
}

.swiper-slider-bottom6-thumbs-vertical {
    position: absolute;
    width: 20%;
    height: 100%;
    top: 0;
    right: 0;
    background: #000;
    padding: 0;
    border-left: 10px solid #000;
    border-top: none;
    border-bottom: none;
    border-right: 10px solid #000;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 10;  
}

.swiper-slider-bottom6 .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.35;
       -moz-opacity: 0.35;
    -webkit-opacity: 0.35;
    filter: alpha(opacity=35);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}

.swiper-slider-bottom6-thumbs-vertical .swiper-slide {
    opacity: 0.35;
       -moz-opacity: 0.35;
    -webkit-opacity: 0.35;
    filter: alpha(opacity=35);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    cursor: pointer;
}

.swiper-slider-bottom6 .swiper-slide-active,
.swiper-slider-bottom6-thumbs-vertical .swiper-slide-active {
    opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.swiper-button-next6,
.swiper-button-prev6 {
    display: none;
    visibility: hidden;
}

/* FIN de swiper-slider-top6 */






























/* 29.4. swiper-slider-top3 */
.swiper-slider-top3,
.swiper-slider-top4-thumbs-vertical {
width: 100%;
height: 100%;
}

.swiper-slider-bottom3 {
position: absolute;
width: 100%;
height: 15%;
left: 0;
bottom: 0;
background: #000;
padding: 0;
border-left: none;
border-top: 10px solid #000;
border-bottom: 10px solid #000;
border-right: none;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
cursor: pointer;
z-index: 10;
}

.swiper-slider-bottom3-thumbs-vertical {
position: absolute;
width: 20%;
height: 100%;
top: 0;
right: 0;
background: #000;
padding: 0;
border-left: 10px solid #000;
border-top: none;
border-bottom: none;
border-right: 10px solid #000;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
z-index: 10;  
}

.swiper-slider-bottom3 .swiper-slide {
width: 25%;
height: 100%;
        opacity: 0.35;
   -moz-opacity: 0.35;
-webkit-opacity: 0.35;
filter: alpha(opacity=35);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}

.swiper-slider-bottom3-thumbs-vertical .swiper-slide {
        opacity: 0.35;
   -moz-opacity: 0.35;
-webkit-opacity: 0.35;
filter: alpha(opacity=35);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
cursor: pointer;
}

.swiper-slider-bottom3 .swiper-slide-active,
.swiper-slider-bottom3-thumbs-vertical .swiper-slide-active {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.swiper-button-next3,
.swiper-button-prev3 {
display: none;
visibility: hidden;
}

/* FIN de swiper-slider-top3 */


/* 29.5. swiper-slider-top4 */
.swiper-slider-top4,
.swiper-slider-top4-thumbs-vertical {
width: 100%;
height: 100%;
}

.swiper-slider-bottom4 {
position: absolute;
width: 100%;
height: 15%;
left: 0;
bottom: 0;
background: #000;
padding: 0;
border-left: none;
border-top: 10px solid #000;
border-bottom: 10px solid #000;
border-right: none;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
cursor: pointer;
z-index: 10;
}

.swiper-slider-bottom4-thumbs-vertical {
position: absolute;
width: 20%;
height: 100%;
top: 0;
right: 0;
background: #000;
padding: 0;
border-left: 10px solid #000;
border-top: none;
border-bottom: none;
border-right: 10px solid #000;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
z-index: 10;  
}
































.swiper-slider-bottom4 .swiper-slide {
width: 100%;
height: 100%;
        opacity: 0.35;
   -moz-opacity: 0.35;
-webkit-opacity: 0.35;
filter: alpha(opacity=35);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}

.swiper-slider-bottom4-thumbs-vertical .swiper-slide {
        opacity: 0.35;
   -moz-opacity: 0.35;
-webkit-opacity: 0.35;
filter: alpha(opacity=35);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
cursor: pointer;
}

.swiper-slider-bottom4 .swiper-slide-active,
.swiper-slider-bottom4-thumbs-vertical .swiper-slide-active {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.swiper-button-next4,
.swiper-button-prev4 {
display: none;
visibility: hidden;
}

/* FIN de swiper-slider-top4 */




/* 29.5. swiper-slider-top5 */
.swiper-slider-top5,
.swiper-slider-top5-thumbs-vertical {
width: 100%;
height: 100%;
}

.swiper-slider-bottom5 {
position: absolute;
width: 100%;
height: 15%;
left: 0;
bottom: 0;
background: #000;
padding: 0;
border-left: none;
border-top: 10px solid #000;
border-bottom: 10px solid #000;
border-right: none;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
cursor: pointer;
z-index: 10;
}

.swiper-slider-bottom5-thumbs-vertical {
position: absolute;
width: 20%;
height: 100%;
top: 0;
right: 0;
background: #000;
padding: 0;
border-left: 10px solid #000;
border-top: none;
border-bottom: none;
border-right: 10px solid #000;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
z-index: 10;  
}

.swiper-slider-bottom5 .swiper-slide {
width: 25%;
height: 100%;
        opacity: 0.35;
   -moz-opacity: 0.35;
-webkit-opacity: 0.35;
filter: alpha(opacity=35);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}

.swiper-slider-bottom5-thumbs-vertical .swiper-slide {
        opacity: 0.35;
   -moz-opacity: 0.35;
-webkit-opacity: 0.35;
filter: alpha(opacity=35);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
cursor: pointer;
}

.swiper-slider-bottom5 .swiper-slide-active,
.swiper-slider-bottom5-thumbs-vertical .swiper-slide-active {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.swiper-button-next5,
.swiper-button-prev5 {
display: none;
visibility: hidden;
}


.swiper-slide-video {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;

    z-index: 1;
}

.plateau-de-tournage-video {
    position: relative;
    overflow: hidden;
    background-color: #000000;
}






.swiper-slide {
    position: relative;
    overflow: hidden;
}

.swiper-slide-caption {
    position: absolute;
    left: 50%;
    bottom: 160px;
    transform: translateX(-50%);

    z-index: 10;

    max-width: 80%;
    padding: 10px 22px;

    background: rgba(0, 0, 0, 0.55);
    color: #ffffff;

    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;

    text-align: center;

    border-radius: 999px;
    pointer-events: none;
}

.swiper-slide-caption span {
    display: block;
}



@media only screen and (max-width: 768px) {
    .swiper-slide-caption {
        bottom: 155px;
        max-width: 86%;
        padding: 8px 16px;
        font-size: 14px;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 480px) {
    .swiper-slide-caption {
        bottom: 140px;
        max-width: 90%;
        padding: 7px 14px;
        font-size: 12px;
        letter-spacing: 0.03em;
    }
}












/* FIN de swiper-slider-top5 */










/* 30. works IMG gallery carousel */
.works-page-carousel-item {
position: relative;
width: 100%;
height: 60vh;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}
/* 30. works IMG gallery carousel */
.works-page-carousel-item2 {
position: relative;
width: 100%;
height: 300px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

/* 30. works IMG gallery carousel */
.works-page-carousel-item3 {
position: relative;
width: 100%;
height: 500px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}


  .bs-example{
    	margin: 20px;
    }


/* 30.1. works IMG gallery description/hover effect
margin-bottom: -4px;
bottom: -40px;*/
.description {
position: absolute;
padding: 0 15px;
margin-bottom: -4px;
bottom: -40px;
left: 0;
right: 0;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.8s ease;
   -moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
     -o-transition: all 0.8s ease;
        transition: all 0.8s ease;
text-align: center;
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 10;
}

.description h3 {
position: relative;
font-family: 'Oswald', sans-serif;
font-size: 55px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #2e2e2e;
line-height: 1;
margin: 0 auto -2px auto;
z-index: 10;
}

@media all and (min-width: 1920px) {
  .description h3 {
    font-size: 65px;
    margin: -9px auto -1px auto;
  }
}

@media only screen and (max-width: 640px) {
  .description h3 {
    font-size: 40px;
	margin: -4px auto -1px auto;
  }
}


.description2 {
position: absolute;
padding: 0 15px;
margin-bottom: 300px;
bottom: 500px;
left: 0;
right: 0;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.8s ease;
   -moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
     -o-transition: all 0.8s ease;
        transition: all 0.8s ease;
text-align: center;
-webkit-pointer-events: none;
   -moz-pointer-events: none;
        pointer-events: none;
z-index: 10;
}
@media (max-width:880px){
	.description2{ 
	margin-bottom: 200px;
     bottom: 400px;}
}

.description2 h3 {
position: relative;
font-family: 'Oswald', sans-serif;
font-size: 55px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
letter-spacing: -0.04em;
color: #2e2e2e;
line-height: 1;
margin: 0 auto -2px auto;
z-index: 10;
}

@media all and (min-width: 1920px) {
  .description2 h3 {
    font-size: 65px;
    margin: -9px auto -1px auto;
  }
}

@media only screen and (max-width: 640px) {
  .description2 h3 {
    font-size: 40px;
	margin: -4px auto -1px auto;
  }
}

.description-second {
color: #2e2e2e;
margin: -3px auto -2px auto;
}


.item-grid-size:hover .description2,
.item-grid-size:focus .description2,
.item-grid-size:hover .description,
.item-grid-size:focus .description {
bottom: 5px;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.item-grid-size {
position: relative;
padding: 0;
width: 100%;
height: 100%;
}
.item-grid-size-toon {
position: relative;
padding: 0;
width: 100%;
height: 200px;
}

.item-grid-size-dossier {
position: relative;
padding: 0;
width: 250px;
height: 250px;
}

.item {
position: relative;
margin-bottom: 0;
float: left;
}

.item:after {
content: "";
display: block;
clear: both;
}

.item-wh {
width: 100%;
height: auto;
}

.item:hover .link-wrap {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
cursor: pointer;
}

.item:hover .link-wrap span:before,
.item:hover .link-wrap span:after {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.item:hover .link-wrap span:nth-child(1):before,
.item:hover .link-wrap span:nth-child(1):after {
width: 15px;
}

.item:hover .link-wrap span:nth-child(2):before,
.item:hover .link-wrap span:nth-child(2):after {
height: 15px;
}

.link-wrap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
background: rgba(255, 255, 255, .85);
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}
.link-wrap-alpha {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
background: rgba(255, 255, 255, 1);
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}




.link-wrap-alpha span,
.link-wrap span {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.link-wrap-alpha span:before,
.link-wrap-alpha span:after,
.link-wrap span:before,
.link-wrap span:after {
content: "";
position: absolute;
background: #2e2e2e;
-webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        opacity: 0.2;
   -moz-opacity: 0.2;
-webkit-opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.link-wrap-alpha span:nth-child(1):before,
.link-wrap-alpha span:nth-child(1):after,
.link-wrap span:nth-child(1):before,
.link-wrap span:nth-child(1):after {
width: 50%;
height: 2px;
top: 50%;
margin-top: -1px;
}
.link-wrap-alpha span:nth-child(1):before,
.link-wrap span:nth-child(1):before {
right: 50%;
}
.link-wrap-alpha span:nth-child(1):after,
.link-wrap span:nth-child(1):after {
left: 50%;
}

.link-wrap-alpha span:nth-child(2):before,
.link-wrap-alpha span:nth-child(2):after,
.link-wrap span:nth-child(2):before,
.link-wrap span:nth-child(2):after {
width: 2px;
height: 50%;
left: 50%;
margin-left: -1px;
}
.link-wrap-alpha span:nth-child(2):before, 
.link-wrap span:nth-child(2):before {
bottom: 50%;
}
.link-wrap-alpha span:nth-child(2):after,
.link-wrap span:nth-child(2):after {
top: 50%;
}


/* 31. Magnific Popup v1.1.0 CUSTOM */
.mfp-arrow-left:after {
font-family: "Ionicons";
content: "\f124";
font-size: 18px;
color: #fff;
margin-top: 22px;
}

.mfp-arrow-right:after {
font-family: "Ionicons";
content: "\f125";
font-size: 18px;
color: #fff;
margin-top: 22px;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: crosshair;
}

.mfp-arrow-left:after,
.mfp-arrow-left:before {
border-right: none;
}

.mfp-arrow-right:after,
.mfp-arrow-right:before {
border-left: none;
}

.mfp-title {
font-family: 'Raleway', sans-serif;
font-size: 13px;
line-height: 1.5;
font-style: normal;
font-weight: 400;
letter-spacing: 0.05em;
}

.popup-gallery-slider a:visited,
.popup-gallery-slider a:active,
.popup-gallery-slider a:focus {
color: #fff;
}

.popup-gallery-slider a:hover {
color: #000;
}


/* 32. typed text */
h1.typed-effect {
position: relative;
width: 70%;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 55px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.05em;
color: #111;
margin: 0 auto;
padding: 0 50px;
line-height: 1.2;
}

@media all and (min-width: 1920px) {
  h1.typed-effect {
	font-size: 85px;
  }
}

@media only screen and (max-width: 1200px) {
  h1.typed-effect {
    width: 100%;
	padding: 0 5px;
  }
}

@media only screen and (max-width: 880px) {
  h1.typed-effect {
    font-size: 55px;
	line-height: 1;
  }
}

@media only screen and (max-width: 640px) {
  h1.typed-effect {
    font-size: 40px;
  }
}

/* 32.1. typed text */
h1.typed-shop {
position: relative;
width: 100%;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.05em;
color: #333333;
margin: 0 auto;
padding: 0 50px;
line-height: 1.2;
}

@media all and (min-width: 1920px) {
  h1.typed-shop {
	font-size: 65px;
  }
}

@media only screen and (max-width: 1200px) {
  h1.typed-shop {
    width: 100%;
	padding: 0 5px;
  }
}

@media only screen and (max-width: 880px) {
  h1.typed-shop {
    font-size: 30px;
	line-height: 1;
  }
}

@media only screen and (max-width: 640px) {
  h1.typed-shop {
    font-size: 25px;
  }
}




/* 32.1. typed text */
h1.typed-shopp {
position: relative;
width: 100%;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 40px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.05em;
color: #9ddb05;
margin: 0 auto;
padding: 0 50px;
line-height: 1.2;
    margin-top: -100px;
margin-left: 30px;
}

@media all and (min-width: 1920px) {
  h1.typed-shopp {
	font-size: 65px;
  }
}

@media only screen and (max-width: 1200px) {
  h1.typed-shopp {
    width: 100%;
	padding: 0 5px;
  }
}

@media only screen and (max-width: 880px) {
  h1.typed-shopp {
    font-size: 30px;
	line-height: 1;
  }
}

@media only screen and (max-width: 640px) {
  h1.typed-shopp {
    font-size: 25px;
  }
}

















/* 32.1. typed text cursor */
.typed-cursor {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-animation: blink 0.7s infinite;
   -moz-animation: blink 0.7s infinite;
        animation: blink 0.7s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* 33.studio-slider */
.studio-carousel {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0;
}

.studio-carousel.owl-carousel {
width: auto;
}

.studio-carousel,
.studio-quote,
.studio-quote-img {
-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}



.studio-quote-img {
position: relative;
margin: 2px auto;
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
        border-radius: 50%;
}



.studio-quote p {
position: relative;
top: -7px;
padding: 0 1px;
margin: 0 auto -12px auto;
}

.studio-signature {
font-family: 'Raleway', sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: -3px auto 0 auto;
}


.studio-signature:before {
content: "― ";
display: inline-block;
}









.section-studio.quote-mark-l {
padding: 0 10px 0 0;
}

.section-studio.quote-mark-r {
padding: 0 0 0 10px;
}




.espace-avant-slider-studio-video {
    height: 70px;
}

@media only screen and (max-width: 768px) {
    .espace-avant-slider-studio-video {
        height: 45px;
    }
}















/* 34. divider */
.inner-divider-50,
.inner-divider,
.inner-divider-half,
.inner-divider-mobile {
position: relative;
width: 100%;
margin: 0 auto;
background: none;
z-index: -1;
}


/* 34. divider */


.inner-divider-half-dark
 {
position: relative;
width: 100%;
margin: 0 auto;
background: #111;
z-index: -1;
}

.inner-divider-plus {
height: 150px;
}

.inner-divider {
height: 100px;
}

.inner-divider-250 {
height: 250px;
}
.inner-divider-50 {
height: 50px;
}

@media all and (min-width: 1920px) {
	
	.inner-divider-plus {
height: 300px;
}
	.inner-divider-50 {
height: 75px;
}
  .inner-divider {
	height: 150px;
  }
}

@media only screen and (max-width: 980px) {
	.inner-divider-plus {
height: 200px;
}
	.inner-divider-50 {
     height: 50px;
}
  .inner-divider {
    height: 100px;
  }
}

@media only screen and (max-width: 640px) {
	.inner-divider-plus {
height: 120px;
}
	.inner-divider-50 {
      height: 40px;
}
  .inner-divider {
    height: 80px;
  }
}

inner-divider-half-dark,
.inner-divider-half {
height: 40px;
}
.inner-divider-half-2 {
height: 20px;
}

.inner-divider-half.inner-divider-half-works {
height: 20px;
}

@media all and (min-width: 1920px) {
	
  .inner-divider-half.inner-divider-half-works {
    height: 40px;
  }
}

.inner-divider-mobile {
display: none;
visibility: hidden;
height: 100px;
}

@media only screen and (max-width: 995px) {
  .inner-divider-mobile {
    display: block;
    visibility: visible;
  }
}

@media only screen and (max-width: 640px) {
  .inner-divider-mobile {
    height: 80px;
  }
}




/* Vidéo dans section half */

.half-video-wrap {
    position: relative !important;
    overflow: hidden !important;
    background-color: #000000 !important;
    background-image: none !important;
    min-height: 600px !important;
}

.half-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    display: block !important;

    z-index: 1 !important;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .half-video-wrap {
        min-height: 320px !important;
        height: 320px !important;
    }

    .half-video {
        width: 100% !important;
        height: 100% !important;
    }
}


























.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}







/* ---- particles.js containers ---- */

#particles-js,
#particles-js2,
#particles-js3,
#particles-js4,
#particles-js5,
#particles-js6,
#particles-js7,
#particles-js8 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0);
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 99999 !important;
}







.animation_background {
   background-color: rgba(0, 0, 0, 0.0);
   background-repeat: no-repeat;
   background-repeat: no-repeat;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0; 
}

.video-frame {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  line-height: 0;
  margin-left: auto;   /* Automatic margin from left */
  margin-right: auto; /* Automatic margin from right */
}
.video-frame iframe {
  position: absolute;
   top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  line-height: 0;
   margin-left: auto;   /* Automatic margin from left */
       margin-right: auto; /* Automatic margin from right */
}






/* 1.10. services IMG BACKGROUND */
.img-fullwidth-services-carousel-1 {
background-image: url(../img/services/services-carousel-1.jpg);
}

.img-fullwidth-services-carousel-2 {
background-image: url(../img/services/services-carousel-2.jpg);
}

.img-fullwidth-services-carousel-3 {
background-image: url(../img/services/services-carousel-3.jpg);
}




/* 5. section */
.sections {
position: relative;
z-index: 5;
}

.nopadding {
padding: 0!important;
margin: 0!important;
}

#section3 {
background: #111;
}


.col-centered{
    float: none;
    margin: 0 auto;
}

#sectionarti {
background: #fff;
}
.sections {
position: relative;
z-index: 5;
}

.slick-left-about,
.slick-right-about,
.slick-services {
cursor: auto;
}


/* 22. fullwidth IMG */
.img-fullwidth-wrapper {
position: relative;
background: #111;
}

.img-fullwidth {
height: 100vh;
}

@media (min-width: 992px) {
  .img-fullwidth {
    position: absolute;
	width: 50vw;
    height: auto;
    top: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .img-fullwidth {
    min-height: 350px;
  }
}

.img-fullwidth-all {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
   -moz-background-size: cover;
    -ms-background-size: cover;
     -o-background-size: cover;
        background-size: cover;
}

/*   35. section panel des dossiers */

.panel {
	margin-bottom: 20px;
	background-color: #111;
	border: 0px solid transparent;
	border-radius: 0px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.section-locataire1 {
	font-family: "Helvetica Neue", Arial, sans-serif;
	margin-top: 15px;
	text-align: left;
	color: #111;
	margin-top: 20px;
	margin-left: 40px;
}
.section-locataire1j {
	font-family: "Helvetica Neue", Arial, sans-serif;
	margin-top: 15px;
	text-align: left;
	color: #fbf095;
	margin-top: 20px;
	margin-left: 40px;
}

.section-locataire1a {
	font-family: "Helvetica Neue", Arial, sans-serif;
	margin-top: 15px;
	text-align: left;
	color: #222222;
	margin-top: 20px;
	margin-left: 0px;
}

.linea {
   border-bottom: 1px;
   border-bottom: solid;
   border-bottom: #222;
   border-top: 1px;
   border-top: solid;
   border-top: #222;
}

.linea2 {
   border-bottom: none;
   border-bottom: none;
   border-bottom: none;
   border-top: none;
   border-top: none;
   border-top: none;
   
}
.paddingbottom {
	padding-bottom: 90px;
}


.paddingbottom1 {
	padding-bottom: -100px;
}

.paddingbottom-achive {
	padding-bottom: 120px;
}

.jaune {
	background-color: #fbf095;
}
.paddingcentre {
	padding-top: 35px;
	padding-left: 60px;
	padding-right: 60px;
	margin-bottom: 15px;
}


.panel-body{padding:15px}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}

.fontgrissss{
	color: #666666;
}

.section-heading30jaune {
    font-family: "Helvetica Neue", Arial, sans-serif;
	margin-top: 15px;
	text-align: center;
	font-size: 70px;
	color: #fbf095;
}

.section-heading30noir {
    font-family: "Helvetica Neue", Arial, sans-serif;
	margin-top: 15px;
	text-align: center;
	font-size: 70px;
	color: #222222;
}

 .jauneheadd {
	background-color: #fbf095;
	padding-bottom: 20px;
	padding-top: 20px;
}
 .jauneheaddgris {
	background-color: #222222;
	padding-bottom: 20px;
	padding-top: 20px;
}
 .collapsenoir {
	background-color: #111;
	padding-bottom: 20px;
	padding-top: 10px;
}

 .collapseblanc {
	background-color: #fff;
	padding-bottom: 20px;
	padding-top: 20px;
}

 .collapsenoirrow {
	background-color: #111;
	padding-bottom: 10px;
	padding-top: 0px;
	
}

 .collapseblancrow {
	background-color: #fff;
	padding-bottom: 0px;
	padding-top: 0px;
}
 .collapseblancrowBot {
	background-color: #fff;
	padding-bottom: 20px;
	padding-top: 0px;
}

 .jaunerow {
	background-color: #fbf095;
	padding-bottom: 0px;
	padding-top: 0px;
}

.paddingtops {
	padding-top: 35px;
}
.grisjaune {
	background-color: #111;
}

.blancjaune {
	background-color: #fff;
}

.section-heading {
    margin-top: 0;
}

.fontjauneee {
   color: #fbf095;
}

.section-subheading {
	margin-bottom: 50px;
	text-transform: none;
	font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}





/* ---- 36 - PAGE  MODAL---- */

.modaltitre {
  font-size: 40px;
  color:#fff;
}


.modalogo{ 
   margin-left: 45%; /* or right 50% */

}



.modaltitrearti {
	display: block;
	margin-left: 30px;
	margin-top: 50px;
	alignment-adjust: left;
	color: #333;
	font-family: helvetica;
	font-size: 80px;
	font-weight: 900;
	line-height: 50pt;
}
.modaltitreartisou { display:block; margin-left:30px; alignment-adjust:left; color: #333;font-family:'helvetica'; font-size:60px;font-weight: bolder;line-height:35pt;}
.modaltitrementio { display:block; margin-left:30px; margin-top:20px;alignment-adjust:left; color: #555; font-size:15px;font-weight: ;line-height:8pt;}
.modaltitrecolabo{ display:block; margin-left:30px;margin-bottom:50px; alignment-adjust:left; color: #555; font-size:12px;font-weight: ;line-height:0pt;}

.modaltext { color: #f8f8f1;}

.modaltextscience { color: #f8f8f1;}

.modaltitreartiart {
	display: block;
	margin-left: 30px;
	margin-top: 50px;
	text-align:left;
	color: #555;
	font-family: helvetica;
	font-size: 80px;
	font-weight: 900;
	line-height: 50pt;
}
.modaltitreartisouart { display:block; margin-left:30px; text-align:left; color: #555;font-family:'helvetica'; font-size:60px;font-weight: bolder;line-height:35pt;}
.modaltitrementioart { display:block; margin-left:30px; margin-top:20px;text-align:left; color: #555; font-size:15px;font-weight: ;line-height:9pt;}
.modaltitrecolaboart{ display:block; margin-left:30px;margin-bottom:50px; text-align:left; color: #555; font-size:12px;font-weight: ;line-height:9pt;}


@media all and (min-width: 1920px) {
	
  .modaltitreartiart, .modaltitrearti  {
    font-size: 85px;
	line-height: 50pt;
  }
}



@media only screen and (max-width: 995px) {
  .modaltitreartiart, .modaltitrearti  {
   font-size: 75px;
   line-height: 45pt;
  }
}

@media only screen and (max-width: 640px) {
  .modaltitreartiart, .modaltitrearti  {
   font-size: 60px;
   line-height: 35pt;
  }
}






.texte-modal {
	font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.05em;
color: #ffffff;
line-height: 2;
text-align:left;

 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}


.texte-modal1 {
	font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 140px;
font-weight: 400;
letter-spacing: 0.05em;
color: #ffffff;
line-height: 2;
text-align:left;

 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}


.texte-modalresev {
	font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.05em;
color: #888888;
line-height: 1;
text-align:left;

 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}










.texte-modal-noir {
	font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.05em;
color: #111;
line-height: 2;
text-align:left;

 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}

.collone-modal {
	margin-top: 15px;
	margin-top: 20px;
	margin-left: 40px;
}


.titre-modal {
	text-align:left;
	color: #ffffff;
	margin-top: 15px;
	margin-top: 20px;
	margin-left: 40px;
	 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}


.linea-modal {
   border-bottom: 1px;
   border-bottom: solid;
   border-bottom: #222;
   border-top: 1px;
   border-top: solid;
   border-top: #222;
}

/* ----FIN PAGE  MODAL---- */










			





/* ----PHOTO RONDE---- */


.roundedImageNew {
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:100px;
    width:175px;
    height:175px;
	
}

.rond-centre{
margin: 15px auto 0 auto;
text-align: center;
}


@media all and (min-width: 1920px) {
	
  .roundedImageNew{
    width:200px;
    height:200px;
  }
}




@media only screen and (max-width: 640px) {
  .roundedImageNew {
    width:150px;
    height:150px;
  }
}





.roundedImageArch2 {
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:100px;
    width:175px;
    height:175px;
	
}
.roundedImageArch {
    overflow: hidden;
    border-radius: 50%;
    width: 300px;
    height: 300px;
}

.roundedImageArch video,
.roundedImageArch img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Grand écran */
@media all and (min-width: 1920px) {
    .roundedImageArch {
        width: 300px;
        height: 300px;
    }
}

/* Tablette */
@media only screen and (max-width: 1024px) {
    .roundedImageArch {
        width: 280px;
        height: 280px;
    }
}

/* Téléphone */
@media only screen and (max-width: 640px) {
    .roundedImageArch {
        width: 230px;
        height: 230px;
    }
}

/* Très petit téléphone */
@media only screen and (max-width: 420px) {
    .roundedImageArch {
        width: 210px;
        height: 210px;
    }
}

.rond-centre {
    margin: 15px auto 0 auto;
    text-align: center;
}



.roundedImageGuer, .roundedImageShadowGuer, .roundedImageBorderGuer{
	overflow:hidden;
	-webkit-border-radius:50px;
	-moz-border-radius: 50%;
	border-radius:100px;
	width:200px;
	height:200px;
}
.roundedImage, .roundedImageShadow, .roundedImageBorder{
	overflow:hidden;
	-webkit-border-radius:50px;
	-moz-border-radius: 50%;
	border-radius:50px;
	width:90px;
	height:90px;
}
.roundedImageShadowGuer,
.roundedImageShadow{
	-moz-box-shadow: 0px 0px 10px #343434;
	-webkit-box-shadow: 0px 0px 10px #343434;
	-o-box-shadow: 0px 0px 10px #343434;
	box-shadow: 0px 0px 10px #343434;
}
.roundedImageBorderGuer,
.roundedImageBorder{
	border: 1px solid #006699;
}











.roundedImgArchive, .roundedImgShadowArchive, .roundedImgBorderArchive{
	overflow:hidden;
	-webkit-border-radius:50px;
	-moz-border-radius: 50%;
	border-radius:100px;
	width:150px;
	height:150px;
}
.roundedImg, .roundedImgShadow, .roundedImgBorder{
	overflow:hidden;
	-webkit-border-radius:50px;
	-moz-border-radius: 50%;
	border-radius:50px;
	width:90px;
	height:90px;
}
.roundedImgShadowArchive,
.roundedImgShadow{
	-moz-box-shadow: 0px 0px 10px #343434;
	-webkit-box-shadow: 0px 0px 10px #343434;
	-o-box-shadow: 0px 0px 10px #343434;
	box-shadow: 0px 0px 10px #343434;
}
.roundedImgBorderArchive,
.roundedImgBorder{
	border: 1px solid #006699;
}

/* ----FIN PHOTO RONDE---- */



/*------------------------------------*\
	37-Pricing
\*------------------------------------*/


.number {
    text-align: center;
    margin: 15px 0px;
}

.number i {
    color: #6195FF;
    font-size: 36px;
    margin-bottom: 20px;
}

.number h3 {
    font-size: 36px;
    margin-bottom: 10px;
}





.section-header {
    position: relative;
    margin-bottom: 60px;
}

.section-header .title-abonnement {
    text-transform: capitalize;
}

.title-abonnement:after {
    content:"";
  	display:block;
  	height:4px;
  	width:40px;
  	background-color: #6195FF;
    margin-top: 20px;
}

.title-abonnement:after {
    margin: 20px auto 0px;
}

.text-center {
    margin: 20px auto 0px;
}



.sectionn {
    position: relative;
	background-color: #fff;
}

.md-padding {
    padding-top: 10px;
    padding-bottom: 80px;
}

.sm-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.title-abonnement {
	font-family: 'Oswald', sans-serif;
  		font-size:60px;
		font-weight:bold;
		letter-spacing: 1px;
	}

.liste {list-style-type: none;
}
.text-center .title-abonnement:after {
    margin: 20px auto 0px;
}





.price-content{
    
    text-align: center;
  margin-right:calc(10%);
  list-style-type: none;
 
}


.pricing {
	font-family: 'Oswald', sans-serif;
	position: relative;
    text-align: center;
    border: 1px solid #EEE;
    background-color: #FFF;
    z-index: 11;
    margin: 15px 0px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.pricing::after {
    content: "";
    background-color: #333;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0%;
    z-index: -1;
    -webkit-transition: 0.2s height;
    transition: 0.2s height;
}

.pricing:hover:after {
    height: 100%;
}

.pricing .price-head {
    position: relative;
    margin-bottom: 20px;
}

.pricing .price-title {
    display: block;
    padding: 40px 0px 20px;
    text-transform: uppercase;
    -webkit-transition: 0.2s color;
    transition: 0.2s color;
}

.pricing:hover .price-title {
    color: #6195FF;
}

.pricing .price {
    position: relative;
    width: 240px;
    height: 240px;
    line-height: 140px;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    border: 2px solid #6195FF;
}

.pricing .price h3 {
  font-size: 120px;
  font-weight:bold;
  margin: 0px;
  -webkit-transition: 0.2s color;
  transition: 0.2s color;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  position: absolute;
  left: 0;
  right: 0;
}

.pricing:hover .price h3 {
    color: #fff;
}

.pricing .duration {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #10161A;
    -webkit-transition: 0.2s color;
    transition: 0.2s color;
}

.pricing:hover .duration {
    color: #fff;
}

.pricing .price-btn {
    padding-top: 20px;
    padding-bottom: 40px;
}


/*------------------------------------*\
	38-FINANCEMENT
\*------------------------------------*/



.espacement{line-height:45px;}

.fontexte { color:#fff;
             font-size: 14px;
			 }
.fontorange { color:#fb9425;}
.font777 { color:#777777;}
.fontorange2 {display: inline-block; margin-top:-10px; text-decoration:none;  font-size: 90px;color: #fb9425;font-family: 'helvetica'; font-weight: bold;letter-spacing: 10px;}


.fontexte { color:#fff;
             font-size: 14px;
			 }
			 
.fonth3 {font-weight:bold; text-decoration:none; font-size:50px; color: #3675f8; font-family:'helvetica';  letter-spacing: 0px; text-align: center;}
.fonth4 {font-weight:bold; text-decoration:none; font-size:30px; color: #f3675f8; font-family:'helvetica';  letter-spacing: 0px; text-align: center; }
.fonth5 {font-weight:bold; text-decoration:none; font-size:30px; color: #ffffff; font-family:'helvetica';  letter-spacing: 0px; text-align: center; }
.fonth5:hover {font-weight:bold; text-decoration:none; font-size:30px; color:#333333; font-family:'helvetica'; letter-spacing: 0px; text-align: center;}

.fonth6 {font-weight:bold; text-decoration:none; font-size:24px; color: #333; font-family:'helvetica';  letter-spacing: 0px; text-align: center; line-height:26px; }






/*------------------------------------*\
	39-boutique/shop
\*------------------------------------*/

.acheter {padding-top: 20px; text-align:center }


.shop {
    position: relative;
    padding: 20px;
}

.shop>img {
  width: 100%;
}

.titleshop {
	font-family: 'Oswald', sans-serif;
  		font-size:50px;
		font-weight:bold;
		letter-spacing: 1px;
		-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	}
	
.section-header-shop {
    position: relative;
    margin-bottom: 30px;
}	

.shop .overlay {
    background: #1C1D21;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.shop:hover .overlay {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0.8;
}

.shop .shop-content {
    position: absolute;
    left: 25px;
    right: 25px;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.shop .shop-content h3 {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    color: #FFF;
    margin-bottom: 10px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.shop:hover .shop-content h3 {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.shop .shop-content span {
    display: block;
    text-transform: uppercase;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    color: #6195FF;
    margin-bottom: 5px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.shop:hover .shop-content span {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.shop .shop-link {
    text-align: center;
    margin-top: 20px;
    opacity: 0;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.shop .shop-link a {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #6195FF;
    color: #FFF;
    line-height: 50px;
    text-align: center;
}

.shop:hover .shop-link {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
}
.shop-marge-produit {
    margin-top: 40px;
   
}

/* --  Buttons  -- */

.main-btn, .white-btn, .outline-btn {
    display: inline-block;
    padding: 10px 35px;
    margin: 3px;
    border: 2px solid transparent;
    border-radius: 3px;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}
 .outlinef-btn {
    display: inline-block;
	 font-size: 24px;
    padding: 5px 15px;
    margin: 3px;
    border: 2px solid ;
	  background: rgba(255,255,255,0.15);
    border-radius: 3px;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.main-btn {
    background: #3675f8;
    color: #FFF;
}

.white-btn {
    background: #FFF;
    color: #10161A !important;
}

.outline-btn {
    background: transparent;
    color: #3675f8 !important;
    border-color: #3675f8;
}

.main-btn:hover, .white-btn:hover, .outline-btn:hover, .outlinef-btn:hover {
	background: transparent;
    color: #000 !important;
    border-color: #000;
    opacity: 0.3;
}


section.upper-page-fin {
    position: relative !important;
    min-height: 800px !important;
    padding-top: 600px !important;
    margin-top: -150px !important;
    padding-bottom: 60px !important;
    overflow: hidden !important;
}

section.upper-page-fin .row:last-of-type {
    position: relative !important;
    z-index: 10 !important;
    margin-top: 0px !important;
    margin-bottom: 80px !important;
}

section.upper-page-fin .copyrightt {
    position: relative !important;
    z-index: 20 !important;
    display: block !important;
    text-align: center !important;
    color: #ffffff !important;
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    padding-bottom: 60px !important;
}


@media only screen and (max-width: 1024px) {
    section.upper-page-fin {
        min-height: 700px !important;
        padding-top: 460px !important;
        margin-top: -100px !important;
        padding-bottom: 80px !important;
    }

    section.upper-page-fin .copyrightt {
        margin-top: 60px !important;
        margin-bottom: 70px !important;
        padding-bottom: 50px !important;
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 768px) {
    section.upper-page-fin {
        min-height: 620px !important;
        padding-top: 380px !important;
        margin-top: -60px !important;
        padding-bottom: 90px !important;
    }

    section.upper-page-fin .row:last-of-type {
        margin-top: 0 !important;
        margin-bottom: 40px !important;
    }

    section.upper-page-fin .copyrightt {
        margin-top: 40px !important;
        margin-bottom: 60px !important;
        padding-bottom: 50px !important;
        font-size: 11px !important;
        line-height: 1.6 !important;
    }
}




@media only screen and (max-width: 480px) {
    section.upper-page-fin {
        min-height: 560px !important;
        padding-top: 320px !important;
        margin-top: -40px !important;
        padding-bottom: 80px !important;
    }

    section.upper-page-fin .copyrightt {
        margin-top: 30px !important;
        margin-bottom: 50px !important;
        padding-bottom: 40px !important;
        font-size: 10px !important;
        letter-spacing: 0.05em !important;
    }
}






.paragraphe-service-espace {
    display: block !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}










/* Mobile - rapprocher le bloc image + texte du titre principal */

@media only screen and (max-width: 768px) {

    #about .inner-divider-50 {
        height: 25px !important;
        min-height: 25px !important;
    }

    #about .inner-divider-half-2 {
        height: 15px !important;
        min-height: 15px !important;
    }

    #about .numero-light-3 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #about .bloc-video-descendre {
        margin-top: 10px !important;
        margin-bottom: 25px !important;
    }

    #about .roundedImageArch {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #about .post-title-2 {
        margin-top: 10px !important;
    }
}





@media only screen and (max-width: 768px) {

    #about .numero-light-3 {
        margin-bottom: 50px !important;
    }

    #about .bloc-video-descendre {
        margin-top: 30px !important;
    }
}





/* Slider studio pleine largeur - images 1920x1080 */

.studio-slider-fullwidth {
    width: 100%;
    margin: 0;
    padding: 0;
}

.studio-slider-container {
    width: 100%;
    max-width: none;
    padding: 0;
}

.studio-slider-row {
    margin-left: 0;
    margin-right: 0;
}

.studio-slider-col {
    padding-left: 0;
    padding-right: 0;
}

#studio-slider-carousel,
#studio-slider-carousel .owl-stage-outer {
    width: 100%;
}

.studio-slider-quote {
    width: 100%;
    margin: 0;
    padding: 0 !important;
    background-color: #fbf0cd !important;
    text-align: center;
}

.studio-slider-image-wrap {
    position: relative;
    width: 100%;
    height: 56.25vw;
    max-height: 720px;
    min-height: 360px;
    overflow: hidden;
    background-color: #000000;
}

.studio-slider-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* enlever le filtre gris/noir */
.studio-slider-image-wrap::after {
    display: none !important;
}

/* zone texte sous l'image */
.studio-slider-caption {
    position: absolute !important;
    left: 8% !important;
    bottom: 60px !important;
    max-width: 620px !important;
    z-index: 5 !important;
    color: #ffffff !important;
    text-align: left !important;
    background-color: rgba(0, 0, 0, 0.45) !important;
    padding: 22px 28px !important;
}

.studio-slider-caption p {
    color: #ffffff !important;
    font-size: 15px;
    line-height: 1.6;
    margin: 10px 0 0 0;
}

.studio-slider-signature {
    color: #fbf0cd !important;
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}



.studio-slider-img {
    transition: opacity 0.7s ease-in-out, transform 1s ease-in-out;
}

.studio-slider-img-fade {
    opacity: 0.15;
}


.studio-slider-image-wrap:hover .studio-slider-img {
    transform: scale(1.03);
}



@media only screen and (max-width: 768px) {
    .studio-slider-caption {
        left: 20px !important;
        right: 20px !important;
        bottom: 25px !important;
        max-width: none !important;
        padding: 16px 18px !important;
    }

    .studio-slider-signature {
        font-size: 22px;
    }

    .studio-slider-caption p {
        font-size: 13px;
        line-height: 1.5;
    }
}



















/* --------------------------------------------------
   MENU HAMBURGER PERMANENT
   Studio du Château
-------------------------------------------------- */

/* Le header ne flotte plus comme un menu desktop */
.navbar-header {
    float: none !important;
}

/* Le bouton hamburger est toujours visible */
.navbar-toggle {
    display: block !important;
    float: right !important;
    margin-top: 18px !important;
    margin-right: 22px !important;
    margin-bottom: 18px !important;
    border: none !important;
    background: transparent !important;
}

/* Les trois lignes du hamburger */
.navbar-toggle .icon-bar {
    display: block !important;
    background-color: #fff !important;
}

/* Le menu est fermé par défaut */
.navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    overflow: hidden !important;
}

/* Le menu s’ouvre au clic */
.navbar-collapse.collapse.in,
.navbar-collapse.in {
    display: block !important;
    overflow-y: auto !important;
}

/* Menu vertical */
.navbar-nav {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    background: rgba(0, 0, 0, 0.94) !important;
}

/* Items du menu */
.navbar-nav > li {
    float: none !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}

/* Liens */
.navbar-nav > li > a {
    display: block !important;
    padding: 14px 15px !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: center !important;
}

/* Désactive le comportement desktop à droite */
.navbar-right {
    float: none !important;
    margin-right: 0 !important;
}

/* Téléphone dans le menu */
.nav-phone-item {
    text-align: center !important;
}

.nav-phone-link {
    display: inline-block !important;
    font-size: 12px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}















/*------------------------------------*\





/* --------------------------------------------------
   MENU HAMBURGER PERMANENT - FOND NOIR
-------------------------------------------------- */

.navbar,
.navbar-default,
.navbar-fixed-top,
.main-navigation {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Si tu veux une barre noire au lieu de transparente */
.navbar-collapse,
.navbar-default .navbar-collapse {
    background: rgba(0, 0, 0, 0.94) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hamburger toujours visible */
.navbar-header {
    float: none !important;
}

.navbar-toggle {
    display: block !important;
    float: right !important;
    margin-top: 18px !important;
    margin-right: 22px !important;
    margin-bottom: 18px !important;
    border: none !important;
    background: transparent !important;
}

.navbar-default .navbar-toggle,
.navbar-inverse .navbar-toggle {
    border: none !important;
    background: transparent !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background: transparent !important;
}

/* Trois lignes blanches */
.navbar-toggle .icon-bar,
.navbar-default .navbar-toggle .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff !important;
}

/* Menu fermé par défaut */
.navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    overflow: hidden !important;
}

/* Menu ouvert au clic */
.navbar-collapse.collapse.in,
.navbar-collapse.in {
    display: block !important;
    overflow-y: auto !important;
}

/* Menu vertical */
.navbar-nav {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    background: rgba(0, 0, 0, 0.94) !important;
}

.navbar-nav > li {
    float: none !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}

.navbar-nav > li > a {
    display: block !important;
    padding: 14px 15px !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: center !important;
    color: #fff !important;
}

.navbar-right {
    float: none !important;
    margin-right: 0 !important;
}




/* --------------------------------------------------
   POSITION DU HAMBURGER - PLUS HAUT
-------------------------------------------------- */

.navbar-toggle {
    position: relative !important;
    top: -30px !important;
    margin-top: 6px !important;
    margin-right: 18px !important;
    margin-bottom: 6px !important;
}




/* --------------------------------------------------
   HAMBURGER PLUS GROS
-------------------------------------------------- */

.navbar-toggle {
    position: relative !important;
    top: -30px !important;
    padding: 10px 12px !important;
}

.navbar-toggle .icon-bar {
    width: 34px !important;
    height: 4px !important;
    border-radius: 3px !important;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px !important;
}




/* --------------------------------------------------
   MENU HAMBURGER OUVERT - FORMAT PLUS ÉLÉGANT
-------------------------------------------------- */

.navbar-collapse,
.navbar-collapse.collapse.in,
.navbar-collapse.in {
    position: fixed !important;
    top: 80px !important;
    right: 25px !important;
    left: auto !important;

    width: 320px !important;
    max-width: calc(100% - 50px) !important;

    height: auto !important;
    max-height: calc(100vh - 110px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    background: rgba(0, 0, 0, 0.94) !important;
    border: none !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45) !important;
    padding: 18px 0 !important;
    z-index: 99999 !important;
}

/* enlève les marges qui créent parfois une barre à gauche */
.navbar-nav {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* chaque lien en ligne propre */
.navbar-nav > li {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}

.navbar-nav > li > a {
    display: block !important;
    padding: 12px 20px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: center !important;
    color: #fff !important;
}

/* enlever le float desktop */
.navbar-right {
    float: none !important;
    margin-right: 0 !important;
}


/* --------------------------------------------------
   MENU HAMBURGER - PAGE ACTIVE EN BLEU
-------------------------------------------------- */

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:active {
    color: #ffffff !important;
    background: transparent !important;
}

.navbar-nav > li.active > a,
.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus,
.navbar-nav > li > a.active,
.navbar-nav > li > a.active:hover,
.navbar-nav > li > a.active:focus {
    color: #00aaff !important;
    background: transparent !important;
    border-color: #00aaff !important;
}

/* Si la petite barre vient de l'effet underline */
.navbar-nav > li.active > a.link-underline-menu::before,
.navbar-nav > li.active > a.link-underline-menu::after,
.navbar-nav > li > a.active.link-underline-menu::before,
.navbar-nav > li > a.active.link-underline-menu::after {
    background: #00aaff !important;
}


/* --------------------------------------------------
   MENU HAMBURGER - LIGNE BLEUE AU SURVOL
-------------------------------------------------- */

.navbar-nav > li > a {
    position: relative !important;
    display: inline-block !important;
}

/* ligne bleue cachée au départ */
.navbar-nav > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 2px;
    width: 0;
    height: 2px;
    background: #00aaff;
    transform: translateX(-50%);
    transition: width 0.25s ease;
}

/* ligne bleue au passage de la souris */
.navbar-nav > li > a:hover::after,
.navbar-nav > li > a:focus::after {
    width: 60%;
}

/* page active : ligne bleue visible */
.navbar-nav > li > a.active::after {
    width: 60%;
}




/* --------------------------------------------------
   HAMBURGER AVEC TEXTE MENU  MENU + HAMBURGER - POSITION PAR FORMAT
-------------------------------------------------- */


   


/* base commune */
.menu-toggle-custom {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 8px !important;
    border: none !important;
    background: transparent !important;
}

/* ordinateur / desktop */
@media only screen and (min-width: 1025px) {
    .menu-toggle-custom {
        top: -130px !important;
    }
}

/* tablette */
@media only screen and (max-width: 1024px) {
    .menu-toggle-custom {
        top: -150px !important;
    }
}











.menu-toggle-text {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.12em;
    color: #fff;
    line-height: 1;
}

.menu-toggle-bars {
    display: inline-block;
}

.menu-toggle-custom .icon-bar {
    display: block !important;
    width: 36px !important;
    height: 4px !important;
    border-radius: 3px !important;
    background-color: #fff !important;
}

.menu-toggle-custom .icon-bar + .icon-bar {
    margin-top: 6px !important;
}

/* survol */
.menu-toggle-custom:hover .menu-toggle-text,
.menu-toggle-custom:focus .menu-toggle-text {
    color: #00aaff;
}

.menu-toggle-custom:hover .icon-bar,
.menu-toggle-custom:focus .icon-bar {
    background-color: #00aaff !important;
}






/* --------------------------------------------------
   MENU + HAMBURGER - RETOUR EN BLANC QUAND FERMÉ
-------------------------------------------------- */

.menu-toggle-custom,
.menu-toggle-custom .menu-toggle-text,
.menu-toggle-custom .icon-bar {
    color: #fff !important;
}

.menu-toggle-custom:not(:hover):not(:focus) .menu-toggle-text {
    color: #fff !important;
}

.menu-toggle-custom:not(:hover):not(:focus) .icon-bar {
    background-color: #fff !important;
}

/* état bleu seulement quand la souris est sur le bouton */
.menu-toggle-custom:hover .menu-toggle-text,
.menu-toggle-custom:focus .menu-toggle-text {
    color: #00aaff !important;
}

.menu-toggle-custom:hover .icon-bar,
.menu-toggle-custom:focus .icon-bar {
    background-color: #00aaff !important;
}

























/* --------------------------------------------------
   LOGO WEBM - TEST STABLE
   On garde le gros logo visible et attaché à la navbar
-------------------------------------------------- */

.logo {
    position: relative !important;
    z-index: 9999 !important;
    overflow: visible !important;
}

.navbar-brand {
    position: relative !important;
    display: block !important;
    width: 260px !important;
    height: 150px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}



/* --------------------------------------------------
   LOGO WEBM - DESKTOP LARGE
-------------------------------------------------- */

.logo-video-webm {
    display: block !important;
    position: absolute !important;
    left: 20px !important;
    top: -100px !important;
    width: 550px !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 10 !important;
}


/* --------------------------------------------------
   LOGO WEBM - LAPTOP / ÉCRAN MOYEN
-------------------------------------------------- */

@media only screen and (max-width: 1440px) {
    .logo-video-webm {
        left: 10px !important;
        top: -85px !important;
        width: 480px !important;
    }
}


/* --------------------------------------------------
   LOGO WEBM - TABLETTE
-------------------------------------------------- */

@media only screen and (max-width: 1024px) {
    .logo-video-webm {
        left: 0 !important;
        top: -70px !important;
        width: 400px !important;
    }
}


/* --------------------------------------------------
   LOGO WEBM - TÉLÉPHONE
-------------------------------------------------- */

@media only screen and (max-width: 767px) {
    .logo-video-webm {
        left: 95px !important;
        top: -55px !important;
        width: 260px !important;
    }
}










/* --------------------------------------------------
   MENU + HAMBURGER - FORMAT TÉLÉPHONE FINAL
-------------------------------------------------- */

@media only screen and (max-width: 767px) {
    .menu-toggle-custom {
        top: -150px !important;
        transform: translateX(25px) !important;
        gap: 8px !important;
        padding: 6px 6px !important;
    }

    .menu-toggle-custom .menu-toggle-text {
        font-size: 11px !important;
        letter-spacing: 0.09em !important;
    }

    .menu-toggle-custom .menu-toggle-bars .icon-bar,
    .menu-toggle-custom .icon-bar,
    .navbar-toggle.menu-toggle-custom .icon-bar {
        width: 26px !important;
        height: 3px !important;
        border-radius: 2px !important;
    }

    .menu-toggle-custom .menu-toggle-bars .icon-bar + .icon-bar,
    .menu-toggle-custom .icon-bar + .icon-bar,
    .navbar-toggle.menu-toggle-custom .icon-bar + .icon-bar {
        margin-top: 4px !important;
    }
}







/* --------------------------------------------------
   PETIT LOGO - CACHÉ AU DÉPART, VISIBLE AU SCROLL
-------------------------------------------------- */

.navbar .petit-logo-blanc {
    display: block !important;
    position: absolute !important;
    left: 20px !important;
    top: 8px !important;
    width: 120px !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 20 !important;
    pointer-events: none !important;
}

/* quand notre script active le petit logo */
body.logo-small-mode .petit-logo-blanc {
    opacity: 1 !important;
    visibility: visible !important;
}

/* quand notre script active le petit logo, le gros disparaît */
body.logo-small-mode .logo-video-webm {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}



/* --------------------------------------------------
   PETIT LOGO - AJUSTEMENT TÉLÉPHONE
-------------------------------------------------- */

@media only screen and (max-width: 767px) {
    .navbar .petit-logo-blanc {
        width: 72px !important;
        top: -10px !important;
        left: 5px !important;
    }
}