/* CMS SITE */


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

 body
    {
    margin:0;
    padding:0;
    box-sizing: border-box;
    
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    }
    
    
/* requested google fonts */

/* roboto-100 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v20-latin-ext_latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-v20-latin-ext_latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-ext_latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v20-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v20-latin-ext_latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v20-latin-ext_latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-ext_latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-ext_latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-ext_latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Rep8ltA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp8ltA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyo3Rep8ltA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyo3ROp8ltA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyo3Sup8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y03Rep8ltA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y03ROp8ltA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y03Sup8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03Rep8ltA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03ROp8ltA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03Sup8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');




.span_6_of_6 {width: 100%;}.span_5_of_6 {width: 83.06%;}.span_4_of_6 {width: 66.13%;}.span_3_of_6 {width: 49.2%;}.span_2_of_6 {width: 32.26%;}.span_1_of_6 {width: 15.33%;}
.span_8_of_8 {width: 100%;}.span_7_of_8 {width: 87.3%;}.span_6_of_8 {width: 74.6%;}.span_5_of_8 {width: 61.9%;}.span_4_of_8 {width: 49.2%;}.span_3_of_8 {width: 36.5%;}.span_2_of_8 {width: 23.8%;}.span_1_of_8 {width: 11.1%;}
.span_7_of_7 {width: 100%;}.span_6_of_7 {width: 85.48%;}.span_5_of_7 {width: 70.97%;}.span_4_of_7 {width: 56.45%;}.span_3_of_7 {width: 41.94%;}.span_2_of_7 {width: 27.42%;}.span_1_of_7 {width: 12.91%;}

.span_1_of_12 { width: 8.083%; } 
.span_2_of_12 { width: 16.167%; } 
.span_3_of_12 { width: 24.250%; } 
.span_4_of_12 { width: 32.333%; } 
.span_5_of_12 { width: 40.417%; } 
.span_6_of_12 { width: 48.500%; } 
.span_7_of_12 { width: 56.583%; } 
.span_8_of_12 { width: 64.667%; } 
.span_9_of_12 { width: 72.750%; } 
.span_10_of_12 { width: 80.833%; } 
.span_11_of_12 { width: 88.917%; } 
.span_12_of_12 { width: 97.000%; }

.span_124 { width: 24.25%; padding-left: 10px; padding-right: 10px; float: left; display: inline-block; margin: 0; }
@media screen and (max-width: 959px)
    {
    .span_124 { width: 48.5%; padding-top: 10px; padding-bottom: 10px; }
    }
@media screen and (max-width: 499px)
    {
    .span_124 { width: 100%; padding-top: 10px; padding-bottom: 10px; margin: 0 auto; }
    }


.col {
    float: left;
    display: inline-block;  
    margin: 1% 0 1% 0;
}
.col:first-child { margin-left: 0; }

.col0 { float: left;
    display: inline-block;  
    margin: 0;}

.col_fr
    {
    float: right;    
    margin: 1% 0 1% 0;
    }


.pcol { padding-left: 20px;  }
@media screen and (max-width: 960px)
    {
    .pcol { padding-left: 8px;  }
    }

/*  GROUPING  */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}



@media screen and (max-width: 680px)
    {
    .col {  margin: 1% 0 1% 0%; }
    .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width:100%; }
    .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
    .span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 { width: 100%; }    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 { width: 100%; }
    }

    
@media screen and (max-width: 800px)
    {
    .wow
        {
        animation-name: none !important;
        visibility: visible !important;
        }
    }    
    

.has_cookie
{
background: #171828;
opacity: 0.88;
position: fixed;
z-index: 9999;
left: 0;
bottom: 0;
width: 100%;
color: #FFF;
padding: 12px;
}

.has_cookie_btn, .has_cookie_btn:visited
{
display: inline-block;
margin: 3px;
text-decoration: none;
color: #FFF;
padding: 5px;
background-color : #627182;
text-align: center;
border: thin solid #FFF;
border-radius: 3px;
font-size: 0.85em;
}

#rgpd_page { font-family: sans-serif; font-size: 14px; padding: 25px; }

#rgpd_page h1 { font-size: 1.38em; color: #104E8B; font-weight: bold; }
#rgpd_page h2 { font-size: 1.18em; color: #104E8B; }

#rgpd_page ul {line-height: 24px;}
#rgpd_page a,#rgpd_page a:visited { color: #104E8B; text-decoration: none; }  
#rgpd_page a:hover { text-decoration: underline; }

@media only screen and (max-width: 600px)
    {
    #rgpd_page { font-family: sans-serif; font-size: 10px; padding: 25px; }
    }      
    
#pg
    {
    font-family:'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    
    width: 100%;
    }

    

.section_std
    {
    width: 100%;
    margin: 0 auto;    
    clear: both;
    display: inline-block;    
    }
    
.bgrey
    {    
    background-color: #F0F3F5;       
    }
    
.bgsh1
    {
    background-image: url(../rmedia/bgsh1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
    text-align: center;
    height: 630px; 
    }  
    
.bg_dub5
    {
    background-image: url(../rmedia/bg-vignoble.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
    text-align: center;
    height: 746px; 
    }
    
.bg_dds
    {
    background-image: url(../rmedia/bg-dds.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
    text-align: center;
    height: auto;
    width: 100%; 
    }    
    
.bg_equip_espa
    {
    background-image: url(../rmedia/bg_esca.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
    text-align: center;
    height: auto;
    width: 100%; 
    } 
    
.bg_bdf_insolites
    {
    background-image: url(../rmedia/background_starry_night.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
    text-align: center;
    height: auto;
    width: 100%; 
    }         
      
               
    
.bronze-bg
    {
    background-image: url(../rmedia/bg-bronze.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #003;
    text-align: center;
    height: 430px;     
    }   
    
.bg-cafe
    {
    background-image: url(../rmedia/bg-cafe.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;        
    color: #000;
    text-align: left;         
    }       
@media screen and (max-width: 1200px)
    {
    .bg-cafe { background-image: url(../rmedia/bg-cafe-pale.jpg) }
    }
    
.belge-bg
    {
    background-image: url(../rmedia/bg-belge.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 38%;        
    color: #003;
    text-align: center;         
    }     
    
.pl40 { padding-left: 40px; }
                 
    
@media screen and (max-width: 641px)
    {
    .bgsh1
        {
        height: 1300px;
        background-repeat: repeat-y;
        }
    .pool-bg { height: 630px; background-repeat: repeat-y; }
    }
    
@media screen and (max-width: 481px)
    {    
    .pool-bg { height: 930px; background-repeat: repeat-y; }
    .pl40 { padding-left: 5px; }
    }
        
.spool
    { 
    background: #4472C4;    
    }          
    
.inner-std
    {    
    width: 1300px; 
    margin: 0 auto;   
    }
        
.ctr
    {    
    text-align: center;   
    }        
    
@media screen and (max-width: 1300px)
    {
    .inner-std 
        {
        width: 100%;
        max-width: 95%;
        }
    }
    

#header
    {        
    padding: 0;
    margin: 0;  
    width: 100%;    
    clear: both;
    position: fixed;
    z-index: 1;
    
    height: 50px;    
    top: 0px;
    left: 0px;
        
    }
        
    
#header ul
    {    
    list-style: none;
    display: table;    
    vertical-align: middle;      
    }
    
#header ul li
    {    
    float: left;
    display: table-cell;
    vertical-align: middle;
    }    
    
.inner-top-menu
    {
    background-color: #FFF;
    width: 1300px; 
    margin: 0 auto;  
    }
            
@media screen and (max-width: 1300px)
    {
    .inner-top-menu 
        {
        width: 100%;
        max-width: 95%;
        }
    }    
    
.menu_grid
    {
    display: none;
    width: 100%;
    background: #FFF;
    }  

.menu_grid_head
    {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    height:55px;
    background: inherit;
    }


.menu_grid_item
    {
    display: block;
    vertical-align: middle;
    font-size: 14px;
    color: #000;
    }
    
.menu_grid_item a, .menu_grid_item a:hover, .menu_grid_item a:visited 
    {
    text-decoration: none;
    color: inherit;    
    }

.menu_grid_flag
    {
    width: 37px;
    margin: 4%;    
    height: auto;    
    }         


#menu_grid_btn_on{ display: none;}
#mglm {display: none;}

.mgrid_list
    {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    z-index: 99;
    background: #FFF;
    box-shadow: 0px 9px 9px -1px rgba(0,0,0,0.69)
    }

.mgrid_list_item
    {
    display: block;
    width: 100%;
    font-size: 2em;
    color: #000;
    font-weight: 400;
    padding: 20px 10px;
    border-bottom: 1px solid #777;    
    }
    
.mgrid_list_item a, .mgrid_list_item a:visited 
    {
    text-decoration: none;
    color: inherit;    
    }
    
.mgrid_list_item a:hover 
    {
    color: #FFF;
    background-color: #222;    
    }    
        
    
    
@media screen and (max-width: 768px)
    {
    .mgrid_list li { width: 50%; font-size: 4vw; }
    .menu_grid {display: block;}    
    }

@media screen and (max-width: 480px)
    {
    .mgrid_list li { width: 100%; font-size: 8vw;}
    }
    
    
.top_menu
    {
    color: #FFF;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;   
    }
@media screen and (max-width: 768px)
    {
    .top_menu{display: none;}    
    }    
        
    
    
.top_menu_logo
    {
    vertical-align: middle;    
    height: auto;
    width: 23%;
    padding-left: 30px;     
    }
.top_menu_logo img { height: 54px; }    
    
.top_menu_items
    {    
    display: flex;
    flex-direction: row;
    justify-content: center;    
    width: 60%;
    vertical-align: middle;    
    font-size: 22px;         
    height: 100%;
    text-align: center;
    color: inherit;
    align-self: center;
    }
    
a.top_menu_item, a.top_menu_item:visited
    {
    color: inherit;
    font-weight: 400;
    text-decoration: none;
    padding: 8px 20px;
    vertical-align: middle;
    transition-duration: 0.5s;
    align-self: center;
    }
    
a.top_menu_item:hover
    {
    transition-duration: 0.5s;
    text-decoration: overline;
    }   
     

@media screen and (max-width: 1186px)
    {
    .top_menu_items { font-size: 2vw; }
    .top_menu_items > ul > li > a { padding: 8px 10px; }
    }    
    
    

.top_menu_lang
    {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;    
    width: 17%;
    padding: 8px 20px;
    vertical-align: middle;    
    align-self: center;        
    }    
@media screen and (max-width: 768px)
    {
    .top_menu_lang { display : none;}    
    }     
    
    
    
#pg_content {  }
@media screen and (max-width: 768px)
    {
    #pg_content { margin-top: 54px; }
    }


#contenu h1 { font-size: 2.2em; margin-top: 8px; margin-bottom: 12px; color: #13694E; }        
#contenu h2 { font-size: 1.74em; margin-top: 6px; margin-bottom: 10px; font-weight: 500; color: #13694E; }        
#contenu h3 { font-size: 1.34em; margin-top: 6px; margin-bottom: 8px; color: #13694E; font-weight: 500; }
#contenu p { text-align: justify; font-size: 1.34em; line-height: 1.5em; margin-bottom: 8px; }
#contenu p.sm { text-align: justify; line-height: 1.5em; margin-bottom: 8px; font-size: 0.76em; }
#contenu p strong { font-weight: 500;}

.cp30 { padding-right: 1.5vw; padding-left: 1.5vw; box-sizing: inherit; margin: 0 auto;  min-height: auto; }

@media screen and (max-width: 768px)
    {
    #contenu h1 { font-size: 1.4em; }
    }
    
.gitle { font-size: 2.4em; font-weight: bold; }    
.lucat_fc{ color: #076021; }    
    
#blocks { padding: 40px; margin: 5px 10%;  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); background-color: #FFF; min-height: 400px; display: inline-block;}        
#blocks h1 { font-size: 2em; margin-top: 8px; margin-bottom: 12px; color: #036; text-align: center; }        
#blocks p { text-align: justify; line-height: 1.5em; margin-bottom: 8px; }
@media screen and (max-width: 912px)
    {
    #blocks { margin: 5px 5%; }
    }
    

.cp30 { padding-right: 1.5vw; padding-left: 1.5vw; box-sizing: inherit; margin: 0 auto;  min-height: auto; }

@media screen and (max-width: 768px)
    {
    #contenu h1 { font-size: 1.4em; }
    }    


#footer
    {
    width: 100%;
    display: inline-block;
    clear:both;  
    background-color: #13694E;
    font-family: Roboto;        
    color: #FFF;
    font-weight: 400;
    font-size: 1.12em;
    line-height: 2em;        
    }
    
#footer a,  #footer a:visited
    {
    color: inherit;
    text-decoration: none;
    }
#footer a:hover
    {
    text-decoration: underline;    
    }
    
#footer h5
    {
    font-weight: bold;
    font-size: 1.44em;
    margin-right: 16px;
    }
@media screen and (max-width: 640px)
    {
    .footer_title_separator { display: none; }
    #footer h5 { border-bottom: 1px solid #BBB; margin-bottom: 12px;}
    }    
    
.footer_title_separator
    {
    width: 60px;
    line-height: 14px;
    margin-bottom: 22px;    
    border-bottom: 1px solid #FFF;
    }        
        
    
.header_std
    {
    width: 100%;
    margin: 0 auto;    
    clear: both;
    }    
    
ul.check
    {
    list-style: none;
    list-style-position: inside; 
    line-height: 2em;
    }

ul.check > li::before { font-family: "Font Awesome 5 Pro"; content: "\f00c\0020"; font-weight: bold; color: #4FB652; }



    

@media screen and (max-width: 640px)
    {
    .home_mesange { background-image: url(rmedia/home_mesange-s.jpg); }
    }
    
    
.hpool
    {
    float: left;    
    background-color: #4472c4;
    color: #FFF;
    text-align: center;
    padding: 2vw;
    }    
    
.hpool > h1
    {
    font-size: 2.5em;
    font-weight: normal;
    }    
    
 .hpool > h2
    {
    font-size: 1.8em;
    font-weight: normal;
    }     
    
.hpool > p
    {
    font-size: 1.2em;
    font-weight: normal;
    }   
    
.hpool_dqn
    {
    background-image: url(../rmedia/piscine-couverte-chauffee.jpg);
    background-repeat: repeat-none;
    background-size: cover;
    float: left;
    display: inline-block;
    padding: 2vw;
    max-height: 354px;           
    }
    
@media screen and (max-width: 480px)         
    {    
    .hpool { display: inline-block; float: left; padding-top: 7vw; padding-bottom: 7vw; }    
    .hpool_dqn { display: inline-block; float: left; height: 50vw;  }    
    }

@media screen and (max-width: 960px)         
    {
    .hpool > h1 { font-size: 1.7em; }
    .hpool > h2 { font-size: 1.35em; }
    .hpool > p  { font-size: 0.88em; }      
    }
    

.btn_resa1, .btn_resa1:visited
    {
    border: 2px solid #13694E;
    padding:4px 14px;
    text-decoration: none;
    border-radius: 20px;
    color: #13694E;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    }
    
.btn_resa1:hover
    {
    background-color: #13694E;
    color: #FFF;
    }
               
    
    
.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

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


.ih-item .img3 {
  width: 280px;
  height: 280px;
}


.ih-item.square {
  margin-right: 15px;
  position: relative;
  border: 8px solid #fff;
  box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.3);
}

.ih-item.nosquare {  
  position: relative;    
}


.ih-item.square .info,  .ih-item.nosquare .info{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  backface-visibility: hidden;
}

.ih-item.square.effect13, .ih-item.nosquare.effect13 {
  overflow: hidden;
}
.ih-item.square.effect13.colored .info, .ih-item.nosquare.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}

.ih-item.square.effect13.colored .info h3, .ih-item.nosquare.effect13.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}


.ih-item.square.effect13 .img, .ih-item.square.effect13 .img3, .ih-item.nosquare.effect13 .img {
  transition: all 0.35s ease-in-out;
  transform: scale(1);
}

.ih-item.square.effect13 .info, .ih-item.nosquare.effect13 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s ease-in-out;
}


.ih-item.square.effect13 .info h3, .ih-item.nosquare.effect13 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square.effect13 .info p, .ih-item.nosquare.effect13 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}

.ih-item.square.effect13 a:hover .img, .ih-item.square.effect13 a:hover .img3, .ih-item.nosquare.effect13 a:hover .img
 {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect13 a:hover .info, .ih-item.nosquare.effect13 a:hover .info {
  visibility: visible;
  opacity: 1;
  font-weight: bold;
  color: #FFF;
}

.ih-item.square.effect13.bottom_to_top .info, .ih-item.nosquare.effect13.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect13.bottom_to_top a:hover .info, .ih-item.nosquare.effect13.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}


/** square2 **/


.ih-item.square2 {
  margin-right: 15px;
  position: relative;
  width: 100%;
  height: auto;
  border: 8px solid #fff;
  box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.3);
}
.ih-item.square2 .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.square2.effect13 {
  overflow: hidden;
}
.ih-item.square2.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square2.effect13.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square2.effect13 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square2.effect13 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square2.effect13 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.ih-item.square2.effect13 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.ih-item.square2.effect13 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square2.effect13 a:hover .info {
  visibility: visible;
  opacity: 1;
  font-weight: bold;
  color: #FFF;
}

.ih-item.square2.effect13.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square2.effect13.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

/** END of square2 **/

.map_img img
    {
    width: 100%;
    height: auto;
    display: inline-block;  border: 8px solid #fff;  box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.3);
    }
    

.hptour_l
    {    
    width: 64.667%;
    float: left;
    display: inline-block;  
    margin: 0;
    }    
    
.hptour_r
    {
    width: 32.333%;
    float: left;
    display: inline-block;  
    margin: 0;
    }
 
@media screen and (max-width: 960px)
    {
    .hptour_r { width: 60%; }
    .hptour_l { width: 40%; }
    .map_img img { width: 280px; text-align: center; }
    }     
    
@media screen and (max-width: 750px)
    {
    .hptour_r { width: 100%; }
    .hptour_l { width: 100%; }
    .map_img img { width: 280px; text-align: center; }
    }
    
    
.lp_seasons
    {    
    width: 64.667%;
    float: left;
    display: inline-block;  
    margin: 0;
    }    
    
.lp_widget
    {
    width: 32.333%;
    float: left;
    display: inline-block;  
    margin: 0;
    }
    
.lp_infos_resa_left
    {
    display: none;
    float:left;
    width: 60%        
    }
    
.lp_infos_resa_under
    {
    
    }
    
    
.lp_arg_box
    {
    text-align: center;
    padding: 8px;
    margin: 5px 10px; 
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    background-color: #FFF;
    min-height: 120px;
    display: block;
    float: left;
    font-size: 1.2em;
    border: thin solid #888;
    width: 280px;
    } 
    
.lp_arg_title
    {
    font-size: 2em;
    font-weight: 400;
    color: #fe6104;    
    }

@media screen and (max-width: 878px)
    {
    .lp_arg_box { width: 180px; font-size: 0.95em; }
    }    

@media screen and (max-width: 652px)
    {
    .lp_arg_title { font-size: 1.7em; }
    }    

@media screen and (max-width: 420px)
    {
    .lp_arg_title { font-size: 1.2em; }
    .lp_arg_box { width: 100%; min-height: auto; margin: 10px 0px;}    
    }    
        
    
.lp_smart_tpc { display: block; width: 100%; float: left;}
.lp_smart_sm { display: none; }
    
 
@media screen and (max-width: 967px)
    {
    .lp_seasons { width: 100%; }
    .lp_widget { width: 100%; }
    .lp_infos_resa_left { display: block;}
    .lp_infos_resa_under { display: none; }
    }     
    
@media screen and (max-width: 742px)
    {
    .lp_infos_resa_left { display: none;}
    .lp_infos_resa_under { display: block; float: left; text-align: center; width: 100%; }
    }
    
@media screen and (max-width: 414px)
    {
    .lp_smart_sm { display: block; width: 100%; float: left;}
    .lp_smart_tpc { display: none; }    
    }
        
    
.gvv_news_title, .gvv_news_title:visited
    {    
    color: #036;
    text-decoration: none;
    font-size: 0.92em;        
    }        
    
 .gvv_news_title:hover
    {    
    text-decoration: underline;
    font-size: 0.92em;    
    }         
    
 .gvv_news_teaser
    {
    font-size: 0.85em;    
    }
    
.testimonials
    {    
    font-size: 1em;
    font-weight: 300;
    padding-right: 55px;
    padding-left: 35px;
    width: 100%;
    }        
    
.gvv_news_container
    {
    padding: 15px;
    
    }
    
.gvv_news
    {
    background-color: #FFF;
    border: thin solid #C7C8C9;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-bottom: 8px;
    padding: 6px;
    border-radius: 4px;
    width: 100%;
    }
    
    
.accredited
    {
    display: table-cell;
    padding-right: 20px;
    }    
    
@media screen and (max-width: 640px)
    {
    .accredited { display: inline-block; width: 100%; margin: 0 auto; text-align: center; border: 1px dashed red; }    
    }
    
    
.carousel_photos {
  background: #EEE;
  height: 558px;
}
              
.carousel_photos img
   {
   height: 100%;
   width: auto;   
   }           
   
.fovv { 
    border: thin solid #777; 
    background: #FFF; 
    padding: 5px;
    display: inline-block;
    color: #000;
    border-radius: 4px; 
        
    position: relative;
    left: 20px;
    top: -48px; 
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14);
    text-decoration: none; color: inherit; font-weight: 600;
    cursor: pointer;
    }

@media screen and (max-width: 560px)
    {
    .fovv { top: 0px; font-size: 4.5vw; font-weight: 400; padding: 3px; }   
    }      
    
#fov { height: 550px; }
@media screen and (max-width: 480px)
    {
    .fov { height: 280px; }   
    }  
    
    
.album
    {           
    }
    
.album_high
    {
    position: absolute;
    width: 100%;
    z-index: 2;        
    top: 50px;
    }
    
.album_high .fovv { position: absolute; top: 10px; }

.carousel_desc {
  max-height: 550px;  
}

.desc_cell
    {
    border: 2px solid #555;
    border-radius: 6px;
    padding: 8px;
    background: #FFF;
    height: 550px;
    width:  33%;    
    margin-right: 8px;
    color: #000;
    }           
    
@media screen and (max-width: 1250px)
    {
    .desc_cell { width: 45%; }   
    }     
   
   
@media screen and (max-width: 952px)
    {
    .desc_cell { width: 100%; }   
    }
    
    
.carousel_pool {
  height: 400px;
}
              
.carousel_pool img
   {
   height: 100%;
   width: auto;   
   }
   
/* Resa Box */

.btn_voy
    {
    font-size: 1.6em;
    color: #666;
    display: inline;
    margin: 0px 8px;
    }    
    
             
.crb1_ovl
    {
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 4; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.85); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */    
    }             
    
.crb1_inner_focus
    {
    position: relative;
    top: 25%;
    margin: 0 auto;
    background-color: #FFF;
    color: #000;    
    max-width: 450px;
    padding: 10px;        
    max-height: 100vh;
    }        
    
@media screen and (max-height: 640px)
    {
    .crb1_inner_focus { top: 15%; max-height: 600px; }   
    }    
          
    
.crb1_normal
    {
    }
    
@media screen and (max-width: 625px)
    {
    .crb1_normal { display: none; }   
    }
    


.span_intro_left { width: 60%; float: left; display: inline-block; margin: 0; }
.span_intro_right { width: 38%; float: left; display: inline-block; margin: 0; }

@media screen and (max-width: 848px)
    {
    .span_intro_left { width: 100%; padding-top: 10px; padding-bottom: 10px; }
    .span_intro_right { width: 100%; padding-top: 10px; padding-bottom: 10px; margin: 0 auto; }
    }
    
.crb1_btn_right
    {
    border: 2px solid #900;
    border-radius: 10% 0% 0% 10%;
    background-color: #900;
    color: #FFF;    
    position: fixed;
    padding: 11px;
    right: 0;
    top: 25%;
    font-family: Arial;    
    font-weight: bold;
    cursor: pointer;
    display: none;
    box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.3);
    width: 90px;
    }        
    
.crb1_btn_right:hover
    {
    background-color: #F00;
    color: #FFF;    
    }  
    

@media screen and (max-width: 641px)
    {
    .crb1_btn_right { display: none; }  
    }
    
.bottom_resa_container
    {
    position: fixed;
    bottom: 0;
    display: inline-block;
    background-color: rgb(89,89,89);
    border-top: 1px solid #444;
    color: #FFF;
    width: 100%;
    left: 0;
    text-align: center;    
    }
       
    
@media screen and (min-width: 480px)
    {
    .bottom_resa_container
        {
        display: none;
        }  
    }
    
.btn_resa2, .btn_resa2:visited
    {
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #FFF;
    border: 2px solid #F90000;
    padding:4px 14px;
    text-decoration: none;
    border-radius: 20px;
    color: #F90000;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    }
    
.btn_resa2:hover
    {
    background-color: #ff8989;
    color: #FFF;
    }
    
    
.promo_container
    {
    display: inline-block;
    width: 100%;
    padding: 0% 10%;    
    }
    
    
@media screen and (max-width: 480px) and (max-width: 848px)
    {
    .promo_container
        {
        max-width: 100vw; 
        }    
    }    
        
/* OFFRES */    
    
.ofr_container
    {
    display: inline-block;
    border: thin solid #777;
    box-shadow: 4px 4px 17px rgba(0, 0, 0, 0.3);
    margin-top: 12px;    
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    color: #000;        
    }
    
.ofr_lg
    {
    }
.ofr_mob { display: none;}    
.ofr_pus { display: none;}    
    
.ofr_img
    {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    
    height: 220px;
    width: 21%;
    display: inline-block;
    float: left;    
    }
    
.ofr_cs
    {
    height: 220px;
    width: 55%;
    display: inline-block;
    float: left;
    border-right: 1px solid #B1B2B3;
    padding: 8px;
    }    
    
.ofr_prs
    {
    height: 220px;
    width: 24%;
    display: inline-block;
    float: left;
    color: #575656;    
    }
    
.ofr_icons
    {
    display: inline-block;
    float: left;    
    width: 100%;
    transform: translate(-30px, -15px) scale(0.85);     
    }    
@media screen and (max-width: 1267px)
    {
    .ofr_icons { transform: translate(-90px, -15px) scale(0.7);    }    
    }    
        
@media screen and (max-width: 968px)
    {
    .ofr_prs { display: none; }
    .ofr_pus
        {
        display: inline-block;    
        padding-top: 20px;
        width: 100%;
        }
    .ofr_icons { display: none; }
    .ofr_cs { border-right: none; width: 73%; } 
    .ofr_img { width: 27%; }   
    }
        
.ofr_prs_dsc
    {
    float: right;
    padding: 5px;
    background-color: #F06069;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    font-size: 1.6em;
    }
    
.ofr_title
    {
    font-size: 1em;
    font-weight: 700;
    }
        
.ofr_subtitle
    {
    padding-top: 4px;
    font-size: 0.9em;
    font-weight: 300;
    }    
    
.ofr_percent
    {
    font-size: 0.7em;    
    }       
    
    
.ofr_price
    {
    font-size: 1.72em;
    font-weight: bold;
    line-height: 0.84em;
    padding-left: 10px;
    }
    
.ofr_apd
    {
    font-size: 0.48em;
    font-weight: normal;
    line-height: 1.8em;
    }
    
.ofr_de
    {
    text-decoration: line-through;
    font-size: 0.5em;
    color: #7D7474;
    padding-left: 6px;
    }
    
.ofr_dt
    {
    font-size: 0.86em;
    padding-left: 10px;
    padding-top: 8px;    
    }
    
.ofr_pus > .ofr_dt
    {
    display: block;
    float: left;
    font-size: 0.86em;
    padding-left: 10px;
    padding-top: 8px;    
    width: 28%;    
    }    
 
.ofr_pus > .ofr_price
    {
    display: block;
    float: left;
    font-size: 1.72em;
    font-weight: bold;
    line-height: 0.84em;
    padding-left: 10px;    
    width: 27%;
    }   
    
.ofr_pus > .ofr_pus_dp
    {
    display: block;
    float: left;
    width: 15%;
    padding-top: 30px;
    }    
    
.ofr_pus > .ofr_pus_btn
    {
    display: block;
    float: left;
    width: 29%;
    padding-top: 30px;
    text-align: center;
    font-size: 1.3em;
    }
    
.ofr_prs_mob_dsc
    {
    float: right;
    padding: 3px;
    background-color: #F06069;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    font-size: 0.9em;
    font-weight: 300;    
    }    
    
        
    
.ofr_mob > .ofr_img
    {
    width: 38%;
    height: 150px;
    }    
    
.ofr_mob > .ofr_price
    {
    width: 62%;
    height: 150px;
    padding-left: 17px;    
    float: left;
    } 
    
.ofr_mob > .ofr_stars
    {
    float: none;
    display: inline-block;
    clear: left;    
    }       
   
.ofr_mob > .ofr_price > .ofr_prs_dsc
    {
    font-size: 1em;
    }     
    
.ofr_mob > .ofr_price > .ofr_prs_dsc
    {
    font-size: 1em;    
    }       
    
.ofr_mob_captions
    {
    padding-top: 8px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 300;
    }   
    
.ofr_mob_captions ul { list-style: none; list-style-position: inside; }
    
.ofr_mob_captions ul li:before 
    {
    font-family: "Font Awesome 5 Pro"; content: "\f00c\0020"; font-weight: normal; 
    color: #444;
    }
    
    
.ofr_mob_btn
    {
    display: block;
    float: left;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    font-size: 1.3em;
    }    
                
    
    
.ofr_n
    {
    font-weight: 700;        
    }    
    
    
.ofr_stars
    {
    float: right;
    display: block;
    color: #F8B450;
    vertical-align: top;
    }
    
.ofr_captions
    {
    padding-top: 8px;
    font-size: 0.8em;
    font-weight: 300;
    }   
    
.ofr_captions ul { list-style: none; list-style-position: inside; }
    
.ofr_captions ul li:before 
    {
    font-family: "Font Awesome 5 Pro"; content: "\f00c\0020"; font-weight: bold; 
    color: #444;
    }
    
    
.ofr_btn
    {    
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    font-size: 1.2em;
    }    
       
       
.ofr_bkb, .ofr_bkb:visited
    {
    border: 2px solid #F90000;
    padding:4px 14px;
    text-decoration: none;
    border-radius: 10px;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    background-color: #ff8989;
    }
    
.ofr_bkb:hover
    {
    background-color: #f00;
    color: #FFF;
    }       
            
    
@media screen and (max-width: 592px)
    {
    .ofr_lg { display: none; }
    .ofr_mob { display: inline-block; width: 100%; }
    .ofr_pus { display: block; }     
    }        
    
    
.B2LR { width: 48%; display: inline-block; float: left; padding-right: 30px; padding-top: 40px; }
.B2RD { width: 48%; display: inline-block; float: left; padding-right: 30px; padding-top: 40px; }

@media screen and (max-width: 694px)
    {
    .B2LR { width: 100%; text-align: center; }
    .B2RD { display: none; }     
    }     
    
    
.gvv_100
    {
    text-align: center;
    font-weight: bold;    
    color: #FFF;
    font-size: 1.8em;
    padding-bottom: 12px;
    }    
    
@media screen and (max-width: 800px)
    {
    .gvv_100 { font-size: 1.4em; }     
    }      
    
.gvv_101
    {
    height: 86vh;
    }
    
@media screen and (max-width: 768px)
    {
    .gvv_101 { height: 64vh; }     
    }    
    
@media screen and (max-width: 480px)
    {
    .gvv_101 { height: auto; }     
    }        
    
.gvv_102 { text-align: center;}
@media screen and (max-width: 780px)
    {
    .gvv_102 { transform: scale(0.85); }     
    }
@media screen and (max-width: 646px)
    {
    .gvv_102 { transform: scale(0.80); }     
    }    
@media screen and (max-width: 560px)
    {
    .gvv_102 { transform: scale(0.7); }     
    }  
@media screen and (max-width: 480px)
    {
    .gvv_102 { transform: scale(0.9); }     
    }        
      
.gvv_103 { width: 48.5%;  }      
@media screen and (max-width: 668px)
    {
    .gvv_103 { width: 100%; }     
    } 

.resatel
    {
    background-image: url(../rmedia/telephone-reserver.jpg); 
    background-position: left; 
    background-size: cover; 
    height: 450px;
    }
    
.gvv_104L, .gvv_104R
    {
    display: inline-block;
    float: left;
    width: 48.5%;
    margin: 1% 0 1% 0;
    padding: 8px;
    border-radius: 5px;
    }    
    
@media screen and (max-width:830px)
    {
    .resatel {  background-image: url(../rmedia/telephone-reserver.jpg); }     
    }     
@media screen and (max-width:702px)
    {
    .resatel {  background-color: #E8E8E8; background-image: none; height: auto; }
    .gvv_104L { display: none; }
    .gvv_104R { width: 100%; }    
    }
    
#gvv_105 { width: 28%; padding: 3vw; margin: 20px; height: 280px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); background-color: #FFF; display: inline-block; float: left; }        
#gvv_105 h1 { font-size: calc(10px +1.4vw); margin-top: 8px; margin-bottom: 12px; color: #036; text-align: center; }        
#gvv_105 p { font-size: calc(10px +0.4em);  margin-bottom: 8px; text-align: center; }
@media screen and (max-width: 912px)
    {
    #gvv_105 { width: 100%; margin: 20px 0px; }
    }    
             
             
.form_contact_inner
    {
    position: relative;
    top: 25%;
    margin: 0 auto;
    background-color: #FFF;
    color: #000;
    width: 600px;    
    max-width: 100vw;
    padding: 10px;        
    max-height: 100vh;
    }              
             
.fm_contact_field
    {
    border-radius: 3px;
    border: 1px solid #888;
    margin-bottom: 12px;
    padding: 3px;    
    }             
    
.fm_contact_field:hover
    {
    background-color: #FFF5EC;    
    }    
             
.fm_contact_bad_field
    {
    border-radius: 3px; 
    border: 2px solid #F00;   
    padding: 3px;    
    }             
    
.fm_contact_bad_field:hover
    {
    background-color: #ffefef;    
    }             
    
.fm_contact_badf
    {
    font-size: 0.8em;
    font-weight: bold;
    color: #F00;
    margin-bottom: 5px;
    }
    
.gvv_107
    {
    background: #6d0019;
background: -moz-linear-gradient(left, #6d0019 1%, #a90329 29%, #a90329 78%, #6d0019 100%);
background: -webkit-linear-gradient(left, #6d0019 1%,#a90329 29%,#a90329 78%,#6d0019 100%);
background: linear-gradient(to right, #6d0019 1%,#a90329 29%,#a90329 78%,#6d0019 100%);

    color: #FFF;    
    }
  
.lucat_107
    {  
    background: #a00000;
background: -moz-linear-gradient(top,  #a00000 1%, #fffcfc 73%);
background: -webkit-linear-gradient(top,  #a00000 1%,#fffcfc 73%);
background: linear-gradient(to bottom,  #a00000 1%,#fffcfc 73%);
    }
       
    
.gvv_108
    {    
    overflow: hidden;
    cursor: pointer;
    }        
    
.gvv_108 img
    {
    width: 100%; height: auto;
    }    
    
.gvv_108 img:hover
    {
    -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
     -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
    }
    
    
.plr10p { padding-left: 2%; padding-right: 2%; }


/** BLOG **/

.blog_bloc_container
    {
    font-size: 14px;
    display: inline-block;
    float: left;
    padding: 6px;
    width: 23%;
    height: 300px;
    overflow: hidden;
    
    border:  1px solid #777;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    background-color: #FFF;
    margin: 8px;
    }
    
.blog_img
    {
    display: inline-block;    
    }
    
.blog_img a, .blog_img a:visited { text-decoration: none; }
.blog_img a img { width: 100%; height: auto; max-height: 200px; }

.blog_title
    {
    display: block;
    font-weight: 700;
    color: #037;
    padding-top: 7px;
    padding-bottom: 10px;    
    }
.blog_title a, .blog_title a:visited { text-decoration: none; color: inherit; }             
.blog_title a:hover { text-decoration: underline; color: inherit; }             
    
@media screen and (max-width: 800px)
    {
    .blog_bloc_container { width: 46%; }
    }    
    
@media screen and (max-width: 640px)
    {
    .blog_bloc_container { width: 100%; }
    }    
    
    
.blog_teaser
    {
    display: block;
    font-weight: 300;
    color: #777;
    font-size: 0.9em;
    }
    
.rel_banner_top_text {display: inline; line-height: 60px; }
.rel_banner_top {display: inline-block; margin: 0 auto; width: 100%; background-color: #38456b; color: #FFF; font-size: 24px; font-weight: bold; text-align: center; padding-top: 10px; padding-bottom: 10px; }  
        @media screen and (max-width: 545px) { .rel_banner_top { font-size: 16px;} }
.rel_box_logo_banner {display: block; float: left; margin: 5px; padding: 3px 5px; background-color: #FFF; border-radius: 4px; width: 50px; height: 50px; }  @media screen and (max-width: 525px) {.rel_box_logo_banner {display: none;}}
.banner_div_img { }
.rel_banner_bottom { color: #000; background-color: #FFF; font-size: 1em; font-weight: normal; }    


#geb_fac{ padding-top: 15px; padding-bottom: 15px;}
#geb_fac h2 { font-size: 1.6em; font-weight: 500; }
#geb_fac h3 { font-size: 1.3em; color: #13694E; margin-top: 10px; font-weight: 500; }
#geb_fac ul {list-style-position: inside; padding: 10px; }
    
    
.lucat_109
    {    
    width: 32.333%;
    float: left;
    display: block;  
    margin: 0;
    color: #FFF;
    }
    
@media screen and (max-width: 924px)
    {
    .lucat_109 { color: #000; }
    }     
    
@media screen and (max-width: 804px)
    {
    .lucat_109 { width: 100%; }    
    }
    
    
.gvv_110
    {    
    background: #276300;
background: -moz-radial-gradient(center, ellipse cover, #276300 1%, #92bf4e 99%);
background: -webkit-radial-gradient(center, ellipse cover, #276300 1%,#92bf4e 99%);
background: radial-gradient(ellipse at center, #276300 1%,#92bf4e 99%);

    color: #000;
    }
    
    
.lp_carousel_head
    {
    width: 100%;
    }
  
.lp_head_cell
    {
    width: 100%;
    }            
                          
                          
.button_mg1
    {   
    display: inline-block;
    vertical-align: middle;    
    padding: 8px 30px;
    font-style: normal;
    font-weight: 300;    
    font-size: 18px;
    line-height: 1.7em;
    text-align: center;
    cursor: pointer;
    border: solid 2px #13694E;
    border-radius: 2em;
    background-color: #13694E;
    color: #FFF;
    text-decoration: none;
    transition: background-color 0.4s ease;
    }
    
.button_mg1:hover
    {
    background-color: #FFF;
    color: #13694E; 
    }
    
    
@media screen and (max-width: 1024px)
    {
    .button_mg1 { padding: 4px 15px; font-size: 14px; line-height: 1.3em; }    
    }    
    
.bitb_container { position: relative;}
.bitb_c { position: absolute; top: 40%; left: 0; width: 100%; }
.bitb_tournerie { position: absolute; top: 60%; left: 0; width: 100%; }
.bitb_lobster
    {
    font-size: 6.5vw;
    color: #FFF;
    width: 100%;
    text-align: center;
    padding: 4px 0px;
    font-family: 'Gelasio';
    font-weight: 299;
    opacity: 1;
    }
        
    
.mg_r50
    {
    display: inline-block; line-height: 90px; float: left; width: 80%; height: 90px; background-color: #F5F5F5; font-size: 1.5em;   padding-left: 10px;
    }              
    
.mg_r51
    {
    display: inline-block;  line-height: 90px; float: left; width: 20%; height: 90px; background-color: #F5F5F5; text-align: center;
    }
    
.mg_r52
    {
    font-weight: bold; font-size: 3.8em; color: #72223d;
    } 
    
.lucat_r52
    {
    font-weight: bold; font-size: 3.8em; color: #000;
    }     
    
    
.mg_r53 {font-size: 1.5em; width: 70%; margin: 0 auto;}

.mg_r70 {font-size: 1.5em; width: 70%; margin: 0 auto;}


.mg_r54 {font-size: 2em;}
.mg_r55 {font-size: 1.3em;}
.span_mg56 {width: 48.500%;}
.mg_r57 {width: 70%;}
.mg_r59 { background-color: rgba(250,250,250,0); }
.mg_r60
    {
    display: inline-block;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    }
    
@media screen and (max-width: 1024px)
    {
    .mg_r50 { line-height: 50px; height: 50px; font-size: 1.2em; }
    .mg_r51 { line-height: 50px; height: 50px; }
    .span_mg56 {width: 100%;}
    .mg_r57 {width: 95%;}
    } 
    
@media screen and (max-width: 1077px)
    {    
    .mg_r59 { background-color: rgba(250,250,250,0.7); }
    }
    
@media screen and (max-width: 842px)
    {
    .mg_r50 { line-height: 50px; height: 50px; font-size: 1em; }
    .mg_r51 { line-height: 50px; height: 50px; }
    } 
    
@media screen and (max-width: 704px)
    {
    .mg_r50 { width: 100%; line-height: 50px; height: 50px; font-size: 1em; text-align: center; }
    .mg_r51 { width: 100%; line-height: 50px; height: 50px; }
    }   
    
@media screen and (max-width: 680px)
    { 
    .mg_r52 { font-weight: bold; font-size: 1.4em;; color: #72223d;}
    .lucat_r52 { font-weight: bold; font-size: 1.4em;; color: #000;}
    .mg_r53 { font-size: 16px; width: 90%; } 
    .mg_r54 {font-size: 16px; font-weight: 600;}
    .mg_r55 {font-size: 14px;}             
    }
    
    
.gvv_107
    {
    background: #6d0019;
background: -moz-linear-gradient(left, #6d0019 1%, #a90329 29%, #a90329 78%, #6d0019 100%);
background: -webkit-linear-gradient(left, #6d0019 1%,#a90329 29%,#a90329 78%,#6d0019 100%);
background: linear-gradient(to right, #6d0019 1%,#a90329 29%,#a90329 78%,#6d0019 100%);

    color: #FFF;    
    }    
    
.gvv_109
    {    
    width: 32.333%;
    float: left;
    display: block;  
    margin: 0;
    }
    
@media screen and (max-width: 804px)
    {
    .gvv_109 { width: 100%; }    
    }
    
     
    
.tournerie_5D
    {
    display: inline-block;
    float: left;
    width: 100%;    
    padding: 8px;        
    }        
        
.tournerie_5D p {font-weight: 300; font-size: 16px; line-height: 26px;}        
        
        
.button_tournerie2
    {   
    display: inline-block;
    vertical-align: middle;    
    padding: 0px 6px;
    font-style: normal;
    font-weight: 300;    
    font-size: 18px;
    line-height: 1.7em;
    text-align: center;
    cursor: pointer;
    border: solid 2px #72223d;
    border-radius: 2em;
    background-color: #72223d;
    color: #FFF;
    text-decoration: none;
    transition: background-color 0.4s ease;
    }
    
.button_tournerie2:hover
    {
    background-color: #FFF;
    color: #72223d; 
    }
    
    
@media screen and (max-width: 1024px)
    {
    .button_tournerie2 { padding: 4px 15px; font-size: 14px; line-height: 1.3em; }    
    }           
        
.geb_tarif_saison
    {
    padding: 3px 6px;
    margin: 3px 6px;
    } 
    
.geb_tarif
    {
    font-size: 20px;
    font-weight: 400;
    color: #72223d;
    text-align: center;        
    }
    
.geb_tarif_unite
    {
    font-size: 11px;
    font-weight: 300;
    color: #72223d;
    text-align: center;    
    }    
    
.tournerie_3
    {
    padding: 6px 6px;
    max-width: 200px;
    margin: 6px 6px;
    vertical-align : middle;
    text-align: right;
    }    
    
.tournerie_4
    {
    padding: 8px 6px;    
    margin: 3px 6px;
    white-space: nowrap;
    text-align: right;
    }    
    
    
.tournerie_5
    {
    display: inline-block; float: left;
    font-size: 0.9em;
    margin-top: 20px;
    }          
    
.tournerie_6
    {
    padding-left: 19px;
    }
    
.tournerie_6 h2 {font-weight: 400; font-size: 24px; margin-bottom: 9px; color: #72223d;}

.tournerie_8
    {
    display: inline-block;
    float: left;
    margin-right: 12px;
    }        
    
.tournerie_8 i { color: #72223d; font-weight: bold;}



.tournerie_9
    {        
    cursor: pointer;    
    }        
    
.tournerie_9 img
    {    
    width: 90%; height: auto; border-radius: 4px;
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    -webkit-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
    }    
    
.tournerie_9 img:hover
    {
    -webkit-transform: scale3d(1.5, 1.5, 1);
          transform: scale3d(1.5, 1.5, 1);
     -webkit-transition: all 1s ease-in-out 0.5s;
          transition: all 1s ease-in-out 0.5s;
    }


.mg_r72 {font-size: 18px; text-align: justify; width: 100%; margin: 0 auto;}
.mg_r72 p { margin-top: 15px; line-height: 21px; }    
.mg_r72 h2 { margin-top: 2px; font-size: 1.6em; }


.tournerie_bg73
    {
    background-image: url(../rmedia/fond-verdoyant.jpg);
    background-repeat: no-repeat;
    background-size: cover;    
    text-align: center;
    min-height: 640px;         
    }
    
.tournerie_74
    {
    color: #164916;
    font-size: 18px;
    padding-left: 0px 15px;
    text-align: justify;
    }
        
.tournerie_74 h2 { margin-top: 2px; font-size: 1.6em; font-weight: bold;}    
.tournerie_74 p { margin-top: 15px; line-height: 21px; font-weight: 400;}    
    
    
.tournerie_bg75
    {
    background-image: url(../rmedia/privatisation-buffet.jpg);
    background-repeat: no-repeat;
    background-size: cover;    
    text-align: center;
    height: 960px;         
    }    
    
.tournerie_76
    {
    color: #FFF;
    position: relative;
    padding: 20px;
    bottom: 20px;
    top: 40px;
    border-radius: 20px;    
    width: 50%;    
    background-color: rgba(23,24,29,0.65);    
    font-size: 18px;
    text-align: justify;    
    }
    
@media screen and (max-width: 1520px)
    {
    .tournerie_76 { width: 100%; }    
    }    
        
.tournerie_76 h2 { margin-top: 2px; font-size: 1.6em; font-weight: bold;}    
.tournerie_76 p { margin-top: 15px; line-height: 21px; font-weight: 400;}       


.tournerie_bg77
    {
    background-image: url(../rmedia/agence-organisation-evenements.jpg);
    background-repeat: no-repeat;        
    text-align: left;
    min-height: 641px;         
    }
    
    
.tournerie_78 {text-align: justify; width: 100%; margin: 0 auto;}
.tournerie_78 p { margin-top: 24px; font-size: 18px; line-height: 21px; }    
.tournerie_78 h2 { margin-top: 2px; font-weight: bold; font-size: 28px; text-align: left; line-height: 32px; color: #72223d; }

@media screen and (max-width: 1520px)
    {
    .tournerie_bg77 { background-image: url(../rmedia/agence-organisation-evenements2.jpg);}
    .tournerie_78 
        {
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 8px;
        padding: 4px 15px; font-size: 14px; line-height: 1.3em;
        width: 100%;
        }    
    }
    
    
.z1
    {
    background-image: url(../rmedia/z1.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 35vw;
    padding-top: 6%;    
    }    
    
            
#z1c1
    {
    text-align: justify;
    line-height: 1.5em;
    margin-bottom: 8px;
    }

#z1c1 h3 { font-size: 2.2em; margin-top: 10px; margin-bottom: 20px; color: #2C5150; font-weight: bold;}                        
#z1c1 p { font-size: 1.3em; margin-top: 12px; margin-bottom: 12px; }

#z2 h3 { font-size: 2em; margin-top: 8px; margin-bottom: 12px; }        
#z2 p { font-size: 1.3em; margin-top: 12px; margin-bottom: 12px; }

.z3
    {
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../rmedia/paysages-du-gers.webp) no-repeat center fixed;
    background-size: cover;
    height: 600px;
    }
    
.inner-z3
    {    
    width: 100%; 
    margin: 0 auto;   
    }              
    
.inner-z3 h3 {
  margin-top: 150px;
  font-size: 2.8vw;
  color: #FFF;
  text-shadow: 1px 1px 2px black;
  font-weight: bold;
}    
    
@media screen and (max-width: 1300px)
    {
    .inner-z3 
        {
        width: 100%;        
        }
    .inner-z3 h3 { font-size: 20px;} 
    }
    
@media screen and (max-width: 640px)
    {
    .inner-z3 h3 { font-size: 40px;} 
    }     
                
                
.z4
    {
    background-image: url(../rmedia/fond-sapins.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 35vw;
    padding-top: 2%;    
    }    
    
            
#z4c1
    {
    text-align: justify;
    line-height: 1.5em;
    margin-bottom: 8px;
    color: #FFF;
    }

#z4c1 h3 { font-size: 2.2em; margin-top: 10px; margin-bottom: 20px; font-weight: bold;}            
#z4c1 p { font-size: 1.3em; margin-top: 12px; margin-bottom: 12px; }

.span_z4_right { width: 40.417%; } 
.span_z4_left { width: 56.583%; } 


@media screen and (max-width: 1300px)
    {
    #z4c1 h3 { font-size: 1.6em; margin-top: 10px; margin-bottom: 20px; font-weight: bold;}
    #z4c1 p { font-size: 1em; margin-top: 12px; margin-bottom: 12px; }
    }                
    
.z4i {width: 48%; height: auto; border: 3px solid #FFF; border-radius: 8px;}    
    
@media screen and (max-width: 1111px)
    {
    .z4
        {
        height: auto;
        background-image: linear-gradient(180deg, rgb(100, 160, 102) ,rgb(34, 68, 28));
        }
    #z4c1 h3 { font-size: 1.8em; margin-top: 10px; margin-bottom: 20px; font-weight: bold; line-height: 1.5em; text-align: left;}            
    #z4c1 p { font-size: 1.3em; margin-top: 12px; margin-bottom: 12px; }
    .z4i {width: 42%; height: auto; border: 3px solid #FFF; border-radius: 8px;}
    .span_z4_left { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; } 
    .span_z4_right { width: 100%; }         
    }
    
.z5
    {
    box-shadow: -2px -2px 5px #444444;
    border: thin solid #BBB;    
    border-radius: 6px;
    padding: 12px;
    background: #FFF;    
    width: 95%;
    margin: 18px;
    color: #000;
    max-height: 270px;
    overflow-y: auto;
    }
    
.z5 h3 { font-weight: 400; font-size: 1.18em; line-height: 1.8;}    
    
    
.z6
    {
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../rmedia/aigueze-beau-village-medieval.jpg) no-repeat center fixed;
    height: 500px;
    }
    
.inner-z6
    {    
    width: 1300px; 
    margin: 0 auto;   
    }              
    
@media screen and (max-width: 1300px)
    {
    .inner-z6 
        {
        width: 100%;        
        }
    }      
    
        
        
/*  Geb Carousel */

.gcar_container
    {
    width: 100%;
    margin: 0 auto;    
    clear: both;
    display: flex;
    flex-flow: row wrap;
    justify-content: baseline;
    }
    
.gcar_main_ct
    {
    width: 50%;
    min-height: 600px;
    background-size: cover;
    flex-flow: row;    
    justify-content: space-between;
    align-items: stretch;
    }
.gcar_4i {width: 50%; }

    
.gcar_left
    {                
    color: #FFF;    
    font-size: 3em;            
    width: 15%;
    opacity: 0;
    display: inline-flex;
    padding-top: 10vw;       
    }    
    
.gcar_right
    {
    color: #FFF;    
    font-size: 3em;        
    width: 15%;
    opacity: 0;
    display: inline-flex;
    padding-top: 10vw;   
    }          
    
.gcar_main_ct:hover .gcar_left {opacity: 0.4;}    
.gcar_main_ct:hover .gcar_right {opacity: 0.4;}    
    
.gcar_left a, .gcar_right a { text-decoration: none; color: inherit; }    
    
.gcar_4ic
    {
    width: 100%;
    height: 100%;
    margin: 0 auto;    
    clear: both;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    }    
    
.gcar_4ip
    {
    display: inline-block;
    margin-bottom: 1%; 
    width: 47%;
    height: 47%;
    }    
    
@media screen and (max-width: 1024px)
    {
    .gcar_main_ct {width: 100%;}
    .gcar_4i { display: none; }
    .gcar_left, .gcar_right {font-size: 1.5em;}
    }
    
    
.eleanor_r1
    {
    display: inline-block; line-height: 90px; float: left; width: 80%; height: 90px; background-color: #E4DCC7; font-size: 1.5em;   padding-left: 10px;
    }
    
.button_eleanor1
    {   
    display: inline-block;
    vertical-align: middle;    
    padding: 8px 30px;
    font-style: normal;
    font-weight: 300;    
    font-size: 18px;
    line-height: 1.7em;
    text-align: center;
    cursor: pointer;
    border: solid 2px #7f3b35;
    border-radius: 2em;
    background-color: #E76C60;
    color: #FFF;
    text-decoration: none;
    transition: background-color 0.4s ease;
    }
    
.button_eleanor1:hover
    {
    background-color: #FFF;
    color: #7f3b35; 
    }
    
    
@media screen and (max-width: 1024px)
    {
    .button_eleanor1 { padding: 4px 15px; font-size: 14px; line-height: 1.3em; }    
    }
    
    
.tv_3
    {
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../rmedia/campagnes-culture-ferme.jpg) no-repeat center fixed;
    height: 600px;
    }
    
.inner-tv_3
    {    
    max-width: 1300px; 
    margin: 0 auto;   
    }              
    
@media screen and (max-width: 1300px)
    {
    .inner-tv_3 
        {
        width: 100%;        
        }
    }     
                         
.eleanor_4
    {
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../rmedia/accord-formage-vins-de-chinon.jpg) no-repeat center fixed;
    height: 600px;
    }
    
.inner-eleanor_4
    {    
    width: 1300px; 
    margin: 0 auto;   
    }              
    
@media screen and (max-width: 1300px)
    {
    .inner-eleanor_4 
        {
        width: 100%;        
        }
    }                            

.eleanor_5
    {
    float: right; margin-bottom: 55px; font-family: 'Dancing Script', cursive; font-size: 5em; color: #E4DCC7; font-weight: bold;
    }                        
@media screen and (max-width: 700px)
    {
    .eleanor_5 { font-size: 10vw; }    
    }
    
    
        
.navh_top
    {    
    display: block;
    position: absolute;    
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    }    
    
.navh_toggler
    {
    float: left;
    margin: 15px;
    padding: 15px;
    color: #FFF;
    font-weight: 300;
    font-size: 2em;    
    cursor: pointer;
    background-color: #1b1e26;
    opacity: 0.8; 
    } 
    
#navh_toggler_off
    {
    display: block;        
    }
#navh_toggler_on
    {
    display: none;    
    }
          
    
.navh_menu
    {
    float: right;
    display: flex;    
    flex-flow: flex-end;    
    color: #FFF;
    font-size: 18px;
    margin: 15px;
    padding: 15px;  
    }
    
.navh_menu a, .navh_menu a:visited
    {
    color: #FFF;
    font-weight: 400;
    text-decoration: none;
    font-size: inherit;
    margin-right: 16px;
    padding-right: 8px;
    border-right: thin solid #9BF;
    }
.navh_menu a:hover
    {
    text-decoration: underline;
    }        
    
@media screen and (max-width: 569px)
    {    
    .navh_menu {display: none;}    
    }
    
    
     
                   
     
#navh_main
    {            
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;    
    background-color: #13694E;
    color: #FFF;     
    }
    
.navh_mlogo
    {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    z-index: 2;
    background: transparent;
    }
    
.navh_mlogo img {width: 15vw; height: auto;}
@media screen and (max-width: 527px)
    {
    .navh_mlogo { display:inline-block; width: 100%; text-align: center; }
    .navh_mlogo img {width: 25vw; height: auto;}    
    }        
    
.navh_mi
    {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    }
    
.navh_mi img
    {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;    
    }
    
.navh_overlay
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30vh;
    opacity: 0.7;
    background-blend-mode: multiply;
    background-image: linear-gradient(0deg,transparent,#000);
    }                    
    
    
    

    
    
/* HEADER IMG TOP V2 */    
    
#htop
    {
        
    }    
    
#htop img.htopi
    {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center; 
    }    
    
.htop_menu_transparent
    {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;    
    width: 100%;
    max-width: 100vw;
    padding: 8px;
    }
    
.htop_menu_bw
    {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;    
    width: 100%;
    max-width: 100vw;
    padding: 8px;
    background-color: #FFF;
    color: #000;
    border-bottom: thin solid #9AB;
    }           
    
.htop_menu_toggler
    {
    float: right;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;    
    color: #FFF;
    font-weight: 300;
    font-size: 2em;    
    cursor: pointer;    
    opacity: 0.8;
    z-index: 4; 
    }      
    
    
.htop_menu_container
    {
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    color: #FFF;       
    }    
    
.htop_menu_bw > .htop_menu_container
    {
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;   
    color: #000;    
    }    
    
.htop_menu_item
    {
    color: inherit;
    font-size: 28px;
    font-weight: 400;
    padding: 8px 23px;
    }    
    
    
.htop_menu_item a, .htop_menu_item a:visited
    {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    margin: 2px 10px;    
    border-top: 4px solid transparent;     
    }
        
    
.htop_menu_item a:hover
    {        
    border-top: 4px solid #FFF;             
    }
.htop_menu_bw > .htop_menu_container > .htop_menu_item a:hover
    {
    border-top: 4px solid #000;        
    }    
    
@media screen and (max-width: 1024px)
    {        
    .htop_menu_item { font-size: 2.5vw; padding: 8px 12px;  }
    }
    
@media screen and (max-width: 474px)
    {        
    .htop_menu_item { display: none;  }
    }
        
    
#htop_toggler_off
    {
    display: block;        
    }
#htop_toggler_on
    {
    display: none;    
    }
    
    
.htop_overlay
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30vh;
    opacity: 0.7;
    background-blend-mode: multiply;
    background-image: linear-gradient(0deg,transparent,#000);
    }
    
.htop_center_logo
    {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    z-index: 1;
    background: transparent;
    }
    
.htop_center_logo img {width: 15vw; height: auto;}
@media screen and (max-width: 527px)
    {
    .htop_center_logo { display:inline-block; width: 100%; text-align: center; }
    .htop_center_logo img {width: 25vw; height: auto;}    
    }                              
                              
                              
#navh_sm
    {
    display: none;
    position: fixed;    
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    max-width: 100vw;    
    background-color: #264860;
    color: #FFF;
    }
    
.navh_sm_wrapper
    {
    display: flex;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    }
    
.navh_sm_middle
    {    
    display: flex;
    justify-content: space-evenly;
    align-self: center;
    z-index: 1;
    padding: 0 40px;
    box-sizing: border-box;
    background-color: #142b3c;
    }
    
.navh_sm_1
    {    
    display: inline-flex;
    align-self: center;
    }

    
    
.navh_sm_1 li
    {
    font-size: 3em;;
    font-weight: 700;
    color: #FFF;
    list-style: none; 
    }     

.navh_sm_1 li a, .navh_sm_1 li a:visited
    {
    color: inherit;
    text-decoration: none;
    }     
    
.navh_sm_1 li a:hover
    {
    text-decoration: underline;
    }    
    
@media screen and (max-width: 600px)
    {    
    .navh_sm_1 li {font-size: 6vw; font-weight: 400;}    
    }    
        
    
.navh_sm_2
    {    
    display: inline-flex;
    align-self: center;                
    width: 30%;        
    }
    
.navh_sm_2 img { width: 100%; box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.79); }

@media screen and (max-width: 1571px)
    {
    .navh_sm_2 {display: none;}    
    }    


.navh_sm_3
    {    
    display: inline-flex;
    align-self: center;
    width: 30%;
    }
    
    
@media screen and (max-width: 812px)
    {
    .navh_sm_middle {background-color: inherit;}
    .navh_sm_3 {display: none;}    
    }        
    
.navh_sm_3_z
    {
    display: inline-block;
    text-align:center;
    margin: 6%;
    color: #FFF;
    }   
    
.navh_sm_3_z p { font-size: 1.3em;}




.abl_1
    {
    background-image: url(../rmedia/fond-montagne.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 35vw;        
    }
        
.inner_abl_f1
    {    
    width: 1300px; 
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;   
    }        
    
.abl_f1_box
    {
    display: inline-block;
    width: 30%;
    box-sizing: border-box;
    border: thin solid #ABD;
    box-shadow: 2px 8px 13px #89C;
    font-size: 20px;
    padding: 2%;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 15px;
    background-color: #FFF;    
    }    
        
.abl_f1_photo
    {
    width: 100%;
    }
    
.abl_f1_photo img { width: 100%; }    
    
.abl_f1_title
    {
    font-size: 1.15em;
    font-weight: 400;    
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
    }
    
    
.abl_f1_btt
    {
    font-size: 0.85em;
    text-align: justify;
    color: #568;
    }
    
.abl_f1_btt p { margin-bottom: 8px;}
.abl_f1_btt p strong {font-weight: bold;}

.abl_f1_btn
    {
    width: 100%;
    text-align: center;
    }                      
    
@media screen and (max-width: 1024px)
    {
    .abl_f1_box { width: 45%; }
    }  
    
@media screen and (max-width: 500px)
    {
    .abl_f1_box { width: 98%; }
    }        
        
.flex-row
    {
    width: 1300px; 
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;       
    }
    
    
.section_squares
    {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;    
    }
                
    
.square_box_info    
{
  color: #FFF;
  font-weight: 400;
  font-size: 1.64em;
  width: 100%;
  height: 100%;
  position: relative;
  top: -150%;
  text-align: center;
  border: 2px dashed #1fb29e;
}


.ab2
    {
    font-weight: 400; font-size: 3.8em; color: #000;
    }
    

.flex-row-tourism
    {
    width: 100%; 
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;       
    }    
    
.flex_tourism_box
    {
    display: inline-block;        
    }
    
.flex_tourism_box img
    {
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    }

.tourism2 {width: 46%; margin: 2%; }
.tourism3 {width: 30%; margin: 1.6%; }
.tourism4 {width: 22%; margin: 1%; }

.tourism4_img_box
    {
    width: 100%;
    height: 180px;    
    overflow: hidden;
    margin-bottom: 12px;
    }
    
.tourism3_img_box
    {
    width: 100%;
    height: 240px;    
    overflow: hidden;
    margin-bottom: 12px;
    }   
    
.tourism2_img_box
    {
    width: 100%;
    height: 320px;    
    overflow: hidden;
    margin-bottom: 12px;
    }      
    
.tourism4_img_box img, .tourism3_img_box img
    {
    height: 100%;
    }    
    
.tourism2 h3
    {
    font-weight: 400;
    color: #13694E;
    font-size: 1.52em;
    margin-top: 12px;
    margin-bottom: 16px;
    }      
    
.tourism3 h3, .tourism4 h3
    {
    font-weight: 400;
    color: #13694E;
    font-size: 1.45em;
    margin-top: 12px;
    margin-bottom: 16px;
    }            
    
.flex_tourism_txt
    {
    color: #568;
    }    
    
.flex_tourism_txt strong
    {
    font-weight: bold;
    }    
.btn_flex_tourism, .btn_flex_tourism:visited
    {
    border: 1px solid #13694E;
    padding:2px 8px;
    text-decoration: none;
    border-radius: 6px;
    color: #13694E;
    font-weight: 300;
    display: inline-block;
    cursor: pointer;
    }
    
.btn_flex_tourism:hover
    {
    background-color: #13694E;
    color: #FFF;
    }
    
    
@media screen and (max-width: 640px)
    {
    .tourism2{ width: 100%; margin: 2% 0%;} 
    
    }    
@media screen and (max-width: 792px)
    {
    .tourism3{ width: 98%; margin: 0 auto; text-align: center;}
    .tourism4{ width: 100%; margin: 0 auto; text-align: center;}
    }    
    
    
    
.bg_camb2
    {
    background-image: url('../rmedia/vacances-famille-normandie.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 650px;       
    }

.camb_1
    {
    display: inline-block;
    width: 400px;
    height: 400px;
    margin: 1%       
    }
    
.camb_1t
    {
    background-color: #35A2C5;
    color: #FFF;
    height: 30%;
    padding: 16px;
    font-size: 18px;        
    }
    
.camb_1tw  
    {
    color: #35A2C5;
    background-color: #FCFCFC;
    height: 30%;
    padding: 16px;
    font-size: 18px;         
    }  
    
    
.camb_1img
    {
    object-fit: cover;
    object-position: center;
    background-color: #35A2C5;      
    }    
    
.camb_1img img { width: 100%; }    
    
.camb_1t h3, .camb_1tw h3 { font-size: 1.4em; font-weight: 400; margin-bottom: 8px; }
.camb_1t p, 


.flex-row2
    {
    width: 100%; 
    max-width: 1300px; 
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;       
    }                                           
    
    
.camb_3
    {
    display: inline-block;
    width: 50%;
    margin: 0;    
    color: #FFF;
    box-sizing: border-box;       
    }
    
.camb3_bg1 {background-color: #13694E;}        
.camb3_bg2 {background-color: #A3ABBD;}        
    
.camb3_c h3  { font-size: 2em; font-weight: 400;  margin-bottom: 24px; }  
.camb3_c p {text-align: justify; font-size: 1.3em; margin-bottom: 24px; }
.camb3_c
    {
    padding: 36px;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: Center;
    height: 100%;           
    }
    
.camb_3 img
    {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;        
    }

@media screen and (max-width: 712px)
    {
    .camb3-t1 { order: 1;}                                                           
    .camb3-i1 { order: 2;}                                                           
    .camb3-i2 { order: 4;}                                                           
    .camb3-t2 { order: 3;}                                                           
    .camb3-t3 { order: 5;}                                                           
    .camb3-i3 { order: 6;}
    }    
    
.button_camb4
    {   
    display: inline-block;
    vertical-align: middle;    
    padding: 8px 30px;
    font-style: normal;
    font-weight: 300;    
    font-size: 18px;
    line-height: 1.7em;
    text-align: center;
    cursor: pointer;
    border: solid 2px #FFF;
    border-radius: 2em;
    background-color: #13694E;
    color: #FFF;
    text-decoration: none;
    transition: background-color 0.4s ease;
    }
    
.button_camb4:hover
    {
    background-color: #FFF;
    color: #13694E; 
    }
    
    
@media screen and (max-width: 1024px)
    {
    .button_camb4 { padding: 4px 15px; font-size: 14px; line-height: 1.3em; }    
    }     
    
    
.button_camb4c
    {   
    display: inline-block;
    vertical-align: middle;    
    padding: 8px 30px;
    font-style: normal;
    font-weight: 300;    
    font-size: 18px;
    line-height: 1.7em;
    text-align: center;
    cursor: pointer;
    border: solid 2px #FFF;
    border-radius: 2em;
    background-color: #A3ABBD;
    color: #FFF;
    text-decoration: none;
    transition: background-color 0.4s ease;
    }
    
.button_camb4c:hover
    {
    background-color: #FFF;
    color: #A3ABBD; 
    }
    
    
@media screen and (max-width: 1024px)
    {
    .button_camb4c { padding: 4px 15px; font-size: 14px; line-height: 1.3em; }    
    }       
    
    
.bg_esca
    {
    background-image: url('../rmedia/paysages-de-normandie.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    min-height: 650px;  
    width: 100%;     
    }
    
.camb6
    {
    color: #14384E;
    font-size: 2.4em;
    font-weight: 300;
    position: relative;
    top: 150px;
    }
    
.camb7
    {
    color: #13694E;
    font-weight: 400;    
    }
    
.camb8
    {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;    
    }    
    
.camb8 img {width: 50%;}    
    
@media screen and (max-width: 812px)
    {
    .bg_camb5
        {
        background-position: 30% 30%;
        background-repeat: no-repeat;
        min-height: 406px;
        width: 100%;
        }
    .camb3_c h3  { font-size: 1.4em; font-weight: 400;  margin-bottom: 24px; }  
    .camb3_c p {text-align: justify; font-size: 0.9em; margin-bottom: 12px; }
    .camb7 {font-size: 2.4em !important; text-align: center;}
    .camb8 {justify-content: center; }
    .camb8 img {width: 70%;}            
    }        
    
@media screen and (max-width: 712px)
    {
    .camb_3 {width: 100%;}
    .camb7 {font-size: 1.64em !important; text-align: center;}
    #contenu p {font-size: 1em;}    
    }
    
    
.flex-row3
    {
    width: 100%; 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;      
    }
    
.bgcol_dub1
    {
    background-color: #E6F4F1;    
    }    
    
.bx1
    {
    background-color: #FFF;
    margin-top: 13px;
    display: inline-block;    
    margin-bottom: 0;
    flex-basis: calc((100% - 26px)/3);    
    }
    
@media screen and (max-width: 640px)
    {
    .flex-row3 { flex-wrap: wrap; }
    .bx1 { flex-basis: 100%; }
    }    
    
.bx1_inner
    {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 1.24em;    
    }
    
@media screen and (max-width: 1024px)
    {
    .bx1_inner {font-size: 1.08em;}
    }     
   
    
.bx1_img
    {
    display: inline-block;    
    overflow: hidden;
    }   
    
.bx1_img img
    {    
    transform: scale3d(1.09, 1.09, 1);
    transition: all 1s ease-in-out;
    width: 100%;
    height: 100%;    
    }         
    
.bx1:hover .bx1_inner .bx1_img img
    {
    transform: scale3d(1.02, 1.02, 1);        
    }    
    
.bx1_content
    {
    color: #13694E;
    background-color: #FFF;
    padding: 16px;
    min-height: 200px;        
    }    
    

.bx1:hover  
    {
    color: #FFF; 
    background-color:  #13694E;   
    }    
    
.bx1:hover .bx1_content  
    {
    color: #FFF; 
    background-color:  #13694E;   
    }
    
.bx1:hover .bx1_content p { color: #FFF; }    
    
.bx1_content h2
    {
    font-size: 1.42em;
    font-weight: 400;
    }    
    
.bx1_content p
    {
    line-height: 1.85;
    color: #235;    
    }   
    
.bx1_content p strong
    {
    font-weight: 600;    
    }
                                  
.bx1_btn, .bx1_btn:visited
    {
    border: 2px solid #13694E;
    padding:4px 14px;
    text-decoration: none;
    border-radius: 6px;
    color: #13694E;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    }
    
.bx1_btn:hover
    {
    background-color: #13694E;
    color: #FFF;
    border: 2px solid #FFF;
    }     
    
.bx1:hover .bx1_content .bx1_btn
    {
    background-color: inherit;
    color: #FFF;
    border: 2px solid #FFF;
    }    
    
.bx1:hover .bx1_btn:hover
    {
    background-color: #FFF;
    color: #13694E;    
    }    
           
           
.dub2
    {
    color: #000;
    font-size: 1.24em;    
    }           
    
.dub2 h2 { font-size: 2.2em; font-weight: 300; color: #13694E; }
.dub2 p { color: 235; line-height: 1.85; }

.dub3 {width: 91%; height: auto; border: 3px solid #FFF; border-radius: 8px; transform: rotate(0deg);}    
.dub4 {float: right; margin: 15px; width: 39%;  height: auto; border: 3px solid #FFF; border-radius: 8px; transform: rotate(-4deg); box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.79);}
@media screen and (max-width: 768px)
    {
    .dub4{width: 100%;} 
    }


    
.dub6
    {
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../rmedia/honfleur-quai-sainte-catherine.jpg) no-repeat center fixed;
    height: 580px;
    }
    
.mpass1
    {
    float: left; margin-right: 12%; width: 37%;  height: auto;    
    }         
    
.dub8
    {
    float: right; margin: 14px; width: 34%;  height: auto; border: 3px solid #FFF; border-radius: 8px; transform: rotate(3deg); box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.79);    
    }
            
.dub9
    {
    background-image: url('../rmedia/depart-valise-gers.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height: 400px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
    padding-top: 5%;    
    }
    
.dub9_post
    {
    width: 69%;
    line-height: 1.58;
    padding-left: 20%;
    }
    
    
.dub9 .dub9_post h3 { color: #13694E; font-size: 2.4em; }
@media screen and (max-width: 1196px)
    {                                          
    .dub9_post { padding-left: 6%; }
    .dub9 .dub9_post h3 { font-size: 2.4em; }            
    }
    
@media screen and (max-width: 768px)
    {
    .dub9_post { width: 56%; }
    }    
    
@media screen and (max-width: 768px)
    {
    .dub9 { display: none; }
    }    
    

.mpass2
    {
    width: 90%; margin: 0 auto; -webkit-box-shadow: -5px 6px 9px -1px rgba(0,0,0,0.88);  box-shadow: -5px 6px 9px -1px rgba(0,0,0,0.88);
    }    


.mpass3
    {
    float: left; margin: 14px; width: 22%;  height: auto;    
    }
    
.mpass4
    {
    background: linear-gradient(to bottom,  rgba(12,35,58,0.8), rgba(12,35,8,0.2));
    }
    
.bsl_3
    {
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../rmedia/plage-hauteville-sur-mer-2.jpg) no-repeat center fixed;
    height: 600px;
    }
    
.inner-bsl_3
    {    
    width: 1300px; 
    margin: 0 auto;   
    }              
    
@media screen and (max-width: 1300px)
    {
    .inner-bsl_3 
        {
        width: 100%;        
        }
    }
    
.bsl_mg45 { margin-top: 45px; margin-bottom: 45px; }

#blocks { padding: 40px; margin: 5px 10%;  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); background-color: #FFF; min-height: 400px; display: inline-block;}        
#blocks h1 { font-size: 2em; margin-top: 8px; margin-bottom: 12px; color: #036; text-align: center; }        
#blocks p { text-align: justify; line-height: 1.5em; margin-bottom: 8px; }
@media screen and (max-width: 912px)
    {
    #blocks { margin: 5px 5%; }
    }

    
.bsl4 {float: right; margin: 18px; width: 42%;  height: auto; border: 3px solid #FFF; border-radius: 8px; transform: rotate(-4deg); box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.79);}
@media screen and (max-width: 912px)
    {
    .bsl4 { float: left; width: 100%; transform: rotate(0deg); margin: 0px; }
    }
        
.fwb { font-weight: 500; }

.sf44
    {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
    width: 100%;
    }
    
.sf44_box
    {
    width: 25%;
    height: 20vw;    
    font-size: 22px;
    color: #FFF;
    background: #13694E;
    text-align: center;
    }

.sf44_box p
    {
    margin: 6%;
    text-align: justify;            
    }    
    
.sf44_img
    {
    width:100%;
    height: 100%;
    }
.sf44_icon
    {
    width: 80px;
    height: auto;
    margin: 20px;
    }
.sf44_title
    {
    font-size: 2em;
    font-weight: 300;
    padding: 8px;
    margin-top: 25px    
    }
@media screen and (max-width: 1730px)
    {
    .sf44_box {font-size: 18px; }
    }
@media screen and (max-width: 1095px)
    {
    .sf44_box{width: 50%; height: auto;} 
    }
@media screen and (max-width: 492px)
    {
    .sf44_box{width: 100%; height: auto;} 
    }
    
.gmse_1 {float: right; width: 50%; padding-left: 20px; padding-bottom: 20px}
@media screen and (max-width: 768px)
    {
    .gmse_1{width: 100%;} 
    }
    
a.tcseo,  a.tcseo:visited  { color: #999; font-weight: 300; margin-top: 10px; text-decoration: none; }
a.tcseo:hover { font-weight: 400;}
#infos-gites-gers {display: none;}

.carousel_album_photos {
  background: #f8f8f8;
  height: 558px;
}
              
.carousel_album_photos img
    {
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
    margin-left: 3px;
    margin-right: 3px;
    }
   
   
   
.dds_2
    {
    float: left; width: 45%; padding-right: 20px; padding-bottom: 20px; border-radius: 4px;
    }
@media screen and (max-width: 768px)
    {
    .dds_2{float:unset; display: block; clear: both; width: 80%; padding: 20px; margin: 0 auto;} 
    }
    
#contenu h1.dds3, #contenu h2.dds3 
    {
    font-size: 1.18em;
    line-height: 1.20em;
    color: #444;    
    }
.dds3_bullet
    {
    height: 20px;
    }
#contenu p.dds4 { font-size: 2.2em; margin-top: 5px; margin-bottom: 12px; color: #13694E; font-weight: 400; text-align: left; }
#contenu p.dds4c { font-size: 2.2em; margin-top: 5px; margin-bottom: 12px; color: #13694E; font-weight: 400; text-align: center; }
         
    
.inner-ab3
    {    
    width: 100%; 
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;   
    max-width: 1300px; 
    }
        
.span_ab3
    {
    width: 25%;
    margin: 1%;
    color: #13694E;
    padding: 30px;
    text-align: center;
    display: inline-block;                        
    }                
    
.span_ab3 img { height: 100px; width: auto; }
.span_ab3 h3 { color: #13694E; font-size: 1.8em; text-align: center;}
.span_ab3 p { color: #5E6767; font-size: 0.9; text-align: center; }            

@media screen and (max-width: 1200px)
    {
    .span_ab3 { width: 40%; margin: 1%; }
    }

@media screen and (max-width: 825px)
    {
    .inner-ab3 
        {
        width: 100%;
        max-width: 95%;
        }
    
    .span_ab3 img { height: 50px; }
    .span_ab3 h3 {font-size: 1.2em;}
    
    }
    
    
@media screen and (max-width: 640px)
    {
    .span_ab3 { width: 98%; }
    }
    
.z7
    {
    background-image: url(../rmedia/fond-gers.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 35vw;
    max-width: 100%;
    position: relative;
    top: -100px;            
    }    
    
            
#z7c1
    {
    text-align: justify;
    line-height: 1.5em;
    margin-bottom: 8px;
    color: #FFF;
    padding-top: 60px;
    font-size: 0.95em;
    }

#z7c1 h3 { font-size: 2.2em; margin-top: 10px; margin-bottom: 20px; font-weight: bold;}            
#z7c1 p { font-size: 1.3em; margin-top: 12px; margin-bottom: 12px; font-weight: 400; }

.span_z7_right { width: 40.417%; } 
.span_z7_left { width: 56.583%; } 


@media screen and (max-width: 1300px)
    {
    #z7c1 h3 { font-size: 1.6em; margin-top: 10px; margin-bottom: 20px; font-weight: bold;}
    #z7c1 p { font-size: 1em; margin-top: 12px; margin-bottom: 12px; }
    }                
    
.z7i {width: 48%; height: auto; border: 3px solid #FFF; border-radius: 8px;}    
    
@media screen and (max-width: 1111px)
    {
    .z7
        {
        background-image: none;
        background-color: #453D30;
        }
    #z7c1 h3 { font-size: 2.0em; margin-top: 10px; margin-bottom: 20px; font-weight: bold; line-height: 1.5em;}            
    #z7c1 p { font-size: 1.3em; margin-top: 12px; margin-bottom: 12px; }
    .z7i {width: 92%; height: auto; border: 3px solid #FFF; border-radius: 8px;}
    .span_z7_left { width: 40.417%; } 
    .span_z7_right { width: 56.583%; }     
    }      
        
        
@media screen and (max-width: 800px)
    {
    .span_z7_left { width: 100%; } 
    .span_z7_right { width: 100%; }     
    }
                
.section_flex
    {    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }
.sf100 { width: 98%; margin: 1%; }     
.sf50 { width: 48%; margin: 1%; }
.sfp3 { padding: 3%;}
.sfplr3 { padding: 0% 3%;}

@media screen and (max-width: 1024px)
    {
    .sf50 { width: 98%; margin: 1%; }
    .sf-pos1 { order: 2; }
    .sf-pos2 { order: 1; }
    }          
                    
                    
.dds5
    {
    background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../rmedia/le-domaine-des-sources-gers.webp) no-repeat center fixed;
    background-size: cover;
    height: 600px;
    }
    
.tourism_section_title {font-size: 2em; font-weight: bold;}
                        
.lang_choice
    {
    background-color: #FFF;
    color: #13694E;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;        
    }
    
.lang_choice_border
    {
    border: 1px solid #13694E;
    }
    
.bali1
    {
    width: 100%;
    align-self: center;
    margin-top: 45px;
    }
    
    
.section_flex_gite_top
    {    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    top: -200px;
    }    
    
.sf_ess_top_left
    {
    margin: 1%;
    height: 400px;
    width: 500px;
    background-color: #FFF;
    border: thin solid #999;
    border-radius: 4px;
    padding-top: 56px;
    order: 1;
    }
    
.sf_ess_top_right
    {
    width: 48%; margin: 1%;
    order: 2;
    position: relative;
    top: 200px;
    height: 120px;    
    }
.sf_ess_top_right img {width: 100%;}        
    
.sf_ess_book
    {
    width: 30%; margin: 1%;        
    order: 3;
    }        
    
.sf_ess_short_desc
    {
    width: 65%; margin: 1%;        
    order: 4;
    }     
    
.bali2 { position: relative;  top: -60px;}    
                                
@media screen and (max-width: 1320px)
    {
    .bali2 {position: initial; top: 0px;}
    .section_flex_gite_top { position: initial; top: 0px; }
    .sf_ess_top_left
        {
        position: initial;
        order: 2;
        width: 48%;
        margin: 1%;
        border: none;
        }
    .sf_ess_top_right
        {
        order: 1;
        width: 98%;
        margin: 1%;
        position: initial;
        top: 0px;
        height: auto;        
        }
    .sf_ess_top_right img {width: 50%; margin: 0 25%;}
    .sf_ess_short_desc { width: 98%; margin: 1%;}      
    }
@media screen and (max-width: 625px)
    {
    .sf_ess_book {display: none;}
    .sf_ess_top_left { width: 98%; margin: 1%; }
    .sf_ess_top_right img {width: 90%; margin: 0 5%;}
    } 
                                    
                                
.lang_choice_container
    {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    width: 192px;
    height: 380px;
    overflow-y: auto;
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border: 2px solid #579;
    border-radius: 6px;
    }
    
@media screen and (max-width: 192px)
    {
    .lang_choice_container{width: 98%;} 
    }       
    
.lang_choice_close {text-decoration: none; color: #000;}    
    
.lang_choice_link
    {
    font-size: 20px;
    width: auto;
    text-decoration: none;
    color: #000;
    line-height: 1.8;
    }          
                       
.lang_choice_flag 
    {
    vertical-align: middle;
    width: 30px;
    margin-right: 9px;
    }                                 
                                          
.pot1 { height: 20px; }

.parallax-window
    {
    min-height: 100vh;
    overflow: hidden;
    background: transparent;
    background-position: center center;
    }    
                                          
.section_flex_lds
    {    
    display: flex;    
    flex-wrap: wrap;
    }             
    
.flex_column
    {
    flex-direction: column;    
    }    
                                 
.lds_box1
    {
    width: 100%;
    padding-top: 200px;
    text-align: center;
    color: #FFF;
    text-shadow: 1px 1px 2px black;
    font-family: Pompiere;    
    }
.lds_box1 h1
    {
    background-color: rgba(0,0,0,0.45);
    font-size: 11vw; font-weight: 400;
    }
.lds_box1 p
    {
    background-color: rgba(0,0,0,0.45);
    font-size: 3.4vw;
    font-weight: 700;
    }                                    

.lds_box2
    {
    width: 100%;
    color: #000;
    font-family: Pompiere;
    font-weight: 600;
    text-align: center;
    }
    
.lds_box2 h1 {font-size: 6vw; font-weight: 400; }        
.lds_box2 p
    {
    font-size: 3.4vw;
    font-weight: 700;
    }    

@media screen and (max-width: 600px)
    {
    .lds_box1
        {
        width: 100%; 
        }  
    .lds_box2 h1 {font-size: 11vw; }        
    .lds_box2 p
        {
        font-size: 7.4vw;        
        }     
    } 
                                          
                                          
#contenu p.h2 { font-size: 2.2em; margin-top: 5px; margin-bottom: 12px; color: #13694E; font-weight: 400; text-align: left; }


.bdf2
    {
    border-radius: 2%;
    box-shadow: 80px 25px #13694E2B;
    border: 3px solid #13694E;
    width: 73%
    }
    
.bdf3
    {
    font-family: 'Oooh Baby', cursive;
    transform: rotate(-3deg);
    font-weight: bold;
    position: relative;
    top: -30px;
    font-size: 2em !important;
    color: #13694E;
    }