html,body{
width:100%;
height:100%;
margin:0;
font-family:Raleway;
background:white;
}
/*a,
a:link,
a:visited,
a:hover,
a:active{
text-decoration: none;
}
*/
/***********MOSAIC IMAGES**************/
div#mosaic_images
{
max-width:1300px;
margin:0 auto;
position:relative;
min-height:20px;
overflow:hidden;
}
/***************************************/
/****************VIDEO RESPONSIVE*****************/
.embed-container
{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/********************************************************/
/***************SCROLL FADE IN REVEAL****************/
.fade-in {
opacity: 0;
}
/*****************************************************/
/****************************GLOBAL******************************/
.largeur_globale_site
{
width:1600px;
margin:0 auto;
position:relative;
}
div#contenu_secondaire
{
width:100%;
min-height:70px;
position:relative;
margin: 0 auto;
}
div#espace_entre_contenu
{
width:100%;
top:0px;
min-height:70px;
position:relative;
overflow:auto;
}
div#text_intro_home
{
width:49.99%;
float:left;
border-right: 1px solid black;
min-height:700px;
}
div#paragraphe_text_intro_home
{
font-family:raleway;
font-weight:300;
color:#333;
font-size:18px;
text-align:right;
overflow:hidden;
margin-right:100px;
float:right;
width:65%;
}
div#carte_home
{
width:49%;
float:left;
no-repeat center fixed;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover;
height:700px;
}
div#petit_plus_home_carte
{
width:80px;
height:80px;
position:relative;
float:right;
right:20px;
margin-top:20px;
z-index:10;
background-image: url('images/petit_plus.png');
-webkit-transition: 0.2s ;
-moz-transition: 0.2s;
transition: 0.2s ;
transform: scale(0.8); /* Animation */
-webkit-transform:scale(0.8);
}
div#petit_plus_home_carte:hover
{
transform: scale(1.0); /* Animation */
-webkit-transform:scale(1.0);
}
/*****IMAGE PROPROTION RESPONSIVE***************/
.image_resp
{
width:100%;
}
/***********************************************/
/*******************************FORMULAIRE************************************/
.wrapper {
margin:0 auto;
max-width:800px;
}
#notreformulaire {
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
font-size:26px;
}
/*****checkbox******/
/* The container */
.container_checkbox {
display: block;
position: relative;
padding-left: 40px;
padding-bottom:10px;
margin-bottom: 12px;
cursor: pointer;
font-size: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.container_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 5px;
height: 23px;
width: 23px;
background-color: #eee;
}
/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark {
background-color: #ccc;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container_checkbox .checkmark:after {
left: 8px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/********************/
/*****zone date 3 select*****/
div#zone_date_naissance_formulaire
{
width:98%;
overflow:hidden;
min-height:5px;
}
/*****************************/
/***De à ****/
div#zone_horaire_formulaire_de
{
width:49%;
float:left;
}
div#zone_horaire_formulaire_a
{
width:49%;
float:right;
}
#formulairedecontact label {
cursor:pointer;
margin:4px 0;
color:#3c3c3c;
display:block;
font-weight:300;
}
.texte_formulaire {
display:block;
width:98%;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
background-color:white;
height:40px;
font-size:18px;
color:#58585a;
border:0;
font-weight:300;
}
.texte_formulaire_newsletter {
display:block;
width:96%;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
background-color:white;
height:40px;
font-size:18px;
color:#58585a;
border:0;
font-weight:300;
}
.input_text_area_saisie
{
font-size:18px;
font-family:Raleway;
font-weight:300;
height:200px;
color:#58585a;
border:0;
width:98%;
}
.label_formulaire
{
padding-top:15px;
}
#email_r
{
visibility: hidden;
}
/****Icone du formulaire****/
div#icone_formulaire
{
float:right;
right:-100px;
width:200px;
height:200px;
z-index:60000;
position:relative;
}
div#titre_zone_abonnement_newsletter
{
padding-top:10px;
padding-bottom:10px;
width:96%;
margin:0 auto;
min-height:50px;
overflow:hidden;
text-align:center;
}
h2.titre_zone_abonnement_newsletter_h
{
color:#58585a;
font-family: 'Dancing Script';
font-size:66px;
font-weight:100;
}
div#titre_zone_nom_lieu
{
padding-bottom:10px;
width:96%;
margin:0 auto;
min-height:50px;
overflow:hidden;
color:#58585a;
text-align:center;
font-family: 'Dancing Script';
font-size:66px;
}
div#icone_formulaire_resa_lieu
{
float:right;
right:-75px;
width:150px;
height:150px;
top:-1px;
z-index:60000;
position:relative;
}
div#trait_vertical_icone_formulaire_resa_lieu
{
/*width:49.99%;
float:left;
border-right: 1px solid black;
height:250px;
position:relative;*/
width:1px;
background-color:black;
height:170px;
margin:0 auto;
}
div#titre_zone_formulaire
{
padding-top:10px;
padding-bottom:10px;
width:96%;
margin:0 auto;
min-height:50px;
overflow:hidden;
text-align:center;
}
h2.titre_zone_formulaire_h
{
color:#58585a;
font-family: Raleway;
font-size:54px;
font-weight:500;
}
div#trait_vertical_icone_formulaire
{
/*width:49.99%;
float:left;
border-right: 1px solid black;
height:250px;
position:relative;*/
width:1px;
background-color:black;
height:250px;
margin:0 auto;
}
div#picto_inscription_newsletter
{
background-repeat:no-repeat;
filter: grayscale(100%);
width:180px;
height:180px;
bottom:-20px;
right:290px;
position:absolute;
z-index:0;
/*opacity: 0.4;*/
background-size: cover;
}
/****zone bouton****/
div#bouton_formulaire
{
padding-left:5px;
}
div#zone_bouton_formulaire_gauche
{
float:left;
width:45%;
text-align:right;
height:90px;
padding-top:20px;
}
div#zone_bouton_formulaire_droite
{
float:right;
width:45%;
text-align:left;
height:90px;
padding-top:20px;
}
div#zone_bouton_formulaire_centre
{
margin:0 auto;
width:98%;
text-align:center;
height:90px;
padding-top:20px;
}
/********************/
/*****Bouton noir standard*******/
.btn_noir
{
cursor:pointer;
-webkit-border-radius: 4;
-moz-border-radius: 4;
-webkit-appearance: none;
border-radius: 2px;
text-shadow: 0px 0px 0px #666666;
font-weight:600;
font-family: 'Raleway', sans-serif;
font-size:24px;
color:white;
text-decoration:none;
background: #575756;
padding: 10px 30px 10px 30px;
border:0;
transition:background-color 0.3s;
-webkit-transition: background-color 0.3s;
}
.btn_noir:hover
{
background: #636363;
text-decoration: none;
color:#eeeeee;
opacity:0.9;
}
/*****Bouton rouge standard*******/
.btn_rouge
{
cursor:pointer;
-webkit-border-radius: 4;
-moz-border-radius: 4;
-webkit-appearance: none;
border-radius: 2px;
text-shadow: 0px 0px 0px #666666;
font-weight:600;
font-family: 'Raleway', sans-serif;
font-size:24px;
color:white;
text-decoration:none;
background: #b53c3c;
padding: 10px 30px 10px 30px;
border:0;
transition:background-color 0.3s;
-webkit-transition: background-color 0.3s;
}
.btn_rouge:hover
{
background: #bd6464;
text-decoration: none;
color:#eeeeee;
opacity:0.9;
}
/*****Bouton PETIT ANNULER*******/
.btn_rouge_x {
font-weight:600;
font-family:'Raleway', sans-serif;
color:#b8133a;
font-size:14px;
/*background: #b8133a;*/
padding: 2px 8px 2px 8px;
text-decoration: none;
border:1px solid #b8133a;
transition:background-color 0.3s;
-webkit-transition: background-color 0.3s;
border-radius: 4px;
}
.btn_rouge_x:hover {
background: #b8133a;
text-decoration: none;
border:0;
color:white;
}
/*************************/
/*************************/
.select_petit
{
height:50px;
width:350px;
font-weight:300;
font-size:18px;
text-align:center;
border:0
}
.select_petit_horaires
{
height:50px;
width:140px;
font-weight:300;
font-size:18px;
text-align:center;
border:0
}
select.select_petit_horaires {
background-image:
linear-gradient(45deg, transparent 50%, #9e9e9e 50%),
linear-gradient(135deg, #9e9e9e 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
select.select_petit_horaires:focus {
background-image:
linear-gradient(45deg, #686868 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, #686868 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 15px) 1em,
calc(100% - 20px) 1em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
border-color: #686868;
outline: 0;
}
.select_petit_formuklaire_resa_lieur
{
height:50px;
width:98%;
font-weight:300;
font-size:18px;
text-align:center;
border:0
}
select.select_petit_formuklaire_resa_lieur {
background-image:
linear-gradient(45deg, transparent 50%, #9e9e9e 50%),
linear-gradient(135deg, #9e9e9e 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
select.select_petit_formuklaire_resa_lieur:focus {
background-image:
linear-gradient(45deg, #686868 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, #686868 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 15px) 1em,
calc(100% - 20px) 1em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
border-color: #686868;
outline: 0;
}
select {
/* styling */
background-color: white;
border: thin solid blue;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;
/* reset */
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
}
/* arrows */
select.select_petit {
background-image:
linear-gradient(45deg, transparent 50%, #9e9e9e 50%),
linear-gradient(135deg, #9e9e9e 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
select.select_petit:focus {
background-image:
linear-gradient(45deg, #686868 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, #686868 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 15px) 1em,
calc(100% - 20px) 1em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
border-color: #686868;
outline: 0;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
/******************************************************************************/
/****************************RECHERCHE********************************/
div#zone_resultat_horaires
{
margin:0 auto;
width:800px;
text-align:center;
}
/*******************************************************************/
.lien_standard
{
font-size:18px;
color:black;
font-weight:600;
text-decoration:underline;
font-family: 'Raleway';
}
.lien_standard:hover
{
text-decoration:none;
color:#65a8e1;
}
.lien_standard_blanc
{
font-size:18px;
color:white;
font-weight:600;
text-decoration:underline;
font-family: 'Raleway';
}
.lien_standard_blanc:hover
{
text-decoration:none;
color:#65a8e1;
}
.lien_standard_rouge
{
font-size:18px;
/*color:#f1647c;*/
font-weight:600;
text-decoration:underline;
font-family: 'Raleway';
color:#30a5c2;
}
.lien_standard_rouge:hover
{
text-decoration:none;
color:;
}
.italique
{
font-size:12px;
font-style:italic;
color:#4C4F4F;
}
.decoration_none
{
text-decoration:none;
}
.texte_normal
{
font-size:18px;
color:black;
font-weight:300;
font-family: 'Raleway', sans-serif;
text-decoration:none;
}
.texte_normal
{
text-decoration:none;
}
.lien_de_base
{
text-decoration:none;
}
.lien_de_base:hover
{
text-decoration:underline;
}
.texte_normal_blanc
{
font-size:18px;
color:white;
font-weight:300;
font-family: 'Raleway', sans-serif;
}
.texte_normal_gras
{
font-size:18px;
color:black;
font-weight:900;
font-family: 'Raleway', sans-serif;
}
.lien_noir_mega_grand_gras
{
font-size:22px;
color:black;
font-weight:400;
font-family: 'Raleway', sans-serif;
text-decoration:none;
}
.lien_noir_mega_grand_gras:hover
{
text-decoration:none;
color:#4c4c4c;
}
/*********************HORAIRES TARIFS HOME**************************/
div#zone_horaires_tarifs_picto_generale
{
width:100%;
min-height:50px;
overflow:hidden;
bottom:0px;
position:absolute;
z-index:10;
bottom:0px;
}
div#zone_horaires_tarifs_picto
{
display:flex;
justify-content:space-around;
width:1400px;
margin:0 auto;
min-height:100px;
overflow:hidden;
position:relative;
}
div#zone_home_activites_du_jour
{
width:412px;
height:120px;
padding-left:5px;
}
.label_evenement_complet
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align:center;
position:relative;
top:-25px;
right:100px;
background:white;
margin:0 auto;
width:70px;
-webkit-transform: skewY(-5deg);
-moz-transform: skewY(-5deg);
-ms-transform: skewY(-5deg);
-o-transform: skewY(-5deg);
transform: skewY(-5deg);
min-height:5px;
overflow:hidden;
padding:2px;
font-size:11px;
font-weight:600;
}
.label_evenement_complet_plus_bas
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align:center;
position:relative;
top:-5px;
right:100px;
background:white;
margin:0 auto;
width:70px;
-webkit-transform: skewY(-5deg);
-moz-transform: skewY(-5deg);
-ms-transform: skewY(-5deg);
-o-transform: skewY(-5deg);
transform: skewY(-5deg);
min-height:5px;
overflow:hidden;
padding:2px;
font-size:11px;
font-weight:600;
}
div#zone_pictos_home
{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
height:120px;
}
.pictos_labels_home
{
width:90px;
height:90px;
/*-webkit-filter: drop-shadow(1px 1px #333333);
filter: drop-shadow(1px 1px #333333);*/
}
div#zone_home_horaires_tarifs
{
width:412px;
height:120px;
}
div#zone_horaires_home
{
width:200px;
height:120px;
border-right:2px #b9b8b8 dotted;
text-align:right;
padding-right:5px;
float:left;
position:relative;
}
div#bouton_plus_gauche_home_horaires
{
position:absolute;
right:5px;
bottom:5px;
}
div#bouton_plus_droite_home_tarifs
{
position:absolute;
left:5px;
bottom:5px;
}
div#zone_tarifs_home
{
width:200px;
height:120px;
/*border-left:2px #b9b8b8 dotted;*/
text-align:left;
padding-left:5px;
top:0px;
position:relative;
float:right;
}
div#zone_texte_horaire_left
{
right:5px;
top:22px;
position:absolute;
min-height:5px;
overflow:hidden;
text-align:right;
color:white;
font-weight:700;
/*text-shadow: black 1px 1px;*/
}
div#zone_texte_tarif_droite
{
left:5px;
top:22px;
position:absolute;
min-height:5px;
overflow:hidden;
text-align:left;
color:white;
font-weight:700;
/*text-shadow: black 1px 1px;*/
}
div#fond_black_degrade_horaires_tarifs_animations_du_jour
{
width:100%;
background-size: 100% 100%;
background-image: url(fond_black_degrade.png);
background-repeat:repeat-x;
height:200px;
bottom:0px;
position:absolute;
z-index:9
}
/*******************************************************************/
/**********************************FIL ARIANE******************************/
.font_fil_ariane_normal
{
font-size:16px;
color:black;
font-weight:300;
font-family: 'Raleway', sans-serif;
text-decoration:none;
}
.font_fil_ariane_normal:hover;
{
text-decoration:none;
}
.font_fil_ariane_gras
{
font-size:16px;
color:black;
font-weight:600;
font-family: 'Raleway', sans-serif;
}
.font_fil_ariane_surligne
{
font-size:16px;
font-weight:600;
font-family: 'Raleway', sans-serif;
color:white;
}
/*************************************************************************/
/*******************TITRE PRINCIPALE PAGE*************/
div#titre_principale_page
{
text-align:center;
width:100%;
padding-top:10px;
padding-bottom:5px;
}
h1.titre_page_themes
{
color:#575756;
font-size:100px;
font-family:Raleway;
font-weight:900;
}
h2.titre_page_themes
{
color:#575756;
font-size:100px;
font-family:Raleway;
font-weight:900;
}
/*****************************************************/
/*************BOUTON RESA DROITE HOME***********/
@keyframes show {
0% {
opacity:0;
scale:0.5;
}
100% {
opacity:1;
scale:1;
}
}
div#bouton_resa_billet
{
opacity:0;
animation-name: show;
animation-duration: 120ms;
animation-delay: 3s;
animation-fill-mode: forwards;
box-shadow: 3px 3px 3px #262626;
width:270px;
min-height:30px;
padding:15px;
right:0px;
position:fixed;
top:25%;
z-index:99999;
-moz-border-radius: 0px 0px 0px 10px;
-webkit-border-radius: 0px 0px 0px 10px;
border-radius: 0px 0px 0px 10px;
-webkit-transition: 0.2s ;
-moz-transition: 0.2s;
transition: 0.2s ;
transform: scale(1.0); /* Animation */
-webkit-transform:scale(1.0);
}
div#bouton_resa_billet:hover
{
transform: scale(1.1); /* Animation */
-webkit-transform:scale(1.1);
}
div#zone_logo_bouton_resa
{
width:60px;
height:60px;
top:-23px;
left:-23px;
position:absolute;
}
div#zone_libelle_bouton_resa
{
width:90%;
min-height:5px;
margin:0 auto;
overflow:hidden;
position:relative;
text-align:center;
color:white;
font-size:24px;
font-weight:600;
display: table;
}
/****************FIN BOUTON RESA****************/
/************************ZONE LIBRE HOMEPAGE*************************/
div#zone_libre_homepage
{
padding-top:50px;
padding-bottom:50px;
position:relative;
margin:0 auto;
width:80%;
min-height:350px;
overflow:hidden;
border-radius:3px ;
}
div#texte_zone_libre_homepage_impaire
{
text-align:right;
padding:15px;
left:0px;
position:relative;
width:600px;
height:100%;
border-radius:0px 10px 10px 0px;
background-color:rgba(255, 255, 255, 0.8);
}
div#texte_zone_libre_homepage_paire
{
text-align:left;
padding:15px;
float:right;
position:relative;
width:600px;
height:100%;
border-radius:10px 0px 0px 10px;
background-color:rgba(255, 255, 255, 0.8);
}
.font_titre_zone_libre_homepage
{
font-family:Raleway;
font-weight:900;
font-size:32px;
text-decoration:none;
}
.font_ss_titre_zone_libre_homepage
{
font-family:Raleway;
font-weight:600;
font-size:26px;
text-decoration:none;
}
/*********************FIN ZONE LIBRE HOMEPAGE************************/
.btn_voirarticle {
font-size: 16px;
position:relative;
padding: 5px 5px 5px 5px;
text-decoration: none;
border:2px #767678 solid;
transition:background-color 0.3s;
-webkit-transition: background-color 0.3s;
cursor: pointer;
border-radius: 10px 10px 10px 10px;
width:180px;
color:white;
background:#767678;
}
.btn_voirarticle:hover {
background:none;
color:#767678;
}
.btn_voirarticle:hover #icone_bouton
{
margin-right:0px;
}
.btn_voirarticle:hover #texte_bouton
{
color:#767678;
}
.btn_voirarticle_blanc {
font-size: 16px;
position:relative;
padding: 5px 5px 5px 5px;
text-decoration: none;
border:2px white solid;
transition:background-color 0.3s;
-webkit-transition: background-color 0.3s;
cursor: pointer;
border-radius: 10px 10px 10px 10px;
width:230px;
color:white;
background:none;
}
.btn_voirarticle_blanc:hover {
background:#767678;
color:white;
border:2px #767678 solid;
}
.btn_voirarticle_blanc:hover #icone_bouton
{
margin-right:0px;
}
.btn_voirarticle_blanc:hover #texte_bouton_blanc
{
color:white;
}
div#texte_bouton_blanc
{
position:relative;
float:left;
margin-left:10px;
padding:5px;
font-weight:600;
font-size:18px;
font-family:Raleway;
color:white;
}
div#icone_bouton
{
position:relative;
float:right;
margin-right:10px;
padding:5px;
top:10px;
transition-duration: 0.5s;
}
div#texte_bouton
{
position:relative;
float:left;
margin-left:10px;
padding:5px;
font-weight:600;
font-size:18px;
font-family:Raleway;
color:white;
}
/****************************************************************/
/******image crop automatique********/
.container_crop {
overflow: hidden;
}
.container_crop img {
position:relative;
z-index:-1;
top:50%;
left:50%;
width:100%;
transform:translate(-50%, -50%);
&.max{ width:auto; height:100%; }
}
/*************************************/
/*********zoom image**********/
.zoom_image
{
transition: transform .3s; /* Animation */
-webkit-transition:transform .3s;
transform: scale(0.9); /* Animation */
-webkit-transform:scale(0.9);
}
.zoom_image:hover
{
transform: scale(1); /* Animation */
-webkit-transform:scale(1);
}
.zoom_element
{
transition: transform .5s; /* Animation */
-webkit-transition:transform .5s;
transform: scale(1); /* Animation */
-webkit-transform:scale(1);
}
.zoom_element:hover
{
transform: scale(1.1); /* Animation */
-webkit-transform:scale(1.1);
}
.zoom_image_plus
{
transition: transform .3s; /* Animation */
-webkit-transition:transform .3s;
transform: scale(0.8); /* Animation */
-webkit-transform:scale(0.8);
}
.zoom_image_plus:hover
{
transform: scale(1); /* Animation */
-webkit-transform:scale(1);
}
.zoom_image_inverse
{
transition: transform .3s; /* Animation */
-webkit-transition:transform .3s;
transform: scale(1); /* Animation */
-webkit-transform:scale(1);
}
.zoom_image_inverse:hover
{
transform: scale(1.2); /* Animation */
-webkit-transform:scale(1.2);
}
/****************************/
/**************ZONES TUILES LIEUX PICTO******************/
div#zone_tuile_lieux_picto {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
flex-wrap: -webkit-wrap;
justify-content: center;
padding-top:5px;
padding-bottom:5px;
}
.tuile_lieu_picto {
width: 280px;
height:150px;
margin: 40px;
text-align: center;
}
.partie_haute_tuile_lieu_picto
{
width:100%;
height:65%;
display: flex; /* contexte sur le parent */
display: -webkit-flex;
flex-direction: column; /* direction d'affichage verticale */
flex-direction: -webkit-column; /* direction d'affichage verticale */
justify-content: center; /* alignement vertical */
}
.partie_basse_tuile_lieu_picto
{
width:100%;
height:35%;
overflow:hidden;
display: flex; /* contexte sur le parent */
display: -webkit-flex;
flex-direction: column; /* direction d'affichage verticale */
flex-direction: -webkit-column; /* direction d'affichage verticale */
justify-content: center; /* alignement vertical */
}
.texte_titre_lieu_tuile_picto
{
font-size:15px;
font-weight:600;
color:white;
text-decoration:none;
}
/********************************************************/
/*****************ZONE TUILE AVEC PHOTO**********************/
div#zone_tuiles_lieux_photos
{
display: flex;
display: -webkit-flex;
align-items: center ;
width:100%;
min-height:100px;
position:relative;
margin: 0 auto;
}
div#zone_texte_central_tuile
{
position:absolute;
z-index:200;
background-color:white;
min-height:200px;
width:350px;
margin-top:1%;
left:50%;
overflow:auto;
margin-left: -175px;
text-align:center;
}
h2.zone_texte_central_tuile_h
{
font-size:44px;
font-weight:300;
}
div#partie_gauche_tuiles_lieux_photo
{
position:relative;
top:0px;
float:left;
width:49.99%;
border-right:1px black solid;
padding-top:120px;
padding-bottom:170px;
}
div#partie_droite_tuiles_lieux_photo
{
position:relative;
float:right;
width:50%;
height:100%;
padding-top:120px;
padding-bottom:170px;
}
.affichage_nom_lieu_tuile
{
top:0px;
right:0px;
width:100%;
height:300px;
z-index:600;
display:none;
}
div#affichage_nom_lieu_tuile_seule
{
top:0px;
right:0px;
width:100%;
height:300px;
z-index:600;
display:none;
}
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
20% { opacity: 0.2; }
40% { opacity: 0.4; }
60% { opacity: 0.6; }
80% { opacity: 0.8; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
20% { opacity: 0.2; }
40% { opacity: 0.4; }
60% { opacity: 0.6; }
80% { opacity: 0.8; }
100% { opacity: 1; }
}
div#tuile_zone_photo_gauche
{
width: 77%;
/* padding-top: 35%; pour height proportionnel à width*/
height:300px;
float:left;
margin-bottom:20px;
}
div#tuile_zone_photo_droite
{
width: 77%;
height:300px;
float:right;
margin-bottom:20px;
}
div#tuile_seule_lieux_photo
{
width: 40%;
height:300px;
margin:0 auto;
position:relative;
}
div#zone_titre_tuile_seule_lieux_photo
{
position:relative;
right:50px;
float:right;
top:40px;
text-align:right;
width:300px;
overflow:auto;
}
div#fond_photo_tuile_lieux_photo_gauche
{
float:left;
width:70%;
height:100%
}
div#fond_photo_tuile_lieux_photo_droite
{
float:right;
width:70%;
height:100%
}
div#bande_couleur_tuile_lieux_photo_gauche
{
float:right;top:0px;height:100%;width:30%;
}
div#bande_couleur_tuile_lieux_photo_droite
{
float:left;top:0px;height:100%;width:30%;
}
div#icone_petit_plus_blanc_tuile_lieux_gauche
{
position:absolute;
right:25%;
margin-top:230px;
}
div#icone_petit_plus_blanc_tuile_lieux_droite
{
position:absolute;
left:25%;
margin-top:230px;
}
.icone_petit_plus_blanc_tuile_lieux_version_mobile
{
display:none;
}
.picto_petit_plus_tuile_lieux
{
width:50px;
height:50px
}
.photo_partie_haute_tuile
{
display:none;
height:150px;
width:100%;
margin-top:0;
}
div#ss_titre_tuile_photo_lieux_gauche
{
position:absolute;
right:25%;
margin-top:5px;
max-width:450px;
text-align:right;
}
div#ss_titre_tuile_photo_lieux_sorties_gauche
{
position:absolute;
right:25%;
margin-top:5px;
max-width:450px;
text-align:right;
}
div#zone_intro_tuile_lieux_photo_gauche
{
width:180px;
float:right;
}
div#ss_titre_tuile_photo_lieux_droite
{
position:absolute;
left:25%;
margin-top:5px;
max-width:450px;
text-align:left;
}
div#ss_titre_tuile_photo_lieux_sorties_droite
{
position:absolute;
left:25%;
margin-top:5px;
max-width:450px;
text-align:left;
}
.font_ss_titre_tuiles_lieux_photos
{
color:white;
font-family:raleway;
font-size:32px;
font-weight:900;
text-decoration:none;
text-shadow: 1px 1px 1px grey;
}
div#zone_intro_tuile_lieux_photo_droite
{
width:180px;
float:left;
}
.font_intro_tuiles_lieux_photos
{
color:white;
font-family:raleway;
font-size:13px;
font-weight:300;
text-decoration:none;
}
.font_intro_tuiles_lieux_photos_grand
{
color:white;
font-family:raleway;
font-size:19px;
font-weight:300;
text-decoration:none;
}
.font_nom_lieux_photos
{
font-family:raleway;
color:white;
font-weight:900;
font-size:36px;
text-decoration:none;
text-shadow: 1px 1px 1px grey;
}
.font_nom_lieux_photos:hover
{
text-decoration:none;
}
.picto_tuile_lieu_photo
{
height:90px;
width:90px;
filter: brightness(120%);
-webkit-filter: brightness(120%);
-moz-filter: brightness(120%);
-o-filter: brightness(120%);
-ms-filter: brightness(120%);
}
/*************************************************************/
/****************COLONNE VERTEBRALE**************************/
.module_colonne_vertebrale
{
width:100%;
top:0px;
min-height:10px;
position:relative;
margin:0 auto;
overflow:auto;
}
.colonne_vertebrale_rond_haut
{
width:100%;
margin:0 auto;
position:relative;
padding-top:15px;
}
.colonne_vertebrale_rond_bas
{
width:100%;
margin:0 auto;
position:relative;
padding-bottom:15px;
}
.colonne_vertebrale_trait
{
height:80px;
width:100%;
margin:0 auto;
position:relative;
}
.div_trait
{
width:1px;
background-color:black;
height:100%;
margin:0 auto;
}
.rond_colonne_vertebrale
{
height:20px;
width:20px;
position:relative;
margin:0 auto;
border-radius:50%;
border:1px solid black;
}
.disparait_apparait
{
display:none;
}
.apparait_disparait
{
display:block;
}
.disparait_disparait
{
display:none;
}
.disparait_apparait_700
{
display:none;
}
.apparait_disparait_700
{
display:block;
}
.disparait_disparait_700
{
display:none;
}
/****************FIN COLONNE VERTEBRALE************************/
/***************TUILES AGENDA************************/
div#zone_photo_tuiles_agenda
{
margin:0 auto;
width:100%;
height:350px;
background: url(images/fond-image-zone-agenda.jpg) no-repeat center ;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover;
}
.titre_zone_tuiles
{
width:100%;
overflow:auto;
text-align:center;
margin:0 auto;
}
h2.titre_zone_tuile_t
{
font-family:raleway;
font-size:50px;
font-weight:400;
color:#575756;
}
div#zone_tuiles_zone_tuiles_agenda
{
width:100%;
display:flex;
display: -webkit- flex;
align-items: flex-start;
justify-content: center;
padding-bottom:80px;
margin-top:50px;
}
div#zone_tuiles_zone_tuiles_agenda_carrousel
{
width:100%;
display:flex;
display: -webkit- flex;
align-items: flex-start;
justify-content: center;
padding-bottom:80px;
margin-top:50px;
}
.elements_zone_tuiles_agenda
{
width:420px;
min-height:480px;
margin-left:40px;
margin-right:40px;
position:relative;
}
.elements_zone_tuiles_agenda_carrousel
{
width:280px;
min-height:350px;
margin:0 auto;
position:relative;
}
.zone_dates_elements_tuiles_agenda
{
width:100%;
position:relative;
height:80px;
top:0px;
text-align:center;
}
.dates_elements_tuiles_agenda
{
position:absolute;
top:15px;
text-align:center;
width:100%;
font-family:Raleway;
font-size:26px;
font-weight:700;
color:#575756;
}
.zone_picto_elements_tuiles_agenda
{
height:60px;
top:-30px;
position:absolute;
width:100%;
z-index:900;
}
.zone_picto_elements_tuiles_agenda_carrousel
{
height:30px;
top:-25px;
position:absolute;
width:100%;
z-index:900;
}
.picto_elements_tuiles_agenda
{
width: 60px;
height: 60px;
top:0px;
position:relative;
margin: 0 auto;
}
.picto_elements_tuiles_agenda_carrousel
{
width: 50px;
height: 50px;
top:0px;
position:relative;
margin: 0 auto;
}
.titre_elements_tuiles_agenda
{
margin:0 auto;
padding-top:5px;
padding-bottom:5px;
text-align:center;
width:98%;
min-height:130px;
overflow:auto;
}
.titre_elements_tuiles_agenda_carrousel
{
margin:0 auto;
padding-top:2px;
padding-bottom:2px;
text-align:center;
width:98%;
min-height:80px;
overflow:auto;
}
.font_titre_elements_tuiles_agenda
{
font-family:Raleway;
font-size:28px;
font-weight:500;
color:#575756;
}
.font_titre_elements_tuiles_agenda_carrousel
{
font-family:Raleway;
font-size:20px;
font-weight:900;
color:#575756;
}
.intro_elements_tuiles_agenda
{
margin:0 auto;
width:96%;
min-height:100px;
position:relative;
font-family:Raleway;
font-size:14px;
font-weight:300;
color:black;
}
.detail_elements_tuiles_agenda
{
margin:0 auto;
bottom:15px;
width:96%;
min-height:20px;
position:relative;
font-family:Raleway;
font-size:16px;
font-weight:300;
color:black;
padding:5px;
}
.zone_bouton_plus_bas_elements_tuiles_agenda
{
width:100%;
height:50px;
bottom:-10px;
position:absolute;
}
.zone_bouton_plus_bas_elements_tuiles_agenda_carrousel
{
width:100%;
height:50px;
bottom:-10px;
position:absolute;
}
.bouton_plus_bas_elements_tuiles_agenda
{
width:50px;
height:50px;
border-radius: 25px;
margin:0 auto;
}
div#element_bouton_zone_tuiles_agenda
{
margin:auto;
width:60%;
height:400px;
overflow:hidden;
text-align:center;
font-family: 'Dancing Script';
font-size:50px;
}
div#element_texte_bouton_tuiles_agenda
{
height:200px;
width:100%;
display: flex;
display:-ms-flex;
flex-direction: column; /* direction d'affichage verticale */
justify-content: center;
}
div#element_picto_bouton_tuiles_agenda
{
height:200px;
width:100%;
}
.font_bouton_zone_tuile_agenda
{
text-decoration:none;
color:white;
}
.font_bouton_zone_tuile_agenda:hover
{
text-decoration:none;
color:white;
}
.picto_bouton_tuile_agenda
{
width:170px;
height:170px;
}
div#picto_bouton_zone_tuiles_agenda
{
text-align:center;
margin-bottom:30px;
width:100%;
}
div#bouton_voir_agenda_complet
{
width:370px;
position:relative;
height: 70px;
background-color:#575756;
margin:0 auto;
text-decoration:none;
color:white;
font-size:26px;
font-weight:400;
text-align:center;
line-height: 70px;
z-index:600;
-moz-transition: all 0.5s ease-in;
/* WebKit */
-webkit-transition: all 0.5s ease-in;
/* Opera */
-o-transition: all 0.5s ease-in;
/* Standard */
transition: all 0.5s ease-in;
}
div#bouton_voir_agenda_complet:hover
{
background-color:#848484;
}
/*******************************************************/
/***************TUILES BON PLANS************************/
div#zone_photo_tuiles_bonplan
{
margin:0 auto;
width:100%;
height:350px;
background: url(images/fond-image-zone-agenda.jpg) no-repeat center ;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover;
}
div#titre_zone_tuiles_bonplan
{
width:100%;
overflow:auto;
text-align:center;
color:#575756;
}
h2.titre_zone_tuiles_bonplan_t
{
font-family: 'Dancing Script';
font-size:80px;
font-weight:400;
}
div#zone_tuiles_zone_tuiles_bonplan
{
width:100%;
display:flex;
display: -webkit- flex;
align-items: flex-start;
justify-content: center;
padding-bottom:40px;
margin-top:50px;
}
div#elements_zone_tuiles_bonplan
{
width:500px;
min-height:500px;
margin-left:20px;
margin-right:20px;
position:relative;
background-color:#cfd1d0;
}
div#zone_dates_elements_tuiles_bonplan
{
width:100%;
position:relative;
height:80px;
top:0px;
text-align:center;
}
div#dates_elements_tuiles_bonplan
{
position:absolute;
top:15px;
text-align:center;
width:100%;
font-family:Raleway;
font-size:22px;
font-weight:700;
color:#575756;
}
div#zone_picto_elements_tuiles_bonplan
{
height:100px;
top:-50px;
position:absolute;
width:100%;
z-index:900;
}
/*****VIGNETTE BON PLAN**/
.vignette_bonplan {
width: 100px;
height: 100px;
border-radius: 50%;
text-align: center;
/*border: 2px solid #fff;*/
top:0px;
position:relative;
margin: 0 auto;
}
.text_vignette_1_bonplan
{
font-size:26px;
line-height: 22px;
color:white;
font-family:Raleway;
font-weight:900;
}
.text_vignette_2_bonplan
{
font-size:16px;
line-height: 20px;
color:white;
font-family:Raleway;
font-weight:900;
}
.circle__wrapper_bonplan {
display: table;
width: 90%;
height: 100%;
margin:0 auto;
/*background-color:yellow;
opacity:0.3;*/
}
.circle__content_bonplan {
display: table-cell;
vertical-align: middle;
/*background-color:yellow;
opacity:0.3;*/
}
/*****FIN VIGNETTE BON PLAN*****/
div#titre_elements_tuiles_bonplan
{
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
text-align:center;
width:98%;
min-height:40px;
overflow:auto;
}
.font_titre_elements_tuiles_bonplan
{
font-family:Raleway;
font-size:28px;
font-weight:500;
color:#575756;
}
div#detail_elements_tuiles_bonplan
{
margin:0 auto;
bottom:15px;
width:96%;
min-height:20px;
position:relative;
font-family:Raleway;
font-size:14px;
font-weight:300;
color:black;
}
div#zone_bouton_plus_bas_elements_tuiles_bonplan
{
width:100%;
height:50px;
bottom:-10px;
position:absolute;
}
div#bouton_plus_bas_elements_tuiles_bonplan
{
width:50px;
height:50px;
border-radius: 25px;
margin:0 auto;
}
div#element_bouton_zone_tuiles_bonplan
{
margin:auto;
width:60%;
height:80%;
overflow:auto;
text-align:center;
font-family: 'Dancing Script';
font-size:54px;
}
.font_bouton_zone_tuile_bonplan
{
text-decoration:none;
color:white;
}
.font_bouton_zone_tuile_bonplan:hover
{
text-decoration:none;
color:white;
}
.picto_bouton_tuile_bonplan
{
width:120px;
height:120px;
}
div#picto_bouton_zone_tuiles_bonplan
{
text-align:center;
margin-top:30px;
width:100%;
}
div#bouton_voir_bonplan_complet
{
width:450px;
position:relative;
height: 70px;
background-color:#575756;
margin:0 auto;
text-decoration:none;
color:white;
font-size:26px;
font-weight:400;
text-align:center;
line-height: 70px;
z-index:600;
-moz-transition: all 0.5s ease-in;
/* WebKit */
-webkit-transition: all 0.5s ease-in;
/* Opera */
-o-transition: all 0.5s ease-in;
/* Standard */
transition: all 0.5s ease-in;
}
div#bouton_voir_bonplan_complet:hover
{
background-color:#6e6e6e;
}
/*******************************************************/
/******************POUR LES PROS****************************/
div#zone_tuiles_zone_pour_les_pros
{
width:100%;
min-height:200px;
overflow:hidden;
display:flex;
display: -ms-flexbox;
-ms-flex-direction: row;
display: -webkit- flex;
align-items: flex-start;
padding-bottom:60px;
margin:0 auto;
}
div#zone_texte_explicatif_pour_les_pros
{
width:50%;
text-align:center;
margin:0 auto;
}
.tuile_zone_pour_pros
{
width:350px;
height:200px;
margin:auto;
}
.zone_picto_zone_pour_pros
{
height:160px;
width:350px;
}
.picto_pour_les_pros
{
margin:0 auto;
padding-top:15%;
width:40%;
}
.zone_titre_zone_pour_pros
{
height:40px;
width:350px;
background-color:#8b8c8f;
color:white;
text-align:center;
font-size:18px;
font-weight:600;
font-family:Raleway;
line-height:40px;
-moz-transition: all 0.5s ease-in;
/* WebKit */
-webkit-transition: all 0.5s ease-in;
/* Opera */
-o-transition: all 0.5s ease-in;
/* Standard */
transition: all 0.5s ease-in;
}
.zone_titre_zone_pour_pros:hover
{
background-color:#6e6e6e;
}
/***********************************************************/
/*********************EN DIRECT DES RESEAUX SOCIAUX - SOCIAL WALL****************/
div#conteneur_box
{
height:auto;
width:100%;
margin:0 auto;
column-width:400px;
padding-bottom:50px;
text-align:center;
/***ESPACE ENTRE LES COLONNES****/
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-gap: 10px
/****NOMBRE DE COLONNES****/
/* -webkit-column-count: 3; */
/* -moz-column-count: 3; */
/* column-count: 3;*/
}
.titre_social_wall
{
font-family:Raleway;
color:#575656;
font-size:60px;
text-align:center;
font-weight:500;
}
.box {
width:100%;
display: inline-block;
box-sizing: border-box;
position:relative;
margin-top:20px;
text-align:center;
transition-delay: 2s;
transform-delay: 2s;
}
/********************************************************************************/
/*******************************ZONE INFO HOMEPAGES*****************************/
div#titre_zone_info_home
{
width:280px;
margin:0 auto;
position:relative;
padding: 10px 16px 10px 16px;
background-color:white;
font-family:raleway;
font-size:22px;
font-weight:800;
}
div#message_zone_info_home
{
color:white;
font-weight:300;
font-size:22px;
margin-top:30px;
padding-bottom:30px;
padding-left:150px;
padding-right:150px;
min-height:50px;
font-family:'Raleway';
}
.LIEN_MESSAGE_INFO
{
font-family:'Raleway';
font-size:22px;
font-weight:300;
color:white;
}
.LIEN_MESSAGE_INFO:hover
{
text-decoration:none;
}
/******************************************************************************/
/*********************************HOMEPAGE***************************************/
div#zone1_home
{
margin:0 auto;
text-align:center;
height:30%;
width:10%;
position:relative;
z-index:150;
/*background-color:pink;*/
}
div#zone2_home
{
margin:0 auto;
text-align:center;
height:30%;
width:99%;
position:relative;
z-index:150;
line-height: 90px;
/*background-color:yellow;*/
}
div#zone3_home
{
margin:0 auto;
text-align:center;
top:200px;
height:33%;
width:300px;
position:relative;
z-index:150;
}
div#logo_du_lieu_dbs_grand
{
height:400px;
width:400px;
margin:0 auto;
}
div#sans_logo_du_lieu_dbs
{
height:100px;
width:100px;
margin:0 auto;
}
.titre_principal_homepage
{
font-family: 'Raleway';
font-weight:900;
font-size:100px;
color:white;
text-shadow: 1px 1px 1px grey;
}
.titre_secondaire_homepage
{
font-family: 'Dancing Script';
font-size:98px;
color:white;
text-shadow: 1px 1px 1px grey;
}
div#zone_photo_tuiles_homepage_footer
{
margin:0 auto;
width:100%;
height:550px;
background: url(images/photo_background_bon_sejour_home_dbs.jpg) no-repeat center ;
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover;
position:relative;
}
div#titre_photo_tuiles_homepage_footer
{
height:150px;
width:100%;
position:absolute;
bottom:20px;
font-family: 'Dancing Script';
font-size:98px;
color:white;
text-align:center;
}
/*********************************/
/***********Zone fleche bas************/
div#zone4_home
{
margin:0 auto;
text-align:center;
min-height:10px;
height:10%;
width:50%;
position:relative;
z-index:150;
}
div#fleche{
margin:0 auto;
bottom:0px;
position:relative;
width:75px;
height:43px;
z-index:20;
animation: bounce 0.50s ease infinite alternate;
/*background-color:red;*/
background:url('images/fleche_bas.png');
}
@keyframes bounce
{
from {bottom: 0px;}
to {bottom: 15px;}
}
/******************VIGNETTE INFO********************/
.vignette {
width: 150px;
height: 150px;
border-radius: 50%;
text-align: center;
border: 2px solid #fff;
position:absolute;
top:-90px;
left:10px;
z-index:20;
display:none;
}
.text_vignette_1
{
font-size:16px;
line-height: 22px;
color:white;
font-family:Raleway;
font-weight:700;
}
.text_vignette_2
{
font-size:12px;
line-height: 20px;
color:white;
font-family:Raleway;
font-weight:700;
}
.circle__wrapper {
display: table;
width: 90%;
height: 100%;
margin:0 auto;
/*background-color:yellow;
opacity:0.3;*/
}
.circle__content {
display: table-cell;
vertical-align: middle;
/*background-color:yellow;
opacity:0.3;*/
}
/*********************FIN VIGNETTE********************/
/******************VIGNETTE INFO AUTRES ARTICLES********************/
.vignette2 {
width: 150px;
height: 150px;
border-radius: 50%;
text-align: center;
border: 2px solid #fff;
position:relative;
margin-top:-90px;
left:30px;
z-index:20;
display:block;
}
/*********************FIN VIGNETTE********************/
/****************************************FIN HOMEPAGE*****************************************/
/*************************************************HOMEPAGE LIEUX****************************************/
div#text_intro_home_lieux
{
position:relative;
width:49.99%;
float:left;
border-right: 1px solid black;
min-height:100px;
padding-bottom:50px;
}
div#zone_icones_reseaux_sociaux
{
position: absolute;
width:100px;
min-height:50px;
top: 45%; left: 15%;
transform: translate(-50%,-50%);
z-index:600;
}
.icone_reseaux_sociaux_home_lieu
{
width:30px;
height:30px;
border-radius: 15px;
float : left;
margin-right:5px;
}
div#paragraphe_text_intro_home_lieux
{
font-family:raleway;
font-weight:300;
color:#333;
font-size:18px;
text-align:right;
overflow:hidden;
margin-right:100px;
float:right;
height:auto;
width:50%;
}
div#text2_intro_home_lieux
{
width:49%;
float:left;
min-height:200px;
}
div#paragraphe_text2_intro_home_lieux
{
font-family:raleway;
font-weight:300;
color:#333;
font-size:18px;
text-align:left;
overflow:hidden;
margin-left:100px;
float:left;
width:50%;
}
/****bouton infos pratiques homepage*****/
div#zone_bouton_les_infos_pratiques_home_lieux
{
margin:0 auto;
width:500px;
height:100px;
position:relative;
}
div#rond_picto_les_infos_pratiques_home_lieux
{
position:absolute;
left:0px;
z-index:1000;
width:90px;
height:90px;
border-radius: 50%;
text-align: center;
border: 5px solid #fff;
}
.image_resp_info_pratique
{
width:100%;
transition: transform .3s; /* Animation */
-webkit-transition:transform .3s;
transform: scale(0.98); /* Animation */
-webkit-transform:scale(0.98);
}
div#zone_titre_les_infos_pratiques_home_lieux
{
top:20px;
right:0px;
width:450px;
height:60px;
position:absolute;
z-index:900;
}
div#titre_les_infos_pratiques_home_lieux
{
top:15px;
right:10px;
width:380px;
height:40px;
font-size:28px;
position:absolute;
text-align:center;
color:white;
font-family:raleway;
font-weight:700;
}
div#zone_bouton_les_infos_pratiques_home_lieux:hover div#titre_les_infos_pratiques_home_lieux
{
color:#ececec;
}
div#zone_bouton_les_infos_pratiques_home_lieux:hover .image_resp_info_pratique
{
transform: scale(1); /* Animation */
-webkit-transform:scale(1);
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
}
/****************************************/
/*************Nos équipes***************/
div#zone_gauche_nos_equipe
{
border-right:1px solid black;
float:left;
width:49.99%;
height:400px;
padding-top:50px;
padding-bottom:50px;
}
div#zone_droite_nos_equipe
{
float:right;
width:49.55%;
height:400px;
padding-top:50px;
padding-bottom:50px;
}
div#contenu_gauche_nos_equipes
{
float:left;
width:90%;
}
div#contenu_droite_nos_equipes
{
float:right;
width:90%;
}
div#fleche_grande_gauche_nos_equipe
{
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
float:left;
}
div#fleche_grande_droite_nos_equipe
{
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
float:right;
}
div#fleche_petite_gauche_nos_equipe
{
display:none;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
float:left;
}
div#fleche_petite_droite_nos_equipe
{
display:none;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
float:right;
}
div#texte_gauche_nos_equipes
{
float:left;
width:60%;
text-align:left;
}
div#texte_droite_nos_equipes
{
float:right;
width:60%;
text-align:right;
}
div#titre_personne_gauche_nos_equipes
{
float:left;
width:85%;
}
div#titre_personne_droite_nos_equipes
{
float:right;
width:85%;
}
.font_titre_nomprenom_salarie
{
font-family:Raleway;
font-weight:700;
font-size:34px;
}
.font_titre_fonction_salarie
{
font-family:Raleway;
font-weight:300;
font-size:22px;
}
/*****A faire aux alentours*****/
div#zone_gauche_a_faire_alentours
{
width:49.99%;
min-height:100px;
float:left;
border-right:1px black solid;
padding-bottom:70px;
}
div#zone_droite_a_faire_alentours
{
width:49%;
min-height:100px;
float:right;
}
div#contenu_zone_gauche_a_faire_alentours
{
float:right;
right:30px;
position:relative;
text-align:right;
padding-top:20px;
}
div#contenu_zone_droite_a_faire_alentours
{
float:left;
left:10px;
position:relative;
text-align:left;
padding-top:20px;
}
/*******************************/
/**********************************ZONE TELECHARGEMENT V2*****************************/
div#conteneur_telechargement_tuiles_documents
{
width:100%;
min-height:50px;
overflow:hidden;
display:flex;
flex-flow: row wrap;
justify-content: space-around;
margin-bottom:30px;
}
div#tuile_telechargement_document
{
width:300px;
height:400px;
border: 1px #e1e1e1 solid ;
margin:auto;
margin-left:40px;
margin-right:40px;
margin-top:40px;
margin-bottom:40px;
transition: transform .3s;
overflow:hidden;
border-radius:3px;
}
div#tuile_telechargement_document:hover
{
-ms-transform: scale(1.06) ; /* IE 9 */
-webkit-transform: scale(1.06) ; /* Safari 3-8 */
transform: scale(1.06) ;
}
div#titre_milieux_document_telechargement
{
text-align:center;
display:table-cell;
vertical-align:middle;
margin:0 auto;
height:50px;
width:300px;
color:white;
padding-left:5px;
padding-right:5px;
transition: font-weight .2s ease-in-out;
}
.zone_fond_tele_document
{
width:100%;
z-index:600;
height:400px;
text-align:center;
display:none;
background-color:rgba(0, 0, 0, 0.9);
}
div#icone_telechargement_document
{
width:100%;
height:80px;
color:white;
text-align:center;
top:110px;
position:relative;
}
div#tuile_telechargement_document:hover .zone_fond_tele_document
{
display:block;
background-color:rgba(91, 159, 189, 0.9);
border-radius: 3px;
animation: fadein 2s;
-moz-animation: fadein 2s; /* Firefox */
-webkit-animation: fadein 2s; /* Safari et Chrome */
-o-animation: fadein 2s; /* Opera */
}
/****************************************************************************************/
/***************************************/
/**********************************ZONE TELECHARGEMENT TUILES PAGE SECONDAIRES*****************************/
div#conteneur_telechargement_tuiles_documents1
{
width:100%;
min-height:50px;
overflow:hidden;
display:flex;
flex-flow: row wrap;
justify-content: space-around;
margin-bottom:30px;
justify-content: flex-start;
margin-top:20px;
}
div#tuile_telechargement_document1
{
width:150px;
height:215px;
margin:auto;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
transition: transform .3s;
overflow:hidden;
border-radius:3px;
}
div#tuile_telechargement_document1:hover
{
-ms-transform: scale(1.06) ; /* IE 9 */
-webkit-transform: scale(1.06) ; /* Safari 3-8 */
transform: scale(1.06) ;
}
div#fond_gris_titre_doc_tel
{
top:165px;
position:relative;
width:100%;
height:50px;
background:rgba(48, 48,48, 0.8);
}
div#titre_milieux_document_telechargement1
{
text-align:center;
display:table-cell;
vertical-align:middle;
margin:0 auto;
height:50px;
width:150px;
color:white;
font-size:14px;
padding-left:5px;
padding-right:5px;
transition: font-weight .2s ease-in-out;
}
.zone_fond_tele_document1
{
width:100%;
z-index:600;
height:215px;
text-align:center;
display:none;
background-color:rgba(0, 0, 0, 0.9);
}
div#icone_telechargement_document1
{
width:100%;
height:80px;
color:white;
text-align:center;
top:80px;
position:relative;
}
div#tuile_telechargement_document1:hover .zone_fond_tele_document1
{
display:block;
background-color:rgba(0, 0, 0, 0.9);
border-radius: 3px;
animation: fadein 2s;
-moz-animation: fadein 2s; /* Firefox */
-webkit-animation: fadein 2s; /* Safari et Chrome */
-o-animation: fadein 2s; /* Opera */
}
/****************************************************************************************/
/*************************************PAGE QUE FAIRE**************************/
div#titre_commande_depliants_que_faire
{
position:absolute;
top:15px;
right:25px;
width:350px;
text-align:center;
height:50px;
color:white;
font-size:25px;
font-family:raleway;
font-weight:700;
}
/*****************************************************************************/
/*************************************PAGE BONS PLANS & AGENDA ************************************/
div#input_date_recherche_agenda
{
width:45%;
float:left;
text-align:right;
}
div#input_select_recherche_agenda
{
width:45%;
float:right;
min-height:10px;
}
div#dates_elements_tuiles_tout_agenda
{
position:absolute;
top:15px;
text-align:center;
width:100%;
font-family:Raleway;
font-size:22px;
font-weight:700;
color:#575756;
}
div#picto_elements_tuiles_tout_agenda
{
width: 60px;
height: 60px;
top:0px;
position:relative;
margin: 0 auto;
}
div#conteneur_box_bon_plan_agenda
{
height:auto;
width:100%;
margin:0 auto;
column-width:380px;
padding-bottom:80px;
text-align:left;
/***ESPACE ENTRE LES COLONNES****/
-moz-column-gap: 35px;
-webkit-column-gap: 35px;
column-gap: 35px
/****NOMBRE DE COLONNES****/
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.box_bon_plan_agenda {
width:100%;
display: inline-block;
box-sizing: border-box;
position:relative;
margin-top:35px;
text-align:center;
transition-delay: 2s;
transform-delay: 2s;
}
div#elements_zone_tuiles_page_bonplan_agenda
{
width:100%;
min-height:100px;
margin:0 auto;
position:relative;
}
div#zone_dates_elements_tuiles_page_bonplan_agenda
{
width:100%;
position:relative;
height:80px;
top:0px;
text-align:center;
}
div#titre_elements_tuiles_page_bonplan_agenda
{
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
text-align:center;
width:98%;
min-height:40px;
overflow:auto;
}
.font_titre_elements_tuiles_page_bonplan_agenda
{
font-family:Raleway;
font-size:26px;
font-weight:900;
color:#575756;
}
div#detail_elements_tuiles_page_bonplan_agenda
{
margin:0 auto;
bottom:15px;
width:85%;
min-height:20px;
position:relative;
font-family:Raleway;
font-size:14px;
font-weight:300;
color:black;
}
/****************************************************************************************/
/********************************************************************************************************/
/******************************************RUBRIQUES LIEUX**************************************************/
/*************Zone paragraphe**************/
div#zone_texte_central_tuile_paragraphes
{
position:absolute;
z-index:200;
background-color:white;
min-height:150px;
width:320px;
margin-top:22%;
left:50%;
overflow:auto;
margin-left: -160px;
text-align:center;
font-size:62px;
font-weight:300;
}
.plushaut
{
padding-bottom:60px;
}
div#zone_gauche_zone_paragraphe
{
border-right:1px solid black;
float:left;
width:49.99%;
min-height:450px;
padding-top:50px;
padding-bottom:30px;
}
/***************Pied de page************************/
div#info_cookies_dbs
{
font-family:roboto,arial;
z-index:600000;
text-align:center;
background-color: rgba(0, 0, 0, 0.75);
color:white;
width:100%;
min-height:50px;
overflow:auto;
position:fixed;
bottom:0px;
padding:10px;
}
div#message_cookies_dbs
{
width:98%;
margin:0 auto;
margin-top:5px;
}
/**************************************************/
div#zone_banniere_libre
{
min-height:100px;
width:1000px;
margin:0 auto;
}
/**************************LARGEUR 2500px mini*****************************************/
@media screen and (min-width: 2500px)
{
div#zone_gauche_zone_paragraphe
{
border-right:1px solid black;
float:left;
width:49.99%;
min-height:450px;
padding-top:50px;
padding-bottom:130px;
}
}
div#zone_droite_zone_paragraphe
{
float:right;
width:49.55%;
min-height:450px;
padding-top:50px;
padding-bottom:10px;
}
div#contenu_gauche_zone_paragraphe
{
float:left;
width:80%;
position:relative;
}
div#contenu_droite_zone_paragraphe
{
float:right;
width:80%;
position:relative;
}
.zone_credit_photo
{
height:20px;
bottom:5px;
left:5px;
position:absolute;
font-size:10px;
font-family:Raleway,Arial;
color:white;
text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
div#texte_gauche_zone_paragraphe
{
float:left;
width:70%;
text-align:left;
}
div#texte_droite_zone_paragraphe
{
float:right;
width:70%;
text-align:right;
}
.font_titre_zone_paragraphe
{
font-family:Raleway;
font-weight:700;
font-size:28px;
}
.font_intro_zone_paragraphe
{
font-family:Raleway;
font-weight:300;
font-size:20px;
}
/*********Zone telechargement*****/
div#zone_telechargement_rubriques
{
width:550px;
min-height:30px;
margin:0 auto;
overflow:hidden;
position:relative;
color:white;
padding-top:20px;
padding-bottom:20px;
}
div#picto_zone_telechargement
{
top: 48%;
left: 10%;
transform: translate(-50%,-50%);
width:80px;
height:80px;
position:absolute;
}
div#zone_liens_telechargement_avec_picto
{
margin-right:5px;
margin-top:20px;
margin-bottom:20px;
float:right;
width:435px;
position:relative;
}
div#zone_liens_telechargement_sans_picto
{
margin-top:10px;
margin:0 auto;
width:400px;
min-height:20px;
position:relative;
text-align:center;
}
.lien_zone_telechargement_blanc
{
color:white;
font-family:Raleway;
font-size:20px;
font-weight:600;
text-decoration:none;
}
.lien_zone_telechargement_blanc:hover
{
text-decoration:underline;
}
/***********ZONE PUB ZONE SUPPLEMENTAIRE 2***************/
div#zone_supplementaire_2_rubrique_lieu
{
padding-top:50px;
padding-bottom:50px;
position:relative;
margin:0 auto;
width:100%;
min-height:500px;
}
div#texte_zone_supplementaire_2_rubrique_lieu
{
text-align:right;
padding:15px;
left:50px;
position:relative;
width:250px;
height:100%;
background-color:white;
-moz-opacity:0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
}
/********************************************************/
/*************Zone libre*************/
div#titre_zone_libre_rubrique_lieux
{
width:35%;
padding-top:20px;
text-align:center;
margin:0 auto;
}
h2.titre_zone_libre_rubrique_lieux_h
{
font-family:raleway;
font-size:50px;
font-weight:300;
color:#575756;
}
h3.titre_zone_libre_rubrique_lieux_h
{
font-family:raleway;
font-size:50px;
font-weight:300;
color:#575756;
}
div#zone_texte_zone_libre_rubrique_lieux
{
width:70%;
min-height:100px;
margin:0 auto;
text-align:center;
}
div#zone_texte_zone_libre_rubrique_lieux_ss_titre
{
width:100%;
min-height:100px;
margin:0 auto;
text-align:center;
}
/*************************************/
/***********ZONE SUPPLEMENTAIRE**********/
div#partie_gauche_zone_supplementaire_rubrique_lieux
{
position:relative;
float:left;
width:49.99%;
border-right: 1px solid black;
min-height:200px;
text-align:right;
padding-top:50px;
padding-bottom:110px;
}
div#partie_droite_zone_supplementaire_rubrique_lieux
{
position:relative;
float:right;
width:49.9%;
min-height:200px;
text-align:left;
padding-top:50px;
padding-bottom:10px;
}
div#contenu_partie_gauche_zone_supplementaire_rubrique_lieux
{
position:relative;
float:right;
width:80%;
right:100px;
min-height:50px;
}
div#contenu_partie_droite_zone_supplementaire_rubrique_lieux
{
position:relative;
float:left;
width:80%;
left:100px;
min-height:50px;
}
div#picto_zone_telechargement_suppl
{
top: 48%;
left: 12%;
transform: translate(-50%,-50%);
width:70px;
height:70px;
position:absolute;
}
/*Zone Icones réseaux sociaux*/
div#zone_icones_reseaux_sociaux_rubrique_lieux
{
margin:0 auto;
display:flex;
display:-ms-flexbox;
display:webkit-flex;
width:480px;
}
div#icone_reseaux_sociaux_rubrique_lieux
{
margin:0;
margin : auto;
width:90px;
height:90px;
border-radius: 45px;
}
/****************************/
/*************ATELIERS/SORTIES********/
div#zone_generale_recherche_activites
{
/*animation: fadeIn 0.2s;*/
z-index:999999;
position:fixed;
right:10px;
bottom:0px;
width:300px;
height:50px;
background:#4d4a4b;
}
.arrivee_zone {
animation-duration: 1.5s;
animation-name: slidein;
}
@keyframes slidein
{
from {
margin-bottom: -1500px;
}
}
div#titre_zone_recherche_activités
{
text-align:center;
top:-18px;
left:0px;
width:300px;
position:absolute;
font-family:Raleway,arial;
color:white;
font-weight:600;
border-radius: 3px 3px 0px 0px;
}
div#zone_elements_recherche
{
left:5px;
top:5px;
width:390px;
height:40px;
position:absolute;
}
div#element_picto_recherche
{
left:5px;
top:18px;
width:20px;
height:30px;
position:absolute;
}
div#element_calendrier_recherche
{
position:absolute;
top:5px;
left:70px;
}
.saisie_date_picker_recherche
{
cursor: pointer;
border-radius:3px;
border:0;
text-align:center;
height:28px;
width:150px;
font-weight:300;
font-size:18px;
border:0
}
div#element_bouton_recherche
{
position:absolute;
right:110px;
top:18px;
}
div#titre_formulaire_recherche_activite
{
text-align:center;
margin:0 auto;
padding:20px;
min-height:5px;
color:white;
font-family: 'Dancing Script';
font-size:70px;
}
div#picto_titre_recherche_activites
{
width:120px;
height:120px;
text-align:center;
margin:0 auto;
padding:10px;
}
div#zone_input_date_debut
{
position:relative;
text-align:right;
float:left;
width:49%;
font-size:18px;
color:white;
}
div#zone_input_date_fin
{
position:relative;
text-align:left;
float:right;
width:49%;
font-size:18px;
color:white;
}
div#icone_petit_plus_blanc_tuile_activites_gauche
{
position:absolute;
right:25%;
margin-top:230px;
width:50px;
height:50px;
}
div#icone_petit_plus_blanc_tuile_activites_droite
{
position:absolute;
left:25%;
margin-top:230px;
width:50px;
height:50px;
}
/*****activites****/
div#tuile_zone_activites_gauche
{
width: 77%;
/* padding-top: 35%; pour height proportionnel à width*/
height:300px;
float:left;
margin-bottom:20px;
}
div#tuile_zone_activites_droite
{
width: 77%;
height:300px;
float:right;
margin-bottom:20px;
}
div#contenu_zone_activites_gauche
{
margin-top:-20px;
width: 77%;
min-height:100px;
float:left;
}
div#contenu_zone_activites_droite
{
margin-top:-20px;
width: 77%;
min-height:100px;
float:right;
}
div#texte_contenu_tuiles_activites
{
padding:20px;
margin:0 auto;
width:70%;
overflow:hidden;
min-height:10px;
}
div#rond_magic_bas
{
background-color:white;
height:20px;
width:20px;
position:absolute;
right:-12px;
bottom:-10px;
border-radius:50%;
border:1px solid black;
}
div#rond_magic_haut
{
background-color:white;
height:20px;
width:20px;
position:absolute;
right:-12px;
top:-10px;
border-radius:50%;
border:1px solid black;
}
/****************/
/***fleches calendrier***/
.fleche_droite_calendrier{
width:0px;
border:20px solid transparent;
border-left:30px solid white;
}
.fleche_gauche_calendrier{
width:0px;
border:20px solid transparent;
border-right:30px solid white;
}
/***Calendrier des dates sorties/activités***/
div#date_contenant_activité_lieu
{
width:80px;
height:69px;
position:relative;
z-index:250;
text-align:center;
margin: auto;
float:left;
margin-left:15px;
margin-top:15px;
min-height:15px;
overflow:hidden;
}
div#numero_jour_date_date_contenant_activité_lieu
{
margin-top:0px;
margin:0 auto;
width:80px;
min-height:15px;
overflow:hidden;
text-align:center;
}
div#horaire_jour_date_date_contenant_activité_lieu
{
margin-top:-5px;
width:100%;
min-height:35px;
overflox:hidden;
}
.font_numero_jour_calendrier
{
font-size:42px;
font-weight:900;
font-family: 'Raleway', sans-serif;
text-decoration:none;
color:white;
}
.font_heure_calendrier
{
font-size:18px;
font-weight:300;
font-family: 'Raleway', sans-serif;
text-decoration:none;
color:white;
}
div#date_contenant_activité_lieu:hover .font_heure_calendrier
{
font-size:19px;
-webkit-transition: 0.3s ;
-moz-transition: 0.3s;
transition: 0.3s ;
}
div#date_contenant_activité_lieu:hover .font_numero_jour_calendrier
{
font-size:43px;
-webkit-transition: 0.3s ;
-moz-transition: 0.3s;
transition: 0.3s ;
}
div#libelle_bouton_reserver_sorties
{
text-align:center;
float:right;
width:75%;
top:10px;
height:70px;
right:20px;
position:relative;
font-weight:900;
font-size:34px;
color:white;
font-family:Raleway;
line-height:2.2;
}
div#libelle_bouton_reserver_sorties:hover
{
opacity:0.7;
}
/**********************************************/
/****************/
/***************************************/
/****************************************/
/**********************************************************************************************************/
/***********************************************INFOS PRATIQUES**********************************************/
div#partie_gauche_tuiles_infos_pratiques
{
position:relative;
top:0px;
float:left;
width:49.99%;
border-right:1px black solid;
padding-top:40px;
padding-bottom:40px;
}
div#partie_droite_tuiles_infos_pratiques
{
position:relative;
float:right;
width:50%;
height:100%;
padding-top:40px;
padding-bottom:40px;
}
.logo_labels_infos_pratique
{
width:75px;
height:75px;
}
div#tuile_infos_pratiques_gauche
{
width: 77%;
/* padding-top: 35%; pour height proportionnel à width*/
min-height:80px;
overflow:hidden;
float:left;
margin-bottom:20px;
}
div#tuile_infos_pratiques_droite
{
width: 77%;
/* padding-top: 35%; pour height proportionnel à width*/
min-height:80px;
overflow:hidden;
float:right;
margin-bottom:20px;
}
div#zone_contenu_infos_pratiques_gauche
{
text-align:right;
float:right;
width:90%;
right:20px;
margin-top:20px;
padding-bottom:20px;
position:relative;
min-height:10px;
}
div#zone_contenu_infos_pratiques_droite
{
text-align:left;
float:left;
width:90%;
left:20px;
margin-top:20px;
padding-bottom:20px;
position:relative;
min-height:10px;
}
div#zone_texte_infos_pratiques_gauche
{
overflow:hidden;
min-height:20px;
width:100%;
text-align:right;
}
div#zone_texte_infos_pratiques_droite
{
overflow:hidden;
min-height:20px;
width:100%;
text-align:left;
}
div#zone_titres_icones_infos_pratiques_gauche
{
position:relative;
top:0px;
right:0px;
width:100%;
min-height:10px;
}
div#zone_titres_icones_infos_pratiques_droite
{
position:relative;
top:0px;
left:0px;
width:100%;
min-height:10px;
}
div#picto_tuile_infos_pratiques_gauche
{
width:60px;
height:60px;
float:right;
}
div#picto_tuile_infos_pratiques_droite
{
width:60px;
height:60px;
float:left;
}
div#zone_titres_infos_pratiques_gauche
{
float:left;
width:88%;
min-height:10px;
overflow:hidden;
}
div#zone_titres_infos_pratiques_droite
{
float:right;
width:88%;
min-height:10px;
overflow:hidden;
}
div#titre_infos_pratiques_gauche
{
width:100%;
text-align:right;
}
div#titre_infos_pratiques_droite
{
width:100%;
text-align:left;
}
.titre_tuile_infos_pratiques
{
color:white;
font-size:30px;
font-weight:900;
font-family:Raleway;
}
.sous_titre_tuile_infos_pratiques
{
color:white;
font-size:16px;
font-weight:600;
font-family:Raleway;
background-color:white;
}
div#ss_titre_infos_pratiques_gauche
{
margin-top:5px;
width:100%;
float:right;
}
div#ss_titre_infos_pratiques_droite
{
margin-top:5px;
width:100%;
float:left;
}
.nous_rejoindre_nom_lieu
{
font-family: 'Dancing Script';
font-size:38px;
}
div#carte_nous_rejoindre_lieu
{
margin:0 auto;
width:1000px;
no-repeat center fixed;
-webkit-background-size: cover;
background-size: cover;
height:871px;
}
/**************************************************************************************************************/
/*******************************************PAGE PREPAREZ VOTRE SEJOUR********************************************/
div#zone_texte_central_preparez_votre_sejour
{
position:absolute;
z-index:200;
background-color:white;
min-height:150px;
width:180px;
margin-top:7%;
left:50%;
overflow:auto;
margin-left: -90px;
text-align:center;
font-size:42px;
font-weight:300;
}
div#zone_telechargement_preparez_votre_sejour
{
width:550px;
min-height:30px;
margin:0 auto;
overflow:hidden;
position:relative;
color:white;
padding-bottom:20px;
}
div#zone_titre_zone_telechargement_preparez_votre_sejour
{
margin:0 auto;
width:100%;
height:60px;
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
overflow:hidden;
text-align:center;
font-size:24px;
font-weight:800;
font-fammily:Raleway;
color:white;
}
div#partie_titre_zone_tel_preparez_votre_sejour
{
float:right;
width:85%;
}
.lien_zone_telechargement_preparez_votre_sejour
{
color:white;
font-family:Raleway;
font-size:18px;
font-weight:300;
text-decoration:underline;
}
.lien_zone_telechargement_preparez_votre_sejour:hover
{
text-decoration:none;
}
div#conteneur_zone_comment_venir_preparez_votre_sejour
{
width:100%;
min-height:20px;
overflow:hidden;
display:flex;
display:-ms-flexbox;
display: -webkit- flex;
align-items: flex-start;
}
div#tuile_comment_venir
{
width:400px;
height:500px;
overflow:hidden;
margin:auto;
}
div#titre_tuile_comment_venir
{
margin:0 auto;
text-align:center;
height:100px;
width:92%;
}
h3.titre_tuile_comment_venir_h
{
color:white;
font-size:24px;
font-weight:300;
font-family:Raleway;
}
div#picto_tuile_comment_venir
{
width:100px;
height:100px;
margin:0 auto;
filter: brightness(30%);
-webkit-filter: brightness(30%);
top:30px;
}
div#texte_tuile_comment_venir
{
width:98%;
min-height:30px;
overflow:hidden;
margin:0 auto;
padding-top:30px;
}
/*********************************************FIN PREPAREZ VOTRE SEJOUR*******************************************/
/**********************************************PAGES SEMINAIRES/SCOLAIRES/GROUPES***********************/
/*************Zone libre*************/
div#titre_zone_libre_pages_seminaires
{
width:75%;
padding-top:15px;
padding-bottom:15px;
text-align:center;
font-family:raleway;
font-size:50px;
font-weight:300;
color:#575756;
margin:0 auto;
}
div#zone_texte_central_tuile_seminaires
{
position:absolute;
z-index:200;
background-color:white;
min-height:200px;
font-family: dancing script;
width:350px;
margin-top:1%;
left:50%;
overflow:auto;
margin-left: -175px;
text-align:center;
font-size:54px;
font-weight:300;
}
/*******************************************************************************************************/
/*********************************************PIED DE PAGE**********************************************/
div#pied_page_dbs
{
width:100%;
background-color:#f0f0f0;
min-height:200px;
}
.font_pied_page_light
{
font-family:Raleway;
font-size:16px;
color:#545051;
font-weight:300;
text-decoration:none;
}
.font_pied_page_bold
{
font-family:Raleway;
font-size:16px;
color:#545051;
font-weight:800;
text-decoration:none;
}
div#zone_globale_pied_page_dbs
{
width:80%;
padding-top:30px;
padding-bottom:50px;
min-height:20px;
margin:0 auto;
overflow:auto;
}
div#zone_gauche_pied_page_dbs
{
float:left;
width:39%;
min-height:100px;
}
div#zone_droite_pied_page_dbs
{
float:right;
width:60%;
min-height:100px;
}
div#ss_zone_gauche_pied_page_dbs
{
float:left;
width:49%;
min-height:50px;
}
div#ss_zone_droite_pied_page_dbs
{
float:right;
width:49%;
min-height:50px;
}
div#zone_resaux_sociaux_footer
{
min-height:5px;
overflow:hidden;
text-align:left;
}
/*******************************************************************************************************/
/*****
.clipped {
background: url(image-3.jpg) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
-webkit-background-clip
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-size:125px;
font-family:arial;
}
*******************************************/
/***************EFFET SURVOLS ****>1100**********************************/
@media screen and (min-width: 1100px)
{
/****Mosaic images****/
div#mosaic_images
{
width:95%;
}
/*********************/
/*********Tuile photo lieu*****************************/
div#tuile_zone_photo_gauche:hover .affichage_nom_lieu_tuile
{
display:block;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_zone_photo_gauche:hover #bande_couleur_tuile_lieux_photo_gauche
{
display:none;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_zone_photo_gauche:hover .photo_partie_haute_tuile
{
display:none;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_zone_photo_gauche:hover #fond_photo_tuile_lieux_photo_gauche
{
display:none;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_zone_photo_droite:hover #fond_photo_tuile_lieux_photo_droite
{
display:none;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_seule_lieux_photo:hover #affichage_nom_lieu_tuile_seule
{
display:block;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_seule_lieux_photo:hover #bande_couleur_tuile_lieux_photo_gauche
{
display:none;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_seule_lieux_photo:hover .photo_partie_haute_tuile
{
display:none;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_zone_photo_droite:hover .affichage_nom_lieu_tuile
{
display:block;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_zone_photo_droite:hover #bande_couleur_tuile_lieux_photo_droite
{
display:none;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_zone_photo_droite:hover .photo_partie_haute_tuile
{
display:none;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.2s;
animation-name: fadeIn;
animation-duration: 0.2s;
}
div#tuile_zone_photo_droite:hover .icone_petit_plus_blanc_tuile_lieux_version_mobile
{
display:none;
}
div#tuile_zone_photo_gauche:hover .icone_petit_plus_blanc_tuile_lieux_version_mobile
{
display:none;
}
/***************************************/
}
/*****************************************************************************************************/
@media screen and (max-width: 1400px)
{
/*********************HORAIRES TARIFS HOME**************************/
div#zone_pictos_home
{
display:none;
}
div#zone_horaires_tarifs_picto
{
width:100%;
display:inline;
height:500px;
overflow : visible;
}
div#zone_horaires_home
{
width:140px;
}
div#zone_tarifs_home
{
width:140px;
left:-58px;
}
div#zone_home_horaires_tarifs
{
width:350px;
float:left;
}
div#zone_home_activites_du_jour
{
width:300px;
padding-left:0;
padding-right:5px;
text-align:right;
right:5px;
float:right;
}
.label_evenement_complet
{
top:25px;
right:50px;
position:absolute;
}
.label_evenement_complet_plus_bas
{
top:30px;
right:50px;
position:absolute;
}
/*******************************************************************/
}
/*****************************************************************<1620***************************************************************************/
@media screen and (max-width: 1620px)
{
/*************BOUTON RESA DROITE HOME***********/
div#bouton_resa_billet
{
width:220px;
min-height:25px;
padding:10px;
right:0px;
position:fixed;
top:40%;
z-index:99999;
-moz-border-radius: 0px 0px 0px 10px;
-webkit-border-radius: 0px 0px 0px 10px;
border-radius: 0px 0px 0px 10px;
-webkit-transition: 0.2s ;
-moz-transition: 0.2s;
transition: 0.2s ;
transform: scale(1.0); /* Animation */
-webkit-transform:scale(1.0);
}
div#bouton_resa_billet:hover
{
transform: scale(1.1); /* Animation */
-webkit-transform:scale(1.1);
}
div#zone_logo_bouton_resa
{
width:40px;
height:40px;
top:-18px;
left:-18px;
position:absolute;
}
div#zone_libelle_bouton_resa
{
width:90%;
min-height:5px;
margin:0 auto;
overflow:hidden;
position:relative;
text-align:center;
color:white;
font-size:18px;
font-weight:600;
display: table;
}
/****************FIN BOUTON RESA****************/
/*******************TITRE PRINCIPALE PAGE*************/
div#titre_principale_page
{
padding-top:5px;
}
h1.titre_page_themes
{
font-size:80px;
}
h2.titre_page_themes
{
font-size:80px;
}
/*****************************************************/
.largeur_globale_site
{
width:100%;
}
div#zone1_home
{
height:30%;
}
div#zone2_home
{
height:180px;
/*background-color:red;*/
line-height:80px;
}
div#zone3_home
{
display:none;
/*background-color:purple;*/
}
div#zone4_home
{
position:absolute;
width:100%;
bottom:0px;
/*background-color:yellow;*/
height:10%;
}
div#sans_logo_du_lieu_dbs
{
height:75px;
width:75px;
}
div#logo_du_lieu_dbs_grand
{
height:300px;
width:300px;
}
.titre_principal_homepage
{
font-size:80px;
}
.titre_secondaire_homepage
{
font-size:75px;
}
div#text_intro_home
{
height:auto;
min-height:500px;
}
div#paragraphe_text_intro_home
{
text-align:left;
font-size:17px;
width:90%;
float:none;
margin:0 auto;
}
div#carte_home
{
height:500px;
}
/*****tuiles avec photos**/
div#zone_texte_central_tuile
{
width:200px;
margin-left: -100px;
}
h2.zone_texte_central_tuile_h
{
font-size:28px;
}
div#tuile_zone_photo_gauche
{
height:200px;
}
div#tuile_zone_photo_droite
{
height:200px;
}
.affichage_nom_lieu_tuile
{
height:200px;
}
div#ss_titre_tuile_photo_lieux_gauche
{
margin-top:10px;
right:200px;
}
div#ss_titre_tuile_photo_lieux_droite
{
margin-top:10px;
left:200px;
}
div#ss_titre_tuile_photo_lieux_sorties_gauche
{
margin-top:10px;
right:200px;
}
div#ss_titre_tuile_photo_lieux_sorties_droite
{
margin-top:10px;
left:200px;
}
div#zone_intro_tuile_lieux_photo_gauche
{
width:190px;
float:right;
margin-top:5px;
}
div#zone_intro_tuile_lieux_photo_droite
{
width:190px;
float:left;
margin-top:5px;
}
.font_ss_titre_tuiles_lieux_photos
{
color:white;
font-size:26px;
font-weight:900;
text-decoration:none;
}
.font_intro_tuiles_lieux_photos
{
font-size:12px;
}
.font_intro_tuiles_lieux_photos_grand
{
font-size:16px;
}
div#icone_petit_plus_blanc_tuile_lieux_gauche
{
right:200px;
margin-top:150px;
}
div#icone_petit_plus_blanc_tuile_lieux_droite
{
left:200px;
margin-top:150px;
}
.picto_petit_plus_tuile_lieux
{
width:30px;
height:30px
}
.font_nom_lieux_photos
{
font-size:24px;
}
.picto_tuile_lieu_photo
{
width:70px;
height:70px;
}
/***************TUILES AGENDA************************/
div#zone_tuiles_zone_tuiles_agenda
{
margin-top:0;
}
div#zone_tuiles_zone_tuiles_agenda_carrousel
{
margin-top:0;
}
.titre_zone_tuiles
{
width:80%;
}
.elements_zone_tuiles_agenda
{
width:350px;
min-height:400px;
}
.dates_elements_tuiles_agenda
{
font-size:20px;
}
.titre_elements_tuiles_agenda
{
min-height:30px;
}
.titre_elements_tuiles_agenda_carrousel
{
min-height:30px;
}
.font_titre_elements_tuiles_agenda
{
font-size:18px;
}
.intro_elements_tuiles_agenda
{
margin:0 auto;
width:96%;
font-family:Raleway;
font-size:14px;
}
.detail_elements_tuiles_agenda
{
width:96%;
}
div#element_bouton_zone_tuiles_agenda
{
width:60%;
height:280px;
font-size:40px;
}
div#element_texte_bouton_tuiles_agenda
{
height:180px;
width:100%;
}
div#element_picto_bouton_tuiles_agenda
{
height:100px;
width:100%;
}
.picto_bouton_tuile_agenda
{
width:100px;
height:100px;
}
/*******************************************************/
/*********BON PLAN************/
div#elements_zone_tuiles_bonplan
{
min-height:350px;
}
/***************************/
/******************POUR LES PROS****************************/
div#zone_tuiles_zone_pour_les_pros
{
margin-top:20px;
}
.tuile_zone_pour_pros
{
width:250px;
height:150px;
}
.zone_picto_zone_pour_pros
{
height:110px;
width:250px;
background-color:white;
}
.zone_titre_zone_pour_pros
{
height:40px;
width:250px;
font-size:14px;
line-height:40px;
}
/***********************************************************/
/*************Nos équipes***************/
div#zone_gauche_nos_equipe
{
height:300px;
}
div#zone_droite_nos_equipe
{
height:300px;
}
div#texte_gauche_nos_equipes
{
width:98%;
}
div#texte_droite_nos_equipes
{
width:98%;
}
/***************************************/
/*************************************PAGE BONS PLANS & AGENDA ************************************/
div#dates_elements_tuiles_tout_agenda
{
font-size:18px;
}
div#conteneur_box_bon_plan_agenda
{
width:98%;
}
div#detail_elements_tuiles_page_bonplan_agenda
{
width:92%;
}
/**************************************************************************************************/
/*************************************PAGE RUBRIQUES LIEUX******************************************/
/******activites*****/
div#tuile_zone_activites_gauche
{
height:250px;
}
div#tuile_zone_activites_droite
{
height:250px;
}
div#icone_petit_plus_blanc_tuile_activites_gauche
{
right:200px;
margin-top:160px;
}
div#icone_petit_plus_blanc_tuile_activites_droite
{
left:200px;
margin-top:160px;
}
/******************/
div#zone_texte_central_tuile_paragraphes
{
margin-top:25%;
font-size:40px;
width:200px;
margin-left: -100px;
}
.plushaut
{
padding-bottom:150px;
}
div#zone_gauche_zone_paragraphe
{
min-height:300px;
padding-bottom:100px;
}
div#zone_droite_zone_paragraphe
{
min-height:300px;
}
div#texte_gauche_zone_paragraphe
{
width:98%;
}
div#texte_droite_zone_paragraphe
{
width:98%;
}
/***************************************/
/**************************************************************************************************/
/**************INFOS PRATIQUES**********/
.logo_labels_infos_pratique
{
width:60px;
height:60px;
}
div#picto_tuile_infos_pratiques_gauche
{
width:40px;
height:40px;
}
div#picto_tuile_infos_pratiques_droite
{
width:40px;
height:40px;
}
.titre_tuile_infos_pratiques
{
color:white;
font-size:22px;
font-weight:900;
font-family:Raleway;
}
.sous_titre_tuile_infos_pratiques
{
color:white;
font-size:12px;
font-weight:600;
font-family:Raleway;
background-color:white;
}
/***************************************/
/***********************PREPAREZ VOTRE SEJOUR*******************************/
div#zone_texte_central_preparez_votre_sejour
{
margin-top:10%;
font-size:40px;
width:200px;
margin-left: -100px;
}
div#conteneur_zone_comment_venir_preparez_votre_sejour
{
width:100%;
min-height:20px;
overflow:hidden;
display:flex;
display:-ms-flex;
display: -webkit- flex;
align-items: flex-start;
}
div#tuile_comment_venir
{
width:300px;
min-height:350px;
overflow:hidden;
margin:auto;
}
div#titre_tuile_comment_venir
{
margin:0 auto;
text-align:center;
height:80px;
width:96%;
}
h3.titre_tuile_comment_venir_h
{
color:white;
font-size:20px;
font-weight:300;
font-family:Raleway;
}
div#picto_tuile_comment_venir
{
width:80px;
height:80px;
margin:0 auto;
top:30px;
}
div#texte_tuile_comment_venir
{
width:98%;
min-height:30px;
overflow:hidden;
margin:0 auto;
padding-top:30px;
}
/****************************************************************************/
/******************PAGES SEMINAIRES*************/
div#zone_texte_central_tuile_seminaires
{
width:200px;
margin-left: -100px;
font-size:48px;
}
/*********************************************/
}
/************************************************************/
/***********************************************************************LARGEUR 1100px**********************************************************************/
@media screen and (max-width: 1100px)
{
div#zone_banniere_libre
{
width:98%;
}
div#zone_pictos_home
{
display:none;
}
div#zone_home_horaires_tarifs
{
width:350px;
}
/************************ZONE LIBRE HOMEPAGE*************************/
div#zone_libre_homepage
{
width:98%;
}
div#texte_zone_libre_homepage_impaire
{
width:90%;
}
div#texte_zone_libre_homepage_paire
{
width:90%;
}
.font_titre_zone_libre_homepage
{
font-size:28px;
}
.font_ss_titre_zone_libre_homepage
{
font-size:22px;
}
/*********************FIN ZONE LIBRE HOMEPAGE************************/
/**************FORMULAIRES*******************/
div#trait_vertical_icone_formulaire
{
width:2px;
height:200px;
}
div#trait_vertical_icone_formulaire_resa_lieu
{
width:2px;
height:200px;
}
h2.titre_zone_abonnement_newsletter_h
{
font-size:45px;
}
div#titre_zone_nom_lieu
{
font-size:45px;
}
/********************************************/
/************RECHERCHE*************/
div#zone_resultat_horaires
{
width:95%;
}
/*********************************/
/*******************TITRE PRINCIPALE PAGE*************/
h1.titre_page_themes
{
font-size:55px;
}
h2.titre_page_themes
{
font-size:55px;
}
/*****************************************************/
.lien_standard
{
font-size:16px;
}
.texte_normal
{
font-size:16px;
}
.texte_normal_blanc
{
font-size:16px;
}
.texte_normal_gras
{
font-size:16px;
}
.lien_noir_mega_grand_gras
{
font-size:24px;
}
/********SOCIAL WALL*********/
.titre_social_wall
{
font-size:34px;
}
/***************************/
.titre_principal_homepage
{
font-size:60px;
}
.titre_secondaire_homepage
{
font-size:55px;
}
div#zone1_home
{
height:30%;
}
div#zone2_home
{
height:120px;
/*background-color:green;*/
line-height:50px;
}
div#zone4_home
{
/*background-color:yellow;*/
}
div#logo_du_lieu_dbs_grand
{
height:250px;
width:250px;
}
div#sans_logo_du_lieu_dbs
{
height:125px;
width:125px;
}
/***********Colonne vertebrale*************/
.div_trait
{
width:2px;
}
.rond_colonne_vertebrale
{
border-width:2px;
}
.disparait_apparait
{
display:block;
}
.apparait_disparait
{
display:none;
}
.module_mince_large
{
width:100%;
}
/******************************************/
div#contenu_secondaire
{
overflow:hidden;
}
div#text_intro_home
{
width:100%;
float:none;
margin:0 auto;
min-height:300px;
}
div#carte_home
{
width:98%;
float:none;
margin:0 auto;
height:600px;
overflow-x: hidden;
}
.vignette {
clear:both;
width: 180px;
height: 180px;
position:relative;
margin:0 auto;
top:0px;
left:0;
}
.text_vignette_1
{
font-size:16px;
line-height: 22px;
color:white;
text-decoration:none;
}
.text_vignette_2
{
font-size:14px;
line-height: 20px;
color:white;
text-decoration:none;
}
.circle__content {
display: table-cell;
padding: 0.5em;
vertical-align: middle;
}
.vignette2 {
clear:both;
width: 180px;
height: 180px;
position:relative;
margin:0 auto;
top:0px;
left:0;
}
/********zone tuiles lieux photos********/
div#zone_tuiles_lieux_photos
{
display: block;
align-items: none;
}
div#tuile_seule_lieux_photo
{
width: 80%;
height:300px;
margin:0 auto;
}
div#zone_titre_tuile_seule_lieux_photo
{
position:relative;
right:0;
top:30px;
text-align:center;
float:none;
margin:0 auto;
width:80%;
}
div#zone_texte_central_tuile
{
left:auto;
margin-left:0;
margin-top:0;
position:relative;
min-height:100px;
width:80%;
margin:0 auto;
}
h2.zone_texte_central_tuile_h
{
display:none;
}
div#partie_gauche_tuiles_lieux_photo
{
width:100%;
float:none;
margin:0 auto;
border-right:none;
padding-top:0;
padding-bottom:0;
}
div#partie_droite_tuiles_lieux_photo
{
width:100%;
float:none;
margin:0 auto;
padding-top:0;
padding-bottom:0;
}
div#tuile_zone_photo_gauche
{
width:80%;
float:none;
margin-bottom:0;
margin:0 auto;
height:300px;
display: flex;
display: -webkit-flex;
flex-direction: column;
margin-bottom:0;
}
div#tuile_zone_photo_droite
{
width:80%;
float:none;
margin-bottom:0;
margin:0 auto;
height:300px;
display: flex;
display: -webkit-flex;
flex-direction: column;
margin-bottom:0;
}
div#zone_intro_tuile_lieux_photo_gauche
{
width:98%;
display:none;
float:none;
margin:0 auto;
}
div#zone_intro_tuile_lieux_photo_droite
{
width:98%;
display:none;
float:none;
margin:0 auto;
}
.affichage_nom_lieu_tuile
{
height:300px;
}
div#fond_photo_tuile_lieux_photo_gauche
{
/*display:none;*/
width:100%;
}
div#fond_photo_tuile_lieux_photo_droite
{
/*display:none;*/
width:100%;
}
div#bande_couleur_tuile_lieux_photo_gauche
{
margin-top: auto;
right:0px;
height:150px;
width:100%;
}
div#bande_couleur_tuile_lieux_photo_droite
{
margin-top: auto;
right:0px;
height:150px;
width:100%;
}
.icone_petit_plus_blanc_tuile_lieux_version_mobile
{
display:block;
position:absolute;
z-index:600;
left: 50%; /* à 50%/50% du parent référent */
transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
margin-top:200px;
width:50px;
height:50px;
text-align:center;
}
div#icone_petit_plus_blanc_tuile_lieux_gauche
{
display:none;
}
div#icone_petit_plus_blanc_tuile_lieux_droite
{
display:none;
}
.photo_partie_haute_tuile
{
display:block;
}
div#ss_titre_tuile_photo_lieux_gauche
{
font-size:22px;
position:relative;
margin:0 auto;
bottom:0;
right:0;
left:0;
text-align:center;
width:90%;
margin-top:20px;
}
div#ss_titre_tuile_photo_lieux_droite
{
position:relative;
margin:0 auto;
bottom:0;
right:0;
left:0;
text-align:center;
width:90%;
margin-top:20px;
}
div#ss_titre_tuile_photo_lieux_sorties_gauche
{
font-size:22px;
position:relative;
margin:0 auto;
bottom:0;
right:0;
left:0;
text-align:center;
width:90%;
margin-top:40px;
}
div#ss_titre_tuile_photo_lieux_sorties_droite
{
position:relative;
margin:0 auto;
bottom:0;
right:0;
left:0;
text-align:center;
width:90%;
margin-top:40px;
}
.font_ss_titre_tuiles_lieux_photos
{
font-size:22px;
font-decoration:none;
}
.font_intro_tuiles_lieux_photos
{
font-size:14px;
font-decoration:none;
}
/******************************************/
/***************TUILES AGENDA************************/
.titre_zone_tuiles
{
width:90%;
}
h2.titre_zone_tuile_t
{
font-size:35px;
}
div#zone_photo_tuiles_agenda
{
height:200px;
}
.elements_zone_tuiles_agenda
{
width:270px;
min-height:250px;
margin-left:10px;
margin-right:10px;
}
.zone_dates_elements_tuiles_agenda
{
height:60px;
}
.dates_elements_tuiles_agenda
{
top:5px;
font-size:22px;
}
.zone_picto_elements_tuiles_agenda
{
height:40px;
top:-20px;
}
.zone_picto_elements_tuiles_agenda_carrousel
{
height:40px;
top:-20px;
}
.picto_elements_tuiles_agenda
{
width: 40px;
height: 40px;
}
.picto_elements_tuiles_agenda_carrousel
{
width: 40px;
height: 40px;
}
.titre_elements_tuiles_agenda
{
padding-top:5px;
padding-bottom:5px;
}
.titre_elements_tuiles_agenda_carrousel
{
padding-top:5px;
padding-bottom:5px;
}
.font_titre_elements_tuiles_agenda
{
font-size:12px;
font-weight:900;
}
.intro_elements_tuiles_agenda
{
margin:0 auto;
width:96%;
font-size:12px;
}
.zone_bouton_plus_bas_elements_tuiles_agenda
{
width:100%;
height:30px;
bottom:-5px;
position:absolute;
}
.bouton_plus_bas_elements_tuiles_agenda
{
width:30px;
height:30px;
border-radius: 15px;
margin:0 auto;
}
div#element_bouton_zone_tuiles_agenda
{
width:70%;
font-size:36px;
height:250px;
}
div#element_texte_bouton_tuiles_agenda
{
height:140px;
width:100%;
}
div#element_picto_bouton_tuiles_agenda
{
height:80px;
width:100%;
}
.picto_bouton_tuile_agenda
{
width:90px;
height:90px;
}
div#picto_bouton_zone_tuiles_agenda
{
text-align:center;
margin-top:10px;
width:100%;
}
div#bouton_voir_agenda_complet
{
width:50%;
font-weight:600;
font-size:18px;
}
/*******************************************************/
/***************TUILES BON PLAN************************/
div#titre_zone_tuiles_bonplan
{
width:90%;
margin:0 auto;
}
h2.titre_zone_tuiles_bonplan_t
{
font-size:60px;
}
div#zone_tuiles_zone_tuiles_bonplan
{
margin-top:0px;
}
div#zone_photo_tuiles_bonplan
{
height:200px;
}
div#elements_zone_tuiles_bonplan
{
width:270px;
min-height:300px;
margin-left:10px;
margin-right:10px;
}
div#zone_dates_elements_tuiles_bonplan
{
height:60px;
}
div#dates_elements_tuiles_bonplan
{
top:5px;
font-size:14px;
}
div#zone_picto_elements_tuiles_bonplan
{
height:80px;
top:-20px;
}
/******************VIGNETTE BON PLAN********************/
.vignette_bonplan {
width: 80px;
height: 80px;
/*border: 2px solid #fff;*/
top:-20px;
}
.text_vignette_1_bonplan
{
font-size:24px;
line-height: 22px;
}
.text_vignette_2_bonplan
{
font-size:14px;
line-height: 20px;
}
/*********************FIN VIGNETTE BON PLAN********************/
div#picto_elements_tuiles_bonplan
{
width: 40px;
height: 40px;
}
div#titre_elements_tuiles_bonplan
{
padding-top:5px;
padding-bottom:5px;
}
.font_titre_elements_tuiles_bonplan
{
font-size:12px;
font-weight:900;
}
div#detail_elements_tuiles_bonplan
{
font-size:12px;
}
div#zone_bouton_plus_bas_elements_tuiles_bonplan
{
width:100%;
height:30px;
bottom:-5px;
position:absolute;
}
div#bouton_plus_bas_elements_tuiles_bonplan
{
width:30px;
height:30px;
border-radius: 15px;
margin:0 auto;
}
div#element_bouton_zone_tuiles_bonplan
{
width:70%;
font-size:36px;
}
.picto_bouton_tuile_bonplan
{
width:70px;
height:70px;
}
div#picto_bouton_zone_tuiles_bonplan
{
text-align:center;
margin-top:10px;
width:100%;
}
div#bouton_voir_bonplan_complet
{
width:50%;
font-weight:600;
font-size:18px;
}
/*******************************************************/
/******************POUR LES PROS****************************/
div#zone_tuiles_zone_pour_les_pros
{
display:block;
display: -webkit- block;
padding-bottom:100px;
align-items: 0;
margin-top:0px;
}
div#zone_texte_explicatif_pour_les_pros
{
width:80%;
text-align:center;
margin:0 auto;
}
.tuile_zone_pour_pros
{
margin:0 auto;
width:80%;
height:150px;
}
.zone_picto_zone_pour_pros
{
height:110px;
width:100%;
}
.picto_pour_les_pros
{
padding-top:10px;
width:150px;
}
.zone_titre_zone_pour_pros
{
height:40px;
width:100%;
font-size:22px;
line-height:40px;
}
/***********************************************************/
/**********COLONNE VERTEBRALE************/
.colonne_vertebrale_trait
{
height:80px;
}
/***************************************/
/*****************HOMEPAGE**************/
div#zone_photo_tuiles_homepage_footer
{
height:400px;
}
div#titre_photo_tuiles_homepage_footer
{
height:50px;
bottom:20px;
font-size:50px;
}
/******************************************/
/****************************HOMEPAGE LIEUX****************************/
div#text_intro_home_lieux
{
width:100%;
float:none;
margin:0 auto;
min-height:100px;
padding-top:15px;
}
div#text2_intro_home_lieux
{
width:100%;
float:none;
margin:0 auto;
min-height:100px;
padding-bottom:30px;
}
div#message_zone_info_home
{
padding-left:10px;
padding-right:10px;
}
div#zone_icones_reseaux_sociaux
{
float:none;
width:90%;
min-height:10px;
margin:0 auto;
position: relative;
top:auto;
left: auto;
transform: none;
display:flex;
display: -webkit-flex;
}
div#paragraphe_text_intro_home_lieux
{
width:90%;
margin:0 auto;
float:none;
text-align:center;
padding-top:20px;
}
div#paragraphe_text2_intro_home_lieux
{
width:90%;
margin:0 auto;
float:none;
text-align:center;
}
/*************Nos équipes***************/
div#contenu_gauche_nos_equipes
{
width:98%;
}
div#contenu_droite_nos_equipes
{
width:98%;
}
div#zone_gauche_nos_equipe
{
height:250px;
border:0;
}
div#zone_droite_nos_equipe
{
height:250px;
}
.font_titre_nomprenom_salarie
{
font-size:24px;
}
.font_titre_fonction_salarie
{
font-size:16px;
}
div#fleche_grande_gauche_nos_equipe
{
display:none;
}
div#fleche_grande_droite_nos_equipe
{
display:none;
}
div#fleche_petite_gauche_nos_equipe
{
display:block;
}
div#fleche_petite_droite_nos_equipe
{
display:block;
}
div#titre_personne_gauche_nos_equipes
{
width:92%;
}
div#titre_personne_droite_nos_equipes
{
width:92%;
}
/***************************************/
/*****A faire aux alentours*****/
div#zone_gauche_a_faire_alentours
{
border-right:2px black solid;
}
div#contenu_zone_gauche_a_faire_alentours
{
padding-top:20px;
float:none;
text-align:center;
right:0;
}
div#contenu_zone_droite_a_faire_alentours
{
float:none;
text-align:center;
left:0;
}
/*******************************/
/**********************************************************************/
/*************************************PAGE QUE FAIRE**************************/
div#titre_commande_depliants_que_faire
{
top:15px;
right:10px;
width:380px;
height:40px;
font-size:28px;
}
/*****************************************************************************/
/*************************************PAGE BONS PLANS & AGENDA ************************************/
div#dates_elements_tuiles_tout_agenda
{
top:15px;
font-size:22px;
}
div#input_date_recherche_agenda
{
width:98%;
float:none;
text-align:center;
margin:0 auto;
padding-bottom:30px;
}
div#input_select_recherche_agenda
{
width:98%;
float:none;
margin:0 auto;
text-align:center;
}
/**************************************************************************************************/
/******************************************PAGE RUBRIQUES LIEUX ************************************/
/********activités / ateliers***********/
div#icone_petit_plus_blanc_tuile_activites_gauche
{
display:block;
position:absolute;
z-index:600;
left: 50%; /* à 50%/50% du parent référent */
transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
margin-top:190px;
width:60px;
height:60px;
text-align:center;
}
div#icone_petit_plus_blanc_tuile_activites_droite
{
display:block;
position:absolute;
z-index:600;
left: 50%; /* à 50%/50% du parent référent */
transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
margin-top:190px;
width:60px;
height:60px;
text-align:center;
}
div#rond_magic_bas
{
display:none;
}
div#rond_magic_haut
{
display:none;
}
/***************************************/
/*************Paragraphe***************/
div#zone_texte_central_tuile_paragraphes
{
left:auto;
margin-left:0;
margin-top:0;
position:relative;
min-height:100px;
width:90%;
margin:0 auto;
font-size:36px;
}
div#zone_gauche_zone_paragraphe
{
height:auto;
float:none;
margin:0 auto;
min-height:0;
width:98%;
padding-top:10px;
padding-bottom:10px;
border:none;
}
div#zone_droite_zone_paragraphe
{
min-height:0;
height:auto;
float:none;
margin:0 auto;
width:98%;
padding-top:10px;
padding-bottom:10px;
}
div#contenu_gauche_zone_paragraphe
{
float:none;
margin:0 auto;
width:100%;
display: inline-block;
}
div#contenu_droite_zone_paragraphe
{
float:none;
margin:0 auto;
width:100%;
}
div#texte_gauche_zone_paragraphe
{
width:98%;
left:auto;
margin:0 auto;
float:none;
text-align:center;
}
div#texte_droite_zone_paragraphe
{
width:98%;
right:auto;
margin:0 auto;
float:none;
text-align:center;
}
.font_titre_zone_paragraphe
{
font-size:26px;
}
.font_intro_zone_paragraphe
{
font-size:18px;
}
/*************Zone libre*************/
div#titre_zone_libre_rubrique_lieux
{
width:98%;
padding-top:20px;
}
h2.titre_zone_libre_rubrique_lieux_h
{
font-size:46px;
}
h3.titre_zone_libre_rubrique_lieux_h
{
font-size:46px;
}
div#zone_texte_zone_libre_rubrique_lieux
{
width:90%;
}
zone_texte_zone_libre_rubrique_lieux_ss_titre
{
width:90%;
}
/*************************************/
/***********ZONE SUPPLEMENTAIRE**********/
div#partie_gauche_zone_supplementaire_rubrique_lieux
{
float:none;
margin:0 auto;
width:98%;
border-right: 0;
min-height:100px;
text-align:center;
padding-top:0;
padding-bottom:10px;
overflow:hidden;
}
div#partie_droite_zone_supplementaire_rubrique_lieux
{
float:none;
margin:0 auto;
width:98%;
min-height:100px;
text-align:center;
padding-top:0;
padding-bottom:10px;
overflow:hidden;
}
div#contenu_partie_gauche_zone_supplementaire_rubrique_lieux
{
float:none;
margin:0 auto;
width:90%;
right:0;
}
div#contenu_partie_droite_zone_supplementaire_rubrique_lieux
{
float:none;
margin:0 auto;
width:90%;
left:0;
}
div#picto_zone_telechargement_suppl
{
top: 48%;
left: 15%;
transform: translate(-50%,-50%);
width:70px;
height:70px;
position:absolute;
}
/****************************************/
/**********ATELIERS/SORTIES********/
div#titre_formulaire_recherche_activite
{
font-size:50px;
}
div#picto_titre_recherche_activites
{
width:90px;
height:90px;
}
div#tuile_zone_activites_gauche
{
width:80%;
float:none;
margin-bottom:0;
margin:0 auto;
height:300px;
display: flex;
display: -webkit-flex;
flex-direction: column;
margin-bottom:0;
}
div#tuile_zone_activites_droite
{
width:80%;
float:none;
margin-bottom:0;
margin:0 auto;
height:300px;
display: flex;
display: -webkit-flex;
flex-direction: column;
margin-bottom:0;
}
div#contenu_zone_activites_gauche
{
width:80%;
float:none;
margin-bottom:0;
margin:0 auto;
}
div#contenu_zone_activites_droite
{
width:80%;
float:none;
margin-bottom:0;
margin:0 auto;
}
/***********************************/
/**********************************************************************************************************/
/*************************************************************************************************/
/***************************INFOS PRATIQUES****************************/
.logo_labels_infos_pratique
{
width:80px;
height:80px;
}
div#partie_gauche_tuiles_infos_pratiques
{
width:100%;
float:none;
margin:0 auto;
border-right:none;
padding-top:0;
padding-bottom:0;
}
div#partie_droite_tuiles_infos_pratiques
{
width:100%;
float:none;
margin:0 auto;
padding-top:0;
padding-bottom:0;
}
div#tuile_infos_pratiques_gauche
{
width:80%;
float:none;
margin-bottom:0;
margin:0 auto;
display: flex;
display: -webkit-flex;
flex-direction: column;
margin-bottom:0;
}
div#tuile_infos_pratiques_droite
{
width:80%;
float:none;
margin-bottom:0;
margin:0 auto;
display: flex;
display: -webkit-flex;
flex-direction: column;
margin-bottom:0;
}
div#zone_contenu_infos_pratiques_gauche
{
text-align:center;
margin:0 auto;
float:none;
width:95%;
right:0;
}
div#zone_contenu_infos_pratiques_droite
{
text-align:center;
margin:0 auto;
float:none;
width:95%;
left:0;
}
div#zone_titres_infos_pratiques_gauche
{
float:none;
margin:0 auto;
width:90%;
text-align:center;
}
div#zone_titres_infos_pratiques_droite
{
float:none;
margin:0 auto;
width:90%;
text-align:center;
}
div#titre_infos_pratiques_gauche
{
margin-top:5px;
width:100%;
float:none;
text-align:center;
}
div#titre_infos_pratiques_droite
{
margin-top:5px;
width:100%;
float:none;
text-align:center;
}
div#ss_titre_infos_pratiques_gauche
{
margin-top:5px;
margin-bottom:5px;
width:100%;
float:none;
text-align:center;
}
div#ss_titre_infos_pratiques_droite
{
margin-top:5px;
margin-bottom:5px;
width:100%;
float:none;
text-align:center;
}
div#picto_tuile_infos_pratiques_gauche
{
width:50px;
height:50px;
float:none;
margin:0 auto;
}
div#picto_tuile_infos_pratiques_droite
{
width:50px;
height:50px;
float:none;
margin:0 auto;
}
div#zone_texte_infos_pratiques_gauche
{
text-align:center;
padding-top:10px;
}
div#zone_texte_infos_pratiques_droite
{
text-align:center;
padding-top:10px;
}
div#carte_nous_rejoindre_lieu
{
width:700px;
height:700px;
}
/********************************************************************/
/****************************PREPAREZ VOTRE SEJOUR********************************/
div#zone_texte_central_preparez_votre_sejour
{
left:auto;
margin-left:0;
margin-top:0;
position:relative;
min-height:60px;
width:90%;
margin:0 auto;
font-size:36px;
}
div#conteneur_zone_comment_venir_preparez_votre_sejour
{
width:100%;
min-height:20px;
overflow:hidden;
display:inline;
}
div#tuile_comment_venir
{
width:98%;
min-height:350px;
height:auto;
overflow:auto;
margin:0 auto;
padding-bottom:30px;
}
div#titre_tuile_comment_venir
{
margin:0 auto;
text-align:center;
height:60px;
width:96%;
}
h3.titre_tuile_comment_venir_h
{
color:white;
font-size:20px;
font-weight:300;
font-family:Raleway;
}
div#picto_tuile_comment_venir
{
width:80px;
height:80px;
margin:0 auto;
top:30px;
}
div#texte_tuile_comment_venir
{
width:98%;
min-height:30px;
overflow:hidden;
margin:0 auto;
padding-top:20px;
padding-bottom:20px;
text-align:center;
}
/*********************************************************************************/
/***********************PAGES SEMINAIRES/SCOLAIRES/GROUPES***********************/
div#titre_zone_libre_pages_seminaires
{
width:98%;
padding-top:20px;
font-size:46px;
}
div#zone_texte_central_tuile_seminaires
{
left:auto;
margin-left:0;
margin-top:0;
position:relative;
min-height:100px;
width:80%;
margin:0 auto;
font-size:56px;
}
/*******************************************************************************/
/***************PIED DE PAGE***************/
div#zone_globale_pied_page_dbs
{
width:95%;
padding-top:30px;
padding-bottom:40px;
}
.font_pied_page_light
{
font-size:12px;
}
.font_pied_page_bold
{
font-size:12px;
}
/*******************************************/
div#picto_inscription_newsletter
{
width:140px;
height:140px;
bottom:-10px;
right:30px;
}
}
/********************************************************************************/
/**************************LARGEUR 700px*****************************************/
@media screen and (max-width: 700px)
{
/*************HORAIRES TARIFS HOMEPAGE****************/
div#zone_horaires_tarifs_picto_generale
{
bottom:60px;
}
div#fond_black_degrade_horaires_tarifs_animations_du_jour
{
height:400px;
}
div#zone_home_horaires_tarifs
{
width:98%;
margin:0 auto;
float : none;
}
div#zone_horaires_home
{
position:relative;
border-right:0;
text-align:left;
padding-left:5px;
left:0px;
}
div#zone_tarifs_home
{
position:relative;
border-left:0;
text-align:right;
padding-right:5px;
left:0;
right:0px;
}
div#zone_home_activites_du_jour
{
display:none;
}
div#bouton_plus_gauche_home_horaires
{
left:5px;
}
div#bouton_plus_droite_home_tarifs
{
right:5px;
}
div#zone_texte_horaire_left
{
left:5px;
text-align:left;
}
div#zone_texte_tarif_droite
{
right:5px;
text-align:right;
}
/******************************************************/
/****************RECHERCHE ACTIVITES*********************/
div#zone_generale_recherche_activites
{
right:auto;
margin: 1% auto;
left:0;
right:0;
border-radius:0px 0px 3px 3px;
}
div#element_bouton_recherche
{
position:relative;
right:-50px;
}
/********************************************************/
h2.titre_zone_formulaire_h
{
font-size:42px;
}
/******BOUTON RESA DROITE HOME*******/
div#bouton_resa_billet
{
width:100%;
height:30px;
right:0px;
position:fixed;
padding:5px;
top:unset;
bottom:0px;
z-index:99999;
box-shadow: 2px -2px 1px #262626;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
-webkit-transition: 0.2s ;
-moz-transition: 0.2s;
transition: 0.2s ;
transform: scale(1.0); /* Animation */
-webkit-transform:scale(1.1);
}
div#bouton_resa_billet:hover
{
transform: scale(1.1); /* Animation */
-webkit-transform:scale(1.1);
}
div#zone_logo_bouton_resa
{
display:none;
}
div#zone_libelle_bouton_resa
{
width:90%;
margin:0 auto;
position:relative;
text-align:center;
color:white;
font-size:18px;
font-weight:700;
}
/*********************************************/
/**********************************ZONE TELECHARGEMENT TUILES PAGE SECONDAIRES*****************************/
div#conteneur_telechargement_tuiles_documents1
{
justify-content: center;
}
div#tuile_telechargement_document1
{
width:250px;
height:350px;
}
div#fond_gris_titre_doc_tel
{
top:300px;
text-align:center;
}
div#titre_milieux_document_telechargement1
{
width:250px;
}
.zone_fond_tele_document1
{
height:350px;
}
div#icone_telechargement_document1
{
top:130px;
}
/****************************************************************************************/
/***********************FORMULAIRE*********************/
/*****zone date 3 select*****/
div#zone_date_naissance_formulaire
{
width:200px;
text-align:center;
margin:0 auto;
}
/*****************************/
/***De à ****/
div#zone_horaire_formulaire_de
{
width:100%;
float:none;
margin:0 auto;
text-align:center;
padding-bottom:15px;
}
div#zone_horaire_formulaire_a
{
width:100%;
float:none;
margin:0 auto;
text-align:center;
}
.select_petit
{
height:40px;
width:98%;
}
.select_petit_formuklaire_resa_lieur
{
height:40px;
width:98%;
margin:0 auto;
}
/****Icone du formulaire****/
div#icone_formulaire
{
right:-50px;
width:100px;
height:100px;
}
div#icone_formulaire_resa_lieu
{
right:-50px;
width:100px;
height:100px;
}
div#titre_zone_abonnement_newsletter
{
width:98%;
}
h2.titre_zone_abonnement_newsletter_h
{
font-size:38px;
}
div#titre_zone_nom_lieu
{
width:98%;
font-size:38px;
}
.texte_formulaire
{
margin:0 auto;
width:98%;
font-size:24px;
}
.texte_formulaire_newsletter
{
margin:0 auto;
width:80%;
font-size:24px;
}
.input_text_area_saisie
{
margin:0 auto;
width:98%;
font-size:24px;
display: block;
margin-left: auto;
margin-right: auto;
}
/****zone bouton****/
div#bouton_formulaire
{
padding-left:0;
text-align:center;
}
div#zone_bouton_formulaire_gauche
{
float:none;
margin:0 auto;
width:98%;
text-align:center;
height:70px;
}
div#zone_bouton_formulaire_droite
{
float:none;
margin:0 auto;
width:98%;
text-align:center;
height:70px;
}
/********************/
/****************************************************/
/************RECHERCHE*************/
div#zone_resultat_horaires
{
width:100%;
}
/*********************************/
/*******************TITRE PRINCIPALE PAGE*************/
h1.titre_page_themes
{
font-size:50px;
}
h2.titre_page_themes
{
font-size:50px;
}
/*****************************************************/
.lien_standard
{
font-size:18px;
}
.lien_standard_rouge
{
font-size:18px;
}
.texte_normal
{
font-size:18px;
}
.texte_normal_blanc
{
font-size:18px;
}
.texte_normal_gras
{
font-size:18px;
}
.lien_noir_mega_grand_gras
{
font-size:16px;
}
.titre_principal_homepage
{
font-size:38px;
}
.titre_secondaire_homepage
{
font-size:35px;
}
div#zone2_home
{
height:85px;
/*background-color:grey;*/
line-height:35px;
}
/*div#text_intro_home
{
min-height:300px;
}*/
div#carte_home
{
height:300px;
}
/*******tuiles lieux + photo*****/
div#tuile_zone_photo_gauche
{
width:100%;
}
div#tuile_zone_photo_droite
{
width:100%;
}
.font_intro_tuiles_lieux_photos
{
font-size:14px;
}
/*********************************/
/**************TUILES AGENDA******************************/
div#zone_tuiles_zone_tuiles_agenda
{
display:block;
display: -webkit- block;
padding-bottom:100px;
align-items: 0;
margin-top:0px;
}
div#zone_tuiles_zone_tuiles_agenda_carrousel
{
display:block;
display: -webkit- block;
padding-bottom:100px;
align-items: 0;
margin-top:0px;
}
.zone_dates_elements_tuiles_agenda
{
height:60px;
}
.dates_elements_tuiles_agenda
{
top:10px;
font-size:22px;
}
.zone_picto_elements_tuiles_agenda
{
height:50px;
top:-25px;
}
.zone_picto_elements_tuiles_agenda_carrousel
{
height:50px;
top:-25px;
}
.picto_elements_tuiles_agenda
{
width: 50px;
height: 50px;
}
.picto_elements_tuiles_agenda_carrousel
{
width: 50px;
height: 50px;
}
.elements_zone_tuiles_agenda
{
width:90%;
min-height:270px;
margin-bottom:50px;
margin-left:5%;
}
.font_titre_elements_tuiles_agenda
{
font-size:20px;
}
.font_titre_elements_tuiles_agenda_carrousel
{
font-size:18px;
}
div#element_bouton_zone_tuiles_agenda
{
width:75%;
height:350px;
font-size:50px;
overflow:hidden;
}
div#element_texte_bouton_tuiles_agenda
{
height:210px;
width:100%;
}
div#element_picto_bouton_tuiles_agenda
{
height:90px;
width:100%;
}
.picto_bouton_tuile_agenda
{
width:110px;
height:110px;
}
div#picto_bouton_zone_tuiles_agenda
{
text-align:center;
margin-top:20px;
width:100%;
}
.font_titre_elements_tuiles_agenda
{
font-size:22px;
}
.font_titre_elements_tuiles_agenda_carrousel
{
font-size:20px;
}
.intro_elements_tuiles_agenda
{
min-height:100px;
font-size:18px;
}
.detail_elements_tuiles_agenda
{
font-size:18px;
}
.zone_bouton_plus_bas_elements_tuiles_agenda
{
width:100%;
height:60px;
bottom:-20px;
}
.bouton_plus_bas_elements_tuiles_agenda
{
width:60px;
height:60px;
border-radius: 30px;
}
div#bouton_voir_agenda_complet
{
width:60%;
font-size:18px;
}
/*******************************************************/
/**************TUILES BON BLAN******************************/
div#zone_tuiles_zone_tuiles_bonplan
{
display:block;
display: -webkit- block;
padding-bottom:10px;
align-items: 0;
margin-top:0px;
}
div#zone_dates_elements_tuiles_bonplan
{
height:60px;
}
div#dates_elements_tuiles_bonplan
{
top:10px;
font-size:18px;
}
div#zone_picto_elements_tuiles_bonplan
{
height:50px;
top:-25px;
}
.font_numero_jour_calendrier
{
font-size:35px;
}
.font_heure_calendrier
{
font-size:14px;
}
/******************VIGNETTE BON PLAN********************/
.vignette_bonplan {
width: 100px;
height: 100px;
/*border: 2px solid #fff;*/
top:-30px;
}
.text_vignette_1_bonplan
{
font-size:24px;
line-height: 22px;
}
.text_vignette_2_bonplan
{
font-size:14px;
line-height: 20px;
}
/*********************FIN VIGNETTE BON PLAN********************/
div#picto_elements_tuiles_bonplan
{
width: 50px;
height: 50px;
}
div#elements_zone_tuiles_bonplan
{
width:90%;
min-height:400px;
margin-bottom:0px;
margin-left:5%;
}
div#element_bouton_zone_tuiles_bonplan
{
width:75%;
height:auto;
font-size:50px;
overflow:hidden;
}
.picto_bouton_tuile_bonplan
{
width:80px;
height:80px;
}
div#picto_bouton_zone_tuiles_bonplan
{
text-align:center;
margin-top:20px;
width:100%;
}
.font_titre_elements_tuiles_bonplan
{
font-size:22px;
}
div#detail_elements_tuiles_bonplan
{
font-size:18px;
}
div#zone_bouton_plus_bas_elements_tuiles_bonplan
{
width:100%;
height:60px;
bottom:-20px;
z-index:700;
}
div#bouton_plus_bas_elements_tuiles_bonplan
{
width:60px;
height:60px;
border-radius: 30px;
}
div#bouton_voir_bonplan_complet
{
width:60%;
font-size:18px;
}
/*******************************************************/
/************POUR LES PROS***********/
.zone_titre_zone_pour_pros
{
font-size:20px;
}
/************************************/
/****************COLONNE VERTEBRALE************/
.disparait_apparait_700
{
display:block;
}
.apparait_disparait_700
{
display:none;
}
/**********************************************/
/**********HOMEPAGE**********/
div#zone_photo_tuiles_homepage_footer
{
height:300px;
}
div#titre_photo_tuiles_homepage_footer
{
height:50px;
bottom:30px;
font-size:60px;
}
/*****************************/
/**********************HOMEPAGE LIEUX*****************/
/****bouton infos pratiques homepage*****/
div#zone_bouton_les_infos_pratiques_home_lieux
{
width:400px;
height:80px;
}
div#rond_picto_les_infos_pratiques_home_lieux
{
width:70px;
height:70px;
}
div#zone_titre_les_infos_pratiques_home_lieux
{
top:10px;
right:0px;
width:350px;
height:60px;
}
div#titre_les_infos_pratiques_home_lieux
{
top:17px;
right:10px;
width:300px;
height:30px;
font-size:22px;
}
/****************************************/
/*************Nos équipes***************/
div#zone_gauche_nos_equipe
{
height:auto;
float:none;
margin:0 auto;
width:98%;
padding-top:20px;
padding-bottom:20px;
}
div#zone_droite_nos_equipe
{
height:auto;
float:none;
margin:0 auto;
width:98%;
padding-top:20px;
padding-bottom:20px;
}
div#contenu_gauche_nos_equipes
{
float:none;
margin:0 auto;
width:100%;
display: inline-block;
}
div#contenu_droite_nos_equipes
{
float:none;
margin:0 auto;
width:100%;
}
div#fleche_grande_droite_nos_equipe
{
display:none;
}
div#fleche_grande_gauche_nos_equipe
{
display:none;
}
div#fleche_petite_droite_nos_equipe
{
display:none;
}
div#fleche_petite_gauche_nos_equipe
{
display:none;
}
div#titre_personne_gauche_nos_equipes
{
float:none;
margin:0 auto;
width:98%;
text-align:center;
}
div#titre_personne_droite_nos_equipes
{
float:none;
margin:0 auto;
width:98%;
text-align:center;
}
div#texte_gauche_nos_equipes
{
width:98%;
left:auto;
margin:0 auto;
float:none;
}
div#texte_droite_nos_equipes
{
width:98%;
right:auto;
margin:0 auto;
float:none;
}
.font_titre_nomprenom_salarie
{
font-size:26px;
}
.font_titre_fonction_salarie
{
font-size:18px;
}
/***************************************/
/*****A faire aux alentours*****/
div#zone_gauche_a_faire_alentours
{
width:98%;
margin:0 auto;
float:none;
border:0;
padding-bottom:5px;
}
div#zone_droite_a_faire_alentours
{
width:98%;
margin:0 auto;
float:none;
}
/*******************************/
/****************************************************/
/*************************************PAGE QUE FAIRE**************************/
div#titre_commande_depliants_que_faire
{
top:17px;
right:10px;
width:300px;
height:30px;
font-size:22px;
}
/*****************************************************************************/
/**************************************************PAGE RUBRIQUES LIEUX***********************************************/
/**********activites et ateliers*********/
div#texte_contenu_tuiles_activites
{
width:95%;
padding:0;
}
/*****************************************/
div#zone_texte_central_tuile_paragraphes
{
width:98%;
font-size:28px;
}
/*****zone telechargement****/
div#zone_telechargement_rubriques
{
width:95%;
margin:0 auto;
min-height:20px;
}
div#picto_zone_telechargement
{
top: 48%;
left: 12%;
transform: translate(-50%,-50%);
width:50px;
height:50px;
position:absolute;
}
div#zone_liens_telechargement_avec_picto
{
margin-right:5px;
margin-top:20px;
float:right;
width:75%;
position:relative;
}
div#zone_liens_telechargement_sans_picto
{
width:96%;
overflow:hidden;
}
.lien_zone_telechargement_blanc
{
font-size:18px;
}
.lien_zone_telechargement_blanc:hover
{
text-decoration:underline;
}
/****************************/
/***********ZONE PUB ZONE SUPPLEMENTAIRE 2***************/
div#zone_supplementaire_2_rubrique_lieu
{
padding-top:0;
padding-bottom:0;
position:relative;
margin:0 auto;
width:98%;
min-height:20px;
}
div#texte_zone_supplementaire_2_rubrique_lieu
{
text-align:center;
left:0;
padding-left:0px;
padding-right:0px;
padding-bottom:15px;
padding-top:15px;
width:100%;
min-height:50px;
-moz-opacity:0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
/********************************************************/
/*************Zone libre*************/
h2.titre_zone_libre_rubrique_lieux_h
{
font-size:32px;
}
h3.titre_zone_libre_rubrique_lieux_h
{
font-size:32px;
}
div#zone_texte_zone_libre_rubrique_lieux
{
width:98%;
}
div#zone_texte_zone_libre_rubrique_lieux_ss_titre
{
width:98%;
}
/*************************************/
/***********ZONE SUPPLEMENTAIRE**********/
div#picto_zone_telechargement_suppl
{
top: 48%;
left: 15%;
transform: translate(-50%,-50%);
width:50px;
height:50px;
position:absolute;
}
/****************************************/
/*************ATELIERS/SORTIES********/
div#titre_formulaire_recherche_activite
{
font-size:30px;
padding:5px;
}
div#picto_titre_recherche_activites
{
width:60px;
height:60px;
}
div#zone_input_date_debut
{
float:none;
width:98%;
margin:0 auto;
padding:5px;
text-align:center;
}
div#zone_input_date_fin
{
float:none;
width:98%;
margin:0 auto;
padding:5px;
text-align:center;
}
div#tuile_zone_activites_gauche
{
width:100%;
}
div#tuile_zone_activites_droite
{
width:100%;
}
div#contenu_zone_activites_gauche
{
width:100%;
}
div#contenu_zone_activites_droite
{
width:100%;
}
div#libelle_bouton_reserver_sorties
{
width:75%;
font-size:28px;
line-height:2.4;
}
/***************************************/
/*************************************************************************************************************/
/*********************************INFOS PRATIQUES*************************************/
.logo_labels_infos_pratique
{
width:60px;
height:60px;
}
div#tuile_infos_pratiques_gauche
{
width:100%
}
div#tuile_infos_pratiques_droite
{
width:100%
}
.nous_rejoindre_nom_lieu
{
font-size:26px;
}
div#carte_nous_rejoindre_lieu
{
width:95%;
height:500px;
}
/*************************************************************************************/
/*******************************************PAGE PREPAREZ VOTRE SEJOUR********************************************/
div#zone_texte_central_preparez_votre_sejour
{
width:98%;
font-size:28px;
min-height:10px;
overflow:hidden;
}
div#zone_telechargement_preparez_votre_sejour
{
width:98%;
margin:0 auto;
min-height:20px;
}
div#zone_titre_zone_telechargement_preparez_votre_sejour
{
width:90%;
font-size:24px;
padding:15px;
}
div#partie_titre_zone_tel_preparez_votre_sejour
{
width:80%;
}
.lien_zone_telechargement_preparez_votre_sejour
{
font-size:16px;
}
.lien_zone_telechargement_preparez_votre_sejour:hover
{
text-decoration:none;
}
/*********************************************FIN PREPAREZ VOTRE SEJOUR*******************************************/
/**************************************PAGES SEMINAIRES/SCOLAIRES/GROUPES***********************/
div#titre_zone_libre_pages_seminaires
{
font-size:32px;
}
/***********************************************************************************************/
/*********************PIED DE PAGE********************/
div#zone_gauche_pied_page_dbs
{
float:none;
width:40%;
margin:0 auto;
padding-top:30px;
}
div#zone_droite_pied_page_dbs
{
float:none;
width:40%;
margin:0 auto;
}
div#ss_zone_gauche_pied_page_dbs
{
padding-top:30px;
float:none;
width:100%;
margin:0 auto;
}
div#ss_zone_droite_pied_page_dbs
{
padding-top:30px;
float:none;
width:100%;
margin:0 auto;
}
div#zone_resaux_sociaux_footer
{
text-align:center;
margin:0 auto;
width:80%;
display: flex;
margin-top:20px;
margin-bottom:20px;
}
.icone_reseaux_sociaux_home_lieu
{
float : none;
margin-right:0;
margin:auto;
}
.font_pied_page_light
{
font-size:16px;
}
.font_pied_page_bold
{
font-size:16px;
}
div#info_cookies_dbs
{
min-height:30px;
}
div#message_cookies_dbs
{
margin:0 auto;
margin-top:10%;
}
/*****************************************************/
div#sans_logo_du_lieu_dbs
{
height:100px;
width:100px;
}
}
/*********************************************************************************/
/**************************LARGEUR 500px*****************************************/
@media screen and (max-width: 500px)
{
/**************Formulaires*****************/
select_petit_horaires
{
width:100px;
}
/*******************************************/
/**********************************FIL ARIANE******************************/
.font_fil_ariane_normal
{
font-size:14px;
}
.font_fil_ariane_gras
{
font-size:14px;
}
.font_fil_ariane_surligne
{
font-size:14px;
}
/*************************************************************************/
/*******************TITRE PRINCIPALE PAGE*************/
h1.titre_page_themes
{
font-size:45px;
}
h2.titre_page_themes
{
font-size:45px;
}
/*****************************************************/
div#bouton_voir_agenda_complet
{
width:96%;
font-size:16px;
}
div#bouton_voir_bonplan_complet
{
width:96%;
font-size:16px;
}
h2.titre_zone_tuiles_bonplan_t
{
font-size:38px;
}
h2.titre_zone_tuile_t
{
font-size:30px;
}
/************TUILES RUBRIQUES LIEUX*********/
div#tuile_seule_lieux_photo
{
width: 95%;
}
/*******************************************/
/************POUR LES PROS***********/
.tuile_zone_pour_pros
{
width:95%;
}
.zone_titre_zone_pour_pros
{
font-size:16px;
}
/************************************/
/**********ZONE INFO***************/
div#titre_zone_info_home
{
width:250px;
font-size:18px;
}
div#message_zone_info_home
{
font-size:26px;
padding-left:10px;
padding-right:10px;
}
.LIEN_MESSAGE_INFO
{
font-size:26px;
}
/***********************************/
/**********HOMEPAGE**********/
div#zone_photo_tuiles_homepage_footer
{
height:200px;
}
div#titre_photo_tuiles_homepage_footer
{
bottom:20px;
font-size:40px;
}
/*****************************/
/***********HOMEPAGE LIEUX**********/
div#zone_icones_reseaux_sociaux
{
float:none;
width:100px;
height:auto;
min-height:20px;
display:inline;
}
/****bouton infos pratiques homepage*****/
div#zone_bouton_les_infos_pratiques_home_lieux
{
width:100%;
min-height:10px;
overflow:hidden;
margin-bottom:40px;
}
div#rond_picto_les_infos_pratiques_home_lieux
{
display:none;
}
div#zone_titre_les_infos_pratiques_home_lieux
{
right:auto;
left:auto;
width:100%;
height:110px;
overflow:hidden;
margin:0 auto;
padding-top:20px;
padding-bottom:20px;
}
div#titre_les_infos_pratiques_home_lieux
{
margin:0 auto;
width:100%;
right:auto;
height:150px;
font-size:26px;
top:auto;
}
/****************************************/
/***********************************/
/*************************************PAGE QUE FAIRE**************************/
div#titre_commande_depliants_que_faire
{
top:13px;
right:5px;
width:200px;
height:10px;
font-size:14px;
}
/*****************************************************************************/
/**********PAGE TOUTE AGENDA**********/
div#dates_elements_tuiles_tout_agenda
{
top:8px;
font-size:18px;
}
/**************************************/
/*****RUBRIQUE LIEUX***************/
/******Zone libre******/
h2.titre_zone_libre_rubrique_lieux_h
{
font-size:26px;
}
h3.titre_zone_libre_rubrique_lieux_h
{
font-size:26px;
}
/*Zone Icones réseaux sociaux*/
div#zone_icones_reseaux_sociaux_rubrique_lieux
{
width:250px;
}
div#icone_reseaux_sociaux_rubrique_lieux
{
margin:0;
margin : auto;
width:50px;
height:50px;
border-radius: 25px;
}
/****************************/
/*****activites & ateliers******/
div#icone_petit_plus_blanc_tuile_activites_gauche
{
display:block;
position:absolute;
z-index:600;
left: 50%; /* à 50%/50% du parent référent */
transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
width:50px;
height:50px;
text-align:center;
}
div#icone_petit_plus_blanc_tuile_activites_droite
{
display:block;
position:absolute;
z-index:600;
left: 50%; /* à 50%/50% du parent référent */
transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
width:50px;
height:50px;
text-align:center;
}
div#libelle_bouton_reserver_sorties
{
width:55%;
font-size:28px;
line-height:2.4;
}
/***************/
/***********************/
/*************************************/
/*******************************************PAGE PREPAREZ VOTRE SEJOUR********************************************/
div#zone_titre_zone_telechargement_preparez_votre_sejour
{
width:90%;
font-size:16px;
padding:5px;
height:60px;
line-height:30px;
}
/*********************************************FIN PREPAREZ VOTRE SEJOUR*******************************************/
/************************************PAGES SEMINAIRES/SCOLAIRES/GROUPES***********************/
div#titre_zone_libre_pages_seminaires
{
font-size:26px;
}
/*********************************************************************************************/
/*****PIED DE PAGE*****/
div#zone_gauche_pied_page_dbs
{
width:95%;
text-align:center;
}
div#zone_droite_pied_page_dbs
{
width:95%;
text-align:center;
}
div#zone_globale_pied_page_dbs
{
width:100%;
text-align:center;
}
/**********************/
div#picto_inscription_newsletter
{
display:none;
}
}
/*********************************************************************************/