@font-face {
font-family: 'Changa Li';
src: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/fonts/Changa-Light.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Changa Me';
src: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/fonts/Changa-Medium.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Changa Bo';
src: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/fonts/Changa-Bold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Pacifico Re';
src: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/fonts/Pacifico-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon';
src: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/fonts/icomoon.ttf?xd68u6) format('truetype');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-billetterie:before {
content: "\e900";
}
.icon-rosasse:before {
content: "\e901";
}
.icon-splach:before {
content: "\e902";
}
.icon-bulles:before {
content: "\e903";
}
.icon-etoile:before {
content: "\e904";
}
.icon-confetis:before {
content: "\e905";
}
.icon-bloc:before {
content: "\e906";
}
.icon-zigzag:before {
content: "\e907";
} body,
html {
width: 100%;
height: auto;
font-size: 14px;
}
body { 
font-family: 'Changa Li', Helvetica, sans-serif;
overflow-x: hidden;
color: #3c3c3c;
}
section { padding: 3rem 0; } 
b,
strong {
font-family: 'Changa Me', Helvetica, sans-serif;
font-weight: unset;
}
a {
color: #299cd6;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
button:hover,
button:focus, 
a:hover,
a:focus {
color: #d7286f !important;
box-shadow: 0 !important;
outline: 0 !important;
}
p {
color: #3c3c3c;
font-size: 15px;
line-height: 1.1;
margin-bottom: 20px;
}
p:last-child { margin-bottom: 0; }
ul {
list-style-type: circle;
padding-left: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 { 
font-family: 'Changa Me', Helvetica, sans-serif;
text-transform: uppercase;
}
figure { margin: 0; }
.card {
border-radius: 0;
border: 0;
background-color: transparent;
}
.card img { border-radius: 0 !important; }
.parallax {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/zigzag-blanc.svg), linear-gradient(90deg, rgba(244,167,52,1) 0%, rgba(233,105,74,1) 41%, rgba(225,47,111,1) 93%);
background-position: center;
background-size: initial;
width: 100%;
height: 15rem;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .card > * { flex: 0 0 auto; }
} .h2 {
font-family: 'Changa Me', Helvetica, sans-serif;
text-transform: uppercase;
font-size: 2.8rem;
color: #d52d70;
position: relative;
padding: 55px 0 15px;
display: table;
text-align: left;
}
.h2:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/titre-before.svg);
background-repeat: no-repeat;
background-size: contain;
height: 55px;
width: 130px;
top: 0;
right: 0;
z-index: 1;
}
.h2:after {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/titre-after.svg);
background-repeat: no-repeat;
background-size: contain;
height: 15px;
width: 120px;
bottom: 5px;
left: 0;
z-index: 1;
}
.h2-bis { 
font-size: 2.5rem;
line-height: 0.9;
position: relative;
display: table;
}
.h2-bis:after {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/titre-after.svg);
background-repeat: no-repeat;
background-size: contain;
height: 15px;
width: 120px;
z-index: 1;
}
.h2-bis span { 
font-family: 'Pacifico Re', Helvetica, sans-serif;
text-transform: initial;
letter-spacing: 1px;
font-size: 3.4rem;
} header.header {
background-color: rgba(246, 172, 52, 0.85);
width: 100%;
box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
position: relative;
z-index: 15;
}
header.header h1 { margin-bottom: 0; } header.header.fixed-header {
background-color: #f6ac34;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
header.header.fixed-header .navbar-nav { margin-right: 0; }
header.header.fixed-header .navbar-nav li a { margin-top: 0; }
@media screen and (max-width: 575px) {
header.header img {
margin: 0 auto;
display: block;
}
header.header.fixed-header img { display: none; }
} .top-nav .navbar-center ul li { 
display: inline;
padding-right: 0.8rem;
}
.top-nav .navbar-center ul li a {
color: #3c3c3c;
text-decoration: none;
background-color: #fff;
padding: 0.6rem 0.8rem;
border-radius: 15px;
}
.top-nav .navbar-center ul li a:hover { color: #6cb23a; }
.top-nav .navbar-center,
.top-nav .navbar-right { 
display: inline-block; 
vertical-align: middle;
}
.top-nav .navbar-right {
padding-left: 0.5rem;
vertical-align: middle;
}
.top-nav .navbar-center li span,
.top-nav .navbar-center li i,
.top-nav .navbar-center li svg { font-size: 30px; }
@media screen and (max-width: 991px) {
.top-nav { margin: 0 auto; }
} .navbar .navbar-nav li { 
position: relative;
border-right: 2.5px dotted #d7286f;
}
.navbar .navbar-nav li:last-child { border-right: 0; }
.navbar .navbar-nav li a {
font-family: 'Changa Me', Helvetica, sans-serif;
font-size: 0.9rem;
color: #fff;
text-align: center;
padding: 0.25rem 1rem !important;
position: relative;
}
.navbar .navbar-nav li a:hover { color: #d7286f !important; }
.navbar .navbar-nav .dropdown-toggle::after { color: #d7286f; }
.navbar .navbar-nav .dropdown-menu {
background-color: #fff;
border: 0;
border-radius: 0;
}
.navbar .navbar-nav .dropdown-menu li { border-right: 0; }
.navbar .navbar-nav .dropdown-menu li a {
font-size: 0.95rem;
color: #f6ac34;
text-align: left;
margin-top: 0;
white-space: normal;
width: 100% !important;
display: block;
}
.navbar .navbar-nav .dropdown-menu li a:before { display: none; }
.navbar .navbar-nav .dropdown-menu li a:focus, 
.navbar .navbar-nav .dropdown-menu li a:hover { background-color: transparent; }
@media screen and (max-width: 1199px) {
.navbar .navbar-nav .nav-link {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
}
@media all and (min-width: 992px) {
.navbar .nav-item .dropdown-menu { display: none; }
.navbar .nav-item:hover .dropdown-menu { display: block; }
.navbar .nav-item .dropdown-menu { margin-top:0; }
}
@media screen and (max-width: 991px) {
.navbar .navbar-toggler {
color: #fff;
border-color: #fff;
margin-left: auto;
margin-right: 1rem;
}
.navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar .navbar-nav .dropdown-toggle::after { color: #fff; }
.navbar .navbar-nav { margin: 1rem !important; }
.navbar .navbar-nav li { 
text-align: center;
border-right: 0;
}
.navbar .navbar-nav li:before { display: none; }
.navbar .navbar-collapse {
background-color: #e65938;
position: absolute;;
top: 3.5rem;
left: 0;
}
} .breadcrumb { 
background-color: transparent;
padding: 1rem 0;
text-align: center;
display: inline-table !important;
margin-bottom: 0;  
}
.breadcrumb > li { display: inline-block; }
.breadcrumb span { color: #f6ac34; }
.breadcrumb a,
.breadcrumb .breadcrumb_last { 
color: #f6ac34; 
font-size: 0.8rem;
} #carousel h1 {
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-60%);
z-index: 1;
margin-left: 1.5rem;
}
#carousel h1:before {
content: "";
width: 6.5rem;
height: 6.5rem;
background-color: rgba(41, 156, 214, 0.9);
position: absolute;
top: 50%;
transform: translateY(-50%);
border-radius: 100%;
left: -1.5rem;
z-index: -1;
}
#carousel h1:after {
position: absolute;
font-family: 'icomoon' !important;
font-size: 2.9rem;
color: #fff;
content: "\e902";
left: -2.5rem;
top: -1.5rem;
}
#carousel .caption {
position: relative;
height: 100%;
display: contents;
}
#carousel .caption .card {
position: absolute;
top: 50%;
transform: translateY(-60%);
z-index: 2;
}
#carousel .caption .card-body {
font-size: 2.5rem;
line-height: 1;
color: #fff;
}
#carousel .carousel-control-next, 
#carousel .carousel-control-prev {
background-color: transparent;
border: 0;
}
#carousel .carousel { position: relative; }
#carousel .carousel:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe.svg);
background-repeat: repeat-x;
height: 36px;
width: 100%;
bottom: 0;
z-index: 1;
}
#carousel .carousel .carousel-item img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 100%;
object-fit: cover;
object-position: center center;
transition: transform 0.5s ease;
}
#carousel .carousel .carousel-item video {
position: absolute;
top: 50%;
left: 0;
right: 0;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
transform: translateY(-50%);
margin: 0 auto;
text-align: center;
z-index: 1;
}
#carouselAccueil .carousel-item { height: 300px; }
#carouselPage .carousel-item { height: 200px; }
@media screen and (max-width: 575px) {
#carousel .caption {
left: 5%;
right: 5%;
}
#carousel .carousel .carousel-item video { display: none; }
} .compteur {
position: relative;
width: 100%;
margin-top: -110px;
z-index: 2;
}
.compteur .outer-container {
position: relative;
display: table;
background-color: #fff;
margin: 0 auto;
border-radius: 25px;
box-shadow: 10px 7px 10px rgba(8, 13, 62, 0.15);
}
.compteur .title-column,
.compteur .timer-column {
position: relative;
width: 100%;
text-align: center;
}
.compteur .title-column .inner-column {
position: relative;
padding: 15px 25px 0;
}
.compteur h2 {
font-family: 'Pacifico Re', Helvetica, sans-serif;
font-size: 1.8rem;
line-height: 1;
color: #d52d70;
text-transform: none;
letter-spacing: 1px;
position: relative;
display: block;
}
.compteur .timer-column .inner-column {
position: relative;
padding: 0 25px 10px;
}
.compteur .time-countdown .counter-column {
position: relative;
display: inline-block;
margin: 0 31px;
text-align: center;
color: #3c3c3c;
line-height: 1.2;
}
.compteur .time-countdown .counter-column:before {
position: absolute;
font-family: 'icomoon' !important;
font-size: 1.9rem;
color: #d52d70;
content: "\e901";
right: -45px;
top: 10px;
}
.compteur .time-countdown .counter-column:last-child:before { display: none; }
.compteur .time-countdown .counter-column .count {
font-family: 'Changa Bo', Helvetica, sans-serif;
font-size: 3rem;
color: #e8582f;
position: relative;
display: block;
}
.compteur .time-countdown .compteur .count-column .count-box {
position: relative;
display: block;
font-size: 18px;
color: #fff;
padding-top: 30px;
}
@media screen and (max-width: 575px) {
.compteur .time-countdown .counter-column { margin: 0 10px; }
.compteur .time-countdown .counter-column:before {
font-size: 1rem;
right: -22px;
top: 10px;
}
.compteur .time-countdown .counter-column .count { font-size: 2rem; }
} #bienvenue {
background-color: #fff;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
#bienvenue .image-block-l,
#bienvenue .image-block-r { position: relative; }
#bienvenue .image-block-r:first-child:before,
#bienvenue .image-block-r:last-child:before {
content: "";
position: absolute;
font-family: 'icomoon' !important;
font-size: 4rem;
content: "\e906";
z-index: 1;
}
#bienvenue .image-block-r:first-child { margin-top: 70px; }
#bienvenue .image-block-r:first-child:before { 
color: #f5ab42;
top: -80px;
}
#bienvenue .image-block-r:last-child { margin-bottom: 65px; }
#bienvenue .image-block-r:last-child:before {
color: #f5ab42;
bottom: -75px;
transform: rotate(90deg);
}
@media screen and (max-width: 575px) {
#bienvenue .image-block-r:first-child { margin-top: 0; }
#bienvenue .image-block-r:last-child { margin-bottom: 0; }
#bienvenue .image-block-r:first-child:before,
#bienvenue .image-block-r:last-child:before { display: none; }
} #chiffres {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/zigzag-vert.svg);
background-color: #fff;
background-position: center;
background-size: initial;
border-top: 2px dotted #8ac54e;
border-bottom: 2px dotted #8ac54e;
}
#chiffres h2 {
font-size: 1.5rem;
color: #299cd6;
margin-bottom: 0;
}
#chiffres h2 span { font-size: 3.5rem; }
#chiffres .square-box {
background-color: #f6ac34;
position: relative;
width: 100%;
border-radius: 100%;
min-width: 125px;
max-width: 190px;
}
#chiffres .square-box:before {
content: "";
display: block;
padding-top: 100%;
}
#chiffres .square-box:after {
position: absolute;
font-family: 'icomoon' !important;
content: "\e904";
font-size: 2.9rem;
color: #299cd6;
text-align: center;
right: 0;
left: 0;
top: -2rem;
}
#chiffres .square-box .square-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
#chiffres .square-box .square-content .square-vertical {
display: table;
width: 100%;
height: 100%;
}
#chiffres .square-box .square-content .square-vertical > div {
font-family: 'Pacifico Re', Helvetica, sans-serif;
font-size: 1.3rem;
letter-spacing: 1px;
color: #fff;
text-align: center;
line-height: 1;
display: table-cell;
vertical-align: middle;
position: relative;
}
#chiffres .square-box .square-content .square-vertical > div span { font-size: 2.2rem; } #programme {
background-color: #fff;
background-position: center top;
background-size: contain;
background-repeat: no-repeat;
}
#programme .h2:before { 
left: 0;
margin: 0 auto;
}
#programme .titre-wrapper {
background-position: center;
background-size: contain;
display: table;
background-repeat: no-repeat;
width: 300px;
height: 111px;
margin: -33px auto 0;
padding-bottom: 0.7rem;
}
#programme .titre-wrapper h3 {
color: #fff;
font-size: 2.6rem;
line-height: 0.9;
text-align: center;
display: table-cell;
vertical-align: middle;
position: relative;
}
#programme .titre-wrapper h3:before,
#programme .titre-wrapper h3:after {
position: absolute;
font-family: 'icomoon' !important;
content: "\e905";
font-size: 5rem;
color: #fff;
text-align: center;
top: 45%;
transform: translateY(-50%);
}
#programme .titre-wrapper h3:before { left: 1rem; }
#programme .titre-wrapper h3:after {
right: 1rem;
transform: rotateY(180deg);
top: 16%;
}
#programme .titre-wrapper h3 span { 
font-family: 'Pacifico Re', Helvetica, sans-serif;
text-transform: initial;
letter-spacing: 1px;
font-size: 2.2rem;
}
#programme .programme {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/zigzag-blanc.svg);
background-position: center;
background-size: initial;
position: relative;
margin-top: 35px;
margin-bottom: 10px;
padding-bottom: 35px;
}
#programme .programme:last-of-type { padding-bottom: 65px !important; }
#programme .programme:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe.svg);
background-repeat: repeat-x;
height: 36px;
width: 100%;
bottom: 0;
z-index: 1;
}
#programme .programme .contenu { 
text-align: center; 
margin-top: 1rem;
margin-bottom: 2rem;
}
#programme .programme .contenu * { color: #fff; }
#programme .programme .contenu h4 {
position: relative;
display: table;
margin: 0 auto 0.5rem;
padding: 0 2rem;
}
#programme .programme .contenu h4:before,
#programme .programme .contenu h4:after {
position: absolute;
font-family: 'icomoon' !important;
content: "\e904";
font-size: 1.5rem;
color: #fff;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
#programme .programme .contenu h4:before { right: 0; }
#programme .programme .contenu h4:after { left: 0; } #suivez-nous {
background-color: #fff;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
#suivez-nous .h2:before { right: unset; }
#suivez-nous iframe {
margin: 0 auto;
display: block;
} #presentation { margin-bottom: -6rem; }
#presentation .h2-bis { color: #299cd6; }
#presentation .h2-bis:after {
top: 1rem;
right: -2rem;
}
#presentation .contenu { 
position: relative;
padding-left: 2rem;
margin-bottom: 2rem;
}
#presentation .contenu:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe-verticale-verte.svg);
background-repeat: no-repeat;
height: 100%;
width: 14px;
top: 0;
left: 0;
z-index: 1;
}
#presentation .image-block-t { position: relative; }
#presentation .image-block-t:before {
position: absolute;
font-family: 'icomoon' !important;
content: "\e901";
font-size: 10rem;
color: #f4aa4d;
text-align: center;
right: 0;
left: 0;
bottom: -7rem;
z-index: 2;
}
#presentation .image-block-b { 
position: relative; 
padding-right: 6rem;
}
#presentation .image-block-b:before,
#presentation .image-block-b:after {
content: "";
position: absolute;
font-family: 'icomoon' !important;
font-size: 4rem;
color: red;
content: "\e906";
z-index: 1;
}
#presentation .image-block-b:before {
top: -0.5rem;
right: 1rem;
transform: rotate(90deg);
color: #f5ab42;
}
#presentation .image-block-b:after {
bottom: 0;
right: 1rem;
color: #89be50;
}
@media screen and (max-width: 767px) {
#presentation .image-block-b { padding-right: 0; }
#presentation .zoom {
margin: 0 auto;
display: table;
}
#presentation .image-block-t:before,
#presentation .image-block-t,
#presentation .image-block-b:before,
#presentation .image-block-b:after { display: none; }
} #histoire .h2-bis { margin-bottom: 3rem !important; }
#histoire .h2-bis { 
color: #fff;
margin-left: auto;
text-align: right;
}
#histoire .h2-bis:after {
bottom: -1.5rem;
left: -3rem;
}
#histoire .content { margin-top: -8rem; }
#histoire .content__galery { margin-top: 1.5rem; }
#histoire .contenu { 
position: relative;
padding-right: 2rem;
}
#histoire .contenu:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe-verticale-rose.svg);
background-repeat: no-repeat;
height: 100%;
width: 14px;
top: 0;
right: 0;
z-index: 1;
}
@media screen and (max-width: 767px) {
#histoire { margin-top: -8rem; }
#histoire blockquote { 
color: #89be50;
margin-top: 2rem;
}
#histoire .content__galery { margin-top: 2rem; }
} #bureau {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/fond-bleu-2.jpg);
background-color: #fff;
background-position: center bottom;
background-size: initial;
background-repeat: no-repeat;
}
#bureau .parallax {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/zigzag-blanc.svg), linear-gradient(90deg, rgba(244,167,52,1) 0%, rgba(233,105,74,1) 41%, rgba(225,47,111,1) 93%);
background-position: center;
background-size: initial;
width: 100%;
padding: 2rem 0;
height: auto;
}
#bureau .parallax .h2-bis { 
color: #fff;
margin-left: auto;
text-align: right;
}
#bureau .parallax .h2-bis:after {
bottom: -1.5rem;
left: -3rem;
}
#bureau .content { text-align: right; }
#bureau .content blockquote {
color: #89be50;
position: relative;
padding-right: 2rem;
}
#bureau .content blockquote:before { display: none; }
#bureau .content blockquote:after {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe-verticale-verte.svg);
background-repeat: no-repeat;
height: 100%;
width: 14px;
top: 0;
right: 0;
z-index: 1;
}
#bureau .equipe .card {
max-width: 14rem;
margin: 0 auto;
}
#bureau .equipe .card .photo { position: relative;  }
#bureau .equipe .card .etoile:after {
position: absolute;
font-family: 'icomoon' !important;
content: "\e904";
font-size: 2.9rem;
color: #f6ac34;
text-align: center;
right: 0;
left: 0;
top: -2rem;
}
#bureau .equipe .card .photo img {
border-radius: 100% !important;
border-radius: 100%;
border: 4px solid #f6ac34;
}
#bureau .equipe .card .card-body * {
color: #299cd6;
text-align: center;
font-size: 1.2rem;
line-height: 1;
}
#bureau .equipe-1,
#bureau .equipe-2 { position: relative; }
#bureau .equipe-1:before,
#bureau .equipe-2:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/fleche-equipe.svg);
background-repeat: no-repeat;
background-size: contain;
height: 250px;
width: 110px;
z-index: 0;
}
#bureau .equipe-1:before {
top: 20%;
left: -110px;
}
#bureau .equipe-2:before {
top: 10%;
right: -110px;
transform: rotate3d(0, 100, 0, 180deg);
}
@media screen and (max-width: 1199px) {
#bureau .equipe-2:before { right: -110px; }
}
@media screen and (max-width: 575px) {
#bureau .equipe-1:before,
#bureau .equipe-2:before { display: none; }
} #galerie {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/zigzag-orange.svg);
background-color: #fff;
background-position: center;
background-size: initial;
}
#galerie .galerie-wrapper {
background-color: rgba(255, 255, 255, 0.7);
padding: 1rem 4rem 0.5rem;
}
#galerie .galerie-wrapper figure.zoom { border-radius: 0; } .commun .margin-negatif { margin-top: -6rem; }
.commun .parallax {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/zigzag-blanc.svg), linear-gradient(90deg, rgba(244,167,52,1) 0%, rgba(233,105,74,1) 41%, rgba(225,47,111,1) 93%);
background-position: center;
background-size: initial;
width: 100%;
padding: 2rem 0;
height: auto;
}
.commun .parallax .titre-droit { margin-bottom: 1rem !important; }
.commun .parallax .titre-droit { 
color: #fff;
margin-left: auto;
text-align: right;
}
.commun .parallax .titre-droit:after {
bottom: -1.5rem;
left: -3rem;
}
.commun .parallax .titre-gauche { margin-bottom: 1rem !important; }
.commun .parallax .titre-gauche { 
color: #fff;
text-align: left;
}
.commun .parallax .titre-gauche:after {
bottom: -1.5rem;
left: 0;
}
.commun h3 {
font-family: 'Pacifico Re', Helvetica, sans-serif;
letter-spacing: 1px;
color: #299cd6;
text-transform: initial;
padding-left: 2.5rem;
position: relative;
}
.commun h3:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/sous-titre-before.svg);
background-repeat: no-repeat;
height: 30px;
width: 25px;
top: 0;
left: 0;
z-index: 1;
background-size: contain;
}
.commun .player { position: relative; }
.commun .player:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f144";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
color: rgba(255, 255, 255, 0.8);
font-size: 4rem;
} 
.commun .card {
background-color: #f6ac34;
border-radius: 15px;
}
.commun .card .card-header {
font-family: 'Pacifico Re', Helvetica, sans-serif;
font-size: 1.4rem;
letter-spacing: 1px;
background-color: transparent;
color: #fff;
border: 0;
position: relative;
padding-top: 1rem;
padding-left: 3.5rem;
}
.commun .card .card-header:before {
content: "";
position: absolute;
font-family: 'icomoon' !important;
font-size: 2rem;
content: "\e903";
z-index: 1;
left: 1rem;
bottom: 0.5rem;
}
.commun .card .card-body { padding-top: 0; }
.commun .card .card-body * { color: #fff; }
.commun .programme-btn { 
margin: 0.2rem auto 0.5rem;
color: #fff !important;
}
@media screen and (max-width: 767px) {
.commun .margin-negatif { margin-top: 2rem; }
} #tattoo {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/fond-orange-2.jpg);
background-color: #fff;
background-position: center;
background-size: initial;
background-repeat: no-repeat;
}
#tattoo .contenu { 
position: relative;
padding-left: 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
#tattoo .contenu:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe-verticale-rose.svg);
background-repeat: no-repeat;
height: 100%;
width: 14px;
top: 0;
left: 0;
z-index: 1;
}
#tattoo .outro {
padding-left: 2rem;
margin: 2rem 0;
}
#tattoo .outro * {
font-family: 'Pacifico Re', Helvetica, sans-serif;
letter-spacing: 1px;
color: #d52d70;
font-size: 1.3rem;
}
#tattoo .image-block-t:before {
position: absolute;
font-family: 'icomoon' !important;
content: "\e901";
font-size: 10rem;
color: #d52d70;
text-align: center;
left: 0;
top: -8rem;
z-index: 2;
}
#tattoo .programme-btn { width: 100%; } #carnaval {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/fond-bleu-3.jpg);
background-color: #fff;
background-position: center;
background-size: initial;
background-repeat: no-repeat;
}
#carnaval .intro { 
position: relative;
padding-left: 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
#carnaval .intro:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe-verticale-rose.svg);
background-repeat: no-repeat;
height: 100%;
width: 14px;
top: 0;
left: 0;
z-index: 1;
}
#carnaval .contenu ul {
list-style-type: decimal;
padding-left: 15px;
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;
}
#carnaval .contenu ul li::marker {
font-family: 'Pacifico Re', Helvetica, sans-serif;
color: #299cd6;
}
#carnaval .plan {
border-radius: 100%;
border: 2px dotted #299cd6;
margin-top: 2rem;
}
#carnaval .plan .zoom {
border-radius: 100%;
border: 4px solid #fff;
}
#carnaval .outro { margin: 1rem 0 2rem 0; }
#carnaval .outro * {
font-family: 'Pacifico Re', Helvetica, sans-serif;
letter-spacing: 1px;
color: #299cd6;
font-size: 1.3rem;
}
#carnaval .image-block-r { position: relative; }
#carnaval .image-block-r:last-child:before {
content: "";
position: absolute;
font-family: 'icomoon' !important;
font-size: 4rem;
content: "\e906";
z-index: 1;
}
#carnaval .image-block-r:first-child { margin-bottom: 70px; }
#carnaval .image-block-r:first-child:before { 
color: #89be50;
bottom: -70px;
right: 0;
transform: rotate3d(1, 1, 100, 180deg);
}
#carnaval .programme-btn { width: 100%; } #soupe {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/fond-orange-3.jpg);
background-color: #fff;
background-position: center bottom;
background-size: initial;
background-repeat: no-repeat;
}
#soupe .contenu { 
position: relative;
padding-left: 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
#soupe .contenu:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe-verticale-rose.svg);
background-repeat: no-repeat;
height: 100%;
width: 14px;
top: 0;
left: 0;
z-index: 1;
}
#soupe .image-block-b { position: relative; }
#soupe .image-block-b:before {
content: "";
position: absolute;
font-family: 'icomoon' !important;
font-size: 4rem;
content: "\e906";
z-index: 1;
color: #89be50;
right: -70px;
transform: rotateX(180deg);
top: -10px;
}
#soupe .programme-btn { margin-left: 0; }
@media screen and (max-width: 767px) {
#soupe .image-block-b:before { display: none; }
#soupe .programme-btn {
margin: 0.2rem auto 0.5rem;
width: 100%;
}
} #camps {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/fond-bleu-4.jpg);
background-color: #fff;
background-position: center bottom;
background-size: initial;
background-repeat: no-repeat;
}
#camps .contenu { 
position: relative;
padding-left: 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
#camps .contenu:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe-verticale-rose.svg);
background-repeat: no-repeat;
height: 100%;
width: 14px;
top: 0;
left: 0;
z-index: 1;
}
#camps .image-block-b { position: relative; }
#camps .image-block-b:before {
content: "";
position: absolute;
font-family: 'icomoon' !important;
font-size: 4rem;
content: "\e906";
z-index: 1;
color: #89be50;
left: -70px;
transform: rotate(180deg);
top: -10px;
}
#camps .programme-btn { margin-right: 0; }
@media screen and (max-width: 767px) {
#camps .image-block-b:before { display: none; }
#camps .programme-btn {
margin: 0.2rem auto 0.5rem;
width: 100%;
}
} #feu {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/fond-bleu-5.jpg);
background-color: #fff;
background-position: center bottom;
background-size: initial;
background-repeat: no-repeat;
}
#feu .contenu { 
position: relative;
padding-left: 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
#feu .contenu:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe-verticale-rose.svg);
background-repeat: no-repeat;
height: 100%;
width: 14px;
top: 0;
left: 0;
z-index: 1;
}
#feu .outro { 
padding-left: 2rem;
margin: 2rem 0;
}
#feu .outro * {
font-family: 'Pacifico Re', Helvetica, sans-serif;
letter-spacing: 1px;
color: #299cd6;
font-size: 1.3rem;
}
#feu .image-block-t { position: relative; }
#feu .image-block-t:before {
content: "";
position: absolute;
font-family: 'icomoon' !important;
font-size: 4rem;
content: "\e906";
z-index: 1;
color: #299cd6;
right: -70px;
bottom: -10px;
}
#feu .programme-btn { margin: 0; }
@media screen and (max-width: 767px) {
#feu .image-block-t:before { display: none; }
#feu .programme-btn {
margin: 0.2rem auto 0.5rem;
width: 100%;
}
} #page { position: relative; }
#page {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/fond-bleu-2.jpg);
background-color: #fff;
background-position: center bottom;
background-size: initial;
background-repeat: no-repeat;
}
#page:before {
position: absolute;
font-family: 'icomoon' !important;
content: "\e901";
font-size: 10rem;
color: #eeb057;
text-align: center;
right: 5%;
top: 2rem;
z-index: 0;
}
#page .contenu { 
position: relative;
padding-left: 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
#page .contenu:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe-verticale-rose.svg);
background-repeat: no-repeat;
height: 100%;
width: 14px;
top: 0;
left: 0;
z-index: 1;
} #retrospective {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/zigzag-orange.svg);
background-color: #fff;
background-position: center;
background-size: initial;
}
#retrospective .galerie-wrapper {
background-color: rgba(255, 255, 255, 0.7);
padding: 2rem;
}
#retrospective h2 {
font-family: 'Pacifico Re', Helvetica, sans-serif;
letter-spacing: 1px;
color: #299cd6;
text-transform: initial;
padding-left: 2.5rem;
position: relative;
margin-bottom: 1rem;
}
#retrospective h2:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/sous-titre-before.svg);
background-repeat: no-repeat;
height: 30px;
width: 25px;
top: 0;
left: 0;
z-index: 1;
background-size: contain;
}
#retrospective .wrapper-thumbnail {
list-style: none;
margin: 0;
padding: 0;
height: 540px;
overflow-y: scroll;
}
#retrospective .wrapper-thumbnail .thumbnail {padding: 0; }
#retrospective .wrapper-thumbnail .thumbnail img,
#retrospective .carousel img { 
display: block;
text-align: center;
width: 100%;
border-radius: 15px;
}
@media screen and (max-width: 1199px) {
#retrospective .wrapper-thumbnail { height: 448px; }
}
@media screen and (max-width: 991px) {
#retrospective .wrapper-thumbnail { height: 327px; }
}
@media screen and (max-width: 767px) {
#retrospective .wrapper-thumbnail { 
height: auto; 
overflow: visible;
}
} #contact { position: relative; }
#contact {
background-color: #fff;
background-position: center bottom;
background-size: initial;
background-repeat: no-repeat;
}
#contact .contenu { 
position: relative;
padding-left: 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
#contact .contenu:before {
content: "";
position: absolute;
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/courbe-verticale-rose.svg);
background-repeat: no-repeat;
height: 100%;
width: 14px;
top: 0;
left: 0;
z-index: 1;
} #contact-us .form {
width: 100%;
height: 40px;
padding: 10px 15px;
background: #f9f9f9;
border: 1px solid #f2f2f2;
margin-bottom: 25px;
color: #434340 !important;
font-size: 0.8rem;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
#contact-us .form:hover { border: 1px solid #f6ac34; }
#contact-us .form:focus {
color: #fff;
outline: none;
border: 1px solid #f6ac34;
}
#contact-us textarea {
height: 23rem !important;
max-width: 100%;
}
#contact-us .form-btn {
font-family: 'Pacifico Re', Helvetica, sans-serif;
display: block;
font-size: 1rem;
height: auto;
padding: 0.4rem 2rem;
color: #fff;
background: #d52d70;
border: 1px solid #d52d70;
border-radius: 15px;
outline: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#contact-us .form-btn:hover {
background: #299cd6;
color: #fff;
border: 1px solid #299cd6;
}
#contact-us .form-btn:active { opacity: 0.9; }
#contact-us .wpcf7-list-item { 
margin: 0 !important;
font-size: 0.78rem;
text-align: justify;
}
#contact-us ::placeholder {
color: #434340;
opacity: 1;
}
#contact-us :-ms-input-placeholder { color: #434340; }
#contact-us ::-ms-input-placeholder { color: #434340; }
.grecaptcha-badge { display: none; } #mentions { position: relative; }
#mentions {
background-color: #fff;
background-position: center bottom;
background-size: initial;
background-repeat: no-repeat;
} footer .pre-footer {
background-image: url(//www.fetesdubouffon.fr/wp-content/themes/bouffon/img/zigzag-blanc.svg);
background-color: #f6ac34;
background-position: center;
background-size: initial;
}
footer .pre-footer .titre { 
font-family: 'Changa Me', Helvetica, sans-serif; 
font-size: 1.1rem;
color: #fff;
}
footer .pre-footer .border-right { border-right: 1px solid #fff !important; }
footer .pre-footer ul {
list-style: none;
padding-left: 0;
}
footer .pre-footer ul.menu {
list-style-type: none;
margin-bottom: 1rem;
}
footer .pre-footer ul.menu:last-of-type { margin-bottom: 0; }
footer .pre-footer ul.menu li:last-child { margin-bottom: 0; }
footer .pre-footer ul.menu li a {
font-size: 0.9rem;
color: #fff;
}
footer .pre-footer ul.menu li a:hover,
footer .pre-footer ul.menu li a:focus { 
color: #fff;
text-decoration: underline; 
}
footer .pre-footer ul.social-icon-colored { margin-top: 0; }
footer .pre-footer ul.social-icon-colored li { display: inline-block; }
footer .pre-footer ul.social-icon-colored li a svg,
footer .pre-footer ul.social-icon-colored li a i { font-size: 18px; }
footer .footer * { color: #646464; }
@media screen and (max-width: 767px) {
footer .pre-footer .social-links { 
display: table;
margin: 1.5rem auto 1rem !important;
}
}
@media screen and (max-width: 575px) {
footer .pre-footer img { 
margin: 0 auto; 
display: block;
}
footer .pre-footer * { text-align: center; }
footer .pre-footer .social-links { 
padding-left: 0 !important;
margin-bottom: 0.8rem;
}
} blockquote {
font-family: 'Pacifico Re', Helvetica, sans-serif;
color: #fff;
font-size: 1.8rem;
letter-spacing: 1px;
position: relative;
padding-left: 5rem;
margin: 1rem 0;
}
blockquote:before {
content: "";
position: absolute;
font-family: 'icomoon' !important;
font-size: 4rem;
content: "\e906";
z-index: 1;
top: -1rem;
left: 0;
transform: rotate3d(1, 1, 100, 180deg);
color: #299cd6;
}
@media screen and (max-width: 575px) {
blockquote { padding-left: 0; }
blockquote:before { display: none; }
} .billetterie-btn {
font-family: 'Changa Me', Helvetica, sans-serif;
font-size: 1rem !important;
background-color: #d7286f;
padding: 0.2rem 1rem 0.2rem 1rem;
border-radius: 15px;
color: #fff;
}
.billetterie-btn span { 
font-size: 1.5rem; 
vertical-align: sub;
}
.billetterie-btn:hover { 
background-color: #299cd6;
color: #fff !important;
text-decoration: none;
}
.billetterie-bis-btn {
font-family: 'Changa Me', Helvetica, sans-serif;
font-size: 1rem !important;
background-color: #f5ab42;
text-align: center;
padding: 0.2rem 1rem 0.2rem 1rem;
border-radius: 100%;
color: #fff;
display: table-cell;
height: 90px;
width: 90px;
vertical-align: middle;
position: relative;
}
.billetterie-bis-btn:before,
.billetterie-bis-btn:after {
position: absolute;
font-family: 'icomoon' !important;
font-size: 3rem;
color: #f5ab42;
content: "\e907";
top: 50%;
transform: translateY(-50%);
}
.billetterie-bis-btn:before { left: -3.5rem; }
.billetterie-bis-btn:after {
right: -3.5rem;
transform: translateY(-50%) rotateY(180deg);
}
.billetterie-bis-btn span { 
font-size: 2.5rem; 
vertical-align: sub;
}
.billetterie-bis-btn:hover { 
background-color: #299cd6;
color: #fff !important;
text-decoration: none;
}
.plus-btn {
font-family: 'Changa Me', Helvetica, sans-serif;
font-size: 1rem !important;
background-color: #299cd6;
padding: 0.2rem 1rem 0.2rem 1rem;
border-radius: 15px;
color: #fff;
}
.plus-btn:hover { 
background-color: #d7286f;
color: #fff !important;
text-decoration: none;
}
.programme-btn {
font-family: 'Pacifico Re', Helvetica, sans-serif;
font-size: 1rem !important;
line-height: 1.2;
letter-spacing: 1px;
text-align: center;
background-color: #d7286f;
padding: 0.2rem 1rem 0.2rem 1rem;
border-radius: 15px;
color: #fff !important;
display: flex;
align-items: center;
width: fit-content;
margin: -4.5rem auto 0;
z-index: 5;
position: relative;
}
.programme-btn img { padding-right: 0.5rem; }
.programme-btn:hover { 
background-color: #299cd6;
color: #fff !important;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.programme-btn {
padding: 0.5rem 1rem;
display: block;
text-align: center;
}
.programme-btn img { display: none; }
} #carousel-logo { 
z-index: 1;
position: relative;
}
#carousel-logo .slick-slide {
margin: 0 5px;
border: 0;
}
#carousel-logo .slick-slide img { 
width: 100%;
margin: 0 auto;
}
#carousel-logo .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;
}
#carousel-logo .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
#carousel-logo .slick-list:focus { outline: none; }
#carousel-logo .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
#carousel-logo .slick-slider .slick-track,
#carousel-logo .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);
}
#carousel-logo .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
#carousel-logo .slick-track:before,
#carousel-logo .slick-track:after {
display: table;
content: '';
}
#carousel-logo .slick-track:after { clear: both; }
#carousel-logo .slick-loading .slick-track { visibility: hidden; }
#carousel-logo .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
#carousel-logo [dir='rtl'] .slick-slide { float: right; }
#carousel-logo .slick-slide img { display: block; }
#carousel-logo .slick-slide.slick-loading img { display: none; }
#carousel-logo .slick-slide.dragging img { pointer-events: none; }
#carousel-logo .slick-initialized .slick-slide { display: block; }
#carousel-logo .slick-loading .slick-slide { visibility: hidden; }
#carousel-logo .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
#carousel-logo .slick-arrow.slick-hidden { display: none; }
#carousel-logo .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
margin-top: 2rem;
}
#carousel-logo .slick-dots li { margin: 0 0.25rem; }
#carousel-logo .slick-dots button {
display: block;
width: 1rem;
height: 1rem;
padding: 0;
border: none;
border-radius: 100%;
background-color: #299cd6;
text-indent: -9999px;
}
#carousel-logo .slick-dots li.slick-active button { background-color: #d7cfaf; }
#carousel-logo .button-slider {
font-size: 2.5rem;
color: #299cd6;
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 2;
}
#carousel-logo .slide-arrow {
position: absolute;
top: 50%;
margin-top: -15px;
}
#carousel-logo .slick-prev {
background-color: #d52d70;
color: #fff;
left: -40px;
width: 30px;
height: 30px;
line-height: 10px;
font-size: 1.5rem;
border: 0;
border-radius: 100%;
}
#carousel-logo .slick-next {
background-color: #d52d70;
color: #fff;
right: -40px;
width: 30px;
height: 30px;
line-height: 10px;
font-size: 1.5rem;
border: 0;
border-radius: 100%;
}
#carousel-logo button:hover {
background-color: #299cd6 !important;
color: #fff !important;
} .zoom {
position: relative;
overflow: hidden;
background-color: #e8582f;
display: block;
border-radius: 25px;
}
.zoom img,
.zoom:before,
.zoom:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.zoom img {
max-width: 100%;
backface-visibility: hidden;
vertical-align: top;
}
.zoom:before,
.zoom:after {
content: '';
background-color: #fff;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.zoom:before {
width: 60px;
height: 1px;
left: 100%;
}
.zoom:after {
height: 60px;
width: 1px;
top: 0%;
}
.zoom a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.zoom:hover img {
zoom: 1;
filter: alpha(opacity=30);
-webkit-opacity: 0.3;
opacity: 0.3;
}
.zoom:hover:before,
.zoom:hover:after {
opacity: 1;
top: 50%;
left: 50%;
} .social-links ul {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.social-links .social-icon-colored li {
position: relative;
display: inline-block;
margin-right: 5px;
}
.social-links .social-icon-colored li:last-child { margin-right: 0; }
.social-links .social-icon-colored li a {
background-color: #fff;
position: relative;
display: block;
height: 30px;
width: 30px;
line-height: 31px;
text-align: center;
font-size: 19px;
color: #f6ac34;
border-radius: 50%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-links .social-icon-colored li a:hover {
background-color: #299cd6;
color: #fff !important;
-webkit-transform: scale(1) rotate(-360deg);
-moz-transform: scale(1) rotate(-360deg);
-ms-transform: scale(1) rotate(-360deg);
-o-transform: scale(1) rotate(-360deg);
transform: scale(1) rotate(-360deg);
}
.social-links .social-icon-colored li a i,
.social-links .social-icon-colored li a svg { margin-left: 1px; } .tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #299cd6;
border-radius: .25rem;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, 
.tooltip.bs-tooltip-bottom .arrow::before {
margin-left: -3px;
content: "";
border-width: 0 5px 5px;
border-bottom-color: #299cd6;
} .scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 60px;
height: 60px;
color: #fff;
font-size: 24px;
text-transform: uppercase;
line-height: 60px;
text-align: center;
z-index: 100;
cursor: pointer;
background-color: #d7286f;
display: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;		
}
.scroll-to-top:hover {
color: #fff;
background-color: #299cd6;
} .erreur {
height: 100%;
background-color: #fff;
}
.erreur .text-wrapper {
height: 30rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.erreur .title {
font-size: 5em;
font-weight: 700;
color: #3c3c3c;
position: relative;
text-align: center;
}
.erreur .subtitle {
font-size: 1.5em;
font-weight: 700;
color: #f6ac34;
position: relative;
text-align: center;
}
.erreur .buttons { margin-top: 4em; }
.erreur .buttons a.button {
background-color: #d7286f;
display: block;
font-weight: 700;
text-decoration: none;
padding: 0.2rem 1rem 0.2rem 1rem;
color: #fff;
border-radius: 25px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.erreur .buttons a.button:hover {
background-color: #299cd6;
color: #fff !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.erreur .subtitle:before,
.erreur .title:before {
content: attr(data-content);
position: absolute;
left: -2px;
text-shadow: 1px 0 blue;
top: 0;
color: white;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
-webkit-animation: noise-anim-2 3s infinite linear alternate-reverse;
animation: noise-anim-2 3s infinite linear alternate-reverse;
}