@-webkit-keyframes ombre {0% {box-shadow: 0 0 15px #EC0000;} 100% {box-shadow: 0 0 15px transparent;}} @-moz-keyframes ombre {0% {box-shadow: 0 0 15px #EC0000;} 100% {box-shadow: 0 0 15px transparent;}} @keyframes ombre {0% {box-shadow: 0 0 15px #EC0000;} 100% {box-shadow: 0 0 15px transparent;}} @-webkit-keyframes cligno_texte {0% {color:#EC0000;} 100% {color:transparent;}} @-moz-keyframes cligno_texte {0% {color:#EC0000;} 100% {color:transparent;}} @keyframes cligno_texte {0% {color:#EC0000;} 100% {color:transparent;}} @keyframes bouncing_bar {0%, 100% {transform: translateY(0);} 50% {transform:translateY(5px);}} @keyframes mouse {from {opacity:1; top:10px;} to {opacity:0; top:40px;} } * {margin:0px; padding:0px;} body a {text-decoration:none; vertical-align:middle;} body a:hover {text-decoration:underline;} body ul {list-style:none;} body input:focus, body textarea:focus, body select:focus {outline:none;} section .fotorama__wrap {margin:auto;} section .fotorama__caption {bottom:initial; top:0px;} .clear {clear:both;} .none {display:none;} .bold {font-weight:bold;} .hidden {visibility:hidden;} .conteneur {width:1360px; min-width:300px; margin:auto; padding:0 20px;} @media all and (max-width: 1399px) { .conteneur {width:96%; padding:0 2%;} } .no_padding_top {padding-top:0 !important;} .no_margin {margin:0 !important;} .no_margin_top {margin-top:0 !important;} .erreurs {margin-bottom:20px; padding:5px 2%; color:#EC0000; font-size:20px; font-weight:bold; background:#FEF8E2; border:2px solid #EC0000;} .erreur {margin-top:5px; color:#EC0000; font-size:16px; font-weight:bold;} .border_red {border:1px solid #EC0000 !important; -webkit-box-shadow:0 0 4px 0 #EC0000; -moz-box-shadow:0 0 4px 0 #EC0000; box-shadow:0 0 4px 0 #EC0000;} .success {margin-bottom:20px; padding:5px 2%; color:#06CA06; font-size:30px; font-weight:bold; background:#FEF8E2; border:2px solid #06CA06;} .titre_defaut {margin-bottom:30px;} .un_paragraphe.defaut h2 {margin:20px 0 10px;} .gmap iframe {margin-bottom:-10px;} @media all and (max-width: 899px) { .gmap iframe {height:300px;} } .div_erreur {position:relative;} .div_erreur .scroll_erreur {position:absolute; top:-5px; left:0;} .masque_vertical {position:absolute; bottom:0; left:0; width:100%; height:80%;} .cont_mouse, .cont_mouse_mobile {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .cont_mouse .mouse, .cont_mouse_mobile .mouse {width:30px; height:50px; border-radius:60px;} .cont_mouse .mouse::before, .cont_mouse_mobile .mouse::before {content:''; width:7px; height:7px; position:absolute; top:10px; left:50%; transform:translateX(-50%); border-radius:50%; opacity:1; animation:mouse 2s infinite;} #loading {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:#2C2C2C; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:98;} body .chargement {position:fixed; top:calc(50% - 150px); left:calc(50% - 150px); width:300px; display:none; z-index:99;} body .chargement .loader {width:100%; stroke-linecap:round; z-index:99;} body .chargement .loader circle {fill:none; stroke-width:3.5; animation-name:chargementAnimation; animation-duration:3s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; transform-origin:170px 170px; will-change:transform; z-index:99;} body .chargement .loader circle:nth-of-type(1) {stroke-dasharray:550px;} body .chargement .loader circle:nth-of-type(2) {stroke-dasharray:500px;} body .chargement .loader circle:nth-of-type(3) {stroke-dasharray:450px;} body .chargement .loader circle:nth-of-type(4) {stroke-dasharray:300px;} body .chargement .loader circle:nth-of-type(1) {animation-delay:-0.15s;} body .chargement .loader circle:nth-of-type(2) {animation-delay:-0.3s;} body .chargement .loader circle:nth-of-type(3) {animation-delay:-0.45s;} body .chargement .loader circle:nth-of-type(4) {animation-delay:-0.6s;} @-webkit-keyframes clignotement {0% {color:#EC0000; border:2px solid #EC0000; background-color:#FFF; box-shadow: 0 0 15px #EC0000;} 100% {color:transparent; border:2px solid transparent; background-color:transparent; box-shadow: 0 0 15px transparent;}} @-moz-keyframes clignotement {0% {color:#EC0000; border:2px solid #EC0000; background-color:#FFF; box-shadow: 0 0 15px #EC0000;} 100% {color:transparent; border:2px solid transparent; background-color:transparent; box-shadow: 0 0 15px transparent;}} @keyframes clignotement {0% {color:#EC0000; border:2px solid #EC0000; background-color:#FFF; box-shadow: 0 0 15px #EC0000;} 100% {color:transparent; border:2px solid transparent; background-color:transparent; box-shadow: 0 0 15px transparent;}} body .site_hors_ligne {position:fixed; top:10px; left:10px; width:200px; padding:15px; font-size:30px; text-align:center; z-index:95; -webkit-animation:clignotement ease-in infinite alternate 1500ms; -moz-animation:clignotement ease-in infinite alternate 1500ms; animation:clignotement ease-in infinite alternate 1500ms;} @keyframes chargementAnimation {50% { transform:rotate(360deg); }} #chrome_websiteIP {display:none !important;} /* TABLEAU trumbowyg (editeur de texte) */ .cont_tableau_editeur {width:100%; overflow-x:auto;} table.tableau_editeur {table-layout:fixed; width:100%; border-collapse:collapse;} table.tableau_editeur td {padding:8px;} table.tableau_editeur.col_8 {min-width:1000px;} table.tableau_editeur.col_7 {min-width:870px;} table.tableau_editeur.col_6 {min-width:750px;} table.tableau_editeur.col_5 {min-width:600px;} table.tableau_editeur.col_4 {min-width:500px;} table.tableau_editeur.col_3 {min-width:380px;} table.tableau_editeur.col_2, table.tableau_editeur.col_1 {min-width:300px;} .demi table.tableau_editeur.col_8, .demi table.tableau_editeur.col_7, .demi table.tableau_editeur.col_6 {min-width:600px;} /* FAUSSE CHECKBOX */ label.faux_radio, label.fausse_checkbox {display:inline-block; width:26px; height:26px; position:absolute; margin:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} label.faux_radio input, label.fausse_checkbox input {display:none !important;} label.faux_radio input:checked + .box:after, label.fausse_checkbox input:checked + .box:after {top:1px;} label.faux_radio .box, label.fausse_checkbox .box {width:calc(100% - 4px); height:calc(100% - 4px); transition:all 1.1s cubic-bezier(0.19,1,0.22,1); border:2px solid transparent; position:relative; overflow:hidden; cursor:pointer;} label.faux_radio .box:after, label.fausse_checkbox .box:after {width:50%; height:20%; content:''; position:absolute; border-left:5.5px solid; border-bottom:5.5px solid; transform:rotate(-45deg) translate3d(0,0,0); transform-origin:center center; transition:all 1.1s cubic-bezier(0.19,1,0.22,1); left:0; right:0; top:200%; bottom:5%; margin:auto;} .ligne_disabled label {cursor:not-allowed !important;} .ligne_disabled label.fausse_checkbox .box {background-color:rgba(0,0,0,0.2); cursor:not-allowed;} label.faux_radio {position:relative; border-radius:50%;} label.faux_radio .box:after {width:80%; height:80%; border:0 !important; transform:inherit; border-radius:50%;} /* PAGINATION */ .pagination {margin-bottom:20px; font-size:20px; font-weight:bold; text-align:right;} .pagination .une_page {display:inline-block; margin:0 5px; vertical-align:middle;} .pagination .une_page.select {width:120px;} .pagination .une_page select {padding-left:5px; padding-right:25px; font-size:20px; text-align:center;} @media all and (max-width: 449px) { .pagination {font-size:16px;} .pagination .une_page.select {width:100px;} .pagination .une_page select {font-size:16px; text-align:center;} } /* BANDEAU */ header.bord_couleur1, header.bord_couleur2 {border-top:0 !important; border-right:0 !important; border-left:0 !important; border-width:2px !important;} header {position:relative; z-index:80;} header .hamburger {display:none;} header .logo {display:inline-block; width:310px; margin:10px 20px 10px 0;} header .logo img {max-width:100%;} header .logo.centre {display:block; margin:0px auto;} header .menu {display:inline-block; width:calc(100% - 340px); font-weight:bold; text-align:right; vertical-align:bottom;} header .menu a:hover {text-decoration:none;} header .menu li.item {display:inline-block; padding:20px 0; vertical-align:bottom;} header .menu li.item a, header .menu li.item .a {position:relative;} header .menu li.item a span, header .menu li.item .a span {padding:0 10px;} header .menu li.item .line {position:absolute; bottom:-6px; left:10px; width:calc(100% - 40px); height:2px;} header .menu li.deploie {cursor:default;} header .menu .ssmenu {position:absolute; text-align:center; z-index:20;} header .menu .ssmenu span {display:block; width:calc(100% - 40px); padding:6px 20px;} header .menu .ssmenu span:hover {background-color:rgba(0, 0, 0, 0.1);} @media all and (max-width: 1099px) { header .logo {width:260px;} header .menu {width:calc(100% - 290px);} } @media all and (max-width: 899px) { header .logo {width:210px;} header .logo a {line-height:45px;} header .logo a img {vertical-align:middle;} header .hamburger {display:block; float:right; margin:6px 0; padding:5px 10px; font-size:25px; border-width:2px !important; cursor:pointer;} header .hamburger .picto {position:relative; float:left; width:40px; margin:2px 7px 2px 0;} header .hamburger .pain, header .hamburger .steak {width:100%; height:4px; border-radius:5px;} header .hamburger .steak {position:absolute; width:75%; top:4px; left:0; margin:7px 0;} header .hamburger .pain:last-child {margin-top:18px;} header .hamburger .txt {float:left;} header .menu {display:none; position:absolute; top:58px; left:0; width:100%; margin-top:0; padding:15px 0; text-align:left; overflow:auto; z-index:20;} header .menu li.item {display:block; width:100%; padding:0;} header .menu li.item a, header .menu .ssmenu a, header .menu li.item .a {display:block; width:96%; padding:6px 2%; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} header .menu li.item a span, header .menu li.item .a span {padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} header .menu li.item .line, header .menu li.item .picto_ssmenu, header .menu .item.deploie {display:none;} header .menu li.actif span {border-width:2px !important; border-top:0 !important; border-right:0 !important; border-left:0 !important;} header .menu .ssmenu {display:block !important; position:relative; top:inherit !important; left:inherit !important; text-align:left;} header .menu .ssmenu span {display:inline; width:inherit; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} header .menu .ssmenu span:hover {background-color:transparent;} header .menu .lst_menu_visu .ssmenu {top:inherit !important; left:inherit !important;} } @media all and (max-width: 389px) { header .logo {width:140px;} } /* ACTU */ .actualite .contenu_actu {position:relative;} .actualite .pagination_haut {margin-top:20px;} .actualite .un_paragraphe h2 {font-size:30px; font-weight:normal;} .actualite .un_paragraphe h2 .date {float:left; width:40px; margin-top:5px; font-size:20px; line-height:20px; text-align:center; font-weight:bold;} .actualite .un_paragraphe h2 .titre_date {float:right; width:calc(100% - 50px);} .actualite .un_paragraphe h2 .date .mois {text-transform:uppercase; font-size:12px; line-height:12px; padding:2px;} .actualite .un_paragraphe h2 a:hover {text-decoration:none;} .actualite .un_paragraphe .txt {padding:0 5px;} .actualite .un_paragraphe .full .txt .texte {max-height:400px;} .actualite .un_paragraphe .conteneur {padding-top:20px; padding-bottom:20px;} .actualite .lst_paragraphe .un_paragraphe .demi {float:right;} .actualite .img img {width:100%; height:auto; margin-bottom:-6px;} .actualite .date_publication {padding-top:15px; padding-bottom:5px; font-size:16px; font-style:italic;} .actualite .retour_lst {position:relative; float:right; margin-bottom:20px;} .actualite .voir_actu {float:right; margin-top:10px;} .actualite .un_paragraphe .date_publication {padding:15px 0 30px; font-size:12px;} .actualite .un_paragraphe .texte {position:relative; overflow:hidden; word-break:break-word;} .actualite .demi, .actualite .full .lst_media .bloc {float:left; width:48%; min-height:1px;} .actualite .demi.droite {float:right;} .actualite .demi.gauche, .actualite .full .lst_media .bloc.gauche {margin-right:4%;} .actualite .lst_media {position:relative; margin:40px 0 20px;} .actualite .lst_media .bloc.centre {float:inherit; width:100%;} .actualite .lst_media .animeBtnSuivant {margin:auto;} .actualite .lst_media .btn_media a:hover {background-color:rgba(0,0,0,0.02);} .actualite .lst_media .btn_media {width:100%; max-width:230px; margin:auto;} .actualite .lst_media .btn_media .a, .actualite .lst_media .btn_media a {display:block; font-weight:bold; text-align:center; text-decoration:none;} .actualite .lst_media .btn_media.illust a {padding:10px;} .actualite .lst_media .btn_media.picto .a, .actualite .lst_media .btn_media.picto a {padding:10px 5px;} .actualite .lst_media .btn_media.picto img {display:inline-block; width:50px; margin-right:10px; vertical-align:middle;} .actualite .lst_media .cont_legende_img_avap .legende {padding:5px 10px; text-align:justify; word-break:break-word;} .actualite .lst_media .btn_media.picto .legende {display:inline-block; width:calc(100% - 70px); vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .actualite .lst_media .conteneur_video {width:100%; max-width:600px; margin:auto;} .actualite .lst_media .conteneur_video .video {position:relative; width:100%; height:0; padding:0 0 56.25%; text-align:center; overflow:hidden;} .actualite .lst_media .conteneur_video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .actualite .lst_media .conteneur_video .video video {width:100%;} .actualite .lst_media .conteneur_video.video_dl .video {overflow:inherit;} .actualite .lst_media .conteneur_video.video_dl .video .legende {margin-top:-6px;} .actualite .lst_media .conteneur_img_avap {width:100%; margin-bottom:-5px; text-align:center;} .actualite .lst_media .conteneur_img_avap img {width:100%;} .actualite .lst_media .cont_legende_img_avap .legende_2img {margin-top:5px;} .actualite .lst_media .conteneur_fil_actu {max-width:500px; margin:auto; max-height:500px;} .actualite .lst_media .conteneur_fil_actu.pinterest {width:300px;} .actualite .lst_media .conteneur_fil_actu.twitter {overflow:auto;} .actualite .demi .lst_media {margin:0;} .actualite .demi .lst_media .bloc {margin:40px 0 20px;} .actualite .demi .lst_media .bloc:first-child {margin-top:0;} .actualite .demi .lst_media .bloc:nth-child(2n) {margin-bottom:0;} @media all and (max-width: 899px) { .actualite .demi {float:inherit; width:100%; margin:20px 0;} .actualite .demi:first-child {margin-top:0;} .actualite .demi.gauche {margin-right:0;} .actualite .demi.droite {float:none;} .actualite .full .lst_media .bloc.centre {margin:0;} } @media all and (max-width: 799px) { .actualite .voir_actu .cta span, .actualite .retour_lst .cta span {font-size:22px; line-height:38px;} } @media all and (max-width: 699px) { .actualite .full .lst_media .bloc {float:inherit; width:100%; margin:10px 0;} .actualite .full .lst_media .bloc:first-child {margin-top:0;} .actualite .full .lst_media .bloc:nth-child(2n) {margin-bottom:0;} .actualite .full .lst_media .bloc.gauche {margin-right:0;} .actualite .lst_media .conteneur_video {margin:auto;} } /* BLOG */ .blog .contenu_blog {position:relative;} .blog .lst_tags {margin-top:10px;} .blog .lst_tags .un_tag {float:left; margin-right:5px; margin-bottom:10px; border-radius:3px;} .blog .lst_tags .un_tag a {display:block; padding:2px 5px;} .blog .lst_tags .un_tag a:hover {background-color:rgba(0,0,0,0.1); text-decoration:none;} .blog .retour_lst {position:relative; float:right; margin:20px 0;} /* detail d'un article */ .blog .detail_article h2 {font-size:20px; font-weight:normal;} .blog .detail_article .img .mon_img {margin:auto;} .blog .detail_article .img img {width:100%; height:auto;} .blog .detail_article .bloc_tags {float:left; width:calc(100% - 110px); margin-right:10px;} .blog .detail_article .bloc_partage {float:right; width:100px; margin-top:13px;} .blog .detail_article .bloc_partage .partage a {display:inline-block; margin-left:5px;} .blog .detail_article .bloc_partage .partage a:hover {text-decoration:none;} .blog .detail_article .full .lst_media .bloc {float:left; width:48%; min-height:1px;} .blog .detail_article .full .lst_media .bloc.gauche {margin-right:4%;} .blog .detail_article .lst_media {margin:40px 0 20px;} .blog .detail_article .lst_media .bloc.centre {float:inherit; width:100%;} .blog .detail_article .lst_media .animeBtnSuivant {margin:auto;} .blog .detail_article .lst_media .btn_media a:hover {background-color:rgba(0,0,0,0.02);} .blog .detail_article .lst_media .btn_media {width:100%; max-width:230px; margin:auto;} .blog .detail_article .lst_media .btn_media .a, .blog .detail_article .lst_media .btn_media a {display:block; font-weight:bold; text-align:center; text-decoration:none;} .blog .detail_article .lst_media .btn_media.illust a {padding:10px;} .blog .detail_article .lst_media .btn_media.picto .a, .blog .detail_article .lst_media .btn_media.picto a {padding:10px 5px;} .blog .detail_article .lst_media .btn_media.picto img {display:inline-block; width:50px; margin-right:10px; vertical-align:middle;} .blog .detail_article .lst_media .cont_legende_img_avap .legende {padding:5px 10px; text-align:justify; word-break:break-word;} .blog .detail_article .lst_media .btn_media.picto .legende {display:inline-block; width:calc(100% - 70px); vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .blog .detail_article .lst_media .conteneur_video {width:100%; max-width:600px; margin:auto;} .blog .detail_article .lst_media .bloc.centre .conteneur_video {max-width:1000px;} .blog .detail_article .lst_media .conteneur_video .video {position:relative; width:100%; height:0; padding:0 0 56.25%; text-align:center; overflow:hidden;} .blog .detail_article .lst_media .conteneur_video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .blog .detail_article .lst_media .conteneur_video .video video {width:100%;} .blog .detail_article .lst_media .conteneur_video.video_dl .video {overflow:inherit;} .blog .detail_article .lst_media .conteneur_video.video_dl .video .legende {margin-top:-6px;} .blog .detail_article .lst_media .conteneur_img_avap {width:100%; margin-bottom:-5px; text-align:center;} .blog .detail_article .lst_media .conteneur_img_avap img {width:100%;} .blog .detail_article .lst_media .cont_legende_img_avap .legende_2img {margin-top:5px;} .blog .detail_article .lst_media .conteneur_fil_actu {max-width:500px; margin:auto; max-height:500px;} .blog .detail_article .lst_media .conteneur_fil_actu.pinterest {width:300px;} .blog .detail_article .lst_media .conteneur_fil_actu.twitter {overflow:auto;} .blog .detail_article .demi .lst_media {margin:0;} .blog .detail_article .demi .lst_media .bloc {margin:40px 0 20px;} .blog .detail_article .demi .lst_media .bloc:first-child {margin-top:0;} .blog .detail_article .demi .lst_media .bloc:nth-child(2n) {margin-bottom:0;} @media all and (max-width: 899px) { .blog .detail_article .full .lst_media .bloc.centre {margin:0;} } @media all and (max-width: 799px) { .blog .detail_article .retour_lst .cta span {font-size:22px; line-height:38px;} } @media all and (max-width: 699px) { .blog .detail_article .bloc_tags {float:inherit; width:100%; margin-right:0;} .blog .detail_article .bloc_partage {float:inherit; width:100%; margin-top:0;} .blog .detail_article .img {margin:20px;} .blog .detail_article .full .lst_media .bloc {float:inherit; width:100%; margin:10px 0;} .blog .detail_article .full .lst_media .bloc:first-child {margin-top:0;} .blog .detail_article .full .lst_media .bloc:nth-child(2n) {margin-bottom:0;} .blog .detail_article .full .lst_media .bloc.gauche {margin-right:0;} .blog .detail_article .lst_media .conteneur_video {margin:auto;} } /* liste d'articles */ .blog .lst_article .mes_articles {padding:50px 0;} .blog .lst_article .mes_articles .txt_intro {margin-bottom:20px;} .blog .lst_article .mes_articles .bloc_droite {float:right; width:250px; margin-left:50px;} .blog .lst_article .mes_articles .bloc_droite .retour_lst {float:inherit; width:100%; margin:20px 0 0 0;} .blog .lst_article .mes_articles .bloc_gauche {float:left; width:calc(100% - 300px);} .blog .lst_article .titre_lst_tags {padding:10px 0; text-align:center; text-transform:uppercase;} .blog .lst_article .mes_liens_tags {padding:10px 20px; font-size:20px; list-style:square inside;} .blog .lst_article .un_article {margin-bottom:30px;} .blog .lst_article .un_article .partie_gauche {float:left; width:250px; height:360px;} .blog .lst_article .un_article .partie_gauche.grande_img {width:500px;} .blog .lst_article .un_article .partie_gauche.img_origine .img {background-size:100% !important;} .blog .lst_article .un_article .partie_droite {position:relative; float:left; width:calc(100% - 310px); height:340px; padding:10px 30px;} .blog .lst_article .un_article .partie_droite.grande_img {width:calc(100% - 560px);} .blog .lst_article .un_article a:hover {text-decoration:none;} .blog .lst_article .un_article h2.titre {margin-bottom:10px;} .blog .lst_article .un_article h2.titre .date {position:relative; float:left; width:40px; font-size:20px; line-height:20px; text-align:center; font-weight:bold;} .blog .lst_article .un_article h2.titre .titre_date {float:right; width:calc(100% - 50px); margin-top:5px;} .blog .lst_article .un_article h2.titre .titre_date a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .blog .lst_article .un_article h2.titre .date .jour {font-size:20px;} .blog .lst_article .un_article h2.titre .date .mois {text-transform:uppercase; font-size:12px; line-height:12px; padding:2px;} .blog .lst_article .un_article h2.titre .date .annee {font-size:18px;} .blog .lst_article .un_article .img {height:100%; text-align:center; overflow:hidden;} .blog .lst_article .un_article .img a {display:block; width:100%; height:100%;} .blog .lst_article .un_article .img.fond_couleur4 {background-size:100% !important;} .blog .lst_article .un_article .lst_tags {margin-top:0;} .blog .lst_article .un_article .description {position:relative;} .blog .lst_article .un_article .description a {display:block; text-align:justify;} .blog .lst_article .un_article .bas_article {position:absolute; bottom:15px; left:0; width:calc(100% - 60px); padding:0 30px;} .blog .lst_article .un_article .bas_article .bloc_partage {float:left; padding-top:15px;} .blog .lst_article .un_article .bas_article .bloc_partage a {display:inline-block; width:30px; margin-right:5px;} .blog .lst_article .un_article .bas_article .btn_article {float:right;} .blog .lst_article .un_article .bas_article .btn_article .btn_texte {font-size:25px; line-height:35px;} @media all and (max-width: 1299px) { .blog .lst_article .un_article .partie_gauche.grande_img {width:400px;} .blog .lst_article .un_article .partie_droite.grande_img {width:calc(100% - 460px);} } @media all and (max-width: 1199px) { .blog .lst_article .mes_articles .bloc_droite {float:inherit; width:100%; margin-left:0; margin-bottom:20px;} .blog .lst_article .mes_articles .bloc_droite .retour_lst {float:right; width:auto; margin:20px 0 0 0;} .blog .lst_article .mes_articles .bloc_gauche {float:inherit; width:100%;} .blog .lst_article .mes_liens_tags {list-style:none;} .blog .lst_article .mes_liens_tags li {display:inline-block;} .blog .lst_article .mes_liens_tags li a {display:inline-block; padding:0 7px;} .blog .lst_article .mes_liens_tags li:first-child a {padding-left:0;} .blog .lst_article .mes_liens_tags li:last-child a {padding-right:0;} .blog .lst_article .mes_liens_tags li::before {content:"|"; vertical-align:middle;} .blog .lst_article .mes_liens_tags li:first-child::before {content:"";} } @media all and (max-width: 899px) { .blog .lst_article .un_article .partie_gauche.grande_img {width:320px;} .blog .lst_article .un_article .partie_droite.grande_img {width:calc(100% - 380px);} } @media all and (max-width: 799px) { .blog .lst_article .mes_articles {padding:20px 0;} .blog .lst_article .mes_liens_tags {padding:10px;} .blog .lst_article .un_article .partie_gauche {float:inherit; width:100% !important; height:200px;} .blog .lst_article .un_article .partie_droite {float:inherit; width:calc(100% - 20px) !important; height:inherit; padding:10px;} .blog .lst_article .un_article .bas_article {position:relative; bottom:inherit; left:inherit; width:calc(100% - 10px); margin-top:20px; padding:0 10px 0 0;} } @media all and (max-width: 499px) { .blog .lst_article .un_article .bas_article .bloc_partage {float:inherit; margin-bottom:20px; padding-top:0; text-align:center;} .blog .lst_article .un_article .bas_article .btn_article {float:inherit;} } /* DIAPO */ .diapo {position:relative; margin-bottom:-1px; z-index:10;} .diapo .un_diapo .img img {width:100%; margin-bottom:-6px;} .diapo .un_diapo .texte {position:absolute; left:0; bottom:7%; width:100%; padding:12px 0; background-color:rgba(0, 0, 0, 0.5);} .diapo .un_diapo .texte .a {display:block; color:#FFF; font-size:40px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .diapo .un_diapo .texte .a:hover {text-decoration:none;} .diapo .un_diapo .texte .sous_titre .a {font-size:30px; color:rgba(255,255,255,0.6); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .diapo .slidesjs-previous {position:absolute; left:0; bottom:50%; display:block; width:50px; height:45px; color:transparent; background:url(i-prev.png) no-repeat center; z-index:50;} .diapo .slidesjs-next {position:absolute; right:0; bottom:50%; display:block; width:50px; height:45px; color:transparent; background:url(i-next.png) no-repeat center; z-index:50;} @media all and (max-width: 1099px) { .diapo .un_diapo .texte .a {font-size:30px;} .diapo .un_diapo .texte .sous_titre .a {font-size:25px;} } @media all and (max-width: 899px) { .diapo .slidesjs-previous, .diapo .slidesjs-next {height:30px; background-size:contain;} } @media all and (max-width: 799px) { .diapo .un_diapo .texte {bottom:0; padding:5px 0;} } @media all and (max-width: 599px) { .diapo .un_diapo .texte .a {font-size:22px;} .diapo .un_diapo .texte .sous_titre .a {font-size:20px;} .diapo .slidesjs-previous, .diapo .slidesjs-next {bottom:63px;} } /* TITRE */ section {position:relative; overflow:hidden;} section .bandeau {padding:20px 0;} section .bandeau .titre {font-size:40px; font-weight:normal;} section .bandeau .sous_titre {font-size:30px; font-weight:normal;} @media all and (max-width: 799px) { section .bandeau .titre {font-size:30px;} section .bandeau .sous_titre {font-size:25px;} } @media all and (max-width: 599px) { section .bandeau {padding:10px 0;} } /* PARAGRAPHE */ .lst_paragraphe {position:relative;} .lst_paragraphe .un_paragraphe {position:relative; padding:30px 0;} .lst_paragraphe .un_paragraphe.border_red {position:relative; z-index:99; -webkit-animation:ombre ease-in infinite alternate 1500ms; -moz-animation:ombre ease-in infinite alternate 1500ms; animation:ombre ease-in infinite alternate 1500ms;} .lst_paragraphe .un_paragraphe .notif_offline {position:absolute; top:0; left:0; font-size:25px; color:#EC0000; -webkit-animation:cligno_texte ease-in infinite alternate 1500ms; -moz-animation:cligno_texte ease-in infinite alternate 1500ms; animation:cligno_texte ease-in infinite alternate 1500ms;} .lst_paragraphe .un_paragraphe .demi, .lst_paragraphe .un_paragraphe .full .lst_media .bloc {float:left; width:48%; min-height:1px;} .lst_paragraphe .un_paragraphe .demi.droite {float:right;} .lst_paragraphe .un_paragraphe .demi.gauche, .lst_paragraphe .un_paragraphe .full .lst_media .bloc.gauche {margin-right:4%;} .lst_paragraphe .un_paragraphe.image_1_10-1 .demi.gauche, .lst_paragraphe .un_paragraphe.image_1_10-2 .demi.droite {width:100px; margin-right:0px !important;} .lst_paragraphe .un_paragraphe.image_1_10-1 .demi.droite, .lst_paragraphe .un_paragraphe.image_1_10-2 .demi.gauche {width:calc(100% - 120px); margin-right:0px !important;} .lst_paragraphe .un_paragraphe.image_1_4-1 .demi.gauche, .lst_paragraphe .un_paragraphe.image_1_4-2 .demi.droite, .lst_paragraphe .un_paragraphe.image_3_4-1 .demi.droite, .lst_paragraphe .un_paragraphe.image_3_4-2 .demi.gauche {width:23%;} .lst_paragraphe .un_paragraphe.image_1_4-1 .demi.droite, .lst_paragraphe .un_paragraphe.image_1_4-2 .demi.gauche, .lst_paragraphe .un_paragraphe.image_3_4-1 .demi.gauche, .lst_paragraphe .un_paragraphe.image_3_4-2 .demi.droite {width:73%;} .lst_paragraphe .un_paragraphe .full.img_first {margin:-30px 0 20px;} .lst_paragraphe .un_paragraphe .full.img_last {margin:20px 0 -30px;} .lst_paragraphe .un_paragraphe .cont_titre hr {width:50%; margin:20px auto 30px; border:1px solid; border-radius:50%;} .lst_paragraphe .un_paragraphe .titre {font-size:30px; font-weight:normal; text-align:center;} .lst_paragraphe .un_paragraphe .texte {text-align:justify;} .lst_paragraphe .un_paragraphe .texte a {vertical-align:inherit;} .lst_paragraphe .un_paragraphe .texte ul {list-style:inside;} .lst_paragraphe .un_paragraphe .texte ol {padding-left:10px; list-style:inside decimal;} .lst_paragraphe .un_paragraphe .texte ol ul {padding-left:15px;} .lst_paragraphe .un_paragraphe .img {margin:auto;} .lst_paragraphe .un_paragraphe .img img {width:100%; margin-bottom:-5px;} .lst_paragraphe .un_paragraphe .lst_media .cont_legende_img_avap .legende, .lst_paragraphe .un_paragraphe .img .legende {padding:5px 10px; text-align:center; word-break:break-word;} .lst_paragraphe .un_paragraphe .lst_media {margin:40px 0 20px;} .lst_paragraphe .un_paragraphe .lst_media .bloc.centre {float:none; width:100%;} .lst_paragraphe .un_paragraphe .lst_media .animeBtnSuivant {margin:auto;} .lst_paragraphe .un_paragraphe .lst_media .btn_media a:hover {background-color:rgba(0,0,0,0.02);} .lst_paragraphe .un_paragraphe .lst_media .btn_media {width:100%; max-width:230px; margin:auto;} .lst_paragraphe .un_paragraphe .lst_media .btn_media .a, .lst_paragraphe .un_paragraphe .lst_media .btn_media a {display:block; font-weight:bold; text-align:center; text-decoration:none;} .lst_paragraphe .un_paragraphe .lst_media .btn_media.illust a {padding:10px;} .lst_paragraphe .un_paragraphe .lst_media .btn_media.picto .a, .lst_paragraphe .un_paragraphe .lst_media .btn_media.picto a {padding:10px 5px;} .lst_paragraphe .un_paragraphe .lst_media .btn_media.picto img {display:inline-block; width:50px; margin-right:10px; vertical-align:middle;} .lst_paragraphe .un_paragraphe .lst_media .btn_media.picto .legende {display:inline-block; width:calc(100% - 70px); vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_video {width:100%; max-width:600px; margin:auto;} .lst_paragraphe .un_paragraphe .lst_media .bloc.centre .conteneur_video {max-width:1000px;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_video .video {position:relative; width:100%; height:0; padding:0 0 56.25%; text-align:center; overflow:hidden;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_video .video video {width:100%;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_video.video_dl .video {overflow:inherit;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_video.video_dl .video .legende {margin-top:-6px;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_img_avap {width:100%; margin-bottom:-5px; text-align:center;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_img_avap img {width:100%;} .lst_paragraphe .un_paragraphe .lst_media .cont_legende_img_avap .legende_2img {margin-top:5px;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_fil_actu {max-width:500px; margin:auto; max-height:500px;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_fil_actu.meteo .weather-customize {width:100% !important;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_fil_actu.pinterest {width:300px;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_fil_actu.twitter {overflow:auto;} .lst_paragraphe .un_paragraphe.media_gauche .lst_media .bloc .BtnSuivantSimple {margin:initial !important;} .lst_paragraphe .un_paragraphe.media_droite .lst_media .bloc .BtnSuivantSimple {margin:initial !important; float:right; width:280px;} .lst_paragraphe .un_paragraphe .horaire .full .texte {text-align:center;} .lst_paragraphe .un_paragraphe .horaire .today {margin-top:15px;} .lst_paragraphe .un_paragraphe .horaire .today span {vertical-align:middle;} .lst_paragraphe .un_paragraphe .horaire .today span svg {margin-bottom:-3px;} .lst_paragraphe .un_paragraphe .horaire .today span.ouvert {color:#06CA06;} .lst_paragraphe .un_paragraphe .horaire .today span.presque {color:#FF7F00;} .lst_paragraphe .un_paragraphe .horaire .today span.ferme {color:#EC0000;} .lst_paragraphe .un_paragraphe .horaire .lst_jour {margin:10px 0; padding:5px 5px 5px 20px;} .lst_paragraphe .un_paragraphe .horaire .lst_jour .un_jour.actif {font-weight:bold;} .lst_paragraphe .un_paragraphe .horaire .lst_jour .un_jour {margin:2px 0;} .lst_paragraphe .un_paragraphe .horaire .lst_jour .un_jour span.ouvert.full {color:#06CA06;} .lst_paragraphe .un_paragraphe .horaire .lst_jour .un_jour span.ferme {color:#EC0000;} .lst_paragraphe .un_paragraphe .horaire .lst_jour span.jour {display:inline-block; width:90px; text-align:right;} .lst_paragraphe .un_paragraphe .demi .lst_media {margin:0;} .lst_paragraphe .un_paragraphe .demi .lst_media .bloc {margin:40px 0 20px;} .lst_paragraphe .un_paragraphe .demi .lst_media .bloc:first-child {margin-top:0;} .lst_paragraphe .un_paragraphe .demi .lst_media .bloc:nth-child(2n) {margin-bottom:0;} .lst_paragraphe .un_paragraphe .conteneur_aff_iframe {margin:auto;} .lst_paragraphe .un_paragraphe .avis_google .note_global {font-weight:bold; text-align:right; padding:0px 10px 10px; margin:-20px 0px 0px;} .lst_paragraphe .un_paragraphe .avis_google .note_global span {font-style:italic; font-weight:200;} .lst_paragraphe .un_paragraphe .avis_google .note_global svg:nth-child(5) {margin-right:10px;} .lst_paragraphe .un_paragraphe .avis_google .avis {padding:10px 2px; border-width:0px 0px 2px !important; margin:0px 10px;} .lst_paragraphe .un_paragraphe .avis_google .avis:last-child {border-bottom:0px !important;} .lst_paragraphe .un_paragraphe .avis_google .avis .information {} .lst_paragraphe .un_paragraphe .avis_google .avis .information .note {float:left; width:140px; font-weight:bold;} .lst_paragraphe .un_paragraphe .avis_google .avis .information .note svg:nth-child(5) {margin-right:10px;} .lst_paragraphe .un_paragraphe .avis_google .avis .information .auteur {float:left; width:calc(100% - 300px); margin:0px 0px 0px 10px;} .lst_paragraphe .un_paragraphe .avis_google .avis .information .date {float:right; width:140px; font-size:12px; padding:2px 0px 0px; font-style:italic; text-align:right;} .lst_paragraphe .un_paragraphe .avis_google .avis .detail {padding:5px 0px 5px;} @media all and (max-width: 1200px) { .lst_paragraphe .un_paragraphe .full .img {position:relative; width:100% !important; height:250px; overflow:hidden;} .lst_paragraphe .un_paragraphe .full .img img {position:absolute; top:0%; left:50%; width:auto; margin-bottom:0px; min-width:100%; min-height:100%; transform:translateX(-50%); will-change:-webkit-filter, filter, transform;} } @media all and (max-width: 899px) { .lst_paragraphe .un_paragraphe .demi {float:inherit; width:100%; margin:20px 0;} .lst_paragraphe .un_paragraphe .demi:first-child {margin-top:0;} .lst_paragraphe .un_paragraphe .demi.gauche {margin-right:0;} .lst_paragraphe .un_paragraphe .demi.droite {float:none;} .lst_paragraphe .un_paragraphe.image_1_10-1 .demi.gauche, .lst_paragraphe .un_paragraphe.image_1_10-2 .demi.gauche {float:left; margin-top:0px; margin-bottom:0px;} .lst_paragraphe .un_paragraphe.image_1_10-1 .demi.droite, .lst_paragraphe .un_paragraphe.image_1_10-2 .demi.droite {float:right; margin-top:0px; margin-bottom:0px;} .lst_paragraphe .un_paragraphe .full .lst_media .bloc.centre {margin:0;} } @media all and (max-width: 699px) { .lst_paragraphe .un_paragraphe .full .lst_media .bloc {float:inherit; width:100%; margin:10px 0;} .lst_paragraphe .un_paragraphe .full .lst_media .bloc:first-child {margin-top:0;} .lst_paragraphe .un_paragraphe .full .lst_media .bloc:nth-child(2n) {margin-bottom:0;} .lst_paragraphe .un_paragraphe .full .lst_media .bloc.gauche {margin-right:0;} .lst_paragraphe .un_paragraphe .lst_media .conteneur_video {margin:auto;} .lst_paragraphe .un_paragraphe.image_1_10-1 .demi.droite, .lst_paragraphe .un_paragraphe.image_1_10-2 .demi.gauche {width:calc(100% - 110px);} } @media all and (max-width: 599px) { .lst_paragraphe .un_paragraphe {padding:10px 0;} .lst_paragraphe .un_paragraphe .full.img_first {margin:-10px 0 20px;} .lst_paragraphe .un_paragraphe .avis_google .avis .information .note, .lst_paragraphe .un_paragraphe .avis_google .avis .information .auteur, .lst_paragraphe .un_paragraphe .avis_google .avis .information .date {float:none; width:100%; margin:0px 0px 5px; text-align:left; padding:0px;} } /* FORMULAIRE */ .formulaire .mon_form.centre {max-width:800px; margin:auto;} .formulaire .mon_form.centre .ligne .g-recaptcha {margin:auto;} .formulaire .mon_form .ligne .g-recaptcha {width:304px;} .formulaire .gauche {float:left; width:48%; min-height:1px; margin-right:4%;} .formulaire .droite {float:left; width:48%; min-height:1px;} .formulaire .ligne {margin:20px 0;} .formulaire .ligne input:not([type="submit"]), .formulaire .ligne select, .formulaire .ligne textarea {width:calc(100% - 22px); padding:8px 10px 8px 4px; color:#000;} /* .formulaire .ligne select, */ /* .formulaire .ligne input[type="submit"] {width:100%} */ .formulaire .ligne select {width:100%} .formulaire .ligne input[type="checkbox"], .formulaire .ligne input[type="radio"] {width:inherit; margin-right:10px;} /* .formulaire .ligne input[type="submit"] {padding:20px 10px; font-size:25px; font-weight:bold; background-color:transparent; border:0; cursor:pointer;} */ /* .formulaire .ligne input[type="submit"]:hover {background-color:rgba(0,0,0,0.1);} */ .formulaire .ligne.submit {position:relative; width:100%; height:50px;} .formulaire .ligne .label.select {height:inherit;} .formulaire .ligne .champ.select {height:47px;} .formulaire .ligne .champ.checkbox, .formulaire .ligne .champ.radio {margin-top:10px; padding:5px 5px 5px 10px;} .formulaire .ligne .champ.checkbox label:last-child, .formulaire .ligne .champ.radio label:last-child {cursor:pointer; vertical-align:super;} .formulaire .ligne .champ.date input {width:150px;} .formulaire .ligne .champ.date .picto_date {display:inline-block; margin-left:10px; vertical-align:middle;} .formulaire .ligne .champ .select {height:47px;} .formulaire .ligne .champ .select .selecteur {top:15px;} .formulaire .petit_plus_de_la_maison {margin-top:20px;} .formulaire .petit_plus_de_la_maison a {vertical-align:text-bottom;} .formulaire .ligne .champ.checkbox .un_choix {margin-top:10px;} .formulaire .ligne .champ.checkbox .un_choix label:last-child {padding-left:35px; vertical-align:sub;} .formulaire .ligne.case_rgpd .champ.checkbox label:last-child {display:inline; padding-left:35px; vertical-align:sub;} @media all and (max-width: 699px) { .formulaire .mon_form .ligne .g-recaptcha {margin:auto;} .formulaire .gauche {float:inherit; width:100%; margin-right:0;} .formulaire .droite {float:inherit; width:100%;} } /* BLOG ACCUEIL */ .blog_accueil {padding:30px 0;} .blog_accueil h2.titre {font-size:30px; text-align:center;} .blog_accueil h2.titre a, .blog_accueil h2.titre a:hover {text-decoration:none;} .blog_accueil hr {width:50%; margin:20px auto 30px; border:1px solid; border-radius:50%;} .blog_accueil .un_blog {margin-bottom:35px;} .blog_accueil .un_blog.full {float:left; width:100%;} .blog_accueil .un_blog.demi {float:left; width:48%;} .blog_accueil .lst_blog.paire .un_blog.demi:nth-child(3n+1) {margin-right:4%;} .blog_accueil .lst_blog.impair .un_blog.demi:nth-child(2n+1) {margin-right:4%;} .blog_accueil .un_blog .bloc.gauche {float:left; width:200px; height:275px;} .blog_accueil .un_blog .bloc.droite {float:left; width:calc(100% - 200px);} .blog_accueil .un_blog a:hover {text-decoration:none;} .blog_accueil .un_blog h3.titre {margin-bottom:10px; padding-left:20px;} .blog_accueil .un_blog h3.titre .date {float:left; width:40px; font-size:20px; line-height:20px; text-align:center; font-weight:bold;} .blog_accueil .un_blog h3.titre .titre_date {float:right; width:calc(100% - 50px); margin-top:5px;} .blog_accueil .un_blog h3.titre .titre_date a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .blog_accueil .un_blog h3.titre .date .mois {text-transform:uppercase; font-size:12px; line-height:12px; padding:2px;} .blog_accueil .un_blog .lst_tags {padding-left:20px;} .blog_accueil .un_blog .lst_tags .un_tag {float:left; margin-right:5px; margin-bottom:10px; border-radius:3px;} .blog_accueil .un_blog .lst_tags .un_tag a {display:block; padding:2px 5px;} .blog_accueil .un_blog .lst_tags .un_tag a:hover {background-color:rgba(0,0,0,0.1); text-decoration:none;} .blog_accueil .un_blog .img {height:100%; margin-bottom:10px; text-align:center; overflow:hidden;} .blog_accueil .un_blog .img a {display:block; width:100%; height:100%;} .blog_accueil .un_blog .img.fond_couleur4 {background-size:100% !important;} .blog_accueil .un_blog .description {position:relative;} .blog_accueil .un_blog .description a {display:block; padding-left:20px; text-align:justify;} .blog_accueil .un_blog .lien_plus {margin-top:-35px;} @media all and (max-width: 1279px) { .blog_accueil .un_blog {float:inherit;} .blog_accueil .un_blog.demi {width:100%;} } @media all and (max-width: 659px) { .blog_accueil .un_blog {margin-bottom:50px;} .blog_accueil .un_blog .bloc.gauche {float:inherit; width:100%; height:200px; margin-bottom:10px;} .blog_accueil .un_blog .bloc.droite {float:inherit; width:100%;} .blog_accueil .un_blog h3.titre {padding-left:0;} .blog_accueil .un_blog .lst_tags {padding-left:0;} .blog_accueil .un_blog .img.fond_couleur4 {background-size:auto 100% !important;} .blog_accueil .un_blog .description a {padding-left:0;} } @media all and (max-width: 599px) { .blog_accueil {padding:10px 0;} } /* GALERIE PHOTO */ .galerie {padding:30px 0; text-align:center;} .galerie .img_gal {display:inline-block; margin:0 25px 20px 0; vertical-align:top;} .galerie .img_gal img {max-width:100%; margin-bottom:-5px;} .galerie .legende {padding-top:3px; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;} @media all and (max-width: 799px) { .galerie .img_gal {margin:0 20px 20px 0 !important;} } @media all and (max-width: 599px) { .galerie .img_gal {margin:0 5px 20px 0 !important;} } @media all and (max-width: 599px) { .galerie .img_gal {width:100%;} } /* NEWSLETTER */ .newsletter .defaut {padding:30px 0;} #erreur_newsletter_email {text-align:center;} .bandeau_newsletter.bord_couleur2 {border-width:3px !important; border-right:0 !important; border-bottom:0 !important; border-left:0 !important;} .bandeau_newsletter .lien_desinscription {text-align:center;} .bandeau_newsletter .lien_desinscription span {cursor:pointer;} .bandeau_newsletter .lien_desinscription span:hover {text-decoration:underline;} .bandeau_newsletter .desinscription {padding:40px 0 20px; text-align:center;} .bandeau_newsletter .desinscription .label {width:100%;} .bandeau_newsletter .desinscription .champ {width:100%; margin-top:10px;} .bandeau_newsletter .desinscription .champ input {display:inline-block; width:240px; padding:3px 10px; border:0; border-top-right-radius:0; border-bottom-right-radius:0;} .bandeau_newsletter .desinscription .champ .submit {display:inline-block; width:130px; margin-left:-5px; padding:3px 10px; cursor:pointer; border-top-right-radius:3px; border-bottom-right-radius:3px;} .cont_newsletter_bounce {display:flex; padding:15px 0; justify-content:center; align-items:center; margin:0;} .newsletter_bounce {width:70%; height:50px; padding:10px; background-color:#FFF; text-align:center; border-radius:35px; /* overflow:hidden; */ transition:width .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);} .newsletter_bounce #singular-form button, .newsletter_bounce>#singular-form>#input-container>input {font-size:22px; font-weight:bold;} .newsletter_bounce>#singular-form {position:relative; width:100%; height:100%; background-color:#FFF;} .newsletter_bounce>#singular-form button {width:130px; padding:0; border:none; outline:none; border-radius:35px; cursor:pointer;} .newsletter_bounce>#singular-form>button#trigger {padding:0; width:100%; color:dodgerblue; background-color:transparent; z-index:3;} .newsletter_bounce>#singular-form>#input-container {z-index:2;} .newsletter_bounce>#singular-form>#input-container>input {display:inline-block; height:100%; width:100%; background-color:#FFF; box-sizing:border-box; border:none; outline:none; padding:0 150px 0 3%; opacity:0; transform:scale(0); transition:all .4s ease .4s;} .newsletter_bounce>#singular-form>#input-container>button {position:absolute; top:0; right:0; height:100%; background-color:dodgerblue; color:#FFF; opacity:0; transform:scale(0); transition:all .4s ease .4s;} .newsletter_bounce>#singular-form>#success {display:flex; justify-content:center; align-items:center; color:dodgerblue; font-size:22px; font-weight:bold; z-index:1;} .newsletter_bounce>#singular-form>button#trigger, .newsletter_bounce>#singular-form>#input-container, .newsletter_bounce>#singular-form>#success {position:absolute; top:0; right:0; bottom:0; left:0; transform:scale(0); opacity:0;} .newsletter_bounce>#singular-form>button#trigger {transition:all .4s ease;} .newsletter_bounce>#singular-form>#input-container {transform:scale(1); opacity:1; transition:all .4s ease .4s;} .newsletter_bounce>#singular-form>#success {transition:all .2s ease .4s;} .newsletter_bounce>#singular-form>button#trigger.shown, .newsletter_bounce>#singular-form>#input-container.shown, .newsletter_bounce>#singular-form>#success.shown, .newsletter_bounce>#singular-form>#input-container>button.shown, .newsletter_bounce>#singular-form>#input-container>input.shown {transform:scale(1); opacity:1;} @media all and (max-width: 799px) { .newsletter_bounce #singular-form button, .newsletter_bounce>#singular-form>#input-container>input {font-size:18px;} } @media all and (max-width: 659px) { .newsletter_bounce #singular-form button, .newsletter_bounce>#singular-form>#input-container>input {font-size:14px;} } .newsletter_dropdown * {box-sizing:border-box;} .newsletter_dropdown {width:70%; margin:auto; padding:20px 0; display:flex; justify-content:center; flex-flow:row wrap;} .newsletter_dropdown .optin-container {box-shadow:0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); width:100%;} .newsletter_dropdown .cta {background:#E52B50; color:white; cursor:pointer; display:block; font-size:22px; line-height:1; padding:1.75rem 1rem; text-align:center; text-decoration:none; width:100%;} .newsletter_dropdown .cta_sucess {display:none;} .newsletter_dropdown form {background:rgba(0,0,0,0.2); display:flex; flex-flow:row nowrap; height:70px; padding:15px; margin:0;} .newsletter_dropdown form input {width:calc(100% - 155px); height:100%; padding:5px 15px; margin:0; font-size:22px; border-radius:0;} .newsletter_dropdown form input[type="text"] {border:none; flex:1; outline:#E52B50;} .newsletter_dropdown form button {cursor:pointer; color:white; border:none; width:135px; height:100%; margin: 0 0 0 10px; padding:0 20px; font-size:22px; transition:all .25s ease-in-out; vertical-align:top;} .newsletter_dropdown .class_quon_voit_pas_mais_des_fois_si {display:none;} @media all and (max-width: 599px) { .newsletter_dropdown form {height:120px;} .newsletter_dropdown form input {width:100%; height:40px;} .newsletter_dropdown form button {width:100%; height:40px; margin:10px 0 0 0;} } @media all and (max-width: 399px) { .newsletter_dropdown {width:100%;} } .newsletter_bulle *, .newsletter_bulle *::after, .newsletter_bulle *::before {box-sizing:border-box;} .newsletter_bulle {position:relative; height:100px; margin:0; padding:0; display:flex; justify-content:center; align-items:center;} .newsletter_bulle .form-wrapper {width:90%; max-width:400px; border-radius:8px; display:flex; justify-content:space-around; align-items: center;} .newsletter_bulle .notify-form .field {position:relative;} .newsletter_bulle .notify-form .field input, .newsletter_bulle .notify-form .field .message {width:500px; height:70px; border:none; padding:15px 20px; font-size:18px; background-color:#fff; border-radius:50px; color:#FF8871; transition:0.5s cubic-bezier(0.77, -0.59, 0.21, 1.36);} .newsletter_bulle .notify-form .field .message:not(.message-end) {cursor:pointer;} .newsletter_bulle .notify-form .field input {padding:15px 120px 15px 20px;} .newsletter_bulle .notify-form .field .message {position:absolute; z-index:2; top:0; font-weight:bold; padding-top:18px; text-align:center; -moz-user-select:none; -webkit-user-select:none; user-select:none; transition:transform 0.8s ease-in-out, opacity 0.9s 0.2s ease-out;} .newsletter_bulle .notify-form .field .message.message-end {font-size:22px; z-index:1; opacity:0;} .newsletter_bulle .notify-form .field .message.message-end.active {padding-top:22px; z-index:3; opacity:1;} .newsletter_bulle .notify-form .field .btn-send {position:absolute; right:10px; top:50%; transform:translateY(-50%) scale(0); opacity:0; font-size:18px; font-weight:400; text-align:center; -moz-user-select:none; -webkit-user-select:none; user-select:none; padding:0.375rem 0.75rem; background-color:rgba(255, 136, 113, 0.7); border-radius:50px; color:rgba(255, 255, 255, 0.5); line-height:1.6; transition:0.5s cubic-bezier(0.77, -0.59, 0.21, 1.36);} .newsletter_bulle .notify-form .field .btn-send:not(.active) {pointer-events:none;} .newsletter_bulle .notify-form .field .btn-send.active {color:#fff; background-color:#FF8871; cursor:pointer;} .newsletter_bulle .notify-form.active .field .btn-send {transform:translateY(-50%) scale(1); opacity:1;} .newsletter_bulle .notify-form.active .field input {width:400px;} .newsletter_bulle .notify-form.active .field input:focus {box-shadow:1px 1px 15px 1px rgba(0, 0, 0, 0.6); border:none; outline:none;} .newsletter_bulle .notify-form.active .field .message {transform:translateY(-400%); opacity:0;} @media all and (max-width: 599px) { .newsletter_bulle .notify-form .field input, .newsletter_bulle .notify-form .field .message {width:300px; font-size:14px;} .newsletter_bulle .notify-form.active .field input {width:300px;} } .newsletter_simple {position:relative; height:150px; box-sizing:border-box;} .newsletter_simple * {box-sizing:inherit;} .newsletter_simple .subscribe-1 {position:absolute; left:0; top:0; right:0; bottom:0; width:70%; height:70px; margin:auto; padding:10px 7px; border:3px solid transparent; border-radius:8px; overflow:hidden; transition:width 0.15s ease;} .newsletter_simple .subscribe-1__active {width:500px; border:3px solid #358ecc; background-color:#FFF;} .newsletter_simple .subscribe-1 input[type=text] {color:#358ecc; width:75%; height:100%; margin-right:2%; padding:0 10px; border:0; outline:0;} .newsletter_simple .subscribe-1 button {flex-grow:1; border:0; border-radius:4px; font-size:22px; background:#2a72a4; color:#fff; cursor:pointer; transition:background 0.2s ease;} .newsletter_simple .subscribe__wrapper {height:100%; display:flex;} .newsletter_simple .subscribe__toggle {position:absolute; left:0; top:0; width:100%; height:100%; padding:15px 20px; font-size:18px; background:#2a72a4; text-align:center; text-decoration:none; color:#fff; border-radius:4px; transition:opacity 0.15s ease, background 0.2s ease; cursor:pointer;} .newsletter_simple .subscribe__toggle__hidden {opacity:0; pointer-events:none;} .newsletter_simple .subscribe__success {position:absolute; left:0; top:0; width:100%; height:100%; font-size:22px; line-height:70px; color:#4cce95; text-align:center; background:#fff; opacity:0; pointer-events:none; transition:opacity 0.25s 0.2s ease;} .newsletter_simple .subscribe__success--active {opacity:1;} @media all and (max-width: 699px) { .newsletter_simple .subscribe-1 {width:90%;} } @media all and (max-width: 499px) { .newsletter_simple .subscribe__toggle {padding:8px 20px; font-size:16px;} } @media all and (max-width: 399px) { .newsletter_simple .subscribe__toggle {font-size:14px;} } @-webkit-keyframes cd-bounce-in { 0% {top:100%;} 60% {top:45%;} 100% {top:50%;} } @-moz-keyframes cd-bounce-in { 0% {top:100%;} 60% {top:45%;} 100% {top:50%;} } @keyframes cd-bounce-in { 0% {top:100%;} 60% {top:45%;} 100% {top:50%;} } .newsletter_carre {box-sizing:border-box;} .newsletter_carre input {border:0; font-size:22px;} .newsletter_carre input[type=submit] {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none;} .newsletter_carre .cd-container {width:90%; max-width:768px; margin:0 auto;} .newsletter_carre .cd-container:after {content:""; display:table; clear:both;} .newsletter_carre .cd-form-wrapper {position:relative; padding:10px 0;} .newsletter_carre .cd-form {position:relative; width:100%; height:180px; background:#f3cb6d;} .newsletter_carre .cd-form .cd-loading {position:absolute; bottom:0; left:0; height:3%; width:100%; background-color:#7f8ba9; -webkit-transform-origin:0 50%; -moz-transform-origin:0 50%; -ms-transform-origin:0 50%; -o-transform-origin:0 50%; transform-origin:0 50%; -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transform:scaleX(0); visibility:hidden; -webkit-transition:-webkit-transform 3s; -moz-transition:-moz-transform 3s; transition:transform 3s; z-index:3;} .newsletter_carre .no-csstransitions .cd-form .cd-loading {display:none;} .newsletter_carre .cd-form.is-submitted .cd-loading {visibility:visible; -webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1);} .newsletter_carre .cd-label, .newsletter_carre .cd-email, .newsletter_carre .cd-submit {position:absolute;} .newsletter_carre .cd-label {color:#5a4107; left:2%; top:12%; font-size:22px; font-weight:700; opacity:1; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition:-webkit-transform 0.3s, opacity 0.3s; -moz-transition:-moz-transform 0.3s, opacity 0.3s; transition:transform 0.3s, opacity 0.3s; z-index:2;} .newsletter_carre .is-active .cd-label {opacity:0; -webkit-transform:translate3d(0, -200%, 0); -moz-transform:translate3d(0, -200%, 0); -ms-transform:translate3d(0, -200%, 0); -o-transform:translate3d(0, -200%, 0); transform:translate3d(0, -200%, 0);} .newsletter_carre .cd-email {width:96%;} .newsletter_carre .cd-email, .newsletter_carre .cd-submit {bottom:0;} .newsletter_carre .cd-email:focus, .newsletter_carre .cd-submit:focus {outline:none;} .newsletter_carre .cd-email {top:0; left:0; height:100%; background:transparent; padding:0 2%; font-weight:300; color:#444d65; -webkit-transition:height 0.3s, background-color 0.3s; -moz-transition:height 0.3s, background-color 0.3s; transition: height 0.3s, background-color 0.3s; z-index:1;} .newsletter_carre .is-active .cd-email {height:50%;} .newsletter_carre .cd-submit {width:100%; top:50%; cursor:pointer; background-color:#444d65; color:white; text-transform:uppercase; font-weight:700; display:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-transition:background-color 0.2s; -moz-transition:background-color 0.2s; transition:background-color 0.2s; z-index:2; line-height:90px;} .newsletter_carre .is-active .cd-submit {display:block; -webkit-animation:cd-bounce-in ease-out 0.4s; -moz-animation:cd-bounce-in ease-out 0.4s; animation:cd-bounce-in ease-out 0.4s;} .newsletter_carre .cd-response {position:absolute; top:-50px; left:0; padding:1.4em; color:white; font-size:14px; font-size:0.875rem; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; z-index:3; visibility:hidden; opacity:0; -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); transform:translateY(-20px); -webkit-transition:-webkit-transform 0.3s 0s, opacity 0.3s 0s, visibility 0s .3s; -moz-transition:-moz-transform 0.3s 0s, opacity 0.3s 0s, visibility 0s .3s; transition:transform 0.3s 0s, opacity 0.3s 0s, visibility 0s .3s;} .newsletter_carre .cd-response::after {content:''; position:absolute; top:100%; left:20px; display:inline-block; width:0; height:0; border:10px solid transparent;} .newsletter_carre .cd-response.cd-response-error {background-color:#EC0000;} .newsletter_carre .cd-response.cd-response-error::after {border-top-color:#EC0000;} .newsletter_carre .cd-response.cd-response-notification {background-color:#7f8ba9;} .newsletter_carre .cd-response.cd-response-notification::after {border-top-color:#7f8ba9;} .newsletter_carre .cd-response.is-visible {visibility:visible; opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition:-webkit-transform 0.3s 0s, opacity 0.3s 0s, visibility 0s 0s; -moz-transition:-moz-transform 0.3s 0s, opacity 0.3s 0s, visibility 0s 0s; transition:transform 0.3s 0s, opacity 0.3s 0s, visibility 0s 0s;} .newsletter_carre .cd-response-success {position:absolute; bottom:10px; left:0; height:50%; width:100%; background-color:#92c195; -webkit-transform-origin:50% 100%; -moz-transform-origin:50% 100%; -ms-transform-origin:50% 100%; -o-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0); transform:scaleY(0); visibility:hidden; -webkit-transition:-webkit-transform .3s 0s, visibility 0s .3s; -moz-transition:-moz-transform .3s 0s, visibility 0s .3s; transition:transform .3s 0s, visibility 0s .3s; z-index:3;} .newsletter_carre .cd-response-success p {position:absolute; text-align:center; width:100%; left:50%; top:50%; bottom:auto; right:auto; font-size:30px; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); color:white; opacity:0; -webkit-transition:opacity 0.3s 0s; -moz-transition:opacity 0.3s 0s; transition:opacity 0.3s 0s;} .newsletter_carre .cd-response-success.slide-in {visibility:visible; -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); transform:scaleY(1); -webkit-transition:-webkit-transform .3s 0s, visibility 0s 0s; -moz-transition:-moz-transform .3s 0s, visibility 0s 0s; transition:transform .3s 0s, visibility 0s 0s;} .newsletter_carre .cd-response-success.slide-in p {opacity:1; -webkit-transition:opacity 0.3s 0.3s; -moz-transition:opacity 0.3s 0.3s; transition:opacity 0.3s 0.3s;} @media all and (max-width: 699px) { .newsletter_carre .cd-label {font-size:18px;} } @media all and (max-width: 549px) { .newsletter_carre .cd-response {top:-65px;} .newsletter_carre .cd-label {top:10%; font-size:16px;} } .newsletter_coulissant input {border:0;} .newsletter_coulissant .container {width:70%; margin:auto; padding:20px 0;} .newsletter_coulissant .news_txt {margin-bottom:20px; font-size:22px; text-align:center;} .newsletter_coulissant .login_bar {width:100%; height:50px; margin:auto; background:white; border-radius:10px; top:50%; position:relative; z-index:1; overflow:hidden;} .newsletter_coulissant .login {background:transparent; position:absolute; height:100%; width:calc(100% - 130px); padding-left:10px; text-align:left; font-size:22px; line-height:50px; vertical-align:middle; z-index:10; -webkit-transition:transform 0.2s ease-in-out 0s; -moz-transition:transform 0.2s ease-in-out 0s; -o-transition:transform 0.2s ease-in-out 0s; transition:transform 0.2s ease-in-out 0s;} .newsletter_coulissant .login_active {-webkit-transform:translateX(115%); -moz-transform:translateX(115%); -ms-transform:translateX(115%); -o-transform:translateX(115%); transform:translateX(115%);} .newsletter_coulissant .subscribe_button:hover {background-color:#222A33; cursor:pointer;} .newsletter_coulissant .subscribe_button {background:#171D23; position:absolute; top:-50px; right:0px; border-top-right-radius:10px; border-bottom-right-radius:10px; height:150px; width:120px; text-align:center; font-size:22px; line-height:150px; vertical-align:middle; color:white; -webkit-transition:transform 0.5s ease 0s; -moz-transition:transform 0.5s ease 0s; -o-transition:transform 0.5s ease 0s; transition:transform 0.5s ease 0s;} .newsletter_coulissant .subscribe_button_active {-webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px);} .newsletter_coulissant .subscribing {background:#CDD4DC; height:100%; width:101%; z-index:5; position:absolute; left:-101%; display:inline-block; -webkit-transition:transform 1s ease 0s ; -moz-transition:transform 1s ease 0s ; -o-transition:transform 1s ease 0s ; transition:transform 1s ease 0s ;} .newsletter_coulissant .subscribing_active {-webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%);} .newsletter_coulissant .thanks {background:transparent; height:100%; width:100%; z-index:5; text-align:left; font-size:22px; line-height:50px; vertical-align:middle; padding-left:10px; position:absolute; top:50px; display:inline-block; text-align:center; -webkit-transition:transform 0.5s ease 0s ; -moz-transition:transform 0.5s ease 0s ; -o-transition:transform 0.5s ease 0s ; transition:transform 0.5s ease 0s ;} .newsletter_coulissant .thanks_active {-webkit-transform:translateY(-50px); -moz-transform:translateY(-50px); -ms-transform:translateY(-50px); -o-transform:translateY(-50px); transform:translateY(-50px);} @media all and (max-width: 1299px) { .newsletter_coulissant .container {width:90%;} .newsletter_coulissant .login_active {-webkit-transform:translateX(175%); -moz-transform:translateX(175%); -ms-transform:translateX(175%); -o-transform:translateX(175%); transform:translateX(175%);} } @media all and (max-width: 699px) { .newsletter_coulissant .news_txt {font-size:18px;} .newsletter_coulissant .login {width:calc(100% - 110px); font-size:18px;} .newsletter_coulissant .subscribe_button {width:100px; font-size:18px;} .newsletter_coulissant .thanks {font-size:18px;} } @media all and (max-width: 399px) { .newsletter_coulissant .news_txt {font-size:16px;} .newsletter_coulissant .login {width:calc(100% - 95px); font-size:16px;} .newsletter_coulissant .subscribe_button {width:85px; font-size:16px;} .newsletter_coulissant .thanks {font-size:16px;} } #scrollUp {position:fixed; bottom:23px; left:25px; border-radius:50%; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.5); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.5); box-shadow:0 0 20px 0 rgba(0,0,0,0.5); z-index:50;} #scrollUp:hover {-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; transform-origin:center bottom;} #scrollUp .cont {padding:10px; border-radius:50%; cursor:pointer;} #scrollUp .cont:hover {background-color:rgba(0,0,0,0.08);} #scrollUp svg {transform:rotate(-90deg);} @media all and (max-width: 599px) { #scrollUp {left:10px;} } /* CALENDRIER CALENDRIER */ .un_paragraphe.reservation .calendrier {float:right; width:calc(69% - 2px); margin-right:1%;} .un_paragraphe.reservation .calendrier .reservation_fini {width:80%; margin:50px auto;} .un_paragraphe.reservation .calendrier .reservation_fini h2 {margin-bottom:30px; text-align:center;} .un_paragraphe.reservation .calendrier .reservation_fini .picto {margin-bottom:20px; text-align:center;} .un_paragraphe.reservation .calendrier .reservation_fini .txt {text-align:justify;} .un_paragraphe.reservation .calendrier .bar {display:flex; flex-direction:row-reverse; margin:30px auto 40px; max-width:calc(100% - 30px);} .un_paragraphe.reservation .calendrier .bar-input {opacity:0; pointer-events:none; position:absolute;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:nth-child(10):after {transition-delay:-0.05s;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:nth-child(10) .bar-button:before {transition-delay:0.01s;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:nth-child(8):after {transition-delay:0.05s;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:nth-child(8) .bar-button:before {transition-delay:0.11s;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:nth-child(6):after {transition-delay:0.15s;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:nth-child(6) .bar-button:before {transition-delay:0.21s;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:nth-child(4):after {transition-delay:0.25s;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:nth-child(4) .bar-button:before {transition-delay:0.31s;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:nth-child(2):after {transition-delay:0.35s;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:nth-child(2) .bar-button:before {transition-delay:0.41s;} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view:after {transform:scaleX(1);} .un_paragraphe.reservation .calendrier .bar-input:checked ~ .bar-view .bar-button:before {transform:none; opacity:1;} .un_paragraphe.reservation .calendrier .bar-input:checked + .bar-view .bar-button:after {opacity:1; animation:bouncing_bar 0.6s cubic-bezier(0, 0, 0.74, 1.04) infinite;} .un_paragraphe.reservation .calendrier .bar-view {display:flex; flex-grow:1; position:relative;} .un_paragraphe.reservation .calendrier .bar-view .int {position:absolute; bottom:-18px; width:calc(100% - 10px); padding:0 5px; font-size:12px; text-transform:uppercase; text-align:center;} .un_paragraphe.reservation .calendrier .bar-view:after {height:2px; top:calc(50% - 1px); transition:transform 0.06s cubic-bezier(0, 0.72, 0.58, 1); transform:scaleX(0); transform-origin:left; z-index:1;} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):before, .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):after {content:''; width:calc(100% - 30px); position:absolute; right:calc(50% + 15px);} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):before {height:6px; top:calc(50% - 3px);} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):nth-child(2):after {transition-delay:0s;} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):nth-child(2) .bar-button:before {transition-delay:0.06s;} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):nth-child(4):after {transition-delay:0.1s;} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):nth-child(4) .bar-button:before {transition-delay:0.16s;} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):nth-child(6):after {transition-delay:0.2s;} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):nth-child(6) .bar-button:before {transition-delay:0.26s;} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):nth-child(8):after {transition-delay:0.3s;} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):nth-child(8) .bar-button:before {transition-delay:0.36s;} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):nth-child(10):after {transition-delay:0.4s;} .un_paragraphe.reservation .calendrier .bar-view:not(:last-child):nth-child(10) .bar-button:before {transition-delay:0.46s;} .un_paragraphe.reservation .calendrier .bar-button {display:block; width:30px; height:30px; margin:auto; border-radius:50%; border-width:3px !important; position:relative; cursor:pointer;} .un_paragraphe.reservation .calendrier .bar-button:hover:after {transform:none; opacity:1;} .un_paragraphe.reservation .calendrier .bar-button:before, .un_paragraphe.reservation .calendrier .bar-button:after {content:''; position:absolute; pointer-events:none;} .un_paragraphe.reservation .calendrier .bar-button:before {width:100%; height:100%; border-radius:50%; transform:scale(0.3); opacity:0; transition-property:transform, opacity; transition-duration:0.2s; transition-timing-function:cubic-bezier(0, 0.72, 0.58, 1);} .un_paragraphe.reservation .calendrier .bar-button:after {border:8px solid transparent; bottom:calc(100% + 10px); left:calc(50% - 8px); transform:translateY(-10px); opacity:0; transition-property:transform, opacity; transition-duration:0.2s; transition-timing-function:cubic-bezier(0, 0, 0, 1.97);} .un_paragraphe.reservation .calendrier .bar-button .num {position:absolute; top:4px; width:100%; text-align:center;} .un_paragraphe.reservation .calendrier .msg_erreur {margin-bottom:10px; padding:0 10px; text-align:center;} .un_paragraphe.reservation .calendrier .cont_etapes {width:100%; overflow:hidden;} .un_paragraphe.reservation .calendrier .cont_etapes .mes_etapes {width:calc(100%*3);} .un_paragraphe.reservation .calendrier .cont_etapes .mes_etapes .une_etape {float:left; width:calc((100%/3) - 20px); padding:0 10px;} .un_paragraphe.reservation .calendrier .cont_etapes .mes_etapes .une_etape.etape_1 {position:relative;} .un_paragraphe.reservation .calendrier .cont_etapes .mes_etapes .une_etape.etape_3 {position:relative;} .un_paragraphe.reservation .calendrier .cont_calendrier .select_date {margin:10px 35px 30px;} .un_paragraphe.reservation .calendrier .cont_calendrier .cont_select {float:left; width:110px; margin-right:20px;} .un_paragraphe.reservation .calendrier .cont_calendrier .cont_select .sel {float:left; width:50px; text-align:center; border-radius:3px; cursor:pointer;} .un_paragraphe.reservation .calendrier .cont_calendrier .cont_select .sel.precedent {margin-right:5px;} .un_paragraphe.reservation .calendrier .cont_calendrier .cont_select .sel.inactif {cursor:not-allowed; filter:grayscale(1);} .un_paragraphe.reservation .calendrier .cont_calendrier .cont_select .sel svg {margin-bottom:-4px; padding:3px 0;} .un_paragraphe.reservation .calendrier .cont_calendrier .mois {float:left; width:calc(100% - 130px); margin-top:3px;} .un_paragraphe.reservation .calendrier .cont_calendrier.semaine .cont_mouse {top:inherit; bottom:5px; left:5px; transform:inherit;} .un_paragraphe.reservation .calendrier .le_calendrier {max-height:510px; margin:0 35px; overflow-y:scroll;} .un_paragraphe.reservation .calendrier .le_calendrier .un_jour {float:left; width:calc(100%/7); text-align:center;} .un_paragraphe.reservation .calendrier .le_calendrier .un_jour .head {padding:5px; border-width:3px !important; border-right:0 !important; border-top:0 !important; border-left:0 !important;} .un_paragraphe.reservation .calendrier .le_calendrier .un_jour .head .num {font-size:30px;} .un_paragraphe.reservation .calendrier .le_calendrier .un_jour .cont_reservation {padding:5px;} .un_paragraphe.reservation .calendrier .le_calendrier .un_jour .une_reservation {margin:8px 0; padding:5px 0; font-size:16px; border:1px solid #06CA06; cursor:pointer;} .un_paragraphe.reservation .calendrier .le_calendrier .un_jour .une_reservation:hover {background-color:rgba(6, 202, 6, 0.5);} .un_paragraphe.reservation .calendrier .le_calendrier .un_jour .fermeture {height:100px; margin-top:8px; color:#EC0000; border:1px solid #EC0000;} .un_paragraphe.reservation .calendrier .le_calendrier .un_jour .fermeture span {display:block; margin-top:32px; font-size:30px; text-transform:uppercase; transform:rotate(-45deg);} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation {max-width:600px; margin:auto;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation h2 {margin:10px 0; text-align:center;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .head .cont_txt {position:relative; text-align:center; font-size:20px; line-height:40px;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .head .txt {display:inline-block; vertical-align:middle; font-weight:bold;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .head .txt:first-child {position:absolute; left:0; bottom:0; padding:5px 5px 0; line-height:normal;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .head .txt:last-child {position:absolute; right:0; bottom:0; padding:5px 5px 0; line-height:normal; cursor:pointer;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .cont_form h2 {margin-top:30px;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .ligne {margin:10px 0 20px;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .ligne select, .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .ligne textarea, .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .ligne input {width:calc(100% - 17px); padding:5px;} .un_paragraphe.reservation .calendrier .ma_confirmation .cont_mouse {top:inherit; bottom:5px; left:15px; transform:inherit;} .un_paragraphe.reservation .calendrier .ma_confirmation h2 {margin-bottom:20px; text-align:center;} .un_paragraphe.reservation .calendrier .ma_confirmation .formulaire_confirmation {position:relative; height:400px; max-width:560px; margin:auto; padding:20px; overflow-y:scroll;} .un_paragraphe.reservation .calendrier .ma_confirmation .formulaire_confirmation .cont_txt {margin-bottom:20px;} .un_paragraphe.reservation .calendrier .ma_confirmation .formulaire_confirmation .cont_txt #conf_date, .un_paragraphe.reservation .calendrier .ma_confirmation .formulaire_confirmation .cont_txt #conf_heure {font-weight:bold;} .un_paragraphe.reservation .calendrier .ma_confirmation .formulaire_confirmation .cont_txt .txt {display:inline-block;} .un_paragraphe.reservation .calendrier .ma_confirmation .formulaire_confirmation .cont_info .ligne {margin:10px 0 20px;} .un_paragraphe.reservation .calendrier .ma_confirmation .formulaire_confirmation .cont_info .label {display:inline-block; font-weight:bold;} .un_paragraphe.reservation .calendrier .ma_confirmation .formulaire_confirmation .cont_info .champ {display:inline-block; text-align:justify; vertical-align:text-top;} .un_paragraphe.reservation .calendrier .ma_confirmation .verif_form {margin-top:20px;} .un_paragraphe.reservation .calendrier .ma_confirmation .verif_form .ligne.case_rgpd {float:left; width:48%; margin-right:4%;} .un_paragraphe.reservation .calendrier .ma_confirmation .verif_form .ligne.case_rgpd .fausse_checkbox {position:relative; margin-right:5px; vertical-align:bottom;} .un_paragraphe.reservation .calendrier .ma_confirmation .verif_form .ligne.captcha {float:left; width:48%;} .un_paragraphe.reservation .calendrier .ma_confirmation .verif_form .ligne.texte_rgpd {float:left; width:48%;} .un_paragraphe.reservation .calendrier .ma_confirmation .verif_form .petit_plus_de_la_maison {margin-top:20px;} .un_paragraphe.reservation .calendrier .foot_etape {margin-top:20px;} .un_paragraphe.reservation .calendrier .foot_etape .un_btn {width:190px; padding:3px 5px; text-align:center; text-transform:uppercase; cursor:pointer;} .un_paragraphe.reservation .calendrier .foot_etape .un_btn.precedent {float:left; margin:0 0 10px 10px;} .un_paragraphe.reservation .calendrier .foot_etape .un_btn.suivant, .un_paragraphe.reservation .calendrier .foot_etape .un_btn.confirme {float:right; margin:0 10px 10px 0;} .un_paragraphe.reservation .info_entreprise {float:right; width:calc(30% - 2px);} .un_paragraphe.reservation .info_entreprise h3 {padding:3px 10px; text-align:center;} .un_paragraphe.reservation .info_entreprise .ligne_info {margin-bottom:5px;} .un_paragraphe.reservation .info_entreprise .gmap {margin-bottom:5px; overflow:hidden;} .un_paragraphe.reservation .info_entreprise .info_contenu {padding:5px;} .un_paragraphe.reservation .info_entreprise .tel a:hover {text-decoration:none;} .un_paragraphe.reservation .info_entreprise .today {cursor:pointer;} .un_paragraphe.reservation .info_entreprise .today span.ouvert {color:#06CA06;} .un_paragraphe.reservation .info_entreprise .today span.presque {color:#FF7F00;} .un_paragraphe.reservation .info_entreprise .today span.ferme {color:#EC0000;} .un_paragraphe.reservation .info_entreprise .lst_jour {margin:10px 0; padding:5px 5px 5px 20px; font-size:15px;} .un_paragraphe.reservation .info_entreprise .lst_jour .un_jour.actif {font-weight:bold;} .un_paragraphe.reservation .info_entreprise .lst_jour .un_jour {margin:2px 0;} .un_paragraphe.reservation .info_entreprise .lst_jour .un_jour span.ouvert.full {color:#06CA06;} .un_paragraphe.reservation .info_entreprise .lst_jour .un_jour span.ferme {color:#EC0000;} .un_paragraphe.reservation .info_entreprise .lst_jour span.jour {display:inline-block; width:80px; text-align:right;} @media all and (max-width: 1350px) { .un_paragraphe.reservation .calendrier {float:inherit; width:calc(100% - 2px); margin-right:0;} .un_paragraphe.reservation .info_entreprise {float:inherit; width:calc(100% - 2px); margin-bottom:20px;} } @media all and (max-width: 950px) { .un_paragraphe.reservation .calendrier .cont_calendrier.semaine .cont_mouse_mobile {display:block; position:absolute; top:inherit; bottom:-45px; left:15px; transform:rotate(-90deg);} .un_paragraphe.reservation .calendrier .le_calendrier .les_jours {width:830px; overflow-x:scroll;} } @media all and (max-width: 800px) { .un_paragraphe.reservation .calendrier .bar-view .int {bottom:-30px;} } @media all and (max-width: 700px) { .un_paragraphe.reservation .calendrier .ma_confirmation .verif_form .ligne.case_rgpd {float:inherit; width:100%; margin-right:0;} .un_paragraphe.reservation .calendrier .ma_confirmation .verif_form .ligne.captcha {float:inherit; width:100%; margin-top:20px;} .un_paragraphe.reservation .calendrier .ma_confirmation .verif_form .ligne.captcha .g-recaptcha > div {margin:auto;} } @media all and (max-width: 500px) { .un_paragraphe.reservation .calendrier .bar {max-width:inherit;} .un_paragraphe.reservation .calendrier .bar-view .int {font-size:10px;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .head h2 {font-size:22px;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .head .cont_txt {font-size:12px;} .un_paragraphe.reservation .calendrier .mon_formulaire .formulaire_reservation .head .txt:first-child {padding:9px 5px 0;} .un_paragraphe.reservation .calendrier .ma_confirmation h2 {font-size:22px;} .un_paragraphe.reservation .calendrier .foot_etape .un_btn {width:120px; font-size:16px;} } /* POINT FORT */ .point_fort.bord_couleur1, .point_fort.bord_couleur2, .point_fort.bord_couleur3, .point_fort.bord_couleur4 {border-width:3px !important; border-right:0 !important; border-bottom:0 !important; border-left:0 !important;} .point_fort {padding:20px 0;} .point_fort ul {display:flex;} .point_fort a:hover {text-decoration:none;} .point_fort .un_point_fort {display:inline-block; text-align:center;} .point_fort .un_point_fort .picto {display:block;} .point_fort .un_point_fort .picto img {max-width:100%; max-height:100%; vertical-align:middle;} .point_fort .un_point_fort .picto span {vertical-align:middle;} .point_fort .un_point_fort .texte {display:block; margin-top:10px; font-size:18px;} @media all and (max-width: 1000px) { .point_fort.point_fort_nb3 ul, .point_fort.point_fort_nb4 ul, .point_fort.point_fort_nb5 ul {display:block;} .point_fort.point_fort_nb3 .un_point_fort, .point_fort.point_fort_nb4 .un_point_fort, .point_fort.point_fort_nb5 .un_point_fort {float:left; width:50% !important; margin-left:0px !important; margin-right:0px !important;} .point_fort.point_fort_nb3 .un_point_fort.un_point_fort_n3, .point_fort.point_fort_nb5 .un_point_fort.un_point_fort_n5 {width:100%!important; margin-left:auto !important; margin-right:auto !important;} .point_fort.point_fort_nb4 .un_point_fort.un_point_fort_n3, .point_fort.point_fort_nb5 .un_point_fort.un_point_fort_n3, .point_fort.point_fort_nb5 .un_point_fort.un_point_fort_n5 {clear:both;} .point_fort .un_point_fort {margin-top:20px !important;} .point_fort .un_point_fort_n1, .point_fort .un_point_fort_n1 {margin-top:0px !important;} } /* PLAN DE SITE */ .sitemap {list-style:disc inside;} .sitemap ul {margin-left:30px; list-style:circle inside;} .sitemap li .a {display:inline; vertical-align:baseline;} .sitemap .principal {font-size:22px;} .sitemap .secondaire {font-size:20px;} /* FOOTER */ footer .f_infos .nom img {max-width:310px;} footer .f_infos .nom .qualiopi img {width:75%; text-align:center; max-width:232px;} footer .footer_bas .f_copyright a {vertical-align:inherit;} /* COOKIES */ .cmp_policy {position:fixed; bottom:0px; left:0px; width:calc(100% - 20px); padding:10px; border-width:2px 0px 0px !important; z-index:99;} .cmp_policy .cmp_gauche, .cmp_policy .cmp_droite {float:left; width:calc(50% - 20px); padding:0px 10px;} .cmp_policy .cmp_droite {float:right;} .cmp_policy .cmp_titre, .cmp_policy .cmp_sous_titre {font-size:20px; line-height:20px; padding:10px 0px 5px;} .cmp_policy .cmp_titre {text-align:center; font-size:20px; line-height:20px; text-transform:uppercase; padding:0px;} .cmp_policy .cmp_sous_titre svg {vertical-align:bottom;} .cmp_policy .cmp_texte {font-size:14px; line-height:18px; text-align:justify;} .cmp_policy .cmp_texte a {text-decoration:underline;} .cmp_policy .cmp_texte.cmp_detail {padding:10px 10px 0px;} .cmp_policy .cmp_choix {text-align:right; text-transform:uppercase; padding:5px 0px; font-size:16px; margin-top:-30px;} .cmp_policy .cmp_choix a {padding:5px 8px; margin:0px 0px 0px 10px; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .cmp_policy .cmp_choix a:hover {text-decoration:none;} .cmp_gestion {text-align:center;} .cmp_gestion a {font-weight:bold; padding:5px 10px; text-decoration:none; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px;} .cmp_gestion a svg {vertical-align:bottom;} @media all and (max-width: 1400px) { .cmp_policy .cmp_choix {margin-top:5px;} .cmp_scroll {height:90px; overflow-y:auto;} } @media all and (max-width: 900px) { .cmp_policy .cmp_gauche, .cmp_policy .cmp_droite {float:none; width:calc(100% - 20px);} } /* EXCEPTIONS POLICE */ .police_4 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-5px;} .police_5 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-2px;} .police_9 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-2px;} .police_10 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-3px;} .police_13 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-4px;} .police_14 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-3px;} .police_16 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-1px;} .police_18 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-1px;} .police_20 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-5px;} .police_21 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-3px;} .police_22 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-9px;} .police_23 .lst_paragraphe .un_paragraphe .img .mon_img {margin-bottom:-2px;} .police_5 .blog .lst_article .un_article h2.titre .date .annee {font-size:16px;} .police_7 .blog .lst_article .un_article h2.titre .date .annee {font-size:16px;} .police_8 .blog .lst_article .un_article h2.titre .date .annee {font-size:14px;} .police_10 .blog .lst_article .un_article h2.titre .date .jour {font-size:17px;} .police_10 .blog .lst_article .un_article h2.titre .date .annee {font-size:15px;} .police_16 .blog .lst_article .un_article h2.titre .date .annee {font-size:16px;} .police_15 .blog .lst_article .un_article h2.titre .date .jour {font-size:18px;} .police_15 .blog .lst_article .un_article h2.titre .date .annee {font-size:14px;} .police_17 .blog .lst_article .un_article h2.titre .date .jour {font-size:18px;} .police_17 .blog .lst_article .un_article h2.titre .date .annee {font-size:18px;} .police_19 .blog .lst_article .un_article h2.titre .date .annee {font-size:14px;} .police_20 .blog .lst_article .un_article h2.titre .date .jour {font-size:16px;} .police_20 .blog .lst_article .un_article h2.titre .date .mois {font-size:10px;} .police_20 .blog .lst_article .un_article h2.titre .date .annee {font-size:13px;} .police_21 .blog .lst_article .un_article h2.titre .date .jour {font-size:14px;} .police_21 .blog .lst_article .un_article h2.titre .date .mois {font-size:10px;} .police_21 .blog .lst_article .un_article h2.titre .date .annee {font-size:13px;} .police_22 .blog .lst_article .un_article h2.titre .date .mois {font-size:8px;} .police_23 .blog .lst_article .un_article h2.titre .date .jour {font-size:18px;} .police_23 .blog .lst_article .un_article h2.titre .date .annee {font-size:15px;} .police_24 .blog .lst_article .un_article h2.titre .date .mois {font-size:10px;}