@charset "UTF-8";

@media screen and (min-width: 1900px) {

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;500&display=swap');

@import url("https://fonts.cdnfonts.com/css/deutsch-gothic");

@font-face {
  font-family: 'deutsch_gothic';
  src: url('../fonts/deutsch-webfont-webfont.eot');
  src: url('../fonts/deutsch-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/deutsch-webfont-webfont.woff2') format('woff2'),
       url('../fonts/deutsch-webfont-webfont.woff') format('woff'),
       url('../fonts/deutsch-webfont-webfont.ttf') format('truetype'),
       url('../fonts/deutsch-webfont-webfont.svg#deutsch_gothicnormal') format('svg');
  font-weight: normal;
  font-style: normal;

}
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cinzel:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,700;1,300&family=Dancing+Script:wght@400;500;600;700&family=Darker+Grotesque:wght@300;400;500;600&family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500&family=Parisienne&family=Tangerine:wght@400;700&display=swap');


/*--- font-family: 'Cinzel', serif;
font-family: 'Cinzel Decorative', cursive;
font-family: 'Cormorant Garamond', serif;
font-family: 'Dancing Script', cursive;
font-family: 'Darker Grotesque', sans-serif;
font-family: 'Kodchasan', sans-serif;
font-family: 'Parisienne', cursive;
font-family: 'Tangerine', cursive;----*/




.ombre2	{	/* pour creer un alo autour du texte en blanc  */
        margin-left: 20px;
        font-size: 60px;
        color: white;
        
      }

.ombre1 {   /* pour creer une ombre texte  
        font-size: 60px;*/
        text-shadow: 4px 4px 5px #666;
      }

.ombre3 {   /* pour creer une ombre texte  
        font-size: 60px;*/
        text-shadow: 4px 4px 5px #fff;
      }

/* --- STYLES POUR LES BALISES HTML --- */

body { 
	margin: 0; 
	padding: 0;  	
	background-color: #fff;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
	color: #1b1a1c;
	line-height: 1.5; 	
	font-size: 100%;
    overflow-x: hidden;
	}

html body {
    font-family: 'Darker Grotesque', sans-serif; 
    font-weight: 200;
    margin: 0;
    max-width: 100%;
    height: auto;
    }

.body-acces {
        background-image: url('../images/fond-index-5-bis.png');
        background-repeat: no-repeat; 
        background-attachment: fixed; 
        background-position: bottom; 
        background-size: 100%;
        
    }

.body-colombier {
    background-image: url('../images/logo-index-body.png');
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: center center; 
	background-size: 50%;
}

.body-fond-page-contact {
    background-image: url('../images/fond-bg-page-contact.jpg');
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: center center; 
	background-size: 100%;
}
.body-activite {
    background-image: url('../images/fond-page-activite-1.png');
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: top center; 
	background-size: 100%;
}

.body-alentour {
    background-image: url('../images/fond-alentour.png');
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: center center; 
	background-size: 100%;
}

.body-bergerac {
    background-image: url('../images/fond-page-bergerac.png');
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: center center; 
	background-size: 100%;
}

.repousse-colonne-bouton-bis {
    margin-left: 6.5%!important;
}

p, ul, ol, li, td { 
	font-size: 0.9em; 	
	}
p, li { 
	margin-bottom: 0.75em;	
	}
.p-bouton {
    font-size: 0.9em;
    color: white;
    
    
}

.iframe-video-noel {
    width: 750px;
    height: 450px;
    
   
    
}




.img-noel {
    width: 70%;
    margin-left: 5%;
    padding-top: 10%;
    padding-bottom: 5%;
}

.fond-noel {
    background-color: dimgray;
    
}

.h3-noel {
    font-family: 'chapaza', serif;
    color: #EEBF00;
    font-size: 2.5em;
    text-align: center;
    padding-top: 10%;
    line-height: 0.8;
}

.h3-noel span {
     font-family: 'chapaza', serif;
    color: #eec436;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.6em;
    
}

.p-noel {
    font-family: 'josefin_sansregular', sans-serif;
    color: #dbebf1; /*00547a*/
    font-size: 1em;
    font-weight: 100;
    text-align: center;
    margin-top: 4%;
}

.p-noel span {
    
    font-family: 'chapaza', serif;
    font-size: 2em;
    color:azure;
}

.a-titre-colombier:link, .a-titre-colombier:visited {    color: #8dcac7; 
text-decoration: none; 
font-family: 'deutsch_gothic', serif;
	font-size: 1.6em;
    padding-top: 10px;
    line-height: 1;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    padding-bottom: 30px;
    
    cursor: pointer;
}
.a-titre-colombier:hover, .a-titre-colombier:active { color: #6e9c9a; text-decoration: none; }

a:link, a:visited { color: #6e9c9a; text-decoration: none; }
a:hover, a:active { color: #8dcac7; text-decoration: none; }

.p1 {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 500;
    font-size: 2.5em;
    text-align: right;
    padding-right: 30px;
    margin-top: 20%;
    color: #fff; /*  #d59a1c b18aa7 */
    line-height: 0.5;
    }




.p1-prix {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
    font-size: 1em;
    text-align: right;
    padding-left: 60px;
    padding-right: 30px;
    color: #fff;/* #d59a1c b18aa7 */
    

    }

.p1-bis {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 1.8em;
    text-align: justify;
    padding-left: 30px;
    padding-right: 60px;
    color: #cfd9e7;
    margin-top: 0;
    }
.p1-video {
    font-family: 'Darker Grotesque', sans-serif;
        font-weight: 200;
        font-size: 3em;
        text-align: justify;
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 50px;
        color: #fff;
        line-height: 0.8;
        }

.p1-video-gal {
            font-family: 'Cormorant Garamond', serif;
                font-weight: 300;
                font-size: 3em;
                text-align: justify;
                padding-left: 60px;
                padding-right: 60px;
                padding-top: 50px;
                color: #053a59;
                line-height: 0.8;
                }

.p1-video-bis {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 3em;
            text-align: justify;
            padding-left: 200px;
            padding-right: 60px;
            padding-top: 50px;
            color: #053a59;
            line-height: 0.8;
            }
.p1-video-bis-gal {
                font-family: 'Cormorant Garamond', serif;
                font-weight: 300;
                font-size: 3em;
                text-align: justify;
                padding-left: 200px;
                padding-right: 60px;
                padding-top: 50px;
                color: #053a59;
                line-height: 0.8;
                }

.p1-video-lightbox {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 3em;
    text-align: justify;
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 5%;
    color: #3a575d; /*b18aa7 */
    line-height: 0.8;
    }

h2, h4, h5, h6 {
	margin-bottom: 0.5em;	/* marge sous chaque titre */ 
	font-weight: normal;	/* paramètre à recopier de la fonte importée pour ne pas surengraisser */
	font-style: normal;	/* paramètre à recopier de la fonte importée pour ne pas italiser une @font italiséé par exemple  */
	line-height: 1.35;	/* les titres sont souvent à moins interligner optiquement */
	}

h1 { 
	font-family: 'deutsch_gothic', serif;
	font-size: 5em;
    padding-top: 60px;
    line-height: 1;
    color: #053a59;/* */
    text-align: center;
   
	}

    .logo {
        position: relative;
        float: left;
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
        width: 40px; 
        
        }
    
    
    .li-logo {padding: 0;}
    
    .logo-colombier {
        position: relative;
        float: left;
        padding: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
        width: 40px; 
        margin-left: 22%;
        
        }

.a-logo:link, .a-logo:visited { 
    position: absolute;
    font-family: 'Parisienne', cursive;
	font-size: 1.5em;
   margin-top: 2%;
    margin-left: -35%;
    line-height: 1;
    color: #d0b5b5;/*  #c3a005 #053a59*/ 
    text-decoration: none; 
    z-index: 99999999999;
}
.a-logo:hover, .a-logo:active { 
    color: rgb(231, 219, 221); 
    text-decoration: none; 
}

.a-logo-colombier:link, .a-logo-colombier:visited { 
    position: absolute;
    font-family: 'deutsch_gothic', serif;
	font-size: 1.5em;
   margin-top: 2%;
    margin-left: -12%;
    line-height: 1;
    color: #8dcac7;/*  #c3a005 #053a59*/ 
    text-decoration: none;
    cursor: pointer; 
    z-index: 99999999999;
    
}
.a-logo-colombier:hover, .a-logo-colombier:active {
     cursor: pointer;
    color: #6e9c9a; 
    text-decoration: none; 
}

.a-acces:link, .a-acces:visited { 
    font-family: 'deutsch_gothic', serif;
	font-size: 1.2em;
   margin-top: 2%;
    line-height: 1;
    color: #8dcac7;/*  #c3a005 #053a59*/ 
    text-decoration: none; 
    z-index: 99999999999;
}
.a-acces:hover, .a-acces:active { 
    color: #6e9c9a; 
    text-decoration: none; 
}

.a-acces-bis:link, .a-acces-bis:visited { 
    font-family: 'Parisienne', cursive;
	font-size: 1.5em;
   margin-top: 2%;
    line-height: 1;
    color: #bb8a89;/*  #c3a005 #053a59*/ 
    text-decoration: none; 
    z-index: 99999999999;
}
.a-acces-bis:hover, .a-acces-bis:active { 
    color: rgb(231, 219, 221); 
    text-decoration: none;  
}

.h1-index-0 { 
	font-family: 'Cormorant Garamond', serif;
	font-size: 4.5em;
    padding-top: 60px;
    line-height: 1;
    color: #ffff;/* */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin-top: -8%;
    
   
	}
.logo-index {
    position: absolute;
    padding: 0 auto;
    padding-top: 10px;
    margin: 0 auto;
    margin-left: -5%;
    width: 12%; 
    
    }
.logo-acces {
       width: 15%;
        height: auto;
        margin-left: 3%;
        }


.h1bis {
    padding-top: 20px;
    }


.h3-icones {
        font-size: 3em;
        color: #5e7b81; /* #3c5765 7E8C72*/
        font-family: 'Dancing Script', cursive;
        font-weight: 300;
         padding-top: 5%;
        
    
    }
.fond-prestation {
    background-color: rgba(99,129,145,.4);
    /*background-color: rgba(102,125,159,.8);rgba(57,86,91,.8)*/
    padding-left: 2%;
    padding-right: 2%;
}

.fond-icone-colombier {
    padding-top: 20px;
    padding-left: 2%;
    padding-right: 2%;
     border: dotted 2px #053a59;
     background-color: transparent;
  
    
}

.img-prestation {
    padding-top: 5%;
}

h2 { 
    font-size: 1.8em; 
    font-family: 'chapaza', serif;
    text-align: center;
    color: #0f6e8e;
    text-align: center;
    
    }

 

.h2-galerie { 
        font-family: 'deutsch_gothic', serif;
        font-size: 4em;
        padding-top: 10px;
        line-height: 1;
        color: #8dcac7;/*  #e6bf0f #c3a005 #053a59*/
        text-align: centre;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        padding-bottom: 30px;
        
       
        }

.h2-index-1 { 
	font-family: 'deutsch_gothic', serif;
	font-size: 2.8em;
    padding-top: 10px;
    line-height: 1;
    color: #e6bf0f;/*  #e6bf0f #c3a005 #053a59*/
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    padding-bottom: 30px;
    border-bottom: solid 2px #c2d3e5;
    cursor: pointer;
   
	}

.h2-index-1-bis { 
        font-family: 'parisienne', serif;
        font-size: 2.8em;
        padding-top: 10px;
        line-height: 1;
        color: #8a5b58;/*  #e6bf0f #c3a005 #053a59*/
        text-align: center;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        padding-bottom: 50px;
        cursor: pointer;
       
        }

.a-h2-index-1:link, .a-h2-index-1:visited { 
            font-family: 'deutsch_gothic', serif;
            font-size: 2em;
           margin-top: 2%;
            line-height: 1;
            color: #e6bf0f;/*  #c3a005 #053a59*/ 
            text-decoration: none; 
            z-index: 99999999999;
            cursor: pointer;
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        }
.a-h2-index-1:hover, .a-h2-index-1:active { 
            color: #c4a623; 
            text-decoration: none; 
        }
        
.a-h2-index-1-bis:link, .a-h2-index-1-bis:visited { 
            font-family: 'Parisienne', cursive;
            font-size: 2em;
           margin-top: 2%;
            line-height: 1;
            color: #d6a4a4;/*  #c3a005 #053a59*/ 
            text-decoration: none; 
            z-index: 99999999999;
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
            cursor: pointer;
        }
.a-h2-index-1-bis:hover, .a-h2-index-1-bis:active { 
            color: rgba(214, 190, 189, 0.6); 
            text-decoration: none;  
        }



.h2-index-1-logis { 
	font-family: 'Cinzel Decorative', cursive;
	font-size: 3em;
    font-weight: 400;
    padding-top:20%;
    line-height: 1;
    color: #e6bf0f;/*  #c3a005 #053a59*/
    text-align: center;
    text-shadow: 4px 4px 5px #666;
    padding-bottom: 70px;
   
	}

h3 { 
    font-size: 1.6em; 
    }

.h3bis { 
        font-size: 1.5em;
        font-family: 'Josefin Sans', arial, serif;
        text-transform: uppercase;
        padding-top: 2%;
        padding-bottom: 2%;
    }

.h3bis1 { 
    font-size: 4em;
    font-family: 'Cormorant Garamond', serif;
    text-transform: uppercase;
   margin-top: 10%;
    padding-bottom: 2%;
    padding-left: 5%;
    padding-right: 5%;
    color: #344c59;
    }

.h3bis1-ch { 
        font-size: 4em;
        font-family: 'Cormorant Garamond', serif;
        text-transform: uppercase;
        padding-top: 5%;
        padding-bottom: 2%;
        color: #344c59;
        }
.h3bis1-ch span {
    font-family: 'Cinzel', serif;
}

.h3bis-promener { 
    font-size: 2em;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    text-align: justify;
    /*text-transform: uppercase;*/
    padding-top: 2%;
    padding-bottom: 2%;
    color: #344c59; /*7E8C72 */
    padding-left: 9%;
    padding-right: 9%;
    }

.h3bis-acces { 
    font-size: 2em;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    margin-top: 3%;
    margin-bottom: 5%;
    color: #053a59;
    padding-left: 10%;
    padding-right: 10%;
    }

.h3bis-contact { 
    font-size: 2.5em;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #344c59;
    }

.h3-titre-1 { 
    font-size: 4em;
    font-family: 'Cinzel Decorative', serif;
    padding-bottom: 2%;
    padding-top: 2%;
    font-weight: 400;
    color: #04223c; /* #7E8C72*/
    
    }




.p-presentation {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 2em;
    color: #3c5765; /*7E8C72 */
    margin-bottom: 5%;
    text-align: justify;
    margin-left: 10%;
    margin-right: 10%;
    
}

.p-presentation-maison {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 2em;
    color: #3c5765; /* #7E8C72*/
    padding-top: 0%;
    padding-right: 10%;
    padding-left: 10%;
    padding-bottom: 5%;
    text-align: justify;
}

.p-photo-alain {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 1em;
    color: #7E8C72;
    padding-top: -5%;
    padding-right: 10%;
    padding-left: 10%;
}

.p-maison-0 {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 1.5em;
    color: #233842;
    padding-top: 5%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 5%;
}





.h3-icones-logis {
font-size: 3em;
    color: #3c5765; /* 7E8C72*/
    font-family: 'Dancing Script', cursive;
    font-weight: 300;
    padding-top: 5%;
}



.p-maison {
    font-size: 1.8em;
    color: #5483bd;
    padding-right: 5%;
    padding-left: 15%;
    margin-top: -35%;
}

.p-maison-1 {
      font-size: 1.5em;
    color: #7E8C72;
    padding-top: -5%;
    padding-right: 5%;
    padding-left: 5%;
}


.slide-up-icone {
    padding-top:-3% ;
   
    margin: 0;
}



h5 { font-size: 1.0em; }
h6 { font-size: 0.9em; }

.h5bis{
    font-size: 1.5em; 
    font-family: 'cinzelregular', serif;
    text-align: center;
    }

sub, sup { font-size: 0.7em; }

hr { 				/* simple ligne de separation */
	color: #eeeeee; 
	background-color: #eeeeee; 
	height: 1px; 
	border: #eeeeee; 
	}
img { 
	border: none; 		/* on supprime les bordures sur les images (qui apparaissent parfois avec un lien) */
	vertical-align: middle; /* alignement des images sur le milieu de la ligne de texte */
	} 


/* lien hypertexte normal 
a:link, a:visited { 
    color: #6e9c9a; 
    text-decoration: none; 
    cursor: pointer;
}
a:hover, a:active { 
    color: #8dcac7; 
    text-decoration: none; 
}*/

.a5:link, .a5:visited { color: #ee2c25; text-decoration: none; 
    opacity: 0.65; 
    }
.a5:hover, .a5:active { color: #999999; text-decoration: none;
    opacity: 1;
     -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
    }



/* --- MES STYLES DE BLOCS --- */

.page, .wrapper, .container { 
	margin: 0 auto; 
	padding: 0 1.5%;
    
	
    }




/*##### ABOUT MYSELF SECTION #####*/
.about-myself {
  padding: 0;
    padding-top: -10%;
    margin: 0;
    background-color: transparent; /*#85b2ae;*/
}
.about-myself .content {
   
  text-align: center;
}
.about-myself .content .h3-titre-1 {
    
font-family: 'Cinzel', serif;
  color: #04223c; /*#1A1A1A;*/
  font-size: 3.2em;
  margin-bottom: 0;
  margin-top: 5%;
  -webkit-transform: translateY(-50px) scale(0);
  transform: translateY(-50px) scale(0);
  -webkit-transition: transform .6s;
  -moz-transition: transform .6s;
  transition: transform .6s;
}
.about-myself .content .aboutTitleVisible {
  -webkit-transform: translateY(0px) scale(1);
  transform: translateX(0px) scale(1);
}


#fond-1 {
    width: 100%;
    background: none;
}

.strong-ch {
    float: right;
    border-bottom: solid 2px #04223c;
}
.strong-ch-bis {
    
    border-bottom: solid 2px #04223c;
}

#anim-chambre {opacity: 0;}
#anim-chambre-touch {opacity: 0;}
#anim-chambre-1 {opacity: 0;}
#anim-chambre-1-touch {opacity: 0;}
#anim-chambre-2 {opacity: 0;}
#anim-chambre-2-touch {opacity: 0;}
#anim-chambre-6 {opacity: 0;}

#section1 {opacity: 0;}

#section1-bis {opacity: 0;}
#section1-bis-ch {opacity: 0;}

#section1-tablet {opacity: 0;}
#section1-phone {opacity: 0;}
#section1-promener {opacity: 0;}
#section1-promener-bis {opacity: 0;}
#section1-region {opacity: 0;}
#section1-region-bis {opacity: 0;}

#section2 {opacity: 0;}
#section-alentour {opacity: 0;}
#section2-maison-index-phone {opacity: 0;}
#section2-texte1-index-phone {opacity: 0;}

#section3 {opacity: 0;}
#section3-1 {opacity: 0;}
#section3-2 {opacity: 0;}
#section3-3 {opacity: 0;}
#section3-4 {opacity: 0;}
#section3-5 {opacity: 0;}

#section3-presta-petitdej-tablet {opacity: 0;}
#section3-presta-wifi-tablet {opacity: 0;}
#section3-presta-nettoyage-tablet {opacity: 0;}
#section3-presta-capacite-tablet {opacity: 0;}
#section3-presta-linge-tablet {opacity: 0;}
#section3-presta-patio-tablet {opacity: 0;}

#section3-presta-conciergerie-phone {opacity: 0;}
#section3-presta-wifi-phone {opacity: 0;}
#section3-presta-nettoyage-phone {opacity: 0;}
#section3-presta-capacite-phone {opacity: 0;}
#section3-presta-linge-phone {opacity: 0;}
#section3-presta-patio-phone {opacity: 0;}


#section5 {opacity: 0;}
#section5-1 {opacity: 0;}
#section5-2 {opacity: 0;}
#section5-3 {opacity: 0;}
#section5-4 {opacity: 0;}
#section5-5 {opacity: 0;}

#section5-bouton-stmalo-tablet {opacity: 0;}
#section5-bouton-dinard-tablet {opacity: 0;}
#section5-bouton-stlunaire-tablet {opacity: 0;}
#section5-bouton-msm-tablet {opacity: 0;}
#section5-bouton-dinan-tablet {opacity: 0;}
#section5-bouton-cancale-tablet {opacity: 0;}

#section5-bouton-stmalo-phone {opacity: 0;}
#section5-bouton-dinard-phone {opacity: 0;}
#section5-bouton-stlunaire-phone {opacity: 0;}
#section5-bouton-msm-phone {opacity: 0;}
#section5-bouton-dinan-phone {opacity: 0;}
#section5-bouton-cancale-phone {opacity: 0;}


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

#section-page-activite {opacity: 0;}
#section-page-activite-1 {opacity: 0;}
#section-page-activite-2 {opacity: 0;}
#section-page-activite-3 {opacity: 0;}
#section-page-activite-4 {opacity: 0;}
#section-page-activite-5 {opacity: 0;}

#section-stmalo-1-tablet {opacity: 0;}
#section-stmalo-2-tablet {opacity: 0;}
#section-stmalo-3-tablet {opacity: 0;}
#section-stmalo-4-tablet {opacity: 0;}
#section-stmalo-5-tablet {opacity: 0;}
#section-stmalo-6-tablet {opacity: 0;}

#section-stmalo-phone {opacity: 0;}
#section-stmalo-phone-1 {opacity: 0;}
#section-stmalo-phone-2 {opacity: 0;}
#section-stmalo-phone-3 {opacity: 0;}
#section-stmalo-phone-4 {opacity: 0;}
#section-stmalo-phone-5 {opacity: 0;}



#section-msm {opacity: 0;}
#section-msm-1 {opacity: 0;}
#section-msm-2 {opacity: 0;}
#section-msm-tablet {opacity: 0;}
#section-msm-1-tablet {opacity: 0;}
#section-msm-2-tablet {opacity: 0;}
#section-msm-phone {opacity: 0;}
#section-msm-1-phone {opacity: 0;}
#section-msm-2-phone {opacity: 0;}
#section-stlunaire {opacity: 0;}
#section-cancale {opacity: 0;}
#section-dinan {opacity: 0;}
#section-1-galerie{opacity: 0;}

#section-2-galerie{opacity: 0;}

#section-3-galerie{opacity: 0;}

#section-4-galerie{opacity: 0;}

#section-5-galerie{opacity: 0;}

#section-6-galerie{opacity: 0;}

#section-7-galerie{opacity: 0;}

#section-8-galerie{opacity: 0;}

#section-9-galerie{opacity: 0;}

#section-10-galerie{opacity: 0;}

#section-11-galerie{opacity: 0;}

#section-12-galerie{opacity: 0;}

#section-13-galerie{opacity: 0;}

#section-14-galerie{opacity: 0;}

#section-15-galerie{opacity: 0;}








/* on cible tous les 'ul' contenus dans les 'nav' du 'header' */
.nav1 {
    float: right;
    margin-top: 0;
    margin-bottom: 0;
    
    
    
}

header {
    min-width: 100%;
    display: none;
    opacity: 1;
    position: fixed;
    z-index: 100000000;
    /*background-color: #38555a;  #497186 #0f6e8e #00547a*/
    background-color: rgba(29,32,37,.9);
    border-bottom: 2px solid #c2d3e5;
}
header nav ul { 		
	list-style: none; 
	margin: 0;
	padding: 0;
	
	}
header nav ul li { 		
	list-style: none;	
	display: block;	
	margin: 0;
	padding: 0;
	float: left;
    z-index: 100;
	}


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

	}


/*---------------------------- sous menu-------------------*/



ul.nav1 ul { 
	display: block; /* on cache le sous menu par defaut */
	position: absolute;
	background-color: none;
	width: 240px; 
	z-index: 998;
	}
ul.nav1 li:hover > ul .bouton1 { 
	display: block; /* on affiche le sous menu <ul> au survol de l'element <li> */ 
	}
ul.nav1 ul ul { top: 0px; left: 240px; } /* positionne le sous-menu a 180px à droite */
ul.nav1 > li:hover > ul .bouton1 { display: block; }


ul.nav1 li:hover > ul .bouton1-bis { 
	display: block; /* on affiche le sous menu <ul> au survol de l'element <li> */ 
	}
ul.nav1 ul ul { top: 0px; left: 240px; } /* positionne le sous-menu a 180px à droite */
ul.nav1 > li:hover > ul .bouton1-bis { display: block; }



.bouton1 { 
    width: 150px;
	margin-right: 50px; 	/* pour repousser (ou pas) les boutons entre eux */
	padding: 15px 15px;
	display: none;	 /*Block en ligne pour consolider les paddings limités par la hauteur du texte */
	background-color: rgba(161,176,176,.9); /* gris */	 
    font-weight: normal;
    font-size: 1.5em;
	color: #1b1a1c;
    border: none;
	vertical-align: middle;	/* permet l'alignement vertical sur la ligne de texte (images, icones, etc.) */
    cursor: pointer;
	transition: 0.3s ease;
    z-index: 300;
    float: inline-start;
    border-radius: 0%;
    border-bottom: solid 2px #17333c;
    
   
    }

.bouton1:link, .bouton1:visited { 
	background-color: rgba(161,176,176,.9); /* gris bleu*/
	color: #1b1a1c;
	text-decoration: none; 
	}
.bouton1:hover, .bouton1:active { 
	background-color: rgba(115, 132, 128, 0.9); /* gris bleu*/
	color: #1b1a1c;
	text-decoration: none; 
	}

    .bouton1-bis { 
        width: 200px;
        margin-right: 50px; 	/* pour repousser (ou pas) les boutons entre eux */
        padding: 15px 15px;
        display: none;	 /*Block en ligne pour consolider les paddings limités par la hauteur du texte */
        background-color: rgba(161,176,176,.9); /* gris */	 
        font-weight: normal;
        font-size: 1.5em;
        color: #1b1a1c;
        border: none;
        vertical-align: middle;	/* permet l'alignement vertical sur la ligne de texte (images, icones, etc.) */
        cursor: pointer;
        transition: 0.3s ease;
        z-index: 300;
        float: inline-start;
        border-radius: 0%;
        border-bottom: solid 2px #17333c;
        
       
        }
    
    .bouton1-bis:link, .bouton1-bis:visited { 
        background-color: rgba(161,176,176,.9); /* gris bleu*/
        color: #1b1a1c;
        text-decoration: none; 
        }
    .bouton1-bis:hover, .bouton1-bis:active { 
        background-color: rgba(115, 132, 128, 0.9); /* gris bleu*/
        color: #1b1a1c;
        text-decoration: none; 
        }



/*------------------- video fond d'écran page contact qui suisje et index -------------------------*/
.video {
    padding: 0 auto;
    margin: 0 auto;
}

.fond-bleu-colombier {
    margin-top: 5%;
    /*background-color: #39565b;*/
    padding-bottom: 0%;
    background-color: rgba(29,32,37,.8);
    /*background-color: rgba(99,129,145,.7);
    background-color: rgba(57,86,91,.8);*/
    
}

.fond-bleu-colombier-bis {
    margin-top: 5%;
    background-color: rgba(29,32,37,.8);
    /*background-color: rgba(99,129,145,.7);  #497186*/
    padding-bottom: 2%;
    margin-bottom: 5%;
}



/*//////////////////////////   page index    /////////////////////////////////////*/

#bgVid {
    position:relative;
    right:0;
    bottom:0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -5;
    background-size: cover;
    

}


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


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

.bloc-logo {
    margin: 0;
    padding: 0;
}

.h1deco {
    position: absolute;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    padding-top: 27%;
    font-family: 'cinzelbold', serif;
	font-size: 6em; 
    text-transform: uppercase;
    text-align: center;

}

.h2deco {
    position: absolute;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    padding-top: 25%;
    font-size: 2em; 
    font-family: 'cinzelbold', serif;
    text-transform: uppercase;
    text-align: center;
}

.bloc1logo {
    position: absolute;
    width: 300px;
    left:50%;
    margin-left:-150px;
    padding-top: 5%;
    cursor: pointer;
   z-index: 80;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
   
}

.bloc1logo:hover { 
    transform: scale(1.10);
    -webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
    -o-transform: scale(1.10);}




.fond-artdeco {
    background-color: #dde3e7;
    margin-top: 2%;
    margin-bottom: 2%;
    padding-top: 5%;
    padding-bottom: 3%;
  
    
    
}

.fond-blancdeco {
    background-color: #fff;
   
  
    
    
}


.h1riva-mention {
    padding-top: 2%;
    color: #43646B; 
    font-family: 'Cinzel', serif;
    font-size: 4.5em;
    margin-left: 5%;
    margin-right: 5%;
    text-transform: uppercase;
    }

.h2deco-mention {
    margin: 0;
    margin-top: 0%;
    color: #EEBF00;   /* #83999E */
    font-size: 3em;
    font-family: 'Darker Grotesque', sans-serif;
   padding-top: 2%;
    padding-left: 5%;
    padding-bottom: 2%;
    }

.p1-mention {
     line-height: 1.2;
    font-family: 'Darker Grotesque', sans-serif;
    color: #505c74; /* #857a80 */
    font-size: 2em;
    padding-left: 5%;
    padding-right: 10%;
    vertical-align: inherit;
    

}





/*---- NUMBER OF SLIDE CONFIGURATION ----*/
.wrapper {
  max-width: 90em;
  margin: 1em auto;
  position: relative;

}

input {
  display: none;
}

.inner {
  width: 500%;
  line-height: 0;
}

article {
  width: 20%;
  float: left;
  position: relative;
}
article img {
  width: 100%;
}


/*---------------- SET UP CONTROL image slider bonne maman et ---------------------*/



.slider-prev-next-control {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 96%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control label {

  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f7d95c;
  opacity: 0.7;
}
.slider-prev-next-control label:hover {
  opacity: 1;
}

.slider-dot-control {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
}
.slider-dot-control label {
  cursor: pointer;
  border-radius: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #f7d95c; /* #bbb couleur orignine*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control label:hover {
  background:#7da7a3; /**/
  border-color: #777;
}

/* Info Box */
.info {
  position: absolute;
  font-style: italic;
  line-height: 20px;
  opacity: 0;
  color: #000; /*#000*/
  text-align: left;
  -webkit-transition: all 1000ms ease-out 600ms;
  -moz-transition: all 1000ms ease-out 600ms;
  transition: all 1000ms ease-out 600ms;
}
.info h3 {
  color: #fff;
  margin: 0 0 5px;
  font-weight: normal;
  font-size: 1.2em;
  font-style: normal;
    background-color: #49687A;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    padding-left: 30px;
}
.info.top-left {
  top: 30px;
  left: 30px;
}
.info.top-right {
  top: 30px;
  right: 30px;
}
.info.bottom-left {
  bottom: 30px;
  left: 30px;
}
.info.bottom-right {
  bottom: 30px;
  right: 30px;
}



/* Slider Styling */
.slider-wrapper {
  width: 100%;
  overflow: hidden;
  background-color: white;
  background: #fff;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
    z-index: 5;
}
.slider-wrapper .inner {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*---- SET POSITION FOR SLIDE ----*/
#slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after, 
#slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after, 
#slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after, 
#slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after, 
#slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after, 
#slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after, 
#slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after, 
#slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after, 
#slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after, 
#slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin: 0;
  line-height: 38px;
  font-size: 3em;
  display: block;
  color: #777;
}

#slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after, 
#slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after, 
#slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after, 
#slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after, 
#slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after {
  content: "\f105";
  padding-left: 15px;
}

#slide1:checked ~ .slider-prev-next-control label:nth-child(2), 
#slide2:checked ~ .slider-prev-next-control label:nth-child(3), 
#slide3:checked ~ .slider-prev-next-control label:nth-child(4), 
#slide4:checked ~ .slider-prev-next-control label:nth-child(5), 
#slide5:checked ~ .slider-prev-next-control label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2:checked ~ .slider-prev-next-control label:nth-child(1), 
#slide3:checked ~ .slider-prev-next-control label:nth-child(2), 
#slide4:checked ~ .slider-prev-next-control label:nth-child(3), 
#slide5:checked ~ .slider-prev-next-control label:nth-child(4), 
#slide1:checked ~ .slider-prev-next-control label:nth-child(5) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after, 
#slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after, 
#slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after, 
#slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after, 
#slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after {
  content: "\f104";
  padding-left: 8px;
}

#slide1:checked ~ .slider-dot-control label:nth-child(1), 
#slide2:checked ~ .slider-dot-control label:nth-child(2), 
#slide3:checked ~ .slider-dot-control label:nth-child(3), 
#slide4:checked ~ .slider-dot-control label:nth-child(4), 
#slide5:checked ~ .slider-dot-control label:nth-child(5) {
  background: #333;
}

#slide1:checked ~ .slider-wrapper article:nth-child(1) .info, 
#slide2:checked ~ .slider-wrapper article:nth-child(2) .info, 
#slide3:checked ~ .slider-wrapper article:nth-child(3) .info, 
#slide4:checked ~ .slider-wrapper article:nth-child(4) .info, 
#slide5:checked ~ .slider-wrapper article:nth-child(5) .info {
  opacity: 1;
}

#slide1:checked ~ .slider-wrapper .inner {
  margin-left: 0%;
}

#slide2:checked ~ .slider-wrapper .inner {
  margin-left: -100%;
}

#slide3:checked ~ .slider-wrapper .inner {
  margin-left: -200%;
}

#slide4:checked ~ .slider-wrapper .inner {
  margin-left: -300%;
}

#slide5:checked ~ .slider-wrapper .inner {
  margin-left: -400%;
}

/*---- TABLET ----*/
@media only screen and (max-width: 850px) and (min-width: 450px) {
  
    .slider-wrapper {
    border-radius: 0;
  }
    
    .wrapper { max-width: 40em;
  margin: 0.5em auto;
    }
    
    
    .info h3 {opacity: 0;
        }
    
     .slider-wrapper .info {
    opacity: 0;
      }
}
/*---- MOBILE----*/
@media only screen and (max-width: 450px) {
  .slider-wrapper {
    border-radius: 0;
      max-width: 40em;
  }

  .slider-wrapper .info {
    opacity: 0;
  }
    
    .info h3 {opacity: 0;}
}
@media only screen and (min-width: 850px) {
  body {
    padding: 0;
  }
}


/*//////////////////////////   slide maison   ////////*/


/*---------------- SET UP CONTROL image slider MAISON ---------------------*/




/*---- SET POSITION FOR SLIDE ----*/
#slide1-bis:checked ~ .slider-prev-next-control label:nth-child(2)::after, 
#slide2-bis:checked ~ .slider-prev-next-control label:nth-child(3)::after, 
#slide3-bis:checked ~ .slider-prev-next-control label:nth-child(4)::after, 
#slide4-bis:checked ~ .slider-prev-next-control label:nth-child(5)::after, 
#slide5-bis:checked ~ .slider-prev-next-control label:nth-child(1)::after, 
#slide2-bis:checked ~ .slider-prev-next-control label:nth-child(1)::after, 
#slide3-bis:checked ~ .slider-prev-next-control label:nth-child(2)::after, 
#slide4-bis:checked ~ .slider-prev-next-control label:nth-child(3)::after, 
#slide5-bis:checked ~ .slider-prev-next-control label:nth-child(4)::after, 
#slide1-bis:checked ~ .slider-prev-next-control label:nth-child(5)::after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin: 0;
  line-height: 38px;
  font-size: 3em;
  display: block;
  color: #777;
}

#slide1-bis:checked ~ .slider-prev-next-control label:nth-child(2)::after, 
#slide2-bis:checked ~ .slider-prev-next-control label:nth-child(3)::after, 
#slide3-bis:checked ~ .slider-prev-next-control label:nth-child(4)::after, 
#slide4-bis:checked ~ .slider-prev-next-control label:nth-child(5)::after, 
#slide5-bis:checked ~ .slider-prev-next-control label:nth-child(1)::after {
  content: "\f105";
  padding-left: 15px;
}

#slide1-bis:checked ~ .slider-prev-next-control label:nth-child(2), 
#slide2-bis:checked ~ .slider-prev-next-control label:nth-child(3), 
#slide3-bis:checked ~ .slider-prev-next-control label:nth-child(4), 
#slide4-bis:checked ~ .slider-prev-next-control label:nth-child(5), 
#slide5-bis:checked ~ .slider-prev-next-control label:nth-child(1) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide2-bis:checked ~ .slider-prev-next-control label:nth-child(1), 
#slide3-bis:checked ~ .slider-prev-next-control label:nth-child(2), 
#slide4-bis:checked ~ .slider-prev-next-control label:nth-child(3), 
#slide5-bis:checked ~ .slider-prev-next-control label:nth-child(4), 
#slide1-bis:checked ~ .slider-prev-next-control label:nth-child(5) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide2-bis:checked ~ .slider-prev-next-control label:nth-child(1)::after, 
#slide3-bis:checked ~ .slider-prev-next-control label:nth-child(2)::after, 
#slide4-bis:checked ~ .slider-prev-next-control label:nth-child(3)::after, 
#slide5-bis:checked ~ .slider-prev-next-control label:nth-child(4)::after, 
#slide1-bis:checked ~ .slider-prev-next-control label:nth-child(5)::after {
  content: "\f104";
  padding-left: 8px;
}

#slide1-bis:checked ~ .slider-dot-control label:nth-child(1), 
#slide2-bis:checked ~ .slider-dot-control label:nth-child(2), 
#slide3-bis:checked ~ .slider-dot-control label:nth-child(3), 
#slide4-bis:checked ~ .slider-dot-control label:nth-child(4), 
#slide5-bis:checked ~ .slider-dot-control label:nth-child(5) {
  background: #333;
}

#slide1-bis:checked ~ .slider-wrapper article:nth-child(1) .info, 
#slide2-bis:checked ~ .slider-wrapper article:nth-child(2) .info,
#slide3-bis:checked ~ .slider-wrapper article:nth-child(3) .info, 
#slide4-bis:checked ~ .slider-wrapper article:nth-child(4) .info, 
#slide5-bis:checked ~ .slider-wrapper article:nth-child(5) .info {
  opacity: 1;
}

#slide1-bis:checked ~ .slider-wrapper .inner {
  margin-left: 0%;
}

#slide2-bis:checked ~ .slider-wrapper .inner {
  margin-left: -100%;
}

#slide3-bis:checked ~ .slider-wrapper .inner {
  margin-left: -200%;
}

#slide4-bis:checked ~ .slider-wrapper .inner {
  margin-left: -300%;
}

#slide5-bis:checked ~ .slider-wrapper .inner {
  margin-left: -400%;
}


/*/////////// les slides //////////////*/

.slide280bis {
    padding-top: 5%;
	padding-bottom: 18%;
    margin-right: 2%;
    margin-left: 2%;
}

.slide400bis {
	padding-bottom: 20%;
   margin-right: 20%;
    margin-left: 20%;
    padding-top: 20%;
}




.parallele1 {
    background-color:white; /*#dde3e7*/
    border: 1px solid grey;

}




/*/////////////// effet grossissant //////////////////*/

.grow { transition: all 2s ease-in-out;}

.grow:hover { 
    -webkit-transform: scale(1.10); /* effet grossissant de 10% */
	-moz-transform: scale(1.10);
    transform: scale(1.10);
}

/*/////////////// effet grossissant //////////////////*/

.grow-1 { transition: all 2s ease-in-out;}

.grow-1:hover { 
    -webkit-transform: scale(1.30); /* effet grossissant de 10% */
	-moz-transform: scale(1.30);
    transform: scale(1.30);
}

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

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

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



/* titre   */
.h4-bis {
    font-family: 'chapaza', serif; 
	font-weight: normal;
	font-style: normal;
    font-size: 2.5em;
    text-align: center;
    
        }

.h4-galerie {
            font-size: 4em;
            color: #04223c;
            font-family: 'Cinzel', serif;
        }

.h3-bis-box {
    color: white;
    font-family: 'playfair_displaybold', serif; 
	font-weight: normal;
    text-transform: uppercase;
	font-style: normal;
    font-size: 3.5em;
    text-align: center;
    margin-top: -8%;
    text-shadow: 4px 4px 5px #666;
    }

.h3-titre-box { 
    font-size: 2em;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 100;
    padding-bottom: 2%;
    margin-top: 5%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify;
    color: #3c5765; /* #7E8C72*/
    
    }




.p-box {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 100;
    font-size: 1.3em;
    color:#1a1a1a;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.p-box-titre { 
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 100;
    font-size: 2em;
    color:#1a1a1a;
    text-align: center;
     padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
}

.p-box1 {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 100;
    font-size: 1.3em;
    color:#1a1a1a;
   
}




.slide70box {
    padding-top: 70px;
    padding-bottom: 70px;

}

.slide-photo{ margin-top: 10%;}

.slide-fleche {padding-top: 50px;}

.contenu {
    padding-left: 15px;
    padding-right: 15px;
}



.trait-gauche-footer { border-left: 1px solid #c5cac3;}

.trait-droite-noir { border-right: 1px solid grey; }
.trait-droite-ch { border-right: 1px solid #04223c; }
.trait-gauche-ch { border-left: 1px solid #04223c; }

.videowrapper {
	position: relative;
	padding-top: 25px;
	padding-bottom: 54.25%; /* 16:9 */
	height: auto;
	width: 100%;

	}
.videowrapper iframe {	 /*Cible iframe contenu dans l'élément qui possède la class videowrapper */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    }


.fleche-box {
    position: absolute;
    width: 20px;
    position: fixed;
    bottom:-90px;
    z-index:200;
    left:50%;
   margin-left: -8px;
    display: block;
    cursor: pointer;
}


/* ////////////////////fin de lightbox ////////////*/

.fvitrau {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;  /* gestion du depassement cache le dépasement */
    cursor: pointer;
    left:0;
    }
.vignette1 img { 
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    
    }

.vignette1 .vignette1-caption {
    background: rgba(255,255,255,0.8);
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #5483bd;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

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

.vignette1:hover img {
    overflow: hidden;
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    }




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





#archi {cursor: pointer;}
#archirub {display:none;}



.a0 { 
    padding-top: 9px;
    padding-bottom: 10px;
    overflow: hidden;
    }







.logo-logis {
    position: relative;
    float: left;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    width: 40px; 
        
        }






#diapo1 { 
	margin: 10px;
	padding: 10px;
    margin-left: 1%;
    margin-right: 2%;
    border: none;
    background-color: transparent;
	/*background-color:  rgba(255,255,255,0.6);  222,218,111, 0.05  rgba(52,76,81, 0.8) */
	/*border:1px solid #344c59;*/
   
    
	}
#diapo1 ul { margin-left: -30px; 
	}
#diapo1 li { 
	margin: 40px;
	width: 600px;
	list-style: none; 	
	zoom: 1; 		
	display: inline;	
	display: inline-block; 
	
	}

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

    
.texte-centre { text-align: center; }








/*///////////// fond image ////////////////////*/


.fond-img1 {
    background: url('../images/bg-maison-NB-volet-bleu.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    padding-top: 700px;
	padding-bottom: 150px;
    margin: 0;
    }



#slide-inside-1 {
    position: absolute;
    width: 1000px;
    height: 500px;
    opacity: 0;
    left:-500px;
    color: white;
    margin-top: -45%;  /* -25%*/
    margin-bottom: 2%;
    padding-left: 1%;
    padding-right: 1%;
    z-index: 99999999;
    
    
}

#slide-inside1-logis {
    position: absolute;
    width: 780px;
    height: 500px;
    margin: -390px 100px 100px 230px;
    opacity: 0;
    left:-390px;
    background: rgba(255,255,255,.7);
    color: white;
    border: solid 2px #053a59;
    margin-top: -50%;  /* -25%*/
    border-radius: 50%;
    
    
}


.slide-icone-linge { margin-top: 3%;
}

.slide-icone-wifi { margin-top: 3%;
}

.slide-icone-cb { margin-top: 5%;
}

#titre1 {opacity: 0;}


.img-ombre {
      -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
  box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.55);
        
    }


.fond-page-img-promener {
	background: url('../images/fond-img-promener-bergerac-1.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    padding-top: 10px;
	padding-bottom: 10px;
    margin: 0;
	
	}
.fond-page-img-activite-loisir {
	background: url('../images/fond-page-img-activite-loisir-1.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    padding-top: 10px;
	padding-bottom: 10px;
    margin: 0;
	
	}

.fond-page-img-region {
	background: url('../images/fond-img-apercu-region-1.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    padding-top: 10px;
	padding-bottom: 10px;
    margin: 0;
	
	}



.fond-img-page-galerie {
	background: url('../images/bg-page-galerie.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    padding-top: 10px;
	padding-bottom: 10px;
    margin: 0;
	
	}

.fond-img-page-chambre {
	background: url('../images/bg-page-chambre.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    padding-top: 0px;
	padding-bottom: 0px;
    margin: 0;
   
   }

.fond-img-contact {
	background: url('../images/bg-page-contact.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    padding-top: 10px;
	padding-bottom: 10px;
    margin: 0;
   
   }

.fond-img-page-acces {
	background: url('../images/bg-page-acces.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    padding-top: 10px;
	padding-bottom: 10px;
    margin: 0;
   
   }

.slide-inside-ch {
    position: absolute;
    margin: -450px 50px 100px 230px;
   
    left:-450px;
    width: 720px;
    height: 350px;
    opacity: 1;
    background: rgba(255,255,255,.7);
    color: white;
    border: solid 2px #EFEFEF;
    
    
}


.slidebg2 {
    margin-left: 10%;
    padding-top: 250px;
	padding-bottom: 500px;
    margin-right: 9%;
    
    
   
    }




/*////////////////////// les slides ////////////////////*/


.slide400 {
    padding-top: 100px;
	padding-bottom: 450px;
    padding-right: 20px;
    padding-left: 20px;
    }


/*//////////////////////////  page Parallèle   //////////////////////////*/

.intro::first-letter { 
    font-size: 3em; color: #1b1a1c; /*text-shadow: 1px 1px 2px black;*/ 
    }


.bloc1logo-para {
    position: absolute;
    width: 80px;
    left:5%;
    padding-top: 2%;
    cursor: pointer;
    z-index: 80;
   
    }
.h1-para { 
	font-family: 'deutsch_gothic', serif;
	font-size: 2em; 
    margin-left: 32%;
    opacity: 1;
    color: #053a59;
    text-align: center;
    
   
	}

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

.bloc-para-1 { 
	
        margin-top: -8%;
        padding-top: 50px;
        width: 780px;
        height: 450px;
        margin-left: 15%;
        opacity: 1;
        color: #053a59;
        text-align: center;
        padding-left: 2%;
        padding-right: 2%;
       
        }

.bloc-para { 
	
    margin-top: -8%;
    padding-top: 50px;
    width: 780px;
    height: 450px;
    margin-left: 23%;
    opacity: 1;
    /*background-color: rgba(29,32,37,.7);229,239,244,.7  
    border: solid 2px #c2d3e5;
    /*line-height: 1;*/

    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
   
	}

.bloc-para-acces { 
   position: absolute;
        margin-top: -8%;
        padding-top: 50px;
        width: 800px;
        height: 450px;
       left: 50%;
       margin-left: -400px;
        opacity: 1;
        text-align: center;
        padding-left: 2%;
        padding-right: 2%;
        padding-bottom: 150px;
       
        }

.bloc-para-activite { 
	
            margin-top: -8%;
            padding-top: 50px;
            width: 780px;
            height: 500px;
            margin-left: 23%;
            opacity: 1;
           
            color: #053a59;
            text-align: center;
            padding-left: 2%;
            padding-right: 2%;
           
            }

.h1-bloc-0 { 
	font-family: 'Cormorant Garamond', serif;
	font-size: 3em;
    padding-top: 0px;
    line-height: 1.2;
    color: #fff;/* #a6b6cd */
    text-transform: uppercase;
    padding-bottom: 20px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    
   
	}

.h1-bloc-0-bis { 
        font-family: 'Cormorant Garamond', serif;
        font-size: 3.5em;
        padding-top: 0px;
        line-height: 1;
        color: #fff;/* */
        text-align: center;
        padding-bottom: 20px;
        text-transform: uppercase;
        
       
        }

.h2para {
    font-family: 'Cormorant Garamond', serif;
	font-size: 3em; 
    text-transform: uppercase;
    padding-top: 40px;
    text-align:left;
    padding-left: 30px;
    color: #fff ;/* #00547a*/
    border-bottom: solid 2px #cfd9e7;
    }
.h2para span {
    font-family: 'cinzel', serif;

}  

.h2para-video {
    font-family: 'Cormorant Garamond', serif;
	font-size: 3em; 
    text-transform: uppercase;
    padding-top: 40px;
    text-align:center;
    padding-left: 30px;
    color: #fff;
    }
.h2para-video span {
    font-family: 'cinzel', serif;

} 

.h2para-gite {
    font-family: 'Cormorant Garamond', serif;
	font-size: 3em; 
    text-transform: uppercase;
    padding-top: 80px;
    text-align: center;
    color: white;
    }

.h2-page {
    font-family: 'deutsch_gothic', serif;
	font-size: 2.5em; 
    margin-left: 7%;
    margin-top: -140px;
    
    color: #0f6e8e;
    }

.h2para-bis {
    font-family: 'Cormorant Garamond', serif;
	font-size: 2.5em; 
    text-transform: uppercase;
    padding-top: 40px;
    text-align: center;
    color: white;
    }

.h2-page-activite {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
	font-size: 2.5em; 
    margin-top: 0;
    text-align: center;
    color: #fff;
    z-index: 99999999;
    
    
    }

.h2-page-activite-accueil {
    margin-top: -45%;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
	font-size: 2.5em; 
    margin-top: 0;
    text-align: center;
    color: #fff;
    z-index: 9999999999999;
    
    
    }


.h2-page-contact {
     font-family: 'chapaza', serif;
    font-weight: 500;
	font-size: 2.5em; 
    margin-top: 2%;
    padding-left: 8%;
    text-align: center;
    color: #fff;
    
    }

.h2-page-galerie {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
	font-size: 2.5em; 
    margin-top: 2%;
    padding-left: 8%;
    text-align: center;
    color: #fff;
    
    }

.h2-page-activite-bergerac {
     font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
	font-size: 2.5em;
     margin-left: 5%;
    padding-top: 5%;
    text-align: center;
    color: #fff;
    
    }
.h2-page-chambre {
  font-family: 'Cormorant Garamond', serif;
    font-weight: 400;
	font-size: 2.5em;
    margin-left: 0%;
    margin-top: 23%;
    text-align: center;
    color: #fff;
    /*text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);*/
    
    }

.h2-page-acces {
        font-family: 'Cormorant Garamond', serif;
         font-weight: 400;
         font-size: 2.5em;
         margin-left: 0%;
         margin-top: 2%;
         text-align: center;
         color: #1b455b;
         text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
         
         }

.slide-para {
    padding-top: -550px;
    }





.p1-gite {
    font-size: 1.2em;
    margin-top: 60px;
    padding-left: 35px;
    padding-right: 35px;
    color: white;
    }

.h2bis {
    font-size: 2em; 
    font-family: 'Cormorant Garamond', serif;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
    }

.h2bispara {
    padding: 10px 200px 40px 200px;
    text-align: justify;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 2em;
    color: #344c59; /*7E8C72 */
    
    }
    .h2bispara-bis {
        padding: 10px 100px 0px 10px;
        text-align: justify;
        font-family: 'Darker Grotesque', sans-serif;
        font-weight: 200;
        font-size: 2em;
        color: #344c59;  /*7E8C72 */
        margin-top: 5%;
        margin-left: 6%;
        
        
        }

.h2bis-alentour {
    padding: 10px 10px 40px 10px;
    text-align: center;
    font-family: 'Cormorant Garamond', serif;
    font-size: 3em;
    color: #344c59; /*7E8C72 */
    text-transform: uppercase;
    
    }
.vignette-video {
    width: 100%;
    height: 60%;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden; 
    cursor: pointer;
    left: 0;
    
    }
.slide-ch-gauche {
    margin-left: 11%;
}

.slide-galerie-gauche {
    margin-left: 8%;
}

.slide-galerie-gauche-bis {
    padding-bottom: 5%;
    margin-left: 3%;
}

.slide-chambre-video {
   
    margin-left: 10%;
}

.iframe-video-ch {
    
    width: 550px;
    height: 350px;
    }

.iframe-video-ch-lightbox {
    width: 800px;
    height: 450px;
    margin-left: 23%;
    margin-top: 5%;
   }

.iframe-video-ch-bis {
    width: 550px;
    height: 350px;
    
    
}

.iframe-video-ch-1 {
    width: 500px;
    height: 400px;   
}

.iframe-video-ch-1-bis {
    width: 500px;
    height: 400px;    
}

.iframe-acces {
    width: 80%;
    height: 350px;   
}

iframe {
    padding: 0 auto;
    margin: 0 auto;
}
.iframe-video-galerie {
    width: 700px;
    height: 450px;
    
}

.video-gauche-ch-colombier-large {
    margin-left: 3%;
}
.video-gauche-ch-colombier-large-bis {
    margin-right: 3%;
}
.iframe-video-galerie-bis {
    width: 700px;
    height: 450px;
    margin-left: 100px;
   
}

/*//////////////////////////////// section architecture //////////////////////////*/

.architecture {
    background-color: white; /*#7cb4c1*/
    margin: 0;
    border: 1px solid grey;
    }

.hotel {
    margin: 0;
    padding: 0;
    position: relative;
	display: block;
	width: 100%;
    height: 100%;
	text-align: center;
	overflow: hidden;
    }


/*//////////////////////////// section imprimé ///////////////////////////////////*/


.slide-bloc {margin-top: 4%;}

.imprime {
    background-color: white;  /*#e2e2e3*/
    margin-top: 35px;
    border: 1px solid #5483bd;
    }

/* section medical college */

.medical {
    background-color: white;  /*#dbe8eb*/
    margin: 0;
    border: 1px solid #5483bd;
    }

/* fin section medical college */

.stella {
    background-color: rgba(29,32,37,.7);
    /*background-color: rgba(222,230,220,.3);  #dbe8eb*/
    padding: 0; 
    padding: 20px 20px 50px 20px;
    border: 1px solid #cfd9e7;
    
    }
    .video-slide {
        margin-top: 5%;
       
        
    }

.stella-1 {
    background-color: rgba(29,32,37,.7);  /*#dbe8eb*/
    padding: 0; 
    margin: 20px 20px 0px 20px;
    border: 1px solid #cfd9e7;
    }
.fond-vignette-chambre {
    background-color: rgba(29,32,37,.7);
    /*background-color: rgba(99,129,145,.7) rgba(222,230,220,.3);*/
}



/* bouton lire la suite page parallèle */


.bouton2 { 
	display: inline-block;	
	zoom: 1;		
	margin: 0;
	padding: 12px 25px;
    margin-top: 40px;
    margin-bottom: 40px;
	background-color: #fff; /* blanc */
	font-size: 1.25em;
	white-space: nowrap;	
	color: #5483bd;
	transition: all 0.3s linear;
	vertical-align: middle;
	}
.bouton2:link, .bouton2:visited { 
	background-color: #fff; /* blanc */
	color: #5483bd;
	text-decoration: none;
	}
.bouton2:hover, .bouton2:active { 
	background-color: #f7d95c; /* jaune */
	color: #1b1a1c;				
	text-decoration: none;
	}

/* bouton découvrir + page d'accueil*/

.bouton3 { 
	display: inline-block;	
	zoom: 1;		
	margin: 0;
	padding: 12px 25px;
    margin-top: 40px;
    margin-bottom: 40px;
	background-color: #fff; /* blanc */
	font-size: 1.25em;
	white-space: nowrap;	
	color: #1b1a1c;
	transition: all 0.3s linear;
	vertical-align: middle;

	}
.bouton3:link, .bouton3:visited { 
	background-color: #fff; /* blanc */
	color: #1b1a1c;
    text-decoration: none;
	}
.bouton3:hover, .bouton3:active { 
	background-color: #f7d95c; /* jaune */
	color: #1b1a1c;				
	text-decoration: none;
	}

.bouton5 {
    font-size: 2em;
}

/* fin de section image bg */



.fleche {
    width: 30px;
    position: fixed;
    bottom:76px;
    z-index:80;
    left:50%;
    margin-left: -15px;
    display: none;
    cursor: pointer;
    
    }




.slide-gauche {
    padding-left: 1%;
    margin-right: 0;
}


.slide-maison {
    padding-top: 10px;
	padding-bottom: 40px;
   }
.texte-centre { text-align: center; }


/*////////////////////////  grande photo animation /////////////////////*/


.parallele {
    position: relative;
    float: center;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5%;
    cursor: pointer;
    }


.parallele-bis {
    position: relative;
    float: center;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5%;
    cursor: pointer;
    }

/*-----------    images projet   -----------------------*/



.vignette-colombier {
    width: 50%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;  /* gestion du depassement cache le dépasement */
    cursor: pointer;
    left:0;
    }
.vignette-colombier img { 
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    
    }

.vignette-colombier .vignette-colombier-caption {
    background: rgba(255,255,255,0.6); /*28,31,36,0.5 */
    position: absolute;
    height: 100%;
    width: 50%;
	left: 0; 
    bottom: 0;
	color: #ffffff;
    overflow: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

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


.vignette-colombier:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    }

.caption-colombier {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #053a59;
    opacity: 0;
	background: rgba(255,255,255,0.6); /*28,31,36,0.5 */
    overflow: hidden;
	transition: all 0.5s ease;
   
   
}
.caption-colombier h4 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 200;
    font-size: 4em;
    color: #053a59;
    position: absolute;
    display: block;
    bottom: 40%;
    left: 10%;
    right: 0;
    }
.caption-colombier span h6 {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 2em;
    padding: 250px 0px 0px 80px;
    
}
.caption-colombier:hover {
    opacity: 1;
    transition: all 0.5s ease;
   
}
span { 
    margin-left: 2%;
    margin-top: 0;
    }

span h3 {
     font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 2em;
    line-height: 1;
   
}

.h3-caption {
    font-size: 3em;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 100;
}


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

.vignette-colombier-bis .vignette-colombier-bis-caption {
    background: rgba(255,255,255,0.6); /*28,31,36,0.5 */
    position: absolute;
    height: 60%;
    width: 50%;
	left: 0; 
    bottom: 0;
	color: #ffffff;
    overflow: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

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


.vignette-colombier-bis:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    }

.caption-colombier-bis {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #053a59;
    opacity: 0;
	background: rgba(255,255,255,0.6); /*28,31,36,0.5 */
    overflow: hidden;
	transition: all 0.5s ease;
   
}
.caption-colombier-bis h3 { 
    font-family: 'Darker Grotesque', sans-serif;
    font-size: 2em;
    font-weight: 200;
    padding: 0;
    color: #053a59;
    position: absolute;
    display: block;
    bottom: 40%;
    left: 10%;
    right: 0;
    }

.caption-colombier-bis:hover {
    opacity: 1;
    transition: all 0.5s ease;
   
}
span { 
    margin-left: 2%;
    margin-top: 0;
    }

span h3 {
   
    font-size: 3em;
    line-height: 1;
   
}


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

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

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


.vignette:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    }

.caption {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #053a59;
    font-size: 1.5em;
    opacity: 0;
	background: rgba(255,255,255,0.6); /*28,31,36,0.5 */
    overflow: hidden;
	transition: all 0.5s ease;
    
   
}
.caption span { 
    position: absolute;
    display: block;
    bottom: 40%;
    left: 0;
    right: 0;
    }
.caption span h4 {
     font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
     color: #053a59;
  line-height: 0.5;
    font-size: 3em;
    padding: 0px 0px 0px 60px;
    
}
.caption:hover {
    opacity: 1;
    transition: all 0.5s ease;
    pointer-events: none;
   
}
span { 
    margin-left: 2%;
    margin-top: 0;
    }

span h6 {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    padding: 0px 0px 0px 60px;
    font-size: 1.2em;
    line-height: 1;
}


.vignette1{
    width: 50%;
    height: 60%;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;  /* gestion du depassement cache le dépasement */
    cursor: pointer;
    left:0;
    }
.vignette1 img { 
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    
    }

.vignette1 .vignette1-caption1 {
    background: rgba(255,255,255,0.6); /*28,31,36,0.5 */
    position: absolute;
    height: 60%;
    width: 50%;
	left: 0; 
    bottom: 0;
	color: #053a59;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }

.vignette1:hover .vignette1-caption1 {opacity: 1;}


.vignette1:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    }



.caption1 {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	color: #ffffff;
    opacity: 0;
	background: rgba(255,255,255,0.6); /*28,31,36,0.5 */
    overflow: hidden;
	transition: all 0.5s ease;
   
}
.caption1 span { 
    position: absolute;
    display: block;
    bottom: 40%;
    left: 0;
    right: 0;
    }
.caption1 span h5 {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
    color: #053a59;
    padding: 0px 0px 0px 40px;
    font-size: 1.5em;
    
}
.caption1:hover {
    overflow: hidden;
    opacity: 1;
    transition: all 0.5s ease;
   pointer-events: none;
}
span { 
  
    margin-top: 0;
    }

span h5 {
    padding: 0px 0px 0px 40px;
    font-size: 1.5em;
    line-height: 1;
}


.caption1 span .h5-ch {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
    color: #053a59;
    padding: 0px 0px 0px 80px;
    font-size: 1.5em;
}




.p-caption {font-size: 1em;}





/*////////////////////////////  petite photo animation /////////////////////////*/

.tissu1 {  /*page d'accueil*/
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
	display: block;
	width: 50%;
	text-align: center;
	overflow: hidden;

    }

.tissu2 {
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
	display: block;
	width: 50%;
	text-align: center;
	overflow: hidden;

    }

.vitraux {  /* page d'accueil*/
    float: right;
    margin: 0;
    padding-left: 10px;
    padding: 0;
    position: relative;
	display: block;
	width: 50%;
    height: auto;
	text-align: center;
	overflow: hidden;
    }


/*----.caption1 {
	position: absolute;
    height: 100%;
    width: 100%;
	left: 0; 
    bottom: 0;
	text-align: center;
	color: #0f6e8e;
    opacity: 0;
	background: rgba(255,255,255,0.8);
    overflow: hidden;
	transition: all 0.5s ease;
    }
.caption1 h3 { 
    position: absolute;
    display: block;
    bottom: 20%;
    left: 0;
    right: 0;
    }
.caption1 span h4 {
     position: absolute;
    display: block;
    bottom: 20%;
    left: 0;
    right: 0;
    
    }
.caption1:hover {
    opacity: 1;
    transition: all 0.5s ease;
    }*/


/*/////////////////////////// page partenariats //////////////////////////*/




.slide500 {
    padding-top: 5%;
	padding-bottom: 25%;
  
    }

#s6 {
    background: url(../images/bg-i-bis.png) fixed no-repeat;
	background-position: center center;
	background-size: contain;
    padding-left: 0;
    position: relative;
    background-color: #E9F0F4;
    
    }

.slide150bis {
    padding-top: 80px;
	padding-bottom: 120px;
   }


.slide-ch {
    margin-top: 10%;
}

.slide-index-colombier {
    margin-top: 5%;
}

.h1parten {
    font-family: 'cinzelbold', serif;
	font-size: 5em; 
    text-transform: uppercase;
    padding-top: 10%;
    }

.fond-grisbis {
    background-color: #E9F0F4;
    padding-right: 5%;
    padding-left: 5%;
  
    }

.h2part {
    margin: 0 5px 0 5px;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 50px;
    font-size: 2.5em;
    }

.fond-blancbis { 
    background-color: #ffffff;
    }

.p2 {
    font-size: 1.2em;
    text-align:justify;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
   
    }




.h3-bouton {
  
        background-color: rgba(47, 54, 57, 0.6);
    }

.fond-img5 {
        /*background-color: #90a59d;*/
        background-image: url('../images/bouton-activite-loisir.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #1d1b1c;
        
        }
    
    .fond-img5:hover, .fond-img5:active { 
        background-image: url('../images/bouton-activite-loisir-bis.jpg');  
        color: #1d1b1c;
        text-decoration: none; 
        -webkit-transform: scale(1.05); /* effet grossissant de 5% */
        -moz-transform: scale(1.05); /* effet grossissant de 10% */
        transform: scale(1.05); /* effet grossissant de 10% */
        transition: all 1s ease-in-out;
        
        }
    
    
    
    .repousse-colonne-bouton {
        margin-left: 10%!important;
    }
    
    
    
    .fond-img6 {
         /*background-color: #90a59d;*/
       background-image: url('../images/bouton-region-biron.jpg'); 
       background-color: rgba(197,202,198,0.8); 
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #1d1b1c;
        margin-right: 3%;
        
        }
    
    .fond-img6:hover, .fond-img6:active { 
        background-image: url('../images/bouton-region-monbazillac.jpg');  
        color: #1d1b1c;
        text-decoration: none; 
        -webkit-transform: scale(1.05); /* effet grossissant de 5% */
        -moz-transform: scale(1.05); /* effet grossissant de 10% */
        transform: scale(1.05); /* effet grossissant de 10% */
        transition: all 1s ease-in-out;
        
        }
    
    
    
    
    
    
    
    .fond-img7 {
       background-image: url('../images/cloitre-ricolet.jpg');
      /*background-color: #90a59d;*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      color: #1d1b1c;
      margin-right: 3%;
        
        }
    
    .fond-img7:hover, .fond-img7:active { 
        background-image: url('../images/statue-cyrano-bouton.jpg');  
        color: #1d1b1c;
        text-decoration: none; 
        -webkit-transform: scale(1.05); /* effet grossissant de 5% */
        -moz-transform: scale(1.05); /* effet grossissant de 10% */
        transform: scale(1.05); /* effet grossissant de 10% */
        transition: all 2s ease-in-out; 
        
        }






.fond-img-msm {
	background-image: url('../images/bg-bouton-msm.jpg'); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-msm:hover, .fond-img-msm:active { 
	background-image: url('../images/bg-bouton-msm-1.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 1s ease-in-out;
	
	}







.fond-img-dinan {
    background-image: url('../images/bg-bouton-dinan.jpg'); 
	/*background-color: #5483bd;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-dinan:hover, .fond-img-dinan:active { 
	background-image: url('../images/bg-bouton-dinan-1.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 1s ease-in-out;
	
	}







.fond-img-cancal {
    background-image: url('../images/bg-bouton-cancal-1.jpg');

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-cancal:hover, .fond-img-cancal:active { 
	background-image: url('../images/bg-bouton-cancal.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 1s ease-in-out; 
	
	}


/*///////////   image BOX chambre le colombier //////////////// */


.fond-img-box-colombier {
    background-image: url('../images/photo-galerie-colombier.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-colombier:hover, .fond-img-box-colombier:active { 
	 background-image: url('../images/photo1-galerie-colombier-1.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}



.fond-img-box-colombier-1 {
	background-image: url('../images/bg-bouton-box-2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-colombier-1:hover, .fond-img-box-colombier-1:active { 
	background-image: url('../images/bg-bouton-box-1.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}



.fond-img-box-colombier-2 {
    background-image: url('../images/bg-bouton-box-colombier-2.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-colombier-2:hover, .fond-img-box-colombier-2:active { 
	background-image: url('../images/bg-bouton-box-colombier-2-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}



.fond-img-box-colombier-3 {
    background-image: url('../images/bg-bouton-box-colombier-3.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-colombier-3:hover, .fond-img-box-colombier-3:active { 
	background-image: url('../images/bg-bouton-box-colombier-3-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}

.fond-img-box-colombier-4 {
    background-image: url('../images/bg-bouton-box-colombier-4.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-colombier-4:hover, .fond-img-box-colombier-4:active { 
	background-image: url('../images/bg-bouton-box-colombier-4-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}


.fond-img-box-colombier-5 {
    background-image: url('../images/bg-bouton-box-colombier-5.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-colombier-5:hover, .fond-img-box-colombier-5:active { 
	background-image: url('../images/bg-bouton-box-colombier-5-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}




/*///////////   image BOX chambre Roxane //////////////// */




.fond-img-box-roxane-1 {
	background-image: url('../images/bg-bouton-box-roxane-1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-roxane-1:hover, .fond-img-box-roxane-1:active { 
	background-image: url('../images/bg-bouton-box-roxane-1-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}



.fond-img-box-roxane-2 {
    background-image: url('../images/bg-bouton-box-roxane-2.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-roxane-2:hover, .fond-img-box-roxane-2:active { 
	background-image: url('../images/bg-bouton-box-roxane-2-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}



.fond-img-box-roxane-3 {
    background-image: url('../images/bg-bouton-box-roxane-3.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-roxane-3:hover, .fond-img-box-roxane-3:active { 
	background-image: url('../images/bg-bouton-box-roxane-3-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}

.fond-img-box-roxane-4 {
    background-image: url('../images/bg-bouton-box-roxane-4.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-roxane-4:hover, .fond-img-box-roxane-4:active { 
	background-image: url('../images/bg-bouton-box-roxane-4-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}


.fond-img-box-roxane-5 {
    background-image: url('../images/bg-bouton-box-roxane-5.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-roxane-5:hover, .fond-img-box-roxane-5:active { 
	background-image: url('../images/bg-bouton-box-roxane-5-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); 
	-moz-transform: scale(1.05); 
	transform: scale(1.05); 
	transition: all 0.25s ease-in-out;
	
	}

.fond-img-box-roxane-6 {
    background-image: url('../images/bg-bouton-box-roxane-6.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-img-box-roxane-6:hover, .fond-img-box-roxane-6:active { 
	background-image: url('../images/bg-bouton-box-roxane-6-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05); 
	transform: scale(1.05); 
	transition: all 0.25s ease-in-out;
	
	}



/* ----------------galerie cyrano et roxane --------------------*/

.fond-galerie-ch-cyrano-img1-box {
    background-image: url('../images/photo-galerie-ch-cyrano-box-1.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-galerie-ch-cyrano-img1-box:hover, .fond-galerie-ch-cyrano-img1-box:active { 
	 background-image: url('../images/photo-galerie-ch-cyrano-box-1-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}

.fond-galerie-ch-cyrano-img2-box {
	background-image: url('../images/photo-galerie-ch-cyrano-box-2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-galerie-ch-cyrano-img2-box:hover, .fond-galerie-ch-cyrano-img2-box:active { 
	background-image: url('../images/photo-galerie-ch-cyrano-box-2-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}



.fond-galerie-ch-cyrano-img3-box {
    background-image: url('../images/photo-galerie-ch-cyrano-box-3.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-galerie-ch-cyrano-img3-box:hover, .fond-galerie-ch-cyrano-img3-box:active { 
	background-image: url('../images/photo-galerie-ch-cyrano-box-3-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}




.fond-galerie-ch-cyrano-img4-box {
	background-image: url('../images/photo-galerie-ch-cyrano-box-4.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-galerie-ch-cyrano-img4-box:hover, .fond-galerie-ch-cyrano-img4-box:active { 
	background-image: url('../images/photo-galerie-ch-cyrano-box-4-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}

.fond-galerie-ch-cyrano-img5-box {
	background-image: url('../images/photo-galerie-ch-cyrano-box-5.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-galerie-ch-cyrano-img5-box:hover, .fond-galerie-ch-cyrano-img5-box:active { 
	background-image: url('../images/photo-galerie-ch-cyrano-box-5-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}

.fond-galerie-ch-cyrano-img6-box {
	background-image: url('../images/photo-galerie-ch-cyrano-box-6.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-galerie-ch-cyrano-img6-box:hover, .fond-galerie-ch-cyrano-img6-box:active { 
	background-image: url('../images/photo-galerie-ch-cyrano-box-6-bis.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}









/*///////////   image BOX GALERIE MAISON       //////////////// */
  .fond-galerie-ch-colombier {
            background: url('../images/bg-ch-colombier-1.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center;
            margin: 0;
            padding-top: 300px;
            padding-bottom: 450px;

            }

  .fond-galerie-ch-roxane {
            background: url('../images/bg-ch-roxane-1.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center;
            margin: 0;
            padding-top: 300px;
            padding-bottom: 450px;

            }

  .fond-galerie-ch-cyrano-roxane {
            background: url('../images/bg-ch-cyrano-roxane-box.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center;
            margin: 0;
            padding-top: 300px;
            padding-bottom: 450px;

            }

.fond-photo-maison {
	background: url('../images/bg-maison-NB-volet-bleu.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 0;
    height: 100%;
	
	}


.fond-galerie-maison-img7-box {
	background-image: url('../images/photo1-galerie-maison-10.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-galerie-maison-img7-box:hover, .fond-galerie-maison-img7-box:active { 
	background-image: url('../images/photo1-galerie-maison-10-box.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}

.fond-galerie-maison-img8-box {
	background-image: url('../images/photo1-galerie-maison-11.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-galerie-maison-img8-box:hover, .fond-galerie-maison-img8-box:active { 
	background-image: url('../images/photo1-galerie-maison-11-box.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}
.fond-galerie-maison-img9-box {
	background-image: url('../images/photo1-galerie-maison-12.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
	
	}

.fond-galerie-maison-img9-box:hover, .fond-galerie-maison-img9-box:active { 
	background-image: url('../images/photo1-galerie-maison-12-box.jpg');  
	color: #1d1b1c;
	text-decoration: none; 
	-webkit-transform: scale(1.05); /* effet grossissant de 5% */
	-moz-transform: scale(1.05); /* effet grossissant de 10% */
	transform: scale(1.05); /* effet grossissant de 10% */
	transition: all 0.25s ease-in-out;
	
	}

.slide-box{
    margin-top: 5%;
    margin-bottom: 5%;
}



.bouton-reserver-1 { 
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
	display: inline-block;	
	zoom: 1;		
	margin: 0;
    padding: 3px 10px; 
    margin-top:10px;
    margin-left: -35%;
	background-color: #fff; /* blanc */
	font-size: 1.6em;
	white-space: nowrap;	
	color: #fff;
	transition: all 0.3s linear;
	vertical-align: middle;
    /*float: left;*/
	}
.bouton-reserver-1:link, .bouton-reserver-1:visited { 
	color: #fff;
	background-color: #e6bf0f; /* #8dcac7 b18aa7 rgba(139,190,255,.8);*/
	text-decoration: none;
	}
.bouton-reserver-1:hover, .bouton-reserver-1:active { 
	background-color: #d5b00a; /* #6e9c9a 8a6b82 */
	color: #3c5765;				
	text-decoration: none;
	}

.bouton-reserver-2 { 
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
	display: inline-block;	
	zoom: 1;		
	margin: 0;
	padding: 20px 20px; 
    margin-top: 10px;
    margin-bottom: 5%;
	background-color: #fff; /* blanc */
	font-size: 2em;
	white-space: nowrap;	
	color: #fff;
	transition: all 0.3s linear;
	vertical-align: middle;
	}
.bouton-reserver-2:link, .bouton-reserver-2:visited { 
	color: #fff;
	background-color: #e6bf0f; /* #8dcac7 b18aa7 rgba(139,190,255,.8);*/
	text-decoration: none;
	}
.bouton-reserver-2:hover, .bouton-reserver-2:active { 
	background-color: #cca705; /* #6e9c9a 8a6b82 */
	color: #3c5765;				
	text-decoration: none;
	}

    .bouton-reserver-2-bis { 
        font-family: 'Darker Grotesque', sans-serif;
        font-weight: 300;
        display: inline-block;	
        zoom: 1;		
        margin: 0;
        padding: 20px 20px; 
        margin-top: 30px;
        margin-bottom: 5%;
        
        background-color: #e6bf0f; /* blanc */
        font-size: 2em;
        white-space: nowrap;	
        color: #fff;
        transition: all 0.3s linear;
        vertical-align: middle;
        text-decoration: none;
        }
.bouton-reserver-2-bis:link, .bouton-reserver-2-bis:visited { 
        color: #fff;
        background-color: #e6bf0f; /* #8dcac7 b18aa7 rgba(139,190,255,.8);*/
        text-decoration: none;
        }
.bouton-reserver-2-bis:hover, .bouton-reserver-2-bis:active { 
        background-color: #d5b00a; /* #6e9c9a 8a6b82 */
        color: #3c5765;				
        text-decoration: none;
        }

.bouton2bis { 
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
	display: inline-block;	
	zoom: 1;		
	margin: 0;
	padding: 12px 25px;
    margin-top: 5%;
    margin-bottom: 20px;
	background-color: #4e8a9e; /* blanc */
	font-size: 1.8em;
	white-space: nowrap;	
	color: #17333c;
	transition: all 0.3s linear;
	vertical-align: middle;
	}
.bouton2bis:link, .bouton2bis:visited { 
	color: #17333c;
	background-color: #4e8a9e; /*  #e6bf0f b18aa7 rgba(139,190,255,.8);*/
	text-decoration: none;
	}
.bouton2bis:hover, .bouton2bis:active { 
	background-color: #3c5765; /* #6e9c9a 8a6b82 */
	color: #fff;				
	text-decoration: none;
	}


.bouton-vignette-ch { 
        font-family: 'Darker Grotesque', sans-serif;
        font-weight: 300;
        display: inline-block;	
        zoom: 1;		
        margin: 0;
        padding: 12px 25px;
        margin-top: 60px;
        margin-bottom: 20px;
        background-color: #3c5765; /* blanc */
        font-size: 1.8em;
        white-space: nowrap;	
        color: #fff;
        transition: all 0.3s linear;
       margin-right: 30px;
        
        }
.bouton-vignette-ch:link, .bouton-vignette-ch:visited { 
    color: #17333c;
	background-color: #4e8a9e; /*  #e6bf0f b18aa7 rgba(139,190,255,.8);*/
	text-decoration: none;
        }
.bouton-vignette-ch:hover, .bouton-vignette-ch:active { 
    background-color: #3c5765; /* #6e9c9a 8a6b82 */
	color: #fff;				
	text-decoration: none;
        }



  

.bouton-suivant { 
        font-family: 'Darker Grotesque', sans-serif;
        font-weight: 300;
        display: inline-block;	
        zoom: 1;		
        margin: 0;
        padding: 12px 25px;
        margin-top: 10px;
        margin-bottom: 20px;
        background-color: #3c5765; /* blanc */
        font-size: 2em;
        white-space: nowrap;	
        color: #fff;
        transition: all 0.3s linear;
        vertical-align: middle;
        }
.bouton-suivant:link, .bouton-suivant:visited { 
    color: #fff;
    background-color: #3c5765; /*  b18aa7 rgba(139,190,255,.8);*/
    text-decoration: none;
        }
.bouton-suivant:hover, .bouton-suivant:active { 
    background-color: #4e8a9e; /* #6e9c9a 8a6b82 */
    color: #17333c;				
    text-decoration: none;
        }


.bouton2bis-contact { 
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
	display: inline-block;	
	zoom: 1;		
	margin: 0;
	padding: 12px 25px;
    margin-top: 8%;
    margin-bottom: 20px;
	background-color: #fff; /* blanc */
	font-size: 2em;
	white-space: nowrap;	
	color: #fff;
	transition: all 0.3s linear;
	vertical-align: middle;
	}
.bouton2bis-contact:link, .bouton2bis-contact:visited { 
	color: #fff;
	background-color: #8dcac7; /*  b18aa7 rgba(139,190,255,.8);*/
	text-decoration: none;
	}
.bouton2bis-contact:hover, .bouton2bis-contact:active { 
	background-color: #6e9c9a; /* 8a6b82 */
	color: #a5c8cc;				
	text-decoration: none;
	}

.bouton-plateform { 
    font-family: 'Darker Grotesque', sans-serif;
	display: inline-block;	
	zoom: 1;		
	margin: 0;
	padding: 12px 25px;
    margin-top: 10px;
    margin-bottom: 20px;
	background-color: #fff; /* blanc */
	font-size: 1.25em;
	white-space: nowrap;	
	color: #fff;
	transition: all 0.3s linear;
	vertical-align: middle;
	}
.bouton-plateform:link, .bouton-plateform:visited { 
	
	background-color: #ef9014; /*rgba(139,190,255,.8);*/
	text-decoration: none;
	}
.bouton-plateform:hover, .bouton-plateform:active { 
	background-color: #c57a18; /* b3ae15 */
	color: #3c5765;				
	text-decoration: none;
	}



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


.bouton-booking { 
    font-family: 'Darker Grotesque', sans-serif;
	display: inline-block;	
	zoom: 1;		
	margin: 0;
	padding: 12px 25px;
    margin-top: 10px;
    margin-bottom: 20px;
	background-color: #fff; /* blanc */
	font-size: 1.25em;
	white-space: nowrap;	
	color: #fff;
	transition: all 0.3s linear;
	vertical-align: middle;
	}
.bouton-booking:link, .bouton-booking:visited { 
	
	background-color: #d6d019; /*rgba(139,190,255,.8);*/
	text-decoration: none;
	}
.bouton-booking:hover, .bouton-booking:active { 
	background-color: #b3ae15; /* jaune */
	color: #3c5765  ;				
	text-decoration: none;
	}



.bouton2bis-box { 
	display: inline-block;	
	zoom: 1;		
	margin: 0;
	padding: 12px 25px;
    margin-top: 60% ;
    margin-bottom: 10px;
	background-color: #fff; /* blanc */
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
	font-size: 1.25em;
	white-space: nowrap;	
	color: #fff;
	transition: all 0.3s linear;
	vertical-align: middle;
	}
.bouton2bis-box:link, .bouton2bis-box:visited { 
	color: #fff;
	background-color: #8dcac7; /*rgba(139,190,255,.8);*/
	text-decoration: none;
	}
.bouton2bis-box:hover, .bouton2bis-box:active { 
		background-color: #6e9c9a; /* 8a6b82 */
	color: #a5c8cc;				
	text-decoration: none;
	}





.slide300 {
    padding-top: 100px;
	padding-bottom: 200px;
    margin-right: 10px;
    margin-left: 10px;
}




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

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



.a4:link, .a4:visited { 
    font-size: 1.5em;
    font-family: 'Dancing Script', cursive;
    font-weight: 300;
    color: #fff; 
    text-decoration: none; 
    opacity: 1;
  }
  .a4:hover, .a4:active { 
    color: #3c5765; 
    text-decoration: none; 
    opacity: 1;
	transition: all 0.25s ease-in-out;
    background: rgba(255,255,255,0.8); 
    display: block;  
  }

/*.a4:visited {
    color: #fff; 
    text-decoration: none; 
    opacity: 1; 

    }
.a4:link { 
    font-size: 1.5em;
    font-family: 'Dancing Script', cursive;
    font-weight: 300;
    color: #fff; 
    text-decoration: none; 
    opacity: 1;
    
	}
.a4:hover { 
    color: #3c5765; 
    text-decoration: none; 
    opacity: 1;
	transition: all 0.25s ease-in-out;
    background: rgba(255,255,255,0.8); 
    display: block;
	}
.a4:active { 
    
    color: #ffffff; 
    text-decoration: none; 
    opacity: 1;  
    background: rgba(255,255,255,0.8);
    }*/


figure { 
    
   background-color: #fff;
    border: none;
    margin: 0;
    padding: 0;
   
    }

.a4-promener:visited {
    color: #49687a; 
    text-decoration: none; 
    opacity: 1;
   

    }
.a4-promener:link { 
    font-size: 1.8em;
    color: #49687a; 
    text-decoration: none; 
    opacity: 1;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
    
	}
.a4-promener:hover { 
    color: #5aa4ab; 
    text-decoration: none; 
    opacity: 1;
	transition: all 0.25s ease-in-out;
    background-color: none; 
    display: block;
	}
.a4-promener:active { 
    color: #ffffff; 
    text-decoration: none; 
    opacity: 1;  
    background-color: #FFF;
    }


.p-bouton {
    padding-left: 20px;
    padding-right: 20px;
    }

figcaption {
    margin: 0;
    padding: 5px 10px;
    background-color: #638191; /*#616f6a*/
    font-size: 1em;
    color: #fff;
    font-family: 'Darker Grotesque', sans-serif; 
	font-weight: 200;
	font-style: normal;
    }

.slide-caption {
    margin-top: 5%;
}

/*//////////////////////////// page parallèle Stella /////////////////////*/


.fond-page-para {
    background-color: #EFEDEF;
    margin-top: 2%;
    margin-bottom: 2%;
    padding-top: 5%;
    padding-bottom: 3%;
   }

.a4-para:visited {
    color: #1d1b1c; 
    text-decoration: none; 
    text-align: middle;
    text-transform: uppercase;
    opacity: 1; 
    }
.a4-para:link { 
    color: #1d1b1c; 
    text-decoration: none; 
    opacity: 1; 
	}
.a4-para:hover { 
    color: #1d1b1c; 
    text-decoration: none; 
    opacity: 1;
	transition: all 0.25s ease-in-out;
	}
.a4-para:active { 
    color: #1d1b1c; 
    text-decoration: none; 
    opacity: 1;  
    }

.fond-page { 
    background-color: #EFEDEF;

    }



.p-box-para1 {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 100;
    font-size: 1.3em;
    color:#1a1a1a;
    padding-left: 55px;
    padding-right: 55px;
    text-align: justify;
    }



.h2bispara-stella {
    padding: 10px 50px 10px 50px;
    text-align: center;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 100;
    font-size: 2.2em;
    }

.h3bis1-stella { 
        font-size: 2.5em;
        font-family: 'cinzelregular', arial, serif;
        text-transform: uppercase;
        padding-top: 2%;
        padding-bottom: 2%;
    }



/*//////////////////////////// page parallèle medical /////////////////////*/






.anim_tourne:hover { /* effet au survol */
    transform: scale(1.3) rotate(-30deg);	/* Agrandissement et rotation */
    }

.anim_rotate:hover { /* effet au survol */
    transform: rotate(180deg);	/* Agrandissement et rotation */
    }
/*--- lien fa  ---*/

.a2:link, .a2:visited { 
    color: #a5c8cc; 
    text-decoration: none; 
    padding-right: 5px; 
    padding-left: 30px;
     }	
.a2:hover, .a2:active { 
    color: #839ea1;
    text-decoration: none; 
    padding-right: 5px;
}


.a2-reserver:link, .a2-reserver:visited { 
    color: #8dcac7; 
    text-decoration: none; 
    padding-right: 5px; 
    font-size: 0.6em; }
.a2-reserver:hover, .a2-reserver:active { color: #6e9c9a; text-decoration: none; padding-right: 5px;}

/*--- lien site web en savoir plus ---*/

.a3:link, .a3:visited { 
    
    color: #9d6e6c; 
    text-decoration: none; 
    font-weight: 600;
  
}
.a3:hover, .a3:active { 
    color: #bb8a89; 
    text-decoration: none; 
}

.a3-contact-email:link, .a3-contact-email:visited { 
    font-family: 'Darker Grotesque', sans-serif;
    font-size: 4em;
    color: #9d6e6c; 
    text-decoration: none; 
    font-weight: 600;
 
}

.a3-contact-email:hover, .a3-contact-email:active { 
    color: #bb8a89; 
    text-decoration: none; 
    margin-bottom: 5%;
}



.border-titre-page {
    border-bottom: 2px solid #fff;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 2%;
    margin-top: 5%;
}

.border-titre-page-bis {
    border-bottom: 2px solid #fff;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 5%;
    margin-top: 2%;
}

.border-bottom-page {
    border-bottom: 2px solid #04223c;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 5%;
    margin-top: -2%;
}

.border-bottom-page-bis {
    border-bottom: 2px solid #04223c;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 5%;
    margin-top: 5%;
}

.border-bottom-page-bis-1 {
    border-bottom: 2px solid #fff;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 8%;
    margin-top: 3%;
}

.border-bottom-page-1 {
    border-bottom: 2px solid #fff;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 5%;
    margin-top: 5%;
}

.relatif { position: relative; }

.slide10 {
	padding-top: 10px;
	padding-bottom: 5px;
	
	}

.slide20 {
	padding-top: 20px;
	padding-bottom: 20px;
	
	}

.slide40 { 
	padding-top: 40px;
	padding-bottom: 40px;
	}

.slide70 {
	padding-top: 70px;
    padding-bottom: 70px;
	}

.slide100 { 
	padding-top: 80px;
	padding-bottom: 130px;
	}

.slide140 { 
	padding-top: 140px;
	padding-bottom: 140px;
	}



.trait-texte {
	padding-right: 20px; 	
	border-right: 1px solid white;	
	}
.trait-texte-gauche {
	padding-left: 20px;
	border-left: 1px solid white;
	}

.trait-texte-gauche-vignette {
        margin-left: 48%;
        border-left: 1px solid #fff;
        }

.interligne-moins { 
	line-height: 1.1; 
	}


/*---------------- F00TER --------------------------------------*/

.fond-footer {
    /*background-color: #38555a; #497186*/
    margin-top: 5%;
    padding-bottom: 5%;
    background-color: rgba(29,32,37,.8);/*rgba(29,32,37,.7)*/
}

.form1 {
    margin-top: 10px;
    float: left;
    width:100px;
    }

.p-footer {
    font-family: 'Dancing Script', cursive;
    font-size: 2.5em;
     color:#fff;
    text-align: left;
   
}
.p-footer-2 {
    font-family: 'Darker Grotesque', sans-serif;
    font-size: 2em;
     color:#fff;
    text-align: left;
   
   
}

.fa-footer:link, .fa-footer:visited { 
  
    font-family: 'deutsch_gothic', serif;
	font-size: 1.8em;
 
    line-height: 1;
    color: #92b1b5;/*  #c3a005 #053a59*/ 
    text-decoration: none; 
    z-index: 99999999999;
}
.fa-footer:hover, .fa-footer:active { 
    color: #387f9b; 
    text-decoration: none; 
}


.a-logo-footer:link, .a-logo-footer:visited { 
  
    font-family: 'deutsch_gothic', serif;
	font-size: 2em;
 
    line-height: 1;
    color: #8dcac7;/*  #c3a005 #053a59*/ 
    text-decoration: none; 
    z-index: 99999999999;
}
.a-logo-footer:hover, .a-logo-footer:active { 
    color: #c3e6e4; 
    text-decoration: none; 
}



.a-logo-titre-page:link, .a-logo-titre-page:visited { 
  
    font-family: 'parisienne', serif;
        font-size: 2.5em;
        margin-top: 50px;
        line-height: 1;
        color: #e9b9b8;/*  #e6bf0f #c3a005 #053a59*/
        text-align: center;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        padding-bottom: 0px;
        cursor: pointer;
}
.a-logo-titre-page:hover, .a-logo-titre-page:active { 
    color: #d6a4a4; 
    text-decoration: none; 
    cursor: pointer; 
}


.a-logo-bis:link, .a-logo-bis:visited { 
    position: absolute;
    font-family: 'Parisienne', cursive;
  font-size: 1.8em;
   margin-top: 1.5%;
    margin-left: -22%;
    line-height: 1;
    color: #e9b9b8;/*  #e6bf0f #c3a005 #053a59*/ 
    text-decoration: none; 
    z-index: 99999999999;
    cursor: pointer;
  }
  .a-logo-bis:hover, .a-logo-bis:active { 
    color: #d6a4a4; 
    text-decoration: none; 
    cursor: pointer;
  }


.a-logo-footer-plantagenet:link, .a-logo-footer-plantagenet:visited { 
  
    font-family: 'Parisienne', cursive;
	font-size: 2.5em;
    line-height: 1;
    color: #d0b5b5;/*  #c3a005 #053a59*/ 
    text-decoration: none; 
    z-index: 99999999999;
}
.a-logo-footer-plantagenet:hover, .a-logo-footer-plantagenet:active { 
    color: #ebdddd; 
    text-decoration: none; 
}


.a-icone-footer:link, .a-icone-footer:visited {
    font-family: 'Darker Grotesque', sans-serif;
    color: #a08798; 
    text-decoration: none; 
    padding-right: 5px; 
     }	
.a-icone-footer:hover, .a-icone-footer:active { 
    color: #6e9c9a; 
    text-decoration: none; 
    padding-right: 5px;
}

.p-footer-1 {
    font-family: 'Darker Grotesque', sans-serif;
    font-size: 2em;
     color:#fff;
   
    margin-top: 5%;
    margin-right: 18%;
  
    
}
.map {
    padding-bottom: 2%;
}
footer {	
	margin: 0; 
	padding: 0;
	font-size: 0.8em;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 100;
    height: auto;

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

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

footer nav ul { 
	list-style: none; 
	margin-top: 40px;
	padding: 0;
	}

footer nav ul li { 
	list-style: none;	/* on repète pour certains vieux navigateurs comme IE... */
   
	display: inline-block;	/* inline-block non compris par navigateurs IE<8...  */
	zoom: 1;		
	margin: 0 50px 0 0; 	/* marge à droite pour espacer les boutons */
    cursor: pointer;
	}

.p-footer-liens {
    font-family: 'Darker Grotesque', sans-serif;
    font-size: 2em;
     color:#fff;
    padding-left: 30px;
    margin-top: 0%;
    margin-bottom: 2%;
  
    
}
.nav-footer {
    width: 320px;
    float: left;
    font-size: 2em;
    margin-top: 2%;
}

.nav-footer-bis {
    width: 280px;
    float: left;
   margin-top: 2%;
  font-size: 2em;
   
    
}

nav {
   list-style: none; 
}
label {
   list-style: none;
    cursor: pointer; 
    margin: 0 auto;
    }

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

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

.slide-sgv {
    margin-left: 5%;
    margin-right: 10%;
}

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

.bouton-reserver-2-footer { 
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
	display: inline-block;	
	zoom: 1;		
	margin: 0;
	padding: 20px 20px; 
    margin-top: 10px;
    margin-bottom: 5%;
    
	background-color: #fff; /* blanc */
	font-size: 2em;
	white-space: nowrap;	
	color: #fff;
	transition: all 0.3s linear;
	vertical-align: middle;
	}
.bouton-reserver-2-footer:link, .bouton-reserver-2-footer:visited { 
	color: #fff;
	background-color: #e6bf0f; /* #8dcac7 b18aa7 rgba(139,190,255,.8);*/
	text-decoration: none;
	}
.bouton-reserver-2-footer:hover, .bouton-reserver-2-footer:active { 
	background-color: #cca705; /* #6e9c9a 8a6b82 */
	color: #3c5765;				
	text-decoration: none;
	}

.img-footer {
    width: 90px;
    height: auto;
    border-radius: 50%;
    margin-left: 5%;
   
}

.a3-copyright:link, .a3-copyright:visited { 

    color: #9d6e6c; 
    text-decoration: none; 
    font-weight: 600;
 
}
.a3-copyright:hover, .a3-copyright:active { 
    color: #bb8a89; 
    text-decoration: none; 
}

.slide-footer-gauche { padding-left: 12%;}

.slide-footer-gauche-bis { margin-left: 10%;}

.slide-img-footer {
    margin-top: 5%;
    padding-bottom: 5%;
    padding-left: 2%;
}
.facebook {padding-left: 100px;}

.colonne6 {padding: 0; margin: 0;}
.colonne6bis {padding: 0; margin: 0; margin-top: 2.5%;}

.colonne3bis { padding: 0; margin: 0; margin-top: 4.5%; margin-left: 10px;}
.colonne3-index { padding: 0; margin: 0; margin-top: 6.5%;}
.colonne12footer {padding: 0; margin: 0;margin-top: 50px;}



}



/*---POUR DEBUG 
 .colonne1, .colonne2, .colonne3, .colonne3bis, .colonne4, .colonne5, .colonne6, .colonne6bis, .colonne7, .colonne8, .colonne9, .colonne10, .colonne11, .colonne12, .colonne12footer, 
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, 
.item1, .item2, .item3, .item4, .item5, .item6, .item7, .item8, .item9, .item10, .item11, .item12 {
	border: 2px solid green;
	}
.page  { border: 2px solid red; }
.tablette { border: 2px solid violet; }
nav ul li iframe { border: 1px solid blue; }
th, td { border: 1px solid white; }*/