@charset "UTF-8";

@media screen and (max-width: 767px) {

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



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

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: 9%;
    height: auto;
    float: right;
    margin-top: 78px; 
    margin-left: -65%;
  }
  
  .drapeau-france {
    position: absolute;
    width: 5%;
    height: auto;
   float: left;
    margin-top: 10%;
    
    
  }

#body-chambre-plantagenet-tablette {
    /*background-color: #dbebf1;*/
    background-image: url('../images/fond-index-3-bis-tablet-landscape.png');
	height:100%;
    width:100%;
    position: fixed;
    background-position: top center;
    background-size: cover;	
    background-repeat: no-repeat;
    z-index: -2;
 
}

#body-galerie-plantagenet-tablette {
    /*background-color: #dbebf1;*/
    background-image: url('../images/fond-galerie-plantagenet.png');
	height:100%;
    width:100%;
    position: fixed;
    background-position: top center;
    background-size: cover;	
    background-repeat: no-repeat;
    z-index: -2;
}

#body-index-tablette {
    /*background-color: #dbebf1;*/
    background-image: url('../images/fond-index-3-bis-tablet-landscape.png');
	height:100%;
    width:100%;
    position: fixed;
    background-position: top center;
    background-size: cover;	
    background-repeat: no-repeat;
    z-index: -2;
}


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

.p1 {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 500;
    font-size: 2em;
    text-align: right;
    padding-right: 0px;
    margin-left: 0px;
    padding-top: 20px;
    color: #425952;/*  #d59a1c b18aa7 */
    line-height: 1;

    }

   

.p1-prix {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
    font-size: 0.8em;
    text-align: right;
    padding-left: 10px;
    padding-right: 0px;
    
    color: #425952;/* #d59a1c b18aa7 */
    

    }

.p1-bis {
    width: 250px;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 1em;
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    color: #425952;
    margin-top: 0;
    }
.p1-video {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: 2.5em;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 50px;
    margin-bottom: 10%;
    color: #1e2915; /*b18aa7 */
    line-height: 0.8;
    }

.p1-video-ch-plantagenet {
        font-family: 'Cormorant Garamond', serif;
        font-weight: 300;
        font-size: 2em;
       
        margin-top: 15%;
        padding-top: 0%;
       
        padding-right: 8%;
       
        margin-bottom: 5%;
        color: #1e2915; /*b18aa7 */
        line-height: 0.8;
      
        }

    .p1-video-1 {
        font-family: 'Cormorant Garamond', serif;
        font-weight: 300;
        font-size: 2.2em;
        text-align: justify;
        margin-left: 8%;
        margin-bottom: 10%;
        color: #1e2915; /*b18aa7 */
        line-height: 0.8;
        }

        .p1-video-1-bis {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            margin-top: 10%;
            font-size: 2.2em;
            text-align: left;
            margin-left: -5%;
            margin-bottom: 50px;
            color: #1e2915; /*b18aa7 */
            line-height: 0.8;
            }

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

    .border-bottom-page {
        border-bottom: 2px solid #04223c;
        margin-left: 20%;
        margin-right: 20%;
        margin-bottom: 10%;
        margin-top: 5%;
    }
    
    .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 #04223c;
        margin-left: 20%;
        margin-right: 20%;
        margin-bottom: 2%;
        margin-top: 22%;
    }

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: 0.8em;
   margin-top: 3%;
    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: 0.6em;
   margin-top: 3%;
    margin-left: -8%;
    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; 
}


.h1-index-0 { 
	font-family: 'Cinzel', serif;
	font-size: 3em;
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1;
    color: #053a59;/* */
    text-align: center;
   
	}


.logo-index {
    position: absolute;
    padding: 0 auto;
    padding-top: 20px;
    margin: 0 auto;
    margin-top: -50%;
   margin-left: 10%;
    width: 30%;
    padding-bottom: 5%; 
    opacity: 0.4;
    
    }

.logo-page-plantagenet {
        position: absolute;
        padding: 0 auto;
        width: 12%;
        height: auto;
        padding-top: 10px;
        margin: 0 auto;
        margin-top: 0%;
       margin-left: -20%;
       margin-bottom: 5%; 
       z-index: 99;
        
        }

.h1bis {
    padding-top: 20px;
    }



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

.h2-index-1 { 
	font-family: 'Parisienne', cursive;
	font-size: 2.8em;
    padding-top: 10px;
    line-height: 1;
    color:  #9d6e6c;/*  #c3a005 #053a59*/
    text-align: center;
    text-shadow: 4px 4px 5px #666;
    padding-bottom: 80px;
   
	}
.h2-index-1-logis { 
	font-family: 'Cinzel Decorative', cursive;
	font-size: 3em;
    font-weight: 400;
    padding-top:20%;
    line-height: 1;
    color: #934253;/*  #c3a005 #053a59*/
    text-align: center;
    text-shadow: 4px 4px 5px #666;
    padding-bottom: 70px;
   
	}
.h2-index-1-logis-bis { 
        font-family: 'Parisienne', cursive;
        font-size: 1.5em;
        font-weight: 200;
        padding-top: 10%;
        margin-left: 5px;
        line-height: 1;
        color: #d0b5b5;/*  #c3a005 #053a59*/
        text-align: left;
        text-shadow: 1px 1px 2px #666;
        padding-bottom: 40px;
       
        }
.h2-index-1-logis-index { 
            font-family: 'Parisienne', cursive;
            font-size: 1.6em;
            font-weight: 300;
            padding-top: 2%;
            margin-left: 0px;
            line-height: 1;
            color: #d0b5b5;/*  #c3a005 #053a59*/
            text-align: justify;
            text-shadow: 1px 1px 2px #666;
            padding-bottom: 40px;
           
            }

.h2-index-1-logis-index-bis { 
                font-family: 'Parisienne', cursive;
                font-size: 2em;
                font-weight: 300;
                padding-top: 8%;
                line-height: 1;
                color: #a88585;/*  #c3a005 #053a59*/
                text-align: left;
                margin-left: 10%;
                
                padding-bottom: 40px;
               
               
                }

h3 { 
    font-size: 2.0em; 
    }

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

.h3bis1 { 
    font-size: 2.5em;
    font-family: 'Cormorant Garamond', serif;
    margin-top: 15%;
    padding-bottom: 2%;
    color: #1e2915;
    text-align: left;
    padding-left: 2%;
    padding-right: 0%;
    border-left: solid 2px #3c5765;
    }
    


.h3bis1-box { 
        font-size: 3em;
        font-family: 'Cormorant Garamond', serif;
        margin-top: 5%;
        padding-bottom: 2%;
        color: #1e2915;
        text-align: center;
       
        padding-left: 2%;
        padding-right: 0%;
        border-left: solid 2px #3c5765;
        }

.h3bis1-ch { 
        font-size: 2.5em;
        font-family: 'Cormorant Garamond', serif;
        margin-top: 15%;
        padding-top: 5%;
        padding-bottom: 2%;
        padding-left: 2%;
        margin-right: 5%;
        text-align: left;
        float: left;
        color: #1e2915;
        border-left: solid 2px #3c5765;
        }
.h3bis1-ch span {
            font-family: 'Cinzel', serif;
        }

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

.h3bis-galerie-plantagenet { 
        font-size: 1.4em;
        font-family: 'Darker Grotesque', sans-serif;
        font-weight: 200;
        text-align: justify;
        /*text-transform: uppercase;*/
        color: #1e2915; /*7E8C72 */
        padding-left: 9%;
        padding-right: 9%;
        margin-top: 5%;
        margin-bottom: 5%;
        line-height: 1.5;
       
        }

        .h3bis1-alentour { 
            font-size: 2.5em;
            font-family: 'Cormorant Garamond', serif;
            margin-top: 5%;
            padding-bottom: 2%;
            color: #1e2915;
            text-align: left;
            padding-left: 2%;
            padding-right: 10%;
            border-left: solid 2px #3c5765;
            }       

.fond-h3bis {
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 8%;
    margin-right: 8%;
    background-color:  rgba(245, 240, 241, 0.8); /* 222,218,111, 0.05 / rgba(52,76,81, 0.8) */
    border:1px solid #344c59;
}

.h3bis-acces { 
    font-size: 1.8em;
    font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
    font-weight: 200;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #1e2915;
    }

.h3bis-contact { 
    font-size: 1.6em;
    font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
    font-weight: 300;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #7E8C72;
    }


.h3-titre-2 { 
    font-size: 3em;
    font-family: 'Cormorant Garamond', serif;
    padding-bottom: 2%;
    color: #04223c; /* #7E8C72*/
    margin-top: 8%;
    text-align: left;
    padding-left: 5%;
    padding-right: 0%;
    border-left: solid 2px #3c5765;
   
    
    }
.repousse-grid6, .marge-g6 {
        margin-left: 8.333333333%!important;
        }
.repousse-grid1, .marge-g1 {
        margin-left: 8.333333333%!important;
        }
.repousse-grid1-tab, .marge-g1-tab {
            margin-left: -20.333333333%!important;
            }

.repousse-grid2, .marge-g2 {
                margin-left: 25%!important;
                }


.repousse-grid2-phone, .marge-g2-phone {
                    margin-left: 10%!important;
                    }

.colonne3-phone {
                        margin-left: 1.04166666666667%; /*  10 / 960px = 0.0104166666666667 */
                        margin-right: 1.04166666666667%; /*  10 / 960px = 0.0104166666666667 */
                        width: 60.91666667%; /* 220px / 960px = 0,2291666667 */
                        }


.repousse-grid7 {
        margin-left: 25%!important;
        }
.stella {
    background-color: rgba(197,202,195,.7);
        /*background-color: rgba(222,230,220,.3);  #dbe8eb*/
        padding: 0; 
        padding: 20px 20px 50px 20px;
        border: 1px solid #ccd4c5;
        margin-left: 5%;
        }

.fond-vignette-chambre {
       
       background-color: rgba(197,202,195,.7);
         /*background-color: rgba(222,230,220,.3);*/
    }

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

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

.p-presentation-maison-bis {
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 1em;
    color: #2f353a; /* #7E8C72*/
    padding-top: 2%;
    padding-right: 18%;
    padding-left: 4%;
    padding-bottom: 2%;
    text-align: justify;
    border-left: solid 1px #17333c;
}
.p-presentation-logis {
    font-family: 'Darker Grotesque', sans-serif;

    font-weight: 200;
    font-size: 1.4em;
    color: #2f353a; /* #7E8C72*/
    padding-top: 5%;
    padding-right: 9%;
    padding-left: 9%;
    padding-bottom: 2%;
    text-align:justify;
    
}

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

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

.h3-icones {
    text-transform: uppercase;
    color: #2f353a; /* 7E8C72*/
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    padding-top: 5%;
}
.h3-icones-logis {
font-size: 2.5em;
    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; }
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, .container { 
	margin: 0 auto; 
	padding: 0%;
    
	
    }




/*##### 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-2 {
    
  font-family: 'Cormorant Garamond', serif;
  color: #2f3639; /*#1A1A1A;*/
  font-size: 2em;
  margin-bottom: 0;
  -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;
}

#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-video {opacity: 0;}

#anim-chambre-logis {opacity: 0;}

#section1-index-logis {opacity: 0;}
#section2-index-logis {opacity: 0;}

#section1 {opacity: 0;}
#section1-bis {opacity: 0;}
#section1-bis-ch {opacity: 0;}
#section1-bis-ch-1 {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;}

#section-incontournable-1 {opacity: 0;}
#section-incontournable-1-bis {opacity: 0;}
#section-incontournable-2 {opacity: 0;}
#section-incontournable-2-bis {opacity: 0;}

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

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

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

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


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

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

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


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

#section-page-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;}

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






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

header {
    min-width: 100%;
    display: none;
    opacity: 1;
    position: fixed;
    z-index: 10000000000;
    background-color: rgba(47, 54, 57, 0.9);
    border-bottom: 2px solid #c5cac3;
    
}
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: 15px 15px;
	background-color: none;
	font-size: 1.6em;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 100;
	line-height: 2;	
	white-space: nowrap;	
	color: #c5cac3;
	transition: all 0.5s ease;
    padding-bottom: 2%;	
   
	}
header nav ul li a:link, header nav ul li a:visited {
	background-color: none;
	color: #c5cac3; 
	text-decoration: none;
	}
header nav ul li a:hover, header nav ul li a:active {
    background-color: rgba(99,129,145,.6);
	color:#fff;

	}


.header-logis {
        min-width: 100%;
        display: none;
        opacity: 1;
        position: fixed;
        z-index: 100000000;
        background-color: rgba(47, 54, 57, 0.9);
        border-bottom: 2px solid #c5cac3;
    }
.header-logis nav ul { 		
        list-style: none; 
        margin: 0;
        padding: 0;
        
        }
.header-logis nav ul li { 		
        list-style: none;	
        display: block;	
        margin: 0;
        padding: 0;
        float: right;
        z-index: 100;
       
        }
    
    
.header-logis nav ul li a { 
    display: inline-block;
	zoom: 1;		
	margin: 0;
	padding: 12px 30px;
	background-color: none;
	font-size: 1.8em;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 100;
	line-height: 2.3;	
	white-space: nowrap;	
	color: #c5cac3;
	transition: all 0.5s ease;	
       
       
        }
.header-logis nav ul li a:link, .header-logis nav ul li a:visited {
         
        background-color: none;
        color: #c5cac3; 
        text-decoration: none;
        }
.header-logis nav ul li a:hover, .header-logis nav ul li a:active {
        background-color: rgba(115, 132, 128, 0.6);
        color:#c5cac3
    
        }

/*---------------------------- 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 .bouton-sub-menu { 
	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 .bouton-sub-menu { display: block; }



.bouton-sub-menu { 
    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;
    
   
    }

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


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



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

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

}

.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);
        
    }
.homepage-hero-module {
    border-right: none;
    border-left: none;
    border-top: none;
    position: relative;
    z-index: 0;
}


.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
    
}
.video-container {
    position: relative;
    bottom: 0;
    left: 0;
    height: auto;
    width: 100%;
    overflow: hidden;
    background: none;
    background-color: rgba(47, 54, 57, 0.6);
  
   
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
     
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
    height: 120%;
    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: 'chapaza', sans-serif;
    font-size: 4.5em;
    padding-left: 5%;
    text-transform: uppercase;
    }

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

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

}


.fond-galerie-logis {
    margin-top: 5%;
    /*background-color: #738480;
    background-color: rgba(115,138,128,.8);*/
    background-color: rgba(47, 54, 57, 0.8);
    padding-bottom: 0%;
}


/*---- NUMBER OF SLIDE CONFIGURATION ----*/
.wrapper {
  max-width: 70em;
  margin: 0em 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: 100%;
  -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: 50px;
  height: 50px;
  border-radius: 50%;
  background:none;
  opacity: 0.7;
}
.slider-prev-next-control label:hover {
  opacity: 1;
}

.slider-dot-control {
  position: absolute;
  width: 100%;
  bottom: -20%;
  
  text-align: center;
}
.slider-dot-control label {
  cursor: pointer;
  border-radius: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background: #9f882b; /* #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: rgba(47, 54, 57, 0.6);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 100px;
}
.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;
}

.slide-wrapper-index {
    margin-left: 10%;
}
/* Slider Styling */
.slider-wrapper {
  width: 80%;
  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: #2b302e;
}

#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: 0px;
}

#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: 20px;
}

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



/*//////////////////////////   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: #2b302e;
}

#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: 8px;
}

#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: 20px;
}

#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: 'Cormorant Garamond', serif; 
	font-weight: normal;
	font-style: normal;
    font-size: 2.5em;
    text-align: center;
    
        }

.h4-galerie {
    font-size: 3em;
    font-family: 'Cormorant Garamond', serif;
    margin-top: 5%;
    padding-bottom: 2%;
    color: #1e2915;
    text-align: left;
   margin-left: -8%;
    padding-left: 2%;
    padding-right: 0%;
    border-left: solid 2px #3c5765;


}

.h3-bis-box {
    color: rgb(99, 108, 102);
    font-family: 'Cormorant Garamond', serif; 
	font-weight: normal;
    text-transform: uppercase;
	font-style: normal;
    font-size: 1.8em;
    text-align: center;
    margin-top: -35%;
    /*text-shadow: 4px 4px 5px #666;*/
    background-color:  rgba(245, 240, 241, 0.6); /* 222,218,111, 0.05 / rgba(52,76,81, 0.8) */
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
    }
.h3-bis-box span {
        color: rgb(99, 108, 102);
        font-family: 'Cormorant Garamond', serif; 
        font-weight: normal;
        text-transform: uppercase;
        font-style: normal;
        font-size: 1em;
        text-align: center;
        margin-top: -8%;
        /*text-shadow: 4px 4px 5px #666;*/
    }

 

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




.p-box {
    font-family: 'Josefin Sans', Arial, Helvetica, Sans-Serif;
    font-weight: 100;
    font-size: 1.3em;
    color:#1a1a1a;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.p-box-titre { 
    font-family: 'Josefin Sans', Arial, Helvetica, 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: 'Josefin Sans', Arial, Helvetica, Sans-Serif;
    font-weight: 100;
    font-size: 1.3em;
    color:#1a1a1a;
   
}


.slide-incontournable {
    margin-left: 2%;
}

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

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

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

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



.bouton1 { 
	margin-right: 0; 	/* pour repousser (ou pas) les boutons entre eux */
	padding: 10px 10px ;
	display: none;	 /*Block en ligne pour consolider les paddings limités par la hauteur du texte */
	background-color: rgba(74,107,88,1); /* bleu */	 
    font-weight: normal;
    font-size: 1.2em;
	color: #1b1a1c;
    border: none;
	vertical-align: middle;	/* permet l'alignement vertical sur la ligne de texte (images, icones, etc.) */
    cursor: pointer;
	transition: all 2s ease-in-out;
    z-index: 300;
    float: inherit;
    border-radius: 50%;
   
   
    }

.bouton1:link, .bouton1:visited { 
	background-color: rgba(74,107,88,1); /* gris bleu*/
	color: #fff;
	text-decoration: none;
    cursor: pointer;
	}
.bouton1:hover, .bouton1:active { 
	background-color: rgba(74,107,88,0.5); /* gris bleu*/
	color: #1b1a1c;
	text-decoration: none; 
	}


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



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





.logo {
    position: relative;
    float: left;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 5px;
    margin: 0;
    width: 30px; 
    margin-left: 40%;
    
    }

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

.li-logo {padding: 0;}





#diapo1 { 
	margin: 10px;
	padding: 10px;
    margin-left: -6%;
    margin-right: 2%;
	/*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: 300px;
	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-inside1 {
    position: absolute;
    width: 780px;
    height: 400px;
    margin: -390px 100px 100px 230px;
    opacity: 0;
    left:-390px;
    background: rgba(255,255,255,.7);
    color: white;
    border: solid 1px #053a59;
  margin-top: -50%;  /* -25%*/
    
    
}

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

#slide-inside1-logis-bis {
    position: absolute;
    width: 300px;
    height: 300px;
    margin: -150px 100px 100px 30px;
    opacity: 0;
    left:-120px;
    /*background: rgba(255,255,255,.7);*/
    color: white;
   margin-top: -55%;  /* -25%*/
    /*border-top: solid 4px #b38d95;
    border-bottom: solid 2px #b38d95;*/
    
    
    
}


#slide-inside1-logis-ch {
    position: absolute;
    width: 300px;
    height: 300px;
    
    opacity: 0;
    left:-50px;
    /*background-color: rgba(47, 54, 57, 0.2);*/
   margin-top: -45%;  /* -25%*/
    /*border: solid 2px #a4ada3;
    border-bottom: solid 2px #b38d95;*/
    padding: 20px;
    /*border-style:ridge;*/
  
}

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

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

.h1-page-0-bis { 
    font-family: 'Cormorant Garamond', serif;
    font-size: 2em;
    padding-top: 30px;
    padding-left: 5px;
    padding-right: 15px;
    padding-bottom: 30px;
    line-height: 1;
    margin-left: -10%;
    color: #fff;/* */
    text-align: left;
    margin-top: -10%;
    text-shadow: 2px 2px 3px #666;
    border-bottom: solid 4px #fff;
    text-transform: uppercase;
   }

.h1-page-0-bis span {
font-family: 'Cinzel', serif;
}


.shadow {
    box-shadow: inset 0 0 10px 10px rgb(184, 181, 181,0.5);
}


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

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

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

#titre1 {opacity: 0;}





.fond-img-page-promener {
	background: url('../images/fond-img-promener-bergerac.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.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.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-galerie-plantagenet {
        background: url('../images/bg-page-galerie-plantagenet.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-plantagenet.jpg');
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    padding-top: 10px;
	padding-bottom: 10px;
    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: 9%;
    padding-top: 250px;
	padding-bottom: 200px;
    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: -5%;
    padding-top: 80px;
    padding-bottom: 100px;
    width: 800px;
    height: 460px;
    margin-left: 20%;
    opacity: 1;
    background-color: rgba(197, 202, 195, 0.9);
    /*background-color: rgba(47, 54, 57, 0.9);*/
    border: 2px solid #2f3639; /*#c5cac3*/
    /*line-height: 1;*/
    color: #053a59;
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
    border-radius: 50%;
    
   
	}

.bloc-para-galerie { 
        margin-top: -5%;
        padding-top: 50px;
        width: 780px;
        height: 350px;
        margin-left: 20%;
        opacity: 1;
        background: rgba(245, 240, 241, 0.8);/*229,239,244,.7  */
        border: solid 2px #053a59;
        /*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;
    padding-top: 1%;
    line-height: 1;
    color: #2f3639;/* #738480 */
    text-align: center;
    padding-bottom: 20px;
   
  
   
	}

    .h2para-gal-logis {
        font-family: 'Cormorant Garamond', serif;
        font-size: 1.4em; 
        text-transform: uppercase;
        padding-top: 25px;
        text-align:left;
        padding-left: 0px;
        margin-right: -150px;
        color: #425952;
        border-bottom: solid 2px #425952;
        line-height: 0.9;
        }
    .h2para-gal-logis span {
        font-family: 'cinzel', serif;
        font-size: 0.6em; 
        text-transform: lowercase;
        padding-top: 10px;
        text-align:left;
        margin-left: 0px;
        color: #425952;
    }



.h1-bloc-0 span {
    font-family: 'Cinzel', serif;
}
.h2para {
    font-family: 'Cormorant Garamond', serif;
	font-size: 2.4em; 
    text-transform: uppercase;
    padding-top: 40px;
    text-align:left;
    padding-left: 0px;
    color: #425952;
    border-bottom: solid 2px #425952;
    }
.h2para span {
    font-family: 'cinzel', serif;

}  

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

} 

.h2para-gite-box {
    font-family: 'Cormorant Garamond', serif;
	font-size: 1.6em; 
    text-transform: uppercase;
    padding-top: 30px;
    text-align: center;
    color: #c5cac3;/*#2f3639*/
    padding-left: 3%;
    padding-right: 3%;
    }

.h2para-gite {
    font-family: 'Cormorant Garamond', serif;
	font-size: 1.6em; 
    text-transform: uppercase;
    padding-top: 80px;
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
    color: #c5cac3;/*#2f3639*/
    }

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

.h2para-bis {
    font-family: 'Cinzel', 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: 1.8em; 
    margin-top: 0;
    text-align: center;
    color: #fff;
    
    
    }

.h2-page-activite-accueil {
    position: relative;
    margin-top: 8%;
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 200;
	font-size: 1.4em; 
    text-align: justify;
    color: #04223c;
    z-index: 999999;
   margin-left: 10%;
   margin-right: 10%;
    line-height: 1;
    border-bottom: 1px solid #04223c;
    padding-bottom: 15%;
    /*text-shadow: 1px 1px 2px #666;*/
    
    }
.h2-page-chambre-plantagenet {
        position: relative;
       padding-top: 5%;
        font-family: 'Darker Grotesque', sans-serif;
        font-weight: 200;
        font-size: 1.8em; 
        margin-top: 0;
        text-align: justify;
        color: #c5cac3;
        z-index: 9999999999999;
        padding-left: 2%;
        line-height: 1;
        
        }


.h2-page-contact {
     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-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: 5%;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    
    }

.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: 'cinzelbold', serif;
    text-transform: uppercase;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
    }
.h2bispara-bis {
        padding: 10px 10px 0px 10px;
        text-align: justify;
        font-family: 'Darker Grotesque', sans-serif;
        font-weight: 200;
        font-size: 1.4em;
        color: #1e2915; /*7E8C72 */
        margin-top: 5%;
        margin-left: 5%;
    margin-right: 5%;
        line-height: 1.2;
        
        
        }

.h2bispara {
    padding: 10px 20px 10px 20px;
    text-align: justify;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 200;
    font-size: 1.3em;
    color: #1e2915; /*7E8C72 */
    margin-top: 5%;
    border-left: solid 2px #3c5765;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 1;
    
    }

.h2bis-alentour {
    padding: 10px 10px 40px 10px;
    text-align: center;
    font-family: 'Cinzel', serif;
    font-size: 3ffigem;
    color: #344c59; /*7E8C72 */
    text-transform: uppercase;
    
    }

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

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

.slide-galerie-box {
    margin-left: 10%;
    
}

.padding-ch-box-galerie {
    padding: 5%;
}

.iframe-video-ch {
    width: 230px;
    height: 150px;
    margin-right: 0px;
    }

.iframe-video-ch-lightbox {
    width: 230px;
    height: 150px;
    margin-left: 13%;
    margin-top: 5%;
   }
  

.iframe-video-ch-bis {
    width: 550px;
    height: 350px;
    
    
}
.iframe-video-index-logis {
    width: 300px;
    height: 150px;
    margin-left: 0%;
    
}
.slide-chambre-video {
   
    margin-left: 10%;
}

.slide-video-ch-1 {
    margin-left: 25%;
}

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

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

.iframe-acces {
    width: 100%;
    height: 700px;   
}


.iframe-video-galerie {
    width: 300px;
    height: 180px;
    margin-left: 8%;
    
}


.iframe-video-galerie-bis {
    width: 300px;
    height: 180px;
    margin-left: -8%;
    
   
}

.slide-video-galerie {
    margin-left: 5%;
    margin-top: 10%;
}

/*//////////////////////////////// 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 */



/* 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: 40px;
    position: fixed;
    bottom:76px;
    z-index:80;
    margin-left: 35px;
    cursor: pointer;
  }

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

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


.fond-rose-plantagenet {
      margin-top: 5%;
      background-color: rgba(47, 54, 57, 0.9);
       /*background-color: rgba(197,202,195,.7);
      background-color: rgba(47, 54, 57, 0.8); */
    margin-bottom: 5%;
    padding-bottom: 5%;
}

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


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


.bouton-vignette-ch { 
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
    display: inline-block;	
    zoom: 1;		
    margin: 0;
    padding: 10px 20px;
    margin-top: 60px;
    margin-bottom: 20px;
    background-color: #738480; /* blanc */
    font-size: 1.6em;
    white-space: nowrap;	
    color: #c5cac3;
    transition: all 0.3s linear;
   margin-right: 0px;
   cursor: pointer;
    
    }
.bouton-vignette-ch:link, .bouton-vignette-ch:visited { 
    color: #c5cac3;
    background-color: #738480; /*#9d6e6c  b18aa7 rgba(139,190,255,.8);*/
    text-decoration: none;
    cursor: pointer;
    }
.bouton-vignette-ch:hover, .bouton-vignette-ch:active { 
    background-color: #a4ada3 ; /* #bb8a89 #6e9c9a 8a6b82 */
    color: #2f3639;				
    text-decoration: none;
    }


/*////////////////////////  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;
    margin-left: 2%;
    }
.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: 2em;
    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: 1.2em;
    padding: 70px 0px 0px 20px;
    
}
.caption-colombier:hover {
    opacity: 1;
    transition: all 0.5s ease;
   
}
span { 
    margin-left: 2%;
    margin-top: 0;
    }

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

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


.vignette-colombier-bis {
    width: 50%;
    height: 65%;
    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: 65%;
    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: 'Josefin Sans', sans-serif;
    font-weight: 200;
    font-size: 1.2em;
    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: 'Josefin Sans', 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: 'Josefin Sans', 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: 'Josefin Sans', 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: 'Josefin Sans', 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%;
}

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







.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: 15%!important;
}

.repousse-col-tablet {
    margin: 5%;
}



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




.repousse-colonne1-logis, .marge-c1 {
        margin-left: 15%!important;
        }


/*///////////   image BOX chambre le marguerite  //////////////// */


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

.fond-img-box-marguerite:hover, .fond-img-box-marguerite:active { 
	 background-image: url('../images/photo1-galerie-marguerite-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-marguerite-1 {
	background-image: url('../images/photo-galerie-marguerite-2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
    margin: 2%;
    
    
	
	}

.fond-img-box-marguerite-1:hover, .fond-img-box-marguerite-1:active { 
	background-image: url('../images/photo2-galerie-marguerite-2.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-marguerite-2 {
    background-image: url('../images/photo-galerie-marguerite-3.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
    margin: 5%;
    float: left;
	
	}

.fond-img-box-marguerite-2:hover, .fond-img-box-marguerite-2:active { 
	background-image: url('../images/photo3-galerie-marguerite-3.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-marguerite-3 {
    background-image: url('../images/photo-galerie-marguerite-4.jpg');
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	color: #1d1b1c;
    margin: 5%;
    float: right;
    
	
	}

.fond-img-box-marguerite-3:hover, .fond-img-box-marguerite-3:active { 
	background-image: url('../images/photo4-galerie-marguerite-4.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 elisabeth   //////////////// */


.fond-img-box-elisabeth {
    background-image: url('../images/photo-ch-galerie-elisabeth.jpg');
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #1d1b1c;
    margin: 5%;
    float: right;
    
    
    }

.fond-img-box-elisabeth:hover, .fond-img-box-elisabeth:active  { 
    background-image: url('../images/photo-ch-galerie-elisabeth-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-elisabeth-1 {
        background-image: url('../images/photo1-ch-galerie-elisabeth-1.jpg');
        
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        color: #1d1b1c;
        margin: 5%;
        float: right;
        
        
        }
    
.fond-img-box-elisabeth-1:hover, .fond-img-box-elisabeth-1:active  { 
        background-image: url('../images/photo2-ch-galerie-elisabeth-2.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-elisabeth-2 {
            background-image: url('../images/photo3-ch-galerie-elisabeth-3.jpg');
            
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            color: #1d1b1c;
            margin: 5%;
            float: right;
            
            
            }
        
.fond-img-box-elisabeth-2:hover, .fond-img-box-elisabeth-2:active  { 
            background-image: url('../images/photo-ch-galerie-elisabeth-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-elisabeth-3 {
    background-image: url('../images/photo-ch-galerie-elisabeth-4.jpg');
    background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
                color: #1d1b1c;
                margin: 5%;
                float: right;
                
                
                }
            
.fond-img-box-elisabeth-3:hover, .fond-img-box-elisabeth-3:active  { 
background-image: url('../images/photo4-ch-galerie-elisabeth-4.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;
                
                }




/* ----------------galerie box alienor --------------------*/


.fond-img-box-alienor {
    background-image: url('../images/photo-ch-galerie-alienor.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #1d1b1c;
    margin: 5%;
    float: right;
}

.fond-img-box-alienor:hover, .fond-img-box-alienor:active  { 
background-image: url('../images/photo-ch-galerie-alienor-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-alienor-1 {
    background-image: url('../images/photo-ch-galerie-alienor-2.jpg');
     background-repeat: no-repeat;
    background-size: cover;
     background-position: center center;
     color: #1d1b1c;
     margin: 5%;
     float: right;
 }
                                            
.fond-img-box-alienor-1:hover, .fond-img-box-alienor-1:active  { 
    background-image: url('../images/photo-ch-galerie-alienor-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-alienor-2 {
 background-image: url('../images/photo-ch-galerie-alienor-3.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
color: #1d1b1c;
margin: 5%;
float: right;
}
                                                
.fond-img-box-alienor-2:hover, .fond-img-box-alienor-2:active  { 
    background-image: url('../images/photo-ch-galerie-elisabeth-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-alienor-3 {
background-image: url('../images/photo-ch-galerie-elisabeth-4.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
color: #1d1b1c;
 margin: 5%;
float: right;
}
                                                    
.fond-img-box-alienor-3:hover, .fond-img-box-alienor-3:active  { 
    background-image: url('../images/photo4-ch-galerie-elisabeth-4.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-marguerite {
    background: url('../images/bg-ch-logis-marguerite-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding-top: 250px;
    padding-bottom: 250px;
    margin-left: 8%;
    margin-right: 8%;
    -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-galerie-ch-elisabeth {
            background: url('../images/bg-ch-elisabeth-1.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center;
            margin: 0;
            padding-top: 250px;
            padding-bottom: 250px;
            margin-left: 8%;
            margin-right: 8%;
            -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-galerie-ch-alienor {
                background: url('../images/bg-ch-logis-alienor-1.jpg');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: top center;
                margin: 0;
                padding-top: 250px;
            padding-bottom: 250px;
             margin-left: 8%;
             margin-right: 8%;
                -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-galerie-ch-gite {
        background: url('../images/bg-ch-logis-salon.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        margin: 0;
        padding-top: 250px;
        padding-bottom: 250px;
        margin-left: 8%;
        margin-right: 8%;
        -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-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%;
}

.fond-icone-plantagenet {
    padding-top: 20px;
     background-color: rgba(133,132,90,.4);
     border: solid 2px #053a59;
    
}

.bouton-reserver-1 { 
    position: absolute;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 300;
	display: inline-block;	
	zoom: 1;		
	margin: 0;
    padding: 0px 10px; 
    margin-top: 18%;
    margin-left: 60%;
    margin-right: 3%;
	background-color: #fff; /* blanc */
	font-size: 1.3em;
	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: 10px 10px; 
    margin-top: 30px;
    margin-bottom: 5%;
    margin-right: 5%;
    margin-left: -50%;
	background-color: #e6bf0f; /* blanc */
	font-size: 1.5em;
	white-space: nowrap;	
	color: #fff;
	transition: all 0.3s linear;
	vertical-align: middle;
    text-decoration: none;
	}
.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: #d5b00a; /* #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: 10px 10px; 
        margin-top: 30px;
        margin-bottom: 5%;
        
        background-color: #e6bf0f; /* blanc */
        font-size: 1.8em;
        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: 10px 20px;
    margin-top: 35%;
    margin-bottom: -50px;
	background-color: #a4ada3; /* blanc */
    font-size: 1.3em;	
    color: #c5cac3;
	white-space: nowrap;	
	transition: all 0.3s linear;
	vertical-align: middle;
	}
.bouton2bis:link, .bouton2bis:visited { 
	color: #2f3639;
    background-color: #a4ada3; /*#9d6e6c  b18aa7 rgba(139,190,255,.8);*/
    text-decoration: none;
    cursor: pointer;
	}
.bouton2bis:hover, .bouton2bis:active { 
    background-color: #738480; /* #bb8a89 #6e9c9a 8a6b82 */
    color: #c5cac3;			
	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: 80px;
        background-color: #a4ada3; /* blanc */
        font-size: 2em;
        white-space: nowrap;	
        color: #c5cac3;
        transition: all 0.3s linear;
        vertical-align: middle;
        cursor: pointer;
        }
.bouton-suivant:link, .bouton-suivant:visited { 
    color: #2f3639;
    background-color: #a4ada3; /*#9d6e6c  b18aa7 rgba(139,190,255,.8);*/
    text-decoration: none;
        }
.bouton-suivant:hover, .bouton-suivant:active { 
    background-color: #738480; /* #bb8a89 #6e9c9a 8a6b82 */
    color: #c5cac3;			
	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 { 
	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: 'Josefin Sans', Arial, Helvetica, Verdana, 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 { 
	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: #a4ada3; 
    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;
    cursor: pointer;
	}
.bouton2bis-box:link, .bouton2bis-box:visited { 
	color: #2f3639;
        background-color: #a4ada3; /*#9d6e6c  b18aa7 rgba(139,190,255,.8);*/
        text-decoration: none;
        cursor: pointer;
	}
.bouton2bis-box:hover, .bouton2bis-box:active { 
    background-color: #738480; /* #bb8a89 #6e9c9a 8a6b82 */
    color: #c5cac3;			
    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: 1rem;
  padding: 0.6rem;
}

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

.a4:visited {
    color: #e6efe4; 
    text-decoration: none; 
    opacity: 1; 
   

    }
.a4:link { 
    font-size: 1em;
    font-family: 'Dancing Script', cursive;
    font-weight: 100;
    color: #e6efe4; 
    text-decoration: none; 
    opacity: 1;
    margin-top: -5%;
   
    
	}
.a4:hover { 
    color: #425952; 
    text-decoration: none; 
    opacity: 1;
	transition: all 0.25s ease-in-out;
    background: rgba(197,202,198,0.8); 
    display: block;
	}
.a4:active { 
    
    color: #425952; 
    text-decoration: none; 
    opacity: 1;  
    background: rgba(197,202,198,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 { 
    color: #49687a; 
    text-decoration: none; 
    opacity: 1;
    font-family: 'Josefin Sans', 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: #00547a;
    font-size: 1em;
    color: #fff;
    font-family: 'Josefin Sans', Arial, Helvetica, Sans-Serif; 
	font-weight: 200;
	font-style: normal;
    }

/*//////////////////////////// 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: 'Josefin Sans', Arial, Helvetica, 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: 'Josefin Sans', arial, helvetica, 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 {
    font-family: 'Darker Grotesque', sans-serif;
    color: #c5cac3; 
    text-decoration: none; 
    padding-right: 5px; 
     }	
.a2:hover, .a2:active { 
    color: #90a59d; 
    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 { 
    font-family: 'Darker Grotesque', sans-serif;
    color: #9d6e6c; 
    text-decoration: none; 
    font-weight: 600;
}
.a3:hover, .a3:active { 
    color: #bb8a89; 
    text-decoration: none; 
}



.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;
	}
.slide-img-lightbox-phone {
     
        margin-bottom: 10%;
        }

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

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

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

.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 {
    padding-left: 20px;
 
        margin-left: 40%;
        border-left: 1px solid #2f353a;
        }


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

.fond-footer {
    background-color: rgba(47, 54, 57, 0.9);
    /*background-color: rgba(115, 132, 128, 0.9);
    background-color: rgba(47, 54, 57, 0.8);
    
    background-color: #738480; background-color: rgba(164,173,163,.9);*/
    margin-top: 5%;
    padding-bottom: 5%;
}

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

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



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



.a-logo-footer:link, .a-logo-footer:visited { 
  
    font-family: 'deutsch_gothic', serif;
	font-size: 1.8em;
 
    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: 1.8em;
    line-height: 1;
    color: #ebdddd;/*  #c3a005 #053a59*/ 
    text-decoration: none; 
    z-index: 99999999999;
    cursor: pointer;
}
.a-logo-footer-plantagenet:hover, .a-logo-footer-plantagenet:active { 
    color: #c5a8a6; 
    text-decoration: none; 
}

.a-icone-footer:link, .a-icone-footer:visited {
    font-family: 'Darker Grotesque', sans-serif;
    color: #8dcac7; 
    text-decoration: none; 
    padding-right: 5px; 
    cursor: pointer;
     }	
.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: 1.6em;
     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 20px 0 0; 	/* marge à droite pour espacer les boutons */
    cursor: pointer;
	}
    .p-footer-liens {
        font-family: 'Darker Grotesque', sans-serif;
        font-size: 2.5em;
         color:#fff;
        margin-left: 30%;
        margin-top: 0%;
        margin-bottom: -2%;
      
        
      }
      .nav-footer {
        width: 300px;
        float: left;
        font-size: 1.8em;
        text-align: left;
        padding-left: 30px;
       
        
      }
      
      .nav-footer-bis {
        width: 250px;
        float: left;
        padding-top: 2%;
      font-size: 1.8em;
      text-align: left;
      padding-left: 30px;
  
      
       
        
      }

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

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

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

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

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

.img-footer {
    width: 90px;
    height: auto;
    border-radius: 50%;
    margin-left: 5%;
   
  }
.copyright {
    font-size: 1em;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 100;
    margin-left: 5%;
    margin-right: 5%;
}

.slide-menu {
    margin-top: 8%;
  }

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

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

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

.copyright-index {
    font-size: 1em;
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: 100;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 60%;
  }
   
  .colonne1, .colonne2, .colonne4, .colonne5, .colonne6, .colonne7, .colonne8, .colonne9, .colonne10, .colonne11, .colonne12 {
    width: 96.875%;  
    }

.colonne6-phone {
    width: 250px;
    height: auto;
    margin-bottom: 5%;
   padding-right: 50%;
}

.colonne4-phone {
    width: 70%;  
}

.hidden-touch { display: none;}
.hidden-phone { display: none;}

.visible-phone { display: block}

}


 /*----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; }----*/