@charset "UTF-8";



@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.eot');
    src: url('../fonts/deutsch-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/deutsch-webfont.woff2') format('woff2'),
         url('../fonts/deutsch-webfont.woff') format('woff'),
         url('../fonts/deutsch-webfont.ttf') format('truetype'),
         url('../fonts/deutsch-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 --- */
@media screen and (min-width: 1025px) and (max-width: 1380px) {
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-fond-page-contact {
        background-image: url('../images/fond-bg-page-contact.jpg');
        background-repeat: no-repeat; 
        background-attachment: fixed; 
        background-position:inherit;
        background-size: cover;
    }

.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-activite {
    background-image: url('../images/fond-page-activite-1.png');
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: top center; 
	background-size:cover;
   
}

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

.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;
    
   
    
}

.union-jack {
    position: absolute;
    width: 3%;
    height: auto;
    float: right;
    margin-top: 10px;
    margin-left: -30px;
    
    
  }


.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.4em;
    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-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;
        margin-left: 20%;
        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: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;
    }

.p-icone-clim {
        font-size: 80px;
        color: #04223c;
        margin-bottom: -40px;
    }


.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.4em;
    text-align: justify;
    padding-left: 30px;
    padding-right: 30px;
    color: #cfd9e7;
    margin-top: 0;
    }
.p1-video {
    font-family: 'Darker Grotesque', sans-serif;
            font-weight: 300;
            font-size: 3em;
            text-align: justify;
            padding-left: 60px;
            padding-right: 60px;
            padding-top: 50px;
            color: #fff;
            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: #fff;
            line-height: 0.8;
            }

.p1-video-gal {
    font-family: 'Darker Grotesque', 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-gal {
                font-family: 'Darker Grotesque', serif;
                font-weight: 300;
                font-size: 3em;
                text-align: justify;
                padding-left: 180px;
                padding-right: 60px;
                padding-top: 50px;
                color: #053a59; /*b18aa7 */
                line-height: 0.8;
                }

.p1-video-lightbox {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 3.5em;
    text-align: justify;
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 8%;
    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;
   
	}



    .a-logo:link, .a-logo:visited { 
        position: absolute;
        font-family: 'Parisienne', cursive;
        font-size: 1.3em;
       margin-top: 2%;
        margin-left: -28%;
        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: 1em;
       margin-top: 2%;
        margin-left: -9%;
        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: 1em;
   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: 4em;
    padding-top: 60px;
    line-height: 1;
    color: #fff;/* */
    text-align:left;
    
    
   
	}
.logo-index {
    position: absolute;
    padding: 0 auto;
    padding-top: 10px;
    margin: 0 auto;
    margin-left: -5%;
    width: 12%; 
    
    }

.h1bis {
    padding-top: 20px;
    }


.h3-icones {
        font-size: 3em;
        color: #c6dde1; /* #3c5765 7E8C72*/
        font-family: 'Dancing Script', cursive;
        font-weight: 300;
         padding-top: 5%;
        
    
    }
.fond-prestation {
    background-color: rgba(99,129,145,.7);
    /*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-bottom: 10px;
    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: 2.8em;
        padding-top: 10px;
        line-height: 1;
        color: #8dcac7;/*  #e6bf0f #c3a005 #053a59*/
        text-align: left;
        text-shadow: 2px 2px 5px 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;
    padding-top: 2%;
    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%;
    line-height: 1.2;
    }

.h3bis-acces { 
    font-size: 2em;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    padding-top: 2%;
    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.2em;
    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-6 {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.6em;
    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: 115%;
    overflow: hidden;
    background: none;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    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;
    padding-left: 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: 75em;
  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;
            background-color: rgba(124, 126, 143, 0.6);
            margin-left: 8%;
            margin-right: 8%;
            padding-top: 5%;
            padding-bottom: 5%;
           
            }



.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-acces {
        width: 15%;
         height: auto;
         margin-left: 3%;
         }


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

.li-logo {padding: 0;}




#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: 500px;
	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%;
        
        
    }
.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 */

    
    }

#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: -2%;
}

.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;
    
   
	}

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

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

.bloc-para-activite { 
	
            margin-top: -8%;
            padding-top: 50px;
            width: 780px;
            height: 500px;
            margin-left: 20%;
            opacity: 1;
            background-color: rgba(29,32,37,.7);/*229,239,244,.7  */
        border: solid 2px #c2d3e5;
            /*line-height: 1;*/
            color: #053a59;
            text-align: center;
            padding-left: 2%;
            padding-right: 2%;
           
            }

.h1-bloc-0 { 
	font-family: 'Cormorant Garamond', serif;
	font-size: 3.5em;
   margin-top: -12%;
    line-height: 1.2;
    color: #fff;/* #a6b6cd */
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 20px;
    
   
	}

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

.h2para {
    font-family: 'Cormorant Garamond', serif;
	font-size: 2.6em; 
    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;
    
    
    }

.h2-page-activite-accueil {
    
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
	font-size: 1.8em; 
    line-height: 1;
    margin-top: 0;
    text-align: left;
    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: 2%;
    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: 10%;
         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-bis {
        padding: 10px 100px 0px 10px;
        text-align: justify;
        font-family: 'Darker Grotesque', sans-serif;
        font-weight: 200;
        font-size: 2em;
        color: #1e2915; /*7E8C72 */
        margin-top: 5%;
        margin-left: 6%;
        
        
        }

.h2bispara {
    padding: 10px 30px 40px 30px;
    text-align: justify;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 2em;
    color: #344c59; /*7E8C72 */
    
    }

.h2bis-alentour {
    padding: 10px 10px 40px 10px;
    text-align: center;
    font-family: 'Cormorant Garamond', serif;
    font-size: 3ffigem;
    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;
    
    }

.video-gauche-ch-colombier {
    margin-left: 12%;
}

.slide-ch-gauche {
    margin-left: 11%;
}

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

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

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

.iframe-video-ch {
    
    width: 450px;
    height: 250px;
    }

.iframe-video-ch-lightbox {
    width: 800px;
    height: 450px;
    margin-left: 16%;
    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: 400px;   
}

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


.iframe-video-galerie-bis {
    width: 550px;
    height: 400px;
    margin-left: 150px;
   
}

/*//////////////////////////////// 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: 150px 0px 0px 60px;
    
}
.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: 10px;
    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: 80px;
    margin-bottom: 20px;
	background-color: #fff; /* blanc */
	font-size: 1.25em;
	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.4em;
    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: 5%;
}

.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: 2%;
    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: 0%;
    margin-right: 10%;
    margin-bottom: 5%;
    margin-top: 2%;
}

.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: 1.8em;
     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-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: -10%;
  
    
}
.nav-footer {
    width: 320px;
    float: left;
    font-size: 2em;
    
}

.nav-footer-bis {
    width: 280px;
    float: left;
    padding-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%;
    
}

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

.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: 8%;}
.slide-footer-gauche-desktop { padding-left: 3%;}

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

.slide-img-footer {
    margin-top: 5%;
    padding-bottom: 5%;
    margin-left: 3%;
    margin-right: -8%;
}
.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; }*/