/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}













.bg-white-grey,
.contact-menu .block-contact,
.header-wrapper-top {
    -webkit-font-smoothing: subpixel-antialiased
}

.actualites-titre:before,
.cible .icon-cible:before,
.content-contact-top:after,
.icon-contact:before,
.icon-menu a:before,
.icon-tel:before,
.section-title.border-bottom:after,
.social-top:before {
    content: ""
}

.actualites-lien:hover,
.cible a,
.header-wrapper-top a,
.menu-a-propos ul li a,
.page-contact-close a,
.screen-reader-text:focus,
a,
a:hover {
    text-decoration: none
}

#top-menu li span:nth-child(2),
.actualites-description h2,
.actualites-lien,
.gros-titre,
.menu-a-propos ul li a,
.petit-titre,
.section-title,
.tt-uppercase {
    text-transform: uppercase
}

.btn,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus,
:focus,
a,
a:active,
a:focus,
button,
button:active,
button:focus,
input,
select,
textarea {
    outline: 0
}

#contour,
#couleurs,
#onde-1,
#onde-2,
#onde-3,
#rouleau,
.contact-menu,
.slogan,
.st0,
.st1,
.st2,
.st3,
.st6 {
    visibility: hidden
}

html {
    font-size: 12px
}

@media (min-width:768px) {
    html {
        font-size: 13px
    }
}

@media (min-width:992px) {
    html {
        font-size: 14px
    }
}

@media (min-width:1200px) {
    html {
        font-size: 15px
    }
}

input::-moz-focus-inner {
    border: 0
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    top: 5px;
    width: auto;
    z-index: 100000
}

#page-contact,
.logo,
.logo-publiticket svg,
.site-header {
    width: 100%
}

a {
    color: #ed008c
}

a:hover {
    color: #000
}

.btn-primary {
    color: #fff;
    background-color: #ed008c;
    border-color: #ed008c
}

.btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

body,
html {
    font-family: Raleway, sans-serif;
    letter-spacing: .5px;
    max-width: 100%;
    overflow-x: hidden;
    line-height: normal;
    background: #262626
}

ul {
    margin: 0
}

#page-contact {
    position: relative;
    z-index: 9999
}

.page-contact-close {
    background: #ED008C;
    height: 5px
}

.nav-tabs .nav-link {
    -webkit-border-radius: 0;
    border-radius: 0
}

.page:not(.home) #content {
    padding-bottom: 0
}

.site-content {
    padding: 0;
    margin-bottom: 0;
    background: url(../images/bg-papier.jpg) center top #fff;
    background-size: 1020px;
    position: relative
}

.swiper-wrapper {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
/*

.sticky {
    overflow: hidden
}
*/

.sticky.is-sticky {
    position: fixed;
    top: 0;
    z-index: 7777;
    width: 100%
}

.logo,
.site-header,
.social-top,
.v-align {
    position: relative
}

.fw-100 {
    font-weight: 100
}

.fw-400 {
    font-weight: 400
}

.fw-700 {
    font-weight: 700
}

.v-align {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.color-pink {
    color: #ED008C
}

.color-grey {
    color: #c1c1c1
}

.header-wrapper-top {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #313131));
    background: -webkit-linear-gradient(left, #fff 50%, #313131 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #313131));
    background: linear-gradient(to right, #fff 50%, #313131 50%)
}

.header-wrapper-top a {
    color: #fff;
    display: block;
    font-size: .8rem;
    height: 22px;
    line-height: 22px
}

.header-wrapper-bottom {
    background: #fff
}

.bg-grey {
    background: #313131;
    color: #fff
}

.bg-white {
    background: #fff
}

.bg-black-grey {
    background: #181818;
    color: #fff
}

.bg-purple {
    background: #ED008C;
    color: #fff
}

.bg-paper {
    background: url(../images/bg-papier.jpg) center top;
    background-size: 1020px;
    border-top: 1px solid #ddd;
    margin-top: -1px
}

.bg-square {
    background: url(../images/bg-chiffre.jpg) center -480px repeat-x #F5F5F5;
    background-size: 1020px
}

.bg-white-grey {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #313131));
    background: -webkit-linear-gradient(left, #fff 50%, #313131 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #313131));
    background: linear-gradient(to right, #fff 50%, #313131 50%)
}

@media (min-width:778px) {
    .bg-map {
        background: url(../images/element-world-map.png) center no-repeat;
        background-size: 90%
    }
}

.logo {
    z-index: 999;
    text-align: center;
    height: 80px
}

.site-header {
    z-index: 9999
}

.social-top ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    line-height: 22px;
    font-size: .8rem
}

.social-top {
    z-index: 1
}

.social-top:before {
    position: absolute;
    z-index: -1;
    left: -20px;
    width: 50px;
    height: 100%;
    background: #313131;
    -webkit-transform: skewX(60deg);
    -ms-transform: skewX(60deg);
    transform: skewX(60deg)
}

.social-top a {
    color: #fff;
    display: block;
    width: 22px;
    text-align: center
}

.social-top a:hover {
    background: #181818
}

.social-top .list-inline-item {
    margin: 0
}

.social-top .list-inline li:first-child {
    margin-right: 5px
}

.icon-contact:before,
.icon-tel:before {
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: center
}

.block-contact {
    position: relative;
    width: 100%;
    max-width: 175px;
    height: 40px;
    z-index: 2;
    background: #ED008C
}

#site-navigation .block-contact {
    height: 55px;
    min-width: 155px
}

.content-contact-top {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 10px
}

.content-contact-top:after {
    width: 3%;
    height: 2px;
    position: absolute;
    bottom: -15px;
    left: 0;
    background: #c8c8c8
}

#contact-menu .nav-link.active {
    background: url(../images/bg-papier.jpg) top;
    background-size: cover;
    border-color: #ddd #ddd transparent
}

.page-contact-close a {
    color: #fff;
    width: 100%;
    display: block;
    padding: 4px
}

.contact-menu {
    opacity: 0;
    background: #ED008C;
    width: 18.4%
}

.contact-menu .block-contact {
    text-align: center
}

.contact-menu a {
    color: #fff
}

#site-navigation {
    border-top: 4px solid #717171;
    background: rgba(1, 1, 1, .8);
    z-index: 1;
    padding: 0
}

@media (max-width:991px) {
    #site-navigation {
        border-top: none
    }
}

#contact-menu li,
#top-menu li {
    height: 50px;
    position: relative
}

#contact-menu li a,
#top-menu li a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 100%;
    padding-left: 3rem;
    padding-right: .5rem;
    padding-top: .7rem;
    line-height: .9rem
}

/*
#contact-menu li:nth-child(1) a {
    color: #000
}
*/

#contact-menu li:nth-child(1) a {
    color: #8D2881
}

#contact-menu li:nth-child(2) a {
    color: #009B47
}

#contact-menu li:nth-child(3) a {
    color: #47A3E8
}

/*
#contact-menu li:nth-child(5) a {
    color: #292b2c
}
*/

#top-menu li:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 4px;
    transition: all .2s ease
}

#top-menu li:before,
#top-menu-mobile li:before {
    content: "";
    -webkit-transition: all .2s ease
}

#top-menu li:nth-child(1):before {
    background: #8D2881
}

#top-menu li:nth-child(2):before {
    background: #009B47
}

#top-menu li:nth-child(3):before {
    background: #47A3E8
}

#top-menu li:nth-child(4):before {
    background: #e2b601
}

#top-menu li:nth-child(5):before {
    background: #ED008C
}

#top-menu .current-page-ancestor:before,
#top-menu .current_page_item:before,
#top-menu li:hover:before {
    height: -webkit-calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
    cursor: pointer
}

#top-menu-mobile li {
    position: relative
}

#top-menu-mobile li:before {
    position: absolute;
    left: 0;
    height: 100%;
    width: 4px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#top-menu-mobile li:nth-child(1):before {
    background: #8D2881
}

#top-menu-mobile li:nth-child(2):before {
    background: #009B47
}

#top-menu-mobile li:nth-child(3):before {
    background: #47A3E8
}

#top-menu-mobile li:nth-child(4):before {
    background: #F3D926
}

#top-menu-mobile li:nth-child(5):before {
    background: #ED008C
}

#top-menu-mobile .current-page-ancestor:before,
#top-menu-mobile .current_page_item:before,
#top-menu-mobile li:hover:before {
    width: -webkit-calc(100% + 4px);
    width: calc(100% + 4px);
    z-index: -1;
    cursor: pointer
}

#top-menu-mobile .nav-link {
    padding: 15px 15px 15px 50px;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.icon-menu a:before {
    width: 25px;
    height: 25px;
    position: absolute;
    left: .5rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat
}

#top-menu-mobile .icon-menu a:before {
    left: 1.2rem
}

.icon-a-propos a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 64.78 64.781'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-a-propos.svg' class='cls-1' d='M2081.66,302.012a3.425,3.425,0,1,0-3.42-3.425A3.432,3.432,0,0,0,2081.66,302.012Zm0-35.828a32.392,32.392,0,0,0-19.29,58.412V298.379h0.01a19.29,19.29,0,1,1,27.04,17.871,15.8,15.8,0,0,1-2.48.7,16.856,16.856,0,0,1-18.84-9.089h0a16.433,16.433,0,1,0,12.44-25.667c-8.71.582-15.31,8.155-15.31,16.884v27.417A32.392,32.392,0,1,0,2081.66,266.184Zm0,19.542a12.862,12.862,0,1,1-12.86,12.861A12.876,12.876,0,0,1,2081.66,285.726Z' transform='translate(-2049.28 -266.188)'/%3E %3C/svg%3E")
}

.cible .icon-franchise:before,
.icon-franchise a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 59.968 72'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-franchise.svg' class='cls-1' d='M509.974,294.924a7.891,7.891,0,1,0,7.987-13.067A26.005,26.005,0,0,1,509.974,294.924Zm7.188-19.489a24.487,24.487,0,1,0-36.131,21.5l0.244,0.132,11.4,25.932,11.4-25.932,0.244-.132A24.418,24.418,0,0,0,517.162,275.435ZM492.7,296.761a21.224,21.224,0,0,1-15.216-6.4V276.108a15.493,15.493,0,0,1,14.177-15.6,15.183,15.183,0,1,1-11.513,23.709,15.612,15.612,0,0,0,17.438,8.395,14.773,14.773,0,0,0,2.3-.644,17.831,17.831,0,1,0-25.038-16.507h-0.01v11.59A21.277,21.277,0,1,1,492.7,296.761Zm26.02-19.536a25.865,25.865,0,0,1-.5,3.585,8.96,8.96,0,1,1-9.06,14.807,26.142,26.142,0,0,1-2.976,2.091,12.629,12.629,0,0,0,3.424,2.713l0.163,0.087,5.818,10.433,5.818-10.433,0.162-.087A12.541,12.541,0,0,0,518.715,277.225ZM492.7,263.777A11.881,11.881,0,1,0,504.6,275.658,11.908,11.908,0,0,0,492.7,263.777Zm0,15.044a3.164,3.164,0,1,1,3.171-3.163A3.17,3.17,0,0,1,492.7,278.821Z' transform='translate(-468.188 -251)'/%3E %3C/svg%3E")
}

.cible .icon-rouleaux:before,
.icon-rouleaux a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 54.75 72'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-rouleaux.svg' class='cls-1' d='M909.651,301.091a2.475,2.475,0,1,0-2.489-2.474A2.484,2.484,0,0,0,909.651,301.091Zm-21.942,16.974v-37.3a22.7,22.7,0,0,1-11.307-4.689v33.7C878.668,314.537,884.786,317.088,887.709,318.065Zm12.6-62.7c-12.3,0-22.276,4-22.276,8.926s9.973,8.926,22.276,8.926,22.275-4,22.275-8.926S912.614,255.364,900.312,255.364Zm0,11.826c-5.068,0-9.176-1.6-9.176-3.565s4.108-3.565,9.176-3.565,9.176,1.6,9.176,3.565S905.379,267.19,900.312,267.19Zm23.909-2.36c0,3.61-4.983,6.754-12.343,8.386h12.343V264.83Zm0,9.581H900.312q-1.321,0-2.606-.057V285.89a1.039,1.039,0,0,1-2.078,0V274.226c-10.962-.872-19.226-4.747-19.226-9.4v7.707a15.125,15.125,0,0,0,2.013,1.843,20.941,20.941,0,0,0,10.721,3.978l1.158,0.12v42.944l-1.594-.38a31.3,31.3,0,0,1-7.737-3.193,20.144,20.144,0,0,1-4.561-3.572v3.507c0,4.649,8.264,8.524,19.226,9.4V298.466h0.008a14.016,14.016,0,1,1,19.656,12.915,11.751,11.751,0,0,1-1.805.5,12.271,12.271,0,0,1-13.69-6.568,11.917,11.917,0,1,0,9.039-18.55,12.138,12.138,0,0,0-11.13,12.2v28.339q1.284,0.056,2.606.057h30.855V274.411h-6.946Zm-14.57,14.91a9.3,9.3,0,1,1-9.348,9.3A9.332,9.332,0,0,1,909.651,289.321Z' transform='translate(-876.406 -255.375)'/%3E %3C/svg%3E")
}

.cible .icon-communiquer:before,
.icon-communiquer a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 88 70'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-communiquer.svg' class='cls-1' d='M1296.71,317.818a22.869,22.869,0,0,0,7.94-17.015c0-12.5-10.85-22.835-24.93-24.451C1275.5,266.8,1264.75,260,1252.19,260c-16.24,0-29.45,11.362-29.45,25.328a23.389,23.389,0,0,0,7.69,17.072L1219,315.936l21.32-7.419a33.024,33.024,0,0,0,9.09,2.028,26.229,26.229,0,0,0,10.82,10.972V301.386h0.01a16.1,16.1,0,1,1,22.59,14.837,13.207,13.207,0,0,1-2.08.579,14.1,14.1,0,0,1-15.73-7.546h0a13.693,13.693,0,1,0,10.39-21.309,13.942,13.942,0,0,0-12.79,14.017V322.71a33.188,33.188,0,0,0,25.1.582L1307,330Zm-20.84-41.687c-15.9,0-28.79,11.046-28.79,24.672a21.471,21.471,0,0,0,1.7,8.365,31.514,31.514,0,0,1-8.2-1.962l-0.23-.089-17.24,6,9.15-10.834-0.47-.425a22.18,22.18,0,0,1-7.72-16.528c0-13.241,12.61-24.014,28.12-24.014,11.73,0,21.8,6.165,26.02,14.9Q1277.04,276.132,1275.87,276.131Zm0.48,14.751a10.678,10.678,0,1,1-10.75,10.677A10.722,10.722,0,0,1,1276.35,290.882Zm0,13.521a2.844,2.844,0,1,0-2.87-2.844A2.86,2.86,0,0,0,1276.35,304.4Z' transform='translate(-1219 -260)'/%3E %3C/svg%3E")
}

.icon-actu a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 75 59.562'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-actu.svg' class='cls-1' d='M1710.95,276.8l-4.53-12.573L1671.13,276.8h39.82Zm-56.76,6.037-7.69,2.738,7.69,21.321V282.832Zm50.09,16.925a2.269,2.269,0,1,0-2.28-2.268A2.275,2.275,0,0,0,1704.28,299.757Zm-46.43-20.408v44.429h33.58V297.351h0a12.846,12.846,0,1,1,18.02,11.836,10.516,10.516,0,0,1-1.66.462,11.237,11.237,0,0,1-12.54-6.02h0a10.923,10.923,0,1,0,8.28-17,11.126,11.126,0,0,0-10.2,11.184v16.2h23.52V315.9h-23.52v2.6h23.52V320.4h-23.52v3.383h28.17V279.349h-63.65Zm29.28,41.046h-24.48V318.5h24.48V320.4Zm0-4.335h-24.48v-1.893h24.48v1.893Zm0-4.335h-24.48v-1.893h24.48v1.893Zm0-4.336h-24.48V294.131h24.48v13.258Zm0-15.766h-24.48V289.73h24.48v1.893Zm0-4.335h-24.48V285.4h24.48v1.893Zm17.15,1.682a8.519,8.519,0,1,1-8.57,8.519A8.557,8.557,0,0,1,1704.28,288.97Z' transform='translate(-1646.5 -264.219)'/%3E %3C/svg%3E")
}

.icon-contact:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 60 42.625'%3E %3Cdefs%3E %3Cstyle%3E .cls-contact %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-contact.svg' class='cls-contact' d='M2401.57,51.264a1.363,1.363,0,1,0-1.36-1.363A1.371,1.371,0,0,0,2401.57,51.264Zm-44.83-27.421a4.838,4.838,0,0,0,3.48,1.479h46.44a4.8,4.8,0,0,0,3.42-1.417l3.42-3.415V20.177h-60v0.312Zm55.33,2.055a7.579,7.579,0,0,1-5.41,2.242h-46.44a7.681,7.681,0,0,1-5.51-2.341l-1.21-1.252V62.823h40.4v-13h0a7.676,7.676,0,1,1,10.76,7.11,6.228,6.228,0,0,1-.99.277,6.7,6.7,0,0,1-7.49-3.616,6.538,6.538,0,1,0,4.95-10.211,6.662,6.662,0,0,0-6.09,6.717V62.823h18.46V24.475Zm-26.01,30.874h-27.43V53.953h27.43v2.818Zm0-5.289h-27.43V48.664h27.43v2.818Zm15.51-6.7a5.117,5.117,0,1,1-5.11,5.116A5.119,5.119,0,0,1,2401.57,44.785Z' transform='translate(-2353.5 -20.188)'/%3E %3C/svg%3E")
}

.icon-tel:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 59 46.969'%3E %3Cdefs%3E %3Cstyle%3E .cls-tel %7B fill: %23313131; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-tel.svg' class='cls-tel' d='M2413,128.591c-0.12.588-.2,1.185-0.36,1.763a10.961,10.961,0,0,1-2.29,4.44,2.824,2.824,0,0,1-3.35.912,11.355,11.355,0,0,1-1.95-.952c-1.73-1.051-3.43-2.149-5.15-3.221a2.646,2.646,0,0,1-1.31-3.555c0.25-.751.47-1.513,0.75-2.25a1.969,1.969,0,0,0-.32-2.019,5.157,5.157,0,0,0-2.71-1.9,43.468,43.468,0,0,0-11.25-1.578,48.919,48.919,0,0,0-13.97,1.458,5.637,5.637,0,0,0-3.07,1.975,2.016,2.016,0,0,0-.35,2.116c0.28,0.7.49,1.426,0.72,2.142,0.57,1.706.17,2.724-1.39,3.678-1.14.7-2.27,1.406-3.4,2.111-0.85.523-1.66,1.1-2.54,1.552a6.278,6.278,0,0,1-1.89.627,2.8,2.8,0,0,1-2.63-1.218,10.823,10.823,0,0,1,.72-14.707,20.341,20.341,0,0,1,8.37-4.684,49.743,49.743,0,0,1,11.64-2.052,85.208,85.208,0,0,1,12.54.01,43.2,43.2,0,0,1,14.74,3.268,16.55,16.55,0,0,1,5.82,4.145,10.126,10.126,0,0,1,2.52,5.533,2.545,2.545,0,0,0,.11.375v2.035Zm-29.45,22.266a7.01,7.01,0,1,0-7.15-7.009A7.081,7.081,0,0,0,2383.55,150.857Zm0-8.875a1.867,1.867,0,1,1-1.91,1.866A1.884,1.884,0,0,1,2383.55,141.982Zm25.81,4.13a5.63,5.63,0,0,0-2.38-4.889c-1-.758-2.07-1.417-3.13-2.106-1.7-1.117-3.48-2.141-5.11-3.353a9.7,9.7,0,0,1-3.88-5.9c-0.2-.972-0.21-1.982-0.38-2.963a3.627,3.627,0,0,0-3.55-2.975c0,0.748.01,1.5,0,2.25a1.157,1.157,0,0,1-1.31,1.293q-6.075.009-12.15,0a1.152,1.152,0,0,1-1.31-1.287c-0.01-.752-0.01-1.5-0.01-2.3a3.821,3.821,0,0,0-3.66,3.963,10.007,10.007,0,0,1-3.11,7.019,31.62,31.62,0,0,1-5.79,4.055,42.6,42.6,0,0,0-3.87,2.644,4.786,4.786,0,0,0-1.96,3.754c-0.03,3.39-.05,6.781.01,10.171a4.2,4.2,0,0,0,3.46,4.336,7.62,7.62,0,0,0,1.6.161q20.8,0.012,41.6,0c3.06,0,4.91-1.829,4.91-4.84S2409.29,149.125,2409.36,146.112Zm-25.81,9.225a11.9,11.9,0,0,1-9.13-4.219v-7a9.194,9.194,0,0,1,8.5-9.2,8.955,8.955,0,0,1,1.82,17.817,9.211,9.211,0,0,1-8.73-3.83,9.426,9.426,0,0,0,10.47,4.953,8.92,8.92,0,0,0,1.38-.379,10.5,10.5,0,0,0,6.28-11.244,10.737,10.737,0,0,0-21.31,1.505h0v4.926a11.38,11.38,0,0,1-1.13-4.94A11.847,11.847,0,1,1,2383.55,155.337Z' transform='translate(-2354 -113.031)'/%3E %3C/svg%3E")
}

.icon-contact-a-propos a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 64.78 64.781'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: %23000; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-a-propos.svg' class='cls-1' d='M2081.66,302.012a3.425,3.425,0,1,0-3.42-3.425A3.432,3.432,0,0,0,2081.66,302.012Zm0-35.828a32.392,32.392,0,0,0-19.29,58.412V298.379h0.01a19.29,19.29,0,1,1,27.04,17.871,15.8,15.8,0,0,1-2.48.7,16.856,16.856,0,0,1-18.84-9.089h0a16.433,16.433,0,1,0,12.44-25.667c-8.71.582-15.31,8.155-15.31,16.884v27.417A32.392,32.392,0,1,0,2081.66,266.184Zm0,19.542a12.862,12.862,0,1,1-12.86,12.861A12.876,12.876,0,0,1,2081.66,285.726Z' transform='translate(-2049.28 -266.188)'/%3E %3C/svg%3E")
}

.icon-contact-franchise a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 59.968 72'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: %238D2881; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-franchise.svg' class='cls-1' d='M509.974,294.924a7.891,7.891,0,1,0,7.987-13.067A26.005,26.005,0,0,1,509.974,294.924Zm7.188-19.489a24.487,24.487,0,1,0-36.131,21.5l0.244,0.132,11.4,25.932,11.4-25.932,0.244-.132A24.418,24.418,0,0,0,517.162,275.435ZM492.7,296.761a21.224,21.224,0,0,1-15.216-6.4V276.108a15.493,15.493,0,0,1,14.177-15.6,15.183,15.183,0,1,1-11.513,23.709,15.612,15.612,0,0,0,17.438,8.395,14.773,14.773,0,0,0,2.3-.644,17.831,17.831,0,1,0-25.038-16.507h-0.01v11.59A21.277,21.277,0,1,1,492.7,296.761Zm26.02-19.536a25.865,25.865,0,0,1-.5,3.585,8.96,8.96,0,1,1-9.06,14.807,26.142,26.142,0,0,1-2.976,2.091,12.629,12.629,0,0,0,3.424,2.713l0.163,0.087,5.818,10.433,5.818-10.433,0.162-.087A12.541,12.541,0,0,0,518.715,277.225ZM492.7,263.777A11.881,11.881,0,1,0,504.6,275.658,11.908,11.908,0,0,0,492.7,263.777Zm0,15.044a3.164,3.164,0,1,1,3.171-3.163A3.17,3.17,0,0,1,492.7,278.821Z' transform='translate(-468.188 -251)'/%3E %3C/svg%3E")
}

.icon-contact-rouleaux a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 54.75 72'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: %23009B47; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-rouleaux.svg' class='cls-1' d='M909.651,301.091a2.475,2.475,0,1,0-2.489-2.474A2.484,2.484,0,0,0,909.651,301.091Zm-21.942,16.974v-37.3a22.7,22.7,0,0,1-11.307-4.689v33.7C878.668,314.537,884.786,317.088,887.709,318.065Zm12.6-62.7c-12.3,0-22.276,4-22.276,8.926s9.973,8.926,22.276,8.926,22.275-4,22.275-8.926S912.614,255.364,900.312,255.364Zm0,11.826c-5.068,0-9.176-1.6-9.176-3.565s4.108-3.565,9.176-3.565,9.176,1.6,9.176,3.565S905.379,267.19,900.312,267.19Zm23.909-2.36c0,3.61-4.983,6.754-12.343,8.386h12.343V264.83Zm0,9.581H900.312q-1.321,0-2.606-.057V285.89a1.039,1.039,0,0,1-2.078,0V274.226c-10.962-.872-19.226-4.747-19.226-9.4v7.707a15.125,15.125,0,0,0,2.013,1.843,20.941,20.941,0,0,0,10.721,3.978l1.158,0.12v42.944l-1.594-.38a31.3,31.3,0,0,1-7.737-3.193,20.144,20.144,0,0,1-4.561-3.572v3.507c0,4.649,8.264,8.524,19.226,9.4V298.466h0.008a14.016,14.016,0,1,1,19.656,12.915,11.751,11.751,0,0,1-1.805.5,12.271,12.271,0,0,1-13.69-6.568,11.917,11.917,0,1,0,9.039-18.55,12.138,12.138,0,0,0-11.13,12.2v28.339q1.284,0.056,2.606.057h30.855V274.411h-6.946Zm-14.57,14.91a9.3,9.3,0,1,1-9.348,9.3A9.332,9.332,0,0,1,909.651,289.321Z' transform='translate(-876.406 -255.375)'/%3E %3C/svg%3E")
}

.icon-contact-communiquer a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 88 70'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: %2347A3E8; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-communiquer.svg' class='cls-1' d='M1296.71,317.818a22.869,22.869,0,0,0,7.94-17.015c0-12.5-10.85-22.835-24.93-24.451C1275.5,266.8,1264.75,260,1252.19,260c-16.24,0-29.45,11.362-29.45,25.328a23.389,23.389,0,0,0,7.69,17.072L1219,315.936l21.32-7.419a33.024,33.024,0,0,0,9.09,2.028,26.229,26.229,0,0,0,10.82,10.972V301.386h0.01a16.1,16.1,0,1,1,22.59,14.837,13.207,13.207,0,0,1-2.08.579,14.1,14.1,0,0,1-15.73-7.546h0a13.693,13.693,0,1,0,10.39-21.309,13.942,13.942,0,0,0-12.79,14.017V322.71a33.188,33.188,0,0,0,25.1.582L1307,330Zm-20.84-41.687c-15.9,0-28.79,11.046-28.79,24.672a21.471,21.471,0,0,0,1.7,8.365,31.514,31.514,0,0,1-8.2-1.962l-0.23-.089-17.24,6,9.15-10.834-0.47-.425a22.18,22.18,0,0,1-7.72-16.528c0-13.241,12.61-24.014,28.12-24.014,11.73,0,21.8,6.165,26.02,14.9Q1277.04,276.132,1275.87,276.131Zm0.48,14.751a10.678,10.678,0,1,1-10.75,10.677A10.722,10.722,0,0,1,1276.35,290.882Zm0,13.521a2.844,2.844,0,1,0-2.87-2.844A2.86,2.86,0,0,0,1276.35,304.4Z' transform='translate(-1219 -260)'/%3E %3C/svg%3E")
}

.icon-contact-devis a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='auto' viewBox='0 0 75 59.562'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 %7B fill: %23292b2c; fill-rule: evenodd; %7D %3C/style%3E %3C/defs%3E %3Cpath id='icon-actu.svg' class='cls-1' d='M1710.95,276.8l-4.53-12.573L1671.13,276.8h39.82Zm-56.76,6.037-7.69,2.738,7.69,21.321V282.832Zm50.09,16.925a2.269,2.269,0,1,0-2.28-2.268A2.275,2.275,0,0,0,1704.28,299.757Zm-46.43-20.408v44.429h33.58V297.351h0a12.846,12.846,0,1,1,18.02,11.836,10.516,10.516,0,0,1-1.66.462,11.237,11.237,0,0,1-12.54-6.02h0a10.923,10.923,0,1,0,8.28-17,11.126,11.126,0,0,0-10.2,11.184v16.2h23.52V315.9h-23.52v2.6h23.52V320.4h-23.52v3.383h28.17V279.349h-63.65Zm29.28,41.046h-24.48V318.5h24.48V320.4Zm0-4.335h-24.48v-1.893h24.48v1.893Zm0-4.335h-24.48v-1.893h24.48v1.893Zm0-4.336h-24.48V294.131h24.48v13.258Zm0-15.766h-24.48V289.73h24.48v1.893Zm0-4.335h-24.48V285.4h24.48v1.893Zm17.15,1.682a8.519,8.519,0,1,1-8.57,8.519A8.557,8.557,0,0,1,1704.28,288.97Z' transform='translate(-1646.5 -264.219)'/%3E %3C/svg%3E")
}

.icon-proxibonplan a:before {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Calque_1' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 634.9 689.8' style='enable-background:new 0 0 634.9 689.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M122.3,664.8c-13.4,16.2-37,18.5-52.8,5.3l-29.9-25c-16.2-13.5-18.2-37.9-4.5-54.4l71.8-86.6l-62.7-19.5 c-31.8-9.9-35.5-53.7-6.6-70.2l311.6-177.9c29.8-17,64.3,11.5,54,44.6L291.7,639c-10.5,33.7-55.9,36.9-70.2,5.3l-29-64.3 L122.3,664.8L122.3,664.8z M250.7,631.1c2.2,4.9,8.7,3.9,10.4-1.6l111.3-358c1.7-5.4-3-10-7.6-7.3L53.3,442.1 c-4.9,2.8-4.5,10.4,0.3,11.9L162,487.6L59.7,611.1c-2.4,2.9-2.2,7.3,0.4,9.4l29.9,25c2.3,2,5.6,1.3,7.6-1.1l103-124.3 C200.6,520,250.7,631.1,250.7,631.1z'/%3E%3Cpath class='st0' d='M386.8,183.4h-23.9c-6.6,0-12-5.4-12-12V13.2c0-6.6,5.4-12,12-12h23.9c6.6,0,12,5.4,12,12v158.2 C398.8,178,393.4,183.4,386.8,183.4z'/%3E%3Cpath class='st0' d='M439,215l-16.9-16.9c-4.7-4.7-4.7-12.3,0-17L534,69.2c4.7-4.7,12.3-4.7,17,0l16.9,16.9c4.7,4.7,4.7,12.3,0,17 L456,215C451.4,219.6,443.7,219.6,439,215z'/%3E%3Cpath class='st0' d='M453.7,274.2v-23.9c0-6.6,5.4-12,12-12h158.2c6.6,0,12,5.4,12,12v23.9c0,6.6-5.4,12-12,12H465.7 C459.1,286.2,453.7,280.8,453.7,274.2z'/%3E%3Cpath class='st0' d='M422.2,326.4l16.9-16.9c4.7-4.7,12.3-4.7,17,0l111.9,111.9c4.7,4.7,4.7,12.3,0,17L551,455.3 c-4.7,4.7-12.3,4.7-17,0L422.2,343.4C417.5,338.7,417.5,331.1,422.2,326.4z'/%3E%3Cpath class='st0' d='M181.8,86.1l16.9-16.9c4.7-4.7,12.3-4.7,17,0l111.9,111.9c4.7,4.7,4.7,12.3,0,17L310.7,215 c-4.7,4.7-12.3,4.7-17,0L181.8,103.1C177.2,98.4,177.2,90.8,181.8,86.1z'/%3E%3C/svg%3E%0A");
}

#top-menu li span:nth-child(1) {
    font-size: .8rem;
    font-weight: 100;
    display: inline-block
}

#top-menu li span:nth-child(2) {
    font-size: .9rem;
    font-weight: 700;
    display: inline-block
}

#top-menu-mobile li span:nth-child(1) {
    font-size: .8rem;
    font-weight: 100;
    display: block
}

#top-menu-mobile li span:nth-child(2) {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: 700;
    display: block
}

.site-carousel {
    position: relative;
    margin-top: -50px;
    z-index: 0
}

.swiper-container-publiticket .swiper-slide {
    position: relative;
    height: 350px;
    background: center #787878;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:992px) {
    .swiper-container-publiticket .swiper-slide {
        height: 250px
    }
}

.slide-actualites,
.slide-publiticket {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-color: #444!important;
    width: 100%;
    min-height: 200px
}

.cible a {
    color: #fff
}

.cible .icon-cible {
    position: relative;
    padding-left: 55px;
    margin-bottom: 10px;
    text-shadow: -2px 2px 2px rgba(0, 0, 0, .2)
}

.cible .icon-cible:before {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat
}

.cible {
    height: 300px;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem
}

.cible-communiquer-bg,
.cible-franchise-bg,
.cible-rouleaux-bg {
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background-size: cover
}

.cible-border {
    height: 100%;
    border: .5px solid #fff;
    padding: 15px;
    overflow: hidden;
    position: relative
}

.extrait p {
    padding: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

.section-title {
    font-size: 1.2rem;
    font-weight: 700;
    display: inline-block;
    position: relative;
    margin-bottom: 45px;
    border-bottom: none
}

.section-title.border-bottom:after {
    width: 60%;
    height: 2px;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.section-title.border-bottom.border-bottom-purple:after {
    background: #ED008C
}

.section-title.border-bottom.border-bottom-yellow:after {
    background: #e2b601
}

.swiper-container-actualites .swiper-wrapper {
    left: 0
}

.swiper-container-actualites .swiper-slide {
    width: 60%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff
}

.swiper-container-actualites,
.swiper-container-temoignages {
    position: relative
}

.swiper-container-temoignages .slide-temoignages {
    min-height: 200px
}

.swiper-container-temoignages .slide-temoignages .bulle {
    background: #313131;
    -webkit-border-radius: .3em;
    border-radius: .3em;
    color: #fff;
    padding: 2em
}

.swiper-container-temoignages .slide-temoignages .bulle-arrow {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 90px;
    margin: auto;
    left: -5px;
    border-right: 20px solid;
    border-right-color: #333;
    z-index: 2
}

.rouleau-actualites {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 34.4%;
    height: auto;
    margin: auto;
    z-index: 2
}

.swiper-container-horizontal>.swiper-pagination-bullets.temoignages-pagination {
    top: 0;
    bottom: inherit;
    text-align: right;
    padding-top: 3rem
}

.temoignages-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ed008c
}

.temoignages-header {
    width: 70%
}

.swiper-container-actualites .swiper-button-next,
.swiper-container-actualites .swiper-button-prev {
    top: -30%;
    background: 0 0!important;
    font-size: 5rem
}

@media (min-width:768px) {
    .swiper-container-actualites .swiper-button-prev,
    .swiper-container-actualites .swiper-container-rtl .swiper-button-next {
        left: 20%
    }
    .swiper-container-actualites .swiper-button-next,
    .swiper-container-actualites .swiper-container-rtl .swiper-button-prev {
        right: 20%
    }
}

@media (max-width:767px) {
    .swiper-container-actualites .swiper-slide {
        width: 100%
    }
}

.slide-actualites .row,
.slide-actualites .row .actualites-content {
    padding: 0!important;
    min-height: 200px;
    max-height: 200px;
    overflow: hidden
}

.actualites-date,
.actualites-description {
    color: #fff
}

.actualites-date {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.actualites-titre {
    height: 40px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px
}

.actualites-titre:before {
    width: 33px;
    height: 36px;
    position: absolute;
    background: #e2b601;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.actualites-description h2 {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0 40px;
    position: relative;
    border-bottom: none;
    letter-spacing: 0;
    color: #fff
}

.actualites-description p {
    font-size: .9rem;
    padding: 0 10px;
    letter-spacing: 0;
    text-shadow: -2px 2px 2px rgba(0, 0, 0, .5)
}

.actualites-date-jour,
.actualites-date-mois {
    display: block
}

.actualites-date-jour {
    font-size: 54px
}

.actualites-date-mois {
    font-size: 18px
}

.actualites-lien {
    color: #fff;
    font-size: .8rem;
    font-weight: 700;
    margin: 0 10px;
    padding: 8px;
    background: rgba(0, 0, 0, .6)
}

.actualites-lien:hover {
    color: #F3D926
}

.menu-text-footer a,
.site-footer,
.site-info,
.site-info a {
    color: #fff
}

.swiper-slide .actualites-lien {
    background: rgba(0, 0, 0, .1)
}

.swiper-slide-active .actualites-lien {
    background: rgba(0, 0, 0, .6)
}

.swiper-container-actualites .swiper-slide .row {
    background: rgba(255, 255, 255, .5)
}

.swiper-container-actualites .swiper-slide-active .row {
    background: rgba(255, 255, 255, 0)
}

.swiper-container-actualites .swiper-slide .slide-actualites {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.swiper-container-actualites .swiper-slide-active .slide-actualites {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.chiffres-cles {
    font-size: 2.3em;
    font-weight: 700;
    display: inline-block;
    position: relative
}

.chiffres-cle-trait {
    width: 30px;
    height: 2px;
    background: #444;
    margin: 25px auto
}

.partenaire-logo {
    padding: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.site-footer {
    background: #333;
    padding-top: 40px
}

.site-info {
    background: #262626;
    margin-top: 20px;
    padding: 1rem
}

.menu-text-footer {
    font-size: .8rem;
    letter-spacing: .2px;
    font-family: Lato, sans-serif
}

.social-bottom li {
    margin-bottom: 10px;
    display: inline-block
}

.social-bottom a {
    color: #fff;
    background: #181818;
    display: block;
    height: 3.5rem;
    width: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    font-size: 2rem
}

@media (min-width:768px) {
    .social-bottom a {
        height: 2rem;
        width: 2rem;
        line-height: 2rem;
        font-size: 1rem;
        margin: auto
    }
}

.social-bottom a:hover {
    color: #181818;
    background: #fff
}

.cache-publiticket {
    width: 400%;
    height: 180px;
    left: -200%;
    right: -200%;
    position: absolute;
    top: -80px;
    margin: auto
}

.btn-close-contact {
    position: absolute;
    background: #000;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    right: 4rem;
    top: 1rem;
    z-index: 9999
}

.cache-page:before {
    top: initial;
    bottom: -1px;
    z-index: 1
}

.cache-page .v-align {
    top: 35%
}

.swiper-container-publiticket .swiper-pagination {
    bottom: 20%
}

.banner-publiticket {
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.histoire-description-center,
.menu-a-propos {
    position: absolute;
    background: rgba(0, 0, 0, .5)
}

.banner-vintage {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 30px;
    margin: auto
}

.gros-titre,
.petit-titre {
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 42px;
    display: inline-block
}

.petit-titre {
    letter-spacing: 4px;
    font-family: Raleway, sans-serif
}

.histoire-date,
.histoire-date-big {
    font-weight: 700;
    letter-spacing: 2px
}

.gros-titre {
    font-family: 'Alfa Slab One', cursive;
    font-size: 3rem
}

.menu-a-propos {
    width: 100%;
    height: 70px;
    bottom: 0
}

.menu-a-propos ul li a {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    padding-bottom: 5px
}

.current-menu-a-propos,
.menu-a-propos ul li a:hover {
    border-bottom: 4px solid #ED008C
}

.arrow-down,
.arrow-up {
    border-bottom: 30px solid #ebebe3;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    left: 0;
    right: 0;
    z-index: 2
}

.menu-a-propos .list-inline-item:not(:last-child) {
    margin-right: 15px
}

@media (max-width:767px) {
    .gros-titre {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    .menu-a-propos .list-inline-item:not(: last-child) {
        margin-bottom: 1.5rem
    }
}

.arrow-down,
.arrow-left,
.arrow-right,
.arrow-up {
    position: absolute;
    width: 0;
    height: 0;
    margin: auto
}

.arrow-up {
    top: -30px
}

.arrow-down {
    bottom: -30px
}

.arrow-left,
.arrow-right {
    top: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    bottom: 0;
    z-index: 2
}

.arrow-left {
    left: -30px;
    border-right: 30px solid;
    border-right-color: #333
}

.arrow-right {
    right: -30px;
    border-left: 30px solid;
    border-left-color: #333
}

.histoire-date {
    font-size: 3rem;
    color: #444
}

.histoire-date-big {
    font-size: 5rem;
    color: #fff
}

.histoire-texte p,
.histoire-titre {
    color: #666
}

.histoire-texte-big p,
.histoire-titre-big {
    color: #fff
}

.histoire-description-center {
    height: 100%;
    top: 0
}

.localisation-description {
    position: absolute;
    z-index: 1;
    background: rgba(255, 255, 255, .8);
    height: 30%;
    width: 100%;
    color: #292b2c;
    text-align: center;
    font-size: 1.2rem;
    margin-top: 5rem
}

@media (min-width:768px) {
    .localisation-description {
        margin-top: 0;
        height: 100%;
        width: 30%
    }
}

.logo-trouve {
    max-width: 300px
}

#gmap-trouver {
    margin-bottom: -2em
}

.personne-image {
    background: #fff
}

.personne-prenom {
    font-size: 2.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg)
}

.personne-wrap {
    overflow: hidden;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    max-width: 400px;
    -webkit-box-shadow: 0 0 40px #eaeaea;
    box-shadow: 0 0 40px #eaeaea;
    height: 380px
}

.personne-description {
    width: 100%;
    height: 370px;
    position: relative;
    display: inline-block!important
}

.equipe .face {
    background-repeat: no-repeat;
    background-size: 751px;
    width: 100%;
    height: 380px;
    max-width: 250px
}

.face {
    position: absolute;
    z-index: 0
}

.down {
    background-position: 0 0
}

.front {
    background-position: -250px 0
}

.fun {
    background-position: -500px 0
}

.left {
    background-position: 0 -380px
}

.right {
    background-position: -250px -380px
}

.up {
    background-position: -500px -380px
}

.border-actualites-date {
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, .3)), color-stop(80%, rgba(0, 0, 0, .6)), color-stop(50%, rgba(0, 0, 0, .6)));
    background: -webkit-linear-gradient(top left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .6) 50%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, .3)), color-stop(80%, rgba(0, 0, 0, .6)), color-stop(50%, rgba(0, 0, 0, .6)));
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 60%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .6) 50%)
}

.actualites-description {
    background: rgba(0, 0, 0, .5)
}

@media (min-width:576px) {
    .block-contact {
        position: absolute
    }
    .cible {
        height: 164px
    }
    .border-footer {
        border-right: 1px solid #696969
    }
    .border-footer:nth-last-of-type(1) {
        border-right: 0 solid #696969
    }
}

@media (min-width:768px) {
    .swiper-container-actualites:before {
        content: "";
        position: absolute;
        background: url(../images/bg-chiffre.jpg) center -563px repeat-x;
        background-size: 1020px;
        width: 100%;
        height: 100%;
        left: -90%;
        z-index: 2
    }
    .section-title {
        font-size: 1.4rem
    }
    .rouleau-actualites {
        width: 25.7%
    }
    .swiper-container-actualites .swiper-wrapper {
        left: 18px
    }
    .swiper-container-publiticket .swiper-slide {
        height: 400px
    }
    .cible {
        height: 224px
    }
    .border-partenaires:nth-of-type(-n+6) {
        border-bottom: 1px dashed #DFDFDF
    }
    .border-partenaires:nth-of-type(-n+5),
    .border-partenaires:nth-of-type(n+7) {
        border-right: 1px dashed #DFDFDF
    }
    .border-partenaires:nth-last-of-type(1) {
        border-right: 0 dashed #DFDFDF
    }
    .social-bottom {
        max-width: 41px
    }
    .social-bottom li {
        margin-bottom: 5px;
        display: block
    }
    .border-actualites-date {
        border-right: 4px solid #fff
    }
}

@media (min-width:992px) {
    .logo {
        position: absolute;
        top: 12px;
        z-index: 999;
        max-width: 250px
    }
    .header-wrapper-top .row {
        height: 22px
    }
    .header-wrapper-top {
        letter-spacing: 1px
    }
    #top-menu li:before {
        top: -4px
    }
    .rouleau-actualites {
        width: 19.3%
    }
    .swiper-container-actualites .swiper-wrapper {
        left: -30px
    }
    .swiper-container-publiticket .swiper-slide {
        height: 400px
    }
    .cible {
        height: 304px
    }
}

@media (min-width:1200px) {
    .rouleau-actualites {
        width: 16.1%
    }
    .swiper-container-actualites .swiper-wrapper {
        left: -68px
    }
    .swiper-container-publiticket .swiper-slide {
        height: 500px
    }
    .cible {
        height: 364px
    }
}

.img-logo-half {
    height: 300px;
    margin: 3em auto
}

@media (max-width:767px) {
    img.img-photo-full {
        margin-left: -50%;
        margin-right: -50%;
        min-width: 200%
    }
}

.img-photo {
    max-height: 500px;
    overflow: hidden
}

.gform_wrapper .top_label .gfield_label {
    text-transform: uppercase!important;
    line-height: 0!important;
    font-size: .75rem!important
}

.card h4,
.sidebar h4,
h2 {
    text-transform: uppercase
}

.ginput_container_select {
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 8px 0 0;
    font-size: inherit;
    font-family: inherit;
    padding: 4px 8px;
    letter-spacing: normal;
    max-height: 33px;
    background: url(../images/arrow-down-gray-hi.png) 98% 50% no-repeat #fff;
    background-size: 15px
}

.gfield_select {
    padding-left: 8px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#page-contact [id^=gform_submit_button] {
    background: #444;
    color: #fff;
    padding: 15px 100px;
    border: 0;
    text-transform: uppercase;
    line-height: 0;
    font-size: .75rem!important
}

@media (max-width:767px) {
    #colophon .gform_wrapper.gf_browser_chrome .gform_body {
        width: 100%!important
    }
    #colophon .gform_wrapper .gform_footer {
        padding: .5rem 0!important;
        margin: auto!important;
        max-width: 50%!important
    }
}

#colophon .gfield_label {
    display: none
}

#colophon .gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield {
    padding-right: 0!important
}

#colophon input[type=text] {
    background: #262626;
    border: 0;
    color: #fff;
    padding: 8px 10px;
    font-size: .75rem;
    height: 30px
}

#colophon [id^=gform_submit_button] {
    background: #181818;
    color: #fff;
    padding: 15px 20px;
    border: 0;
    line-height: 0;
    font-size: .75rem!important;
    height: 30px;
    margin-bottom: 0
}

textarea {
    border: 1px solid #ccc
}

input[type=button],
input[type=submit],
select {
    cursor: pointer
}

@media (min-width:576px) {
    .container {
        width: 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .container {
        width: 100%;
        max-width: 100%
    }
}

@media (min-width:992px) {
    .container {
        width: 960px;
        max-width: 100%
    }
    .timeline-container,
    .timeline-container-logo {
        max-width: 585px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1140px;
        max-width: 100%
    }
    .phone-publiticket {
        margin-left: -28px
    }
}

.equipe-wrap {
    padding: 2em 0;
    background: url(../images/bg-papier.jpg)
}

.breadcrumb-wrap {
    background-color: #f5f5f5
}

.breadcrumb {
    margin-bottom: 0;
    list-style: none;
    background: 0 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.equipe-hidden {
    background: 0 0;
    text-shadow: 1px 1px 5px #000
}

img.equipe-img {
    border: 10px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.equipe-txt {
    color: #fff
}

.equipe-hidden h3 {
    border-bottom: 2px solid;
    padding-bottom: 5px;
    display: inline-block
}

.equipe-hidden h2 {
    padding: initial;
    border-bottom: none;
    margin: initial initial 1rem;
    display: block
}

.equipe-hidden ul {
    list-style-type: none
}

.equipe-hidden li:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.equipe-hidden .fa.fa-pull-left {
    margin-right: .1em
}

@media (max-width:991px) {
    .icon-contact,
    .icon-tel,
    .phone-publiticket {
        margin: auto
    }
    .icon-contact:before,
    .icon-tel:before {
        display: none
    }
}

.gallery-item,
h2 {
    display: inline-block
}

.closed {
    width: 100%;
    text-align: center
}

[class^=swiper-container-partenaires-] {
    overflow: hidden;
    min-height: 170px;
    max-height: 170px
}

.b-radius-100 {
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.sidebar h4 {
    color: #222;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 800;
    letter-spacing: .1818em;
    margin-bottom: 1.5em
}

.card h4,
h2 {
    font-weight: 700
}

.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 00
}

.sidebar ul li {
    border-bottom: 1px solid #ddd;
    padding: .5em 0
}

.entry-content {
    padding-bottom: 2em
}

#gmap-distributeur {
    width: 100%;
    height: 400px;
    margin-bottom: 2rem;
    margin-top: 2rem
}

.card h4 {
    padding: 1.25rem;
    background: #ed008c;
    color: #fff;
    margin: -1.25rem -1.25rem 1.25em
}

.card li {
    margin-bottom: 1rem
}

.card li:last-child {
    margin-bottom: 0
}

h1.section-title, h2.section-title, h3.section-title {
    padding: 1rem 0;
    margin: 1rem auto;
	margin-bottom: 2rem;
}

.heading .section-title {
    color: #ed008c;
}

#play-button,
.exergue,
.exergue h2,
.footer-contact a,
.footer-contact a:hover {
    color: #fff
}

.exergue {
    background: #292b2c;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 1rem 0
}

@media (min-width:992px) {
    .exergue .row .container .row {
        padding-left: 10rem;
        padding-right: 10rem
    }
}

.wrapper-bouton-menu {
    background: #000;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    z-index: 99999;
    position: absolute;
    right: 15px;
    top: -20px
}

.bg-carousel-image,
.image-container,
.video {
    background-size: cover;
    background-position: center
}

.btn4 .icon {
    position: relative;
    width: 50px;
    height: 50px
}

.btn4 .icon:after,
.btn4 .icon:before {
    right: 0;
    left: 0;
    width: 35px;
    height: 5px;
    background-color: #fff;
    content: "";
    margin: auto
}

.btn4 .icon:before {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    position: absolute;
    top: 17px
}

.btn4 .icon:after {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    position: absolute;
    bottom: 17px
}

.btn4.open .icon {
    -webkit-transition: .5s;
    transition: .5s
}

.btn4.open .icon:before {
    -webkit-transform: rotateZ(45deg) scaleX(1) translate(4px, 4px);
    -ms-transform: rotate(45deg) scaleX(1) translate(4px, 4px);
    transform: rotateZ(45deg) scaleX(1) translate(4px, 4px)
}

.btn4.open .icon:after {
    -webkit-transform: rotateZ(-45deg) scaleX(1) translate(4px, -4px);
    -ms-transform: rotate(-45deg) scaleX(1) translate(4px, -4px);
    transform: rotateZ(-45deg) scaleX(1) translate(4px, -4px)
}

.btn4:hover {
    cursor: pointer
}

.histoire {
    margin-bottom: -2rem
}

@media only screen and (max-width:767px) {
    .gform_wrapper form.gf_simple_horizontal {
        text-align: center!important
    }
    .gform_wrapper form.gf_simple_horizontal div.gform_body {
        max-width: 50%!important;
        margin: auto!important
    }
}

.atouts .img-logo-half {
    height: 220px;
    margin: 1em auto
}

.phone {
    margin-right: 1rem;
    border-right: 1px solid rgba(255, 255, 255, .7);
    padding-right: 1rem
}

.footer-contact .icon {
    width: 10px
}

.video {
    background-image: url(../images/youtube.jpg);
    margin-bottom: 2rem;
    margin-top: 1rem;
    border-bottom: 20px solid rgba(255, 255, 255, .5);
    border-top: 20px solid rgba(255, 255, 255, .5);
    height: 220px;
    overflow: hidden
}

#play-button {
    font-size: 10rem;
    text-shadow: 0 0 50px rgba(0, 0, 0, .2);
    line-height: 180px;
    cursor: pointer;
    height: 180px;
    width: 180px;
    position: absolute;
    left: 0;
    margin: auto;
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#play-button:hover {
    color: #fff;
    font-size: 9rem;
    text-shadow: 0 0 100px rgba(255, 255, 255, .5)
}

#play-button:hover:after,
#play-buttone:hover:befor {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}

#play-button:after,
#play-button:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    opacity: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

#play-button:after {
    animation: sonar 2s infinite 2s;
    border: 20px solid rgba(255, 255, 255, .2)
}

#play-button:after,
#play-button:before {
    -webkit-animation: sonar 2s infinite 2s
}

#play-button:before {
    animation: sonar 2s infinite 2s;
    border: 20px solid rgba(255, 255, 255, .3)
}

@-webkit-keyframes sonar {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

@keyframes sonar {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

.worldmap {
    position: absolute;
    top: 2rem;
    left: 4rem;
    color: rgba(237, 0, 140, .5);
    z-index: 1;
    cursor: pointer
}

.worldmap:hover {
    opacity: .75
}

.temoignages-next-previous {
    height: 30px;
    position: relative;
    width: 100%
}

.temoignages-controls {
    position: absolute;
    right: 0;
    margin-top: 25px
}

.swiper-container-temoignages .swiper-pagination,
.swiper-container-temoignages .temoignages-next,
.swiper-container-temoignages .temoignages-prev {
    display: inline-block;
    width: auto;
    height: auto;
    top: initial;
    bottom: initial;
    right: initial;
    left: initial;
    margin: 0;
    font-size: 2rem;
    position: relative;
    vertical-align: text-bottom;
    background-image: none
}

.swiper-container-temoignages .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-temoignages .swiper-pagination {
    margin-bottom: 2px
}

.gallery-item {
    margin: 15px
}

.link-more {
    display: none
}

.image-container {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

.image-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.image-container.portrait img {
    height: 100%;
    width: auto;
    max-width: none;
    max-height: 100%
}

.image-container.landscape img {
    height: auto;
    width: 100%;
    max-width: 100%;
    max-height: none
}

.image-container {
    height: 400px
}

.bg-carousel,
.bg-carousel-image {
    width: 100%;
    height: 100%
}

.slide-image-scale img {
    max-width: 190px
}

@media(min-width:768px) {
    .slide-image-scale img {
        max-width: 220px
    }
}

@media(min-width:992px) {
    .slide-image-scale img {
        max-width: 240px
    }
}

@media(min-width:1200px) {
    .slide-image-scale img {
        max-width: 310px
    }
}

.bg-carousel {
    position: absolute;
    top: 0;
    z-index: 1
}

.slide-publiticket .container {
    z-index: 2
}

.page-numbers,
.page-numbers:focus {
    background: #fff;
    padding: 10px 15px;
    text-decoration: none
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
    display: inline-block
}

.post-navigation .nav-next {
    float: right
}

.pagination .nav-links {
    width: 100%
}

.btn_call_to_action {
    background: #ed008c;
    padding: 5px 10px;
    color: #ffffff;
    text-align: center;
    border-radius: 50px;
}

.btn_call_to_action:hover,
.btn_call_to_action:focus {
    background: #000;
    color: #ffffff;
    text-decoration: none;
}


#top-menu .dropdown-menu {
    border: none;
    border-radius: 0;
    margin-top: 0px;
    background: rgba(0, 0, 0, 0.8);
    padding: 0;
    margin: 0;
    min-width: 100%;
}



#top-menu li a.dropdown-item:before {
    display: none;
    
}

#top-menu li a.dropdown-item {
    padding: 1rem 1rem;
}

#top-menu li a.dropdown-item:hover,
#top-menu li a.dropdown-item.active{
    background: #ed008c;
}


@media (min-width: 576px) {
    
.gform_wrapper.two_column_wrapper .gform_body{
    display: flex;
}

.gform_wrapper.two_column_wrapper ul{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
   }
}