/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');

/* MAIN */
.page-content,
.content
{
    font-family: var(--font-main);
    width: 100%;
    text-align: justify;
    line-height: 2;
}
.page-content{
    min-height: 30vh;
    position: relative;
}
.content a,
.content a:link,
.content a:visited,
.content a:focus,
.content a:active,
.content a:hover
{
	text-decoration:none;
	color: inherit;
}

.content a:hover{
	text-decoration:none;
	color: var(--main-active);
    font-weight: inherit;
}

.page-content p{
    margin-bottom: 1.2em;
}

.page-content ul,
.page-content ol
{
    margin-top: .6em;
    margin-bottom: 1.2em;
}

/* LIENS */
.content .page-content a{
    font-weight: 500;
    color: var(--main-active);
    white-space: nowrap;
    text-indent: 0;
}
.content .page-content.alternants a{ color: var(--bg-alternants); }
.content .page-content.entreprises a{ color: var(--bg-entreprises); }
.content .page-content.tuteurs a{ color: var(--bg-tuteurs); }
.content .page-content.cfa a{ color: var(--bg-cfa); }


.content .page-content a:before{
    content: "\f0c1";
	font-weight: 400;
    font-family: var(--font-awesome);
    transform: scale(.75);
    display: inline-block;
    opacity: .7;
    padding-right: .2em;
}
.content .page-content a:hover{
    font-weight: 500;
}
.content .page-content.alternants a:hover{ color: var(--bg-ff-alternants); }
.content .page-content.entreprises a:hover{ color: var(--bg-ff-entreprises); }
.content .page-content.tuteurs a:hover{ color: var(--bg-ff-tuteurs); }
.content .page-content.admins a:hover{ color: var(--bg-ff-adm); }
.content .page-content.cfa a:hover{ color: var(--bg-ff-cfa); }

.content .page-content a.link-bt{
    background-color: white;
    border: 1px solid var(--main-active);
    border-radius: 10em;
    padding:.35em .9em .35em .7em;
    /*color: white;*/
    /*font-weight: 400;*/
    display: inline-block;
    margin: .2em .4em;
    text-indent: 0;
    line-height: 1;
    cursor: pointer;
}
.content .page-content a.link-bt.link-inv{
    color: white !important;
    border: none;
    padding:.8em 1.2em .8em 1em;
}
.content .page-content a.link-bt.link-inv::before{
    content: none;
}
.content .page-content a.link-bt.link-inv i{
    transform: scale(.75);
    display: inline-block;
    opacity: .7;
    padding-right: .2em;
}
.content .page-content a.link-bt.link-inv:hover{
    background-image: linear-gradient(rgb(0 0 0/40%) 0 0);
}
.content .page-content.alternants a.link-bt{ border: 1px solid var(--bg-alternants); }
.content .page-content.entreprises a.link-bt{ border: 1px solid var(--bg-entreprises); }
.content .page-content.tuteurs a.link-bt{ border: 1px solid var(--bg-tuteurs); }
.content .page-content.cfa a.link-bt{ border: 1px solid var(--bg-cfa); }

.content .page-content.alternants a.link-bt.link-inv{ background-color: var(--bg-alternants); }
.content .page-content.entreprises a.link-bt.link-inv{ background-color: var(--bg-entreprises); }
.content .page-content.tuteurs a.link-bt.link-inv{ background-color: var(--bg-tuteurs); }
.content .page-content.cfa a.link-bt.link-inv{ background-color: var(--bg-cfa); }

.content .page-content a.link-bt:has(.image-inline){
    background-color: white;
    border-radius: 0;
    padding:0;
    display: unset;
    margin: 0;
    text-indent: unset;
    line-height: unset;
    border: none;
    position: relative;
}
.content .page-content a.link-bt:has(.image-inline) img{
    background-color: white;
    border: 1px solid var(--main-active);
    border-radius: 10em;
    padding:0;
    display: unset;
    /*margin: 0;*/
    text-indent: unset;
    line-height: unset;
    border: 1px solid;
    border-radius: var(--boutons-radius);
}

.content .page-content a.link-bt:hover{
    background-color: var(--main-active);
    color: white;
}
.content .page-content.alternants a.link-bt:hover{ background-color: var(--bg-alternants); }
.content .page-content.entreprises a.link-bt:hover{ background-color: var(--bg-entreprises); }
.content .page-content.tuteurs a.link-bt:hover{ background-color: var(--bg-tuteurs); }
.content .page-content.cfa a.link-bt:hover{ background-color: var(--bg-cfa); }

.content .page-content a.link-bt:has(.image-inline):hover{
    background-color: white;
}
.content .page-content a.link-bt:has(.image-inline):hover img{
    border-color: black;
    position: relative;
}


.content .page-content a.link-bt:before{
    padding-right: .4em;
    font-weight: 600;
    opacity: 1;
}
.content .page-content a.link-bt:has(.image-inline):before{
    padding-right: 0;
    content: "";
    display: none;
}

.content .page-content a.link-i-only{
    padding-right: .35em;
    padding-left: .35em;
    width: 1.887em;
    text-align: center;
}
.content .page-content a.link-i-only:before{
    padding-right: 0;
}

.content .link-2x{
    font-size: 120%;
}

.content .page-content a.no-icon:before{ content: ""; display: none; }
.content .page-content a.link-mail:before{ content: "\e20a"; }
.content .page-content a.link-tel:before{ content: "\f095"; }
.content .page-content a.link-youtube:before{ content: "\e132"; }
.content .page-content a.link-pdf:before{ content: "\f1c1"; transform: scale(.9); }
.content .page-content a.link-view:before{ content: "\f06e"; }
.content .page-content a.link-noview:before{ content: "\f070"; }
.content .page-content a.link-calendrier:before{ content: "\f073"; }
.content .page-content a.link-fiche:before{ content: "\f15c"; }
.content .page-content a.link-referentiel:before{ content: "\f15c"; }
.content .page-content a.link-edit:before{ content: "\f044"; }
.content .page-content a.link-edit-circle:before{ content: "\e20e"; }
.content .page-content a.link-question:before{ content: "\3f"; }
.content .page-content a.link-plus:before{ content: "\f055"; }
.content .page-content a.link-delete:before{ content: "\e2b4"; }
.content .page-content a.link-delete-circle:before{ content: "\e126"; }
.content .page-content a.link-check-circle:before{ content: "\f058"; }
.content .page-content a.link-x-circle:before{ content: "\f057"; }

.disabled{
    pointer-events: none;
    filter: grayscale(1);
    opacity: .5;
}

/* TITRES */
.titre-print{
    display: none;
}

.cfa-titre,
.page-content h2,
.page-only h2,
.content-custom h2
{
	font-family: var(--font-title);
	display: block;
	margin:0 auto;
	width: fit-content;
	position: relative;
	letter-spacing: 1px;
	font-size: 34px;
	color: var(--main-grey-title);
	line-height: unset;
    text-transform: unset;
}
.cfa-titre:before,
.page-content h2:before,
.page-only h2:before,
.content-custom h2:before
{
	content: "";
	position: absolute;
    top: -7px;
    left: -27px;
    width: 60px;
    height: 60px;
	background-image: url(../img/titre-clair-cfa.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.page-content.alternants h2{ color: var(--bg-f-alternants); }
.page-content.entreprises h2{ color: var(--bg-f-entreprises); }
.page-content.tuteurs h2{ color: var(--bg-f-tuteurs); }
.page-content.cfa h2{ color: var(--bg-f-cfa); }

.page-content.alternants h2:before{ background-image: url(../img/titre-clair-alternants.svg); }
.page-content.entreprises h2:before{ background-image: url(../img/titre-clair-entreprises.svg); }
.page-content.tuteurs h2:before{ background-image: url(../img/titre-clair-tuteurs.svg); }
.page-content.cfa h2:before{ background-image: url(../img/titre-clair-cfa.svg); }

.page-content h2:after
{
    content: "";
    position: absolute;
    top: -90px;
    left: -50vw;
    width: 150vw;
    height: 3px;
    /*background-color: var(--body-bg);*/
    /*border-bottom: 3px dashed var(--body-bg);*/
    border-bottom: 24px solid var(--body-bg);
}
.cfa-titre-fonce{
	color: white;
}
.cfa-titre-fonce:before{
	background-image: url(../img/titre-fonce.svg);
}

.page-content h2{
    margin-bottom: 2em;
    margin-top: calc( 2.5em + 80px );
}
#share-print + h2,
script + h2,
.page-content > h2:first-child,
.page-content > div > h2:first-child
{
    margin-top: .5em;
}
#share-print + h2:after,
.page-content > h2:first-child:after,
.page-content > div > h2:first-child:after
{
    display: none;
}
.page-content h3
{
    font-size:30px;
    font-family: var(--font-main);
    font-weight: 300 !important;
    color:var(--main-active);
    padding-bottom: 0;
    margin-bottom: 1.3em;
    line-height: 1.5em;
    margin-top: 2em;
    /*border-top:1px dotted var(--body-bg);*/
    background-image: linear-gradient(to right, #c4c4c4 20%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 10px 2px;
    background-repeat: repeat-x;
    text-align: left;
}
#actu-container > h3{
    margin-top: 0;
}
.page-content.alternants h3{ color:var(--bg-i-alternants); }
.page-content.entreprises h3{ color:var(--bg-i-entreprises); }
.page-content.tuteurs h3{ color:var(--bg-i-tuteurs); }
.page-content.cfa h3{ color:var(--bg-i-cfa); }

.page-content h4{
    font-size:22px;
    font-weight: 500;
    margin-bottom: .5em;
    margin-top: 1em;
    line-height: 1.4;
}
.page-content h5,
h5.evidence{
    font-size:16px;
    font-weight: 500;
    margin-bottom: 2em;
    margin-top: 2em;
    color: white;
    /*color: var(--main-pink);*/
    border-radius: var(--boutons-radius);
    box-shadow: 0 0 26px 0px rgba(250, 40, 91, .3);
    padding: 1.4em 2em;
    padding-left: 6em;
    background-color: var(--main-pink);
    /*border: 2px solid;*/

    line-height: 1.5;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;

    background-image: url(../img/info.svg);
    background-repeat: no-repeat;
    background-size: 5.5em;
    background-position: top left;
}
.page-content h5 b,
h5.evidence b{
    font-weight: 900;
    text-shadow: 1px 1px 3px #8e0a2a;
}
/* H5 juste après H2 */
.page-content h2 + h5{
    margin-top: -1em;
}
.page-content h5 a{
    color: inherit !important;
}
.page-content h5 a:hover{
    opacity: .8 !important;
}

h5.evidence a{
    color: black !important;
}
h5.evidence a:hover{
    opacity: .6 !important;
}

.first-child-no-margin-top > *:first-child
{
    margin-top: 0;
}

/* LISTES */
.page-content li{
    list-style-type: none;
    list-style-position: inside;
    padding-left: 2.5em;
    margin-bottom: 0.3em;
    text-indent: -1.5em;
}
.page-content ul li:before,
.page-content ol li:before
{
    content: "\f138";
	font-weight: 600;
    font-family: var(--font-awesome);
    padding-right: .6em;
    color: var(--main-active);
    font-size: 90%;
}
.page-content.alternants ul li:before,
.page-content.alternants ol li:before{
    color: var(--bg-alternants);
}
.page-content.entreprises ul li:before,
.page-content.entreprises ol li:before{
    color: var(--bg-entreprises);
}
.page-content.tuteurs ul li:before,
.page-content.tuteurs ol li:before{
    color: var(--bg-tuteurs);
}
.page-content.cfa ul li:before,
.page-content.cfa ol li:before{
    color: var(--bg-cfa);
}

.page-content ol li:before{
    color: var(--main-active-f);
}

.page-content.alternants ol li:before{ color: var(--bg-f-alternants); }
.page-content.entreprises ol li:before{ color: var(--bg-f-entreprises); }
.page-content.tuteurs ol li:before{ color: var(--bg-f-tuteurs); }
.page-content.cfa ol li:before{ color: var(--bg-f-cfa); }

.page-content ol li:nth-child(1):before{ content: "\e0ee"; }
.page-content ol li:nth-child(2):before{ content: "\e0ef"; }
.page-content ol li:nth-child(3):before{ content: "\e0f0"; }
.page-content ol li:nth-child(4):before{ content: "\e0f1"; }
.page-content ol li:nth-child(5):before{ content: "\e0f2"; }
.page-content ol li:nth-child(6):before{ content: "\e0f3"; }
.page-content ol li:nth-child(7):before{ content: "\e0f4"; }
.page-content ol li:nth-child(8):before{ content: "\e0f5"; }
.page-content ol li:nth-child(9):before{ content: "\e0f6"; }

/* SOULIGNE */
.page-content u{
    text-decoration: none;
    border: 0;
    border-bottom: 1px;
    border-style: dashed;
}

/* DIVERS */
.page-content sup{
    font-size: 50%;
}

.bg-degrade{
    background-image: url(../img/bg-degrade.jpg);
    background-position: top center;
    background-size: cover;
}

.page-only .page-content .ck-widget__selection-handle,
.page-only .page-content .ck-widget__type-around,
.page-only .page-content .ck-reset_all
{
   display: none;
}

.page-content table,
.ck-content .table
{
    width: 99%;
    margin: 0 auto;
}

.page-content .media.ck-widget{
    width: 99%;
    margin: .5em auto 1.5em auto;
}

/* IMAGES */

.editor #gestion-editeur:not(.mobile-view) .image-inline.ck-widget{
    width: 48%;
    margin: 1%;
}
.image-inline.ck-widget img{
    width: 47%;
    height: auto;
    margin: 0 1.5%;
}

.image.ck-widget img{
    max-width: 100%;
    width: auto;
    max-height: 800px;
    margin: 0 auto;
    display: block;
}



/* ANCHORS */

#pages-anchors{
    position: sticky;
    top:var(--header-small-height);
    z-index: 10;
    width: 100%;
    padding:.5em 0;
    font-size: 94%;
}
#pages-anchors.anchors-alternants{ background-color: var(--bg-ff-alternants); }
#pages-anchors.anchors-entreprises{ background-color: var(--bg-ff-entreprises); }
#pages-anchors.anchors-tuteurs{ background-color: var(--bg-ff-tuteurs); }
#pages-anchors.anchors-cfa{ background-color: var(--bg-ff-cfa); }

#pages-anchors-links{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    
    max-width: calc( var(--header-max-width) - ( var(--reseaux-size) * 1.2) );
    margin: 0 auto;
}
#pages-anchors-links>a,
#pages-anchors-links>#first-anchor{
    margin: 3px;
    padding:.1em 1em;
    color: white;
    /*background-color: var(--bg-entreprises);*/
    border: 1px solid;
    border-radius: var(--boutons-radius);
    letter-spacing: -1px;
}
.anchors-alternants #pages-anchors-links>a{ border-color: var(--bg-alternants); }
.anchors-entreprises #pages-anchors-links>a{ border-color: var(--bg-entreprises); }
.anchors-tuteurs #pages-anchors-links>a{ border-color: var(--bg-tuteurs); }
.anchors-cfa #pages-anchors-links>a{ border-color: var(--bg-cfa); }

#pages-anchors-links>#first-anchor{
    border-color: transparent;
    background-color: rgba(0, 0, 0, .1);
    color: rgba(255, 255, 255, .9);
    font-weight: 200;
    line-height: 2;
}
#pages-anchors-links>a:before{
    content: "\e408";
    font-family: var(--font-awesome);
    padding-right: .2em;
    opacity: .5;
    font-size: 90%;
    font-weight: 600;
    transform: translateX(-4px) scale(.9);
    display: inline-block;
}
#pages-anchors-links>a.anchor-faq:before{
    content: "\3f";
}
.anchors-alternants #pages-anchors-links>a:hover{ background-color: var(--bg-alternants); }
.anchors-entreprises #pages-anchors-links>a:hover{ background-color: var(--bg-entreprises); }
.anchors-tuteurs #pages-anchors-links>a:hover{ background-color: var(--bg-tuteurs); }
.anchors-cfa #pages-anchors-links>a:hover{ background-color: var(--bg-cfa); }

#actu-non-publiee{
    width: 100%;
    padding: 1em;
    background-color: #414141;
    color: white;
    text-align: center;
    letter-spacing: 2px;
}

#actu-flex{
    display: flex;
}
#actu-container{
    width: calc( 100% - var(--section-padding) - 300px - 1px );
    border-right: 2px solid var(--body-bg);
    padding-right: var(--section-padding);
}
#actu-menu-titre{
    margin-bottom: 1.5em;
    text-transform: uppercase;
    font-weight: 500;
}

/* SHARE PRINT */
:root{
    --sp-size : 60px;
}
#share-print{
    position: fixed;
    z-index: 100;
    /*left: 0;*/
    translate: calc( -1 * var(--section-padding) - var(--sp-size));
}
.sp-link-container{

}
.sp-link{
    width: var(--sp-size);
    height: var(--sp-size);
    background-color: #dbdbdb;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px;
    color: #737373;
    cursor: pointer;
    font-family: var(--font-condensed);
    font-size: 14px;
    line-height: 1.6;
    cursor: pointer;
}
.sp-link>i{
    font-size: 19px;
}
.sp-link:hover,
.sp-link:focus-within
{
    background-color: #121212;
    color: #f3f3f3;
}

#sp-share-container:hover #sp-share-list,
#sp-share-container:focus-within #sp-share-list
{
    max-height: 450px;
}

#sp-share-list{
    max-height: 0;
    overflow: hidden;
    transition: var(--transition-all);
}

.sp-instagram{
    color: white;
    background: #f09433;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}
.sp-facebook{
    color: white;
    background: #3b5998;
}
.sp-linkedin{
    color: white;
    background: #0e76a8;
}
.sp-whatsapp{
    color: white;
    background: #25D366;
}
.sp-twitter{
    color: white;
    background: #2e2e2e;
}
.sp-mail{
    color: white;
    background: #a36868;
}


/* REMPLACEMENT */

#formation-list{
    margin-top: 2em;
}
.formation-list-line{
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: 1px dotted #dddddd;
}
.fl-void{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.fl-court{
    display: block;
    font-weight: 600;
}
.fl-long{
    display: block;
    font-family: var(--font-condensed);
    font-size: 75%;
}
.fl-date{
    margin-left: 2em;
}
.fl-date i{
    font-weight: 200;
}

.formation-list-line:nth-child(1){
    padding: .7em 0 .5em 0;
}
.formation-list-line>div:nth-child(1){
    width: 50%;
}
.formation-list-line>div:nth-child(2),
.formation-list-line>div:nth-child(3){
    width: 25%;
}
.formation-list-line:nth-child(1) *{
    font-weight: 300;
}

/* PAGE FORMATIONS */

#formations-recherche{
    background-color: var(--bg-ff-cfa);
    width: 100%;
    padding:.5em;
}
#formations-recherche-container form{
    width: 60%;
    margin:0 auto;
}
#formations-recherche .index-select-container .select2{
    width: 50%;
}
#formations-recherche .index-formation-button{
    border-radius: 60px;
    background-color: var(--bg-f-cfa);
    margin-left: 1.5em;
}
#formations-recherche .index-formation-button:hover{
    background-color: var(--bg-cfa);
    background-image: none;
    color: white;
}
#formations-recherche .index-select-container .select2-container--default .select2-selection--multiple{
    border-color:var(--bg-cfa);
    padding: 0.1em;
}
.formations .index-dropdown.select2-dropdown{
    background:var(--bg-f-cfa);
}

#formations-container{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    line-height: 1.6;
}

.formation-nc{
    font-weight: 600;
}
.formation-nl{
    font-family: var(--font-condensed);
    font-size: 95%;
    display: block;
    margin-right: 1em;
    color: var(--bg-f-cfa);
}

.formations-each{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px dotted #c4c4c4;
}

.formations-each a{
    display: block;
}
#gestion-formations .formations-each a{
    display: inline-block;
}

.formation-link{
    width: 80%;
    width: -webkit-fill-available;
    color: var(--main-grey) !important;
    white-space: unset !important;
    text-align: left !important;
    padding-right: 2em;
}

#formations-container h3:nth-child(1),
#recherche h3:nth-child(1)
{
    margin-top: 0;
}

#formations-container h3{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}

.formation-h-calendrier{
    font-size: var(--main-size);
    color: var(--main-grey);
    font-weight: 600;
    float: right;
    padding-right: 3%;
}

.formations-calendriers{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-start;
    align-items: flex-end;
    width: 30%;
    margin-left: 2%;
    border-left: 1px dotted #c4c4c4;
}

.formations-each .formation-link{
    margin-right: 2%;
    border-right: 1px dotted #c4c4c4;
}

/* EQUIPE */

#equipe-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}
.equipe-bloc{
    width: 33.333%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding:1em 2em;
    margin-bottom: 3em;
}
.equipe-bloc:nth-child(1){
    margin: 0 33%;
}
.equipe-bloc-img{
    text-align: center;
}
.equipe-bloc-img img{
    width: 70%;
}
.equipe-bloc-nom{
    font-family: var(--font-title);
    font-size: 120%;
    font-weight: 600;
    line-height: 1.5;
}
.equipe-bloc-poste{
    margin-bottom: .7em;
}


/* OUTILS */

#mes_outils_flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: stretch;
}
#mes_outils_flex a.mes_outils_bloc{
    width: calc( 50% - 2em);
    display: block;
    margin:1em;
    padding:2em 2em;
    white-space:unset;
    border: 1px solid white;
    border-radius: 24px;
    transition: var(--transition-all);
}
#mes_outils_flex a.mes_outils_bloc:before{
    content: "";
    display: none;
}
.outil_img{
    padding-bottom: calc( 50% + 12em );
    background-image: url(../img/outils-alternants-ypareo.png);
    background-position: center;
    background-size:auto 90% ;
    background-repeat: no-repeat;
    transition: var(--transition-all);
}
#mes_outils_flex a .outil_titre{
    text-align: center;
    font-family: var(--font-title);
    font-size: 150%;
    line-height: 1.4;
}
.alternants #mes_outils_flex a .outil_titre{ color:var(--bg-alternants); }
.entreprises #mes_outils_flex a .outil_titre{ color:var(--bg-entreprises); }
.tuteurs #mes_outils_flex a .outil_titre{ color:var(--bg-tuteurs); }

.alternants #mes_outils_flex a:hover .outil_titre{ color:var(--bg-ff-alternants); }
.entreprises #mes_outils_flex a:hover .outil_titre{ color:var(--bg-ff-entreprises); }
.tuteurs #mes_outils_flex a:hover .outil_titre{ color:var(--bg-ff-tuteurs); }

#mes_outils_flex a .outil_desc{
    color: var(--main-grey);
    font-weight: 400;
    text-align: center;
    
}

#mes_outils_flex a.mes_outils_bloc:hover{
    box-shadow: var(--box-shadow);
}
#mes_outils_flex a.mes_outils_bloc:hover .outil_img{
    background-size:auto 105%;
}

.content input[type="radio"] {
	margin-right: 1em;
}

.content input[type="radio"] + label {
    background-color: var(--col-c-cfa);
    padding: .5em 1.2em;
    border-radius: var(--boutons-radius);
    color: black;
}
.content input[type="radio"]:checked + label {
    background-color: var(--bg-f-cfa);
    color: white;
}