:root {
  --color1: #1F3565; /* BLEU FONCE */
  --color1--light1: #4c5d84; /* 80% */
  --color1--light2: #F1F9FC; /* 10% */
  --color1--dark: #17274b;

  --color2: #21bbbe; /* bleu clair */
  --color2--light1: #85dadb; /* 55% */
  --color2--light2: #e8f8f8; /* 10% */
  --color2--dark: #1d9c9e;

  --color3: #feb000; /* orange */
  --color3--light1: #ffebbf; /* 25% */
  --color3--light2: #fff7e5; /* 10% */
  --color3--dark: #dd9a03;

  --color4: #fd6e73; /* rose */
  --color4--light1: #feafb2; /* 55% */
  --color4--light2: #fedbdc; /* 25% */
  --color4--light3: #fff0f1; /* 10% */
  --color4--dark: #e26166;
}

@font-face {font-family: 'GraphikLight'; src: url(../../../../../../../../themes/odyssey/fonts/GraphikLight.eot); src: url('../../../../../../../../themes/odyssey/fonts/GraphikLight.eot?#iefix') format('embedded-opentype'), url(../../../../../../../../themes/odyssey/fonts/GraphikLight.otf) format('otf'), url('../../../../../../../../themes/odyssey/fonts/GraphikLight.svg#GraphikLight') format('svg'), url(../../../../../../../../themes/odyssey/fonts/GraphikLight.ttf) format('truetype'), url(../../../../../../../../themes/odyssey/fonts/GraphikLight.woff) format('woff'), url(../../../../../../../../themes/odyssey/fonts/GraphikLight.woff2) format('woff2');}
@font-face {font-family: 'GraphikRegular'; src: url(../../../../../../../../themes/odyssey/fonts/GraphikRegular.eot); src: url('../../../../../../../../themes/odyssey/fonts/GraphikRegular.eot?#iefix') format('embedded-opentype'), url(../../../../../../../../themes/odyssey/fonts/GraphikRegular.otf) format('otf'), url('../../../../../../../../themes/odyssey/fonts/GraphikRegular.svg#GraphikRegular') format('svg'), url(../../../../../../../../themes/odyssey/fonts/GraphikRegular.ttf) format('truetype'), url(../../../../../../../../themes/odyssey/fonts/GraphikRegular.woff) format('woff'), url(../../../../../../../../themes/odyssey/fonts/GraphikRegular.woff2) format('woff2');}
@font-face {font-family: 'GraphikMedium'; src: url(../../../../../../../../themes/odyssey/fonts/GraphikMedium.eot); src: url('../../../../../../../../themes/odyssey/fonts/GraphikMedium.eot?#iefix') format('embedded-opentype'), url(../../../../../../../../themes/odyssey/fonts/GraphikMedium.otf) format('otf'), url('../../../../../../../../themes/odyssey/fonts/GraphikMedium.svg#GraphikMedium') format('svg'), url(../../../../../../../../themes/odyssey/fonts/GraphikMedium.ttf) format('truetype'), url(../../../../../../../../themes/odyssey/fonts/GraphikMedium.woff) format('woff'), url(../../../../../../../../themes/odyssey/fonts/GraphikMedium.woff2) format('woff2');}
@font-face {font-family: 'GraphikBold'; src: url(../../../../../../../../themes/odyssey/fonts/GraphikBold.eot); src: url('../../../../../../../../themes/odyssey/fonts/GraphikBold.eot?#iefix') format('embedded-opentype'), url(../../../../../../../../themes/odyssey/fonts/GraphikBold.otf) format('otf'), url('../../../../../../../../themes/odyssey/fonts/GraphikBold.svg#GraphikBold') format('svg'), url(../../../../../../../../themes/odyssey/fonts/GraphikBold.ttf) format('truetype'), url(../../../../../../../../themes/odyssey/fonts/GraphikBold.woff) format('woff'), url(../../../../../../../../themes/odyssey/fonts/GraphikBold.woff2) format('woff2');}
@font-face {font-family: 'GraphikSuper'; src: url(../../../../../../../../themes/odyssey/fonts/GraphikSuper.eot); src: url('../../../../../../../../themes/odyssey/fonts/GraphikSuper.eot?#iefix') format('embedded-opentype'), url(../../../../../../../../themes/odyssey/fonts/GraphikSuper.otf) format('otf'), url('../../../../../../../../themes/odyssey/fonts/GraphikSuper.svg#GraphikSuper') format('svg'), url(../../../../../../../../themes/odyssey/fonts/GraphikSuper.ttf) format('truetype'), url(../../../../../../../../themes/odyssey/fonts/GraphikSuper.woff) format('woff'), url(../../../../../../../../themes/odyssey/fonts/GraphikSuper.woff2) format('woff2');}





/* ********************************************************* A VIRER */

.sep {display: block; width: 100%; height: 50px;background-color: red;}
.sep2 {display: block; width: 100%; height: 10px;background-color: red;}

/*  **************************************************************** */







/* GENERAL */

#page {font-size: 20px;line-height: 1.3; color: var(--color1); background-color: #fff; font-family: 'GraphikLight';}

h1 {color: var(--color1);}
h2 {color: var(--color1);font-family: 'GraphikSuper'; text-transform: uppercase; line-height: 1em;}
h3 {color: var(--color1);}
h4 {color: var(--color1);font-family: 'GraphikBold';}
@media (min-width: 768px) {
	h1 {font-size: 1.5em;}
	h2 {font-size: 2em;}
	h3 {font-size: 1.2em;}

}


/* BOUTONS / LIENS */

a {color:var(--color2);}

.btn, #submit {font-family: 'GraphikMedium';}

/* couleur par défaut */
.btn--nocolor {background-color: var(--color1);border-color: var(--color1);}
.btn--nocolor:hover, .btn--nocolor:focus {background-color: var(--color1--dark);border-color: var(--color1--dark);}

.btn--color1 {background-color: var(--color1);border-color: var(--color1);}
.btn--color1:hover, .btn--color1:focus {background-color: var(--color1--dark);border-color: var(--color1--dark);}

.btn--color2 {background-color: var(--color2);border-color: var(--color2);}
.btn--color2:hover, .btn--color2:focus {background-color: var(--color2--dark);border-color: var(--color2--dark);}

.btn--color3 {background-color: var(--color3);border-color: var(--color3);}
.btn--color3:hover, .btn--color3:focus {background-color: var(--color3--dark);border-color: var(--color3--dark);}

.btn--color4 {background-color: var(--color4);border-color: var(--color4);}
.btn--color4:hover, .btn--color4:focus {background-color: var(--color4--dark);border-color: var(--color4--dark);}

.link {font-family: 'GraphikMedium';}


table td, table th {border: 1px solid var(--color1);}
table thead th, table thead td {background-color: var(--color1);}

.wysiwyg ul li:before {background-color: var(--color1);}
.wysiwyg a {color: var(--color2);border-bottom: 1px dotted var(--color2);}

/* ******************************* NAV */


ul.sub-menu li a {font-family: 'GraphikRegular';}
ul.sub-menu li a:hover {background-color: var(--color4--light2);}

@media (max-width:991px) {
	ul.nav-menu li a {color: var(--color1);}
	ul.nav-menu > li > a {font-family: 'GraphikRegular';}
	ul.nav-menu li.menu-item-has-children > span {background-color: var(--color1);}
	ul.nav-menu li.menu-item-has-children > span.is-open {background-color: var(--color1);}
	ul.nav-menu li.menu-item-has-children > span:hover {background-color: var(--color1--light1);}
}
@media (min-width:992px) {
	.main-nav {background-color: var(--color1);}
	ul.nav-menu a {color: #fff;}
	ul.nav-menu ul.sub-menu li a {color: var(--color1);}
}

/* ******************************* HAMBURGER */

.nav-icon:after, .nav-icon:before, .nav-icon div {background-color: var(--color1);}


/* ******************************* FOOTER */

.footer-content {background-color: var(--color1);color: #fff;}
.footer-content h4 {color: #fff;}
.footer-infos {background-color: var(--color4);}
.footer-cta form label span {font-family: 'GraphikMedium';}
.footer-cta form label input:checked + span:after {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%231F3565' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");background-color: #fff;}

/* SOCIALS */

/* .footer-content .socials a {background-color: #fff;} */
.footer-content .socials a svg path {fill: var(--color1);}
/* .footer-content .socials a:hover {background: var(--color4);} */


/* ******************************* */

/* full Header */

.fullheader {background-color: var(--color1);}
.fullheader h1 {color: #fff;font-family: 'GraphikSuper';}
.fullheader .text a {height: 150px; font-family: 'GraphikMedium'; padding-right: 130px; background: var(--wpr-bg-8b06717e-a483-4bca-9d3b-9119d1982817) no-repeat right center; background-size: auto 100%;}
@media (min-width: 768px) { 
	.fullheader .text a {height: 197px; padding-right: 302px;}
}



/* Big Header */

.bigheader {background-color: var(--color1);}
.bigheader h1 {color: #fff;font-family: 'GraphikSuper';}
.bigheader .text a {height: 150px; font-family: 'GraphikMedium'; padding-right: 130px; background: var(--wpr-bg-7b34910a-3427-4081-ab2f-30dc72fc421c) no-repeat right center; background-size: auto 100%;}
@media (min-width: 768px) { 
	.bigheader .text a {height: 197px; padding-right: 302px;}
}


/* Big Header 2 */

.bigheader_2 {background-color: var(--color1);}
.bigheader_2 h1 {color: #fff;font-family: 'GraphikSuper';}
.bigheader_2 .text a {font-family: 'GraphikMedium'; padding-right: 130px; background: var(--wpr-bg-45418531-6b1e-45a2-bfea-659364ec50af) no-repeat right center; background-size: auto 100%;}


/* Medium Header */

.mediumheader--color1 {background: var(--color1--light2) var(--wpr-bg-e14a2594-7cc5-4817-bc81-9cfc7e91ab52) repeat-x center center;}
.mediumheader--color2 {background: var(--color2--light2) var(--wpr-bg-557cf5a9-5027-4e17-be97-8695059b1bac) repeat-x center center;}
.mediumheader--color3 {background: var(--color3--light2) var(--wpr-bg-e55aa45d-da3d-49ad-9195-ed7e3b5ba85a) repeat-x center center;}
.mediumheader--color4 {background: var(--color4--light3) var(--wpr-bg-aff0043b-b382-42ed-8261-9857a13dbcf2) repeat-x center center;}
.mediumheader strong {font-family: 'GraphikSuper';}


/* Small Header */

.smallheader {color: #fff;}
.smallheader h2 {color: #fff;}
.smallheader h2 + p {font-family: 'GraphikMedium';}


/* CardsColor - BLOC 1 */

.cardscolors h2 span {padding-bottom: 4px;background: #ffffff;}
.cardscolors--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}

.cardscolors--color2 {background-color: var(--color2--light2);}
.cardscolors--color2 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}

.cardscolors--color3 {background-color: var(--color3--light2);}
.cardscolors--color3 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color3--light1) 14px, var(--color3--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color3--light1) 14px,var(--color3--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color3--light1) 14px,var(--color3--light1) 45px);}

.cardscolors--color4 {background-color: var(--color4--light2);}
.cardscolors--color4 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color4--light1) 14px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);}

@media (min-width: 768px) {
	.cardscolors--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
	.cardscolors--color2 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
	.cardscolors--color3 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color3--light1) 20px, var(--color3--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color3--light1) 20px,var(--color3--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color3--light1) 20px,var(--color3--light1) 45px);}
	.cardscolors--color4 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color4--light1) 20px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color4--light1) 20px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color4--light1) 20px,var(--color4--light1) 45px);}
}

.cardscolors .row > .col-12:nth-child(4n+1) .cardcolor {background-color: var(--color3);border-radius: 50px 0 0 0;}
.cardscolors .row > .col-12:nth-child(4n+1) .cardcolor:hover {background-color: var(--color3--dark);}
.cardscolors .row > .col-12:nth-child(4n+1) .cardcolor img {border-radius: 50px 0 0 0;}
.cardscolors .row > .col-12:nth-child(4n+2) .cardcolor {background-color: var(--color2);border-radius: 0 0 50px 0;}
.cardscolors .row > .col-12:nth-child(4n+2) .cardcolor:hover {background-color: var(--color2--dark);}
.cardscolors .row > .col-12:nth-child(4n+3) .cardcolor {background-color: var(--color4);border-radius: 0 50px 0 0;}
.cardscolors .row > .col-12:nth-child(4n+3) .cardcolor:hover {background-color: var(--color4--dark);}
.cardscolors .row > .col-12:nth-child(4n+3) .cardcolor img {border-radius: 0 50px 0 0;}
.cardscolors .row > .col-12:nth-child(4n+4) .cardcolor {background-color: var(--color1);border-radius: 0 0 0 50px;}
.cardscolors .row > .col-12:nth-child(4n+4) .cardcolor:hover {background-color: var(--color1--dark);}

.cardcolor {color: #fff;}
.cardcolor h4 {color: #fff;}
.cardcolor .link {color: #fff;}
.cardcolor .link:after {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23ffffff' d='M15,18c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5-5c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-5,5C15.5,17.9,15.3,18,15,18z'/><path fill='%23ffffff' d='M20,13c-0.3,0-0.5-0.1-0.7-0.3l-5-5c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5,5c0.4,0.4,0.4,1,0,1.4C20.5,12.9,20.3,13,20,13z'/><path fill='%23ffffff' d='M20,13H4c-0.6,0-1-0.4-1-1s0.4-1,1-1h16c0.6,0,1,0.4,1,1S20.6,13,20,13z'/></svg>");}


/* CardsNumbers - BLOC 1 */

.cardnumber {color: #fff;}
.cardsnumbers h2 span {padding-bottom: 4px;background: #ffffff;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
.cardnumber .text {font-family: 'GraphikBold';}
.cardnumber .more {font-family: 'GraphikMedium';}
@media (min-width: 768px) {
	.cardsnumbers h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
}
.cardsnumbers .row > .col-12:nth-child(4n+1) .cardnumber {background-color: var(--color3);border-radius: 50px 0 0 0;}
.cardsnumbers .row > .col-12:nth-child(4n+2) .cardnumber {background-color: var(--color2);border-radius: 0 0 50px 0;}
.cardsnumbers .row > .col-12:nth-child(4n+3) .cardnumber {background-color: var(--color4);border-radius: 0 50px 0 0;}
.cardsnumbers .row > .col-12:nth-child(4n+4) .cardnumber {background-color: var(--color1);border-radius: 0 0 0 50px;}


/* Bloc Media - BLOC 2/3 */

.blocmedia--nocolor h2 span {padding-bottom: 4px;background: #ffffff;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
.blocmedia--nocolor .text strong {color: var(--color2);font-family: 'GraphikMedium';}

/* exception */
.blocmedia--nocolor .btn--nocolor {background-color: var(--color1);border-color: var(--color1);}
.blocmedia--nocolor.btn--nocolor:hover, .blocmedia--nocolor .btn--nocolor:focus {background-color: var(--color1--dark);border-color: var(--color1--dark);}



.blocmedia--color1 {background-color: var(--color1--light2);}
.blocmedia--color2 {background-color: var(--color2--light2);}
.blocmedia--color3 {background-color: var(--color3--light2);}
.blocmedia--color4 {background-color: var(--color4--light3);}

@media (min-width: 768px) {
	.blocmedia--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}

	.blocmedia[class*="blocmedia--color"] {position: relative;}
	.blocmedia[class*="blocmedia--color"] > .container {position: relative; z-index: 10;}
	.blocmedia[class*="blocmedia--color"]:before {content: ""; position: absolute; height: 452px; width:452px; top: 0; border-radius: 50%; z-index: 1;}
	.blocmedia--textright[class*="blocmedia--color"]:before {left: -226px;}
	.blocmedia--textleft[class*="blocmedia--color"]:before {right: -226px;}

	.blocmedia--color1:before {background-color: var(--color1);}
	.blocmedia--color2:before {background-color: var(--color2);}
	.blocmedia--color3:before {background-color: var(--color3);}
	.blocmedia--color4:before {background-color: var(--color4);}
}
@media (min-width: 1300px) {
	.blocmedia[class*="blocmedia--color"]:before {height: 580px; width:580px;}
	.blocmedia--textright[class*="blocmedia--color"]:before {left: -290px;}
	.blocmedia--textleft[class*="blocmedia--color"]:before {right: -290px;}
}


/* BlocRound - BLOC 4 */

.blocsrounds h2 span {padding-bottom: 4px;background: #ffffff;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
@media (min-width: 768px) {
	.blocsrounds h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
}

.blocround img {padding: 15px;}

@media (max-width: 767px) {
	.blocsrounds--style1 .row > .col-6 img {background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, var(--color4--light1) 50%, var(--color4--light1) 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ff0000 50%,#ff0a0e 100%);background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,var(--color4--light1) 50%,var(--color4--light1) 100%);}
	.blocsrounds--style1 .row > .col-6:nth-child(0n+2) img,
	.blocsrounds--style1 .row > .col-6:nth-child(0n+3) img,
	.blocsrounds--style1 .row > .col-6:nth-child(0n+6) img,
	.blocsrounds--style1 .row > .col-6:nth-child(0n+7) img,
	.blocsrounds--style1 .row > .col-6:nth-child(0n+10) img,
	.blocsrounds--style1 .row > .col-6:nth-child(0n+11) img {background: var(--color2);background: -moz-linear-gradient(top, var(--color2) 0%, var(--color2) 50%, #ffffff 50%, #ffffff 100%);background: -webkit-linear-gradient(top,  var(--color2) 0%,var(--color2) 50%,#ffffff 50%,#ffffff 100%);background: linear-gradient(to bottom,  var(--color2) 0%,var(--color2) 50%,#ffffff 50%,#ffffff 100%);}
	.blocsrounds--style2 .row > .col-6 img {background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, var(--color2--light1) 50%, var(--color2--light1) 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ff0000 50%,#ff0a0e 100%);background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,var(--color2--light1) 50%,var(--color2--light1) 100%);}
	.blocsrounds--style2 .row > .col-6:nth-child(0n+2) img,
	.blocsrounds--style2 .row > .col-6:nth-child(0n+3) img,
	.blocsrounds--style2 .row > .col-6:nth-child(0n+6) img,
	.blocsrounds--style2 .row > .col-6:nth-child(0n+7) img,
	.blocsrounds--style2 .row > .col-6:nth-child(0n+10) img,
	.blocsrounds--style2 .row > .col-6:nth-child(0n+11) img {background: var(--color1);background: -moz-linear-gradient(top, var(--color1) 0%, var(--color1) 50%, #ffffff 50%, #ffffff 100%);background: -webkit-linear-gradient(top,  var(--color1) 0%,var(--color1) 50%,#ffffff 50%,#ffffff 100%);background: linear-gradient(to bottom,  var(--color1) 0%,var(--color1) 50%,#ffffff 50%,#ffffff 100%);}
}
@media (min-width: 768px) {
	.blocsrounds--style1 .row > .col-6:nth-child(odd) img {background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, var(--color4--light1) 50%, var(--color4--light1) 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ff0000 50%,#ff0a0e 100%);background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,var(--color4--light1) 50%,var(--color4--light1) 100%);}
	.blocsrounds--style1 .row > .col-6:nth-child(even) img {background: var(--color2);background: -moz-linear-gradient(top, var(--color2) 0%, var(--color2) 50%, #ffffff 50%, #ffffff 100%);background: -webkit-linear-gradient(top,  var(--color2) 0%,var(--color2) 50%,#ffffff 50%,#ffffff 100%);background: linear-gradient(to bottom,  var(--color2) 0%,var(--color2) 50%,#ffffff 50%,#ffffff 100%);}
	.blocsrounds--style2 .row > .col-6:nth-child(odd) img {background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, var(--color2--light1) 50%, var(--color2--light1) 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ff0000 50%,#ff0a0e 100%);background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,var(--color2--light1) 50%,var(--color2--light1) 100%);}
	.blocsrounds--style2 .row > .col-6:nth-child(even) img {background: var(--color1);background: -moz-linear-gradient(top, var(--color1) 0%, var(--color1) 50%, #ffffff 50%, #ffffff 100%);background: -webkit-linear-gradient(top,  var(--color1) 0%,var(--color1) 50%,#ffffff 50%,#ffffff 100%);background: linear-gradient(to bottom,  var(--color1) 0%,var(--color1) 50%,#ffffff 50%,#ffffff 100%);}
}
@media (min-width: 992px) {
	.blocround img {padding: 20px;}	
}


/* Numbers - BLOC 5 */

.numbers--color1 {background: var(--color1) var(--wpr-bg-c6281029-9937-4817-90b6-d1efc43862fe) repeat center 0;}
.numbers--color2 {background: var(--color2) var(--wpr-bg-157e69cf-c214-4060-a45d-e0df9250a77b) repeat center 0;}
.numbers--color3 {background: var(--color3) var(--wpr-bg-8a9c8731-b139-449e-b6f9-6a5c7e12d92e) repeat center 0;}
.numbers--color4 {background: var(--color4) var(--wpr-bg-e21c0fbf-5bd3-4302-9df1-b303339830f9) repeat center 0;}

.numbers h2 {color: #fff;}
.numbers h2 span {padding-bottom: 4px;background: #ffffff;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, rgba(255,255,255,0.25) 14px, rgba(255,255,255,0.25) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,rgba(255,255,255,0.25) 14px,rgba(255,255,255,0.25) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,rgba(255,255,255,0.25) 14px,rgba(255,255,255,0.25) 45px);}
@media (min-width: 768px) {
	.numbers h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, rgba(255,255,255,0.25) 20px, rgba(255,255,255,0.25) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,rgba(255,255,255,0.25) 20px,rgba(255,255,255,0.25) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,rgba(255,255,255,0.25) 20px,rgba(255,255,255,0.25) 45px);}
}

.number strong {font-family: 'GraphikBold';color: var(--color1);}
.numbers--color1 .number strong,
.numbers--color2 .number strong {color: #fff;}


/* Bloc h2 + Text - BLOC 6 */

.bloctext--color1 {background-color: var(--color1);}
.bloctext--color2 {background-color: var(--color2);}
.bloctext--color3 {background-color: var(--color3);}
.bloctext--color4 {background-color: var(--color4);}

.bloctext--color1.bloctext--haspattern {background: var(--color1) var(--wpr-bg-bbeb7054-25c2-4399-859f-499f699c7556) repeat center 0;}
.bloctext--color2.bloctext--haspattern {background: var(--color2) var(--wpr-bg-8e9e432e-d4d9-40b5-acbf-941a857a8f3d) repeat center 0;}
.bloctext--color3.bloctext--haspattern {background: var(--color3) var(--wpr-bg-1fd5e050-b01c-40dd-afba-29f8a6459695) repeat center 0;}
.bloctext--color4.bloctext--haspattern {background: var(--color4) var(--wpr-bg-e3cbd6f7-41d3-412e-8195-fdb1677bcd0f) repeat center 0;}

.bloctext--color1 a {color: #fff;}
.bloctext--color2 a {color: #fff;}
.bloctext--color3 a {color: #fff;}
.bloctext--color4 a {color: #fff;}


.bloctext[class*="bloctext--color"] h2 {color: #fff;}
.bloctext a {text-decoration:underline;}
.bloctext[class*="bloctext--color"] .text {color: #fff;}
.bloctext .text strong {font-family: 'GraphikMedium';}

.bloctext--nocolor h2 span {padding-bottom: 4px;background: #ffffff;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
@media (min-width: 768px) {
	.bloctext--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
}


/* Cards - Carousel - BLOC 7 / 8 */

.carouselcards--color4 {background-color: var(--color4--light2);}
.carouselcards h2 + a {font-family: 'GraphikMedium';}
.carouselcards--nocolor h2 + a {color: var(--color2);}
.carouselcards--color4 h2 + a {color: var(--color4);}
.carouselcards--nocolor h2 span {padding-bottom: 4px;background: #ffffff;}
.carouselcards--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
.carouselcards--color4 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color4--light1) 14px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);}
@media (min-width: 768px) {
	.carouselcards--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
	.carouselcards--color4 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color4--light1) 20px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color4--light1) 20px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color4--light1) 20px,var(--color4--light1) 45px);}
}

.card {}
.card h3 {font-family: 'GraphikBold';}
.card div a {background: var(--wpr-bg-9aff6f8f-bad3-48ff-bdde-4b1ed4a28b49) no-repeat right center;background-size: 43px 30px;}
.card a:hover {}




/* Cards - Carousel liste - BLOC 7 / 8 */

.cardslist h2 span {padding-bottom: 4px;background: #ffffff;}
.cardslist--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}

@media (min-width: 768px) {
	.cardslist--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
}



/* CardsTexts - BLOC 9 */

.carouseltexts--color1 {background: var(--color1) var(--wpr-bg-8e2e8493-c0e6-49bb-b482-a49074983455) repeat center 0;}
.carouseltexts--color2 {background: var(--color2) var(--wpr-bg-b8aa1833-e675-4d0f-9aa5-edde7ec61827) repeat center 0;}
.carouseltexts--color3 {background: var(--color3--light2) var(--wpr-bg-98f3bb19-4840-4c8b-ad69-77ef81f1f149) repeat center 0;}
.carouseltexts--color2 .text blockquote strong {color: var(--color2);}
.carouseltexts--color3 .text blockquote strong {color: var(--color2);}

.carouseltexts--color1 h2,
.carouseltexts--color1 h2 + p {color: #fff;}

.cardtext .text blockquote strong {font-family: 'GraphikMedium';}


/* Bloc Info - BLOC 10 */

.blocinfo--color1 {background: var(--wpr-bg-0a9fd0ca-ec64-4973-861e-10ab29f1640c) no-repeat 0 0;}
.blocinfo--color2 {background: var(--wpr-bg-de6d9446-1ded-40b7-883d-16c36ad65800) no-repeat 0 0;}
.blocinfo--color3 {background: var(--wpr-bg-0b17e33f-7d66-4691-b26c-e4827e100e0c) no-repeat 0 0;}
.blocinfo--color4 {background: var(--wpr-bg-a6419057-121c-4a0c-8d2d-3050bc69ab9b) no-repeat 0 0;}
.blocinfo {background-size: cover;}
@media (min-width: 760px) {
	.blocinfo--color1 {background-position: center bottom;}
}


/* Pays - BLOC 11 */

.pays--color4 {background-color: var(--color4--light3);}
.pays h2 {text-align: center;}
.pays h3 {font-size: 1.25em;font-family: 'GraphikBold';}
.pays ul li a {color: var(--color1);}

.pays--nocolor h2 span {padding-bottom: 4px;background: #ffffff;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
@media (min-width: 768px) {
	.pays--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
}


/* Citation - BLOC 12 */

.citation {position: relative;}
.citation:before {content: ""; width: 400px; height: 400px; position: absolute; border-radius: 50%; left: -200px; top: -200px;z-index: 1; display: block;}
.citation > * {position: relative; z-index: 10;}
.citation--color1:before {background-color: var(--color2);}
.citation--color4:before {background-color: var(--color4);}

.citation blockquote {font-family: 'GraphikBold';}

.citation--color1 {background-color: var(--color1);}
.citation--color1 blockquote {color: #fff;}
.citation--color1 .author {color: #fff;}

.citation--color4 {background-color: var(--color4--light3);}
.citation--color4 blockquote {color: var(--color1);}
.citation--color4 .author {color: var(--color1);}

@media (min-width: 768px) {
	.citation:before {width: 500px; height: 500px; left: -250px; top: -250px;}
}


/* Classe Author */

.author strong {font-family: 'GraphikBold';}


/* Citation - BLOC 13 */

.bigmedia {text-align: center;position: relative;}
.bigmedia--color1 {background-color: var(--color4--light3);}
.bigmedia--color2 {background-color: var(--color2--light2);}
.bigmedia:before {content: ""; width: 400px; height: 400px; position: absolute; border-radius: 50%; left: -200px; bottom: -200px;z-index: 1; display: block;}
.bigmedia > * {position: relative; z-index: 10;}
.bigmedia--color1:before {background-color: var(--color1);}
.bigmedia--color2:before {background-color: var(--color2);}

.bigmedia--nocolor h2 span {padding-bottom: 4px;background: #ffffff;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
@media (min-width: 768px) {
	.bigmedia--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
	.bigmedia:before {width: 900px; height: 900px; left: -450px; bottom: -450px;}
}
@media (min-width: 1300px) {
	.bigmedia:before {width: 1200px; height: 1200px; left: -600px; bottom: -600px;}
}


/* BlocsPhotos - BLOC 14 */

.blocsphotos--color1 {background-color: var(--color1--light2);}
.blocsphotos--color4 {background-color: var(--color4--light2);}


/* Bloc Text + Icons - BLOC 15 */

.blocstextsicons--nocolor {}
.blocstextsicons--color1 {background-color: var(--color1);color: #fff;}
.blocstextsicons--color4 {background-color: var(--color4--light2);}

.blocstextsicons--color1 h2,
.blocstextsicons--color1 h4 {color: #fff;}

.blocstextsicons h2 span {padding-bottom: 4px;}
.blocstextsicons--nocolor h2 span {background: #ffffff;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
.blocstextsicons--color1 h2 span {background: #ffffff;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, rgba(255,255,255,0.25) 14px, rgba(255,255,255,0.25) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,rgba(255,255,255,0.25) 14px,rgba(255,255,255,0.25) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,rgba(255,255,255,0.25) 14px,rgba(255,255,255,0.25) 45px);}
.blocstextsicons--color4 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color4--light1) 14px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);}

@media (min-width: 768px) {
	.blocstextsicons--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
	.blocstextsicons--color1 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, rgba(255,255,255,0.25) 20px, rgba(255,255,255,0.25) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,rgba(255,255,255,0.25) 20px,rgba(255,255,255,0.25) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,rgba(255,255,255,0.25) 20px,rgba(255,255,255,0.25) 45px);}
	.blocstextsicons--color4 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color4--light1) 20px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color4--light1) 20px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color4--light1) 20px,var(--color4--light1) 45px);}
}


/* Bloc Logos - BLOC 16 */

.bloclogos h2 span {padding-bottom: 4px;background: #ffffff;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
@media (min-width: 768px) {
	.bloclogos h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
}







/* FORMS */

.section-form {background-color: var(--color4--light3);}
.section-form h2 + p {font-family: 'GraphikMedium';}

.form-control {color: var(--color1); background-color: #fff; border: 1px solid #fff;}
.form-control:focus {background-color: #fff; border-color: var(--color4--light1);}

/* Select */
.custom-select {color: var(--color1); border: 1px solid #fff; background-color: #fff;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%231f3565' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E");}

/* Checkbox / Radios */
.custom-control .wpcf7-list-item span.wpcf7-list-item-label:after {background-color: #fff; border: 1px solid #fff;}
.custom-control input:checked + span.wpcf7-list-item-label:after {background-color: var(--color1);}







/* Slider */

/* loader */
.flexslider.loading:after { background-color: var(--color2);} 
.flexslider--bigheader.loading:after { background-color: #fff;} 

.flex-direction-nav a {width: 64px; height: 136px;}
.flex-direction-nav a:before {margin: 50px 14px;}



@media (min-width: 768px) {
	/* Cacher défilement gauche du carousel */
	.carouselcards-row {align-items: start;}
	.carouselcards-row > .col-12:first-child {position: relative; z-index: 90;}
	.flexslider--carouselcards .flex-viewport:before {content: ""; position: absolute; top: -10px; bottom: -10px; left: -1000px;width: 1000px;z-index: 50;}
	.carouselcards .flexslider--carouselcards .flex-viewport:before {background: #fff;}
	.carouselcards--nocolor .flexslider--carouselcards .flex-viewport:before {background: #fff;}
	.carouselcards--color4 .flexslider--carouselcards .flex-viewport:before {background-color: var(--color4--light2);}
}

.flexslider[class*="flexslider--carousel"] .flex-direction-nav a {background-size: 137px 137px;background-repeat: no-repeat;}
.flexslider[class*="flexslider--carousel"] .flex-direction-nav a.flex-next {background-position: 0 0;}

@media (max-width: 480px) {
.flex-direction-nav a {width: 40px; height: 100px;}
.flexslider[class*="flexslider--carousel"] .flex-direction-nav a {background-size: 60px 137px;background-repeat: no-repeat;}
.flexslider[class*="flexslider--carousel"] .flex-direction-nav a.flex-next {background-position: 0px 0;}
.flex-direction-nav a:before {margin: 50px 3px;}

}

.flexslider--carouselcards .flex-direction-nav a.flex-prev {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%231F3565' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/></svg>");background-position: right 0;}
.carouselcards .flexslider--carouselcards .flex-direction-nav a.flex-next {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23fd6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/></svg>");}
.carouselcards--nocolor .flexslider--carouselcards .flex-direction-nav a.flex-next {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23fd6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/></svg>");}
.carouselcards--color4 .flexslider--carouselcards .flex-direction-nav a.flex-next {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2321bbbe' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/></svg>");}

.flexslider--carouseltexts .flex-direction-nav a.flex-next {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23fd6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/></svg>");background-position: right 0;}
.carouseltexts--color1 .flexslider--carouseltexts .flex-direction-nav a.flex-prev {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ffffff' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/></svg>");background-position: right 0;}
.carouseltexts--color1 .flexslider--carouseltexts .flex-direction-nav a.flex-prev:before {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%231f3565' d='M15,18c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5-5c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-5,5C15.5,17.9,15.3,18,15,18z'/><path fill='%231f3565' d='M20,13c-0.3,0-0.5-0.1-0.7-0.3l-5-5c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5,5c0.4,0.4,0.4,1,0,1.4C20.5,12.9,20.3,13,20,13z'/><path fill='%231f3565' d='M20,13H4c-0.6,0-1-0.4-1-1s0.4-1,1-1h16c0.6,0,1,0.4,1,1S20.6,13,20,13z'/></svg>");}
.carouseltexts--color2 .flexslider--carouseltexts .flex-direction-nav a.flex-prev {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%231f3565' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/></svg>");background-position: right 0;}
.carouseltexts--color3 .flexslider--carouseltexts .flex-direction-nav a.flex-prev {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%231f3565' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/></svg>");background-position: right 0;}


.term-gouvernance .cardslist .card .text {height:inherit;}


.breadcrumb { background-color: var(--color4--light3);color:var(--color1);} 
.breadcrumb a {color:var(--color1);} 

.blocscontacts h2 span {padding-bottom: 4px;}
.blocscontacts--color2 {background-color: var(--color2--light2);}
.blocscontacts--color3 {background-color: var(--color3--light2);}
.blocscontacts--color4 {background-color: var(--color4--light2);}

.blocscontacts--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
.blocscontacts--color2 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
.blocscontacts--color3 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color3--light1) 14px, var(--color3--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color3--light1) 14px,var(--color3--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color3--light1) 14px,var(--color3--light1) 45px);}
.blocscontacts--color4 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color4--light1) 14px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);}


.bloccontact h4 {font-family: 'GraphikMedium';}
.bloccontact a {color: var(--color1);}
.bloccontact a svg path {fill: var(--color2);}
@media (min-width: 768px) {
	.blocscontacts--nocolor h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
}


.resultatsrecherche h1 {font-family: 'GraphikBold';}
.resultatsrecherche h1 span {padding-bottom: 4px;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color2--light1) 14px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color2--light1) 14px,var(--color2--light1) 45px);}
.resultatsrecherche .terme {font-family: 'GraphikBold';}
.resultatsrecherche .nombre {color: var(--color2);}

.resultatsrecherche-item {background-color: var(--color3--light2);}
.resultatsrecherche-item .titre {font-family: 'GraphikBold';}
.resultatsrecherche-item a {font-family: 'GraphikMedium';color: var(--color2);}

@media (min-width: 768px) {
	.resultatsrecherche h1 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
}


/* V2 */

/* Big Header Text */
.bigheadertext {background-color: var(--color1);}
.bigheadertext h1,.bigheadertext h2 {color: #fff;font-family: 'GraphikSuper';}

/* Bloc membre */
.blocmembre--nocolor {background-color: #fff;}
.blocmembre--color3 {background-color: var(--color3--light2);}
.blocmembre--color4 {background-color: var(--color4--light3);}
.blocmembre h1, .blocmembre h2 {font-family: 'GraphikBold';}
.blocmembre h1 span, .blocmembre h2 span {padding-bottom: 4px;background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color4--light1) 14px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);}
.blocmembre--color4 h1 span, .blocmembre--color4 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color3--light1) 14px, var(--color3--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color3--light1) 14px,var(--color3--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color3--light1) 14px,var(--color3--light1) 45px);}
@media (min-width: 768px) {
	.blocmembre h1 span, .blocmembre h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color4--light1) 20px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color4--light1) 20px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color4--light1) 20px,var(--color4--light1) 45px);}
	.blocmembre--color3 h1 span, .blocmembre--color3 h2 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color2--light1) 20px, var(--color2--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color2--light1) 20px,var(--color2--light1) 45px);}
}

/* Liste etablissements */
.listeetablissements h2 span,.listeetablissements h1 span {padding-bottom: 4px;}
.listeetablissements h2 span,listeetablissements h1 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 14px, var(--color4--light1) 14px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 14px,var(--color4--light1) 14px,var(--color4--light1) 45px);}
.listeetablissements h3 {font-family: 'GraphikMedium'; color: var(--color4);}
.etablissement > div strong {font-family: 'GraphikBold';}
@media (min-width: 768px) {
	.listeetablissements h2 span, .listeetablissements h1 span {background: -moz-linear-gradient(top,  transparent 0px, transparent 20px, var(--color4--light1) 20px, var(--color4--light1) 45px);background: -webkit-linear-gradient(top,  transparent 0px,transparent 20px,var(--color4--light1) 20px,var(--color4--light1) 45px);background: linear-gradient(to bottom,  transparent 0px,transparent 20px,var(--color4--light1) 20px,var(--color4--light1) 45px);}
}

/* FAQ */
.faq {background-color: var(--color1);}
.faq h2 , .faq h1 {color: #fff;}
.faq-accordion-section {border-bottom: 1px solid #fff;}
.faq-accordion-title {color: #fff;font-family: 'GraphikMedium';}
.faq-accordion-title:hover {color: var(--color4);}
.faq-accordion-title.active:after {border-top-color: var(--color4);}
.faq-accordion-panel {color: var(--color4);}


