@charset "UTF-8";
/**
* 1.0 - Reset
*
* Resetting and rebuilding styles have been helped along thanks to the fine
* work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
html {
background: #222;
position: relative;
}
body {
color: #1a1a1a;
font-size: 16px;
font-family: 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
font-weight: 400;
overflow-x: hidden;
position: static;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
a {
outline: none;
text-decoration: none;
}
a:focus {
outline: 0;
outline: 0;
}
a:hover, a:active {
outline: 0;
}
a img {
border: 0;
}
p {
margin-bottom: 10px;
}
strong {
font-weight: bold;
}
.clear {
padding: 0;
margin: 0;
clear: both;
border: none;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
@font-face {
font-family: "Bw-Gradual-Regular";
src: local("Bw-Gradual-Regular"), url("../fonts/Bw-Gradual-Regular.otf") format("opentype")
}
@font-face {
font-family: "Bw-Gradual-Bold";
src: local("Bw-Gradual-Bold"), url("../fonts/Bw-Gradual-Bold.otf") format("opentype");
font-weight: bold;
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: 900;
src: url("../fonts/fa-solid-900.eot");
src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
font-family: 'FontAwesome-B';
font-style: normal;
font-weight: 400;
src: url("../fonts/fa-brands-400.eot");
src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("./fontss/fa-brands-400.svg#fontawesome") format("svg");
}
.bx-gradualR {
font-family: "Bw-Gradual-Regular";
}
h1, h2, h3, .bx-gradualB {
font-family: "Bw-Gradual-Bold";
}
h1, #home h2, .type-h1 {
text-transform: uppercase;
font-size: 26px;
margin-bottom: 10px;
display: block;
}
h2 {
text-transform: uppercase;
font-size: 22px;
margin-bottom: 10px;
display: block;
}
h3.item-title {
font-size: 24px;
color: var(--color-saison);;
}
.item-title.transf {
text-transform: uppercase;
}
.item-title.transf::first-letter {
font-size: 28px;
}
#home .para h2, .para h2 {
color: var(--color-saison);
font-size: 26px;
margin-bottom: 0;
}
.para h2::first-letter {
font-size: 30px;
}
.para h3 {
font-size: 24px;
font-family: 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
font-weight: bold;
text-transform: none;
}
.para h2 + p, .para h3 + p {
margin-top: 20px;
}
.para h4 + p, .para h5 + p, .para h6 + p {
margin-top: 10px;
}
.para h5 {
font-weight: bold;
}
textarea,
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
width: 100%;
padding: 8px 15px;
border: none;
font-family: 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
background-color: #333;
outline: none;
color: #fff;
}
.formulaire label{
margin-bottom: 5px;
display: block;
}
.formulaire li{
margin-bottom: 10px;
}
.para .bt,.para input[type="submit"],
.bt, input[type="submit"] {
padding: 10px 25px;
background: #222;
border-radius: 10px;
font-family: 'Bw-Gradual-Regular', Arial, 'sans-serif';
color: #fff;
width: auto;
display: inline-block;
border: none;
outline: none;
transition: all 0.3s ease-out;
text-transform: uppercase;
font-size: 14px;
}
.para .bt:hover,
.hover .bt, .bt:hover {
background: var(--color-secondaire);
cursor: pointer;
color: #fff;
}
.bt.red {
background: var(--color-saison);
}
.bt.red.resa {
background: #e73440;
}
.bt.desac:hover, .bt.desac {
cursor: default;
background: #c5c5c5;
}
.hover .bt.red, .bt.red:hover {
background: #222;
}
.bt.icon {
padding: 10px 25px 10px 40px;
position: relative;
}
.bt.icon.right {
padding: 10px 40px 10px 25px;
}
.bt-texte {
background: none;
padding: 5px 5px 5px 40px;
color: #222;
font-size: 18px;
}
.bt-texte.red {
color: var(--color-secondaire);
background: none;
}
.bt-texte:hover {
color: var(--color-saison);
background: none;
}
.bt-texte.red:hover {
color: #222;
background: none;
}
.bt.icon::after {
font-family: "FontAwesome";
font-size: 18px;
position: absolute;
top: 50%;
left: 15px;
transform: translate(0, -50%);
}
.bt.icon.right::after {
left: auto;
right: 15px;
}
.bt-texte.icon.right {
padding: 5px 40px 5px 5px;
margin-bottom: 10px;
}
.bt.plus::after {
content: "+";
font-size: 24px;
line-height: 0;
font-weight: bold;
font-family: 'Segoe UI', 'sans-serif';
}
.bt.arrow::after {
content: "\f138";
}
.bt.resa:after {
content: "\f3ff";
transform: rotate(-45deg);
top: 25%;
left: 10px;
}
.bt-texte.pdf:before,
.bt.pdf:before {
content: "\f1c1";
padding-right: 5px;
}
.bt-texte.excel:before,
.bt.excel:before {
content: "\f1c3";
padding-right: 5px;
}
.bt-texte.word:before,
.bt.word:before {
content: "\f1c2";
padding-right: 5px;
}
.bt-texte.document:before,
.bt.document:before {
content: "\e5ed";
padding-right: 5px;
}
.bt-texte.powerpoint:before,
.bt.powerpoint:before {
content: "\f1c4";
padding-right: 5px;
}
.bt.doc::after {
content: "\f15c";
}
.bt:first-letter, input[type="submit"]:first-letter {
font-size: 18px;
}
.bt-texte::first-letter {
font-size: 24px;
}
input[type="checkbox"] {
width: 15px;
height: 15px;
margin: 0;
border: none;
outline: none;
}
#newsletter .bt {
text-transform: uppercase;
}
.bloc-bt .bt {
margin-right: 10px;
text-decoration: none;
}
.para p + h3,
.para p + h2{
margin-top: 25px;
}
.item-avant.para h2{
/*color: #fff;*/
}
.para h4{
font-size: 18px;
text-transform: uppercase;
margin: 25px 0 15px;
font-weight: bold;
}
.para h5{
font-size: 18px;
margin: 15px 0 0;
font-weight: bold;
color: var(--color-secondaire);
}
.para h6{
font-size: 18px;
margin: 15px 0 0;
font-weight: bold;
text-decoration: underline;
}
@media screen and (min-width: 680px) {
h1, #home h2, .type-h1 {
font-size: 30px;
}
}
@media screen and (min-width: 960px) {
h1, #home h2, .type-h1 {
font-size: 34px;
}
h2.s-titre {
font-size: 30px;
margin-bottom: 25px;
position: relative;
}
h2.s-titre span {
background: #f6f6f6;
padding: 0 20px;
position: relative;
z-index: 10;
}
h2.s-titre::after {
position: absolute;
top: 50%;
content: "";
height: 2px;
width: 100%;
left: 0;
background: #fff;
z-index: 1;
}
#home .para h2, .para h2 {
font-size: 30px;
}
.para h2::first-letter {
font-size: 36px;
}
.formulaire li{
padding-right: 20px;
}
}
@media screen and (min-width: 1240px) {
h1, #home h2, .type-h1 {
font-size: 40px;
}
}
@media screen and (min-width: 1400px) {
h1, #home h2, .type-h1 {
font-size: 48px;
}
}
/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
#bandeauUp .m-Congres, #bandeauUp .brochure {
display: none;
}
.large-mobile, .logo-web {
display: none;
}
.main-navigation a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-size: 1.6rem;
display: block;
padding: 10px;
position: relative;
text-decoration: none;
font-family: 'Bw-Gradual-Regular', Arial, 'sans-serif';
}
.main-navigation a:first-letter {
font-size: 2rem;
}
.main-navigation .sub-menu a {
padding: 8px 10px;
border-bottom: 1px solid #585858;
margin: 0 5px;
width: auto;
text-transform: none;
}
.main-navigation .sub-menu a:first-letter {
font-size: 1.4rem;
}
.sub-menu .menu-item.titre span{
padding: 8px 10px;
color: #fff;
font-size: 1.4rem;
display: block;
text-transform: uppercase;
letter-spacing: 0.1rem;
margin: 0 5px;
}
.sub-menu .menu-item.titre span::first-letter{
font-size: 1.8rem;
}
.sub-menu li:last-child a, .sub-menu li:last-child .sub-menu li:last-child a {
border: none;
}
.sub-menu .sub-menu li:last-child a {
border-bottom: 1px dashed #585858;
}
.sub-menu .sub-menu a {
color: #585858;
font-size: 1.2rem;
padding: 10px 10px;
margin: 0 10px;
}
.navigation.toggled-on .nav-menu {
display: block;
}
#bt-accueil, #bt-contact , #bt-disconnect {
display: block;
height: 50px;
margin: 0;
text-align: center;
width: 15%;
position: relative;
color: #fff
}
#bt-accueil:hover, #bt-contact:hover, #bt-accueil:active, #bt-contact:active, #bt-disconnect:active {
background-color: #000;
}
.main-navigation #bt-accueil:before {
content: "\f015";
}
.main-navigation #bt-contact:before {
content: "\f0e0";
}
.main-navigation #bt-disconnect:before {
content: "\f2f5";
}
.main-navigation #bt-accueil:before, .main-navigation #bt-contact:before, .main-navigation #bt-disconnect:before {
top: 6px;
font-size: 25px;
}
#menuMobile {
display: flex;
}
.main-menu-more {
display: none;
}
.menu-toggle {
clear: none;
cursor: pointer;
display: block;
margin: 0;
text-align: center;
font-size: 30px;
font-weight: 500;
text-transform: uppercase;
background: none;
border: none;
color: #fff;
padding: 8px 0;
border-radius: 0;
}
.menu-toggle:focus {
outline: thin dotted;
}
.menu-toggle:after {
font-family: "FontAwesome";
content: "\f0c9";
padding-left: 8px;
line-height: 4px;
}
.toggled-on .menu-toggle:after {
content: "\f00d";
}
#top-menu {
margin: 0;
padding: 10px 0;
background: #000;
display: block;
height: auto;
left: 0;
position: fixed;
top: 0px;
bottom: 0px;
width: 100%;
z-index: 3;
transform: translate(-100%, 0px);
-webkit-transform: translate(-100%, 0px);
-ms-transform: translate(-100%, 0px);
transition: all 350ms ease 0s;
overflow-x: hidden;
overflow-y: scroll;
}
.menu-close {
display: flex;
justify-content: flex-end;
}
.menu-close a {
width: 60px;
display: block;
position: relative;
height: 40px;
text-align: center;
}
.menu-close a::after {
font-family: "FontAwesome";
position: absolute;
top: 50%;
left: 50%;
content: "\f00d";
transform: translate(-50%, -50%);
font-size: 25px;
}
.site-header-main {
position: relative;
background: #e73440;
z-index: 99;
}
.site-header-main .marge {
text-align: center;
position: relative;
padding: 15px 0;
z-index: 5000;
}
.site-header-main #site-navigation {
position: absolute;
top: 5px;
left: 20px;
}
.main-navigation.menuOpen #top-menu {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
.menu-nav-principale-container, .main-navigation a img, .sub-menu .dropdown-toggle, .main-navigation ul ul, .submenu-expand, .menu-item-link-return {
display: none;
}
.toggled-on .menu-nav-principale-container {
display: block;
}
.main-navigation li {
position: relative;
text-align: left;
}
.main-navigation li li {
border: none;
}
.main-navigation li.separation a{
border-bottom:none;
}
.main-navigation li.separation:after{
position: relative;
width: 60%;
height: 1px;
background: #fff;
content:"";
display: block;
margin: 15px 0 15px 20%;
}
.main-navigation li:last-child a{
border: none;
}
.sub-menu {
list-style: none;
padding: 0;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
margin: 0 15px;
border-radius: 5px;
background: #222;
}
.sub-menu .sub-menu {
box-shadow: 0 0 0;
margin: 0;
}
.main-navigation ul ul ul, .main-navigation .sub-menu.toggled-on {
display: block;
}
.main-navigation li a {
transition: all 0.5s;
}
.main-navigation li a:hover, .main-navigation li a:active, .main-navigation .sub-menu li.current-menu-item > a, .main-navigation li.current_page_item > a {
background: #ff5460;
}
.main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a {
font-size: 600;
}
.menu-item-has-children.toggled-on > .sub-menu {
display: block;
}
.dropdown-toggle {
position: absolute;
right: 5px;
top: 0px;
background: none;
width: 50px;
height: 40px;
padding: 0;
min-width: 0;
border: none;
}
.dropdown-toggle::after {
color: #fff;
content: "\f107";
font-size: 24px;
position: absolute;
text-align: center;
font-family: "FontAwesome";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dropdown-toggle:hover, .dropdown-toggle:focus {
background-color: #e73440;
background-color: rgba(51, 51, 51, 0.1);
}
.dropdown-toggle:hover::after, .dropdown-toggle:focus::after {
color: #e73440;
}
.dropdown-toggle:focus {
outline: 1px solid #c1c1c1;
outline: 1px solid rgba(51, 51, 51, 0.3);
}
.open .dropdown-toggle::after {
content: "\f106";
}
.no-js .main-navigation ul ul {
display: block;
}
.site-inner {
position: relative;
z-index: 1500;
}
.dropdown-toggle.toggle-on:after {
content: "\f432";
}
#site-navigation.menuOpen .open > ul {
display: block;
}
.link-brochure {
margin-top: 15px;
}
.link-brochure a {
background: #fff;
color: #222;
}
.link-brochure a:hover {
color: #fff;
}
.link-congres a {
background: #4f2971;
}
.menu-spe a {
position: relative;
padding-left: 30px;
}
.menu-spe a::after {
font-family: "FontAwesome";
padding-right: 5px;
position: absolute;
top: 50%;
left: 10px;
transform: translate(0, -50%);
}
.link-brochure a::after {
content: "\f1c1";
}
.link-congres a::after {
content: "\f054";
}
@media screen and (min-width: 960px) {
.main-navigation .mobile-parent-nav-menu-item {
display: none;
}
.main-navigation {
position: static;
top: auto;
width: 100%;
z-index: 20;
}
#top-menu {
background: none;
position: static;
overflow-x: visible;
overflow-y: visible;
transform: translate(0, 0);
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0;
}
#menuMobile {
display: none;
}
.main-navigation ul ul ul, .main-navigation .sub-menu.toggled-on {
display: flex;
}
.dropdown-toggle, .main-navigation ul .toggled-on {
display: none;
}
.menu-menu-principal-container, .menu-menu-principal-anglais-container {
display: block;
width: 100%;
max-width: 1600px;
margin: 0 auto;
position: static;
}
.menu-menu-principal-container ul, .menu-menu-principal-anglais-container ul {
display: flex;
align-items: stretch;
align-content: center;
justify-content: center;
padding: 0;
}
.main-navigation li {
margin: 0;
}
.main-navigation li li {
display: block;
margin: 0;
width: 100%;
}
.sub-menu li:last-child a, .sub-menu li:last-child .sub-menu li:last-child a {
border-bottom: 1px solid #585858;
}
.main-navigation li a {
padding: 15px 10px 15px;
text-align: center;
font-weight: 500;
position: static;
font-size: 1.2rem;
text-transform: uppercase;
transition: 0s;
color: #fff;
}
.main-navigation li a::first-letter {
font-size: 1.6rem;
}
#menu-nav-principale {
background-color: #103f59;
display: flex;
align-items: stretch;
}
.main-navigation li .sub-menu {
position: absolute;
left: 50%;
top: 100%;
width: 350px;
transition: 0s;
display: block;
margin: 0;
border-radius: 0;
visibility: hidden;
z-index: 5000;
padding: 0;
transform: translate(-50%, 0);
box-shadow: 0 0 0;
}
.main-navigation li a:hover {
background: #222;
}
.menu-item.parents > a::after {
content: "\f078";
padding-left: 5px;
font-family: "FontAwesome";
}
.main-navigation li li.current-menu-item a:hover {
cursor: default;
}
.main-navigation li .sub-menu .sub-menu {
width: 100%;
position: static;
}
.main-navigation li:hover .sub-menu {
visibility: visible;
transition: all 0.5s ease-in;
}
.main-navigation li:first-child .sub-menu {
left: 0;
transform-origin: left top;
}
.main-navigation li .sub-menu li a {
text-align: left;
padding: 15px 20px;
letter-spacing: 0;
font-size: 14px;
color: #fff;
margin: 0;
background-color: #222;
}
.main-navigation li .sub-menu li a::before {
font-family: "FontAwesome";
padding-right: 5px;
content: "\f054"
}
.main-navigation li .sub-menu li.current-menu-item a:hover {
background: none;
}
.main-navigation li .sub-menu li a:hover {
background-color: #e73440;
}
.main-navigation li .sub-menu .sub-menu li a {
text-transform: none;
margin: 0 15px;
width: auto;
display: block;
}
.logo-web {
display: block;
padding-bottom: 15px;
}
.logo-mobile, .link-mobile {
display: none !important;
}
.main-navigation #menu-top {
padding: 0;
background: #1f3a6a;
position: static;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transition: all 350ms ease 0s;
overflow-x: visible;
overflow-y: visible;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
text-align: center;
}
.main-navigation .mega_main_menu.first-lvl-align-justify > .menu_holder > .menu_inner > ul > li {
display: block;
}
.main-navigation .mega_main_menu.first-lvl-align-justify > .menu_holder > .menu_inner > ul > li > .item_link {
padding: 15px 25px 15px 15px;
border: none;
}
.main-navigation .mega_main_menu.top > .menu_holder > .menu_inner > ul > li > li .item_link:hover {}
.main-navigation .mega_main_menu.top .mega_dropdown > li.current-menu-item > .item_link *, .main-navigation .mega_main_menu.top .mega_dropdown > li > .item_link:focus *, .mega_main_menu.top .mega_dropdown > li > .item_link:hover *, .main-navigation .mega_main_menu.top li.post_type_dropdown > .mega_dropdown > li > .processed_image:hover > .cover > a > i {
color: #fff;
}
.main-navigation .mega_main_menu .item_link > .link_content > .link_text {
word-wrap: normal;
display: inline;
height: auto;
width: auto;
white-space: nowrap;
}
.main-navigation .mega_main_menu .mega_dropdown .item_link > .link_content > .link_text {
white-space: normal;
}
.main-navigation .mega_main_menu .mega_dropdown .menu-item-has-children {
width: 100% !important;
}
.main-navigation .mega_main_menu.top ul li .mega_dropdown > li > .item_link, .main-navigation .mega_main_menu.top ul li .mega_dropdown > li > .item_link .link_text, .main-navigation .mega_main_menu.top ul li .mega_dropdown, .main-navigation .mega_main_menu.top > .menu_holder > .menu_inner > ul > li .post_details > .post_description {
font-size: 1rem;
}
.main-navigation .mega_main_menu.top > .menu_holder > .menu_inner > .nav_logo > .logo_link, .main-navigation .mega_main_menu.top > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle, .main-navigation .mega_main_menu.top > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, .main-navigation .mega_main_menu.top > .menu_holder > .menu_inner > ul > li > .item_link, .main-navigation .mega_main_menu.top > .menu_holder > .menu_inner > ul > li > .item_link > .link_content, .mega_main_menu.top > .menu_holder > .menu_inner > ul > li.nav_search_box, .main-navigation .mega_main_menu.top.icons-left > .menu_holder > .menu_inner > ul > li > .item_link > i, .mega_main_menu.top.icons-right > .menu_holder > .menu_inner > ul > li > .item_link > i, .main-navigation .mega_main_menu.top.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.disable_icon > .link_content, .main-navigation .mega_main_menu.top.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.menu_item_without_text > i, .main-navigation .mega_main_menu.top > .menu_holder > .menu_inner > ul > li.nav_buddypress > .item_link > i.ci-icon-buddypress-user {
line-height: normal;
height: auto;
}
.main-navigation .mega_main_menu.top > .menu_holder > .menu_inner > ul > li > .item_link > i {
font-size: 20px;
}
.site-header-main .marge {
display: flex;
align-items: flex-end;
justify-content: space-between;
padding: 15px 0 0;
}
.site-header-main .site-title {
width: 200px;
}
.site-header-main .site-title img {
width: 100%;
transition: all 0.3s;
}
.site-header-main #site-navigation {
width: calc(100% - 225px);
position: relative;
top: auto;
left: auto;
}
.is-sticky .site-header-main .site-title img {
width: auto;
height: 50px;
}
#bandeauUp .m-Congres, #bandeauUp .brochure {
display: block;
}
#bandeOutil .m-Congres {
padding: 0;
margin: 0;
text-align: left;
}
#bandeOutil .m-Congres a {
padding: 5px 10px 5px 25px;
width: 160px;
background: #4f2971;
height: 100%;
display: block;
line-height: 30px;
margin: 0;
position: relative;
font-size: 14px;
}
#bandeOutil .m-Congres a:hover {
background: #e73440;
color: #fff;
}
.m-Congres a::first-letter {
font-size: 18px;
}
.m-Congres a::after {
content: "\f054";
font-family: "FontAwesome";
position: absolute;
top: 50%;
left: 10px;
transform: translate(0, -50%);
}
.brochure {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
flex-basis: auto;
flex: none;
width: auto;
z-index: 999;
}
.brochure a {
display: block;
background: #fff;
padding: 10px 20px 15px 35px;
color: #222;
border-radius: 0 0 10px 10px;
font-family: "Bw-Gradual-Regular";
transition: all 0.3s;
}
.brochure a:hover {
padding: 15px 20px 20px 35px;
transition: all 0.2s;
}
.brochure a::first-letter {
font-size: 18px;
}
.brochure a::after {
font-family: "FontAwesome";
content: "\f1c1";
position: absolute;
top: 25px;
left: 20px;
font-size: 16px;
transform: translate(0, -60%);
transition: all 0.3s;
}
.brochure a:hover::after {
top: 30px;
transition: all 0.2s;
}
#outils-navigation li::after {
display: none;
}
}
@media screen and (min-width: 980px) {
.main-navigation, #top-menu {
background: none;
}
}
@media screen and (min-width: 1240px) {
.main-navigation li > a {
font-size: 1.6rem;
padding: 15px;
}
.main-navigation li > a::first-letter {
font-size: 2rem;
}
.site-header-main #site-navigation {
width: calc(100% - 375px);
}
.site-header-main .site-title {
width: 340px;
}
.brochure a {
padding: 15px 30px 25px;
font-size: 18px;
}
.brochure a {
display: block;
background: #fff;
padding: 10px 20px 15px 35px;
color: #222;
border-radius: 0 0 10px 10px;
font-family: "Bw-Gradual-Regular";
width: auto;
}
.brochure a::first-letter {
font-size: 22px;
}
}
/**
* 6.3 Menu Outils
*/
#logoSticky {
display: none;
}
#bandeOutil ul {
text-align: center;
margin: 0;
padding: 0;
display: flex;
}
#bandeOutil li {
display: inline-block;
position: relative;
padding: 5px 5px;
}
#bandeOutil ul a {
display: block;
position: relative;
color: #fff;
text-transform: uppercase;
}
#callback {
margin-left: 10px;
}
#bandeOutil li:last-child a {
margin-right: 0;
}
.social-navigation a:before, .numero::before, #callback:before, #bt-accueil:before, #bt-contact:before, #bt-accueil:before, #bt-disconnect:before {
content: "";
font-size: 26px;
position: absolute;
text-align: center;
width: 100%;
top: 0px;
left: 0;
font-family: 'FontAwesome';
z-index: 10;
transition: all 0.5s linear;
text-decoration: none;
}
#bandeOutil .current-menu-item a::before {
color: #fff;
}
#bandeOutil a:hover, #bandeOutil #callback:hover {
transition: all 0.2s ease;
color: #e73440;
cursor: pointer;
}
#callback::before {
content: "\f002";
top: 0px;
}
#bandeOutil #lang_sel_list ul a {
width: 25px;
height: 25px;
visibility: hidden;
font-size: 1.4rem;
}
#bandeOutil .menu-item-language-current {
display: none;
}
#bandeOutil .menu-item-language a:before {
visibility: visible;
}
.social-navigation a {
display: block;
position: relative;
margin: 0 5px;
color: #e73440;
width: 30px;
height: 30px;
}
#bandeOutil svg {
display: none;
}
#lang_sel_list {
height: 0;
color: #1f5c79;
}
.social-navigation .m-Accueil a:before {
content: "\f015";
}
.social-navigation .m-Chaine a:before {
content: "\f167";
font-family: "FontAwesome-B";
}
.social-navigation .m-Search a:before {
content: "\f002";
}
.social-navigation .m-Compte a:before {
content: "\f007";
font-family: "FontAwesome";
}
.logged-in .social-navigation .m-Compte a:before {
content: "\f4fc";
}
.social-navigation .m-Connexion a:before {
content: "\f090";
}
.social-navigation .m-Publication a:before {
content: "\f1c1";
}
.social-navigation .m-Actu a:before {
content: "\f1ea";
}
.social-navigation #callback:before {
content: "\f002";
}
.social-navigation a[id*="DISCONNECT"]:before {
content: "\f2f5";
}
.social-navigation a[href*="contact"]:before {
content: "\f0e0";
}
.social-navigation a[href*="blog"]:before {
content: "\f1ea";
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f09a";
font-family: "FontAwesome-B";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
font-family: "FontAwesome-B";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f16d";
font-family: "FontAwesome-B";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="pinterest.fr"]:before {
content: "\f0d2";
font-family: "FontAwesome-B";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f099";
font-family: "FontAwesome-B";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f167";
font-family: "FontAwesome-B";
}
.social-navigation a[href*="wordpress.com"]:before, .social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.social-navigation a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}
#menu-menu-outils svg, .menu-item svg {
display: none;
}
.menu-menu-outils-container, .menu-menu-outils-anglais-container {
display: inline-block;
}
#bandeOutil .numero.web {
display: none;
}
#bandeOutil .numero::before {
content: "\f095";
left: 0;
width: 40px;
}
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous navigation */
.nav-links {
display: flex;
flex-wrap: wrap;
}
.post-navigation {
margin: 0;
background: #000;
border-bottom: 2px solid #ed2181;
padding: 25px 0;
}
.post-navigation .nav-links {
margin: 0 auto;
text-align: center;
max-width: 1600px;
}
.post-navigation a {
display: block;
width: 100%;
padding: 5px 0;
}
.post-navigation .nav-next {
border-bottom: 1px dashed #ed2181;
padding-bottom: 10px;
order: 1;
}
.post-navigation .nav-previous {
order: 2;
margin-top: 10px;
}
.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next {
width: 100%;
}
@media screen and (min-width: 680px) {
.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next {
width: 50%;
position: relative;
}
.post-navigation .nav-links .nav-next {
border-bottom: none;
padding-bottom: 0;
margin: 0;
text-align: right;
order: 2;
padding-right: 40px;
transition: 0.3s;
}
.post-navigation .nav-links .nav-next::after, .post-navigation .nav-links .nav-previous::before {
font-family: "FontAwesome";
font-size: 4rem;
position: absolute;
top: 5px;
color: #767676;
transition: 0.3s;
}
.post-navigation .nav-links .nav-next:hover::after, .post-navigation .nav-links .nav-previous:hover::before {
color: #fff;
}
.post-navigation .nav-links .nav-next::after {
content: "\f105";
right: 10px;
}
.post-navigation .nav-links .nav-previous::before {
content: "\f104";
left: 10px;
}
.post-navigation .nav-links .nav-previous {
text-align: left;
order: 1;
margin: 0;
padding-left: 40px;
}
}
.post-navigation .nav-links a .meta-nav {
color: #767676;
user-select: none;
}
.post-navigation .nav-links a .post-title {
hyphens: auto;
}
.post-navigation .nav-links a:hover {
color: #fff;
}
.post-navigation .nav-links .nav-previous .meta-nav:before {
display: inline;
}
.post-navigation .nav-links .nav-next .meta-nav:after {
display: inline;
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
padding: 0 calc(.5 * 1rem);
}
.pagination .nav-links > * {
padding: calc(.5 * 1rem);
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.prev {
padding-left: 0;
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.next {
padding-right: 0;
}
.pagination .nav-links a:focus {
text-decoration: underline;
outline-offset: -1px;
}
.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
text-decoration: none;
}
.pagination .nav-links a:focus.prev .nav-prev-text, .pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text, .pagination .nav-links a:focus.next .nav-next-text {
text-decoration: underline;
}
.pagination .nav-links .nav-next-text, .pagination .nav-links .nav-prev-text {
display: none;
}
@media screen and (min-width: 768px) {
.pagination .nav-links {
margin-left: calc(10% + 60px);
padding: 0;
}
.pagination .nav-links .prev > *, .pagination .nav-links .next > * {
display: inline-block;
vertical-align: text-bottom;
}
.pagination .nav-links > * {
padding: 1rem;
}
}
#masthead {
background: #e73440;
position: relative;
z-index: 9999;
}
#masthead #bandeauUp {
background: #222;
}
.page {
background: #f6f6f6;
}
.marge {
width: calc(100% - 40px);
max-width: 1600px;
padding: 0 20px;
margin: 0 auto;
}
.OLDsingle-para .OLDmarge {
width: calc(100% - 40px);
max-width: 1240px;
}
.single-para .marge {
width: 100%;
padding: 0;
max-width: 1240px;
}
.content-para .marge{
width: 100%;
padding: 0;
}
.no-marge {
padding: 0;
width: 100%;
}
.row {
display: flex;
flex-wrap: wrap;
}
.justify-center {
justify-content: center;
}
.col-12 {
width: 100%;
}
.col-8 {
width: 67%;
}
.col-6 {
width: 50%;
}
.col-4 {
width: 33%;
}
.col-3 {
width: 20%;
}
.align-center {
align-items: center;
}
.align-stretch {
align-items: stretch;
}
.justify-between {
justify-content: space-between;
}
.phone-header {
padding: 5px 0;
}
.phone-header a {
color: #fff;
font-size: 18px;
padding-left: 10px;
}
.icon::before {
font-family: "FontAwesome";
}
.phone-header a::before {
content: "\f095";
padding-right: 10px;
}
#outils-navigation li::after {
width: 1px;
height: 100%;
background: #fff;
position: absolute;
top: 0;
left: 0;
content: "";
}
.col-12 {
width: 100%;
}
@media (min-width:680px) {
.col-md-8 {
width: 67%;
}
.col-md-6 {
width: 50%;
}
.col-md-4 {
width: 33%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 20%;
}
}
@media (min-width:960px) {
.col-lg-8 {
width: 67%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-4 {
width: 33%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 20%;
}
.col-lg-12 {
width: 100%;
}
}
@media (min-width:1240px) {
.col-xl-8 {
width: 67%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-4 {
width: 33%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-2 {
width: 20%;
}
}
@media (min-width:1500px) {
.col-xxl-8 {
width: 67%;
}
.col-xxl-6 {
width: 50%;
}
.col-xxl-4 {
width: 33%;
}
.col-xxl-3 {
width: 25%;
}
.col-xxl-2 {
width: 20%;
}
}
.footer {
color: #fff;
}
.footer .marge {
width: 100%;
padding: 0;
}
.footer .information {
padding: 50px 20px 40px;
}
.footer .information .logo-footer {
display: block;
text-align: center;
margin-bottom: 35px;
}
.footer .information .logo-footer img {
width: 100%;
max-width: 340px;
}
.footer .information .logo-footer {
display: block;
text-align: center;
margin-bottom: 35px;
}
.footer .coordonnee-footer li {
margin: 0 0 10px;
padding-left: 25px;
position: relative;
}
.footer .coordonnee-footer li address {
display: inline-block;
}
.footer .coordonnee-footer li.address {
margin: 0 0 15px;
}
.footer .coordonnee-footer li a {
color: #fff;
}
.footer .coordonnee-footer li .def {
font-style: italic;
}
.footer .coordonnee-footer li::before {
font-family: "FontAwesome";
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.footer .coordonnee-footer li.address::before {
content: "\f3c5";
}
.footer .coordonnee-footer li.phone::before {
content: "\f095";
}
.footer #menu-menu-social {
display: flex;
justify-content: center;
margin-top: 20px;
}
.footer #menu-menu-social a {
background: #fff;
border-radius: 40px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
margin: 0 15px;
}
.footer #menu-menu-social a::before {
top: 50%;
font-size: 22px;
transform: translate(0, -50%);
}
.footer #menu-menu-social a::after {
border: 1px solid #fff;
display: block;
border-radius: 45px;
width: 45px;
height: 45px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: '';
transition: all 0.3s ease-in;
}
.footer #menu-menu-social a:hover {
background: #e73440;
}
.footer #menu-menu-social a:hover::before {
color: #fff;
}
.footer #menu-menu-social a:hover::after {
width: 50px;
height: 50px;
border-color: #e73440;
}
.footer .menu-footer {
padding: 10px 20px 30px;
}
.footer .footer-menu li {
position: relative;
}
.footer .footer-menu li:last-child::after, .footer .footer-menu li::before {
position: absolute;
width: 100%;
height: 1px;
background: #fff;
top: 0;
display: block;
content: "";
}
.footer .footer-menu li:last-child::after {
top: auto;
bottom: 0;
}
.footer .footer-menu a {
padding: 15px 35px 15px 15px;
display: block;
color: #fff;
position: relative;
transition: all 0.4s;
}
.footer .footer-menu a::after {
content: "\f054";
font-family: "FontAwesome";
position: absolute;
top: 50%;
right: 15px;
transform: translate(0, -50%);
}
.footer .footer-menu a:hover {
background: #fff;
color: #222;
}
.link-footer {
background: #333;
padding: 25px 20px;
}
.footer #menu-menu-link li:first-child::before, .footer #menu-menu-link li:last-child::after {
display: none;
}
.footer #menu-menu-link a {
padding: 15px 15px 15px 40px;
font-size: 20px;
font-family: "Bw-Gradual-Regular";
}
.footer #menu-menu-link a::first-letter {
font-size: 24px;
}
.footer #menu-menu-link a::after {
right: auto;
left: 8px;
}
.footer #menu-menu-link .footer-brochure a::after {
content: "\f1c1";
left: 10px;
}
.footer #menu-menu-link .footer-newsletter a::after {
content: "\f1ea";
}
.footer #menu-menu-link .footer-congres a::after {
content: "\f0c0";
}
@media (min-width:680px) {
.footer .menu-footer {
padding-top: 50px;
}
}
@media (min-width:960px) {
.link-footer {
margin: 0 15px 0 0;
width: calc(33% - 15px);
position: relative;
}
.link-footer::after {
background: #333;
width: 1000%;
right: -1000%;
height: 100%;
content: "";
top: 0;
position: absolute;
}
.footer #menu-menu-link a {
font-size: 16px;
}
.footer #menu-menu-link a::first-letter {
font-size: 20px;
}
.footer #menu-menu-footer li {
margin-bottom: 3px;
}
.footer #menu-menu-footer a {
padding: 3px 15px 3px 15px;
}
.footer #menu-menu-footer li::after, .footer #menu-menu-footer li::before {
display: none;
}
.footer #menu-menu-footer a::after {
right: auto;
left: 0;
}
.footer #menu-menu-footer a:hover {
background: none;
color: #e73440;
}
}
@media (min-width:1240px) {
.footer #menu-menu-link a {
font-size: 20px;
text-transform: uppercase;
}
.footer #menu-menu-link a::first-letter {
font-size: 24px;
}
}
#newsletter {
background: var(--color-saison);
padding: 50px 0;
color: #fff;
}
#newsletter .bloc-titre {
text-align: center;
margin-bottom: 25px;
}
#newsletter form li {
margin-bottom: 10px;
}
#newsletter form a {
color: #fff;
text-decoration: underline;
transition: all 0.3s;
}
#newsletter form a:hover {
opacity: 0.8;
text-decoration: none;
}
#newsletter form label {
padding-left: 10px;
}
#newsletter .submit {
display: flex;
justify-content: center;
order: 6;
}
#newsletter .mention {
order: 5;
}
@media (min-width:680px) {
#newsletter .marge {
padding: 0;
max-width: 1240px;
}
#newsletter .bloc-titre {
text-align: left;
}
}
@media (min-width:960px) {
#newsletter .submit {
display: block;
order: 5;
}
#newsletter .submit input {
width: 100%;
text-align: center;
}
#newsletter .mention {
order: 6;
}
#newsletter form .row {
justify-content: space-between;
}
#newsletter form .row .col-lg-6 {
margin: 0 0 15px;
width: calc (50% - 15px);
padding-right: 20px;
}
}
/** Bx slider
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
#bandeauAccueil .bx-wrapper {
height: 100%;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bx-wrapper .bx-viewport {
z-index: 300;
background: #fff;
height: 100%;
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-weight: bold;
color: #666;
padding-top: 20px;
display: none;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
}
.bx-wrapper .bx-next {
right: 10px;
}
.bx-wrapper .bx-next::after, .bx-wrapper .bx-prev::after {
font-family: "FontAwesome";
font-size: 35px;
text-indent: 0;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bx-wrapper .bx-next::after {
content: "\f061"
}
.bx-wrapper .bx-prev::after {
content: "\f060"
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
outline: 0;
width: 40px;
height: 40px;
z-index: 6000;
text-indent: -9999px;
color: #fff;
transition: all 0.4s
}
.bx-wrapper .bx-controls-direction a:hover {
color: var(--color-secondaire);
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
#bandeauAccueil .bx-wrapper .bx-viewport{
height: auto!important;
}
.nav-slide .bx-controls-direction {
position: absolute;
right: 0;
top: 0;
background: #222;
z-index: 10;
transform: translate(0, -100%);
border-radius: 10px 0 0 0;
padding: 5px;
}
.nav-slide .bx-controls-direction.solo {
width: 120px;
height: 45px;
transform: translate(0, 0);
top: auto;
bottom: 0;
right: -40px;
}
.nav-slide .bx-wrapper .bx-controls-direction a {
position: relative;
display: inline-block;
width: 35px;
height: 35px;
left: auto;
right: auto;
}
.nav-slide .bx-wrapper .bx-next::after, .nav-slide .bx-wrapper .bx-prev::after {
font-size: 30px;
}
.nav-slide .bx-wrapper .bx-next::after {
content: "\f138"
}
.nav-slide .bx-wrapper .bx-prev::after {
content: "\f137"
}
.nav-slide .bx-wrapper .bx-controls-direction a:first-child {
margin-right: 20px;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
#bandeauAccueil {
width: 100%;
border-bottom: 5px solid #fff;
}
#bandeauAccueil ul{
display: flex;
}
#bandeauAccueil li {
width: 100%;
padding-bottom:96px;
position: relative;
background: #222;
}
#bandeauAccueil li.nodate {
padding-bottom: 0;
}
#bandeauAccueil .list-date ul{
display: block;
}
#bandeauAccueil .list-date li {
background: none;
}
#bandeauAccueil li::before {
position: absolute;
bottom: 0;
content: "";
background: #fff;
height: 96px;
width: 100%;
left: 0;
z-index: 11;
}
#bandeauAccueil li.nodate::before {
display: none;
}
#bandeauAccueil .list-date li {
width: 100%;
height: auto;
position: relative;
}
#bandeauAccueil .list-horaire{
padding: 5px;
}
#bandeauAccueil .list-horaire .list-date{
top:35px;
width: 100%!important;
max-width: 300px!important;
left: 50%;
transform: translate(-50%,-100%);
text-align: center;
padding: 0 0 5px!important;
}
#bandeauAccueil img {
max-height:100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
object-fit: cover;
object-position: center;
}
#bandeauAccueil .imgLarge img {
object-fit: contain;
}
#bandeauAccueil .titre-slide {
width: 90%;
text-align: center;
position: absolute;
top: 10%;
left: 50%;
transform: translate(-50%, 0);
z-index: 20;
color: #fff;
}
#bandeauAccueil .titre-slide p {
text-transform: uppercase;
}
#bandeauAccueil .titre-slide h2 {
margin-bottom: 5px;
}
.bxslider.home {
height: 100%;
}
.bxslider.coupCoeur{
display: flex;
align-items: stretch;
}
.list-coupCoeur .bx-pager.bx-default-pager, #bandeauAccueil .bx-pager.bx-default-pager {
display: none;
}
.masque::after {
z-index: 10;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background: rgba(0, 0, 0, 0.5);
display: block;
content: "";
}
.block-slide {
position: absolute;
z-index: 20;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
background: #fff;
border-radius: 10px 10px 0 0;
padding: 10px;
width: 90%;
}
.block-slide .bt {
position: absolute;
top: 0;
z-index: 10;
text-transform: none;
}
.block-slide .bt.plus {
position: absolute;
left: 50%;
border-radius: 5px 0 0 0;
transform: translate(-100%, -100%);
}
.block-slide .bt.red {
position: absolute;
left: 50%;
border-radius: 0 5px 0 0;
transform: translate(0, -100%);
background: #e73440;
}
.block-slide .bt.red:hover {
background: #222;
}
.block-slide .type {
text-transform: uppercase;
padding: 0 15px 0 5px;
}
.block-slide .type::first-letter {
font-size: 18px;
}
.date {
text-align: center;
padding: 20px 15px 0;
position: relative;
line-height: 18px;
}
.date::before, .date.last::after {
position: absolute;
top: 50%;
transform: translate(0, -50%);
height: 50%;
width: 1px;
background: #222;
content: "";
}
.date::before {
left: 0;
}
.date.last::after {
right: 0;
}
.date span {
display: block;
}
.date .jourN {
position: absolute;
top: -3px;
left: 50%;
transform: translate(-50%, 0);
font-size: 14px;
letter-spacing: -0.04px;
}
.date .jourC {
font-size: 25px;
margin-bottom: 2px;
}
.bloc-Date .heure, .block-slide .heure {
padding: 0 5px 0 15px;
}
.list-horaire {
display: inline-block;
padding: 0 5px;
}
.list-horaire span.icon-list::before {
content: '\f017';
font-family: 'FontAwesome';
color: #e73440;
}
.list-horaire .list-date {
position: absolute;
top: 5px;
left: -10px;
transform: translate(0, -100%);
color: #fff;
width: calc(100% + 20px);
padding: 0 0 5px;
max-height: 175px;
overflow-y: auto;
display: none;
z-index: 200;
}
.list-horaire .list-date ul {
background: #222;
padding: 10px 0 5px;
}
.list-horaire li {
padding-bottom: 5px;
}
.list-horaire .jour {
display: none;
}
.list-horaire:hover .list-date {
display: block;
}
.list-horaire:hover .icon-list::after {
z-index: 150;
position: absolute;
display: block;
transform: rotate(45deg);
background: #222;
top: -12px;
width: 15px;
height: 15px;
content: "";
}
#bandeauAccueil .list-horaire:hover .icon-list::after {
top: 20px;
}
@media (min-width:440px) {
.small-mobile {
display: none !important;
}
.large-mobile {
display: block;
}
}
@media (min-width:680px) {
#bandeauAccueil li, #bandeauAccueil {
max-height: 60vh;
}
#bandeauAccueil li img{
object-fit: contain;
object-position: center;
}
#bandeauAccueil li{
padding: 0;
}
#bandeauAccueil li::before {
display: none;
}
#bandeauAccueil .titre-slide {
top: 35%;
}
.block-slide {
width: auto;
min-width: 300px;
}
.block-slide .bt {
top: auto;
bottom: 0;
transform: translate(0, 0);
}
.block-slide .bt.plus {
left: 0;
transform: translate(-100%, 0);
}
.block-slide .bt.red {
right: 0;
transform: translate(100%, 0);
}
}
@media (min-width:960px) {
.list-horaire .list-date {
position: absolute;
top: 10px;
left: -20px;
transform: translate(0, -100%);
width: calc(100% + 40px);
max-height: 300px;
padding-bottom: 10px;
}
.list-horaire .jour {
display: inline;
}
#bandeauAccueil .imgLarge img {
object-fit: cover;
}
}
@media (min-width:1400px) {
#bandeauAccueil .titre-slide {
top: 60%;
}
}
@media (min-width:1600px) {
.nav-slide .bx-controls-direction {
right: calc(50% - 800px);
}
.nav-slide .bx-controls-direction::after {
width: 5000px;
height: 100%;
right: -5000px;
top: 0;
content: "";
position: absolute;
display: block;
background: #222;
}
}
#tarteaucitronDisclaimerAlert {
padding: 10px 20px !important;
}
.m-20 {
padding: 20px 0;
}
.m-40 {
padding: 40px 0;
}
.m-60 {
padding: 60px 0;
}
.m-60 {
padding: 60px 0;
}
.m-80 {
padding: 80px 0;
}
.m-100 {
padding: 100px 0;
}
.m-100 {
padding: 150px 0;
}
.mt-20 {
padding-top: 20px;
}
.mt-40 {
padding-top: 40px;
}
.mt-60 {
padding-top: 60px;
}
.mt-80 {
padding-top: 80px;
}
.mt-100 {
padding-top: 100px;
}
.mt-150 {
padding-top: 150px;
}
.mb-20 {
padding-bottom: 20px;
}
.mb-40 {
padding-bottom: 40px;
}
.mb-60 {
padding-bottom: 60px;
}
.mb-80 {
padding-bottom: 80px;
}
.mb-100 {
padding-bottom: 100px;
}
.mb-150 {
padding-bottom: 150px;
}
.bg-white .bloc-para {
background: #fff;
}
.bl .bloc-visu img {
width: 100%;
}
.bloc-bt {
margin-top: 20px;
}
.para {
padding: 25px 15px;
}
.para .type {
text-transform: uppercase;
color: #666;
}
.content-para img {
max-height: 250px;
object-fit: cover;
object-position: center;
}
.content-para .para img {
max-height:none;
max-width: 100%;
width: auto;
height: auto;
object-fit:contain;
object-position:center;
}
.bloc-visu {
display: block;
}
.bloc-photo {
margin: 0 !important;
text-align: center;
}
.item-actu h3 {
margin-bottom: 15px;
}
.item-actu .bloc-actu {
background: #fff;
margin: 0 0 70px;
}
.item-actu .bloc-actu .bloc-photo {
height: 200px;
}
.item-actu .bloc-actu img {
/*width: 100%;*/
height: 100%;
object-fit: cover;
object-position: center;
}
.item-actu .text-resume {
padding: 20px 15px;
}
.ul-actu {
margin-top: 20px;
}
.item-actu time {
font-size: 14px;
color: #666;
margin-bottom: 7px;
display: block;
}
.item-actu h5 {
font-weight: bold;
}
.bloc-actu {
position: relative;
transition: all 0.3s ease-out;
}
.hover .bloc-actu {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transform: scale(1.005, 1.005);
transition: all 0.2s ease-out;
}
.item-actu .bt {
position: absolute;
bottom: 0;
left: 0;
transform: translate(0, 100%);
border-radius: 0 0 10px 10px;
z-index: 10;
}
.list-actu .bt-texte {
margin-top: 5px;
}
.coupCoeur li {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.coupCoeur li::before {
width: 100%;
height: 100%;
opacity: 0.8;
background: #fff;
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.coupCoeur li .marge {
position: relative;
z-index: 10;
padding: 30px 0;
max-width: 1240px;
}
.content-cc {
background: #fff;
border-radius: 0 0 15px 0;
}
.coupCoeur .visuel {
position: relative;
}
.coupCoeur .visuel img {
width: 50%;
border-radius: 15px 0 0 0;
}
.coupCoeur .bt {
position: absolute;
left: 50%;
border-radius: 0 10px 10px 0;
}
.coupCoeur .resa {
bottom: calc(5% + 50px);
}
.coupCoeur .plus {
position: absolute;
bottom: 5%;
left: 50%;
}
.coupCoeur .bloc-Date {
padding: 10px 15px;
background: var(--color-saison);
color: #fff;
text-align: left;
}
#bref {
background: #222;
color: #fff;
padding: 15px 0;
text-align: center;
margin-top: 5px;
}
#bref h2 {
margin: 0 auto 20px;
}
#bref .bloc-photo {
display: none;
}
#bref .item-actu .bloc-actu {
background: none;
margin: 0;
}
#bref .text-resume {
padding: 0;
}
#bref h3.item-title {
color: #fff;
margin-bottom: 5px;
text-transform: uppercase;
}
#bref h5 {
font-weight: normal;
text-transform: uppercase;
}
#bref h5::first-letter {
font-size: 20px;
}
#bref .jsBigTarget {
display: none;
}
#bref .bx-wrapper {
width: 100%;
}
#bref .bx-wrapper .bx-viewport {
background: none;
}
#bref .bx-wrapper .bx-prev {
left: -40px;
}
#bref .bx-wrapper .bx-next {
right: -40px;
}
#bref .bx-wrapper .bx-controls-direction a {
transform: translate(0, -50%);
}
#bref .bx-wrapper .bx-next::after {
content: "\f105"
}
#bref .bx-wrapper .bx-prev::after {
content: "\f104"
}
#bref .actu-bref {
height: 100%;
}
#bref .bx-viewport .item-actu {
top: 50%;
transform: translate(0, -50%);
}
@media (max-width: 960px) {
.coupCoeur .bloc-Date .date {
text-align: left;
padding: 0 15px 0 0;
}
.coupCoeur .bloc-Date .date::before {
display: none;
}
.coupCoeur span {
display: inline-block;
padding-right: 5px;
}
.coupCoeur .jourN {
display: none;
}
.coupCoeur .date .jourC {
font-size: 16px;
}
.coupCoeur .date::after {
content: "|";
line-height: 0;
background: none;
}
}
@media (min-width: 680px) {
.item-actu .bloc-actu {
position: relative;
}
.item-actu .bloc-actu .bloc-photo {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.item-actu .bloc-para {
margin-left: 50%;
}
.item-actu .bt {
left: 50%;
transform: translate(-100%, 100%);
}
#bref .bloc-photo {
display: block;
}
#bref .bloc-photo img {
min-height: 100px;
}
#bref .item-actu .bloc-para {
margin-left: 36%;
text-align: left;
}
#bref .item-actu .bloc-para.no-picture {
margin-left: 0;
text-align: left;
}
#bref h2::after {
content: "\f324";
font-family: "FontAwesome";
padding-left: 25px;
}
}
@media (min-width: 960px) {
.coupCoeur .date:first-child::before {
display: none;
}
.coupCoeur .date::after, .coupCoeur .date::before {
background-color: #fff;
}
.coupCoeur .visuel {
position: relative;
}
.coupCoeur li .marge {
padding: 30px 20px;
}
.coupCoeur .visuel img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
border-radius: 0;
}
.content-cc {
border-radius: 0 30px 30px 0;
}
.coupCoeur .bloc-Date {
border-radius: 0 30px 0 0;
}
.coupCoeur .bt {
left: 100%;
}
.content-cc {
margin: 20px 0 150px;
}
.item-actu .bloc-actu {
margin: 0 20px 70px 0;
}
.item-actu:nth-child(2n) .bloc-actu {
margin: 0 0 70px 20px;
}
.bloc-para .para {
padding: 25px 20px 25px 45px
}
.invers-bloc .bloc-para .para {
padding: 25px 45px 25px 20px
}
.invers-bloc .bloc-photo {
order: 2;
}
.invers-bloc .bloc-para {
order: 1;
}
.content-para img {
max-height: none;
width: 100%;
object-fit: cover;
object-position: none;
}
.content-para .img-cover img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.content-para .img-cover .para img{
width: auto;
height: auto;
object-fit: contain;
}
.item-actu .bloc-para {
margin-left: 33%;
}
.item-actu .bt {
left: 33%;
}
#bref .bx-wrapper {
width: 50%;
}
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow-x: hidden;
margin: 0;
padding: 0 0 10px;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-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);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: flex;
margin-left: auto;
margin-right: auto;
align-items: stretch;
}
.slick-track:before, .slick-track:after {
display: block;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide > div {
height: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: -50px;
display: block;
width: 35px;
height: 35px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 200;
color: #fff;
transition: all 0.4s;
}
.slick-prev:hover, .slick-prev:active, .slick-next:hover, .slick-next:active {
color: var(--color-secondaire);
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before, .slick-next:before {
font-family: "FontAwesome";
font-size: 30px;
text-indent: 0;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: normal;
z-index: 201;
}
.slick-prev {
left: calc(100% - 95px);
}
.slick-prev:before {
content: "\f137";
}
.slick-next {
left: calc(100% - 40px);
}
.slick-next:before {
content: "\f138";
}
.marge-fiche {
padding-left: 40px;
position: relative;
}
.item-fiche {
padding: 0 20px 42px 0;
position: relative;
margin-bottom: 25px;
}
.simple-fiche .item-fiche {
padding: 0 10px 42px;
}
.simple-fiche .item-fiche .bloc-fiche{
z-index: 10;
position: relative;
}
.simple-fiche .item-fiche .bt {
display: none;
}
.slick .item-fiche {
width: 100% !important;
margin-bottom: 0;
height: 100%;
}
ul-fiche.row {
flex-wrap: wrap;
}
.item-fiche .bloc-fiche {
height: 100%;
}
.item-fiche .bloc-photo {
width: 100%;
height: 175px;
background-color: #fff;
}
/*
.item-fiche .bloc-photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.item-fiche .bloc-photo.contain img {
object-fit: contain;
object-position: center;
}
*/
.fitimg {
height: 100%;
}
.item-fiche .bloc-photo img {
object-fit: cover;
object-position: center;
width: 100%;
}
/* IMPORTANT*/
.list-block .item-fiche .bloc-photo {
border-radius:10px 10px 0 0;
overflow: hidden;
}
.item-fiche .bloc-para {
background: #fff;
border-radius: 0 0 10px 10px;
padding: 0 10px 15px 10px;
height: calc(100% - 175px);
}
.item-fiche .date-fiche {
padding: 5px 0;
position: relative;
text-align: center;
}
.list-date span,
.item-fiche .date-fiche span {
padding-right: 5px;
}
.item-fiche.grise .bloc-photo img {
filter: grayscale(1);
}
.item-fiche .date-fiche .hour {
padding: 0 0 0 5px;
}
.item-fiche .date-fiche .annee {
position: relative;
}
.item-fiche .date-fiche .annee::after {
content: "";
background: #636363;
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.item-fiche .date-fiche::after {
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #e2dfdf;
content: "";
position: absolute;
display: block;
}
.item-fiche .type {
text-transform: uppercase;
padding: 5px 0;
color: #666;
font-size: 12px;
}
.item-fiche .item-title {
font-size: 14px;
text-transform: uppercase;
}
.item-fiche h5 {
color: #000;
font-size: 13px;
}
.item-fiche .bt {
/* AFFICHER LE BOUTON PLUS D'INFO */
/*display: none;*/
}
.item-fiche .bt.resa {
display: block;
position: absolute;
width: auto;
z-index: 5;
transition: all 0.3s ;
font-size: 14px;
height: 42px;
right: 20px;
bottom: 0;
border-radius: 0 0 10px 10px;
}
.list-fiche .marge {
position: relative;
}
.bloc-fiche {
border-radius: 0 0 0 10px;
transition: all 0.4s ease-out;
}
.list-block .bloc-fiche {
border-radius: 10px;
}
.bloc-fiche.hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.fiche-complet {
position: absolute;
z-index: 50;
transition: all 0.3s ease-out;
font-size: 14px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
top: 20px;
background: #e73440;
color: #fff;
left: 0;
border-radius: 0 10px 10px 0;
text-transform: uppercase
}
.fiche-complet::first-letter {
font-size: 18px;
}
.simple-fiche .bloc-fiche.hover {
transform: scale(1.05, 1.05);
}
.list-block .item-fiche{
text-align: center;
}
.list-block .item-title{
padding-top:15px;
}
@media (min-width: 960px) {
.fiche-complet {
left: 0;
}
.simple-fiche .fiche-complet {
left: 0;
}
.item-fiche {
padding: 0 30px 0 40px;
position: relative;
}
.simple-fiche .item-fiche {
padding-bottom: 42px;
}
.slick .item-fiche {
width: 430px !important;
}
.item-fiche .bloc-photo {
height: 220px;
}
.slick .item-fiche .bloc-photo {
height: 300px;
}
.item-fiche .item-title {
font-size: 16px;
}
.item-fiche .item-title::first-letter {
font-size: 20px;
}
.item-fiche h5 {
font-size: 16px;
}
.item-fiche .type {
font-size: 14px;
}
.bloc-fiche {
border-radius: 0 0 20px 20px;
position: relative;
z-index: 40;
}
.list-block .item-fiche .bloc-photo {
border-radius:20px 20px 0 0;
}
.list-block .bloc-fiche {
border-radius: 20px;
}
.item-fiche .bloc-para {
height: calc(100% - 220px);
border-radius: 0 0 20px 20px;
padding: 0 20px 20px 20px;
}
.simple-fiche .item-fiche .bloc-para {
border-radius:0 20px 0 0;
}
.slick .item-fiche .bloc-para {
height: calc(100% - 300px);
}
.item-fiche .bt {
display: block;
position: absolute;
width: 40px;
z-index: 5;
transition: all 0.3s ;
font-size: 0;
height: 42px;
}
.item-fiche .bt .namehover{
visibility:hidden;
}
.item-fiche .bt::first-letter {
font-size: 0;
}
.item-fiche .bt::after {
font-size: 18px;
}
.simple-fiche .item-fiche .bt::first-letter{
font-size: 20px;
}
.item-fiche .bt.plus::after {
font-size: 22px;
}
.item-fiche .bt:hover {
width: auto;
z-index: 100;
}
.item-fiche .bt.plus {
z-index: -1;
left: -40px;
top: 85px;
}
.item-fiche .bt.resa {
left: 0;
top: 20px;
right: auto;
bottom: auto;
font-size: 0;
}
.simple-fiche .item-fiche .bt.resa {
right: 10px;
bottom: 0;
top: auto;
left: auto;
width: auto;
font-size: 16px;
}
.simple-fiche .item-fiche .bt.resa:hover{
background: #222;
}
.item-fiche .hover .bt, .item-fiche .bt:hover {
width: auto;
z-index: 100 !important;
font-size: 14px;
}
.item-fiche .hover .bt .namehover, .item-fiche .bt:hover .namehover{
transition: all 0.1s 0.1s;
visibility: visible;
}
.item-fiche .bt.resa:hover {
background: #e73440;
}
.item-fiche .bt:hover::first-letter, .item-fiche .hover .bt::first-letter {
font-size: 20px;
}
}
@media (min-width: 1600px) {
.marge-fiche {
margin-left: calc(50% - 800px);
}
.slick-prev {
left: 1485px;
}
.slick-next {
left: 1540px;
}
}
.bandeau img {
width: 100%;
object-fit: cover;
object-position: center;
}
.item-photo{
height: 300px;
}
.bandeau{
position: relative;
}
.item-photo {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.item-photo.parralax {
overflow: hidden;
background-attachment: fixed;
}
.encart {
position: relative;
}
.item-avant {
position: absolute;
left: 20px;
right: 20px;
top: 150px;
/*color: #fff;*/
/*background: #222;*/
background: #fff;
border-radius: 15px;
text-align: center;
padding: 30px;
z-index:50;
}
.item-avant h3 {
text-transform: uppercase;
font-size: 20px;
margin-bottom: 25px;
}
.item-avant h3::first-letter {
font-size: 24px;
}
.encart .content-video{
position: relative;
}
.encart .content-video::after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background: rgba(34,34,34,0.45);
content: "";
}
.encart .swipebox-video {
position: absolute;
left: 50%;
top: 50px;
transform: translate(-50%, 0);
width: 60px;
height: 60px;
border-radius: 60px;
background: #e73440;
font-size: 22px;
z-index: 50;
}
.encart .swipebox-video::before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-family: "FontAwesome";
content: "\f04b";
color: #fff;
z-index: 100;
}
.encart .swipebox-video::after {
border: 2px solid #e73440;
display: block;
border-radius: 65px;
width: 65px;
height: 65px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: '';
transition: all 0.3s ease-in;
}
.encart .swipebox-video:hover::after {
width: 75px;
height: 75px;
}
.item-photo.content-item{
height: auto!important;
position: relative;
}
.item-photo.content-item::before{
position: absolute;
top: 0;
left: 0;
content: "";
background: rgba(0,0,0,0.5);
z-index: 5;
width: 100%;
height: 100%;
}
.item-photo.content-item .item-avant{
position: relative;
padding: 75px 0;
margin: 0 auto;
transform: translate(0,0);
background: none;
left: auto;
right: auto;
top: auto;
bottom: auto;
z-index: 15;
}
@media (min-width: 640px) {
.item-avant {
right: auto;
top: auto;
left: 50%;
bottom: 80px;
transform: translate(-50%, 0);
max-width: 550px;
width: 100%;
/*color: #fff;*/
/*background: #222;*/
background: #fff;
border-radius: 15px;
text-align: center;
padding: 30px;
}
}
@media (min-width: 960px) {
.item-photo {
height: 400px;
}
.encart .swipebox-video {
position: absolute;
top: 20%;
width: 100px;
height: 100px;
border-radius: 100px;
font-size: 24px;
}
.encart .swipebox-video::after {
border-radius: 110px;
width: 110px;
height: 110px;
}
.encart .swipebox-video:hover::after {
border-radius: 120px;
width: 120px;
height: 120px;
}
.item-photo.content-item .item-avant{
padding: 125px 0;
}
}
@media (min-width: 1240px) {
.item-photo {
height: 500px;
}
.encart .swipebox-video {
top: 30%;
}
}
@media (min-width: 1600px) {
.item-photo{
height: 600px;
}
.item-photo.content-item .item-avant{
padding: 175px 0;
}
}
.searchbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
justify-content: center;
z-index: 99999999;
-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);
opacity: 0;
visibility: hidden;
display: none;
}
.searchbox:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: #222;
width: 100%;
height: 0;
padding-bottom: 100%;
overflow: hidden;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.searchbox_inner_wrap {
width: 100%;
max-width: 1600px;
padding: 60px 20px 20px;
-webkit-transform: translateY(200px);
-moz-transform: translateY(200px);
-ms-transform: translateY(200px);
-o-transform: translateY(200px);
transform: translateY(200px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.searchbox.search_open {
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
transition: all 0.5s linear 0s;
opacity: 1;
visibility: visible;
display: flex;
}
.searchbox.search_open:after {
height: 100%;
opacity: 0.95;
visibility: visible;
}
.searchbox.search_open .searchbox_inner_wrap {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
visibility: visible;
transition-delay: 0.8s;
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
-ms-transition-delay: 0.8s;
position: relative;
}
.searchbox_inner_wrap .closebtn {
width: 45px;
height: 45px;
top: 15px;
right: 20px;
left: auto;
position: absolute;
display: block;
color: #fff;
}
.searchbox_inner_wrap .closebtn::after {
content: "\f00d";
font-family: "FontAwesome";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 45px;
}
.searchbox_inner {
position: relative;
height: 50px;
}
.searchbox_inner input {
width: 100%;
height: 50px;
background: transparent;
border: 0;
border: 1px solid #fff;
color: #222;
padding-right: 30px;
background: #fff;
border-radius: 10px;
}
.searchbox_inner button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
border: 0;
background: transparent;
}
.searchbox_inner input::-webkit-input-placeholder {
color: #fff;
opacity: 90%;
}
.searchbox_inner input::-moz-placeholder {
color: #fff;
;
opacity: 90%;
}
.searchbox_inner input:-ms-input-placeholder {
color: #fff;
;
opacity: 90%;
}
.searchbox_inner input:-moz-placeholder {
color: #fff;
opacity: 90%;
}
.searchbox_inner h2.title-search {
color: #fff;
text-align: center;
margin-bottom: 30px;
}
.searchbox_inner h2.title-search::first-letter {
/*font-size: 28px;*/
}
.list-search {
padding-top: 70px;
}
.list-search + .list-search {
border-top: 5px dashed #fff;
margin-top: 70px;
}
.searchbox_inner .type-h1 {
color: #fff;
margin-bottom: 30px;
}
/*--------------------------------------------------------------
## Swipebox
--------------------------------------------------------------*/
html.swipebox-html.swipebox-touch {
overflow: hidden !important;
}
#swipebox-overlay img {
border: none !important;
}
#swipebox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999 !important;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#swipebox-container {
position: relative;
width: 100%;
height: 100%;
}
#swipebox-slider {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
cursor: pointer;
}
#swipebox-slider .slide {
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
background: none;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
#swipebox-slider .slide-loading {
background: url(../img/loader.gif) no-repeat center center;
}
#swipebox-bottom-bar, #swipebox-top-bar {
-webkit-transition: 0.5s;
transition: 0.5s;
position: absolute;
left: 0;
z-index: 999;
height: 50px;
width: 100%;
}
#swipebox-bottom-bar {
bottom:0;
}
#swipeboxXX-top-bar {
top: 0px;
display: none!important;
}
#swipebox-top-bar.visible-bars {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
#swipebox-title {
display: block;
width: 100%;
text-align: center;
}
#swipebox-prev, #swipebox-next, #swipebox-close {
background-image: url(../img/icons.png);
background-repeat: no-repeat;
border: none !important;
text-decoration: none !important;
cursor: pointer;
width: 50px;
height: 50px;
top: 0;
}
#swipebox-arrows {
display: block;
margin: 0 auto;
width: 100%;
height: 50px;
}
#swipebox-prev {
background-position: -32px 13px;
float: left;
}
#swipebox-next {
background-position: -78px 13px;
float: right;
}
#swipebox-close {
top: 0;
right: 0;
position: absolute;
z-index: 9999;
background-position: 15px 12px;
}
.swipebox-no-close-button #swipebox-close {
display: none;
}
#swipebox-prev.disabled, #swipebox-next.disabled {
opacity: 0.3;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
-webkit-animation: rightSpring 0.3s;
animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
-webkit-animation: leftSpring 0.3s;
animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
content: ' ';
position: absolute;
z-index: 999;
top: 0;
height: 100%;
width: 20px;
opacity: 0;
}
.swipebox-touch #swipebox-container:before {
left: 0;
-webkit-box-shadow: inset 10px 0px 10px -8px #656565;
box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
right: 0;
-webkit-box-shadow: inset -10px 0px 10px -8px #656565;
box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
opacity: 1;
}
@-webkit-keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@media screen and (min-width: 800px) {
#swipebox-close {
right: 10px;
}
#swipebox-arrows {
width: 92%;
max-width: 800px;
}
}
/* Skin
--------------------------*/
#swipebox-overlay {
background: rgba(0, 0, 0, 0.95);
}
#swipebox-bottom-bar, #swipebox-top-bar {
text-shadow: 1px 1px 1px black;
background: #000;
opacity: 0.95;
}
#swipebox-top-bar {
color: white !important;
font-size: 15px;
line-height: 43px;
font-family: Helvetica, Arial, sans-serif;
}
/*--------------------------------------------------------------
## nice-select
--------------------------------------------------------------*/
.nice-select {
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
font-family: inherit;
font-size: 14px;
font-weight: normal;
outline: none;
padding: 10px 10px 10px 18px;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999;
}
.label-filtrage {
font-weight: bold;
padding-right: 35px;
}
.nice-select, .label-filtrage, #dateSelect span {
font-size: 18px;
}
#dateSelect span:after, .nice-select:after {
content: '\f107';
pointer-events: none;
transition: all 0.15s ease-in-out;
font-family: "FontAwesome";
padding-left: 10px;
font-size: 14px;
}
#dateSelect span, .nice-select {
padding: 20px ;
display: block;
}
.formulaire .nice-select {
position: relative;
background: #fff;
padding: 10px 15px;
font-size: 16px;
}
.formulaire .nice-select span{
display: inline-block;
width: calc(100% - 25px);
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#dateSelect.open .list-date, .nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
#dateSelect .list-date, .nice-select .list {
background-color: #222;
border-radius: 0 0 5px 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
opacity: 0;
overflow: hidden;
padding: 20px 15px;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 999;
}
.formulaire .nice-select .list {
background: #fff;
display: block;
padding: 0;
}
.nice-select .list, #dateSelect .list-date .row {
justify-content: center;
align-content: center;
display: flex;
flex-wrap: wrap;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
list-style: none;
outline: none;
padding: 10px 20px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
margin: 0 5px 5px 0;
display: inline-block;
border-radius: 5px;
}
.formulaire .nice-select .option{
background: #fff;
display: block;
padding: 5px 20px;
border-radius:0;
margin: 0;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #e73440;
color: #fff;
}
.nice-select .option.selected {
font-weight: bold;
background-color: #e73440!important;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}
#blocfiltre {
background: #222;
color: #fff;
}
#blocfiltre .marge {
position: relative;
max-width: 1240px;
width: 100%;
}
#dateSelect .list-date .row {
display: flex;
justify-content: center;
align-items: center;
}
#dateSelect .list-date label {
display: inline;
padding: 0 10px;
}
.list-date .col-12 {
margin: 0 10px;
}
.list-date input[type="date"] {
width: auto;
padding: 8px 10px;
letter-spacing: 0.2px;
font-size: 18px;
border-radius: 5px;
}
.list-date li {
margin-bottom: 5px;
}
.list-date .bt {
margin-left: 15px;
}
#dateSelect .selectFilter {
border-left: 1px solid#fff;
}
.selectFilter {
border-right: 1px solid#fff;
}
.single-tarif {
background: var(--color-saison);
padding: 30px 0 ;
color: #fff;
position: relative;
}
.single-content {
position: relative;
padding-top: 80px;
}
#list-tarif {
padding: 0 30px;
margin-bottom: 25px;
}
#list-tarif .info-tarif {
margin-bottom: 5px;
display: flex;
align-items: stretch;
}
.info-tarif .descrition {
width: 150px;
padding: 10px;
background: #222;
font-size: 18px;
text-align: center;
display: flex;
align-items: center;
font-weight: bold;
justify-content: center;
}
.info-tarif .tarif {
padding: 20px;
text-align: right;
border-radius: 0 10px 10px 0;
font-size: 40px;
font-family: "Bw-Gradual-Bold";
color: #000;
background: #fff;
min-width: 125px;
}
.item-spectacle {
padding: 15px 30px;
background-color: rgba(34, 34, 34, 0.1);
position: relative;
z-index: 20;
}
.item-spectacle:nth-child(2n) {
background-color: rgba(255, 255, 255, 0.1)
}
.detail-fiche {
background: #fff;
}
.detail-fiche .marge {
padding: 0;
margin: 0 auto;
width: 100%;
}
.item-spectacle .date-spectacle {
font-family: "Bw-Gradual-Bold";
margin-bottom: 15px;
font-size: 20px;
}
#list-spectacle {
margin-bottom: 25px;
}
.picto-handi {
padding: 0 20px 0 80px;
margin: 0;
position: relative;
}
.picto-handi::before {
top: 50%;
left: 30px;
background: #0060aa;
border-radius: 5px;
padding: 10px;
content: "\f193";
font-family: "FontAwesome";
position: absolute;
transform: translate(0, -50%);
}
.detail-fiche .resume {
margin-bottom: 10px;
}
#block-info {
margin: 15px 0 25px;
padding-left:0;
}
#block-info li {
margin-bottom: 2px;
display: block;
}
#block-info .info {
font-weight: bold;
}
#block-info .duree {
margin-bottom: 5px;
}
#block-info .duree .info {
font-weight: normal;
}
#block-info .duree .info::before {
font-weight: bold;
content: "\f017";
font-family: "FontAwesome";
padding-right: 5px;
}
.detail-fiche h1 {
margin-bottom: 0;
}
.detail-fiche .para .type {
text-transform: none;
font-size: 24px;
}
.detail-fiche .sstitre {
color: var(--color-saison);
}
#block-icone {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 15px;
padding-left: 20px;
}
#block-icone .icone {
margin:0 20px 5px 0;
position: relative;
padding: 5px 0 5px 40px;
display: block;
}
#block-icone .icone::before {
font-family: "FontAwesome";
position: absolute;
width: 32px;
height: 32px;
top: 50%;
left: 0;
transform: translate(0, -50%);
text-align: center;
display: block;
font-size: 30px;
line-height: 30px;
}
#block-icone .cdc::before {
content: "\f004";
color: #e73440;
}
#block-icone .prime::before {
content: "\f559";
color: #e3b104;
}
#block-icone .cj::before {
background: url('../img/icone_carte-jeune.png') no-repeat center center;
content: "";
}
#block-icone .rv::before {
background: url('../img/PictoTicketSwap.png') no-repeat center center;
margin-left: 5px;
content: "";
}
#block-icone .succes-inter::before {
content: "\f7a2";
}
#block-icone .succes-paris::before {
background: url('../img/icon-paris.png') no-repeat center center;
content: "";
}
#block-icone .TP::before {
content: "\e300";
}
#block-icone .Bambi::before {
content: "\e4e1";
}
#block-icone .Avignon::before {
background: url('../img/icone_off-avignon.png') no-repeat center center;
content: "";
}
#nav-icon {
background: #222;
color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#nav-icon ul {
display: flex;
flex-wrap: wrap;
padding-right: 80px;
position: relative;
}
#nav-icon a {
display: block;
width: 80px;
height: 80px;
border-right: 2px solid #fff;
position: relative;
transition: all 0.4s ease-out;
}
#nav-icon a:hover {
background: var(--color-secondaire);
}
.back span::before, #nav-icon a::before {
font-family: 'FontAwesome';
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 35px;
position: absolute;
color: #fff;
}
#nav-icon #gallery::before {
content: "\f302";
}
#nav-icon #gallery-video::before {
content: "\f03d";
}
#nav-icon .share::before {
content: "\f1e0";
}
.back span {
display: block;
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
}
.back span::before {
content: "\f0a8";
font-size: 24px;
/*top: -110%;*/
top: -160%;
left: 50%;
transform: translate(-50%, 0);
}
.item-back {
position: absolute;
top: 50px;
right: 40px;
z-index: 500;
display: none;
}
.blockSingle .item-back {
display: block;
}
.item-back a{
display: block;
position: relative;
}
.item-back a:before{
/*background: #222;*/
background: var(--color-saison);
width: 200px;
height: 200px;
position: absolute;
z-index: -1;
transform: rotate(-45deg);
content: "";
top: -150px;
right: -150px;
}
.item-back a:active:before,
.item-back a:hover:before{
background: var(--color-secondaire);
}
@media (min-width:640px) {
#dateSelect span, .nice-select {
padding: 20px 35px;
}
}
@media (min-width:960px) {
#nav-icon {
width: 200%;
z-index: 200;
}
.single-tarif{
padding-top: 120px;
}
}
@media (min-width:1240px) {
.single-content{
width: calc(50% + 80px);
padding-right: 100px;
padding-top: 0;
}
.single-tarif{
width: calc(50% - 80px);
padding-top: 20px;
}
#nav-icon {
width: 80px;
height: 100%;
left: auto;
right: 0;
}
#nav-icon ul {
height: 100%;
padding: 0 0 80px;
display: block;
}
#nav-icon li {
height: 80px;
}
#nav-icon a {
border-right: none;
border-bottom: 2px solid #fff;
}
#nav-icon .item-back .back {
border-left: none;
border-bottom: none;
border-top: 2px solid #fff;
}
.single-tarif {
padding-bottom: 0;
}
}
@media (min-width:1500px) {
.item-spectacle::after, .single-tarif::after {
width: 1000%;
height: 100%;
position: absolute;
top: 0;
right: 0;
transform: translate(100%, 0);
display: block;
background: var(--color-saison);
content: "";
}
.item-spectacle::after {
background-color: rgba(34, 34, 34, 0.1);
}
.item-spectacle:nth-child(2n)::after {
background-color: rgba(255, 255, 255, 0.1)
}
}
.para ol,
.para ul{
padding-left: 20px;
margin-bottom: 15px;
}
.para ol li,
.para ul li{
margin-bottom: 5px;
display: list-item;
}
.para ol li{
list-style: decimal;
}
.para ul li{
list-style: disc;
}
.para a{
text-decoration: underline;
color: #000;
transition: all 0.4s
}
.para a:hover{
text-decoration: none;
color: var(--color-secondaire);
}
.para pre{
max-width: 100%;
white-space: normal;
display:inline-block;
font-style: italic;
margin: 30px 0;
padding: 30px 60px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
.para .telecharger{
padding-left: 0;
}
.para .telecharger li{
display: block;
margin-bottom: 10px;
list-style: none;
padding-left: 5px;
}
.telecharger li a{
font-size: 20px;
padding-left: 0;
text-decoration: none;
}
.telecharger li a:hover{
color: var(--color-secondaire);
}
.intro{
margin-bottom: 20px;
color: #000;
}
.item-gallery a{
display: block;
width: 100%;
height: 200px;
padding: 0 10px;
margin-bottom: 20px;
position: relative;
transition: all 0.4s ease-out;
}
.item-gallery a img{
transition: all 0.4s ease-out;
box-shadow: 0 0 0 rgba(0,0,0,0);
position: relative;
}
.item-gallery a:hover img{
transform:scale(1.05,1.05);
box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.item-gallery a::after{
width: 10px;
height: 10px;
content: "";
background: rgba(0,0,0,0);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all 0.4s ease-out;
}
.item-gallery a::before{
position: absolute;
top: 50%;
left:50%;
content: "\f002";
transform: translate(-50%,-50%);
color: #fff;
z-index: 50;
font-family: FontAwesome;
opacity: 0;
font-size: 12px;
}
.item-gallery a:hover::before{
opacity: 1;
transition: all 0.4s 0.2s;
font-size: 22px;
}
.item-gallery a:hover::after{
background: rgba(0,0,0,0.4);
height: calc(100% - 10px);
width: calc(100% - 20px);
}
.item-gallery img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.pagination{
display: flex;
align-items: center;
justify-content: center;
margin: 15px 0;
font-size: 18px;
}
.pagination .item-page .zone{
display: block;
margin: 0 7px;
padding: 5px 15px;
background: #222;
border-radius:5px;
color: #fff;
transition: all 0.2s;
}
.pagination .item-page .zone.active{
background: var(--color-secondaire)!important;
transform: scale(1,1)!important;
cursor: default;
pointer-events: none;
}
.pagination .item-page a.zone:hover{
background: #000;
transform: scale(1.05,1.05);
}
.pagination .item-page.deseable .zone,
.pagination .item-page span.zone{
background: #ccc!important;
pointer-events: none;
transform: scale(1,1)!important;
}
.pagination .item-page.icon .zone{
height: 34px;
width: 39px;
position: relative;
display: block;
}
.pagination .item-page.icon .zone:after{
position: absolute;
top: 50%;
left: 50%;
color: #fff;
transform: translate(-50%,-50%);
font-family: 'FontAwesome';
}
.pagination .item-page.icon.fisrt .zone:after{
content: "\f104";
}
.pagination .item-page.icon.last .zone:after{
content: "\f105";
}
.item-coord{
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
padding: 20px;
margin-top: 25px;
border-radius: 15px;
}
.item-coord h3{
font-size: 18px;
color: var(--color-saison);
margin-bottom: 10px;
}
.item-coord .def{
font-weight: bold;
}
.item-coord a{
color: #000;
}
.item-coord a:hover{
color: #e73440;
text-decoration: underline;
}
.bloc-faq{
border-radius:20px;
}
.bloc-faq .item-faq{
border-bottom: 2px solid #333;
padding:25px 20px ;
position: relative;
background: #fff;
}
.bloc-faq .item-faq:first-child{
border-radius: 20px 20px 0 0;
}
.bloc-faq .item-faq:last-child{
border-radius: 0 0 20px 20px;
border:none;
}
.bloc-faq .item-question{
position: relative;
padding-left: 30px;
}
.bloc-faq .item-question h3{
color: var(--color-saison);
text-transform: uppercase;
font-family: "Bw-Gradual-Bold";
}
.bloc-faq .item-faq:not(.open) .item-question h3:hover{
cursor: pointer
}
.bloc-faq .item-question::before{
content:"\f0da";
font-family: 'FontAwesome';
font-weight: 900;
font-size: 3rem;
color: #333;
position: absolute;
top: 0;
left: 0;
transition: all 0.2s;
}
.item-faq::before{
content: "";
width: 2px;
height: 0;
background-color: var(--color-saison);
position: absolute;
top: 25px;
left: 0px;
transition: all 0.3s;
}
.item-faq.open::before{
height: calc(100% - 45px);
}
.bloc-faq .open .item-question::before{
transform: rotate(90deg);
}
.bloc-faq .item-reponse{
font-size: 0;
transition: all 0.2s;
transform-origin: top;
margin: 0;
padding: 0;
}
.bloc-faq .open .item-reponse{
display: block;
font-size: 16px;
transition: all 0.4s;
margin: 10px 0 0;
}
.bloc-faq .item-reponse p{
margin: 0;
}