/* 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;
}
/* 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 */
}
/* CMS Edelis common V1.0 */
/* err box */
#errbox
{
border: thin solid #FF0000;
padding: 5px;
color: #F20000;
border-radius: 4px;
font-weight: bold;
background-color: #FFF1F1;
}
#errbox p {
font-size: 10px;
}
.imgz
{
border: thin solid #777777;
background-color: #FFFFFF;
border-radius: 4px;
box-shadow: 3px 3px 3px #222222;
padding: 8px;
}
.imgz_caption
{
background-color: #000000;
opacity: 0.5;
font-size: 12px;
color: #FFFFFF;
}
/* CSS3 pure gallery */
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#box {
text-align: left;
width: 700px;
margin: 30px auto 0 auto;
background: #000;
overflow: hidden;
border: 10px solid #000;
-webkit-box-shadow: #131313 0px 2px 10px;
box-shadow: #131313 0px 3px 10px;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
}
ul#slider{
-webkit-border-radius: 10px;
margin: 0px;
padding: 0px;
list-style: none;
position: relative;
width: 700px;
height: 438px;
overflow: hidden;
}
ul#thumb {
overflow: none;
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
position: relative;
background: #000;
overflow: auto;
width: 700px;
}
/* removed width: 35px height: 35px in ul#thumb done by soft */
ul#thumb a {
-webkit-transition: opacity .2s ease-in-out;
border: 1px solid #979797;
display: block;
overflow: hidden;
float: right;
margin: 10px 0px 0px 10px;
opacity: 0.75;
}
ul#thumb a:hover {
opacity: 1;
}
ul#slider li {
width: 700px;
height: 438px;
position: absolute;
background: #373636;
text-align: center;
}
ul#slider li p {
position: absolute;
bottom: 0;
left: 0;
z-index: inherit;
color: #fff;
background: rgba(0, 0, 0, .5);
width: 100%;
}
ul#slider li p span {
line-height: 1.2em;
padding: 10px;
display: block;
text-align: left;
}
/* Animation for the :target image. Slides the image in. */
@-webkit-keyframes moveTarget {
0% {
left:-700px;
}
100% {
left:0px;
}
}
ul#slider li:target {
-webkit-animation-name: moveTarget;
-webkit-animation-duration: .5s;
-webkit-animation-iteration-count: 1;
top:0px;
left: 0px;
z-index: 10;
}
/*
Animation for the current image. Slides it out the frame and back to the starting position.
Adds a lower z-index than the now current image.
*/
@-webkit-keyframes moveIt {
0% {
left:0px;
}
50% {
left:700px;
}
100% {
left:-700px;
z-index: 5;
}
}
ul#slider li:not(:target) {
-webkit-animation-name: moveIt;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: 1;
top:0px;
left: 0px;
}
.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; }
}
.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: 480px)
{
.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%; }
}
#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;
}
.pl40 { padding-left: 40px; }
.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;
background-color: #FFF;
height: 50px;
top: 0px;
left: 0px;
border-bottom: thin solid #C5C5C5;
}
#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: inherit;
}
.menu_grid_head
{
width: 100%;
display: block;
height:55px;
background: inherit;
}
#menu_grid_btn_up{ display: none;}
.mgrid_list
{
display: none;
}
.menu_grid_logo {display: block; float: left; }
.menu_grid_btn {display: block; float: right; padding-right: 16px; padding-top: 4px; font-size: 18px; }
.mgrid_list ul
{
background-color: #FFF;
font-size: 3vw;
color: #000;
font-weight: normal;
display: block;
float: left;
list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;
box-sizing: border-box;
-webkit-box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.79);
box-shadow: 0px 4px 8px 2px rgba(0,0,0,0.79);
}
.mgrid_list li
{
border-right: 1px solid #fff;
border-bottom: 1px solid #C2C3C4;
width: 25%;
float: left;
text-align: left;
padding: 5px;
margin: 0;
box-sizing: border-box;
}
.mgrid_list a, .mgrid_list a:visited
{
text-decoration: none;
color: #000;
font-weight: normal;
width: 100%;
display: block;
}
.sm_menu_link
{
text-decoration: none;
color: #000;
font-size: 22px;
font-weight: bold;
padding-bottom: 8px;
border-bottom: thin solid #9AB;
margin: 0;
border-collapse: collapse;
padding-left: 15px;
}
@media screen and (max-width: 768px)
{
.mgrid_list li { width: 50%; font-size: 4vw; }
.menu_grid {display: block;}
.top_menu{display: none;}
}
@media screen and (max-width: 480px)
{
.mgrid_list li { width: 100%; font-size: 8vw;}
}
.top_menu
{
color: #000;
width: 100%;
box-sizing:border-box;
clear: right;
}
.top_menu_logo
{
display: table-cell;
vertical-align: middle;
width: 150px;
}
.top_menu_items
{
display: table-cell;
vertical-align: middle;
font-size: 22px;
height: 100%;
}
.top_menu_ur
{
display: table-cell;
vertical-align: middle;
font-size: 22px;
height: 100%;
text-align: right;
padding-left: 60px;
}
.top_menu_ur > a, .top_menu_ur > a:visited
{
background-color: #B6C903;
color: #000;
font-weight: bold;
text-decoration: none;
padding: 7px 12px;
border-radius: 4px;
}
.top_menu_ur > a:hover
{
background-color: #B6C903;
color: #000;
font-weight: bold;
text-decoration: none;
}
.top_menu_items > ul
{
color: inherit;
list-style: none;
padding: 0;
margin: 0;
box-sizing: border-box;
}
.top_menu_items > ul > li
{
color: inherit;
}
.top_menu_items > ul > li > a, .top_menu_items > ul > li > a:visited
{
color: inherit;
text-decoration: none;
padding: 8px 20px;
vertical-align: middle;
transition-duration: 0.5s;
}
.top_menu_items > ul > li > a:hover
{
color: #4c5ea5;
vertical-align: middle;
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; }
}
.submenu
{
display: none;
position:absolute;
top: 45px;
text-align:left;
padding:5px 5px 10px 10px;
background-color:#fff;
height:auto;
border: 1px solid #627d4d;
border-radius:5px 5px 5px 5px;
box-shadow:4px 4px 6px #9AC;
z-index: 99;
}
.top_menu_items > ul > li:hover > .submenu
{
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 1155px)
{
#menu_item { font-size: 2.2vw; }
}
.sm_outils
{
left: 15%;
width: 20%;
line-height: 16px;
padding-left: 20px;
}
@media only screen and (max-width: 1155px) { .sm_outils { width: 80%; } }
.sm_col_outils
{
width: 48%;
}
.sm_col_outils_temp
{
width: 95%;
}
.sm_solutions
{
left: 10%;
width: 80%;
line-height: 16px;
padding-left: 20px;
}
.sm_col_solutions
{
width: 31%; height: 100%;
text-align: center;
display: flex;
vertical-align: bottom;
}
.sm_guides
{
left: 15%;
width: 60%;
line-height: 16px;
padding-left: 20px;
line-height: 24px;
}
@media only screen and (max-width: 1155px) { .sm_guides { left: 15%; width: 80%; } }
.sm_col_guides
{
width: 48%;
text-align: left;
padding-bottom: 16px;
}
.sm_guides p {margin-top: 6px; margin-bottom: 6px;}
#submenu_col
{
font-size: 16px;
margin-top: 12px;
display: block;
margin-right: 12px;
vertical-align: top;
}
#submenu_col a.sm_ct, #submenu_col a.sm_ct:visited
{
color: #ff9900;
font-weight: bold;
font-size: 1.2em;
text-decoration: none;
padding: 2px;
margin: 3px;
border: 1px solid #fff;
border-radius: 4px;
}
#submenu_col a.sm_ct:hover
{
background-color: #ff9900;
color: #FFF;
font-weight: bold;
font-size: 1.2em;
border: 1px solid #ff9900;
border-radius: 4px;
}
#submenu_col a.sm_bc, #submenu_col a.sm_bc:visited
{
color: #ff9900;
font-size: 1.2em;
text-decoration: none;
padding: 4px 8px;
margin: 3px;
border: 2px solid #ff9900;
}
#submenu_col a.sm_bc:hover
{
background-color: #ff9900;
color: #FFF;
font-weight: bold;
border: 1px solid #ff9900;
}
#submenu_col h2
{
color: #7fb33f;
font-weight: bold;
font-size: 1.2em;
text-align: left;
}
#submenu_col a, #submenu_col a:visited
{
color: #000;
text-decoration: none;
padding: 2px;
line-height: 32px;
font-size: 18px;
}
#submenu_col a:hover
{
color: #ff9900;
}
.submenu_case
{
display: block;
width: 50%;
border: 4px solid #FFF;
}
.submenu_case:hover
{
border: 4px solid #ff9900;
}
.btn_ctr{ text-align: center; width: 100%; display: block; margin-top: 8px; margin-bottom: 8px; }
@media only screen and (max-width: 1186px)
{
#submenu_col a, #submenu_col a:visited { font-size: 14px; }
}
#pg_content { clear: left; margin-top: 50px; }
#contenu h1 { font-size: 2em; margin-top: 8px; margin-bottom: 12px; }
#contenu h2 { font-size: 1.22em; margin-top: 6px; margin-bottom: 10px; }
#contenu h3 { font-size: 1.1em; margin-top: 6px; margin-bottom: 8px; }
#contenu p { text-align: justify; 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: bold;}
.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: #A91101; }
#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: #444447;
color: #FFF;
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;
}
#footer p.ftitle
{
font-weight: bold;
font-size: 1.44em;
margin-right: 16px;
}
@media screen and (max-width: 640px)
{
.footer_title_separator { display: none; }
#footer p.ftitle { border-bottom: 1px solid #BBB; margin-bottom: 12px;}
}
.footer_title_separator
{
width: 60px;
line-height: 14px;
margin-bottom: 22px;
border-bottom: 1px solid #BBB;
}
.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; }
.btn_resa1, .btn_resa1:visited
{
border: 2px solid #6B7584;
padding:4px 14px;
text-decoration: none;
border-radius: 20px;
color: #6B7584;
font-weight: bold;
display: inline-block;
cursor: pointer;
}
.btn_resa1:hover
{
background-color: #E2E3E5;
color: #222;
}
.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.square .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.square.effect13 {
overflow: hidden;
}
.ih-item.square.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect13.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect13 .img .ih-item.square.effect13 .img3 {
-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.square.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.square.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 {
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 {
-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 {
visibility: visible;
opacity: 1;
font-weight: bold;
color: #FFF;
}
.ih-item.square.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 {
-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: 85%;
}
.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: 35%;
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: 848px)
{
.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-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%; }
}
.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; }
#geb_fac h3 { font-size: 1.3em; color: #00546c; margin-top: 10px; font-weight: bold; }
#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 #A91101;
border-radius: 2em;
background-color: #A91101;
color: #FFF;
text-decoration: none;
transition: background-color 0.4s ease;
}
.button_mg1:hover
{
background-color: #FFF;
color: #A91101;
}
@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: 19%; left: 0; width: 100%; }
.bitb_geb
{
font-size: 6vw;
color: #FFF;
width: 100%;
text-align: center;
padding: 4px 0px;
font-weight: 600;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #CBA;
}
@media screen and (max-width: 1024px)
{
.bitb_c { top: 14%; }
}
@media screen and (max-width: 639px)
{
.bitb_c { position: initial; margin-top: 20px; padding: 10px; }
.bitb_geb { color: #000; -webkit-text-stroke-width: 0px; font-size: 7vw; }
}
.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;
}
.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; }
#eleg { }
#eleg h2.bt4 { font-size: 3em; font-weight: 400; color: #000; margin-top: 10px; margin-bottom: 25px;}
#eleg h2.bt3 { font-size: 3em; font-weight: 400; color: #000; margin-top: 60px; margin-bottom: 25px;}
#eleg h2.bt3af { font-size: 3em; font-weight: 400; color: #000; margin-top: 10px; margin-bottom: 15px;}
#eleg h2.bt3af::after {
content: "";
display: block;
width: 8rem;
height: .225rem;
text-align: center;
background-color: #90A303;
}
#eleg p strong {font-weight: bold;}
#eleg h2.bt3afwb { font-size: 3em; font-weight: 400; color: #FFF; margin-top: 10px; margin-bottom: 15px;}
#eleg h3.vert { font-size: 1.4em; font-weight: 400; color: #376024; margin-top: 10px; margin-bottom: 15px;}
#eleg h3.vertb { font-size: 1.95em; font-weight: 600; color: #376024; margin-top: 10px; margin-bottom: 15px;}
#eleg h3.bleu { font-size: 1.4em; font-weight: 400; color: #166AAA; margin-top: 10px; margin-bottom: 15px;}
#eleg h3.bleub { font-size: 1.95em; font-weight: 600; color: #166AAA; margin-top: 10px; margin-bottom: 15px;}
#eleg h3.faq { font-size: 1.35em; font-weight: 600; color: #000; margin-top: 30px; margin-bottom: 10px;}
#eleg h4 {font-size: 1.3em; font-weight: 600; color: #000; margin-top: 10px; margin-bottom: 10px;}
#eleg a.ilink, a.ilink:visited { text-decoration: none; font: inherit; }
#eleg a.ilink:hover { text-decoration: underline; color: #166AAA; font-weight: 600; }
#eleg p { margin-bottom: 15px; font-size:20px; line-height: 24px; color: #474c4f; text-align:justify; }
#eleg p.wb { margin-bottom: 15px; font-size:20px; line-height: 24px; color: #FFF; text-align:justify; }
#eleg p.fwb { margin-bottom: 15px; font-size:20px; line-height: 24px; color: #474c4f; text-align:justify; font-weight: bold; }
#eleg p.pbg { margin-bottom: 20px; font-size:24px; line-height: 24px; color: #90A303; text-align:justify; font-weight: 500; }
#eleg p.pbg12 { margin-bottom: 20px; font-size:24px; line-height: 24px; color: #a1e0ea; text-align:justify; font-weight: 500; }
#eleg span.fwb { font-weight: bold; }
#elegw span.fwb { font-weight: bold; }
#eleg ul { margin-bottom: 15px; font-size:20px; line-height: 24px; list-style-type: square; padding-left: 20px; color: #474c4f; }
#eleg ul.wb { margin-bottom: 15px; font-size:20px; line-height: 24px; list-style-type: square; padding-left: 20px; color: #FFF; }
#elegw { padding: 20px;}
#elegw h2 { font-size: 3em; color: #FFF; margin-top: 60px; margin-bottom: 25px;}
#elegw h2.bt4 { font-size: 3em; font-weight: 400; color: #FFF; margin-top: 10px; margin-bottom: 25px;}
#elegw p { margin-bottom: 15px; color: #FFF; line-height: 18px; text-align:justify; }
#elegw p.wb { margin-bottom: 15px; font-size:20px; line-height: 24px; color: #FFF; text-align:justify; }
@media screen and (max-width: 1024px)
{
#eleg h2.bt4 { font-size: 1.7em; margin-top: 10px; }
#elegw h2.bt4 { font-size: 1.7em; color: #FFF; margin-top: 60px; margin-bottom: 25px;}
#eleg h2.bt3 { font-size: 1.7em; margin-top: 10px; }
#eleg h2.bt3af { font-size: 1.8em; margin-top: 10px;}
#eleg p { margin-bottom: 19px; font-size:16px; font-weight: 400; line-height: 22px; color: #474c4f; text-align:justify; }
#eleg ul { margin-bottom: 15px; font-size:16px; font-weight: 400;}
#eleg li { margin-bottom: 6px; margin-top: 6px; }
#eleg p.wb { margin-bottom: 19px; font-size:16px; font-weight: 400; line-height: 22px; color: #FFF; text-align:justify; }
#elegw p.wb { margin-bottom: 19px; font-size:16px; font-weight: 400; line-height: 22px; color: #FFF; text-align:justify; }
}
@media screen and (max-width: 800px)
{
#eleg p.pbg { margin-bottom: 20px; font-size:24px; line-height: 24px; color: #90A303; text-align:left; font-weight: 500; }
#eleg p.pbg12 { margin-bottom: 20px; font-size:24px; line-height: 24px; color: #a1e0ea; text-align:justify; font-weight: 500; }
}
.g1
{
background-image: url(../rmedia/g1.svg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 35vw;
padding-top: 6%;
}
#g1c
{
text-align: justify;
line-height: 1.5em;
margin-bottom: 8px;
}
.span_g1 {width: 49.2%;}
.span_g1 > img {max-width: 100%; height: auto; position: relative; top: -120px;}
@media screen and (max-width: 1024px)
{
.g1 { background-image: none; }
.span_g1 { width: 100%; }
.span_g1 > img {max-width: 100%; height: auto; top: -120px;}
}
.g2
{
background-color: #1C424A;
color: #E9DCCD;
}
#g2c
{
line-height: 1.5em;
}
#g2c h2.bt3 { font-size: 3.8em; font-weight: 500; margin-top: 15px; margin-bottom: 30px; color: #FFF; line-height: 62px; text-align: center;}
#g2c p { margin-bottom: 15px; font-size:20px; line-height: 23px; text-align:justify; }
#g2c span.fwb { color: #FFF; font-weight: bold; }
@media screen and (max-width: 1099px)
{
#g2c h2.bt3 { font-size: 2.8em; font-weight: 700; margin-top: 15px; margin-bottom: 18px; line-height: 50px; text-align: center;}
#g2c p {font-size: 16px; line-height: 21px; font-weight: 400; }
}
@media screen and (max-width: 640px)
{
#g2c h2.bt3 { font-size: 1.3em; font-weight: 700; margin-top: 15px; margin-bottom: 18px; line-height: 32px; text-align: center;}
#g2c p {font-size: 16px; line-height: 21px; font-weight: 400; }
}
#g2c_num
{
font-size: 6em;
text-align: center;
vertical-align: middle;
display: block;
padding: 10px;
font-weight: 500;
border-right: 8px solid #347b89;
margin-right: 20px;
color: #FFF;
}
@media screen and (max-width: 1024px)
{
#g2c_num
{
font-size: 5.5em;
text-align: center;
color: #FFF;
}
}
@media screen and (max-width: 1024px)
{
#g2c_num
{
font-size: 4em;
}
}
@media screen and (max-width: 640px)
{
#g2c_num
{
font-size: 4em;
text-align: center;
vertical-align: middle;
display: block;
padding: 10px;
font-weight: 500;
border-top: 5px solid #347b89;
border-bottom: 5px solid #347b89;
border-right: none;
margin-bottom: 15px;
margin-right: 0px;
}
}
.g3
{
background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../rmedia/meilleurs-outils-pour-gerer-gites-et-chambres-hotes.jpg) no-repeat center fixed;
height: 600px;
padding-top: 60px;
}
.inner-g3
{
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.span_g3
{
width: 28%;
background-color: rgba(255, 255, 255, 0.84);
color: #000;
padding: 30px;
border-radius: 4px;
}
.span_g3_inner h3 { font-size: 1.6em; font-weight: 500; text-align: center; color: rgb(97, 58, 67); margin-bottom: 12px; }
.span_g3_inner p { font-size: 17px; line-height: 21px; margin-bottom: 15px; text-align: center; }
@media screen and (max-width: 1024px)
{
.g3
{
background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../rmedia/meilleurs-outils-pour-gerer-gites-et-chambres-hotes.jpg) no-repeat center fixed;
height: 600px;
padding-top: 20px;
}
.inner-g3
{
width: 100%;
margin: 0 auto;
}
.span_g3
{
width: 30%;
background-color: rgba(255, 255, 255, 0.84);
color: #000;
padding: 8px;
border-radius: 4px;
margin: 1%;
}
}
@media screen and (max-width: 640px)
{
.g3
{
background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0)), url(../rmedia/meilleurs-outils-pour-gerer-gites-et-chambres-hotes.jpg) no-repeat center fixed;
height: 1000px;
padding-top: 20px;
}
.inner-g3
{
width: 100%;
margin: 0 auto;
display: block;
}
.span_g3
{
width: 90%;
background-color: rgba(255, 255, 255, 0.84);
color: #000;
padding: 8px;
border-radius: 4px;
margin: 5%;
}
}
.avis
{
box-shadow: -2px -2px 5px #444444;
border: thin solid #BBB;
border-radius: 6px;
padding: 12px;
background: #FFF;
height: auto;
margin: 18px;
color: #000;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
font-size: 16px;
width: 60%;
}
@media screen and (max-width: 732px)
{
.avis {width: 95%; font-size: 14px;}
}
.avis_pers
{
padding: 20px;
text-align: center;
}
.avis_avatar
{
border-radius: 50%;
width: 80px;
height: 80px;
}
.avis_name
{
font-size: 13px;
font-style: italic;
color: #679;
}
.img_col_dec {}
@media screen and (max-width: 1092px)
{
.img_col_dec {margin-top: 7vw;}
}
#g4
{
width: 100%;
background-color: #FFF;
font-size: 18px;
padding: 10px;
border: 1px solid #9AB;
}
#g4 img
{
float: left; padding-right: 12px;
height: 350px;
}
#g4 h3 { font-weight: 500; font-size: 1.3em;}
#g4 p { margin-top: 12px;}
#g4 span.fwb { font-weight: bold; }
@media screen and (max-width: 640px)
{
#g4 p { font-size: 16px;}
}
.g5
{
background-image: url(../rmedia/g5.svg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 35vw;
padding-top: 6%;
}
.g6
{
background-image: url(../rmedia/liste-des-reservations.jpg);
background-position: center left;
background-repeat: no-repeat;
min-height: 35vw;
padding-top: 6%;
}
#eleg_g6 { }
#eleg_g6 h2 { font-size: 3em; font-weight: 400; color: #FFF; margin-top: 10px; margin-bottom: 15px;}
#eleg_g6 h2::after {
content: "";
display: block;
width: 8rem;
height: .225rem;
margin: 12px;
background-color: #90A303;
}
#eleg_g6 p { margin-bottom: 15px; font-size:20px; line-height: 24px; color: #fff; text-align:justify; font-weight: 400;}
#eleg_g6 span.fwb { font-weight: bold; }
@media screen and (max-width: 1024px)
{
#eleg_g6 h2 { font-size: 1.7em; margin-top: 10px; }
#eleg_g6 p { margin-bottom: 19px; font-size:16px; line-height: 22px; color: #FFF; text-align:justify; }
}
.g6_box
{
background-color: #0E272A;
opacity: 0.75;
box-shadow: 0px 2px 4px;
padding: 10px;
color: #FFF;
font-weight: 300;
position: relative;
top: -120px;
}
.g7
{
background-image: url(../rmedia/g7.svg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 35vw;
padding-top: 6%;
}
.g7_title
{
display: block;
margin: 0 auto;
text-align: center;
font-weight: 700;
color: #FFF;
}
.g7_title h2
{
color: #FFF;
font-weight: 700;
font-size: 2.2em;
margin-bottom: 32px;
}
.inner-g7
{
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.span_g7
{
width: 28%;
color: #BFBFBF;
padding: 30px;
border-radius: 4px;
}
.span_g7 h3 { font-size: 1.9em; font-weight: 700; text-align: left; color: #FFF; margin-bottom: 10px; }
.span_g7 p { font-size: 18px; line-height: 21px; margin-bottom: 15px; text-align: left; font-weight: 400; }
p.g7_num { font-size: 4.5em; color: #92D050; font-weight: 500; text-align: left; margin-bottom: 25px; }
@media screen and (max-width: 1024px)
{
.inner-g7
{
width: 100%;
margin: 0 auto;
}
.g7_title h2 { margin-top: 6vw;}
}
@media screen and (max-width: 640px)
{
.inner-g7
{
width: 100%;
margin: 0 auto;
display: block;
}
.g7_title h2 { margin-top: 140px; font-size: 1.8em;}
.span_g7 { width: 95%; }
}
.inner-g8
{
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.span_g8
{
width: 28%;
color: #000;
padding: 20px;
border: 2px solid #E8600F;
text-align: center;
}
.span_g8 h3 { font-size: 1.8em; font-weight: 700; text-align: center; color: #E8600F; margin-bottom: 10px; }
.span_g8 p { font-size: 18px; line-height: 21px; margin-bottom: 15px; text-align: inherit; font-weight: 400; }
.g9 {width: 30%; position: relative; bottom: -15px;}
@media screen and (max-width: 640px)
{
.inner-g8
{
width: 100%;
margin: 0 auto;
display: block;
}
.span_g8 { width: 95%; margin: 2.5%; }
.g9 { width: 70%; }
}
.btn_cta_orange, .btn_cta_orange:visited
{
display: inline-block;
vertical-align: middle;
padding: 6px 25px;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 1.7em;
text-align: center;
cursor: pointer;
border: solid 2px #EE7935;
border-radius: 4px;
background-color: #EE7935;
color: #000000;
text-decoration: none;
transition: background-color 0.4s ease;
}
.btn_cta_orange:hover
{
background-color: #000000;
color: #EE7935;
}
@media screen and (max-width: 1024px)
{
.btn_cta_orange { padding: 4px 15px; font-size: 14px; line-height: 1.3em; }
}
#cfrm_rsp { font-size: 20px; color: #000; }
#cfrm_rsp input
{
padding: 6px 12px;
font: inherit;
line-height: 1.4;
color: #000;
background-color: #FFF;
background-image: none;
border: 1px solid #777;
border-radius: 4px;
min-width: 30%;
}
#cfrm_rsp input.bf
{
padding: 6px 12px;
line-height: 1.4;
font: inherit;
color: #000;
background-color: #FFF;
background-image: none;
border: 1px solid #F00;
border-radius: 4px;
background-color: #FFFFFC;
color: red;
min-width: 30%;
}
#cfrm_rsp input.nomin
{
padding: 6px 12px;
font: inherit;
line-height: 1.4;
color: #000;
background-color: #FFF;
background-image: none;
border: 1px solid #777;
border-radius: 4px;
min-width: 1%;
}
#cfrm_rsp input.nomin_bf
{
padding: 6px 12px;
line-height: 1.4;
font: inherit;
color: #000;
background-color: #FFF;
background-image: none;
border: 1px solid #F00;
border-radius: 4px;
background-color: #FFFFFC;
min-width: 1%;
color: red;
}
#cfrm_rsp select
{
padding: 6px 12px;
font: inherit;
line-height: 1.4;
color: #000;
background-color: #FFF;
background-image: none;
border: 1px solid #777;
border-radius: 4px;
min-width: 32%;
max-width: 100%;
}
#cfrm_rsp select.bf
{
padding: 6px 12px;
line-height: 1.4;
font: inherit;
color: #000;
background-color: #FFF;
background-image: none;
border: 1px solid #F00;
border-radius: 4px;
background-color: #FFFFFC;
color: red;
min-width: 30%;
max-width: 100%;
}
#cfrm_rsp textarea
{
padding: 6px 12px;
font: inherit;
line-height: 1.4;
color: #000;
background-color: #FFF;
background-image: none;
border: 1px solid #777;
border-radius: 4px;
min-width: 80%;
min-height: 180px;
}
#cfrm_rsp textarea.bf
{
padding: 6px 12px;
line-height: 1.4;
font: inherit;
color: #000;
background-color: #FFF;
background-image: none;
border: 1px solid #F00;
border-radius: 4px;
background-color: #FFFFFC;
color: red;
min-width: 80%;
min-height: 180px;
}
#cfrm_rsp p { margin-bottom: 20px; }
.bferr { color: #F00; font-size: 0.7em; font-weight: 600; display: inline; }
.demo_creneaux
{
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.creneau_demo_request
{
width: 24%;
color: #000;
padding: 20px;
border: 2px solid #E8600F;
text-align: center;
margin: 5px;
transition: all 0.38s ease;
}
.creneau_demo_request:hover
{
color: #FFF;
background-color: #E8600F;
border: 2px solid #a8450b;
cursor: pointer;
}
@media screen and (max-width: 640px)
{
.demo_creneaux
{
width: 100%;
margin: 0 auto;
display: block;
}
.creneau_demo_request { width: 95%; }
}
.g10
{
background-image: url(../rmedia/logiciel-gestion-reservations-locations-saisonnieres.jpg);
background-position: center left;
background-repeat: no-repeat;
min-height: 640px;
}
.g10e { padding-left: 20px; background-color: rgba(255,255,255,0.94); border-radius: 4px; }
.g10f {}
@media screen and (max-width: 840px)
{
.g10e { padding: 10px; background-color: rgba(255,255,255,0.94); }
}
@media screen and (max-width: 640px)
{
.g10e { padding: 10px; background-color: rgba(255,255,255,0.94); }
.g10f { position: relative; top: 150px;}
.g10h { margin-top: 150px;}
}
.g11 { background-color: #444447;}
.inner-g11
{
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.span_g11
{
width: 28%;
color: #FFF;
padding: 20px;
border-radius: 8px 0px 0px 8px;
text-align: center;
}
.g11cr
{
border-radius: 50%;
width:120px;
height: 120px;
position: relative;
top: -80px;
}
#portfolio
{
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.portfolio_ex
{
width: 25%;
margin: 2%;
display: block;
transition: transform .7s;
}
.portfolio_ex:hover
{
transform: scale(1.2);
}
.w100
{
width: 100%;
}
.portfolio_img
{
width: 100%;
}
@media screen and (max-width: 650px)
{
.portfolio_ex {width: 45%; margin: 2%;}
.g10clear { margin-top: 160px; }
}
.g13
{
background-image: url(../rmedia/g13.svg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 35vw;
padding-top: 6%;
}
.g14
{
background-color: #ECF2F9;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-evenly;
flex-wrap: wrap;
}
.g14_span
{
width: 19%;
margin: 1%;
display: block;
text-align: center;
}
.g14_span img {height: 8vw;}
.g14_span h3 { font-weight: 700; font-size: 1.4em; margin-top: 10px; color: #000;}
@media screen and (max-width: 640px)
{
.g14_span img {height: 12vw;}
.g14_span {width: 48%}
.g14_span h3 { font-weight: 400; font-size: 1em; margin-top: 10px;}
}
.span_cta
{
display: block;
width: 100%;
color: #000;
padding: 20px;
border: 2px solid #E8600F;
text-align: center;
}
.span_cta h3 { font-size: 1.8em; font-weight: 700; text-align: center; color: #E8600F; margin-bottom: 10px; }
.span_cta p { font-size: 18px; line-height: 21px; margin-bottom: 15px; text-align: inherit; font-weight: 400; }
.g18
{
position: relative;
top: -7px;
background-image: url(../rmedia/g18.svg);
background-position: right;
background-repeat: no-repeat;
background-size: 35%;
min-height: 35vw;
padding-top: 6%;
}
.g19
{
position: relative;
top: -7px;
background-image: url(../rmedia/home-staging.jpg);
background-position: right;
background-repeat: no-repeat;
background-size: 35%;
min-height: 35vw;
padding-top: 6%;
}
.g20
{
position: relative;
top: -7px;
background-image: url(../rmedia/accueil-clients-menage-entretien-concierge-gites.jpg);
background-position: left;
background-repeat: no-repeat;
background-size: 35vw;
min-height: 35vw;
}
@media screen and (max-width: 1548px)
{
.g20{ background-size: 30vw; background-image: url(../rmedia/conciergerie-locations-vacances.jpg);}
}
.g20im
{
display: none;
}
@media screen and (max-width: 990px)
{
.g20im { display: block;}
.g20{ background-image: none;}
}
.g21
{
position: relative;
top: -7px;
background-image: url(../rmedia/g21.svg);
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
min-height: 35vw;
}
.g21e h2 { color: #FFF; font-size: 3em; font-weight: 700; margin-top: 10px; margin-bottom: 15px; }
.g21e h3 { color: #700; font-weight: 700; font-size: 2em; margin-top: 15px; margin-bottom: 8px; }
.g21e p {
margin-bottom: 15px;
font-size: 24px;
font-weight: 400;
line-height: 24px;
color: #FFF;
text-align: justify;
}
@media screen and (max-width: 650px)
{
.portfolio_ex {width: 45%; margin: 2%;}
.g10clear { margin-top: 160px; }
}
@media screen and (max-width: 1024px)
{
.g21e h2 { font-size: 1.7em; margin-top: 10px; }
.g21e h3 { font-size: 1.5em; margin-top: 10px; }
.g21e p { font-size:18px; font-weight: 400; line-height: 22px; text-align: initial;}
}
.tpg {text-align: center; font-size: 3em; font-weight: bold; }
@media screen and (max-width: 810px)
{
.tpg { font-size: 2em; }
}
@media screen and (max-width: 480px)
{
.tpg { font-size: 1.6em; }
}
.g22
{
position: relative;
top: -7px;
background-image: url(../rmedia/g22.svg);
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
min-height: 35vw;
}
.g22e h2 { color: #FFF; font-size: 3em; font-weight: 700; margin-top: 10px; margin-bottom: 15px; }
.g22e h3 { color: #8cb2ed;; font-weight: 700; font-size: 2em; margin-top: 15px; margin-bottom: 8px; }
.g22e p {
margin-bottom: 15px;
font-size: 20px;
font-weight: 400;
line-height: 23px;
color: #FFF;
text-align: justify;
}
.g22e ul {
margin-bottom: 15px;
font-size: 20px;
font-weight: 400;
line-height: 23px;
color: #FFF;
padding-left: 15px;
}
@media screen and (max-width: 1024px)
{
.g22e h2 { font-size: 1.7em; margin-top: 10px; }
.g22e h3 { font-size: 1.5em; margin-top: 10px; }
.g22e p { font-size:18px; font-weight: 400; line-height: 22px; text-align: initial;}
.g22e ul { font-size:18px; font-weight: 400; line-height: 22px; }
}
.g23
{
position: relative;
padding-top: 20px;
background-image: url(../rmedia/g23.svg);
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
min-height: 35vw;
}
.g23e h2 { color: #FFF; font-size: 3em; font-weight: 700; margin-top: 10px; margin-bottom: 15px; }
.g23e h3 { color: #8cb2ed;; font-weight: 700; font-size: 2em; margin-top: 15px; margin-bottom: 8px; }
.g23e p {
margin-bottom: 15px;
font-size: 20px;
font-weight: 300;
line-height: 23px;
color: #FFF;
text-align: justify;
}
@media screen and (max-width: 1024px)
{
.g23e h2 { font-size: 1.7em; margin-top: 10px; }
.g23e h3 { font-size: 1.5em; margin-top: 10px; }
.g23e p { font-size:18px; font-weight: 400; line-height: 22px; text-align: initial;}
}
#tarif
{
display: block;
text-align: center;
}
#tarif .tarif_nbgit{ font-size: 0.90em; color: #246; display: block; font-size: 600; }
#tarif .tarif_title
{
font-size: 1.4em;
font-weight: 400;
color: #000;
text-align: center;
display: block;
min-width: 50%;
height: 100px;
}
#tarif .tarif_box
{
background-color: #FFF;
-webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.29);
box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.29);
display: inline-block;
text-align: center;
min-width: 50%;
padding: 8px;
margin: 8px;
}
#tarif .tarif_p { font-size: 3.5em; color: rgb(144, 163, 3); font-weight: 400; }
#tarif .tarif_pht { font-size: 1em; color: #888; font-weight: 600; }
#tarif .tarif_pm { font-size: 20px; color: rgb(144, 163, 3); font-weight: 300; }
.insc { text-align: center; font-size: 2em; font-weight: bold; color: #166AAA; }
.insc2 { text-align: center; font-size: 1.4em; font-weight: bold; color: #166AAA; }
.insc_t { text-align: left; font-size: 1.4em; font-weight: 600; color: #90A303; margin-top: 10px; margin-bottom: 15px; }
.insc_fn_table
{
display: flex;
flex-wrap: wrap;
}
.insc_fn_cat
{
padding: 3%;
margin: 1%;
width: 46%;
font-size: 16px;
line-height: 26px;
color: #000;
}
.insc_fn_cat i { color: #90A303; margin-right: 12px; }
.insc_fn_cat_title
{
color: #ff9900;
font-weight: bold;
font-size: 1.2em;
padding: 2px;
margin: 3px;
}
@media screen and (max-width: 650px)
{
.insc_fn_cat { width: 96%; }
}
.section_flex
{
width: 100%;
margin: 0 auto;
clear: both;
display: flex;
flex-flow: row wrap;
max-width: 1300px;
}
.flx3 { width: 30%;}
.flx4 { width: 40%;}
.flx5 { width: 50%;}
.flx6 { width: 60%;}
.flx7 { width: 70%;}
.flx10 { width: 100%;}
.flxpd10 { padding: 10px;}
.flxpd15 { padding: 15px;}
.flxpdr5p { padding-right: 5%;}
.flxpdl5p { padding-left: 5%;}
@media screen and (max-width: 768px)
{
.flx3, .flx4, .flx5, .flx6, .flx7 {width: 100%;}
}
.g15_Lflex
{
width: 50%;
margin: 5% auto;
}
.g15_Rflex
{
width: 50%;
padding: 10px;
}
@media screen and (max-width: 768px)
{
.g15_Lflex { width: 100%; order: 2;}
.g15_Rflex { width: 100%;}
}
.g16_Lflex
{
width: 60%;
padding: 15px;
}
.g16_Rflex
{
width: 40%;
margin: 5% auto;
}
@media screen and (max-width: 768px)
{
.g16_Lflex { width: 100%; }
.g16_Rflex { width: 100%; order: 2;}
}
.g12_Lflex
{
width: 100%;
margin-left: 32%;
padding: 20px;
}
.g12_Rflex
{
display: none;
order: 2;
width: 100%;
text-align: left;
}
.g12
{
background-image: url(../rmedia/deleguer-management-ota.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.g12e { color: #FFF; }
@media screen and (max-width: 1382px)
{
.g12_Lflex { margin-left: 40%; }
}
@media screen and (max-width: 1240px)
{
.g12 { background-image: none; background-color: #024560;}
.g12_Rflex { display: block;}
.g12_Lflex { margin-left: 10px;}
}
.g17_Lflex
{
width: 40%;
margin: 5% auto;
}
.g17_Rflex
{
width: 60%;
padding: 10px;
}
@media screen and (max-width: 1024px)
{
.g17_Lflex { width: 100%; order: 2;}
.g17_Rflex { width: 100%;}
}
.g17
{
position: relative;
top: -7px;
background-image: url(../rmedia/g17.svg);
background-position: left;
background-repeat: no-repeat;
background-size: 35%;
min-height: 35vw;
padding-top: 6%;
}
#rgpd { font-size: 18px; padding: 15px; }
#rgpd h2 { font-size: 1.4em; font-weight: bold; margin-top: 15px; margin-bottom: 10px; color: #000; }
#rgpd h3 { font-size: 1.2em; font-weight: bold; margin-top: 10px; margin-bottom: 10px; color: #000; }
#rgpd h4 { font-size: 1em; font-weight: bold; margin-top: 7px; margin-bottom: 7px; color: #000; }
#rgpd li { margin-left: 25px; margin-top: 5px; margin-bottom: 5px; color: #000; }
a.fiche img, i.fiche:visited img
{
width: 95%; border: thin solid #999; box-shadow: 2px 8px 13px #89C;
text-decoration: none;
}
.g25
{
position: relative;
top: -7px;
background-image: url(../rmedia/g25.svg);
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
min-height: 35vw;
}
.g25e h2 { color: #FFF; font-size: 3em; font-weight: 700; margin-top: 10px; margin-bottom: 15px; }
.g25e h3 { color: #8cb2ed;; font-weight: 700; font-size: 2em; margin-top: 15px; margin-bottom: 8px; }
.g25e p {
margin-bottom: 15px;
font-size: 20px;
font-weight: 400;
line-height: 23px;
color: #FFF;
text-align: justify;
}
.g25e ul {
margin-bottom: 15px;
font-size: 20px;
font-weight: 400;
line-height: 23px;
color: #FFF;
padding-left: 15px;
}
@media screen and (max-width: 1024px)
{
.g25e h2 { font-size: 1.7em; margin-top: 10px; }
.g25e h3 { font-size: 1.5em; margin-top: 10px; }
.g25e p { font-size:18px; font-weight: 400; line-height: 22px; text-align: initial;}
.g25e ul { font-size:18px; font-weight: 400; line-height: 22px; }
}
@media screen and (max-width: 640px)
{
.g25 {background-image: none; background-color: #333;}
}
#gebbox
{
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;
}
#gebbox .bb_photo
{
width: 100%;
}
#gebbox .bb_photo img { width: 100%; }
#gebbox .bb_title
{
font-size: 1.15em;
font-weight: 400;
color: #000;
margin-top: 20px;
margin-bottom: 20px;
}
#gebbox a.bb_title, #gebbox a.bb_title:visited
{
text-decoration: none;
color: inherit;
}
#gebbox a.bb_title:hover
{
text-decoration: underline;
color: #166AAA;
}
#gebbox .btt
{
font-size: 0.85em;
text-align: justify;
color: #568;
}
#gebbox p { margin-bottom: 8px;}
#gebbox p strong {font-weight: bold;}
@media screen and (max-width: 1024px)
{
#gebbox { width: 45%; }
}
@media screen and (max-width: 500px)
{
#gebbox { width: 98%; }
}
/* Nav page seo summary */
nav.page_summary
{
display: inline-block;
margin: 8px;
padding: 16px;
background-color: #FFF;
border: 1px solid #999;
box-shadow: 3px 3px 3px #89B;
color: #000;
line-height: 1.4;
}
nav.page_summary p.page_summary_title { font-weight: 600; font-size: 1.2em; }
nav.page_summary ul
{
list-style-type: none;
}
nav.page_summary a, nav.page_summary ul li a, nav.page_summary ul li ul li a
{
text-decoration: none;
color: #000;
}
nav.page_summary ul li
{
margin-left: 15px;
}
nav.page_summary ul li ul li
{
margin-left: 15px;
}
.obln:hover {
text-decoration: underline;
cursor: pointer;
}
.svgicon
{
width: 36px;
height: 36px;
}
.svgicon30
{
width: 30px;
height: 30px;
}
.svgicon125
{
width: 125px;
height: 125px;
}
.download-box {
background: linear-gradient(135deg, #2c5f2d 0%, #4a8f4d 100%);
color: white;
padding: 30px;
border-radius: 8px;
margin: 30px 0;
text-align: center;
}
.download-box h2 {
color: white;
margin-top: 0;
font-size: 26px;
}
.download-box p {
font-size: 16px;
margin-bottom: 20px;
opacity: 0.95;
}
.download-btn {
display: inline-block;
background-color: white;
color: #2c5f2d;
padding: 15px 35px;
font-size: 18px;
font-weight: 600;
text-decoration: none;
border-radius: 5px;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.download-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
.highlight-box {
background-color: #f0f8f0;
border-left: 4px solid #2c5f2d;
padding: 20px;
margin: 25px 0;
}
.warning-box {
background-color: #fff3cd;
border-left: 4px solid #ffc107;
padding: 20px;
margin: 25px 0;
}
.cta-section {
background-color: #f8f9fa;
padding: 30px;
border-radius: 8px;
margin: 40px 0;
text-align: center;
}
.cta-section h3 {
margin-top: 0;
margin-bottom: 15px;
}
.cta-link {
display: inline-block;
background-color: #2c5f2d;
color: white;
padding: 12px 25px;
margin: 10px;
text-decoration: none;
border-radius: 5px;
font-weight: 600;
transition: background-color 0.3s;
}
.cta-link:hover {
background-color: #1a3a1b;
color: white;
}