@charset "UTF-8";

@font-face {
	font-family: Aria;
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Aria/AriaTextG1-Bold.otf") format("opentype");
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Aria/ariatextg1-bold-webfont.woff") format("woff");
}

@font-face {
	font-family: 'Aria Semi Bold';
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Aria/AriaTextG1-SemiBold.otf") format("opentype");
}

@font-face {
	font-family: 'Wigrum';
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum-Regular.otf") format("opentype");
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum.woff") format("woff");
}

@font-face {
	font-family: 'Wigrum Bold';
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum-Bold.otf") format("opentype");
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum-Bold.woff") format("woff");
}

@font-face {
	font-family: 'Wigrum Medium';
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum-Medium.otf") format("opentype");
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum-Medium.woff") format("woff");
}

body {
	font-family: 'Wigrum',sans-serif;
}

.page-header {
	border: none;
}

embed, iframe, object {
	border: none !important;
}

h1, .page-title {
	font-family: 'Wigrum Bold',sans-serif;
	font-size: 2.5em;
	text-transform: none;
	color: #472583;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0em;
}

h2 {
	font-family: 'Wigrum',sans-serif;
	color: #472583;
	font-size: 2.1em;
	line-height: 1.2em;
	padding: 0.5em 0 0 !important;
  /* &:after {
        content: "";
        border-bottom: 4px solid $blue-color;
        width: 50px;
        height: 15px;
        display: block;
        
        
    }*/;
}

h2.h2-black {
	font-family: 'Wigrum Bold',sans-serif;
}

h2.h2-loupe:before {
	display: inline-block;
	content: '';
	background-image: url("/wp-content/themes/twentyseventeen/assets/images/Recherches_VYV-ai.svg");
	height: 32px;
	width: 36px;
	margin-top: -5px;
	margin-right: 5px;
	background-size: contain;
	background-repeat: no-repeat;
}

h2.wp-block-heading {
	font-family: 'Wigrum', sans-serif;
	color: #472583;
	font-size: 1.2em;
}

h3 {
	font-family: 'Wigrum', sans-serif;
	color: #472583;
	font-size: 1.2em;
  /* padding: 0.5em 0 0 !important;*/;
}

h3.wp-block-heading {
	font-family: 'Wigrum', sans-serif;
	color: #472583;
	font-size: 1.2em;
}

h3.intro {
	font-size: 1.2em;
	font-family: 'Wigrum', sans-serif;
	line-height: 1.5em;
	padding-top: 25px;
	color: #472583;
}

h3.h3-black {
	font-family: 'Wigrum Bold',sans-serif;
}

h4 {
	font-family: 'Wigrum',sans-serif;
	color: #472583;
	font-size: 1.3em;
}

h5 {
	font-family: 'Wigrum Bold', sans-serif;
	color: #472583;
	font-size: 1.1em;
}

h6 {
	font-family: 'Wigrum Bold', sans-serif;
	color: #777777;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
  /*padding: 0.5em 0 0 !important;*/;
}

p {
	font-family: 'Wigrum',sans-serif;
	color: #777777;
}

.post-navigation a:hover, .post-navigation a:focus, .post-navigation a:active {
	box-shadow: none;
}

.post-navigation a:hover .nav-title, .post-navigation a:focus .nav-title, .post-navigation a:active .nav-title {
	color: #3cbcd7;
	box-shadow: none;
}

.nav-title {
	font-family: 'Wigrum Bold',sans-serif;
	color: #472583;
}

a {
	color: #3cbcd7;
	text-decoration: none;
	font-family: 'Wigrum Bold',sans-serif !important;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color: #472583;
}

ul {
	margin-left: 25px;
}

li {
	font-family: 'Wigrum', sans-serif;
	color: #777777;
}

.entry-content a {
	color: #3cbcd7;
  /* #777777 !important;*/
	text-decoration: none;
	font-family: 'Wigrum Bold',sans-serif !important;
	text-decoration: underline;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
  /*   -webkit-box-shadow: inset 0 -1px 0 rgba(60, 188, 215, 1);
        box-shadow: inset 0 -1px 0 rgba(60, 188, 215, 1); */;
}

.entry-content a:hover, .entry-content a:active, .entry-content a:focus {
	color: #472583;
	text-decoration: underline;
    /*   -webkit-box-shadow: inset 0 -2px 0 rgba(60, 188, 215, 1); 
            box-shadow: inset 0 -2px 0 rgba(60, 188, 215, 1); */
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content .aligncenter {
	width: 1140px;
}

@media screen and (max-width: 1140px) {
	.entry-content .aligncenter {
		width: 100%;
	}
}

p.has-text-color a {
	color: inherit !important;
	box-shadow: none !important;
}

.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
  /* -webkit-box-shadow: inset 0 -1px 0 rgba(60, 188, 215, 1); 
    box-shadow: inset 0 -1px 0 rgba(60, 188, 215, 1); */
	text-decoration: underline;
}

.site-content {
	padding: 0;
}

.wp-block-image .aligncenter {
	width: auto;
}

.entry-content .wp-block-button__link {
	margin: 7px 8px 5px 8px !important;
	background-color: transparent  !important;
	font-size: 1.4rem;
}

.entry-content .button-col-3 .wp-block-button__link {
	font-size: inherit;
}

.alm-btn-wrap {
	display: none !important;
}

.col-violet {
	background-color: #472583;
	color: #ffffff;
	font-family: 'Wigrum',sans-serif;
  /*padding:2em;*/
	position: relative;
}

.blog .col-violet {
	margin-bottom: 60px;
}

.col-violet h2, .col-violet h3, .col-violet a, .col-violet p {
	color: #ffffff;
}

.col-violet h2 {
    /* &:after {
            content: "";
            border-bottom: 4px solid $orange-color;
            width: 50px;
            height: 15px;
            display: block;
        }*/;
}

.col-violet h3 {
	font-family: 'Wigrum',sans-serif;
	font-weight: bold;
	padding-top: 0;
	font-size: 25px;
	line-height: 1.45em;
}

.col-violet .wp-block-buttons {
	text-align: center;
}

.col-bleu {
	background-color: #3cbcd7;
}

.col-bleu h2 {
    /* &:after {
            content: "";
            border-bottom: 4px solid $white-color;
            width: 50px;
            display: block;
            padding-top: 3%;
        }*/;
}

.col-bleu p {
	color: #472583;
    /*    line-height: 1.2em;*/;
}

.col-gris {
	background-color: #f8f8f8;
}

.col-gris h2 {
    /* &:after {
            content: "";
            border-bottom: 4px solid $white-color;
            width: 50px;
            display: block;
            padding-top: 3%;
        }*/;
}

.col-gris p {
	color: #472583;
    /*    line-height: 1.2em;*/;
}

.col-gris .intro {
	text-align: center;
	padding: 1em;
	padding-top: 50px;
}

.col-white p {
	color: #ffffff;
}

.col-border-violet {
	min-height: 605px;
}

.col-border-violet .categorie {
	position: absolute;
	top: -14px;
	background-color: #472583;
	padding: 5px 10px;
	left: 36px;
	color: #ffffff;
	font-size: 80%;
}

.col-border-violet .categorie .post-categories {
	list-style: none;
	margin: 0 !important;
}

.col-border-violet .categorie .post-categories li a {
	color: #ffffff !important;
}

.col-border-violet .categorie .post-categories li a:hover {
	color: #ffffff !important;
}

.col-border-violet {
  /*border:4px solid $violet-color;*/
	border: 1px solid #ddd;
	background-color: #f8f8f8;
}

.col-border-violet .img-thumb-article {
	min-height: 220px;
	background: url("../images/watermark-vyv3.png");
	background-color: transparent;
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	background-size: contain;
	background-color: rgba(255, 255, 255, 0.4);
	background-repeat: no-repeat;
	background-position: center;
	line-height: 197px;
}

.col-border-violet .img-thumb-article img {
	width: 100%;
}

.col-border-violet .col-text-article {
	padding: 0 1em;
    /*background-color: $white-color;*/
	background-color: #f8f8f8;
	min-height: 295px;
	height: 212px;
	max-height: 212px;
}

.col-border-violet .col-text-article h3 {
	font-family: 'Wigrum',sans-serif;
	font-weight: bold;
	padding-top: 10px;
	line-height: 1.25em;
}

.col-border-violet .col-text-article h3, .col-border-violet .col-text-article p {
	color: #472583;
}

.col-border-violet .col-text-article p {
	height: 115px;
}

@media screen and (max-width: 991px) {
	.col-border-violet .col-text-article {
		min-height: 310px;
	}
}

@media screen and (max-width: 991px) {
	.col-border-violet .button-bleu {
		bottom: 4px;
	}
}

.col-border-violet .button-violet {
	margin-bottom: 15px;
}

.category .col-border-violet .button-bleu {
	bottom: 19px;
}

@media screen and (max-width: 991px) {
	.category .col-border-violet {
		bottom: 24px;
	}
}

@media screen and (max-width: 768px) {
	.category .col-border-violet .button-bleu {
		bottom: 45px;
	}
}

.col-border-bleu {
	border: 4px solid #3cbcd7;
}

/* Page Blog */
.blog .button-bleu {
	bottom: 24px;
}

@media screen and (max-width: 991px) {
	.blog .button-bleu {
		bottom: 50px;
	}
}

.col-padding-side {
	padding: 1em 1em 0 1em;
	min-height: 85px;
}

.col-padding-top {
	padding: 0em 0 2em 0;
}

.col-padding-grid {
	padding: 0 1em 3em 1em;
	min-height: 605px;
}

.row-padding-side {
	padding: 0 2em 0 2em;
}

.section {
	padding: 2em 0 2em 0;
}

.col-li-violet li {
	color: #472583;
	font-family: "Aria";
}

.text-center h2:after {
	position: relative;
	padding-top: 0;
	padding-bottom: 10px;
	margin: 0 auto;
}

.button-arrow a {
  /* &::before,
        &:before{
            content:'>'!important;
            margin-right:6px;
        }*/;
}

.wp-block-button a {
	display: block;
	height: 100%;
	width: 100%;
	cursor: pointer;
	margin: 0px 12px 0 0;
	padding: 10px 5px 10px 10px;
}

/*
.bouton-vyv3{
    background-color:  $white-color;
    border: 2px solid  $violet-color;
    color:  $violet-color !important;
    font-family: 'Wigrum Bold', sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 10px 12px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    text-decoration: none !important;

    &::after, &:after {
        content: "\f054";
        font-family: "FontAwesome";
        margin-left: 10px;
        color: $violet-color !important;
    }
    &:hover, &:active, &:focus {
        
        background-color: $violet-color;
        border: 2px solid $violet-color;
        color: $light-gray-color !important;          
    }
}
*/
.bouton-vyv3 {
	background-color: #ffffff;
	border: 2px solid #472583;
	color: #472583;
	font-family: 'Wigrum Bold', sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 10px 12px;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
}

.bouton-vyv3 * {
	text-decoration: none !important;
}

.bouton-vyv3 a {
	color: #472583 !important;
	text-align: left;
	text-decoration: none !important;
}

.bouton-vyv3 a::after, .bouton-vyv3 a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #472583 !important;
}

.bouton-vyv3:hover, .bouton-vyv3:active, .bouton-vyv3:focus {
	background-color: #472583;
	color: #ffffff !important;
}

.bouton-vyv3:hover a, .bouton-vyv3:active a, .bouton-vyv3:focus a {
	color: #ffffff !important;
}

.bouton-vyv3:hover a::after, .bouton-vyv3:hover a:after, .bouton-vyv3:active a::after, .bouton-vyv3:active a:after, .bouton-vyv3:focus a::after, .bouton-vyv3:focus a:after {
	color: #ffffff !important;
}

.button-load .wp-block-button__link::before, .button-load .wp-block-button__link:before,
.button-load a::before,
.button-load a:before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
	content: "" !important;
	margin-right: 6px;
	color: #472583 !important;
}

/* Pour les boutons sur 2 lignes */
.button-big a::before, .button-big a:before {
	line-height: 38px;
	height: 38px;
	float: left;
}

.button-big-2x a::before, .button-big-2x a:before {
	line-height: 70px;
	height: 65px;
	float: left;
}

.wp-block-buttons {
	text-align: center;
}

.button-orange {
	background-color: #ee7837;
	border: 2px solid #ee7837;
	color: #ffffff;
	font-family: 'Wigrum Bold', sans-serif;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: bold;
  /*padding: 10px 12px;*/
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
  /*  position: absolute;*/
	text-align: left;
}

.button-orange .wp-block-button__link,
  .button-orange a {
	color: #ffffff !important;
	text-align: left;
    /*  &::before,
        &:before{
            content:'+';
            margin-right:6px;            
            color:$violet-color !important;
        }*/;
}

.button-orange .wp-block-button__link::after, .button-orange .wp-block-button__link:after,
    .button-orange a::after,
    .button-orange a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #ee7837 !important;
}

.button-orange:hover, .button-orange:active, .button-orange:focus {
	background-color: #ffffff;
	border: 2px solid #ee7837;
}

.button-orange:hover .wp-block-button__link,
    .button-orange:hover a, .button-orange:active .wp-block-button__link,
    .button-orange:active a, .button-orange:focus .wp-block-button__link,
    .button-orange:focus a {
	color: #ee7837 !important;
}

.button-white {
	border: 2px solid #ffffff;
	color: #472583;
	font-family: 'Wigrum Bold', sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
}

.button-white .wp-block-button__link,
  .button-white a {
	color: #ffffff !important;
	text-align: left;
}

.button-white .wp-block-button__link::after, .button-white .wp-block-button__link:after,
    .button-white a::after,
    .button-white a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #ffffff !important;
}

.button-white:hover, .button-white:active, .button-white:focus {
	background-color: #ffffff;
	border: 2px solid #ffffff;
	color: #472583;
}

.button-white:hover .wp-block-button__link,
    .button-white:hover a, .button-white:active .wp-block-button__link,
    .button-white:active a, .button-white:focus .wp-block-button__link,
    .button-white:focus a {
	color: #472583 !important;
}

.button-white:hover .wp-block-button__link::after, .button-white:hover .wp-block-button__link:after,
      .button-white:hover a::after,
      .button-white:hover a:after, .button-white:active .wp-block-button__link::after, .button-white:active .wp-block-button__link:after,
      .button-white:active a::after,
      .button-white:active a:after, .button-white:focus .wp-block-button__link::after, .button-white:focus .wp-block-button__link:after,
      .button-white:focus a::after,
      .button-white:focus a:after {
	color: #472583 !important;
}

.button-violet {
	background-color: #f8f8f8;
	border: 2px solid #472583;
	color: #472583;
	font-family: 'Wigrum Bold', sans-serif;
  /* text-transform: uppercase;*/
	font-size: 1.4rem;
	font-weight: bold;
  /* padding: 10px 12px;*/
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
  /* h2 {
        &:after {
            content: "";
            border-bottom: 4px solid $orange-color;
            width: 50px;
            display: block;
            padding-top: 3%;  
        }
    }*/;
}

.button-violet .wp-block-button__link,
  .button-violet a {
	color: #472583 !important;
	text-align: left;
    /*   &::before,
        &:before{
            content:'+';
            margin-right:6px;            
            color:$blue-color !important;
        }*/;
}

.button-violet .wp-block-button__link::after, .button-violet .wp-block-button__link:after,
    .button-violet a::after,
    .button-violet a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #472583 !important;
}

.button-violet:hover, .button-violet:active, .button-violet:focus {
	background-color: #472583;
	border: 2px solid #472583;
	color: #f8f8f8;
}

.button-violet:hover .wp-block-button__link,
    .button-violet:hover a, .button-violet:active .wp-block-button__link,
    .button-violet:active a, .button-violet:focus .wp-block-button__link,
    .button-violet:focus a {
	color: #f8f8f8 !important;
}

.button-violet:hover .wp-block-button__link::after, .button-violet:hover .wp-block-button__link:after,
      .button-violet:hover a::after,
      .button-violet:hover a:after, .button-violet:active .wp-block-button__link::after, .button-violet:active .wp-block-button__link:after,
      .button-violet:active a::after,
      .button-violet:active a:after, .button-violet:focus .wp-block-button__link::after, .button-violet:focus .wp-block-button__link:after,
      .button-violet:focus a::after,
      .button-violet:focus a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #f8f8f8 !important;
}

.button-violet.force-white {
	background-color: #ffffff;
}

.button-violet.force-white:hover, .button-violet.force-white:active, .button-violet.force-white:focus {
	background-color: #472583;
	color: #ffffff !important;
}

.button-violet.force-white:hover .wp-block-button__link,
      .button-violet.force-white:hover a, .button-violet.force-white:active .wp-block-button__link,
      .button-violet.force-white:active a, .button-violet.force-white:focus .wp-block-button__link,
      .button-violet.force-white:focus a {
	color: #ffffff !important;
}

.button-violet.force-white:hover .wp-block-button__link::after, .button-violet.force-white:hover .wp-block-button__link:after,
        .button-violet.force-white:hover a::after,
        .button-violet.force-white:hover a:after, .button-violet.force-white:active .wp-block-button__link::after, .button-violet.force-white:active .wp-block-button__link:after,
        .button-violet.force-white:active a::after,
        .button-violet.force-white:active a:after, .button-violet.force-white:focus .wp-block-button__link::after, .button-violet.force-white:focus .wp-block-button__link:after,
        .button-violet.force-white:focus a::after,
        .button-violet.force-white:focus a:after {
	color: #ffffff !important;
}

.button-bleu {
	background-color: #ffffff;
	border: 2px solid #3cbcd7;
	color: #3cbcd7;
	font-family: 'Wigrum Bold', sans-serif;
  /* text-transform: uppercase;*/
	font-size: 1.4rem;
	font-weight: bold;
  /* padding: 10px 12px;*/
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
}

.button-bleu .wp-block-button__link,
  .button-bleu a {
	color: #3cbcd7 !important;
	text-align: left;
    /*   &::before,
        &:before{
            content:'+';
            margin-right:6px;            
            color:$violet-color  !important;
        }    
        */;
}

.button-bleu .wp-block-button__link::after, .button-bleu .wp-block-button__link:after,
    .button-bleu a::after,
    .button-bleu a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #3cbcd7 !important;
}

.button-bleu:hover, .button-bleu:active, .button-bleu:focus {
	background-color: #3cbcd7;
	border: 2px solid #3cbcd7;
}

.button-bleu:hover .wp-block-button__link,
    .button-bleu:hover a, .button-bleu:active .wp-block-button__link,
    .button-bleu:active a, .button-bleu:focus .wp-block-button__link,
    .button-bleu:focus a {
	color: #ffffff !important;
}

.button-bleu:hover .wp-block-button__link::after, .button-bleu:hover .wp-block-button__link:after,
      .button-bleu:hover a::after,
      .button-bleu:hover a:after, .button-bleu:active .wp-block-button__link::after, .button-bleu:active .wp-block-button__link:after,
      .button-bleu:active a::after,
      .button-bleu:active a:after, .button-bleu:focus .wp-block-button__link::after, .button-bleu:focus .wp-block-button__link:after,
      .button-bleu:focus a::after,
      .button-bleu:focus a:after {
	color: #ffffff !important;
}

.button-fullwidth {
	width: 100%;
}

.button-bleu-fonce {
	background-color: #3d7cbf;
	border: 2px solid #3d7cbf;
	color: #ffffff;
	font-family: 'Wigrum Bold', sans-serif;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: bold;
  /* padding: 10px 12px;*/
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
}

.button-bleu-fonce .wp-block-button__link,
  .button-bleu-fonce a {
	color: #ffffff !important;
	text-align: left;
}

.button-bleu-fonce .wp-block-button__link::before, .button-bleu-fonce .wp-block-button__link:before,
    .button-bleu-fonce a::before,
    .button-bleu-fonce a:before {
	content: '+';
	margin-right: 6px;
	color: #472583 !important;
}

.button-bleu-fonce:hover, .button-bleu-fonce:active, .button-bleu-fonce:focus {
	background-color: #ffffff;
	border: 2px solid #3d7cbf;
}

.button-bleu-fonce:hover .wp-block-button__link,
    .button-bleu-fonce:hover a, .button-bleu-fonce:active .wp-block-button__link,
    .button-bleu-fonce:active a, .button-bleu-fonce:focus .wp-block-button__link,
    .button-bleu-fonce:focus a {
	color: #3d7cbf !important;
}

/*
.plus-bleu {
    color: $blue-color;
}

.plus-violet {
    color: $violet-color;
}

.plus-gris {
    color: $gray-color;
}*/
.site-header {
	background-color: #ffffff;
	padding: 1em 0 0 0;
	position: fixed;
	z-index: 11;
	width: 100%;
}

.site-header .main-navigation li li:hover, .site-header .main-navigation .main-navigation li li.focus {
	background: #ffffff;
}

.site-header .main-navigation .menu-menu-principal-vyv-container {
	float: right;
	font-size: 120%;
	font-family: 'Wigrum Bold',  sans-serif;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current-menu-parent > a,
    .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current_page_parent > a {
	color: #3cbcd7 !important;
	font-weight: bold;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current-menu-parent > a .sub-menu,
      .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current_page_parent > a .sub-menu {
	left: 0;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current-menu-parent li.current-menu-item a,
    .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current_page_parent li.current-menu-item a {
	font-weight: bold;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu a {
	color: #472583;
	padding: 0.6em;
	font-weight: bold;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu a:hover, .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu a:active {
	color: #3cbcd7 !important;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu a:hover .sub-menu, .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu a:active .sub-menu {
	left: 0;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .sub-menu {
      /*  background-color: #eceef1;*/
	background: #ffffff;
	border: 1px #eceef1 solid;
	font-family: 'Wigrum',  sans-serif;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .sub-menu a {
	color: #3cbcd7 !important;
        /* text-transform: uppercase;*/
        /* border-bottom: 1px solid $violet-color; */
	font-weight: normal;
	font-family: 'Wigrum',  sans-serif !important;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .sub-menu a:hover, .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .sub-menu a:active {
	font-weight: bold;
          /*  background-color: #eceef1; */;
}

.site-header .custom-header .site-branding {
	margin-bottom: 0 !important;
	padding: 1em 0;
	padding-bottom: 0;
}

.site-header .custom-header .custom-logo-link {
	padding-right: 0%;
    /* float: right;*/;
}

.site-header .custom-header .custom-logo-link img {
	max-height: 115px;
}

.site-header .custom-header .logo {
	top: -17px;
	position: relative;
}

@media screen and (max-width: 991px) {
	.site-header .custom-header .logo {
		position: absolute;
		top: -14px;
		right: 10px;
	}
}

.single .site-content-contain {
	padding-top: 2em !important;
}

.home .site-content-contain,
.page .site-content-contain {
	padding-top: 9em;
}

@media screen and (max-width: 991px) {
	.home .site-content-contain,
  .page .site-content-contain {
		padding-top: 13em;
	}
}

.widget_categories .widget-title {
	color: #ffffff;
	background-color: #472583;
	font-family: 'Wigrum Bold', sans-serif;
	text-transform: none !important;
	padding: 7px 8px 7px 10px !important;
	width: max-content;
	font-size: 13px;
	margin-bottom: 2em;
	font-weight: normal;
	letter-spacing: 0.05em;
}

.widget_categories .widget-title:after {
	border: none;
	height: 0;
}

@media screen and (max-width: 991px) {
	.widget_categories .widget-title {
		position: relative;
		top: -1em;
	}
}

.widget_categories ul li {
	border-top: none;
	border-bottom: none;
}

.widget_categories ul li a {
	color: #472583;
	font-family: 'Wigrum Bold', sans-serif;
    /* text-transform: uppercase;*/
	width: max-content;
	background: #e7e7e7;
	padding: 4px 8px 3px 10px;
}

.widget_categories ul li a:hover, .widget_categories ul li a:active {
	color: #3cbcd7;
	text-decoration: none;
	box-shadow: none;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding-top: 40px;
}

/*
@media screen and (min-width: 48em){
    */
.navigation-top {
	font-size: 14px;
	position: relative;
	z-index: 3;
	padding: 2.5rem 0 4.5rem;
	background: none;
	border-bottom: none;
	border-top: none;
  /* border-right: 1px #e7e7e7 solid;*/
	padding-right: 45px;
}

.custom-header {
	margin-bottom: 0 !important;
}

.custom-header .text-collectyv a .text-titre {
	color: #472583;
	font-family: 'Wigrum', sans-serif;
	font-size: 35px;
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
}

.custom-header .text-collectyv a .text-sous-titre {
	color: #472583;
	font-family: 'Wigrum',sans-serif;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 0;
}

.custom-header .text-collectyv a:hover .text-titre, .custom-header .text-collectyv a:hover .text-sous-titre, .custom-header .text-collectyv a:active .text-titre, .custom-header .text-collectyv a:active .text-sous-titre {
	color: #3cbcd3;
}

.has-sidebar #secondary {
	width: 100%;
}

.has-sidebar:not(.error404) #primary {
	width: 100%;
}

.col-une-page-actu {
	padding: 2em;
	margin-bottom: 3em;
	min-height: auto !important;
}

.col-une-page-actu h3 {
	padding-top: 0;
	color: #472583;
	font-size: 30px;
	font-family: 'Wigrum', sans-serif;
	font-weight: bold;
	margin-bottom: 0;
}

.col-une-page-actu p {
	font-family: 'Wigrum',sans-serif;
	color: #472583;
}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
	float: right;
	width: 100%;
}

.section-home {
	position: relative;
}

.section-home .centred {
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-pack: center;
	width: 100%;
	height: 100%;
}

.section-home .centred.full-0, .section-home .centred.full- {
	min-height: 750px;
}

.section-home .centred.full-1 {
	min-height: 360px;
}

.section-home .centred .img-head.bg-img {
      /*background-position: center center;*/;
}

.section-home .centred .bg-img {
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.section-home .centred .bg-cover,
    .section-home .centred .bg- {
	background-size: cover;
}

.section-home .centred .bg-contain {
	background-size: contain;
}

.section-home .centred .overlay-gallery-vyc3-sanscouleur {
	background: none;
	z-index: 1;
}

.section-home .centred .overlay-gallery-vyv3-blue {
      /* background-color: $blue-color;*/
	background: url("../images/breadcrumb-breadcrumb-bg-onepage-top_0.png") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: top center;
	background-size: contain;
	z-index: 1;
}

.section-home .centred .overlay-gallery-vyv3-violet {
      /* background-color: $violet-color;*/
	background: url("../images/breadcrumb-breadcrumb-bg-onepage-top_0.png") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: center 115%;
	z-index: 1;
}

.section-home .centred .overlay-gallery-vyv3-pink {
	background-color: #e94b64;
	z-index: 1;
}

.section-home .centred .overlay-gallery-vyv3-orange {
	background-color: #ee7837;
	z-index: 1;
}

.section-home .centred .overlay-opacity-0 {
	opacity: 0;
}

.section-home .centred .overlay-opacity-25 {
	opacity: 0.25;
}

.section-home .centred .overlay-opacity-50 {
	opacity: 0.5;
}

.section-home .centred .overlay-opacity-75 {
	opacity: 0.75;
}

.section-home .centred .overlay-opacity-100 {
	opacity: 1;
}

.section-home .centred .banner-top {
	background-position: 50% 0;
}

.section-home .centred .banner-middle-top {
	background-position: 50% 25%;
}

.section-home .centred .banner-center {
	background-position: 50% 50%;
}

.section-home .centred .banner-middle-bottom {
	background-position: 50% 75%;
}

.section-home .centred .banner-bottom {
	background-position: 50% 100%;
}

.section-home .centred .bg-white-circular {
	background: url("/wp-content/uploads/2020/11/bg-white-bottom-gallery.png") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: bottom center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 88px;
	z-index: 2;
}

.post .entry-header {
	position: absolute;
	top: -195px;
	text-align: center;
	width: 100%;
	left: 0;
	z-index: 10;
}

.post .entry-header .entry-title {
	background-color: white;
	width: max-content;
	margin: 0 auto;
	padding: 5px 20px;
	letter-spacing: 0;
	font-weight: bold;
	max-width: 85%;
	line-height: 1.25em;
}

.post .entry-header .categorie {
	margin-bottom: 26px;
}

.post .entry-header .categorie span {
	background-color: #472583;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 80%;
      /*text-transform: uppercase !important;*/;
}

.post .entry-header .categorie .post-categories {
	margin-left: 0;
}

.post .entry-header .categorie .post-categories li a {
	position: absolute;
	background-color: #472583;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 80%;
	text-transform: uppercase !important;
}

.post .entry-header .date span {
	background-color: #ffffff;
	width: max-content;
	margin: 0 auto;
	padding: 5px 20px;
	letter-spacing: 0;
	color: #472583;
}

.post .entry-header .next {
	border: 1px #472583 solid;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	top: 20px;
	position: relative;
	border-radius: 20px;
	background: #ffffff;
	font-size: 1.6em;
	color: #472583;
	content: "\f078";
	font-family: "FontAwesome";
}

.post .entry-header .next:after {
	color: #472583 !important;
	content: "\f078";
	font-family: "FontAwesome";
}

/*}*/
/* Page institutionnelles */
body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	width: 100% !important;
}

body:not(.has-sidebar):not(.page-one-column) .page-header .entry-title,
  body.has-sidebar.error404 #primary .page-header .entry-title,
  body.page-two-column:not(.archive) #primary .entry-header .entry-title,
  body.page-two-column.archive:not(.has-sidebar) #primary .page-header .entry-title {
	font-family: 'Wigrum Medium',sans-serif;
	font-size: 2.5em;
	text-transform: none;
	color: #472583;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0;
}

blockquote {
	text-align: left;
	color: #472583 !important;
  /* font-size:inherit;*/
	text-indent: 80px;
	position: relative;
	font-family: 'Aria', sans-serif;
  /* &:before,
    &::before{
        color: $violet-color !important;
        content: "\f10d";
        font-family: "FontAwesome";
        font-size:4em;
        position: relative;
        width: 50px;
        display: block;
        height: 51px;
        left: -80px;
        top: 0;        
    }
    &:after,
    &::after{
        color: $violet-color !important;
        content: "\f10e";
        font-family: "FontAwesome";
        font-size:4em;
        position: absolute;
        right: 12px;
        bottom: -32px;
    }  */;
}

blockquote p {
    /* font-size:inherit;*/
	text-align: left;
	color: #472583 !important;
	font-family: 'Aria', sans-serif;
}

@media screen and (max-width: 991px) {
  /* MENU TOGGLE */
	.menu-toggle,
  .menu-toggle:focus,
  .menu-toggle:hover {
		background: white !important;
	}
  /* MENU */
	.menu-menu-principal-vyv-container {
		float: none !important;
	}

	.dropdown-toggle {
		width: 100% !important;
		background: transparent !important;
	}

	.navigation-top {
		font-size: 12px;
		border-right: none;
	}

	.svg-fallback {
		display: none !important;
	}

	.col-border-violet {
		margin: 2em 0;
	}

	.col-border-violet .img-thumb-article {
		text-align: center;
	}

	.col-border-violet .img-thumb-article img {
        /*height: 230px;*/
		width: auto;
	}
}

.entry-content .wp-block-button__link {
  /*font-size: 1.1rem;*/
	font-size: inherit;
}

.wp-block-button .wp-block-button__link {
	padding: inherit;
	white-space: normal;
}

.li-violet {
	background-color: #472583;
	padding: 1em;
	margin: 2em 0;
}

.li-violet .col-blanc {
	background-color: #ffffff;
	height: 90px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.li-violet .col-blanc p {
	color: #472583;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

.li-violet .text-agenda h3 {
	color: #ffffff;
	line-height: 1.1em;
	font-size: 1em !important;
	min-height: 65px;
	display: inline-block;
}

.li-violet .text-agenda p {
	color: #ffffff;
	margin: 0;
	font-size: 0.9em;
}

.current-cat {
	font-weight: bold;
}

.site-info a, .site-info p {
	color: #472583;
	font-family: 'Wigrum',sans-serif;
}

.site-info a:hover, .site-info a:active {
	color: #3cbcd7;
	box-shadow: none;
}

.edito {
	margin-top: 31px;
}

.link-footer {
	padding: 0.7em 0 0;
}

.link-footer a {
	color: #472583;
	font-family: 'Wigrum Bold',sans-serif;
}

.link-footer a:hover, .link-footer a:active {
	color: #3cbcd7;
}

.kt-blocks-info-box-link-wrap {
	border: none !important;
	box-shadow: none !important;
}

.kt-blocks-info-box-link-wrap h2, .kt-blocks-info-box-link-wrap h3 {
	color: #472583;
	font-weight: bolder;
}

@media screen and (max-width: 768px) {
	.post .entry-header {
		top: -250px;
	}

	.post .entry-header .entry-title {
      /* width: min-content; */
		width: 95%;
		font-size: 1.5em;
		letter-spacing: 0;
	}

	.navigation-top {
		padding: 1.5rem 0 0;
	}

	.site-content-contain {
		padding-top: 4em;
	}

	.category .site-content-contain {
		padding-top: 10em;
	}

	.wp-block-kadence-column .inner-column-2 {
		text-align: center;
	}
}

@media screen and (max-width: 320px) {
	.custom-header .text-collectyv a .text-titre {
		font-size: 20px;
	}

	.custom-header .text-collectyv a .text-sous-titre {
		font-size: 0.65em;
	}

	h1, .entry-title {
		font-size: 1.5em;
		letter-spacing: 0;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header,
  body.has-sidebar.error404 #primary .page-header,
  body.page-two-column:not(.archive) #primary .entry-header,
  body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		width: 100% !important;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header .entry-title,
    body.has-sidebar.error404 #primary .page-header .entry-title,
    body.page-two-column:not(.archive) #primary .entry-header .entry-title,
    body.page-two-column.archive:not(.has-sidebar) #primary .page-header .entry-title {
		font-size: 1.5em;
	}

	.entry-content .wp-block-button__link {
		font-size: 1rem;
	}
}

/** Encadrés */
.entry-content .has-pale-cyan-blue-background-color, .wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link {
	background-color: transparent;
	border: 3px #3cbcd7 solid;
}

:root .editor-styles-wrapper .has-black-color, :root .has-black-color {
	color: #777777;
}

.kt-row-layout-inner {
	z-index: 0;
}

.hide {
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.accordion-item {
	position: relative;
}

.accordion-item:last-child {
	border-bottom: none;
}

.accordion-label {
	display: block;
	font-size: 18px;
}

.accordion-label:hover {
	cursor: pointer;
}

.accordion-label:after {
	font-weight: 400;
	font-family: "FontAwesome";
	content: "\f107" !important;
	position: absolute;
	height: 15px;
	width: 15px;
	bottom: 15px;
	right: 0;
	display: inline-block;
	color: #ffffff;
}

input[type=checkbox]:checked ~ .accordion-label:after {
	transform: rotate(-180deg);
}

.accordion-child {
	margin: 0;
	overflow: hidden;
	transition: all 0.3s ease;
	opacity: 0;
	height: 0;
	transform: scale(1, 0);
	transform-origin: center top;
}

input[type=checkbox]:checked ~ .accordion-child {
	height: auto;
	opacity: 1;
	transform: scale(1, 1);
}

@font-face {
	font-family: Aria;
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Aria/AriaTextG1-Bold.otf") format("opentype");
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Aria/ariatextg1-bold-webfont.woff") format("woff");
}

@font-face {
	font-family: 'Aria Semi Bold';
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Aria/AriaTextG1-SemiBold.otf") format("opentype");
}

@font-face {
	font-family: 'Wigrum';
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum-Regular.otf") format("opentype");
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum.woff") format("woff");
}

@font-face {
	font-family: 'Wigrum Bold';
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum-Bold.otf") format("opentype");
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum-Bold.woff") format("woff");
}

@font-face {
	font-family: 'Wigrum Medium';
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum-Medium.otf") format("opentype");
  src: url("/wp-content/themes/twentyseventeen/assets/fonts/Wigrum/Wigrum-Medium.woff") format("woff");
}

body {
	font-family: 'Wigrum',sans-serif;
}

.page-header {
	border: none;
}

embed, iframe, object {
	border: none !important;
}

h1, .page-title {
	font-family: 'Wigrum Bold',sans-serif;
	font-size: 2.5em;
	text-transform: none;
	color: #472583;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0em;
}

h2 {
	font-family: 'Wigrum',sans-serif;
	color: #472583;
	font-size: 2.1em;
	line-height: 1.2em;
	padding: 0.5em 0 0 !important;
  /* &:after {
        content: "";
        border-bottom: 4px solid $blue-color;
        width: 50px;
        height: 15px;
        display: block;
        
        
    }*/;
}

h2.h2-black {
	font-family: 'Wigrum Bold',sans-serif;
}

h2.h2-loupe:before {
	display: inline-block;
	content: '';
	background-image: url("/wp-content/themes/twentyseventeen/assets/images/Recherches_VYV-ai.svg");
	height: 32px;
	width: 36px;
	margin-top: -5px;
	margin-right: 5px;
	background-size: contain;
	background-repeat: no-repeat;
}

h2.wp-block-heading {
	font-family: 'Wigrum', sans-serif;
	color: #472583;
	font-size: 1.2em;
}

h3 {
	font-family: 'Wigrum', sans-serif;
	color: #472583;
	font-size: 1.2em;
  /* padding: 0.5em 0 0 !important;*/;
}

h3.wp-block-heading {
	font-family: 'Wigrum', sans-serif;
	color: #472583;
	font-size: 1.2em;
}

h3.intro {
	font-size: 1.2em;
	font-family: 'Wigrum', sans-serif;
	line-height: 1.5em;
	padding-top: 25px;
	color: #472583;
}

h3.h3-black {
	font-family: 'Wigrum Bold',sans-serif;
}

h4 {
	font-family: 'Wigrum',sans-serif;
	color: #472583;
	font-size: 1.3em;
}

h5 {
	font-family: 'Wigrum Bold', sans-serif;
	color: #472583;
	font-size: 1.1em;
}

h6 {
	font-family: 'Wigrum Bold', sans-serif;
	color: #777777;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
  /*padding: 0.5em 0 0 !important;*/;
}

p {
	font-family: 'Wigrum',sans-serif;
	color: #777777;
}

.post-navigation a:hover, .post-navigation a:focus, .post-navigation a:active {
	box-shadow: none;
}

.post-navigation a:hover .nav-title, .post-navigation a:focus .nav-title, .post-navigation a:active .nav-title {
	color: #3cbcd7;
	box-shadow: none;
}

.nav-title {
	font-family: 'Wigrum Bold',sans-serif;
	color: #472583;
}

a {
	color: #3cbcd7;
	text-decoration: none;
	font-family: 'Wigrum Bold',sans-serif !important;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color: #472583;
}

ul {
	margin-left: 25px;
}

li {
	font-family: 'Wigrum', sans-serif;
	color: #777777;
}

.entry-content a {
	color: #3cbcd7;
  /* #777777 !important;*/
	text-decoration: none;
	font-family: 'Wigrum Bold',sans-serif !important;
	text-decoration: underline;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
  /*   -webkit-box-shadow: inset 0 -1px 0 rgba(60, 188, 215, 1);
        box-shadow: inset 0 -1px 0 rgba(60, 188, 215, 1); */;
}

.entry-content a:hover, .entry-content a:active, .entry-content a:focus {
	color: #472583;
	text-decoration: underline;
    /*   -webkit-box-shadow: inset 0 -2px 0 rgba(60, 188, 215, 1); 
            box-shadow: inset 0 -2px 0 rgba(60, 188, 215, 1); */
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content .aligncenter {
	width: 1140px;
}

@media screen and (max-width: 1140px) {
	.entry-content .aligncenter {
		width: 100%;
	}
}

p.has-text-color a {
	color: inherit !important;
	box-shadow: none !important;
}

.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
  /* -webkit-box-shadow: inset 0 -1px 0 rgba(60, 188, 215, 1); 
    box-shadow: inset 0 -1px 0 rgba(60, 188, 215, 1); */
	text-decoration: underline;
}

.site-content {
	padding: 0;
}

.wp-block-image .aligncenter {
	width: auto;
}

.entry-content .wp-block-button__link {
	margin: 7px 8px 5px 8px !important;
	background-color: transparent  !important;
	font-size: 1.4rem;
}

.entry-content .button-col-3 .wp-block-button__link {
	font-size: inherit;
}

.alm-btn-wrap {
	display: none !important;
}

.col-violet {
	background-color: #472583;
	color: #ffffff;
	font-family: 'Wigrum',sans-serif;
  /*padding:2em;*/
	position: relative;
}

.blog .col-violet {
	margin-bottom: 60px;
}

.col-violet h2, .col-violet h3, .col-violet a, .col-violet p {
	color: #ffffff;
}

.col-violet h2 {
    /* &:after {
            content: "";
            border-bottom: 4px solid $orange-color;
            width: 50px;
            height: 15px;
            display: block;
        }*/;
}

.col-violet h3 {
	font-family: 'Wigrum',sans-serif;
	font-weight: bold;
	padding-top: 0;
	font-size: 25px;
	line-height: 1.45em;
}

.col-violet .wp-block-buttons {
	text-align: center;
}

.col-bleu {
	background-color: #3cbcd7;
}

.col-bleu h2 {
    /* &:after {
            content: "";
            border-bottom: 4px solid $white-color;
            width: 50px;
            display: block;
            padding-top: 3%;
        }*/;
}

.col-bleu p {
	color: #472583;
    /*    line-height: 1.2em;*/;
}

.col-gris {
	background-color: #f8f8f8;
}

.col-gris h2 {
    /* &:after {
            content: "";
            border-bottom: 4px solid $white-color;
            width: 50px;
            display: block;
            padding-top: 3%;
        }*/;
}

.col-gris p {
	color: #472583;
    /*    line-height: 1.2em;*/;
}

.col-gris .intro {
	text-align: center;
	padding: 1em;
	padding-top: 50px;
}

.col-white p {
	color: #ffffff;
}

.col-border-violet {
	min-height: 605px;
}

.col-border-violet .categorie {
	position: absolute;
	top: -14px;
	background-color: #472583;
	padding: 5px 10px;
	left: 36px;
	color: #ffffff;
	font-size: 80%;
}

.col-border-violet .categorie .post-categories {
	list-style: none;
	margin: 0 !important;
}

.col-border-violet .categorie .post-categories li a {
	color: #ffffff !important;
}

.col-border-violet .categorie .post-categories li a:hover {
	color: #ffffff !important;
}

.col-border-violet {
  /*border:4px solid $violet-color;*/
	border: 1px solid #ddd;
	background-color: #f8f8f8;
}

.col-border-violet .img-thumb-article {
	min-height: 220px;
	background: url("../images/watermark-vyv3.png");
	background-color: transparent;
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	background-size: contain;
	background-color: rgba(255, 255, 255, 0.4);
	background-repeat: no-repeat;
	background-position: center;
	line-height: 197px;
}

.col-border-violet .img-thumb-article img {
	width: 100%;
}

.col-border-violet .col-text-article {
	padding: 0 1em;
    /*background-color: $white-color;*/
	background-color: #f8f8f8;
	min-height: 295px;
	height: 212px;
	max-height: 212px;
}

.col-border-violet .col-text-article h3 {
	font-family: 'Wigrum',sans-serif;
	font-weight: bold;
	padding-top: 10px;
	line-height: 1.25em;
}

.col-border-violet .col-text-article h3, .col-border-violet .col-text-article p {
	color: #472583;
}

.col-border-violet .col-text-article p {
	height: 115px;
}

@media screen and (max-width: 991px) {
	.col-border-violet .col-text-article {
		min-height: 310px;
	}
}

@media screen and (max-width: 991px) {
	.col-border-violet .button-bleu {
		bottom: 4px;
	}
}

.col-border-violet .button-violet {
	margin-bottom: 15px;
}

.category .col-border-violet .button-bleu {
	bottom: 19px;
}

@media screen and (max-width: 991px) {
	.category .col-border-violet {
		bottom: 24px;
	}
}

@media screen and (max-width: 768px) {
	.category .col-border-violet .button-bleu {
		bottom: 45px;
	}
}

.col-border-bleu {
	border: 4px solid #3cbcd7;
}

/* Page Blog */
.blog .button-bleu {
	bottom: 24px;
}

@media screen and (max-width: 991px) {
	.blog .button-bleu {
		bottom: 50px;
	}
}

.col-padding-side {
	padding: 1em 1em 0 1em;
	min-height: 85px;
}

.col-padding-top {
	padding: 0em 0 2em 0;
}

.col-padding-grid {
	padding: 0 1em 3em 1em;
	min-height: 605px;
}

.row-padding-side {
	padding: 0 2em 0 2em;
}

.section {
	padding: 2em 0 2em 0;
}

.col-li-violet li {
	color: #472583;
	font-family: "Aria";
}

.text-center h2:after {
	position: relative;
	padding-top: 0;
	padding-bottom: 10px;
	margin: 0 auto;
}

.button-arrow a {
  /* &::before,
        &:before{
            content:'>'!important;
            margin-right:6px;
        }*/;
}

.wp-block-button a {
	display: block;
	height: 100%;
	width: 100%;
	cursor: pointer;
	margin: 0px 12px 0 0;
	padding: 10px 5px 10px 10px;
}

/*
.bouton-vyv3{
    background-color:  $white-color;
    border: 2px solid  $violet-color;
    color:  $violet-color !important;
    font-family: 'Wigrum Bold', sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 10px 12px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    text-decoration: none !important;

    &::after, &:after {
        content: "\f054";
        font-family: "FontAwesome";
        margin-left: 10px;
        color: $violet-color !important;
    }
    &:hover, &:active, &:focus {
        
        background-color: $violet-color;
        border: 2px solid $violet-color;
        color: $light-gray-color !important;          
    }
}
*/
.bouton-vyv3 {
	background-color: #ffffff;
	border: 2px solid #472583;
	color: #472583;
	font-family: 'Wigrum Bold', sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 10px 12px;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
}

.bouton-vyv3 * {
	text-decoration: none !important;
}

.bouton-vyv3 a {
	color: #472583 !important;
	text-align: left;
	text-decoration: none !important;
}

.bouton-vyv3 a::after, .bouton-vyv3 a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #472583 !important;
}

.bouton-vyv3:hover, .bouton-vyv3:active, .bouton-vyv3:focus {
	background-color: #472583;
	color: #ffffff !important;
}

.bouton-vyv3:hover a, .bouton-vyv3:active a, .bouton-vyv3:focus a {
	color: #ffffff !important;
}

.bouton-vyv3:hover a::after, .bouton-vyv3:hover a:after, .bouton-vyv3:active a::after, .bouton-vyv3:active a:after, .bouton-vyv3:focus a::after, .bouton-vyv3:focus a:after {
	color: #ffffff !important;
}

.button-load .wp-block-button__link::before, .button-load .wp-block-button__link:before,
.button-load a::before,
.button-load a:before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
	content: "" !important;
	margin-right: 6px;
	color: #472583 !important;
}

/* Pour les boutons sur 2 lignes */
.button-big a::before, .button-big a:before {
	line-height: 38px;
	height: 38px;
	float: left;
}

.button-big-2x a::before, .button-big-2x a:before {
	line-height: 70px;
	height: 65px;
	float: left;
}

.wp-block-buttons {
	text-align: center;
}

.button-orange {
	background-color: #ee7837;
	border: 2px solid #ee7837;
	color: #ffffff;
	font-family: 'Wigrum Bold', sans-serif;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: bold;
  /*padding: 10px 12px;*/
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
  /*  position: absolute;*/
	text-align: left;
}

.button-orange .wp-block-button__link,
  .button-orange a {
	color: #ffffff !important;
	text-align: left;
    /*  &::before,
        &:before{
            content:'+';
            margin-right:6px;            
            color:$violet-color !important;
        }*/;
}

.button-orange .wp-block-button__link::after, .button-orange .wp-block-button__link:after,
    .button-orange a::after,
    .button-orange a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #ee7837 !important;
}

.button-orange:hover, .button-orange:active, .button-orange:focus {
	background-color: #ffffff;
	border: 2px solid #ee7837;
}

.button-orange:hover .wp-block-button__link,
    .button-orange:hover a, .button-orange:active .wp-block-button__link,
    .button-orange:active a, .button-orange:focus .wp-block-button__link,
    .button-orange:focus a {
	color: #ee7837 !important;
}

.button-white {
	border: 2px solid #ffffff;
	color: #472583;
	font-family: 'Wigrum Bold', sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
}

.button-white .wp-block-button__link,
  .button-white a {
	color: #ffffff !important;
	text-align: left;
}

.button-white .wp-block-button__link::after, .button-white .wp-block-button__link:after,
    .button-white a::after,
    .button-white a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #ffffff !important;
}

.button-white:hover, .button-white:active, .button-white:focus {
	background-color: #ffffff;
	border: 2px solid #ffffff;
	color: #472583;
}

.button-white:hover .wp-block-button__link,
    .button-white:hover a, .button-white:active .wp-block-button__link,
    .button-white:active a, .button-white:focus .wp-block-button__link,
    .button-white:focus a {
	color: #472583 !important;
}

.button-white:hover .wp-block-button__link::after, .button-white:hover .wp-block-button__link:after,
      .button-white:hover a::after,
      .button-white:hover a:after, .button-white:active .wp-block-button__link::after, .button-white:active .wp-block-button__link:after,
      .button-white:active a::after,
      .button-white:active a:after, .button-white:focus .wp-block-button__link::after, .button-white:focus .wp-block-button__link:after,
      .button-white:focus a::after,
      .button-white:focus a:after {
	color: #472583 !important;
}

.button-violet {
	background-color: #f8f8f8;
	border: 2px solid #472583;
	color: #472583;
	font-family: 'Wigrum Bold', sans-serif;
  /* text-transform: uppercase;*/
	font-size: 1.4rem;
	font-weight: bold;
  /* padding: 10px 12px;*/
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
  /* h2 {
        &:after {
            content: "";
            border-bottom: 4px solid $orange-color;
            width: 50px;
            display: block;
            padding-top: 3%;  
        }
    }*/;
}

.button-violet .wp-block-button__link,
  .button-violet a {
	color: #472583 !important;
	text-align: left;
    /*   &::before,
        &:before{
            content:'+';
            margin-right:6px;            
            color:$blue-color !important;
        }*/;
}

.button-violet .wp-block-button__link::after, .button-violet .wp-block-button__link:after,
    .button-violet a::after,
    .button-violet a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #472583 !important;
}

.button-violet:hover, .button-violet:active, .button-violet:focus {
	background-color: #472583;
	border: 2px solid #472583;
	color: #f8f8f8;
}

.button-violet:hover .wp-block-button__link,
    .button-violet:hover a, .button-violet:active .wp-block-button__link,
    .button-violet:active a, .button-violet:focus .wp-block-button__link,
    .button-violet:focus a {
	color: #f8f8f8 !important;
}

.button-violet:hover .wp-block-button__link::after, .button-violet:hover .wp-block-button__link:after,
      .button-violet:hover a::after,
      .button-violet:hover a:after, .button-violet:active .wp-block-button__link::after, .button-violet:active .wp-block-button__link:after,
      .button-violet:active a::after,
      .button-violet:active a:after, .button-violet:focus .wp-block-button__link::after, .button-violet:focus .wp-block-button__link:after,
      .button-violet:focus a::after,
      .button-violet:focus a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #f8f8f8 !important;
}

.button-violet.force-white {
	background-color: #ffffff;
}

.button-violet.force-white:hover, .button-violet.force-white:active, .button-violet.force-white:focus {
	background-color: #472583;
	color: #ffffff !important;
}

.button-violet.force-white:hover .wp-block-button__link,
      .button-violet.force-white:hover a, .button-violet.force-white:active .wp-block-button__link,
      .button-violet.force-white:active a, .button-violet.force-white:focus .wp-block-button__link,
      .button-violet.force-white:focus a {
	color: #ffffff !important;
}

.button-violet.force-white:hover .wp-block-button__link::after, .button-violet.force-white:hover .wp-block-button__link:after,
        .button-violet.force-white:hover a::after,
        .button-violet.force-white:hover a:after, .button-violet.force-white:active .wp-block-button__link::after, .button-violet.force-white:active .wp-block-button__link:after,
        .button-violet.force-white:active a::after,
        .button-violet.force-white:active a:after, .button-violet.force-white:focus .wp-block-button__link::after, .button-violet.force-white:focus .wp-block-button__link:after,
        .button-violet.force-white:focus a::after,
        .button-violet.force-white:focus a:after {
	color: #ffffff !important;
}

.button-bleu {
	background-color: #ffffff;
	border: 2px solid #3cbcd7;
	color: #3cbcd7;
	font-family: 'Wigrum Bold', sans-serif;
  /* text-transform: uppercase;*/
	font-size: 1.4rem;
	font-weight: bold;
  /* padding: 10px 12px;*/
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
}

.button-bleu .wp-block-button__link,
  .button-bleu a {
	color: #3cbcd7 !important;
	text-align: left;
    /*   &::before,
        &:before{
            content:'+';
            margin-right:6px;            
            color:$violet-color  !important;
        }    
        */;
}

.button-bleu .wp-block-button__link::after, .button-bleu .wp-block-button__link:after,
    .button-bleu a::after,
    .button-bleu a:after {
	content: "\f054";
	font-family: "FontAwesome";
	margin-left: 10px;
	color: #3cbcd7 !important;
}

.button-bleu:hover, .button-bleu:active, .button-bleu:focus {
	background-color: #3cbcd7;
	border: 2px solid #3cbcd7;
}

.button-bleu:hover .wp-block-button__link,
    .button-bleu:hover a, .button-bleu:active .wp-block-button__link,
    .button-bleu:active a, .button-bleu:focus .wp-block-button__link,
    .button-bleu:focus a {
	color: #ffffff !important;
}

.button-bleu:hover .wp-block-button__link::after, .button-bleu:hover .wp-block-button__link:after,
      .button-bleu:hover a::after,
      .button-bleu:hover a:after, .button-bleu:active .wp-block-button__link::after, .button-bleu:active .wp-block-button__link:after,
      .button-bleu:active a::after,
      .button-bleu:active a:after, .button-bleu:focus .wp-block-button__link::after, .button-bleu:focus .wp-block-button__link:after,
      .button-bleu:focus a::after,
      .button-bleu:focus a:after {
	color: #ffffff !important;
}

.button-fullwidth {
	width: 100%;
}

.button-bleu-fonce {
	background-color: #3d7cbf;
	border: 2px solid #3d7cbf;
	color: #ffffff;
	font-family: 'Wigrum Bold', sans-serif;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: bold;
  /* padding: 10px 12px;*/
	margin-right: 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: left;
}

.button-bleu-fonce .wp-block-button__link,
  .button-bleu-fonce a {
	color: #ffffff !important;
	text-align: left;
}

.button-bleu-fonce .wp-block-button__link::before, .button-bleu-fonce .wp-block-button__link:before,
    .button-bleu-fonce a::before,
    .button-bleu-fonce a:before {
	content: '+';
	margin-right: 6px;
	color: #472583 !important;
}

.button-bleu-fonce:hover, .button-bleu-fonce:active, .button-bleu-fonce:focus {
	background-color: #ffffff;
	border: 2px solid #3d7cbf;
}

.button-bleu-fonce:hover .wp-block-button__link,
    .button-bleu-fonce:hover a, .button-bleu-fonce:active .wp-block-button__link,
    .button-bleu-fonce:active a, .button-bleu-fonce:focus .wp-block-button__link,
    .button-bleu-fonce:focus a {
	color: #3d7cbf !important;
}

/*
.plus-bleu {
    color: $blue-color;
}

.plus-violet {
    color: $violet-color;
}

.plus-gris {
    color: $gray-color;
}*/
.site-header {
	background-color: #ffffff;
	padding: 1em 0 0 0;
	position: fixed;
	z-index: 11;
	width: 100%;
}

.site-header .main-navigation li li:hover, .site-header .main-navigation .main-navigation li li.focus {
	background: #ffffff;
}

.site-header .main-navigation .menu-menu-principal-vyv-container {
	float: right;
	font-size: 120%;
	font-family: 'Wigrum Bold',  sans-serif;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current-menu-parent > a,
    .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current_page_parent > a {
	color: #3cbcd7 !important;
	font-weight: bold;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current-menu-parent > a .sub-menu,
      .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current_page_parent > a .sub-menu {
	left: 0;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current-menu-parent li.current-menu-item a,
    .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .current_page_parent li.current-menu-item a {
	font-weight: bold;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu a {
	color: #472583;
	padding: 0.6em;
	font-weight: bold;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu a:hover, .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu a:active {
	color: #3cbcd7 !important;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu a:hover .sub-menu, .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu a:active .sub-menu {
	left: 0;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .sub-menu {
      /*  background-color: #eceef1;*/
	background: #ffffff;
	border: 1px #eceef1 solid;
	font-family: 'Wigrum',  sans-serif;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .sub-menu a {
	color: #3cbcd7 !important;
        /* text-transform: uppercase;*/
        /* border-bottom: 1px solid $violet-color; */
	font-weight: normal;
	font-family: 'Wigrum',  sans-serif !important;
}

.site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .sub-menu a:hover, .site-header .main-navigation .menu-menu-principal-vyv-container #top-menu .sub-menu a:active {
	font-weight: bold;
          /*  background-color: #eceef1; */;
}

.site-header .custom-header .site-branding {
	margin-bottom: 0 !important;
	padding: 1em 0;
	padding-bottom: 0;
}

.site-header .custom-header .custom-logo-link {
	padding-right: 0%;
    /* float: right;*/;
}

.site-header .custom-header .custom-logo-link img {
	max-height: 115px;
}

.site-header .custom-header .logo {
	top: -17px;
	position: relative;
}

@media screen and (max-width: 991px) {
	.site-header .custom-header .logo {
		position: absolute;
		top: -14px;
		right: 10px;
	}
}

.single .site-content-contain {
	padding-top: 2em !important;
}

.home .site-content-contain,
.page .site-content-contain {
	padding-top: 9em;
}

@media screen and (max-width: 991px) {
	.home .site-content-contain,
  .page .site-content-contain {
		padding-top: 13em;
	}
}

.widget_categories .widget-title {
	color: #ffffff;
	background-color: #472583;
	font-family: 'Wigrum Bold', sans-serif;
	text-transform: none !important;
	padding: 7px 8px 7px 10px !important;
	width: max-content;
	font-size: 13px;
	margin-bottom: 2em;
	font-weight: normal;
	letter-spacing: 0.05em;
}

.widget_categories .widget-title:after {
	border: none;
	height: 0;
}

@media screen and (max-width: 991px) {
	.widget_categories .widget-title {
		position: relative;
		top: -1em;
	}
}

.widget_categories ul li {
	border-top: none;
	border-bottom: none;
}

.widget_categories ul li a {
	color: #472583;
	font-family: 'Wigrum Bold', sans-serif;
    /* text-transform: uppercase;*/
	width: max-content;
	background: #e7e7e7;
	padding: 4px 8px 3px 10px;
}

.widget_categories ul li a:hover, .widget_categories ul li a:active {
	color: #3cbcd7;
	text-decoration: none;
	box-shadow: none;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding-top: 40px;
}

/*
@media screen and (min-width: 48em){
    */
.navigation-top {
	font-size: 14px;
	position: relative;
	z-index: 3;
	padding: 2.5rem 0 4.5rem;
	background: none;
	border-bottom: none;
	border-top: none;
  /* border-right: 1px #e7e7e7 solid;*/
	padding-right: 45px;
}

.custom-header {
	margin-bottom: 0 !important;
}

.custom-header .text-collectyv a .text-titre {
	color: #472583;
	font-family: 'Wigrum', sans-serif;
	font-size: 35px;
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
}

.custom-header .text-collectyv a .text-sous-titre {
	color: #472583;
	font-family: 'Wigrum',sans-serif;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 0;
}

.custom-header .text-collectyv a:hover .text-titre, .custom-header .text-collectyv a:hover .text-sous-titre, .custom-header .text-collectyv a:active .text-titre, .custom-header .text-collectyv a:active .text-sous-titre {
	color: #3cbcd3;
}

.has-sidebar #secondary {
	width: 100%;
}

.has-sidebar:not(.error404) #primary {
	width: 100%;
}

.col-une-page-actu {
	padding: 2em;
	margin-bottom: 3em;
	min-height: auto !important;
}

.col-une-page-actu h3 {
	padding-top: 0;
	color: #472583;
	font-size: 30px;
	font-family: 'Wigrum', sans-serif;
	font-weight: bold;
	margin-bottom: 0;
}

.col-une-page-actu p {
	font-family: 'Wigrum',sans-serif;
	color: #472583;
}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
	float: right;
	width: 100%;
}

.section-home {
	position: relative;
}

.section-home .centred {
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-pack: center;
	width: 100%;
	height: 100%;
}

.section-home .centred.full-0, .section-home .centred.full- {
	min-height: 750px;
}

.section-home .centred.full-1 {
	min-height: 360px;
}

.section-home .centred .img-head.bg-img {
      /*background-position: center center;*/;
}

.section-home .centred .bg-img {
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.section-home .centred .bg-cover,
    .section-home .centred .bg- {
	background-size: cover;
}

.section-home .centred .bg-contain {
	background-size: contain;
}

.section-home .centred .overlay-gallery-vyc3-sanscouleur {
	background: none;
	z-index: 1;
}

.section-home .centred .overlay-gallery-vyv3-blue {
      /* background-color: $blue-color;*/
	background: url("../images/breadcrumb-breadcrumb-bg-onepage-top_0.png") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: top center;
	background-size: contain;
	z-index: 1;
}

.section-home .centred .overlay-gallery-vyv3-violet {
      /* background-color: $violet-color;*/
	background: url("../images/breadcrumb-breadcrumb-bg-onepage-top_0.png") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: center 115%;
	z-index: 1;
}

.section-home .centred .overlay-gallery-vyv3-pink {
	background-color: #e94b64;
	z-index: 1;
}

.section-home .centred .overlay-gallery-vyv3-orange {
	background-color: #ee7837;
	z-index: 1;
}

.section-home .centred .overlay-opacity-0 {
	opacity: 0;
}

.section-home .centred .overlay-opacity-25 {
	opacity: 0.25;
}

.section-home .centred .overlay-opacity-50 {
	opacity: 0.5;
}

.section-home .centred .overlay-opacity-75 {
	opacity: 0.75;
}

.section-home .centred .overlay-opacity-100 {
	opacity: 1;
}

.section-home .centred .banner-top {
	background-position: 50% 0;
}

.section-home .centred .banner-middle-top {
	background-position: 50% 25%;
}

.section-home .centred .banner-center {
	background-position: 50% 50%;
}

.section-home .centred .banner-middle-bottom {
	background-position: 50% 75%;
}

.section-home .centred .banner-bottom {
	background-position: 50% 100%;
}

.section-home .centred .bg-white-circular {
	background: url("/wp-content/uploads/2020/11/bg-white-bottom-gallery.png") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: bottom center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 88px;
	z-index: 2;
}

.post .entry-header {
	position: absolute;
	top: -195px;
	text-align: center;
	width: 100%;
	left: 0;
	z-index: 10;
}

.post .entry-header .entry-title {
	background-color: white;
	width: max-content;
	margin: 0 auto;
	padding: 5px 20px;
	letter-spacing: 0;
	font-weight: bold;
	max-width: 85%;
	line-height: 1.25em;
}

.post .entry-header .categorie {
	margin-bottom: 26px;
}

.post .entry-header .categorie span {
	background-color: #472583;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 80%;
      /*text-transform: uppercase !important;*/;
}

.post .entry-header .categorie .post-categories {
	margin-left: 0;
}

.post .entry-header .categorie .post-categories li a {
	position: absolute;
	background-color: #472583;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 80%;
	text-transform: uppercase !important;
}

.post .entry-header .date span {
	background-color: #ffffff;
	width: max-content;
	margin: 0 auto;
	padding: 5px 20px;
	letter-spacing: 0;
	color: #472583;
}

.post .entry-header .next {
	border: 1px #472583 solid;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	top: 20px;
	position: relative;
	border-radius: 20px;
	background: #ffffff;
	font-size: 1.6em;
	color: #472583;
	content: "\f078";
	font-family: "FontAwesome";
}

.post .entry-header .next:after {
	color: #472583 !important;
	content: "\f078";
	font-family: "FontAwesome";
}

/*}*/
/* Page institutionnelles */
body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	width: 100% !important;
}

body:not(.has-sidebar):not(.page-one-column) .page-header .entry-title,
  body.has-sidebar.error404 #primary .page-header .entry-title,
  body.page-two-column:not(.archive) #primary .entry-header .entry-title,
  body.page-two-column.archive:not(.has-sidebar) #primary .page-header .entry-title {
	font-family: 'Wigrum Medium',sans-serif;
	font-size: 2.5em;
	text-transform: none;
	color: #472583;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0;
}

blockquote {
	text-align: left;
	color: #472583 !important;
  /* font-size:inherit;*/
	text-indent: 80px;
	position: relative;
	font-family: 'Aria', sans-serif;
  /* &:before,
    &::before{
        color: $violet-color !important;
        content: "\f10d";
        font-family: "FontAwesome";
        font-size:4em;
        position: relative;
        width: 50px;
        display: block;
        height: 51px;
        left: -80px;
        top: 0;        
    }
    &:after,
    &::after{
        color: $violet-color !important;
        content: "\f10e";
        font-family: "FontAwesome";
        font-size:4em;
        position: absolute;
        right: 12px;
        bottom: -32px;
    }  */;
}

blockquote p {
    /* font-size:inherit;*/
	text-align: left;
	color: #472583 !important;
	font-family: 'Aria', sans-serif;
}

@media screen and (max-width: 991px) {
  /* MENU TOGGLE */
	.menu-toggle,
  .menu-toggle:focus,
  .menu-toggle:hover {
		background: white !important;
	}
  /* MENU */
	.menu-menu-principal-vyv-container {
		float: none !important;
	}

	.dropdown-toggle {
		width: 100% !important;
		background: transparent !important;
	}

	.navigation-top {
		font-size: 12px;
		border-right: none;
	}

	.svg-fallback {
		display: none !important;
	}

	.col-border-violet {
		margin: 2em 0;
	}

	.col-border-violet .img-thumb-article {
		text-align: center;
	}

	.col-border-violet .img-thumb-article img {
        /*height: 230px;*/
		width: auto;
	}
}

.entry-content .wp-block-button__link {
  /*font-size: 1.1rem;*/
	font-size: inherit;
}

.wp-block-button .wp-block-button__link {
	padding: inherit;
	white-space: normal;
}

.li-violet {
	background-color: #472583;
	padding: 1em;
	margin: 2em 0;
}

.li-violet .col-blanc {
	background-color: #ffffff;
	height: 90px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.li-violet .col-blanc p {
	color: #472583;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

.li-violet .text-agenda h3 {
	color: #ffffff;
	line-height: 1.1em;
	font-size: 1em !important;
	min-height: 65px;
	display: inline-block;
}

.li-violet .text-agenda p {
	color: #ffffff;
	margin: 0;
	font-size: 0.9em;
}

.current-cat {
	font-weight: bold;
}

.site-info a, .site-info p {
	color: #472583;
	font-family: 'Wigrum',sans-serif;
}

.site-info a:hover, .site-info a:active {
	color: #3cbcd7;
	box-shadow: none;
}

.edito {
	margin-top: 31px;
}

.link-footer {
	padding: 0.7em 0 0;
}

.link-footer a {
	color: #472583;
	font-family: 'Wigrum Bold',sans-serif;
}

.link-footer a:hover, .link-footer a:active {
	color: #3cbcd7;
}

.kt-blocks-info-box-link-wrap {
	border: none !important;
	box-shadow: none !important;
}

.kt-blocks-info-box-link-wrap h2, .kt-blocks-info-box-link-wrap h3 {
	color: #472583;
	font-weight: bolder;
}

@media screen and (max-width: 768px) {
	.post .entry-header {
		top: -250px;
	}

	.post .entry-header .entry-title {
      /* width: min-content; */
		width: 95%;
		font-size: 1.5em;
		letter-spacing: 0;
	}

	.navigation-top {
		padding: 1.5rem 0 0;
	}

	.site-content-contain {
		padding-top: 4em;
	}

	.category .site-content-contain {
		padding-top: 10em;
	}

	.wp-block-kadence-column .inner-column-2 {
		text-align: center;
	}
}

@media screen and (max-width: 320px) {
	.custom-header .text-collectyv a .text-titre {
		font-size: 20px;
	}

	.custom-header .text-collectyv a .text-sous-titre {
		font-size: 0.65em;
	}

	h1, .entry-title {
		font-size: 1.5em;
		letter-spacing: 0;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header,
  body.has-sidebar.error404 #primary .page-header,
  body.page-two-column:not(.archive) #primary .entry-header,
  body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		width: 100% !important;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header .entry-title,
    body.has-sidebar.error404 #primary .page-header .entry-title,
    body.page-two-column:not(.archive) #primary .entry-header .entry-title,
    body.page-two-column.archive:not(.has-sidebar) #primary .page-header .entry-title {
		font-size: 1.5em;
	}

	.entry-content .wp-block-button__link {
		font-size: 1rem;
	}
}

/** Encadrés */
.entry-content .has-pale-cyan-blue-background-color, .wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link {
	background-color: transparent;
	border: 3px #3cbcd7 solid;
}

:root .editor-styles-wrapper .has-black-color, :root .has-black-color {
	color: #777777;
}

.kt-row-layout-inner {
	z-index: 0;
}

.hide {
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.accordion-item {
	position: relative;
}

.accordion-item:last-child {
	border-bottom: none;
}

.accordion-label {
	display: block;
	font-size: 18px;
}

.accordion-label:hover {
	cursor: pointer;
}

.accordion-label:after {
	font-weight: 400;
	font-family: "FontAwesome";
	content: "\f107" !important;
	position: absolute;
	height: 15px;
	width: 15px;
	bottom: 15px;
	right: 0;
	display: inline-block;
	color: #ffffff;
}

input[type=checkbox]:checked ~ .accordion-label:after {
	transform: rotate(-180deg);
}

.accordion-child {
	margin: 0;
	overflow: hidden;
	transition: all 0.3s ease;
	opacity: 0;
	height: 0;
	transform: scale(1, 0);
	transform-origin: center top;
}

input[type=checkbox]:checked ~ .accordion-child {
	height: auto;
	opacity: 1;
	transform: scale(1, 1);
}