@font-face {
    font-family: 'vyv';
    font-weight: normal;
    src: url('../fonts/WigrumRegular.eot');
    src: url('../fonts/WigrumRegular.eot') format('embedded-opentype'),
    url('../fonts/WigrumRegular.woff2') format('woff2'),
    url('../fonts/WigrumRegular.woff') format('woff'),
    url('../fonts/WigrumRegular.ttf') format('truetype');

}

:root {
    --yvon-violet: #482683 ;
}
@font-face {
    font-family: 'vyv';
    font-weight: bold;
    src: url('../fonts/WigrumBold.eot');
    src: url('../fonts/WigrumBold.eot') format('embedded-opentype'),
    url('../fonts/WigrumBold.woff2') format('woff2'),
    url('../fonts/WigrumBold.woff') format('woff'),
    url('../fonts/WigrumBold.ttf') format('truetype');
}



html, body {
    font-family: 'vyv', Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5rem;
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
}
body.cookieBanner {
    width:100%;
    height:100%;
    overflow-x: hidden;
}

h1 {
    font-size: 5.5vw;
    font-weight: bold;
    line-height: .8;
}

h2 {
    font-size: 33px;
    font-weight: bold;
}

h3 {
    font-size: 18px;
    font-weight: bold;
}
.vh100 {
    height: 100vh;
}
.vw100 {
    width: 100vw;
}

.bg-map {
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
    background: url('../img/mobint/world_map.svg');
    background-size: cover;
    opacity: .1;
}
.container.contentSansHeader {
    margin-top: 100px;
}

.textAccessibilite {
    position: absolute;
    text-indent: -10000px;
    overflow: hidden;
    width: 0;
    height: 0;
}
.cookieBanner {
    position: fixed;
    font-size:.9rem;
    line-height:1rem;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    align-items: center;
    text-align: center;
    width: 100vw;
    min-width: 100%;
    z-index: 99999;
}

.bg-violet {
    background: #482683 !important;
}

.bg-rose {
    background: #FF8C72 !important;
}

.bg-bleu {
    background: #2CBFDC !important;
}

.bg-jaune {
    background: #FEDA46 !important;
}

.text-violet {
    color: #482683 !important;
}

.showable {
    padding: 10px;
    background: #EAEBEC;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.13);
}

input[disabled]{
    cursor: not-allowed;
    background: #ccc !important;
}

select.showable {
    padding: 0px;
}

.btnInlineBlock {
    display: inline-block;
}

.editable {
    cursor: pointer;
}

/*
.showable.editable::after {
    content: url('../img/edit-icon.png');
    position: relative;
    float: right;
}
*/

.showable-white {
    padding: 10px;
    background: white;
    border: 1px solid #482683;
    width: 100% !important;
    text-align: center;
    border-radius: 5px;
}

select.showable-white {
    padding: 0px;
}


@media (min-width: 768px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
    .row.equal .align-items-center{
        display: flex;
        flex-wrap: wrap;
    }

}




.bg-y.adh {
    background-position: 150px 0;
}

.text-rose {
    color: #FF8C72 !important;
}

.text-bleu {
    color: #2CBFDC !important;
}
.text-blanc {
    color: #FFFFFF !important;
}

.text-jaune {
    color: #FEDA46 !important;
}

/* style.css | http://137.74.192.250/projet-vyv/site/public/asset/css/style.css */

.bloc-top {
    height: 100px;
    border-radius: 50px;
    background: #f1f1f1;
}

.rowFooter h2, .blocFondBlanc h2, .top-yvon h2 {
    text-align: initial;
}

.blocFondBlanc .img-block-text {
    margin-top: -110px;
}

.top-yvon ul {
    padding-left: 0;
}

#ToTopBtn {
    content: url("../img/picto_RVB_G.png");
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.31);
    z-index: 9;
    background: white;
    border: 2px solid #482683;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
}

#ToBottomBtn {
    position: absolute;
    width: 200px;
    height: 50px;
    left: 45%;
    bottom: 0;
    border-radius: 50px 50px 0 0;
    background: rgb(255, 255, 255);
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

#ToBottomBtn img {
    transform: rotate(180deg);
    width: 30%;
    margin-top: -5px;
    transition-property: margin-top;
    transition-duration: 0.3s;
}

#ToBottomBtn:hover img {
    margin-top: 0;
}

/*FIN MEDIA*/
img {
    max-width: 100%;
}

.centered-title h2 {
    text-align: center;
    color: #482683 !important;
}

.btn {
    border: none;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 17px;
    transition: all 300ms;
}

.btn-white,
.btn-white:hover {
    border: 1px solid #F2F2F2;
    color: #482683;
    background-color: #ffffff;
}

.btn-purple,
.btn-purple:hover {
    color: #FFFFFF;
    background-color: #482683;
}

.btn-fl:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 19px;
    background: url("../svg/picto-fleche.svg") no-repeat 50% 50%;
    vertical-align: bottom;
    margin-right: 10px;
    transition: all 200ms;

}

.btn-fl:hover:before {
    margin-left: 8px;
    margin-right: 2px;
}

.btn-stop:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 19px;
    background: url("../svg/picto-fleche.svg") no-repeat 50% 50%;
    vertical-align: bottom;
    margin-right: 10px;
    transition: all 200ms;

}

.btn-stop:hover:before {
    margin-left: 8px;
    margin-right: 2px;
}

.btn-poing:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 25px;
    background: url("../svg/picto-poing.svg") no-repeat 50% 50%;
    vertical-align: bottom;
    margin-right: 5px;
    transition: all 200ms;
    transform: scale(0.8);

}

.btn-poing:hover:before {
    transform: scale(1);
}

.mb-100 .img-block-text {
    margin-bottom: 100px;
}

/***************************** HEADER *********************************/

.headerSite {
    box-shadow: 0 0 7px rgba(0, 0, 0, .1);
    background: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.lienMenuMobile, .lienPhone,
.lienMenuMobile, .lienEspPerso, .lienEspPerso-adh {
    transition: .2s all ease-in-out;
    transform: scale(.5);
}

.headerSite .lienMenuMobile {
    text-transform: uppercase;
    color: #482683;
    background: #FFFFFF;
    border-radius: 0 0 0 5px;
}

.headerSite a.lienEspPerso {
    position: fixed;
    top: -20px;
    right: 15px;
    padding: 15px 25px;
    text-transform: uppercase;
    color: #482683 !important;
    background: #FFFFFF;
    border-radius: 0 0 0 5px;
    height: 75px;
}
.headerSite a.lienPhone {
    position: fixed;
    top: -20px;
    right: 80px;
    padding: 15px 25px;
    text-transform: uppercase;
    color: #482683 !important;
    background: #FFFFFF;
    border-radius: 0 0 0 5px;
    height: 75px;
    text-align: right;
    transform-origin: center right;
}
.headerSite a.lienPhone > span {
    font-size: 26px;
    line-height: 44px;
    padding-left: 5px;
}

.headerSite a.lienEspPerso-adh {
    position: fixed;
    top: -20px;
    right: -25px;
    padding: 15px 25px;
    text-transform: uppercase;
    color: #333333 !important;
    background: #FFFFFF;
    border-radius: 0 0 0 5px;
}

.headerSite .menuHeader {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
    transition: .3s all ease-in-out;
}

.headerSite .menuHeader li {
    padding: 20px;
    position: relative;
    transition: all 300ms ease-in-out;
}

.headerSite.scroll .menuHeader li {
    padding: 20px;
}

.headerSite .menuHeader li > a {
    color: #482683;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.2rem;
    white-space: nowrap;
    text-decoration: none;
}
.headerSite .menuHeader li.lienYvonMag > a {
    color: #ff8c72;
}

.headerSite .menuHeader li {
    transition: all .2s ease-in-out;
}

.headerSite .menuHeader li:hover > a {
    color: #ff8c72;
}

.liens-menu {
    /*border-top: 2px solid white;*/
    padding: 15px 18px;
    z-index: 99;
}

.sous-section-formation {
    display: none;
}

/*@media (width: 768px){
    .header-img  {
        display: none;
    }
}*/
.header-img img {
    margin: 0 100px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    width: 900px;
}

/* LOGIN FRONT */
.front-login {
    background-color: white;
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.26);
}

.front-login input[type=text], .front-login input[type=password] {
    padding: 10px 15px;
}


.logo-rvb {
    position: absolute;
    top: 25px;
    left: 90px;
    z-index: 9;
    transition: .3s all ease-in-out;
}
.logo-rvb-right {
    position: absolute;
    top: 25px;
    right: 90px;
    z-index: 9;
    transition: .3s all ease-in-out;
}

.headerSite .logoHeader {
    text-align: left;
}

.headerSite .logoHeader img {
    margin-top: 10px;
    margin-left: 10px;
}

.headerSite .lienMenuMobile {
    display: block;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 999;
}


.headerSite .menuHeader {
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 50px;
    right: 0;
    padding: 0 10px;
    color: #FFFFFF;
    background: #ff8c72;
    background:linear-gradient(118.5deg, #ff8c72 0%, #ff8c72 55%, #feda46 55%, #feda46 100%);
}

.headerSite .menuHeader li {
    display: block;
    padding: 10px;
    position: relative;
    margin-left:-2.5rem;
}

.headerSite .menuHeader {
    transition: .3s all ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
}

.headerSite .menuHeader.ouvert {
    height: 100vh;
    padding: 10px;
    width: 100%;
    top: 0;
    transition: .3s all ease-in-out;
}

.headerSite .menuHeader.ouvert a.lienEspPerso {
    position: fixed;
    /* right: 70px;
     top: 0;*/
}
.headerSite .menuHeader.ouvert a.lienPhone {
    position: fixed;
    /* right: 70px;
     top: 0;*/
}

#logo {
    display: block;
    text-align: center;
    padding: 15px 80px;
    position: absolute;
    top: 0;
    left: 0;
}

.header-img {
    /*z-index: 99999;*/
    /*border-right: 2px solid #F7F7F7;*/
}

/** BAR MENU */
#bar-menu {
    width: 100px;
    height: 30px;
    position: absolute;
    right: -20px;
    top: 50px;
    background-color: #482683;
    z-index: 999;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

/*.header-img::after {
    position: absolute;
    content: '';
    color: transparent;
    background: #FEDA46;
    top: -102px;
    left: 740px;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    clip-path: polygon(31% 0%, 100% 0%, 75% 100%, 0% 100%);
    -webkit-clip-path: polygon(31% 0%, 100% 0%, 75% 100%, 0% 100%);

}*/

/************************** FIN HEADER *********************************/

/**************************  FOOTER *********************************/
.footerSite {
    /*background: #FFFFFF;*/
}

.footerSite h3 {
    font-size: 14px;
    text-transform: uppercase;
}


.footerSite .colLogoVyv {
    text-align: right;
    position: relative;
}

.footerSite .colLogoVyv img {
    position: relative;
}

.logoVYVMobile {
    display: none;
}

/*.btnRetour:hover{*/
/*    color: #FF8C72;*/
/*}*/
/*
.footerSite .colLogoVyv:before {
    content: "";
    position: absolute;
    bottom: 86px;
    left: 0;
    right: 0;
    height: 1px;
    background: #B2B2B2;
}

.footerSite .colLogoPartners {
    margin-top: -75px;
}

.footerSite .colLogoPartners img {
    height: 50px;
}
*/

.footerSite .rowFooter {
    background: #482683;
    color: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 40px;
}

.footerSite .rowFooter a {
    color: #FFFFFF;
}

.footerSite .rowFooter h2 {
    margin-top: -20px;
    margin-bottom: 10px;
}

.footerSite .rowFooter h3 {
    margin-bottom: 20px;
}

.footerSite .rowFooter p {
    margin-bottom: 10px;
}

.footerSite .rowFooter i {
    font-size: 1.2em;
    color: #FEDA46;
}

/************************** FIN FOOTER *********************************/
.input {
    background-color: transparent;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #CCC;
    color: #555;
    box-sizing: border-box;
    font-size: 18px;
    min-height: 50px;
}

/************************** BLOC TEXTE fond arrondi *********************************/
.blocRound {
    padding: 50px 20px 20px;
    border-radius: 10px;
    margin-top: 80px;
    margin-bottom: 40px;
    color: #FFFFFF;
    position: relative;
}

/*.flash-notice {*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    background: rgba(44, 191, 220, 0.5);*/
/*    padding: 15px;*/
/*    color: white;*/
/*    border-radius: 5px;*/
/*    border: 1px solid #00000012;*/
/*    margin: 0 0 35px 0;*/
/*}*/

.flash-notice {
    width: 100%;
    text-align: center;
    background: transparent;
    padding: 15px;
    /*color: white;*/
    border-radius: 5px;
    border: 3px solid #482683;
    margin: 0 0 35px 0;
}

.flash-notice i {
    font-size: 20px;
}

.flash-danger {
    width: 100%;
    text-align: center;
    background: transparent;
    padding: 15px;
    /*color: white;*/
    border-radius: 5px;
    border: 3px solid red;
    margin: 0 0 35px 0;
}

.flash-danger i {
    font-size: 20px;
}

.blocRound .blocImg {
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    text-align: center;
}

.blocRound h2 {
    text-transform: uppercase;
    line-height: 24px;
    font-size: 20px;
}

.blocRound p {
    color: rgba(255, 255, 255, 0.7);
}

.top-yvon img {
    /*width: 80%;*/
    border-radius: 13px;
    /*box-shadow: 5px 5px 10px grey;*/
    /*box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.51);*/
}

.top-yvon ul {
    /*list-style-type: none;*/
}

/*.top-yvon ul li:before {
    content: '';
    display: inline-block;
    height: 25px;
    width: 35px;
    !*background-image: url('../svg/picto-fleche.svg');*!
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 20px;
}*/
.title-violet {
    color: #482683;
}

.top-yvon {
    color: #482683;
}

.blocFondBlanc p, .blocFondViolet p, .blocFondSaumon p, .blocFondBleu p {
    font-size: 1.1em;
}
.block-news a:hover,.block-news a:active,.block-news a:visited,.block-news a:focus,.block-news a{
    text-decoration: none!important;
}
.block-news h5 {
    height: 45px;

    overflow-wrap: break-word;

    overflow: hidden;
}
/************************** FIN BLOC TEXTE fond arrondi *********************************/

/************************** text increment *********************************/
.textInc {
    font-size: 80px;
    line-height: 85px;
    font-weight: bold;
    text-align: center;
}

.textIncLabel {
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
}




.fondTitreHeader {
    position: relative;
}

.shadow {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.fondTitreHeader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #482683;
    background:linear-gradient(118.5deg, rgba(37, 37, 35, 0) 0%, rgba(37, 37, 35, 0) 45%, rgba(37, 37, 35, 0.2) 53%, #482683 50%, #482683 100%);
}


.reverse {
    background: linear-gradient(118.5deg, #482683 0%, #482683 64.1%, white 50%);
}

.bg-diagonal {
    background: linear-gradient(118.5deg, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.11) 34%, rgba(0, 0, 0, 0.15) 34%);
}


.blocFondViolet {
    background: #482683;
    /*box-shadow: 5px 5px 5px #C6C6C6;*/
}

.blocFondViolet h2, .blocFondBlanc h2, .blocFondBleu h2, .blocFondSaumon h2 {
    font-size: 25px;
}

.blocFondSaumon {
    background: #FF8C72;
    /*box-shadow: 5px 5px 5px #C6C6C6;*/
}

.blocFondBleu {
    background: #2CBFDC;
}

.blocFondBleu, .blocFondSaumon, .blocFondViolet, .blocFondBlanc {
    color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    min-height: 210px !important;
    /*box-shadow: 5px 5px 5px #C6C6C6;*/
}

.blocFondBlanc {
    background: #FFFFFF;
    color: #482683;
    /*box-shadow: 5px 5px 5px #C6C6C6;*/
}

#carouselGarantiesControls i {
    cursor: pointer;
    color: #482683;
    font-size: 20px;
}

/*.carousel-item {
    -webkit-backface-visibility: unset!important;
    backface-visibility: unset!important;
}*/
.blocRemboursements {
    border: 1px solid #F2F2F2;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 5px 5px 5px #C6C6C6;
    margin-bottom: 45px;
}

.blocRemboursements .blocHaut {
    padding: 15px;
    background: #482683;
    color: #FFFFFF;
}

.blocRemboursements .blocBas {
    padding: 15px;
    background: #FFFFFF;
    color: #482683;
}

.carousel-control-next {
     right: -50px;
     width: 50px;
 }
.carousel-control-prev {
    left: -50px;
    width: 50px;
}

.carousel-control-next-icon {
    width: 50px;
    height: 50px;
    background: url("../svg/picto-fleche.svg") no-repeat 50% 50%;
}
.carousel-control-prev-icon {
    width: 50px;
    height: 50px;
    background: url("../svg/picto-fleche.svg") no-repeat 50% 50%;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.nav-pills .nav-item .nav-link {
    color: #e0e0e0;
}

.nav-pills .nav-link.active {
    background-color: #e7e7e7;
    color: white;
}

.blocFaq {
    background: #FFFFFF;
    color: #482683;
    border-radius: 10px;
    padding: 20px;
    margin: 0 0 20px 0;
    cursor: pointer;
}

.btn-faq-home a {
    color: #482683;
}

.picto-plus {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
}

.picto-plus:after, .picto-plus:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background: #482683;
}

.picto-plus:after {
    transform: rotate(0deg);
    transition: all 300ms;
}

.collapsed .picto-plus:after {
    transform: rotate(90deg);
}

/** Actualities Home */
.actualities-mag, .card-body {
    padding: 0;
}

.actualities-mag h5 {
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    font-size: 1em;
}

.actualities-mag h5 span {
    font-weight: lighter;
    font-size: 0.8em;
}

.actualities-mag a {
    color: white;
}

.card.card-fuzzmag {
    border-top: 5px solid #2CBFDC;
}

.card.card-emplois-stages, .card.chillzone {
    border-top: 5px solid #482683;
}

.card.card-calendrier-des-epreuves {
    border-top: 5px solid #2CBFDC;
}

.card.card-cinema {
    border-top: 5px solid #6f6f6e;
}
.card.card-fuzz-style {
    border-top: 5px solid #DD9933;
}

.card.card-travel, .card.card-lifestyle {
    border-top: 5px solid #ff8c72;
}

.card.card-healthy, .card.card-campus {
    border-top: 5px solid #feda46;
}

.card.card-applis {
    border-top: 5px solid #DD9933;
}

.card.card-bac, .card.card-chillzone {
    border-top: 5px solid #482683;
}

.actualities-mag .fuzzmag {
    background-color: #2CBFDC;
}

.actualities-mag .applis {
    background-color: #DD9933;
}

.actualities-mag .emplois-stages {
    background-color: #482683;
}

.actualities-mag .cinema {
    background-color: #6f6f6e;
}
.actualities-mag .fuzz-style {
    background-color: #DD9933;
}

.actualities-mag .travel, .actualities-mag .lifestyle {
    background-color: #ff8c72;
}

.actualities-mag .healthy, .actualities-mag .campus {
    background-color: #feda46;
}

.actualities-mag .calendrier-des-epreuves {
    background-color: #5496D3;
}

.actualities-mag .bac, .actualities-mag .chillzone {
    background-color: #482683;
}

.actualities-mag .category-fuzzmag {
    color: #2CBFDC !important;
    font-weight: bold;
}

.actualities-mag .category-calendrier-des-epreuves {
    color: #5496D3!important;
    font-weight: bold;
}

.actualities-mag .category-applis {
    color: #DD9933;
    font-weight: bold;
}

.actualities-mag .category-travel, .actualities-mag .category-lifestyle {
    color: #ff8c72;
    font-weight: bold;
}

.actualities-mag .category-healthy, .actualities-mag .category-campus {
    color: #feda46;
    font-weight: bold;
}

.actualities-mag .category-emplois-stages, .actualities-mag .category-bac, .actualities-mag .category-chillzone {
    color: #482683;
    font-weight: bold;
}

.actualities-mag .category-cinema {
    color: #6f6f6e;
    font-weight: bold;
}
.actualities-mag .category-fuzz-style {
    color: #DD9933;
    font-weight: bold;
}

.actualities-mag .actuality-category {
    padding: 10px;
    text-transform: uppercase;
}

.actualities-mag .card-body p {
    padding-left: 15px;
    padding-right: 15px;
    color: #6f6f6e;
}

.actuality-description {
    padding: 10px;
    color: rgba(0, 0, 0, 0.51);
}

.card-img-top {
    border: 1px solid transparent;
}

.card {
    border: none;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
}

.services-perso {
    padding: 5px 10px 2px;
}

.bg-bleu-rgba {
    background: rgba(175, 175, 175, 0.2);
}

.bg-violet-rgba {
    background: rgba(72, 38, 131, 0.1);
}

/*BURGER MENU */


/* Tableau garanties */
.array-warranties .blocFaq tr th {
    padding: 10px;
}

.array-warranties .blocFaq table td {
    text-align: center;
}

.array-warranties .blocFaq table thead th {
    text-align: center;
}

.array-warranties .blocFaq {
    box-shadow: 5px 5px 5px #D9D9D9;
}

th {font-weight: normal}

/* Icon 0 */
#nav-icon0 {
    width: 30px;
    height: 25px;
    position: relative;
    margin: 25px 25px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}


/* Icon 2 */

#nav-icon0 {
}

.of-h {
    overflow: hidden;
}

#nav-icon0 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 50%;
    background: #482683;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon0 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

#nav-icon0 span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
}

#nav-icon0 span:nth-child(1), #nav-icon0 span:nth-child(2) {
    top: 0px;
}

#nav-icon0 span:nth-child(3), #nav-icon0 span:nth-child(4) {
    top: 10px;
}

#nav-icon0 span:nth-child(5), #nav-icon0 span:nth-child(6) {
    top: 20px;
}

#nav-icon0.open span:nth-child(1), #nav-icon0.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon0.open span:nth-child(2), #nav-icon0.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon0.open span:nth-child(1) {
    left: 0px;
    top: 9px;
}

#nav-icon0.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 9px;
}

#nav-icon0.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#nav-icon0.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#nav-icon0.open span:nth-child(5) {
    left: 0px;
    top: 19px;
}

#nav-icon0.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 19px;
}

.ajax-loader {
    z-index: 1001;
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    background: url("../img/loader.gif") no-repeat center;
    width: 31px;
    height: 31px;
}

.cat-title,.q-hover {
    cursor: pointer;
    list-style: none;
}

/* mags */
.blocTitreMags h2 {
    margin-bottom: 10px !important;
}

.blocTitreMags {
    margin-bottom: 30px;
}
.mobileEnable {
    display: none;
}


.hasInfobulle {
    position: relative;
}
.hasInfobulle #InfoBulle {
    position: absolute;
    width: 80%;
    bottom:105%;
    left: 10%;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    background: #EEEEEE;
    color: #000000!important;
    font-size: 15px!important;
    line-height: 16px!important;
}

.hasNoResponsableFinancier:hover{
    cursor: pointer;
}

.reinitialise {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* Vous devrez modifier les quotes selon le langage de la page (ici il s'agit du Langage Français) */
    quotes : '201C' '201D' '2018' '2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
}


@media screen and (max-width: 670px) {
    #topNavAdh {
        display: none;
    }

    .step-call {
        margin-bottom: 15px;
    }
    .logo-rvb-right {
        position: absolute;
        top: 25px;
        left: 90px;
        z-index: 9;
        transition: .3s all ease-in-out;
    }
    /*}
    #headerAdh {
        padding-top: 120px;
        padding-bottom: 30px;
    }*/
}

@media (max-width: 992px) {
    h1 {
        font-size: 10vw;
        line-height: 10vw;
        font-weight: bold;
        margin-top: 100px;
    }
    h2 {
        font-size: 28px;
    }

    .fondTitreHeader h1, .fondTitreHeader h2 {
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.51);
    }

    .h-100-m {
        height: 100vh !important;
    }

    #carouselGarantiesControls {
        position: relative;
    }

    .carousel-control-next {
        position: absolute;
        bottom: 95%;
        right: 0;
    }
    .carousel-control-prev {
        position: absolute;
        bottom: 95%;
        left: 0;
    }
}

@media screen and (min-width: 470px) {

    .font-size-mobile td, .font-size-mobile th{
        font-size: 14px;
    }

    /*h1 {
        font-size: 17vw;
        line-height: 8vw;
        font-weight: bold;
    }*/
    h2 {
        font-size: 36px;
        font-weight: bold;
    }

    h3 {
        font-size: 28px;
        font-weight: bold;
    }

}

@media screen and (max-width: 1500px) {
    .header-img img {
        margin: 0 !important;
    }
}

/*LIENS MENU RESPONSIVE*/
@media (max-width: 1500px) {
    .liens-menu li {
        text-align: center;
    }
}

/*FIN LIENS MENU SRESPONSIVE*/
@media screen and (min-width: 980px) {
    .headerSite .menuHeader li.home {
        order: 2;
    }

    .headerSite .menuHeader li.beforeHome {
        order: 1;
    }

    .headerSite .menuHeader li.afterHome {
        order: 3;
    }
    .liens-menu li::after {
        transition: all .3s ease-in-out;
        position: absolute;
        content: '';
        width: 0;
        height: 2px;
        left: 90%;
        bottom: 50%;
        background-color: #ff8c72;
        z-index: 999;
        /*clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);*/
    }

    .liens-menu li::before {
        transition: all .3s ease-in-out;
        position: absolute;
        content: '';
        width: 0;
        height: 30px;
        left: -50px;
        bottom: 1.5rem;
        z-index: 999;
        clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
        background-color: #482683;
    }

    .liens-menu li:hover::before {
        width: 30px;
    }

    .liens-menu li:hover::after {
        width: 50vw;
    }

    .liens-menu li:hover {
        margin: 0 0 0 50px;
        transform: scale(1.1);
    }
}
i b{
    font-size: .6rem;
    font-family: 'vyv';
    position: absolute;
    left: 4px;
    bottom: -5px;
    font-weight: normal!important;
}


@media (max-width: 1500px) {
    /*.header-img::after {
        position: absolute;
        content: '';
        color: transparent;
        background: #FEDA46;
        top: -71px;
        left: 70px;
        width: 100vw;
        height: 100vh;
        z-index: -1;
        clip-path: polygon(85% 0%, 100% 0%, 100% 100%, 10% 100%);
        -webkit-clip-path: polygon(85% 0%, 100% 0%, 100% 100%, 10% 100%);
    }*/
}

@media (max-width: 980px) {
    .mobileDisable {
        display: none;
    }
    .mobileEnable {
        display: inline-flex;
    }
    .textIncLabel {
        text-align: center;
    }

    .card-deck {
        flex-flow: column;
    }

    .card-deck .card {
        margin-top: 30px;
    }

    .header-img img {
        display: none;
        border-left: 15px solid white;
    }

    .footerSite .colLogoPartners {
        margin-top: -190px;
    }

    /* .header-img::after {
         position: absolute;
         content: '';
         color: transparent;
         background: #FEDA46;
         top: -71px;
         left: 5px;
         width: 100vw;
         height: 100vh;
         z-index: -1;
         clip-path: polygon(100% 10%, 100% 0%, 100% 100%, 0% 100%);
     }*/
    .headerSite .menuHeader li > a {
        color: #ffe100;
        background: #482683;
        padding: 0 5px;
        border-radius: 5px;
    }

   /* .headerSite ul.menuHeader li {
        margin-bottom: 10px;
    }*/

    #bar-menu {
        display: none;
    }

    .liens-menu {
        margin-top: 0;
    }

    .headerSite .menuHeader li > a {
        font-size: 2rem;
        line-height: 3rem;
    }

    #logo {
        padding: 5px;
    }

    .logo-rvb {
        position: absolute;
        top: 15px;
        left: 15px;
    }

}

@media (max-width: 760px) {


    .headerSite .menuHeader li {
        padding: 5px;
    }
    .headerSite .menuHeader li > a {
        font-size: 1.3rem;
        line-height: 2rem;
    }
}
/************************** FIN text increment *********************************/
@media (min-width: 980px) {

    .colMargeGaucheNeg {
        margin-left: -40px;
    }

    .colMargeGaucheNeg h2 {
        margin-top: 0 !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 980px) {
    /*
    .footerSite .colLogoPartners {
        margin-top: 0px;
    }
     */

    .logoVYV {
        display: none;
    }

    .logoVYVMobile {
        display: inline-block;
    }

    .logo-hello-charly{
        max-width: 30%;
    }
}

@media (max-width: 361px) {
    /*.header-img::after {
        position: absolute;
        content: '';
        color: transparent;
        background: #FEDA46;
        top: -82px;
        left: 22px;
        width: 100vw;
        height: 100vh;
        z-index: -1;
        clip-path: polygon(105% 0%, 100% 100%, 10% 100%, 0% 100%);
        -webkit-clip-path: polygon(105% 0%, 100% 100%, 10% 100%, 0% 100%);
    }*/
    .fondTitreHeader h1 {
        font-size: 11vw;
        line-height: 11vw;

    }
    .fondTitreHeader h2 {
        font-size: 25px;
    }
    .fondTitreHeader p {
        font-size: 13px;
    }
    .footerSite .colLogoPartners {
         margin-top: 0px;
     }
}





    .bandclass {
        background: #2CBFDC;
        border-radius: 10px;
    }
    .table.table-centrage-vertical thead th,
    .table-centrage-vertical td {
        vertical-align: middle;
    }


.CookieDeclaration{display: none;}