.design-1 {
	/*background-image: url("/pic/home/menu.jpg");b38b82  99756e*/
	background: #99756e; 
	padding-top: 20px;} 
.design-1 .ht{
	position: relative;
	top: 22px; 
	z-index: 0;}
@media print, screen and (max-width: 39.9375em) { 
    img.logo {
	max-width: 3.8rem;
    margin: 0.3rem;	} }	
img.logo {
	/*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 100%);*/
	/*background: rgba(255,255,255,.6);*/
	border: 1px solid #f8d9b5;
	max-width: 4.4rem;
	padding: 4px;
	border-radius: 16px; }
img.logo2 { 
    max-width: 6.6rem; }
.design-1 .white {     
	background: linear-gradient(90deg,
         rgba(85,85,85,1) 0%, rgba(153,117,110,1) 8%, rgba(153,117,110,1) 92%, rgba(85,85,85,1) 100%);
	border-radius: 2px; }
.design-1 .orange {
	background: linear-gradient(90deg,   
         rgba(179,139,130,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(179,139,130,1) 100%);
	border-radius: 2px; }
span.logo-1 {
	font-family: 'aileronregular', sans-serif;
	font-size: calc(1.1rem + 0.250vw);
	font-weight: 600;
	color: #f8d9b5; }
span.logo-2 {
	font-family: 'aileronregular', sans-serif;
	font-size: calc(0.7rem + 0.250vw);
	font-weight: 500;
	color: #ffffff; }
@media print, screen and (max-width: 39.9375em) {
    span.logo-1, span.logo-2 { 
         margin-left: 1.0rem; } }
.design-1 ul {
	margin-left: -0.5rem;
	background: #825d56;
	border-radius: 6px 6px 0 0; 
	box-shadow: 8px 6px 10px 0 rgba(0,0,0,0.5); }
.design-1 li {
	padding: 0.8rem 1.0rem 0.5rem 1.0rem; }
.design-1 li a {	
	display: inline-block; }	
.design-1 li img, .design-1 .contact-1 img , .design-1 .contact-1 img {
	vertical-align: unset;
	max-width: 1.2rem; }
.design-1 li span {
	/*vertical-align: middle*/
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	font-family: 'advent_proregular', sans-serif;
	font-size: calc(1.1rem + 0.250vw);
	font-weight: 400;
	color: #ffffff; }
.design-1 li:hover, li:focus {
	text-decoration: underline;  
    background:  #a3807a; } 
.design-1 li:hover:first-of-type , li:focus:first-of-type {	
    border-radius: 6px 0 0 0; }   
.design-1 .contact-1 {
	font-family: 'glacial_indifferenceregular', sans-serif;
	font-size: calc(1.0rem + 0.250vw);
	font-weight: 300;
	color: #555555;	}
.design-1 .contact-1 img {
	padding-top: 0.6rem;
	padding-bottom: 0.9rem;
	vertical-align: middle;
	max-width: 1.3rem; }
.design-1 .contact-1 .mail-1, .design-1 .contact-1 .tel-1 {
	padding-left: 0.1rem;
	padding-right: 0.4rem; }
.design-2 .affiche-2 {
	position: relative;
    top: 28px;	
	font-family: 'advent_proregular', sans-serif;
    box-shadow: 8px 6px 10px 0 rgba(0,0,0,0.5); }
@media print, screen and (max-width: 39.9375em) {
	.affiche-2 .button {
	font-weight: 400;
	position: absolute;
	top: 80%;
	right: 5%; 
	border-radius: 8px; } }
@media print, screen and (min-width: 40em) {
	.affiche-2 .button {
	font-weight: 400;
	position: absolute;
	top: 80%;
    right: 5%; 
	border-radius: 8px; } }
 .button-2, .button-2.disabled, .button-2[disabled], .button-2.disabled:hover, .button-2[disabled]:hover, .button-2.disabled:focus, .button-2[disabled]:focus {
    background: #EDA145;
    color: #FFFFFF; }  
  .button-2:hover, .button-2:focus {
   	background: #EDA145;
    color: #BF3C13; }
 .button-2-2, .button-2-2.disabled, .button-2-2[disabled], .button-2-2.disabled:hover, .button-2-2[disabled]:hover, .button-2-2.disabled:focus, .button-2-2[disabled]:focus {
    background: #BF3C13;
	color: #FFFFFF; }
  .button-2-2:hover, .button2-2:focus {
    background: #BF3C13;
    color: #EDA145; }

.design-3 h3 {
	font-family: 'metropolisregular', sans-serif;  
	color: #555555; }
.design-3 h5 {
	font-family: 'metropolisregular', sans-serif; 
	color: #99756e; }
.design-3 p {
	padding: 0 1.0rem;
	font-family: 'metropolisregular', sans-serif; 
	color: #555555;
	font-size: calc(0.9rem + 0.250vw);
	line-height: 1.6;
	font-weight: 300; }
.design-3 .pic-width {
	max-width: 27%; }

.design-4 {
    background: linear-gradient(180deg,    
    rgba(238,204,131,.5) 38%, rgba(255,255,255,1) 68%, rgba(238,204,131,.5)); }
	
.design-4 h4 {
	padding: 0 1.0rem;
	background: #BF3C13;
	color: #FFFFFF;
	font-family: 'metropolisregular', sans-serif;
	padding-right: 0.8rem;
	padding-left: 0.8rem;
	min-height: 3.5rem;
    display: flex;	
	align-items:center;
    justify-content:center; }
.design-4 p {
	font-family: 'semplicitmedium', sans-serif;	
    color: #555555;
    padding: 0.8rem 1.0rem;
    font-size: calc(1.1rem + 0.250vw);
    line-height: 1.7;
    font-weight: 400; }
.design-4 .cadre-4 {
	background: #FFFFFF;
	/*border: 1px solid #EDA145;*/
	border-radius: 2px; }
.button-4, .button-4.disabled, .button-4[disabled], .button-4.disabled:hover, .button-4[disabled]:hover, .button-4.disabled:focus, .button-4[disabled]:focus {
    color: #99756e; 
	font-family: 'brazilian_clayregular', sans-serif; 
	font-size: 1.0rem;
	font-weight: 500; 
	border: 1px solid #99756e; 
	border-radius: 10px;}
.button-4:hover, .button-4:focus {
	border: 1px solid #FFFFFF; 
    background-color: #969696;
    color: #fefefe; }
	
.design-5 {    
    background: #99756e;
	/*background: linear-gradient(180deg,    
        rgba(52,52,52,1) 7%, rgba(52,52,52,1) 7%, rgba(52,52,52,1) 45%, rgba(52,52,52,1) 94%, rgba(255,255,255,1) 94%);*/
	font-family: 'world_of_waterregular', sans-serif;
	color: #FFFFFF;
	border-radius: 2px; }
@media print, screen and (max-width: 39em) {
    .design-5 img {
    max-width: 100%; } }
@media print, screen and (min-width: 40em) and (max-width: 63.9375em) { 
    .design-5 img {
	max-width: 95%; } }
@media print, screen and (min-width: 64em) {
   	.design-5 img {
	max-width: 53%; } }
.design-5 .copy {
	font-family: 'cooper_hewittbook', sans-serif;
	font-size: calc(0.6rem + 0.250vw);
	background: #FFFFFF;
	border-radius: 5px;
	font-weight: 200;
	color: #555555; }
.design-5 .copy img{
	max-width: 1.2%; }     

.presta .cc {
	background: rgba(255,255,255,1);
	border: 1px solid #EDA145;
	padding: 1.2rem;
	border-radius: 8px; }
.presta .cc-pic {
	background: rgba(191,60,19,.8);
	padding: 1.2rem;
	border-radius: 8px; }
.presta h2 {
	font-family: 'cooper_hewittbook', sans-serif; 
	color: #EDA145;     
	border-radius: 4px; 
	min-height: 3.5rem;
    display: flex;	
	align-items: center;
    justify-content: center; }
.presta .letter:first-letter {font-size: calc(2.0rem + 0.250vw); font-weight: 700; color: #212121;}
.presta p {
	font-family: 'cooper_hewittbook', sans-serif; 
    color: #505050;
	font-size: calc(1.1rem + 0.250vw);
    line-height: 1.7;
    font-weight: 300; }
.presta-2 {
	position: relative; }
.presta-2 .cadre {
	z-index: 1;
	background: linear-gradient(135deg,
      rgba(48,48,48,0.1) 14.8%, rgba(247,247,247,0) 14.8% 28.5%, rgba(48,48,48,0.1) 28.5%);
	border-radius: 12px;
	color: #505050;
	padding: 10px;
	font-family: 'world_of_waterregular', sans-serif;	
	font-size: 1.2rem;
    line-height: 1.8;
    font-weight: 300; }
.presta-2 .raclette-l {
	z-index: 0;
	font-weight: 600;
	position: absolute;
	top: 25%;
    right: 70%; }
@media print, screen and (max-width: 39em) {
    .presta-2 .raclette-l { 
    max-width: 18%; 
	right: 82%; } }
@media print, screen and (min-width: 40em) and (max-width: 63.9375em) {
    .presta-2 .raclette-l { 
    max-width: 14%; } }
@media print, screen and (min-width: 64em) {
    .presta-2 .raclette-l { 
    max-width: 10%; } }

iframe {
width: 100%;
height: 350px;
max-width: 1200px;
min-width: 200px; } 

.divider-0 {
	font-family: 'Brazilian Clay', sans-serif;  
    font-size: 1.6rem;
    color: #EECC83;	
	display: flex;
    align-items: center; 
	margin: 0rem 0rem; }
.divider-0::before, .divider-0::after {
	content: '';
	flex-grow: 1;
	height: 1px;
	background: #555555; }
.divider-0::before {
	margin-right: 0rem; }
.divider-0::after {
	margin-left: 0rem; }	
.divider-1 {
	display: flex;
    align-items: center; 
	margin: 1.0rem 1.0rem; }
.divider-1::before, .divider-1::after {
	content: '';
	flex-grow: 1;
	height: 1px;
	background: #EDA145; }
.divider-1::before {
	margin-right: 3.2rem; }
.divider-1::after {
	margin-left: 3.2rem; }
	
@media print, screen and (max-width: 39.9375em)	{
.divider-1::before {
	margin-right: 0.0rem; }
.divider-1::after {
	margin-left: 0.0rem; } }
	


.margin-bottom-0 {
margin-bottom: 20px;
}
.margin-bottom-1 {
margin-bottom: 50px;
}
.margin-bottom-2 {
margin-bottom: 100px;
}
.margin-bottom-3 {
margin-bottom: 150px;
}
.margin-top-0 {
margin-top: 20px;
}
.margin-top-1 {
margin-top: 50px;
}
.margin-top-2 {
margin-top: 100px;
}
.margin-top-3 {
margin-top: 150px;
}

.padding-bottom-0 {
margin-bottom: 20px;
}
.padding-bottom-1 {
margin-bottom: 50px;
}
.padding-bottom-2 {
margin-bottom: 100px;
}
.padding-bottom-3 {
margin-bottom: 150px;
}
.padding-top-0 {
padding-top: 20px;
}
.padding-top-1 {
padding-top: 50px;
}
.padding-top-2 {
padding-top: 100px;
}
.padding-top-3 {
padding-top: 150px;
}
/*  Maps google   */
/* Set the size of the div element that contains the map */
#map {
  height: 550px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}