@font-face {
font-family: 'Afacad Re';
src:  url(//www.crii02.fr/wp-content/themes/crii/fonts/Afacad-Regular.woff2) format('woff2'),
url(//www.crii02.fr/wp-content/themes/crii/fonts/Afacad-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Afacad Bo';
src:  url(//www.crii02.fr/wp-content/themes/crii/fonts/Afacad-Bold.woff2) format('woff2'),
url(//www.crii02.fr/wp-content/themes/crii/fonts/Afacad-Bold.ttf) format('truetype');
font-weight: 900;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Afacad Flux Ex';
src:  url(//www.crii02.fr/wp-content/themes/crii/fonts/AfacadFlux-ExtraBold.woff2) format('woff2'),
url(//www.crii02.fr/wp-content/themes/crii/fonts/AfacadFlux-ExtraBold.ttf) format('truetype');
font-weight: 900;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'icomoon';
src: url(//www.crii02.fr/wp-content/themes/crii/fonts/icomoon.ttf) format('truetype'),
url(//www.crii02.fr/wp-content/themes/crii/fonts/icomoon.woff) format('woff');
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-recherche:before {
content: "\e900";
}
.icon-fleche:before {
content: "\e901";
} :root {
--bordeau-1: #9a154d;
--marron-1: #936d73;
--noir-1: #222;
--orange-1: #ec7567;
--orange-2 : #ee9240;
--rouge-1: #e43753;
--rouge-2: #de423c;
}
html {
overflow-x: hidden;
}
body,
html {
width: 100%;
height: auto;
font-size: 18px;
}
body {
font-family: 'Afacad Re', Helvetica, sans-serif;
color: var(--noir-1);
overflow-x: hidden;
}
section {
padding: 3rem 0;
}
b,
strong {
font-family: 'Afacad Bo', Helvetica, sans-serif;
font-weight: 900;
}
a {
color: var(--noir-1);
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
button:hover,
a:hover {
color: var(--bordeau-1) !important;
box-shadow: 0 !important;
outline: 0 !important;
}
p {
color: var(--noir-1);
line-height: 1.3;
margin-bottom: 20px;
}
p:last-child {
margin-bottom: 0;
}
li {
line-height: 1.2;
margin-bottom: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: var(--noir-1);
}
h1 {
font-size: 2.4rem;
line-height: 1;
}
h2 {
font-size: 2rem;
line-height: 1;
}
figure {
margin: 0;
}
time {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: var(--bordeau-1);
}
.card {
border: 0;
}
.card,
.card img {
border-radius: 0;
}
.bg-orange {
background: var(--orange-1) !important;
}
.bg-rouge {
background: var(--rouge-1) !important;
}
.bg-bordeau {
background: var(--bordeau-1) !important;
}
.aligncenter {
clear: both;
display: table;
margin: 0 auto;
}
.breadcrumbs {
text-align: center;
font-size: 0.9rem;
color: var(--bordeau-1);
}
.breadcrumbs a {
color: #333;
}
.breadcrumbs .current-item {
color: #666;
}
.page-numbers {
font-family: 'LexendDeca Me', Helvetica, sans-serif;
display: inline-block;
padding: 0.25em;
margin: 2px;
}
.page-numbers.current, nav.pagination > span.page-numbers {
color: var(--bordeau-1);
border-bottom: solid 1px var(--bordeau-1);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .card > * {
flex: 0 0 auto;
}
} header.home .logo-wrapper {
padding: 0 3rem;
}
header.home .logo-wrapper h1 {
margin-bottom: 0;
}
header.home .logo-wrapper img {
max-height: 300px;
z-index: 2;
position: relative;
}
header.home .logo-wrapper p {
font-size: 1.5rem;
line-height: 1;
}
header.home .btn-wrapper {
height: 100%;
}
header.home .btn-wrapper a.btn {
height: 100%;
display: block;
border-radius: 0;
padding: 0;
position: relative;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
header.home .btn-wrapper a.btn .btn-content {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: #fff;
font-size: 3rem;
line-height: 0.8;
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
header.home #navigation .navbar-nav {
justify-content: center !important;
}
header.home #navigation .navbar-nav li.nav-item {
flex: 1 0 30%;
}
@media screen and (max-width: 991px) {
header.home .logo-wrapper img {
max-height: 220px;
}
header.home .btn-wrapper a.btn .btn-content {
padding: 2rem 1rem;
position: relative;
width: 100%;
top: unset;
transform: unset;
}
}
@media screen and (max-width: 767px) {
header.home .btn-wrapper a.btn .btn-content {
font-size: 2.5rem;
}
}
@media screen and (max-width: 575px) {
header.home .logo-wrapper {
padding: 0 1.5rem;
}
header.home .btn-wrapper a.btn .btn-content {
padding: 1rem;
font-size: 1.5rem;
}
} header.page .logo-wrapper {
padding: 0 3rem;
}
header.page .logo-wrapper h1 {
margin-bottom: 0;
}
header.page .logo-wrapper img {
margin-top: -9rem;
max-height: 250px;
z-index: 2;
position: relative;
}
header.page .logo-wrapper p {
font-size: 1.5rem;
line-height: 1;
}
header.page .btn-wrapper a.btn {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
header.page .btn-wrapper a.btn .btn-content {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: #fff;
line-height: 0.8;
}
header.page .btn-wrapper a.btn:hover {
opacity: 0.8;
}
header.page .btn-wrapper a.btn:hover .btn-content {
color: var(--noir-1);
}
header.page #navigation .navbar-nav li.nav-item {
flex: 0 0 23%;
}
@media screen and (max-width: 991px) {
header.page .logo {
max-width: 280px;
display: block;
margin: 0 auto;
}
header.page .logo-wrapper img {
max-height: 220px;
}
header.page .btn-wrapper a.btn .btn-content {
padding: 2rem 1rem;
position: relative;
width: 100%;
top: unset;
transform: unset;
}
}
@media screen and (max-width: 575px) {
header.page .logo-wrapper {
padding: 0 1.5rem;
}
header.page .btn-wrapper a.btn .btn-content {
padding: 1rem;
font-size: 1.5rem;
}
header.page .navbar.navbar-2 {
width: 100%;
}
header.page .navbar.navbar-2 .navbar-nav {
margin: 1rem auto 0;
}
} #navigation .navbar-nav {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0 auto;
}
#navigation .navbar-nav li.nav-item {
outline: 0;
text-align: center;
margin: 5px;
border: 1px solid transparent;
background: linear-gradient(to right, white, white), linear-gradient(to right, var(--bordeau-1) , var(--orange-1));
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#navigation .navbar-nav li.nav-item a {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: var(--noir-1);
line-height: 1;
}
#navigation .navbar-nav li.nav-item:hover {
background: var(--marron-1) !important;
}
#navigation .navbar-nav li.nav-item:hover a {
color: #fff !important;
}
#navigation .navbar-nav li.nav-item.bg-orange a,
#navigation .navbar-nav li.nav-item.bg-rouge a,
#navigation .navbar-nav li.nav-item.bg-bordeau a {
color: #fff;
line-height: 1;
}
#navigation .navbar-nav .dropdown-menu {
background-color: var(--rouge-1);
border: 0;
border-radius: 0;
width: 100%;
padding: 0.5rem 1rem;
top: 100%;
}
#navigation .navbar-nav .dropdown-item:focus,
#navigation .navbar-nav .dropdown-item:hover {
background-color: var(--bordeau-1);
}
#navigation .navbar-nav .dropdown-menu li,
#navigation .navbar-nav .dropdown-menu li a.active,
#navigation .navbar-nav .dropdown-menu li a:active {
background: transparent !important;
}
#navigation .navbar .navbar-toggler {
background-color: var(--rouge-1);
border-color: var(--rouge-1);
margin: 0 auto 0.4rem;
}
#navigation .navbar .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewSbx='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
} #navigation .navbar.fixed-header {
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 150;
margin-top: 0 !important;
padding: 0.5rem 1rem;
}
#navigation .navbar.fixed-header .offcanvas {
max-width: 1320px;
margin: 0 auto;
}
#navigation .navbar.fixed-header .offcanvas .offcanvas-body #menu-desktop {
display: none !important;
}
#navigation .navbar.fixed-header .offcanvas .offcanvas-body #menu-fixed {
display: flex !important;
justify-content: end !important;
}
#navigation .navbar.fixed-header .offcanvas .navbar-nav li.nav-item {
justify-content: center;
align-items: center;
display: flex;
flex: unset;
}
#navigation .navbar.fixed-header .navbar-brand {
display: block !important;
}
#navigation .navbar.fixed-header .navbar-brand img {
max-height: 60px;
}
#navigation .navbar.fixed-header .navbar-toggler {
margin: 0 0 0 auto;
}
@media screen and (min-width: 768px) {
#navigation .navbar-nav li.nav-item {
justify-content: center;
align-items: center;
display: flex;
}
#navigation .navbar .nav-item .dropdown-menu {
display: none;
}
#navigation .navbar .nav-item:hover .dropdown-menu {
display: block;
}
#navigation .navbar .nav-item .dropdown-menu {
margin-top:0;
}
#navigation .navbar .dropdown:hover>.dropdown-menu {
display: block;
width: auto;
min-width: 100%;
}
#navigation .navbar .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {
left: 85%;
}
#navigation .navbar.fixed-header .offcanvas .offcanvas-body {
margin-left: auto !important;
}
}
@media screen and (max-width: 767px) {
#navigation .navbar .offcanvas #menu-desktop {
display: none !important;
}
#navigation .navbar .offcanvas #menu-fixed {
display: flex !important;
}
#navigation .navbar.fixed-header .offcanvas .offcanvas-body #menu-desktop {
display: none !important;
}
#navigation .navbar.fixed-header .offcanvas .offcanvas-body #menu-fixed {
display: flex !important;
}
#navigation .navbar .offcanvas-header {
padding-bottom: 0;
}
#navigation .navbar .offcanvas-header .btn-close {
top: 1rem;
position: absolute;
right: 1rem;
}
} .navbar-2 {
padding: 0;
justify-content: end;
align-items: center;
}
.navbar-2 .navbar {
display: contents;
}
.navbar-2 .navbar .navbar-nav {
display: inline-block;
white-space: nowrap;
}
.navbar-2 .navbar .navbar-nav  li,
.navbar-2 .social-links .social-icon-colored li {
background: var(--bordeau-1);
background: linear-gradient(90deg, var(--bordeau-1) 0%, var(--rouge-1) 50%, var(--orange-1) 100%);
border-radius: 20px;
height: 35px;
line-height: 27px;
margin-bottom: 0;
display: inline-block !important;
padding: 0;
}
.navbar-2 .navbar .navbar-nav  li a {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: #fff;
font-size: 1rem;
border-radius: 20px;
text-align: center;
padding: 0.2rem 1rem 0.15rem !important;
}
.navbar-2 .navbar .navbar-nav  li a,
.navbar-2 .social-links .social-icon-colored li a i  {
color: #fff !important;
}
.navbar-2 .navbar .navbar-nav  li:hover a {
background: var(--marron-1);
color: #fff !important;
} div[id^="carousel"]:not(#carouselGalerie) {
position: relative;
max-width: 1920px;
margin: 0 auto;
}
div[id^="carousel"]:not(#carouselGalerie) .carousel-item {
background-color: var(--gris-1);
height: 350px;
}
div[id^="carousel"]:not(#carouselGalerie) .carousel-item img.img-slide {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
height: 100%;
margin: 0 auto;
object-fit: cover;
object-position: center center;
transition: transform 0.5s ease;
}
div[id^="carousel"]:not(#carouselGalerie) .carousel-item video {
position: absolute;
top: 50%;
right: 50%;
height: 100%;
width: 100%;
transform: translateY(-50%) translateX(50%);
margin: 0 auto;
text-align: center;
z-index: 1;
object-fit: cover;
pointer-events: none;
}
div[id^="carousel"]:not(#carouselGalerie) .carousel-control-next,
div[id^="carousel"]:not(#carouselGalerie) .carousel-control-prev {
z-index: 3;
}
@media screen and (max-width: 991px) {
div[id^="carousel"] .carousel-item {
height: 300px;
}
} #carouselAccueil .carousel-item {
height: 260px;
}
@media screen and (max-width: 991px) {
#carouselAccueil .carousel-item {
height: 200px;
}
} #carouselActivites:before {
content: "";
background-image: url(//www.crii02.fr/wp-content/themes/crii/img/masque-slider.png);
background-repeat: no-repeat;
background-size: contain;
height: 100%;
position: absolute;
top: -1px;
right: 0;
left: 0;
z-index: 2;
} .searchform {
height: 43px;
padding: 5px 10px;
border: 1px solid transparent;
border-radius: 25px;
background: linear-gradient(to right, white, white), linear-gradient(to right, var(--bordeau-1), var(--orange-1));
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
width: 100%;
}
.searchform .search-input {
color: #222;
border: 0;
outline: 0;
background: none;
caret-color: transparent;
line-height: 31px;
transition: width 0.4s linear;
width: calc(100% - 30px);
}
.searchform:hover>.search-icon {
background: var(--bordeau-1);
color: #fff !important;
border-radius: 25px;
}
.searchform .search-icon {
height: 30px;
width: 30px;
float: right;
display: flex;
justify-content: center;
align-items: center;
color: #222;
}
#recherche .resultat {
list-style: none;
padding-left: 0;
}
#recherche .resultat li {
border-bottom: 1px solid #cccccc;
padding: 15px 15px 10px;
margin-bottom: 1em;
}
#recherche .resultat li:last-child {
display: none;
}
#recherche .resultat p {
color: #555;
margin-top: 5px;
margin-bottom: 5px;
}
#recherche .alert p {
text-align: center;
margin-bottom: 0;
} .alert {
border-radius: 0;
}
.alert * {
color: #fff;
} .btn-site {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
border: 1px solid transparent;
border-radius: 25px;
text-align: center;
background: linear-gradient(to right, white, white), linear-gradient(to right, var(--bordeau-1) , var(--orange-1));
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
padding: 0.5rem 1rem 0.55rem;
display: table;
margin: 0 auto;
line-height: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-site:hover {
background: var(--bordeau-1);
background: linear-gradient(90deg, var(--bordeau-1) 0%, var(--rouge-1) 50%, var(--orange-1) 100%);
border: 1px solid var(--orange-1);
color: #fff !important;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.btn-site-2 button {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
border-radius: 25px;
color: #fff;
text-align: center;
background: var(--bordeau-1);
background: linear-gradient(90deg, var(--bordeau-1) 0%, var(--rouge-1) 50%, var(--orange-1) 100%);
border: 0;
padding: 0.4rem 1rem 0.45rem;
margin: 0.1rem 0;
line-height: 1;
display: inline-block;
}
.btn-site-2 button:hover,
.btn-site-2 button:focus {
background: var(--bordeau-1);
color: #fff !important;
}
.btn-site-2 .dropdown-menu {
background-color: var(--rouge-1);
border: 0;
border-radius: 0;
padding: 0.5rem 1rem;
}
.btn-site-2 .dropdown-item {
color: #fff;
}
.btn-site-2 .dropdown-item:focus,
.btn-site-2 .dropdown-item:hover {
background-color: var(--bordeau-1);
color: #fff !important;
} #cartographies .card img,
.cartographies .card img {
max-width: 200px;
margin: 0 auto;
}
#agenda .card img {
max-width: 150px;
margin: 0 auto;
}
#cartographies .card .card-body .card-title,
.cartographies .card .card-body .card-title,
#agenda .card .card-body .card-title {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
font-size: 1.8rem;
text-align: center;
margin-bottom: 0;
}
#cartographies .card .card-body .card-text p,
.cartographies .card .card-body .card-text p,
#agenda .card .card-body .card-text p {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
text-align: center;
margin-top: -0.5rem;
}
#cartographies .card .card-body .btn,
.cartographies .card .card-body .btn,
#agenda .card .card-body .btn {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: #fff;
border-radius: 20px;
padding: 0.1rem 1rem 0.2rem;
display: table;
margin: 1rem auto 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#cartographies .card .card-body .btn:hover,
.cartographies .card .card-body .btn:hover,
#agenda .card .card-body .btn:hover {
opacity: 0.8;
color: #fff !important;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
#agenda .em.em-calendar .em-cal-head {
background: var(--bordeau-1);
background: linear-gradient(90deg, var(--bordeau-1) 0%, var(--rouge-1) 50%, var(--orange-1) 100%);
}
#agenda .em.em-calendar .em-cal-head>div {
color: #fff;
}
#agenda .em.em-event-editor .input .event-form-when>* {
display: inline-block !important;
}
.em .title {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: var(--bordeau-1);
}
.em.pixelbones .input div.input-wrap,
.em.pixelbones .input input[type=email],
.em.pixelbones .input input[type=number],
.em.pixelbones .input input[type=password],
.em.pixelbones .input input[type=search], .em.pixelbones .input input[type=select-type],
.em.pixelbones .input input[type=tel],
.em.pixelbones .input input[type=text],
.em.pixelbones .input input[type=url],
.em.pixelbones .input select:not([multiple]),
.em.pixelbones .input textarea,
.em.pixelbones textarea,
.em.pixelbones.input div.input-wrap,
.em.pixelbones.input input[type=email],
.em.pixelbones.input input[type=number],
.em.pixelbones.input input[type=password],
.em.pixelbones.input input[type=search],
.em.pixelbones.input input[type=select-one],
.em.pixelbones.input input[type=select-type],
.em.pixelbones.input input[type=tel],
.em.pixelbones.input input[type=text],
.em.pixelbones.input input[type=url],
.em.pixelbones.input select:not([multiple]),
.em.pixelbones.input textarea,
.em .selectize-control.multi .selectize-input,
.em .selectize-control.em-selectize:not(.always-open,.multidropdown) .selectize-input {
border: 1px solid transparent !important;
background: linear-gradient(to right, white, white), linear-gradient(to right, var(--bordeau-1), var(--orange-1)) !important;
background-clip: padding-box, border-box !important;
background-origin: padding-box, border-box !important;
border-radius: 0 !important;
}
.em .selectize-control.em-selectize:not(.always-open,.multidropdown) .selectize-input input {
background: unset !important;
background-clip: unset !important;
background-origin: unset !important;
}
.em.pixelbones .input div.input-wrap:focus,
.em.pixelbones .input input[type=email]:focus,
.em.pixelbones .input input[type=number]:focus,
.em.pixelbones .input input[type=password]:focus,
.em.pixelbones .input input[type=search]:focus,
.em.pixelbones .input input[type=select-one]:focus,
.em.pixelbones .input input[type=tel]:focus,
.em.pixelbones .input input[type=text]:focus,
.em.pixelbones .input input[type=url]:focus,
.em.pixelbones .input select:focus,
.em.pixelbones textarea:focus,
.em.pixelbones.input div.input-wrap:focus,
.em.pixelbones.input input[type=email]:focus,
.em.pixelbones.input input[type=number]:focus,
.em.pixelbones.input input[type=password]:focus,
.em.pixelbones.input input[type=search]:focus,
.em.pixelbones.input input[type=select-one]:focus,
.em.pixelbones.input input[type=tel]:focus,
.em.pixelbones.input input[type=text]:focus,
.em.pixelbones.input input[type=url]:focus,
.em.pixelbones.input select:focus,
.em.pixelbones.input textarea:focus {
background-color: #fff !important;
border-color: var(--bordeau-1) !important;
color: var(--text-color) !important;
box-shadow: 0px 0px 5px 0px rgba(154, 21, 77, 0.6) !important;
outline: none;
}
.em.pixelbones .button.button-primary.input,
.em.pixelbones .input .button.button-primary,
.em.pixelbones .input button.button-primary,
.em.pixelbones .input input[type=button].button-primary,
.em.pixelbones .input input[type=reset].button-primary,
.em.pixelbones .input input[type=submit].button-primary,
.em.pixelbones button.button-primary.input,
.em.pixelbones input[type=button].button-primary.input,
.em.pixelbones input[type=reset].button-primary.input,
.em.pixelbones input[type=submit].button-primary.input,
.em.pixelbones.input .button.button-primary,
.em.pixelbones.input button.button-primary,
.em.pixelbones.input input[type=button].button-primary,
.em.pixelbones.input input[type=reset].button-primary,
.em.pixelbones.input input[type=submit].button-primary {
color: var(--button-primary-color)!important;
background-color: var(--bordeau-1)!important;
border-color: var(--bordeau-1)!important;
padding: 3.6px 18px 1.8px !important;
font-size: 18px !important;
text-transform: initial !important;
letter-spacing: 0 !important;
border-radius: 20px !important;
line-height: unset !important;
}
.em.pixelbones .button.button-primary.input:focus,
.em.pixelbones .input .button.button-primary:hover,
.em.pixelbones .input button.button-primary:hover,
.em.pixelbones .input input[type=button].button-primary:hover,
.em.pixelbones .input input[type=reset].button-primary:hover,
.em.pixelbones .input input[type=submit].button-primary:hover,
.em.pixelbones button.button-primary.input:focus,
.em.pixelbones input[type=button].button-primary.input:focus,
.em.pixelbones input[type=reset].button-primary.input:focus,
.em.pixelbones input[type=submit].button-primary.input:focus,
.em.pixelbones.input .button.button-primary:hover,
.em.pixelbones.input button.button-primary:hover,
.em.pixelbones.input input[type=button].button-primary:hover,
.em.pixelbones.input input[type=reset].button-primary:hover,
.em.pixelbones.input input[type=submit].button-primary:hover {
background-color: var(--marron-1)!important;
border-color: var(--marron-1)!important;
}
.em.pixelbones .input input.select-toggle:focus,
.em.pixelbones .input select:not([multiple]):focus,
.em.pixelbones.input input.select-toggle:focus,
.em.pixelbones.input select:not([multiple]):focus {
background-image: unset !important;
}
.em .selectize-control.em-selectize-autocomplete:not(.always-open,.multidropdown) .selectize-input,
.em .selectize-control.em-selectize:not(.always-open,.multidropdown) .selectize-input {
border-radius: 0 !important;
}
.em.em-calendar .em-cal-nav .month input[type=text] {
border: 0 !important;
}
.em-location-data.input {
background-color: #f2f2f2;
padding: 1rem;
} #actualites {
background-color: var(--orange-1);
}
#actualites .card,
#actualites-page .card {
background-color: transparent;
}
#actualites .card .card-body,
#actualites-page .card .card-body {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#actualites .card:hover .card-body,
#actualites-page .card:hover .card-body {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
#actualites .card .card-body .card-title,
#actualites-page .card .card-body .card-title {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
font-size: 1.75rem;
margin-bottom: 0.5rem;
}
#actualites .card .card-body .card-title,
#actualites .card .card-body .card-text *,
#actualites-page .card .card-body .card-title,
#actualites-page .card .card-body .card-text * {
color: #fff;
}
#actualites .card .card-body a {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
border: 1px solid transparent;
border-radius: 25px;
background-color: #fff;
color: var(--orange-1);
padding: 0.1rem 1rem 0.2rem;
display: table;
margin: 0.8rem 0 0 auto;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#actualites-page .card .card-body a {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
border: 1px solid #fff;
border-radius: 25px;
background-color: transparent;
color: #fff;
padding: 0.1rem 1rem 0.2rem;
display: table;
margin: 0.8rem 0 0 auto;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#actualites .card .card-body a:hover,
#actualites-page .card .card-body a:hover {
background: var(--bordeau-1);
border: 1px solid var(--bordeau-1);
color: #fff !important;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
} #reseaux .fond {
background-image: url(//www.crii02.fr/wp-content/themes/crii/img/fond-suivez-nous.png);
background-repeat: no-repeat;
background-size: 80%;
background-position: bottom center;
}
#reseaux .social-icon-colored {
display: table;
margin-left: auto !important;
margin-right: auto;
}
#reseaux .social-icon-colored li {
background: var(--bordeau-1);
background: linear-gradient(90deg, var(--bordeau-1) 0%, var(--rouge-1) 50%, var(--orange-1) 100%);
border-radius: 20px;
display: inline-block;
padding: 0;
margin: 0 0.2rem;
}
#reseaux .social-icon-colored li i,
#reseaux .social-icon-colored li svg {
color: #fff !important;
}
@media screen and (max-width: 767px) {
#reseaux .fond {
background-size: contain;
}
} .presentation .fond {
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
padding: 0 1rem 1rem;
}
.presentation .fond * {
color: #fff;
}
@media screen and (max-width: 1199px) {
.presentation .fond {
background-size: cover;
}
}  .bloc-2 .accordion,
.bloc-2 .accordion .accordion-item {
border-radius: 0;
border: 0;
}
.bloc-2 .accordion .accordion-item.couleur-de-fond * {
color: #fff;
}
.bloc-2 .accordion .accordion-button {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
font-size: 1.8rem;
color: #fff !important;
text-align: center;
display: block;
border-radius: 0;
box-shadow: unset;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bloc-2 .accordion .accordion-button:hover {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.bloc-2 .accordion .picto {
max-width: 180px;
margin-bottom: 1rem;
}
.bloc-2 .accordion .triangle {
display: block;
margin: -2px auto 0;
vertical-align: middle;
width: 60px;
height: 30px;
border-top: solid 30px #222;
border-left: solid 30px transparent;
border-right: solid 30px transparent;
}
.bloc-2 .accordion .counter .counter-wrapper {
text-align: center;
}
.bloc-2 .accordion .counter .counter-wrapper .counter-value {
font-family: 'Afacad Bo', Helvetica, sans-serif;
font-size: 2.8rem;
text-align: center;
display: inline-block;
}
.bloc-2 .accordion .counter .counter-wrapper .counter-extra {
font-family: 'Afacad Bo', Helvetica, sans-serif;
text-align: center;
display: inline-block;
font-size: 2.5rem;
}
.bloc-2 .telechargements .img-wrapper {
border: 1px solid transparent;
background: linear-gradient(to right, white, white), linear-gradient(to right, var(--bordeau-1) , var(--orange-1));
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
border-radius: 25px;
}
.bloc-2 .telechargements .img-wrapper .zoom {
border-radius: 25px;
}
.bloc-2 .telechargements .btn {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: var(--bordeau-1);
line-height: 1.1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 0;
margin: 0 auto;
display: block;
}
.bloc-2 .telechargements .btn:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.bloc-2 .telechargements small {
line-height: 1.1;
} .bloc-3 {
background-color: var(--orange-1);
}
.bloc-3 * {
color: #fff;
}
.bloc-3 .dates-wrapper {
position: relative;
}
.bloc-3 .dates-wrapper:before {
content: "";
position: absolute;
width: 9px;
height: 100%;
background: #ec7667;
right: 0;
z-index: 1;
}
.bloc-3 .dates-wrapper a {
display: block;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bloc-3 .dates-wrapper a:hover,
.bloc-3 .dates-wrapper a:hover * {
color: var(--bordeau-1);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.bloc-3 .dates-wrapper .date {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
line-height: 0.85;
font-size: 3rem;
text-align: center;
position: relative;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.bloc-3 .dates-wrapper .date:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #fff;
right: 0;
}
.bloc-3 .dates-wrapper .date small {
font-size: .575em;
} .bloc-4 h2 {
color: var(--rouge-1);
}
.bloc-4 .nom {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: #fff;
background: var(--bordeau-1);
display: table;
margin-left: auto;
padding: 0.1rem 1rem;
margin-top: 0.2rem;
}
.bloc-4 .poste {
font-family: 'Afacad Bo', Helvetica, sans-serif;
line-height: 1;
margin-bottom: 1rem;
}
@media (max-width: 767px) {
.bloc-4 .nom {
margin: 0.2rem auto 1rem;
}
.bloc-4 .poste {
text-align: center;
}
} .bloc-5 {
background: var(--bordeau-1);
}
.bloc-5 * {
color: #fff;
}
.bloc-5 .card {
background-color: transparent;
}
.bloc-5 .card .card-body .card-title {
font-family: 'Afacad Bo', Helvetica, sans-serif;
font-size: 1.8rem;
text-align: center;
line-height: 1;
}
.bloc-5 .card .card-body .btn {
background-color: #fff;
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: var(--bordeau-1) !important;
border-radius: 20px;
padding: 0.1rem 1rem 0.2rem;
display: table;
margin: 1rem auto 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bloc-5 .card .card-body .btn:hover {
background-color: var(--bordeau-1);
color: #fff !important;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
} .bloc-6 {
background-image: url(//www.crii02.fr/wp-content/themes/crii/img/fond-documents.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
}
.bloc-6 h2 {
color: var(--rouge-1);
}
.bloc-6 .card {
background-color: transparent;
}
.bloc-6 .card .card-body .card-title {
font-family: 'Afacad Bo', Helvetica, sans-serif;
font-size: 1.2rem;
line-height: 1;
}
.bloc-6 .card .card-body .btn {
display: grid;
line-height: 1;
font-size: 1.2rem;
flex-grow: 1;
justify-content: end;
}
.bloc-6 .card .img-wrapper {
position: relative;
}
.bloc-6 .card .img-wrapper.video::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
content: "\f144";
position: absolute;
top: 50%;
left: 0;
right: 0;
font-size: 4rem;
z-index: 2;
text-align: center;
transform: translateY(-50%);
pointer-events: none;
}
.bloc-6 .card .img-wrapper.video .zoom:before,
.bloc-6 .card .img-wrapper.video .zoom:after {
display: none;
} .bloc-7 .fond {
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
}
.bloc-7 .fond * {
color: #fff;
}
@media (max-width: 767px) {
.bloc-7 .fond {
background-image: unset !important;
background-color: var(--bordeau-1);
}
} .pictogrammes .card {
text-align: center;
}
.pictogrammes .card img {
display: block;
margin: 0 auto;
width: auto;
max-height: 125px;
}
.pictogrammes .card .card-body {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pictogrammes .card:hover .card-body {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.pictogrammes .card .card-body .card-title {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
font-size: 1.2rem;
margin-bottom: 0;
} .activites .intro * {
color: #fff;
} #ressources table {
border: 1px solid #dedede;
border-radius: 8px 8px 0 0 !important;
border-collapse: collapse;
border-style: hidden;
box-shadow: 0 0 0 1px #dedede;
--bs-table-bg: transparent !important;
}
#ressources table thead {
background: var(--bordeau-1);
background: linear-gradient(90deg, var(--bordeau-1) 0%, var(--rouge-1) 50%, var(--orange-1) 100%);
}
#ressources table thead tr th:first-child {
border-top-left-radius: 8px;
}
#ressources table thead tr th:last-child {
border-top-right-radius: 8px;
}
#ressources table thead tr * {
color: #fff;
}
#ressources .legende {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
#ressources .legende li {
display: inline-flex;
margin: 0 2px;
align-items: baseline;
}
#ressources .legende li span.rond {
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
}
#ressources .legende li span.carre {
display: block;
width: 15px;
height: 15px;
}
#ressources .legende li span.triangle {
display: block;
height : 0;
width : 0;
border-right : 8px solid transparent;
border-bottom : 15px solid red;
border-left : 7px solid transparent;
}
#ressources .legende li .name {
margin-right: 0.5rem;
margin-left: 0.2rem;
display: inline-table;
} #bibliotheque-wrapper .card {
background-color: transparent;
}
#bibliotheque-wrapper .card .card-body {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#bibliotheque-wrapper .card:hover .card-body {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
#bibliotheque-wrapper .card .card-body .card-title {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
font-size: 1.2rem;
margin-bottom: 0.5rem;
line-height: 1;
}
#bibliotheque-wrapper .card .card-body .card-title {
color: #fff;
}
#bibliotheque-wrapper .card .card-body .card-text {
font-size: 0.9rem;
}
#bibliotheque-wrapper .card .card-body a {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
border: 1px solid transparent;
border-radius: 25px;
background-color: #fff;
padding: 0.1rem 1rem 0.2rem;
display: table;
margin: 0.8rem 0 0 auto;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#bibliotheque-wrapper .card .card-body a:hover {
background: var(--bordeau-1);
border: 1px solid var(--bordeau-1);
color: #fff !important;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
#bibliotheque-wrapper .wpc-filters-widget-wrapper .wpc-filter-title {
color: #fff;
}
.wpc-filters-widget-wrapper .wpc-filter-title {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: var(--bordeau-1);
margin-bottom: 0 !important;
}
.wpc-filters-widget-wrapper .wpc-filters-section {
margin-bottom: 0 !important;
}
.wpc-filters-widget-wrapper .wpc-filters-section:last-child {
margin-top: 1rem !important;
}
.wpc-filters-main-wrap .wpc-filters-widget-controls-container a,
.wpc-filters-main-wrap a.wpc-filters-reset-button,
.wpc-filters-main-wrap a.wpc-filters-submit-button {
padding: 0.1rem 1rem 0.2rem !important;
border-radius: 25px !important;
} .submenu ul {
list-style: none;
padding-left: 0;
margin: 0 auto;
}
.submenu ul li a {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
font-size: 1rem !important;
background-color: #e6e5e3;
color: #fff;
width: 100%;
display: block;
text-align: center;
padding: 0.2rem;
margin: 0.4rem auto;
}
.submenu ul li a:hover {
background-color: var(--noir-1) !important;
color: #fff !important;
} .menu .square-box {
border: 1px solid #e6e5e3;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.menu .submenu ul {
list-style: none;
padding-left: 0;
max-width: 80%;
margin: 0 auto;
}
.menu .submenu ul li a  {
padding: 0.65rem 0.2rem;
}
@media (max-width: 1399px) {
.menu.menu-3 .square-box .square-content div > span * {
font-size: 1.2rem;
}
} .square-box {
position: relative;
width: 100%;
overflow: hidden;
background-color: #e6e5e3;
}
.square-box:before {
content: "";
display: block;
padding-top: 100%;
}
.square-box .square-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.square-box .square-content div {
display: table;
width: 100%;
height: 100%;
}
.square-box .square-content div > span {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
display: table-cell;
vertical-align: middle;
color: #fff;
line-height: 0.8;
text-align: center;
font-size: 1.6rem;
padding: 0.5rem;
}
.square-box .square-content div > span * {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
margin-bottom: 0;
color: #fff;
}
.square-box .square-content div > span small {
font-size: .575em;
}
.square-box .square-content div > span img {
max-width: 100px;
display: block;
margin: 0 auto;
}
@media (max-width: 767px) {
.square-box .square-content div > span img {
max-width: 60px;
}
.square-box .square-content div > span {
font-size: 1.2rem;
}
} .contact .picto-page {
max-width: 80px;
}
.contact .numero-vert {
max-width: 300px;
}
.contact .ico-wrap {
width: 25px;
margin: 0px 20px 0 0;
display: flex;
text-align: center;
font-size: 25px;
float: left;
justify-content: center;
}
.contact .ico-wrap i {
background: linear-gradient(90deg, var(--bordeau-1) 0%, var(--rouge-1) 50%, var(--orange-1) 100%);
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transarent;
-webkit-text-fill-color: transparent;
}
.contact .descript-wrapper {
float: left;
margin-bottom: 0;
}
.contact .descript-wrapper .aio-icon-description {
font-size: 18px;
line-height: 1;
}
.with_frm_style .frm_top_container .frm_primary_label,
.with_frm_style .frm_hidden_container .frm_primary_label,
.with_frm_style .frm_pos_top {
text-align: justify;
}
.with_frm_style input[type=text],
.with_frm_style input[type=password],
.with_frm_style input[type=email],
.with_frm_style input[type=number],
.with_frm_style input[type=url],
.with_frm_style input[type=tel],
.with_frm_style input[type=phone],
.with_frm_style input[type=search],
.with_frm_style select,
.with_frm_style textarea, .frm_form_fields_style,
.with_frm_style .frm_scroll_box .frm_opt_container,
.frm_form_fields_active_style, .frm_form_fields_error_style,
.with_frm_style .frm-card-element.StripeElement,
.with_frm_style .frm_slimselect.ss-main {
border: 1px solid transparent;
background: linear-gradient(to right, white, white), linear-gradient(to right, var(--bordeau-1) , var(--orange-1));
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
}
.frm_fields_container .frm_form_field .ss-main.auto_width {
width: 100% !important;
}
@media (max-width: 767px) {
#contact .numero-vert {
display: block;
margin-left: auto;
margin-right: auto;
}
#contact .descript-wrapper,
#contact .ico-wrap {
float: none;
text-align: center;
}
#contact .ico-wrap {
height: auto;
margin: 0 auto 0 auto;
}
}
@media (max-width: 575px) {
#contact .numero-vert {
max-width: 100%;
}
} #nous-soutenir .intro a.btn {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
border-radius: 25px;
color: #fff;
background: var(--rouge-1);
padding: 0.1rem 1rem 0;
margin: 0.1rem 0;
display: inline-block;
}
#nous-soutenir .intro a.btn:hover {
background: var(--bordeau-1);
color: #fff !important;
} #annuaire .card {
border: 1px solid transparent;
background: linear-gradient(to right, white, white), linear-gradient(to right, var(--bordeau-1) , var(--orange-1));
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
}
#annuaire .card .card-title {
border-bottom: 1px solid #d8d8d8;
margin: 0 0.5rem 0.5rem;
padding-bottom: 0.8rem;
line-height: 1;
}
#annuaire .card .card-body ul {
background-color: var(--bordeau-1);
margin: 0.5rem 0.5rem 0;
padding: 1rem 0;
list-style: none;
padding-left: 0;
}
#annuaire .card .card-body ul li {
color: #fff;
margin-bottom: 0;
} .mon-compte .menu {
list-style: none;
padding-left: 0;
}
.mon-compte .menu li {
outline: 0;
text-align: center;
margin: 5px;
border: 1px solid transparent;
background: linear-gradient(to right, white, white), linear-gradient(to right, var(--bordeau-1), var(--orange-1));
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.mon-compte .menu li a {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: var(--noir-1);
display: block;
line-height: 1;
padding: 0.5rem 0
}
.mon-compte .menu li a:hover {
background: var(--bordeau-1) !important;
color: #fff !important;
} .modal .modal-content {
border-radius: 0;
}
.modal .modal-content .modal-header {
border: 0;
}
.modal .modal-content .modal-header .modal-title {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
color: var(--orange-1);
} footer {
background: var(--bordeau-1);
background: linear-gradient(180deg, var(--bordeau-1) 35%, var(--orange-1) 100%);
}
footer * {
font-family: 'Afacad Re', Helvetica, sans-serif;
font-size: 0.8rem;
color: #fff;
}
footer .pre-footer {
font-size: 1rem;
}
footer .pre-footer ul {
list-style: none;
margin-bottom: 1.5rem;
padding-left: 0;
}
footer .pre-footer ul:last-of-type {
margin-bottom: 0;
}
footer .pre-footer ul li:last-child {
margin-bottom: 0;
}
footer .pre-footer ul li a {
font-family: 'Afacad Re', Helvetica, sans-serif;
color: #fff;
font-size: 0.9rem;
display: block;
}
footer .pre-footer ul li a:hover {
color: var(--noir-1) !important;
}
footer .pre-footer .footer-widget {
margin-bottom: 1.5rem;
}
footer .pre-footer .footer-widget:last-child {
margin-bottom: 0;
}
footer .footer a {
color: #fff;
}
@media screen and (max-width: 1199px) {
footer .pre-footer h2:after {
display: none;
}
}
@media screen and (max-width: 991px) {
footer .pre-footer img {
width: 100%;
max-width: 300px;
margin: 0 auto;
display: block;
}
footer .pre-footer .social-links {
margin: 1rem auto;
}
}
@media screen and (max-width: 575px) {
footer .pre-footer * {
text-align: center;
}
footer .pre-footer h2 {
margin-top: 1.5rem;
}
footer .pre-footer ul {
text-align: center;
padding-left: 0;
list-style-type: none;
}
footer .pre-footer .footer-widget {
margin-bottom: 0.5rem;
}
} #carousel-logo {
padding-top: 0;
padding-bottom: 1rem;
}
#carousel-logo .slick-slide {
margin: 0 10px;
}
#carousel-logo .slick-slide img {
width: 100%;
}
#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 .slide-arrow {
position: absolute;
top: 50%;
margin-top: -15px;
}
#carousel-logo .slick-prev,
#carousel-logo .slick-next {
background-color: var(--bordeau-1);
color: #fff;
width: 30px;
height: 30px;
line-height: 10px;
font-size: 1.5rem;
border: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#carousel-logo .slick-prev {
left: -40px;
}
#carousel-logo .slick-next {
right: -40px;
}
#carousel-logo .slick-prev:hover,
#carousel-logo .slick-next:hover {
background-color: var(--marron-1) !important;
color: #fff !important;
} .social-links ul {
position: relative;
display: flex;
margin-top: 0;
margin-bottom: 0;
margin-left: 1rem;
}
.social-links .social-icon-colored li {
background-color: #fff;
position: relative;
border-radius: 100%;
display: inline-block !important;
margin: 0;
margin-bottom: 0;
margin-left: 0.2rem;
}
.social-links .social-icon-colored li:first-child {
padding-left: 0;
}
.social-links .social-icon-colored li a {
border: 0;
border-radius: 100%;
position: relative;
display: block;
height: 35px;
width: 35px;
line-height: 33px;
text-align: center !important;
font-size: 25px !important;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
padding: 0 !important;
}
.social-links .social-icon-colored li a i {
color: var(--bordeau-1);
font-size: 20px;
}
.social-links .social-icon-colored li a:hover {
background: var(--marron-1) !important;
}
.social-links .social-icon-colored li a:hover * {
color: #fff !important;
} .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: var(--orange-2);
border-radius: 0;
display: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.scroll-to-top:hover {
color: #fff;
background-color: var(--rouge-2);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .zoom {
position: relative;
overflow: hidden;
border-radius: 0;
background-color: var(--bordeau-1);
width: fit-content;
margin: 0 auto;
}
.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%;
height: auto;
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%;
} .um-page .um .um-field-label {
color: var(--noir-1) !important;
} .um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
font-size: 1rem !important;
color: var(--rouge-1) !important;
}
.um a.um-link:hover,
.um a.um-link-hvr:hover {
color: var(--rouge-1) !important;
} .um-request-button,
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
font-size: 1rem !important;
background: var(--bordeau-1) !important;
border-radius: 0 !important;
padding: 8px 16px !important;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.um-request-button:hover,
.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover {
background: var(--bordeau-1) !important;
color: #fff !important;
} .um .um-button.um-alt,
.um input[type=submit].um-button.um-alt {
background: var(--orange-1) !important;
color: #fff !important;
}
.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
background: var(--bordeau-1) !important;
}
.um-page .select2-container .select2-choice,
.um-page .select2-container-multi .select2-choices,
.um-page .select2-drop, .select2-drop-active,
.um-page .select2-drop.select2-drop-above,
.um-page .um-field .select2.select2-container .select2-selection,
.um-page .um-search-filter .select2.select2-container .select2-selection,
.um-page .um .um-form input[type=number],
.um-page .um .um-form input[type=password],
.um-page .um .um-form input[type=search],
.um-page .um .um-form input[type=tel],
.um-page .um .um-form input[type=text],
.um-page .um .um-form textarea,
.um-page .um .upload-progress {
border: 1px solid transparent !important;
border-radius: 0 !important;
background: linear-gradient(to right, white, white), linear-gradient(to right, var(--bordeau-1) , var(--orange-1)) !important;
background-clip: padding-box, border-box !important;
background-origin: padding-box, border-box !important;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
}
.um-page .um .um-form .um-datepicker.picker__input.picker__input--active,
.um-page .um .um-form .um-datepicker.picker__input.picker__input--target,
.um-page .um .um-form input[type=number]:focus,
.um-page .um .um-form input[type=password]:focus,
.um-page .um .um-form input[type=search]:focus,
.um-page .um .um-form input[type=tel]:focus,
.um-page .um .um-form input[type=text]:focus,
.um-page .um .um-form textarea:focus {
background-color: #fff !important;
border-color: var(--bordeau-1) !important;
color: var(--text-color) !important;
box-shadow: 0px 0px 5px 0px rgba(154, 21, 77, 0.6) !important;
}
.um-field-label label,
.with_frm_style .frm_top_container .frm_primary_label,
.with_frm_style .frm_hidden_container .frm_primary_label,
.with_frm_style .frm_pos_top {
font-size: 15px !important;
line-height: 22px !important;
font-weight: 600 !important;
color: var(--noir-1) !important;
} .frm_style_style-formidable.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,
.frm_style_style-formidable.with_frm_style input[type=submit],
.frm_style_style-formidable.with_frm_style .frm_submit input[type=button],
.frm_style_style-formidable.with_frm_style .frm_submit button,
.frm_form_submit_style,
.frm_style_style-formidable.with_frm_style .frm-edit-page-btn {
font-family: 'Afacad Flux Ex', Helvetica, sans-serif;
}
.frm_style_style-formidable.with_frm_style .frm-edit-page-btn:hover,
.frm_style_style-formidable.with_frm_style input[type=submit]:hover,
.frm_style_style-formidable.with_frm_style .frm_submit input[type=button]:hover,
.frm_style_style-formidable.with_frm_style .frm_submit button:hover {
color: #fff !important;
} .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button:hover,
.wpc-filters-main-wrap a.wpc-filters-submit-button:hover,
.wpc-filters-main-wrap a.wpc-filters-reset-button:hover,
.wpc-filters-main-wrap a.wpc-filters-submit-button:hover {
background-color: var(--marron-1) !important;
border-color: var(--marron-1) !important;
color: #fff !important;
} .erreur {
height: 100%;
background-color: #f8f9fa;
}
.erreur .text-wrapper {
height: 100%;
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: #394d61;
position: relative;
text-align: center;
}
.erreur .subtitle {
font-size: 1.5em;
font-weight: 700;
color: #1b649e;
position: relative;
text-align: center;
}
.erreur .buttons {
margin-top: 4em;
}
.erreur .buttons a.button {
background-color: #394d61;
display: block;
font-weight: 700;
text-decoration: none;
padding: 15px;
text-transform: uppercase;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.erreur .buttons a.button:hover {
background-color: #fff;
color: #1b649e;
-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;
}