@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Oswald&display=swap');

/*

    font-family: 'Open Sans', sans-serif;

    font-family: 'Oswald', sans-serif;

*/

html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.6;
}
html, body {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  color: #767676;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.02em;
  padding: 0;
}
body {
  overflow-x: hidden;
}
body * {
  box-sizing: border-box;
}
p, h1, h2, h3 {
  position: relative;
}
p {margin-top: 0;}

/**
 * Generic
 */
a {color: #2F338C;text-decoration: none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border: 0;}
button {transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.button {display: inline-block; line-height: 1; background: #2F338C; color: white; padding: 0.5em 0.8em 0.65em 0.8em; border: 0; position: relative; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.button:hover {background: black; color: white;}
.button i svg {fill: white;}
a:hover, a:active, a:focus {text-decoration: none; color: black;}
img {display: block;max-width: 100%; height: auto;}
.col-md-50 {float: left; width: 50%;}
.col-md-100 {float: left; width: 100%;}
.container, .col-centr, .field--name-field-paragraphe-illustre, .field--name-field-nombres-illustres, .view-actualites, .paragraph--type--paragraphe-illustre, 
.paragraph--type--texte-large, .paragraph--type--texte-en-colonnes, .paragraph--type--videos, .paragraph--type--soundcloud, .paragraph--type--pourcentages-animes, .field--name-field-bloc-accordeon, 
.region-footer-bottom, .paragraph--type--porfolio, .field--name-field-blocs-de-contact, .node--type-contact, .view-id-documents, body.path-search main .container {max-width: 1210px; margin: 0 auto; padding: 0 15px;}
.page-node-type-_04 main .container {max-width: 1210px; margin: 2em auto; padding: 0 15px;}
main .container {max-width: 100%; padding: 0;}
.layout-sidebar-first {width: 20%; float: left;}
.layout-content {width: 100%; float: left;}
.has-sidebar-first .layout-content {width:80%;}
.has-sidebar-first.has-sidebar-second .layout-content {width:60%;}
h1, h2, h3 {line-height: 1.1; font-weight: 700; color: #2F338C;}
h1 {font-size: 2.7em;}
h2 {font-size: 2.15em;}
h3 {font-size: 1.5em;}

.slick-arrow {opacity:0; width: 24px; height: 24px; border: 0; background: none; overflow: hidden; text-indent: -9999px; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); z-index: 5; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
footer:hover .slick-arrow {opacity: 1;}
.slick-arrow.slick-prev {border-top: 2px solid #2F338C; border-left: 2px solid #2F338C; left: 1em;}
.slick-arrow.slick-next {border-bottom: 2px solid #2F338C; border-right: 2px solid #2F338C; right: 1em;}
.slick-arrow:hover {border-color: #292929;}
.slick-arrow:focus, .slick-dots button:focus {outline:none;}
.slick-dots {margin: 0; padding: 0; list-style: none; position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%);}
.slick-dots li {float: left; margin: 0 0.25em; height: 3px;}
.slick-dots button {padding: 0; overflow: hidden; width: 30px; height: 3px; background: rgba(255,255,255,.5); border: 0; text-indent: -9999px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.slick-dots .slick-active button, .slick-dots button:hover {background: rgba(255,255,255,1);}
.slick-slide img {margin: 0 auto;}

i, svg {transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; display: inline-block; max-width: 100%; height: auto;}
i svg {fill: black;}
.path-user .layout-content {width: 100%; float: none; max-width: 600px; margin: 8em auto 6em;}
.path-user header {background: rgba(37, 37, 37, 0.8);}
#cboxClose {bottom: inherit; top: 0;}
body.path-search {padding-top: 100px;}
.ttlelight1 {font-weight: 300; font-size: 1.9rem; color: #2f338c;}
.light12 {font-weight: 300; font-size: 1.14rem;}
.light16 {font-weight: 300; font-size: 1.52rem;}
.light20 {font-weight: 300; font-size: 1.9rem;}
.light24 {font-weight: 300; font-size: 2.29rem;}
.regular12 {font-weight: 400; font-size: 1.14rem;}
.regular16 {font-weight: 400; font-size: 1.52rem;}
.regular20 {font-weight: 400; font-size: 1.9rem;}
.regular24 {font-weight: 400; font-size: 2.29rem;}

/*Header*/
header {position: fixed; top: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0); z-index: 200; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.user-logged-in:not(.role-documents_prives) header {top: 80px;}
.sticky header {background: rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(0,0,0,0.1);}
header .container {display: flex; flex-wrap: wrap; justify-content: space-between;}
.site-logo {display: block; width: 160px; padding: 10px;}
.region-top-large {position: relative; width: 100%; min-height: 230px;}
.paragraph--type--slider-accueil .field--name-field-image-slide img {max-width: none; width: 100%; height: 100vh; object-fit: cover;}
.paragraph--type--slider-accueil > .field--name-field-slide {cursor: w-resize;}
.paragraph--type--slide-accueil {position: relative;}
#block-views-block-image-d-entete-block-1 .views-row {min-height: 300px;}
.bg-black-abs {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(37, 37, 37, 0.2);}
.home-slide-divabs {position: absolute; left: 50%; top: 110%; color: white; transform: translate(-50%, -50%); text-align: center; transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.loaded .home-slide-divabs {top: calc(100% - 7rem);}
.container-inline .search-title {display: none;}
.region-header-right {display: flex;}
#block-navigationprincipale {z-index: 10; display: flex; flex-direction: column; justify-content: center;}
@media screen and (min-width: 768px) {
	#block-navigationprincipale {position: relative;}
}	
.icon-document svg {fill: white;}
.sticky .icon-document svg {fill: #2F338C;}
.icon-document svg:hover, .sticky .icon-document svg:hover {fill: #767676;}

.header-icon {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; margin-left: 3em;}
.header-icon-content {display: flex;}
.header-icon-content > div {width: 23px; margin: 0 1em;}
.field--name-field-titre-slide {font-size: 40px; font-weight: 300; text-transform: uppercase; letter-spacing: 3px;}
.field--name-field-sous-titre-du-slide {margin-top: 8px; letter-spacing: 10px; font-size: 11px; text-transform: uppercase; font-weight: 300;}
.page-node-13 .icon-quote {display: none;}

/*Pop up search*/
.icone-search {cursor: pointer; width: 20px;}
.icone-search svg, .icon-logout svg {fill: white;}
.icone-search svg:hover, .sticky .icone-search svg:hover, .icon-logout svg:hover, .sticky .icon-logout svg:hover {fill: black;}
.sticky .icone-search svg, .sticky .icon-logout svg {fill: #2F338C;}
i.icon-document {width: 15px;}
 
#block-lmb-search {position: fixed; left: 0; top: 0; z-index: 210; background: rgba(255,255,255,.96); width: 100%; height: 100%; display: none;}

#close-pop {display: inline-block; position: absolute; right: 1em; top:  1em; width: 20px; cursor: pointer;}
.icon-close svg {fill: #2F338C;}
.icon-close svg:hover {fill: #767676;}
input.form-search:focus {outline: none;}
form#search-block-form {width: 45%; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%);}
input.form-search {background: none; border :0; width: 100%; border-bottom: 2px solid #000; font-size: 30px; font-weight: 300; padding: 20px 2px; text-transform: capitalize; line-height: 40px;}
#search-block-form .form-submit {display: none;}
.icon-search {cursor: pointer; position: absolute; right: 27.5%; top: 45%; transform: translate(-18px, -11px); width: 22px;}

/*Menu*/
ul.sf-menu li.sf-depth-1 {padding: 0 1.5em;}
ul.sf-menu span.nolink {padding: 1em 0;}
.sf-depth-1 > .sf-depth-1 {opacity: 0; cursor: pointer; display: block;color: white; text-align: center; padding: 1em 0; font-weight: 600; line-height: 1.2; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; letter-spacing: 1px; position: relative;}
.sf-depth-1 > .sf-depth-1:after {content: ""; width: 0%; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); height: 2px; background: white; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.sf-depth-1 > .sf-depth-1:hover:after, .sf-depth-1.sfHover > .sf-depth-1:after {width: 100%;}
.sticky .sf-depth-1 > .sf-depth-1:hover {color: black;}
.sticky .sf-depth-1 > .sf-depth-1:after {background: #2F338C;}
.sticky .sf-depth-1 > .sf-depth-1 {color: #2F338C;}
.lk-lieu {width: 58px;}
.lk-apprendre {width: 84px;}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {top: 55px; padding-top: 1em}
ul.sf-menu li.sf-depth-2 {background: rgba(27,22,28,0.95); padding: 0; min-width: 250px;}
ul > li.sf-depth-2:first-child {padding-top: 1rem;}
ul > li.sf-depth-2:last-child {padding-bottom: 1rem;}
ul.sf-menu li.sf-depth-2 > .sf-depth-2 {padding: 0.5rem 1.5rem; color: #c8c8c8;}
ul.sf-menu li.sf-depth-2 > .sf-depth-2:hover {color: white;}

ul.menu a.is-active {color: white;}
.sf-depth-1 > .sf-depth-1.is-active:after {width: 100%;}
.link-logout {display: none;}
.role-documents_prives .link-logout {display: block;}

a.scroll-bottom {width: 38px; height: 38px; background: #2f338c; display: inline-block; text-align: center; border-radius: 50%; padding-top: 8px; position: fixed; right: 2rem; bottom: 2rem;}
a.scroll-bottom svg {fill: white; transition: all 0.75s ease-in-out; height: 20px;}
a.scroll-bottom:hover {background: #767676;}




/*Bloc image ronde*/
.field--name-field-bloc-image-ronde.field__items {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; max-width: 1210px; margin: 6em auto 0; padding-bottom: 3em;}
.field--name-field-bloc-image-ronde.field__items > div.field__item {width: 33.333%; padding: 0 1.5em; margin-top: 1.5em; text-align: center;}
.field--name-field-bloc-image-ronde.field__items > div.field__item.one-testimony {width: 61%;}
.path-frontpage .field--name-field-bloc-image-ronde.field__items > div.field__item.one-testimony .field--name-field-description {text-align: justify; color: #2F338C; font-size: 12pt; font-weight: 300;}
.path-frontpage .field--name-field-bloc-image-ronde.field__items > div.field__item.one-testimony .field--name-field-description strong {font-weight: 600;}
.field--name-field-image-ronde img {margin: 0 auto 2em; border-radius: 50%;}
.field--name-field-titre-bas {font-weight: 600; text-transform: uppercase; margin: 1em 0 2em; color: #2F338C; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.icon-quote svg {fill: #2F338C;}
.bc-img-ronde-lien {display: inline-block;}
.bc-img-ronde-lien:hover {opacity: 0.7;}
.bc-titre-bas-lien:hover .field--name-field-titre-bas {color: black;}

.field--name-field-bloc-image-ronde > .field__item {transform: translateY(75%); opacity: 0;}
.field--name-field-bloc-image-ronde > .field__item.appeared {opacity: 1; transform: translateY(0);}
.field--name-field-bloc-image-ronde > .field__item.appeared:nth-child(3n+1) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.field--name-field-bloc-image-ronde > .field__item.appeared:nth-child(3n+2) {transition: all 0.75s ease-in-out 0.25s;-webkit-transition: all 0.75s ease-in-out 0.25s;-moz-transition: all 0.75s ease-in-out 0.25s;}
.field--name-field-bloc-image-ronde > .field__item.appeared:nth-child(3n+3) {transition: all 0.75s ease-in-out 0.5s;-webkit-transition: all 0.75s ease-in-out 0.5s;-moz-transition: all 0.75s ease-in-out 0.5s;}


/*Paragraphe onglets Icone texte*/
.paragraph--type--bloc-onglet {display: flex; flex-wrap: wrap; padding: 0 3%;}
.bc-onglet-ico-left {width: 48.5%; position: relative; margin-right: 1.5%;}
.bc-onglet-ico-left img {width: 100%; height: 100%; object-fit: cover;}
.field--name-field-image-de-gauche {height: 100%;}
.bc-onglet-ico-right {width: 50%; padding-left: 1.5%;}
.bc-onglet-ico-right-content {height: 100%; border: 5px solid #2F338C; padding: 3em; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.field--name-field-bloc-onglet > .field__item:nth-child(n+2), .field--name-field-onglet-multiples-blocs > .field__item:nth-child(n+2) {display: none;} 
.field--name-field-onglet-multiples-blocs .field--name-field-titre-de-l-onget {display: none;}
.bc-onglet-ico-left-abs {position: absolute; left: 50%; top: 68%; color: white; text-transform: uppercase; text-align: center; transform: translateX(-50%);}
.bc-onglet-ico-left-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background: rgba(37, 37, 37, 0.2);*/}
.bc-onglet-ico-left-abs .field--name-field-titre-de-l-onglet {letter-spacing: 12px;}
.bc-onglet-ico-left-abs .field--name-field-ndeg-de-l-onglet {font-size: 35px; line-height: 43px;}
.bc-onglet-ico-right .field--name-field-icone-de-l-onglet img {margin: 0 auto;}
.title-2, .field--name-field-titire-du-bloc-d-actualite a {margin-top: 6rem; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; text-align: center; font-weight: 700; display: block; text-align: center;}
.titre-3 {font-size: 36px; line-height: 45px; margin: 1.5em 0 0; text-transform: uppercase;}
.bc-onglet-ico-right-content-wrapper {max-width: 496px; margin: 0 auto;}
.bc-onglet-ico-right .field--name-field-description {font-size: 16px; line-height: 26px; margin-top: 3rem;}
.bc-onglet-ico-right .button {margin-top: 3rem;}
#NavTabIco {margin-top: 4rem; display: flex; flex-wrap: wrap; justify-content: center;}
#tabLink {cursor: pointer; padding: 0.5rem 50px; border-right: 1px solid #d7d7d7;}
#NavTabIco #tabLink:last-child {border: 0;}
#tabLink img {filter: brightness(0); opacity: 0.5; margin: 0 auto; max-height: 40px; width: auto; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
#tabLink.tab-0[value="TabNotCliqued"] img, #tabLink:hover img, #tabLink[value="tabSelected"] img {opacity: 1;}
.field--name-field-bloc-onglet {margin-top: 6rem;}
.tab-icon-title {font-weight: 600; letter-spacing: 1px; font-size: 13px; margin-top: 1.2rem; position: relative; left: -4px; padding: 0.5rem;}

/*Paragraphe onglets texte*/
.paragraph--type--onglets-multiples-blocs .tab-icon-title {margin-top: 0; position: relative;}
.paragraph--type--onglets-multiples-blocs .tab-icon-title:after {content: ""; width: 0%; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); height: 2px; background: #2F338C; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.paragraph--type--onglets-multiples-blocs .tab-icon-title:hover:after {width: 100%;}
.paragraph--type--onglets-multiples-blocs .tab-icon-title:hover {color: #2F338C;}
.paragraph--type--onglets-multiples-blocs #tabLink[value="tabSelected"] .tab-icon-title, .paragraph--type--onglets-multiples-blocs #tabLink.tab-0[value="TabNotCliqued"] .tab-icon-title {color: white; background: #2F338C;}
.paragraph--type--onglets-multiples-blocs #tabLink {border: 0; padding: 0.5rem 30px;}


/*Paragraphe slide 2 colonnes*/
.field--name-field-slider-2-colonnes {width: 100%; margin-top: 9rem;}
.paragraph--type--slide-2-colonnes {display: flex; width: 100%; flex-wrap: wrap; padding: 0 3%;}
.bc-slide-2-col-left {width: 50%;}
.bc-slide-2-col-right {width: 50%; padding: 3rem; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.bc-slide-2-col-right-content {display: flex; flex-wrap: wrap; width: 75%; margin: 0 auto;}
.bc-slide-2-col-right-content-col-1 {width: 22%;}
.bc-slide-2-col-right-content-col-2 {width: 78%; padding-left: 60px;}
.titre-2-b, .field--name-field-titre {font-weight: 600; letter-spacing: 3px; text-transform: uppercase; margin: 0; font-size: 20px; line-height: 30px; color: #2F338C;}
.titre-3-b {font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; margin: 2em 0 0;}
.field--name-field-description, .field--name-field-texte-long {line-height: 1.8; margin-top: 2rem;}
.field--name-field-bouton-lien-two a {display: inline-block; line-height: 1; background: #2F338C; color: white; padding: 0.5em 0.8em 0.65em 0.8em; border: 0; position: relative; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin-top: 1rem;}
.field--name-field-bouton-lien-two a:hover {background: black;}
.field--name-field-numero-du-slide {border-right: 1px solid #2F338C; font-size: 80px; line-height: 112px; font-family: 'Oswald', sans-serif; color: #2F338C;}
.field--name-field-slide-2-colonnes .slick-dots button {width: 7px; height: 7px; border-radius: 4px; border: 1px solid #2F338C; background: #2F338C;}
.field--name-field-slide-2-colonnes .slick-dots .slick-active button, .field--name-field-slide-2-colonnes .slick-dots button:hover {background: none; width: 9px; height: 9px; border-radius: 50%; transform: translateY(-1px);}
.field--name-field-image-slide-gauche {height: 100%;}
.field--name-field-image-slide-gauche img {height: 100%; object-fit: cover;}

/*Paragraphe illustré*/
.paragraph--type--paragraphe-illustre {margin-top: 6em;}
.illustre-content {display: flex; flex-wrap: wrap; width: 100%;}
.illustre-content-col-1 {width: 48%;}
.illustre-content-col-2 {width: 52%; padding: 0 0 0 2em;}
.page-node-type-page-type-1 .illustre-content-col-1, .page-node-type-page-type-2 .illustre-content-col-1 {width: 33.3333%;}
.page-node-type-page-type-1 .illustre-content-col-2, .page-node-type-page-type-2 .illustre-content-col-2 {width: 66.6666%;}
.illustre-content-col-2 .field--name-field-description {font-weight: 300; text-align: justify;}
.right-img.illustre-content {flex-direction: row-reverse; text-align: right;}
.right-img.illustre-content .illustre-content-col-2 {padding: 0 2em 0 0;}
.file {background: none; padding: 0;}
.file a {font-weight: 700; position: relative; padding-left: 25px;}
.file a:before {content: ""; width: 17px; height: 20px; position: absolute; left: 0; top: -2px; background: url(../images/download.svg) no-repeat center; background-size: 100%;}
.right-img .file a {padding: 0 25px 0 0;}
.right-img .file a:before {left: calc(100% - 17px);}
.file a:after {content: ""; width: 17px; height: 20px; position: absolute; left: 0; top: -2px; background: url(../images/download-black.svg) no-repeat center; opacity: 0; background-size: 100%; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.right-img .file a:after {left: calc(100% - 17px);}
.file a:hover:after {opacity: 1;}
.illustre-content > div {transform: translateY(75%); opacity: 0;}
.illustre-content > div.appeared {transform: translateY(0); opacity: 1;}
.illustre-content > div:nth-child(2n+1) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.illustre-content > div:nth-child(2n+2) {transition: all 0.75s ease-in-out 0.25s;-webkit-transition: all 0.75s ease-in-out 0.25s;-moz-transition: all 0.75s ease-in-out 0.25s;}

/*Nombres illustrés*/
.field--name-field-nombre-illustre {display: flex; margin: 7em 0 1em; flex-wrap: wrap; justify-content: space-around; text-align: center;}
.nombre-illustre-content img {margin: 0 auto 1.5em;}
.counter-value {font-size: 40px; color: #2F338C; line-height: 60px; font-family: "Oswald",sans-serif; letter-spacing: 2px;}
.number-title {font-size: 14px; letter-spacing: 2px; text-transform: uppercase;}
.field--name-field-nombre-illustre > .field__item {transform: translateY(75%); opacity: 0;}
.field--name-field-nombre-illustre > .field__item.appeared {transform: translateY(0); opacity: 1;}
.field--name-field-nombre-illustre > .field__item.appeared:nth-child(4n+1) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.field--name-field-nombre-illustre > .field__item.appeared:nth-child(4n+2) {transition: all 0.75s ease-in-out 0.25s;-webkit-transition: all 0.75s ease-in-out 0.25s;-moz-transition: all 0.75s ease-in-out 0.25s;}
.field--name-field-nombre-illustre > .field__item.appeared:nth-child(4n+3) {transition: all 0.75s ease-in-out 0.5s;-webkit-transition: all 0.75s ease-in-out 0.5s;-moz-transition: all 0.75s ease-in-out 0.5s;}
.field--name-field-nombre-illustre > .field__item.appeared:nth-child(4n+4) {transition: all 0.75s ease-in-out 0.75s;-webkit-transition: all 0.75s ease-in-out 0.75s;-moz-transition: all 0.75s ease-in-out 0.75s;}

/*Image d'entête*/
.views-img-entete-abs {position: absolute; bottom: 28%; left: 50%; transform: translateX(-50%); width: 80%;}
.main-title {font-size: 25px; letter-spacing: 6px; font-weight: 600; color: white; text-transform: uppercase; text-align: center; line-height: 1.4;}
.views-field-img-entete img {width: 100%; min-height: 300px; object-fit: cover;}


/*Actualites*/
.view-actualites {position: relative;}
.view-actualites.view-display-id-block_2 {margin-top: 2em;}
.view-actualites > .view-content {display: flex; flex-wrap: wrap; margin: 0 -1.5rem; min-width: 100%;}
.view-actualites .views-row {width: 33.3333%; margin-top: 4em; padding: 0 1.5em; transform: translateY(75%); opacity: 0;}
.view-actualites .view-content .views-row.appeared:nth-child(3n+1) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.view-actualites .view-content .views-row.appeared:nth-child(3n+2) {transition: all 0.75s ease-in-out 0.25s;-webkit-transition: all 0.75s ease-in-out 0.25s;-moz-transition: all 0.75s ease-in-out 0.25s;}
.view-actualites .view-content .views-row.appeared:nth-child(3n+3) {transition: all 0.75s ease-in-out 0.5s;-webkit-transition: all 0.75s ease-in-out 0.5s;-moz-transition: all 0.75s ease-in-out 0.5s;}
.view-actualites .views-row.appeared {opacity: 1; transform: translateY(0);}
.view-actualites .views-field-title {font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #2F338C; margin: 3em 0 0 0; font-weight: 700;}
.view-actualites .views-field-field-date {font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #797979; margin-top: 0.5em;}
.view-actualites .views-field-body {margin-top: 1.5em;}
.view-id-actualites.view-display-id-block_1 .views-field-field-image-de-l-actualite img {border: 2px solid #2F338C;}

/*Footer*/
footer {display: inline-block; width: 100%; margin-top: 6em; padding: 2em 0; font-weight: 300; font-size: 16px;}
.wrapper-footer-top {width: 100%; background: #2F338C; color: white;}
.node--type-pied-de-page > .node__content {display: flex; flex-wrap: wrap;}
.footer1 {width: 25%; padding-right: 4em;}
.Footer-1b {width: 25%}
.footer2 {width: 50%;}
.footer1-content {display: flex; flex-wrap: wrap;}
.footer1-left {width: 48%;}
.footer1-right {width: 52%; padding-left: 1em;}
.footer1 .field--name-field-titre-colonne-1, .footer2 .field--name-field-titre-de-la-liste, footer .field--name-field-titre-colonne-2 {font-size: 18px; letter-spacing: 1px; margin: 1em 0; font-weight: 400;}
.field--name-field-listes-de-lien {display: flex; flex-wrap: wrap;}
.field--name-field-listes-de-lien > div {width: 50%; padding-left: 2em;}
footer .field--name-field-listes-de-lien a {color: white;}
footer .field--name-field-listes-de-lien a:hover {text-decoration: underline;}
.views-field-field-partenaires ul {width: 100%; padding: 1em 1em 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center;}
.views-field-field-partenaires ul li {margin: 0; padding: 0 1.5em; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;}
.paragraph--type--partenaire {height: 100px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.Footer-1b i svg {fill: white; margin-left: -3px;}
.Footer-1b i svg:hover {fill: black;}
.region-footer {padding: 1em 0 1.5em;}
.lien-gras {font-weight: bold;}

/*Paragraphe texte large*/
.paragraph--type--texte-large {margin-top: 2em; transform: translateY(75%); opacity: 0; transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.paragraph--type--texte-large.appeared {transform: translateY(0); opacity: 1;}


/*Video*/
.paragraph--type--videos, .paragraph--type--soundcloud {margin-top: 4em;}
.field--name-field-url-de-la-video-youtube > div {transform: translateY(75%); opacity: 0;}
.field--name-field-url-de-la-video-youtube > div.appeared {opacity: 1; transform: translateY(0);}
.node--type-page-type-2 .field--name-field-bloc-image-ronde {order: 1;}
.node--type-page-type-2 .field--name-field-onglets {order: 3;}
.node--type-page-type-2 .field--name-field-sound-cloud {order: 5;}
.node--type-page-type-2 .field--name-field-parallaxe {order: 7;}
.node--type-page-type-2 .field--name-field-pourcentages-animes {order: 9;}
.field--name-field-videos {order: 4;}
.field--name-field-videos.position-1 {order: 0;}
.field--name-field-videos.position-2 {order: 2;}
.field--name-field-videos.position-3 {order: 4;}
.node--type-page-type-2 > .node__content {display: flex; flex-wrap: wrap; width: 100%;}
.node--type-page-type-2 > .node__content > div {width: 100%;}

/*Paragraphe texte en colonne*/
.paragraph--type--texte-en-colonnes {margin-top: 2em;}
.paragraph--type--texte-en-colonnes .field--name-field-bloc-texte, .paragraph--type--videos .field--name-field-url-de-la-video-youtube, .paragraph--type--videos .field--name-field-video-a-charger {display: flex; flex-wrap: wrap;}
.columns-col-2 .field--name-field-bloc-texte, .columns-col-2 .field--name-field-url-de-la-video-youtube, .columns-col-2 .field--name-field-video-a-charger {margin: 0 -25px;}
.columns-col-2 .field--name-field-bloc-texte > div, .columns-col-2 .field--name-field-url-de-la-video-youtube > div, .columns-col-2 .field--name-field-video-a-charger > div {width: 50%; padding: 0 25px; margin-bottom: 1.5em;}
.columns-col-3 .field--name-field-bloc-texte, .columns-col-3 .field--name-field-url-de-la-video-youtube, .columns-col-3 .field--name-field-video-a-charger {margin: 0 -20px;}
.columns-col-3 .field--name-field-bloc-texte > div, .columns-col-3 .field--name-field-url-de-la-video-youtube > div, .columns-col-3 .field--name-field-video-a-charger > div {width: 33.333333%; padding: 0 20px; margin-bottom: 1.5em;}
.columns-col-4 .field--name-field-bloc-texte, .columns-col-4 .field--name-field-url-de-la-video-youtube, .columns-col-4 .field--name-field-video-a-charger {margin: 0 -15px;}
.columns-col-4 .field--name-field-bloc-texte > div, .columns-col-4 .field--name-field-url-de-la-video-youtube > div, .columns-col-4 .field--name-field-video-a-charger > div {width: 25%; padding: 0 15px; margin-bottom: 1.5em;}

.field--name-field-bloc-texte > .field__item {transform: translateY(75%); opacity: 0;}
.field--name-field-bloc-texte > .field__item.appeared {opacity: 1; transform: translateY(0);}
.columns-col-2 .field--name-field-bloc-texte > .field__item:nth-child(2n+1), .columns-col-2 .field--name-field-url-de-la-video-youtube > div:nth-child(2n+1) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.columns-col-2 .field--name-field-bloc-texte > .field__item:nth-child(2n+2), .columns-col-2 .field--name-field-url-de-la-video-youtube > div:nth-child(2n+2) {transition: all 0.75s ease-in-out 0.25s;-webkit-transition: all 0.75s ease-in-out 0.25s;-moz-transition: all 0.75s ease-in-out 0.25s;}
.columns-col-3 .field--name-field-bloc-texte > .field__item:nth-child(3n+1), .columns-col-3 .field--name-field-url-de-la-video-youtube > div:nth-child(3n+1) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.columns-col-3 .field--name-field-bloc-texte > .field__item:nth-child(3n+2), .columns-col-3 .field--name-field-url-de-la-video-youtube > div:nth-child(3n+2) {transition: all 0.75s ease-in-out 0.25s;-webkit-transition: all 0.75s ease-in-out 0.25s;-moz-transition: all 0.75s ease-in-out 0.25s;}
.columns-col-3 .field--name-field-bloc-texte > .field__item:nth-child(3n+3), .columns-col-3 .field--name-field-url-de-la-video-youtube > div:nth-child(3n+3) {transition: all 0.75s ease-in-out 0.5s;-webkit-transition: all 0.75s ease-in-out 0.5s;-moz-transition: all 0.75s ease-in-out 0.5s;}
.columns-col-4 .field--name-field-bloc-texte > .field__item:nth-child(4n+1), .columns-col-4 .field--name-field-url-de-la-video-youtube > div:nth-child(4n+1) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.columns-col-4 .field--name-field-bloc-texte > .field__item:nth-child(4n+2), .columns-col-4 .field--name-field-url-de-la-video-youtube > div:nth-child(4n+2) {transition: all 0.75s ease-in-out 0.25s;-webkit-transition: all 0.75s ease-in-out 0.25s;-moz-transition: all 0.75s ease-in-out 0.25s;}
.columns-col-4 .field--name-field-bloc-texte > .field__item:nth-child(4n+3), .columns-col-4 .field--name-field-url-de-la-video-youtube > div:nth-child(4n+3) {transition: all 0.75s ease-in-out 0.5s;-webkit-transition: all 0.75s ease-in-out 0.5s;-moz-transition: all 0.75s ease-in-out 0.5s;}
.columns-col-4 .field--name-field-bloc-texte > .field__item:nth-child(4n+4), .columns-col-4 .field--name-field-url-de-la-video-youtube > div:nth-child(4n+4) {transition: all 0.75s ease-in-out 0.75s;-webkit-transition: all 0.75s ease-in-out 0.75s;-moz-transition: all 0.75s ease-in-out 0.75s;}



/*Accordéon*/
.field--name-field-bloc-accordeon {margin-top: 4em;}
.field--name-field-titre-depliable {width: 100%; padding: 1em 3em 1em 1em; border: 1px solid #2F338C; cursor: pointer; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; color: #2F338C; position: relative; margin-bottom: 1em; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.field--name-field-titre-depliable:hover, .acc-open .field--name-field-titre-depliable {letter-spacing: 4px;}
.field--name-field-titre-depliable:before {content: ""; width: 16px; height: 2px; position: absolute; right: 1.5em; top: 1.75em; background: #2F338C;}
.field--name-field-titre-depliable:after {content: ""; width: 16px; height: 2px; position: absolute; right: 1.5em; top: 1.75em; background: #2F338C; transform: rotate(90deg); transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.acc-open .field.field--name-field-titre-depliable:after {transform: rotate(0deg);}

.detail-accordion {padding: 1em; display: none;}
.start-show-1 .detail-accordion {display: block;}
.field--name-field-bloc-accordeon > .field__item {transform: translateY(75%); opacity: 0; transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.field--name-field-bloc-accordeon > .field__item.appeared {opacity: 1; transform: translateY(0);}


/*Parallax*/
.paragraph--type--parallaxe {position: relative; overflow: hidden; margin: 6em 3% 0; padding: 6em 3em; min-height: 300px; width: 94%;}
.field--name-field-image-de-fond {height: 100%; position: absolute; transform: translateY(-20%); left: 0; top: 0; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.field--name-field-image-de-fond img {height: 300%; object-fit: cover;}
.parallax-abs {max-width: 600px; text-transform: uppercase; color: white; margin: 0 auto; text-align: center;}
.parallax-abs h1, .parallax-abs h2, .parallax-abs h3 {color: white; font-weight: 600; line-height: 1.6} 
.parallax-abs p {text-transform: uppercase; letter-spacing: 2px; font-size: 1.15em}

/*Pourcentage animés*/
.paragraph--type--pourcentages-animes {margin-top: 4em;}
.field--name-field-pourcentage-anime {display: flex; flex-wrap: wrap; justify-content: center;}
.field--name-field-pourcentage-anime > div {width: 25%; text-align: center;}
.circle-border {position: relative; text-align: center; width: 110px; height: 110px; margin: 0 auto; border-radius: 100%;}
.circle {position: relative; top: 3px; left: 3px; text-align: center; width: 104px; height: 104px; border-radius: 100%; background-color: #ffffff;}

.circle .counter-value {line-height: 100px; font-size: 24px;} 
.percentage-suffix {font-family: "Oswald",sans-serif; font-size: 24px; color: #2F338C; margin-left: -8px;}
.field--name-field-titre-pourcentage {font-weight: 600; letter-spacing: 1px; margin-top: 1em; text-transform: uppercase; color: #2F338C;}
.field--name-field-sout-titre-pourcentage {font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin-top: 0.5em;}

.field--name-field-pourcentage-anime > .field__item {transform: translateY(75%); opacity: 0;}
.field--name-field-pourcentage-anime > .field__item.appeared {transform: translateY(0); opacity: 1;}
.field--name-field-pourcentage-anime > .field__item.appeared:nth-child(4n+1) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
.field--name-field-pourcentage-anime > .field__item.appeared:nth-child(4n+2) {transition: all 0.75s ease-in-out 0.25s;-webkit-transition: all 0.75s ease-in-out 0.25s;-moz-transition: all 0.75s ease-in-out 0.25s;}
.field--name-field-pourcentage-anime > .field__item.appeared:nth-child(3n+3) {transition: all 0.75s ease-in-out 0.5s;-webkit-transition: all 0.75s ease-in-out 0.5s;-moz-transition: all 0.75s ease-in-out 0.5s;}
.field--name-field-pourcentage-anime > .field__item.appeared:nth-child(4n+4) {transition: all 0.75s ease-in-out 0.75s;-webkit-transition: all 0.75s ease-in-out 0.75s;-moz-transition: all 0.75s ease-in-out 0.75s;}

/*Portfolio*/
.paragraph--type--porfolio {margin-top: 6em;}
.paragraph--type--porfolio .shuffle-item {width: 33.33333%; padding: 0.75em; overflow: hidden;}
.paragraph--type--porfolio .shuffle-item img {position: relative; max-width: none; width: 100%; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.field--name-field-portfolio .shuffle-item .shuffle-inner:hover img {width: 120%; transform: translate(-10%, -10%);}
.field--name-field-portfolio .shuffle-inner {height: 234px; overflow: hidden;}
.field--name-field-portfolio .shuffle-inner .shuffle-caption {position: absolute; bottom: 0; width: 100%; color: white; background-color: rgba(0, 0, 0, 0.4); height: 100%; cursor: pointer; cursor: crosshair; opacity: 0; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.field--name-field-portfolio .shuffle-inner:hover .shuffle-caption {opacity: 1;}
.field--name-field-portfolio .shuffle-inner .shuffle-caption p {letter-spacing: 4px; text-align: center; padding: 0 1em; text-transform: uppercase; font-weight: 400; color: #e3e3e3; width: 100%; bottom: 20%; position: absolute;}
.mfp-counter {display: none;}
.item-list ul li.shuffle-filters-item {background: none; border-radius: 0; line-height: 1.42857143; text-transform: uppercase; margin: 15px 32px; letter-spacing: 2px; font-size: 11px; padding: 5px 0; font-weight: 600; border-bottom: 1px solid white; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.item-list ul li.shuffle-filters-item:hover, .item-list ul li.shuffle-filters-item.active {border-color: black; background: none; color: black}
.shuffle-filters-container {text-align: center;}
.item-list ul li.shuffle-filters-item:first-child {display: none;}

/*Map contact*/
#block-views-block-map-d-entete-block-1 {margin-top: 78px;}
.field--name-field-blocs-de-contact {margin-top: 4em; display: flex; flex-wrap: wrap; justify-content: center;}
.field--name-field-blocs-de-contact > div {width: 33.3333%; padding: 0 1em; margin-top: 2em; max-width: 364px;}
.top-bc-contact {position: relative;}
.top-bc-contact a {display: block; width: 100%; height: 100%;}
.titre-abs {position: absolute; bottom: 0; right: 0; font-size: 10px; font-weight: 600; padding: 8px 12px; letter-spacing: 1px; text-transform: uppercase; background: #2F338C; color: white; line-height: 1; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.top-bc-contact:hover .titre-abs {background: black;}
.bottom-bc-contact .field--name-field-titre-du-bloc-contact {font-size: 1.07em; line-height: 26px; font-weight: 600; margin-top:2rem; text-transform: uppercase; color: #2F338C;}
.bottom-bc-contact .field--name-field-description {margin-top: 0;}
.field--name-field-blocs-de-contact > div {width: 100%;}

/*Contact*/
.node--type-contact {margin-top: 6em;}
.node--type-contact .node__content {display: flex; flex-wrap: wrap; justify-content: space-between;}
.node--type-contact .node__content > div {width: calc(50% - 1.5em);}
.node--type-contact .node__content > .field--name-body {max-width: 400px;}
.form-item-sujet.form-item {margin-top: 0;}
.webform-submission-form select, .webform-submission-form input:not([type="submit"]), .webform-submission-form textarea {width: 100%; border-radius: 0; padding: 8px 15px; margin-bottom: 20px; letter-spacing: 1px; border: 1px solid #dfdfdf;}
.webform-submission-form .webform-actions {text-align: right;}
.webform-submission-form .button {padding: 0.85em;}

/*Documents publics*/
.view-documents-publics, .view-documents-prives {max-width: 1100px; padding: 0 15px; margin: 4em auto 0;}
.view-documents-publics .shuffle-item, .view-documents-prives .shuffle-item {width: 33.33333%; padding: 0.75em; overflow: hidden;}
.page-node-33 .views-field-img-entete, .page-node-33 .region-top-large, .page-node-33 #block-views-block-image-d-entete-block-1 .views-row, .page-node-33 .views-field-img-entete img,
.page-node-35 .views-field-img-entete, .page-node-35 .region-top-large, .page-node-35 #block-views-block-image-d-entete-block-1 .views-row, .page-node-35 .views-field-img-entete img {height: 230px; min-height: 230px;}
.views-exposed-form {text-align: center;}
.views-exposed-form ul {margin: 0; padding: 0; list-style: none; display: inline-block;}
.views-exposed-form ul li {float: left;} 
.views-exposed-form ul li a {color: inherit; line-height: 1.42857143; text-transform: uppercase; margin: 15px 32px; letter-spacing: 2px; font-size: 11px; padding: 5px 0; font-weight: 600; border-bottom: 1px solid white; display: inline-block;}
.views-exposed-form ul li a:hover, .views-exposed-form ul li a.bef-link--selected {border-color: black; color: black;}
.views-exposed-form .form--inline .form-item {margin: 0; width: 100%;}
a.download-file {display: block; width: 100%; height: 100%;}
.doc-wrapper {position: relative;}
.bg-doc {position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: white; background-color: rgba(0, 0, 0, 0.6); text-align: center; letter-spacing: 4px; padding: 0 1em; text-transform: uppercase; font-weight: 400; color: #e3e3e3; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.bg-doc:hover {background-color: rgba(0, 0, 0, 0.8);}
.doc-abs-bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.doc-abs-titre {font-weight: 700;}
.doc-abs-theme {margin-bottom: 3em; letter-spacing: 10px; font-size: 13px;}
.messages--error {margin-top: 6em;}

/*Video*/
.field--name-field-video-a-charger video {display: block; object-fit: cover; height: auto; width: 100%;}
.paragraph--type--video {display: inline-block; position: relative; border-radius: 20px; overflow: hidden;}
.video-abs {cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); color: white; display: flex; justify-content: space-between; flex-direction: column; transition: all 0.25s ease-in-out;}
.video-lect .video-abs {display: none;}
.icon-play {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.icon-play svg {fill: white; transition: all 0.25s ease-in-out; opacity: 0.7; width: 40px;}
.video-abs:hover .icon-play svg {opacity: 1;}
.video-abs-top {padding: 1.5rem; display: flex; justify-content: space-between;}
.field--name-field-duree {padding: 0.25rem 0.5rem; border: 1px solid white; border-radius: 8px; background: rgba(255, 255, 255, 0.2);}
.video-abs-bottom {padding: 1.5rem; font-size: 1.75rem; font-weight: 700;}

.field--name-field-titre {display: inline;}
.infobulle-icon {cursor: pointer;}
.infobulle-icon svg {fill: #2F338C; transform: translateY(4px); transition: all 0.25s ease-in-out; display: inline-block;}
span.infobulle-titre {position: relative;}
span.infobulle-texte {display: none; position: absolute; min-width: 150px; top: calc(100% + 5px); left: 50%; transform: translateX(-50%); text-align: justify; background: white; z-index: 2; padding: 1rem 0.5rem; font-size: 12px; border: 1px solid #2F338C; border-radius: 12px; color: #2F338C;}
.infobulle-icon svg:hover, .infobulle-icon.bulle-active svg {fill: #f59c10;}
.texte-bulle-wrapper {margin-bottom: 2rem;}
.texte-bulle-wrapper span.infobulle-texte {top: 50%; left: calc(100% + 5px); transform: translateY(-50%);}

@media screen and (max-width: 1365px) {
	.has-background {padding-left: 15px!important; padding-right: 15px!important; margin-left: -15px!important; margin-right: -15px!important;}
	.field--name-field-sous-titre-du-slide {letter-spacing: 6px;}
	.titre-3 {font-size: 24px; line-height: 29px;}	 
	.footer1 .field--name-field-titre-colonne-1, .footer2 .field--name-field-titre-de-la-liste, footer .field--name-field-titre-colonne-2 {font-size: 15px;}	
	footer {font-size: 13px;}
	.counter-value {font-size: 25px; color: #2F338C; line-height: 40px;} 
	.field--name-field-numero-du-slide {font-size: 50px;}
	.bc-slide-2-col-right-content {width: 100%;}
}

@media screen and (max-width: 1060px) {
	.columns-col-4 .field--name-field-bloc-texte > div, .columns-col-4 .field--name-field-url-de-la-video-youtube > div, .columns-col-4 .field--name-field-video-a-charger > div {width: 33.333%;}
	#tabLink {padding: 0.5rem 20px;}
}	


@media screen and (max-width: 767px) {
	.columns-col-4 .field--name-field-bloc-texte > div, .columns-col-3 .field--name-field-bloc-texte > div, 
	.columns-col-4 .field--name-field-url-de-la-video-youtube > div, .columns-col-3 .field--name-field-url-de-la-video-youtube > div, .columns-col-3 .field--name-field-video-a-charger > div, 
	.columns-col-4 .field--name-field-video-a-charger > div {width: 50%;}
	.columns-col-3 .field--name-field-bloc-texte > .field__item:nth-child(2n+1), .columns-col-3 .field--name-field-url-de-la-video-youtube > div:nth-child(2n+1) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
	.columns-col-3 .field--name-field-bloc-texte > .field__item:nth-child(2n+2), .columns-col-3 .field--name-field-url-de-la-video-youtube > div:nth-child(2n+2) {transition: all 0.75s ease-in-out 0.25s;-webkit-transition: all 0.75s ease-in-out 0.25s;-moz-transition: all 0.75s ease-in-out 0.25s;}
	.columns-col-4 .field--name-field-bloc-texte > .field__item:nth-child(2n+1), .columns-col-4 .field--name-field-url-de-la-video-youtube > div:nth-child(2n+1) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
	.columns-col-4 .field--name-field-bloc-texte > .field__item:nth-child(2n+2), .columns-col-4 .field--name-field-url-de-la-video-youtube > div:nth-child(2n+2) {transition: all 0.75s ease-in-out 0.25s;-webkit-transition: all 0.75s ease-in-out 0.25s;-moz-transition: all 0.75s ease-in-out 0.25s;}
	
	ul#superfish-main-accordion {position: absolute!important; left: 0!important; top: 77px!important; background: rgba(27,22,28,0.95);}
	ul.sf-menu li.sf-depth-2 {background:none;}
	.sf-clone-parent {display: none;}
	ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {padding-top: 0;}
	.sticky .sf-depth-1 > .sf-depth-1, .sf-depth-1 > .sf-depth-1 {color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.26); padding: 1em; width: 100%;}
	ul.sf-menu li.sf-depth-1 {padding: 0;}
	.sf-depth-1 > .sf-depth-1:after {display: none;}
	#superfish-main-toggle {width: 32px; height: 24px; display: inline-block; text-indent: -9999px; overflow: hidden; position: relative;}
	#superfish-main-toggle:before {content: ""; width: 100%; height: 2px; position: absolute; top: 0; left: 0; background: white; transform: rotate(0); transform-origin: left; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;}
	#superfish-main-toggle:after {content:""; width: 100%; height: 2px; position: absolute; top: calc(100% - 2px); left: 0; background: white; transform: rotate(0); transform-origin: left; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;}
	#superfish-main-toggle span {width: 100%; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: white; opacity: 1; transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;}
	.sticky #superfish-main-toggle:before, .sticky #superfish-main-toggle:after, .sticky #superfish-main-toggle span {background: #2F338C;}
	#superfish-main-toggle.sf-expanded span {opacity: 0;}
	#superfish-main-toggle.sf-expanded:before {transform: rotate(45deg);}
	#superfish-main-toggle.sf-expanded:after {transform: rotate(-45deg);}
	.field--name-field-bloc-image-ronde.field__items > div.field__item {width: 100%;}
	.field--name-field-description, .field--name-field-texte-long {margin-top: 1rem;}
	.field--name-field-bloc-image-ronde.field__items, .title-2, .field--name-field-titire-du-bloc-d-actualite a, .field--name-field-bloc-onglet, .field--name-field-slider-2-colonnes, 
	.paragraph--type--paragraphe-illustre, .field--name-field-nombre-illustre, .paragraph--type--texte-en-colonnes, footer, .field--name-field-bloc-accordeon, .paragraph--type--porfolio, .field--name-field-blocs-de-contact, 
	.node--type-contact {margin-top: 3rem;}
	html, body {font-size: 12px;}
	.field--name-field-titre-slide {font-size: 30px;}
	.field--name-field-sous-titre-du-slide {letter-spacing: 3px;}
	.titre-3 {font-size: 18px; line-height: 23px;}
	.bc-onglet-ico-right .field--name-field-description {font-size: 12px; line-height: 18px; margin-top: 2rem;}
	.bc-slide-2-col-right-content-col-1 {width: 100%; text-align: center;}
	.bc-slide-2-col-right-content-col-2 {width: 100%; padding-left: 0;}
	.field--name-field-numero-du-slide {font-size: 40px; line-height: 70px; border-right: 0;}
	.bc-slide-2-col-right {padding: 1rem 3rem 2rem;}
	.titre-2-b, .field--name-field-titre {font-size: 16px;}
	#tabLink {padding: 0.5rem 10px;}
	#tabLink img {max-height: 26px;}
	.tab-icon-title {letter-spacing: 1px;}
	.footer1 {padding-right: 2em;}
	footer {font-size: 12px;}
	.circle-border {width: 89px; height: 89px;}
	.circle {width: 83px; height: 83px;}
	.circle .counter-value {line-height: 83px;}
	.main-title {font-size: 19px;}
	.slick-dots {bottom: 30px;}	
	ul.sf-menu span.nolink {padding: 1em;}
	ul.sf-menu li.sf-depth-2 > .sf-depth-2 {padding: 1rem 1.5rem;}
	.node--type-contact .node__content > div {width: 100%; margin-bottom: 2em;}
	.views-field-img-entete, .region-top-large, #block-views-block-image-d-entete-block-1 .views-row {min-height: 230px;}
	.field--name-field-bloc-image-ronde.field__items > div.field__item.one-testimony {width: 100%;}
	.video-abs-bottom {font-size: 1.25rem;}
}


@media screen and (max-width: 600px) {
	.field--name-field-pourcentage-anime > .field__item {width: 50%; margin-top: 2em;}
	.paragraph--type--pourcentages-animes {margin-top: 2em;}	
	.footer1 {width: 50%; padding-right: 1.5em;}
	.Footer-1b {width: 50%;}
	.footer2 {width: 100%;}	
	.view-documents-publics .shuffle-item, .view-documents-prives .shuffle-item  {width: 50%;}
	.columns-col-4 .field--name-field-video-a-charger > div, .columns-col-3 .field--name-field-video-a-charger > div, .columns-col-2 .field--name-field-video-a-charger > div {width: 100%;}
}	

@media screen and (max-width: 502px) {
	.columns-col-4 .field--name-field-bloc-texte > div, .columns-col-3 .field--name-field-bloc-texte > div, .columns-col-2 .field--name-field-bloc-texte > div, 
	.columns-col-4 .field--name-field-url-de-la-video-youtube > div, .columns-col-3 .field--name-field-url-de-la-video-youtube > div, .columns-col-2 .field--name-field-url-de-la-video-youtube > div {width: 100%; padding: 0;}
	.field--name-field-bloc-image-ronde.field__items, .title-2, .field--name-field-titire-du-bloc-d-actualite a, .field--name-field-bloc-onglet, .field--name-field-slider-2-colonnes, 
	.paragraph--type--paragraphe-illustre, .field--name-field-nombre-illustre, footer, .paragraph--type--texte-en-colonnes, .field--name-field-bloc-accordeon, .paragraph--type--porfolio, .field--name-field-blocs-de-contact, 
	.node--type-contact	{margin-top: 2rem;}
	.field--name-field-titre-slide {font-size: 24px;}
	.field--name-field-sous-titre-du-slide {letter-spacing: 2px;}
	#tabLink {padding: 0.5rem 10px; border-bottom: 1px solid #d7d7d7; width: 100%; margin-bottom: 0.5em; display: flex; flex-wrap: wrap;}	
	.tab-icon-title {margin-top: 4px; left: 12px;}
	.bc-onglet-ico-left {width: 100%; margin-right: 0;}
	.bc-onglet-ico-right {width: 100%; padding: 0;}
	.titre-3 {font-size: 16px; line-height: 21px;}
	.bc-onglet-ico-right .field--name-field-description {margin-top: 1.2rem;}
	.bc-onglet-ico-right .button {margin-top: 1rem;}
	.bc-onglet-ico-right-content {padding: 2em;}
	.bc-slide-2-col-left {width: 100%;}
	.slick-dots {bottom: 10px;}
	.illustre-content-col-1 {width: 100%;}
	.illustre-content-col-2, .right-img.illustre-content .illustre-content-col-2 {width: 100%; padding: 2em 0 0;}
	.view-actualites .views-row, .view-actualites .views-row img {width: 100%;}
	.view-actualites > .view-content {margin: 0;}
	.view-actualites .view-content .views-row.appeared:nth-child(3n+1), .view-actualites .view-content .views-row.appeared:nth-child(3n+2), .view-actualites .view-content .views-row.appeared:nth-child(3n+3), .field--name-field-pourcentage-anime .field__item.appeared:nth-child(4n+2), 
	.field--name-field-pourcentage-anime .field__item.appeared:nth-child(3n+3), .field--name-field-pourcentage-anime .field__item.appeared:nth-child(4n+4) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
	.columns-col-3 .field--name-field-bloc-texte > .field__item:nth-child(2n+2), .columns-col-3 .field--name-field-url-de-la-video-youtube > div:nth-child(2n+2) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
	.columns-col-4 .field--name-field-bloc-texte > .field__item:nth-child(2n+2), .columns-col-4 .field--name-field-url-de-la-video-youtube > div:nth-child(2n+2) {transition: all 0.75s ease-in-out;-webkit-transition: all 0.75s ease-in-out;-moz-transition: all 0.75s ease-in-out;}
	.field--name-field-listes-de-lien > div {width: 50%; padding: 0 1em 0 0;}
	.field--name-field-nombre-illustre > .field__item {width: 50%; margin-top: 2em;}
	.field--name-field-nombre-illustre > .field__item img {margin: 0 auto;}
	.bc-slide-2-col-right {width: 100%;}
	form#search-block-form {width: 84%;}
	.icon-search {right: 5.5%;}
	.columns-col-3 .field--name-field-bloc-texte, .columns-col-3 .field--name-field-url-de-la-video-youtube {margin: 0;}
}