:root {
--fond: linear-gradient( 72deg, rgb(72, 206, 144, 30%) 0%, rgb(161, 226, 121, 30%) 100%);
--Titre: #0c71c3;
--Sous-titre: #00931b;
--Sous-titre-1A: #00931b1A;
--Bouton: #66bf66;
--Bouton-survol: #42ce42;
--Hover-Ligne1: radial-gradient(circle, rgb(255 255 255) 0%, rgba(255, 255, 255, 0) 70%);
--Hover-Ligne2: radial-gradient(circle, rgb(203 238 255 / 70%) 0%, rgba(255, 255, 255, 0) 70%) 0 100px;
}
.epidosi-EpiF {
--Hover-Ligne1: none;
--Hover-Ligne2: none;
}
.leon-fP87 {
--fond: #f0ece4;
--Titre: #244AB0;
--Sous-titre: #e31b18;
--Sous-titre-1A: #e31b181A;
--Bouton: #e31b18;
--Bouton-survol: #2e2836;
}
.coopu-G4n7 {
--fond: linear-gradient(72deg, #24b37040 0%, #24b0b340 98%);
--Titre: #007AA5;
--Sous-titre: #1c1c1c;
--Sous-titre-1A: #1c1c1c1A;
--Bouton: #e31b18;
--Bouton-survol: #2e2836;
} #searchInput {
background-color: #EFEEF6 !important;
color: #444746 !important;
border: none;
border-radius: 100px !important;
padding: 0px 25px !important;
height: 50px;
width: 75% !important;
margin: auto !important;
}
#searchInput::placeholder {
color: #444746 !important;
}
#filtres {
justify-content: center;
display: flex;
flex-wrap: wrap;
}
#filtres .col {
margin: 0px;
}
#filtres select {
width: 200px;
background-color: #EFEEF6 !important;
color: #444746 !important;
border: none;
border-radius: 100px !important;
padding: 0px 25px 0 35px!important;
height: 40px;
margin: 15px 5px;
font-weight: bold;
font-size: 14px;
}
#titreListe {
text-align: center;
display: block;
padding: 30px 0 20px;
font-size: 24px;
}
#containerStats #paragrapheStats {
margin-top: -10px !important;
padding-top: 0px !important;
}
input#searchInput:focus {
background-color: white !important;
-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
}
#filtres select:hover {
background-color: #d6d5dc !important;
cursor: pointer;
}
#filtres select option {
background: white;
}
.ligneStats {
font-size: 12px;
text-align: right;
padding: 10px 0 0;
color: #5f6368;
}
.ligneStats img {
width: 25px;
float: left;
margin-right: 10px;
}
.ligneStats h3 {
font-size: 14px;
margin: 0;
}
.ligneStats span {
font-size: 21px;
color: #244AB0;
}
.titreChiffres {
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}
#containerListe {
margin-top: 15px;
}
.div-degrade {
width: 100%;
height: 2px;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(36 74 176 / 50%) 50%, rgba(0, 0, 0, 0) 100%);
margin-bottom: 15px;
}
.topliste {
cursor: pointer;
}
.topliste.pasPointer {
cursor: auto;
}
.col0 {
padding: 5px 5px !important;
}
@media (min-width: 801px) {
.mobile-bis {
margin: 25px 20px 10px !important;
width: calc(100% - 280px) !important;
float: left;
}
}
.actions {
float: right !important;
width: auto !important;
}
#btnSelectLangue {
display: block;
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 100px;
border: 3px solid #ffffff;
margin: 20px;
position: fixed;
right: 0px;
cursor: pointer;
-webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.5);
}
.btnImgsLangue {
display: block;
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 100px;
margin: 20px;
float: left;
right: 0px;
cursor: pointer;
lex: 0 0 auto; margin: 10px; }
#imgSelectLangue, .imgsLangue {
margin-top: -50%;
height: 200%;
width: 100%;
}
#titreSelectLangue{
font-size: 21px;
display: block;
text-align: center;
margin: 25px 0 15px;
}
.bullesLangues {
display: flex;
justify-content: center; flex-wrap: wrap; margin-bottom: 20px;
}
#choixDeLaLangue .close {
margin: 10px 10px 0 0;
}
.mobile-image>img {
max-width: 160px !important;
}
@media (min-width: 801px) {
.mobile-bis {
margin: 20px !important;
width: calc(100% - 240px) !important;
float: left;
}
}
#contenuHtml {
line-height: 18px;
}
.infoDate {
display: none;
}
#searchResults tr .topliste:hover {
background: var(--Hover-Ligne2);
}
#searchResults tr:nth-child(2n+1) .topliste:hover {
background: var(--Hover-Ligne1);
}
.note .note-etoile {
margin-left: 0px !important;
line-height: initial !important;
font-weight: normal !important;
font-size: 18px;
background: var(--Titre);
text-align: center;
padding: 5px;
border-radius: 5px 5px 0 5px;
color: white;
width: 35px;
}
.note .sur-dix {
font-size: 12px !important;
line-height: 40px !important;
margin: 0 3px !important;
background: transparent !important;
border-radius: 0px !important;
padding: 0px !important;
display: initial !important;
border: 0px !important;
}
.note .avis, .note .participations {
line-height: 40px !important;
color: #666 !important;
background: transparent !important;
border-radius: 0px !important;
padding: 0px !important;
display: initial !important;
margin: 0 0 0 3px !important;
font-size: 12px;
text-decoration: underline;
}
.duree {
position: relative !important;
margin: 85px 40px -200px 0 !important;
float: right !important;
background: #666 !important;
font-size: 14px;
padding: 3px 3px 1px 15px !important;
border-radius: 300px 0px 75px 0px !important;
}
.note {
margin-top: 4px;
}
.duree img {
width: 14px;
margin-bottom: -2px;
}
#divRecherche {
margin-top: 10px;
}
#chargement-select, #chargement-select-cloche {
width: 25px;
position: absolute;
margin: -48px -166px 0px 166px;
display: none;
}
#choixDejaFait, #choixCloche {
display: none;
pointer-events: none;
opacity: 0.5;
}
#effacerFiltre {
margin: 25px 10px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
}
#effacerFiltre:hover {
text-decoration: underline;
}
.svgFiltre {
position: absolute;
width: 15px;
margin: 26px 20px;
} .modalObjectif {
display: none; 
position: fixed; 
z-index: 50; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgba(0,0,0,0.4); 
}
.modalObjectif .modal-content {
background-color: #fefefe;
margin: 15% auto; 
padding: 20px;
border: 1px solid #888;
width: 60%; 
text-align: left;
}
.closeObj {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.closeObj:hover,
.closeObj:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
#ouvrirModal {
cursor: pointer;
text-decoration: underline;
}
.pastilleSuivi {
display: none;
align-items: center;
background-color: #d4b241;
color: white;
font-size: 14px;
border-radius: 100px;
padding: 8px;
cursor: pointer;
width: 35px;
height: 35px;
overflow: hidden;
transition: width 0.3s ease;
position: absolute;
z-index: 10;
}
.pastilleSuivi:hover {
width: 195px;
}
.checkmarkSuivi {
font-size: 21px;
color: white;
margin: 2px 5px 0 2px;
display: inline;
font-weight: bold;
}
.textSuivi {
opacity: 0;
white-space: nowrap;
transition: opacity 0.3s ease;
color: white;
font-weight: bold;
font-family: "Google Sans", Arial, sans-serif;
margin-left: 5px;
}
.pastilleSuivi:hover .textSuivi {
opacity: 1;
}
#messageDejaSuivi {
color: #c89b04;
text-align: center;
font-weight: bold;
width: 600px;
margin: 0 auto 20px;
}
#formTitrePublic {
font-weight: bold;
text-decoration: underline;
}
#formDateAtelier {
display: inline;
}
.programme {
text-decoration: underline;
font-style: italic;
}
.is-invalid {
border: solid 2px red !important;
}
label.is-invalid {
border: solid 0px red !important;
color: red !important;
font-weight: bold !important;
}
#W079.obligatoire {
font-size: 11px;
line-height: 0px;
display: block;
margin: 20px 0;
}
#formulaire form {
padding: 0px 20px;
margin: 0px auto;
max-width: 800px;
}
tr {
border-bottom: 0px solid rgba(0,0,0,0) !important;
}
table.tableBordure td:last-child {
font-weight: bold;
text-align: center;
color: #ffffff;
background: rgb(12 113 195 / 75%);
}
button:focus {
background-color: #0a5089 !important;
}
#paramCompte, #containerCompte {
display: none;
}
.containerb {
max-width: 900px;
padding: 20px;
margin: 0 auto;
overflow: hidden;
}
#chargementPlaces {
margin-top: -26px;
margin-bottom: -46px;
position: relative;
z-index: 10;
}
.imgChargementPlaces {
width: 40px;
}
.btnDesac {
display: initial;
cursor: default;
pointer-events: none;
opacity: 0.3;
}
#iframeFormulaire .bandeau2 .container {
padding: 20px !important;
}
#iframeFormulaire .bandeau2 {
display: none;
padding: 10px 0px 50px !important;
}
#iframeFormulaire .col-md {
float: left;
width: 49%;
margin-top: -10px;
}
#iframeFormulaire .col-md:nth-child(odd) {
margin-right: 2%;
}
#formulaire {display: none;}
#iframeFormulaire .titre h2 {
font-size: 36px;
padding-bottom: 0px;
margin: 10px 0 0;
display: none;
}
#iframeFormulaire h5, #iframeFormulaire h6, #iframeFormulaire h2 {
margin: 0;
padding: 3px 0px;
}
#formDateAtelier {
font-style: italic;
}
#iframeFormulaire .bandeau2 .container {
padding: 0px !important;
margin: -20px 0px !important;
}
#iframeFormulaire .bandeau1 {
padding: 0px 30px;
}
#imageTitre {
float: right;
height: 110px;
margin-top: 20px;
margin-right: 0px;
display: none;
}
.form-floating {
margin: 10px 0px;
}
.titre {
//text-align: right;
color: #333333;
}
.titre .bleu {
color: #006ac1;
}
.col-md {
margin: 0px;
}
.form-floating>textarea.form-control {
height:inherit;
}
#iframeFormulaire .container {
max-width: 900px;
padding: 20px;
margin-top: 30px;
margin-bottom: 30px;
overflow: hidden;
}
.bandeau1 .container {max-width: 1000px;}
.btn-primary {
color: #fff;
background-color: #006ac1;
border-color: #006ac1;
text-transform: uppercase;
font-weight: bold;
}
.bandeau2 {
background: #e6f2fd;
}
#credit, #reussi, #message {
display: none;
padding: 30px 50px;
}
#reussi h5 {
color: #359435;
}
#message {
color: #d42f2f;
text-align: center;
font-weight: bold;
font-size: 18px;
margin: 30px 0;
}
.obligatoire, #erreurPreremplir {
color: red;
font-weight: bold;
}
#p_credit{
margin-top :10px;
}
#fermerFenetre {
text-align: center;
padding: 10px;
font-weight: bold;
text-transform: uppercase;
display: none;
color: white;
background: #66bf66;
width: 300px;
border-radius: 5px;
margin: 0 auto 50px;
cursor: pointer;
}
html, body, #page-container, #et-main-area, #main-content, #post-3465, .entry-content, .et-l.et-l--post, .et_builder_inner_content.et_pb_gutters3, .et_pb_section.et_pb_section_0.et_section_regular, .et_pb_row.et_pb_row_0, .et_pb_column.et_pb_column_4_4.et_pb_column_0.et_pb_css_mix_blend_mode_passthrough.et-last-child, .et_pb_module.et_pb_code.et_pb_code_0, .et_pb_code_inner, #iframeCompte {
height: 100% !important;
}
#lienListeFormation, #lienMonCompte {
cursor: pointer;
}
#left-area ul, .entry-content ul {
padding: 0 !important;
}
.et_fixed_nav.et_show_nav #page-container{
padding-top: 54px !important;
}
#main-content .container {
width: 100% !important;
padding: 0px !important;
max-width: none !important;
}
#logo {height: 40px;}
.et_menu_container {
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#top-menu-nav {
height: auto !important;
background: transparent !important;
box-shadow: none !important;
}
nav ul a {
font-size: 14px !important;
padding: 0 0 20px 0 !important;
}
nav ul a:hover {
background-color: transparent !important;
}
#iframeCompte {
margin-bottom: -7px;
width: 100%;
position: fixed;
display: none;
}
#iframeRecupCloches, #iframesCloches {
display: none;
}
#iframeFormulaire {
background: #e6f2fd;
display:none;
width: 80%;
max-height: calc(96% - 54px);
position: fixed;
top: calc(2% + 54px);
z-index: 20;
left: 10%;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
overflow: auto;
}
#annulerFormulaire {
display: none;
position: fixed;
top: calc(54px + 2%);
right: 10%;
z-index: 30;
background: #3c3c3c;
color: white;
padding: 10px 20px;
border-top-right-radius: 10px;
cursor: pointer;
font-weight: bold;
}
.et_pb_section .et_pb_row_0.et_pb_row {
padding-top: 0px!important;
}
footer, #cookie-law-info-bar, .main_title {
display: none !important;
}
@media (min-width: 750px) {
#iframeAstuce {
height:150px !important;
}
.et_header_style_left #et-top-navigation nav>ul>li>a {
padding-bottom: 33px !important;
padding-bottom: 20px !important;
}
.et_header_style_left #et-top-navigation {
padding-top: 20px !important;
}
}
* {box-sizing: border-box}
body #containerStats {font-family: Verdana, sans-serif; max-width: 1200px; overflow: hidden;
margin: 0 auto;}
#containerStats .slideshow-container {
position: relative;
background: #f1f1f1f1;
clear: both;
}
.tableBordure td {
border: 1px solid #333333 !important;
}
#containerStats .mySlides {
display: none;
padding: 80px;
text-align: center;
}
#containerStats .prev, #containerStats .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -30px;
padding: 16px;
color: #888;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
}
#containerStats .next {
position: absolute;
right: 0;
border-radius: 3px 0 0 3px;
}
#containerStats .prev:hover, #containerStats .next:hover {
background-color: rgba(0,0,0,0.8);
color: white;
}
#containerStats .dot-container {
text-align: center;
padding: 20px;
background: #ddd;
}
#containerStats .dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: transparent !important;
}
#containerStats .active, #containerStats .dot:hover {
background-color: #717171!important;
}
#containerStats q {font-style: italic;}
#containerStats .author {color: cornflowerblue;}
#containerStats .colonne {
float: left;
width: 21%;
margin: 20px 2% 30px 2%;
text-align: center;
}
#containerStats .colonneCinq {
float: left;
text-align: center;
width: 18%;
margin: 20px 1% 30px 1%;
}
#containerStats .colonne h3 {
margin-top: 0px;
margin-bottom: 0px;
display: table-cell;
height: 30px;
vertical-align: middle;
text-align: center;
width: inherit;
}
#containerStats h3 {
font-size: 16px;
text-align: center;
clear: both;
}
#containerStats .colonne img {
width: 30px;
}
#containerStats .colonne span {
font-size: 28px;
color: var(--Titre);
}
#containerStats .slideshow-container, .dot-container {
max-width: 1000px;
margin: auto;
}
#containerStats .mySlides {
padding: 50px!important;
}
#containerStats .groupe {
width: 700px;
display: inline-flex;
margin: auto;
max-width: 100%;
}
#containerStats .photo {
float: left;
width: 15%;
}
#containerStats .details {
float: left;
text-align: left;
width: 85%;
padding: 0 10px;
}
#containerStats .note-atelier {
font-weight: bold;
}
#containerStats .commentaire-slide {
font-size: 18px;
font-style: italic;
display: initial;
}
#containerStats .guillemetUn {
content: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/guillemet1.png);
display: initial;
height: 10px;
margin-bottom: 10px;
}
#containerStats .guillemetDeux {
content: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/guillemet2.png);
display: initial;
height: 10px;
margin-bottom: -5px;
margin-left: 2px;
}
#titreStats, #logoStats, #paragrapheStats {padding: 0px 20px;}
#logoStats { display: block;
max-height: 100px;
width: auto;
margin: 25px auto 35px;
max-width: 80%;}
#containerStats #titreStats {
font-size: 30px;
float: left;
margin-top: 20px;
}
#containerStats #paragrapheStats {
color: #666;
font-size: 14px;
clear: both;
text-align: center;
padding-top: 20px;
}
#containerStats #logoStats {
max-height: 60px;
margin: 10px 20px;
float: right;
}
@media (max-width: 750px) {
#containerStats .colonne {
width: 46%;
margin: 50px 2% 0px 2%;
}
#containerStats #paragrapheStats {
display:none !important;
}
}
#containerColonne {
position: fixed;
background: white;
width: 250px;
height: 100%;
z-index: 10;
box-shadow: 7px 0px 7px rgba(0,0,0,.05)!important;
-moz-box-shadow: 7px 0px 7px rgba(0,0,0,.05)!important;
-webkit-box-shadow: 7px 0px 7px rgba(0,0,0,.05)!important;
overflow: auto;
padding-bottom: 150px;
font-size: 15px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
#containerCorps {
margin-left: 250px;
}
#zoneConnexion {
bottom: 0px;
position: fixed;
width: 250px;
}
#firebaseui-auth-container, #firebaseui-auth-container .firebaseui-container, .firebaseui-idp-button, .firebaseui-tenant-button {
max-width: 100% !important;
width: 100% !important;
height: 50px !important;
}
.firebaseui-idp-list>.firebaseui-list-item, .firebaseui-idp-list {
margin: 0px !important;
}
#signOut, .firebaseui-idp-button {
margin: 0 !important;
background: #e39b24 !important;
}
.firebaseui-idp-icon {
background: white!important;
border-radius: 100px!important;
padding: 3px!important;
}
.firebaseui-idp-google>.firebaseui-idp-text {
color: white!important;
}
</style>
<style>
#searchInput {width: 175px; margin-left: -10px;}
.vide {color: #aaaaaa;}
select {width: 200px;}
.row {max-width: 1150px; margin: auto; padding: 20px 20px;}
.pagination {width: max-content; margin: 20px auto 20px;}
.pagination li {background: #eeeeee;}
.btn, .btn-large, .btn-small {padding: 10px 16px; line-height: initial; height: auto;}
[type="radio"]:not(:checked)+span, [type="radio"]:checked+span {
border: solid 2px grey;
border-radius: 5px;
padding: 5px 7px !important;
line-height: normal !important;
height: initial !important;
color: grey;
margin: 2px;
}
[type="radio"]:checked+span {
color: var(--Sous-titre);
border-color: var(--Sous-titre);
background: var(--Sous-titre-1A);
}
[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after, [type="radio"]:checked+span:before, [type="radio"]:checked+span:after {
display: none;
}
#chargement {
text-align: center;
position: absolute;
width: calc(100% - 250px);
background: rgb(255 255 255 / 75%);
z-index: 15;
height: calc(100% - 20px);
top: 0;
}
#chargement img {
border-radius: 1000px;
width: 400px;
}
#unInstant {
margin-top: 100px;
font-size: 26px;
font-weight: bold;
}
#ordreChargement {
font-size: 32px;
font-weight: bold;
color: #6d99ea;
font-family: 'Boogaloo', sans-serif;
text-transform: uppercase;
}
.row .col {
min-height:0px;
}
.col {
margin: 10px 0;
}
.nofilter {
background-image: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/nofilter.png);
background-color: #2980da;
width: 35px;
height: 35px;
float: left;
background-size: 60%;
background-repeat: no-repeat;
background-position: center 60%;
border-radius: 50px;
cursor: pointer;
margin: 40px 0 0 0px;
position: absolute;
right: 0px;
top: 0px;
}
#messageErreur {
display: none;
width: 100%;
text-align: center;
font-size: 26px;
font-family: "Google Sans",Arial,sans-serif;
margin-top: 30px;
}
.modal {
top: 15% !important;
margin-top: 0px !important;
left: 250px !important;
}
.fondModal {
position: fixed !important;
}
#firebaseui-auth-container .firebaseui-container { margin: 0px; width: fit-content;}
#signOut {margin: 1em 24px;}
.K6fsH:hover {
background-color: #f8f9fa;
}
.K6fsH {
align-items: center;
border-radius: 0 24px 24px 0;
box-sizing: border-box;
display: flex;
min-height: 40px;
padding-bottom: 4px;
padding-left: 24px;
padding-top: 4px;
width: calc(100% - 8px);
}
.K6fsH.KKjvXb {
background-color: #e8f0fe;
color: #185abc;
font-weight: 500;
}
.diHTMb {
display: inline-block;
min-height: 40px;
text-decoration: none;
width: 100%;
}
.pMvse {
float: left;
height: 24px;
margin-top: 8px;
vertical-align: middle;
width: 24px;
}
.fNciH {
display: inline-block;
line-height: 1.4;
overflow: hidden;
margin-top: 10px;
padding-left: 20px;
text-overflow: ellipsis;
vertical-align: middle;
color: #5f6368;
}
.KKjvXb .fNciH {
color: var(--Titre);
}
path {
fill: #5f6368;
}
.KKjvXb path {
fill: var(--Titre);
}
.nVH0kb.KKjvXb .pMvse .QILqPb {
color: #1967d2;
}
.titre {
color: #333333;
}
.titre .bleu {
color: #006ac1;
}
.col-md {
margin: 0px;
}
.form-floating>textarea.form-control {
height:inherit;
}
.container {
max-width: 900px;
padding: 20px;
margin-bottom: 30px;
overflow: hidden;
}
.bandeau1 .container {max-width: 1000px;}
.btn-primary {
color: #fff;
background-color: #006ac1;
border-color: #006ac1;
text-transform: uppercase;
font-weight: bold;
}
.btn-primary:hover {
color: #fff;
background-color: #005092;
border-color: #005092;
}
#chargementForm {
text-align: center;
display: none;
}
#credit, #reussi, #message {
display: none;
}
#reussi h5 {
color: #359435;
}
#message {
color: #d42f2f;
}
.obligatoire, #erreurPreremplir {
color: red;
font-weight: bold;
}
#p_credit{
margin-top :10px;
}
.firebaseui-list-item { text-align: left !important; }
.firebaseui-card-content { padding: 0 !important; }
.firebaseui-container { margin: initial !important; }
#btnVoirPlus {
cursor: pointer;
font-size: 12px;
color: blue;
text-decoration: underline;
margin-bottom: 20px;
}
#firebaseui-auth-container {
width: fit-content;
float: left;
height: 70px;
}
.form-control {
display: block;
width: 100% !important;
padding: 0.375rem 0.75rem !important;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.5 !important;
color: #212529 !important;
background-color: #fff !important;
background-clip: padding-box !important;
border: 1px solid #ced4da;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-radius: 0.25rem !important;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
-webkit-box-sizing: inherit!important;
box-sizing: inherit!important;
margin: 0px!important;
}
.isinvalid {
border: solid 2px red !important;
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0% !important;
}
}
#fondChargement{display:none; position : fixed; width: 100%; height : 100%; top: 0; right: 0; bottom: 0; padding-top:120px; z-index: 15; background-color: rgb(255 255 255 / 75%);}
#div_chargement {display:none; position: fixed;
width: 100%;
height: 100%;
padding-top: 320px;
right: 0;
bottom: 0;
z-index: 30;
background: rgb(255 255 255 / 15%);}
#div_chargement img, .chargementGif {margin: 10px auto;
width: 100px;
position: relative;
display: block;}
.btn {padding: 10px 16px; line-height: initial; height: auto;}
#div_authentification{float: right; margin: 17px; background: white;}
#menu {float: left; margin: 0 30px;}
.lienMenu {float: left; line-height: 75px; padding: 0 30px; color: white; cursor: pointer; text-transform: uppercase; font-weight: bold;}
.lienSousMenu { display: inline-block; float: left; line-height: 50px; padding: 0 30px; cursor: pointer; color: grey;}
.lienMenu:hover, .lienMenu.actif {background: #00000052;}
.lienSousMenu.actif, .lienSousMenu:hover {color: black; background: rgb(255 255 255);}
#photo {float: left;}
#photo img {width: 90px; border-radius: 100px; border: 2px solid white;}
#informationsPersonnelles {float: left;padding: 10px 20px;}
#nomPrenom {font-size: 24px;}
#adresseEmail {font-size: 15px; color: #525252;}
.containerInfos {margin: 30px 0;}
#liensListe a {border-radius: 50px; padding: 5px 20px; line-height: normal; height: initial; color: white; margin: 1%; font-weight: bold; float: left; font-size: 16px; text-align: center; background-image: linear-gradient(72deg,rgb(72 206 144) 0%,rgb(161 226 121 / 100%) 100%); text-decoration: none; margin-top: 50px;}
#liensListe a.lienParcours {background-image: linear-gradient(72deg, rgb(27, 179, 235) 0%, rgb(37, 239, 203) 100%);}
.imgAtelier {width: 100px;}
.iconeAtelier {margin-left: 10px;}
.atelierCheck {color: grey;}
.containerParcours {margin-bottom: 50px;border-bottom: 2px solid grey;padding-bottom: 20px;}
.pourcentageParcours {color: #59bb59;font-weight: bold;font-size: 16px;}
.btnVoirPageParcours {border-radius: 50px; padding: 5px 20px; line-height: normal; height: initial; color: white; margin: 1%; font-weight: bold; font-size: 16px; text-align: center; background: #0c71c3; text-decoration: none; margin-top: 20px; position: relative; display: inline-block;}
.btnVoirPageParcours:hover {color:white;}
.floatBloc {
padding: 25px 10px;
width: calc(50% - 20px);
float: left;
height: 150px;
margin: 10px;
font-size: 50px;
text-align: center;
background: rgb(255 255 255 / 75%);
border-radius: 5px;
}
.floatBloc h2 {
font-size: 21px;
margin: 0 0 10px;
}
#inscriptions #searchResults tr {
background-image: none;
}
span.surdix {
font-size: 21px;
}
.mySlides {
padding: 20px 50px!important;
}
.groupe {
width: 700px;
display: inline-flex;
margin: auto;
max-width: 100%;
}
.photo {
float: left;
width: 15%;
}
.details {
float: left;
text-align: left;
width: 85%;
padding: 0 10px;
}
.note-atelier {
font-weight: bold;
}
.commentaire-slide {
font-size: 18px;
font-style: italic;
display: initial;
}
.date {
display: initial;
font-weight: normal;
}
.nomAtelier {
color: #039be5;
}
.commentaireBloc {
padding: 25px 10px;
margin: 10px;
background: rgb(255 255 255 / 75%);
border-radius: 5px;
}
.commentaireBloc h2 {
font-size: 21px;
text-align: center;
background: #0c71c3;
margin: -25px -10px 20px;
color: white;
font-weight: bold;
border-radius: 5px 5px 0 0;
padding: 15px 0 10px 0;
}
.slideshow-container {
position: relative;
clear: both;
}
.mySlides {
display: none;
padding: 80px;
text-align: center;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -30px;
padding: 16px;
color: #888;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
text-decoration: none;
}
.next {
position: absolute;
right: 0;
border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
color: white;
}
.dot-container {
text-align: center;
padding: 20px;
background: #ddd;
}
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #717171;
}
q {font-style: italic;}
.author {color: cornflowerblue;}
#titreStats {
font-size: 30px;
float: left;
margin-top: 20px;
font-weight: normal;
font-family: Verdana, sans-serif;
margin-bottom: 30px;
}
#selectLangue {    font-size: 30px;
border: none;
position: fixed;
cursor: pointer;
display: block;
width: 250px;
bottom: 50px;
text-align: center;
background: #d0e0fc;
z-index: 2;
padding: 0;
height: auto;}
#libelleSelectLangue {    font-size: 14px;
border: none;
position: fixed;
cursor: pointer;
display: block;
width: 250px;
bottom: 85px;
text-align: center;
background: #1967d2;
color: #ffffff;
z-index: 3;
line-height: 20px;
}
#afficherMasquerColonne {
display: none;
position: fixed;
z-index: 11;
margin-top: 30px;
font-size: 20px;
background: #ffffff;
padding: 5px;
border-radius: 0 5px 5px 0;
box-shadow: 7px 0px 7px rgba(0,0,0,.05)!important;
-moz-box-shadow: 7px 0px 7px rgba(0,0,0,.05)!important;
-webkit-box-shadow: 7px 0px 7px rgba(0,0,0,.1)!important;
cursor: pointer;
}
#afficherMasquerColonne img {
width: 50px;
margin-bottom: -8px;
}
#masquerColonne {
display: none;
position: fixed;
background: rgb(0 0 0 / 20%);
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
.row .col {
padding: 0 !important;
}
#colCatégories, #colApplications {
width: 50%;
margin-top: 30px;
}
#idCatégories, #idApplications {
text-align: center;
padding-bottom: 10px;
border-bottom: 1px solid #b3b3b3;
}
#labelsApplications {
width: 200%;
margin-left: -100%;
margin-top: 15px;
}
#labelsCatégories {
width: 200%;
margin-top: 15px;
}
.labelsSelect {
font-weight: bold;
color: var(--Titre);
border-bottom: 3px solid #0c71c3 !important;
}
#pCommentaires .prev {
left: 10px !important;
top: 65%;
}
#pCommentaires .next {
right: 10px !important;
top: 65%;
}
#btnPartagerFormations, #btnPartagerFormationsMobile {
cursor: pointer;
padding: 7px 19px;
background: #66bf66;
margin: 5px 10px;
text-decoration: none;
display: inline-block;
border-radius: 50px;
font-family: "Google Sans",Arial,sans-serif;
font-weight: 500;
text-transform: uppercase;
color: white;
font-size: 14px;
text-align: center;
}
#btnPartagerFormationsMobile {
display:none;
}
#instructionPartage {
clear: both;
margin: 30px 15px 10px;
font-weight: bold;
text-align: center;
}
#italique {
font-size: 12px;
margin: 10px 15px;
display: block;
text-align: center;
}
#instructionPartage, #italique, #btnPartagerFormationsMobile, #btnPartagerFormations {
display: none;
}
@media (max-width: 1000px) {
#containerColonne {
display: none;
}
#containerCorps {
margin-left: 0px;
}
.modal {
left: 0px !important;
}
#chargement {
width: 100%;
}
#containerStats {
overflow: hidden;
margin: 0 auto 50px !important;
}
#afficherMasquerColonne {
display: block;
}
}
@media (max-width: 700px) {
.floatBloc {
width: calc(100% - 20px);
}
#btnPartagerFormationsMobile {
display:block;
}
#btnPartagerFormations {
display:none;
}
}
#contenuHtml {font-weight: 400;}
.sousTitre {
margin-left: -2px;
font-size: 18px;
color: var(--Sous-titre);
font-family: "Google Sans",Arial,sans-serif;
}
.colonneGauche .sousTitre {
color: #3c3c3c;
font-size: 16px;
} .groupe .note-atelier {
font-size: 18px;
color: #3c3c3c;
font-weight: 500;
}
.groupe .date {
display: inline-block;
font-size: 16px;
font-style: italic;
font-weight: normal;
} .slideshow-container {
position: relative;
} .mySlides {
display: none;
padding: 80px;
text-align: center;
} .prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -30px;
padding: 16px;
color: #888;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
} .next {
position: absolute;
right: 0;
border-radius: 3px 0 0 3px;
} .prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
color: white;
} .dot-container {
text-align: center;
padding: 20px;
background: #ddd;
} .dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
} .active, .dot:hover {
background-color: #717171;
} q {font-style: italic;} .author {color: cornflowerblue;}
.groupe {
width: 700px;
display: inline-flex;
margin: auto;
max-width: 100%;
}
.photo {
float: left;
width: 15%;
}
.details {
float: left;
text-align: left;
width: 100%;
}
.mySlides {
padding: 30px!important;
text-align: center;
} .topliste, .btnVoirPlus, .voirplus {
max-width: 1150px;
margin: auto;
}
.topliste {
font-family: Roboto,Arial,sans-serif;
}
pre {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
margin: 0;
}
.contacts {
white-space: pre-wrap;
}
.instruction, .evaluation, .handicap, .maj {
font-style: italic;
font-size: 12px;
color: #3c3c3c;
}
.prerequis {
white-space: pre-wrap;
}
.objectif {
white-space: pre-wrap;
}
.imgGratuit {
display:none;
position: absolute;
width: 70px;
margin: -20px 0 0 0;
right: -20px;
}
.gratuit0 {
display: block;
}
.gratuitEPMULT008 {
display: none;
}
.imgNouveau {
display:none;
position: absolute;
width: 100px;
margin: -20px 0 0 -20px;
}
.nouveau1 {
display:block;
}
.btnMedaille {
text-decoration: underline;
color: #0c71c3;
cursor: pointer;
font-size: 13px;
}
[type="checkbox"]:checked:disabled+span:before {
border: none;
}
[type="checkbox"]+span.lever i {
display: none;
margin: 0 15px 0 5px;
cursor: pointer;
}
[type="checkbox"]+span.lever.spanCloche i {
display: inline-block;
}
[type="checkbox"]+span.lever.spanCoeur:after{
cursor: pointer;
-webkit-transition: .2s;
transition: .2s;
background-size: 17px;
display: inline-block;
width: 40px;
height: 40px;
content: "";
background-color: white;
border-radius: 30px;
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 33%);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 33%);
margin-bottom: -15px;
}
[type="checkbox"]+span.lever.spanCoeur:after {
background-image: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/cloche+noir.png);
}
[type="checkbox"]+span.lever.spanCloche:before {
background-image: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/cloche+noir.png);
}
[type="checkbox"]+span.lever.spanOk:before {
background-image: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/ok.png);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: transparent;
background-size: contain;
height: 25px;
width: 25px;
margin-top: -10px;
border-radius: 0px;
margin-bottom: 0px;
margin-bottom: -5px;
display:none;
content:"";
}
[type="checkbox"]+span.lever.spanMedaille:before {
background-image: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/medaille.png);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: transparent;
background-size: contain;
height: 25px;
width: 25px;
margin-top: -10px;
border-radius: 0px;
margin-bottom: 0px;
margin-bottom: -5px;
display:none;
content:"";
}
[type="checkbox"]:checked+span.lever.spanCoeur:after {
background-image: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/cloche+jaune.png);
}
[type="checkbox"]:checked+span.lever.spanCloche:before {
background-image: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/cloche+jaune.png);
}
[type="checkbox"]:checked+span.lever.spanOk:before {
display: inline-block;
}
[type="checkbox"]:checked+span.lever.spanMedaille:before {
display: inline-block;
}
.modal {
margin-top: -175px;
z-index: 10;
}
.modal-content {
text-align: center;
}
.mainBtn {
cursor: pointer;
padding: 7px 30px;
background: var(--Bouton);
margin: 5px 10px;
text-decoration: none;
display: inline-block;
border-radius: 50px;
font-family: "Google Sans",Arial,sans-serif;
font-weight: 500;
text-transform: uppercase;
color: white;
}
.mainBtn.sessionDispoSansPlace {
background-image: linear-gradient( 72deg , #666 60%, rgb(255 255 255 / 0%) 100%);
}
.mainBtn:hover {
background: var(--Bouton-survol);
}
.actions {
float: left;
width: 50%;
text-align: right;
min-height: 46px;
}
.close {
cursor: pointer;
background: grey;
color: white;
font-size: 21px;
border-radius: 30px;
padding: 0 6px;
font-weight: bold;
line-height: 23px;
position: absolute;
margin: -15px 10px 0 0;
right: 0px;
}
.fondModal {
display:none;
position: absolute;
width: 100%;
background: rgba(0, 0, 0, 0.19);
height: 100%;
top: 0px;
left: 0px;
z-index: 5;
}
.duree {
background: rgba(0,0,0,0.5);
border-radius: 5px;
padding: 2px 7px;
display: inline-block;
margin: 15px 5px 15px 5px;
color: white;
}
.btnVoirPlus {
clear: both;
text-align: center;
margin-top: -20px;
margin-bottom: -10px;
}
.spanVoirPlus {
cursor: pointer;
font-size: 11px;
border-radius: 50px;
background: rgb(12 113 195 / 75%);
color: white;
padding: 2px 15px;
margin: 0 auto 15px;
display: block;
max-width: 140px;
line-height: 18px;
}
.spanVoirPlus:hover {
background: rgb(12 113 195 / 100%);
}
.topliste {
overflow: hidden;
}
.voirplus {
clear: both;
display: none;
color: #666;
font-size: 14px;
padding-top: 20px;
}
.trait {
display: inline-block;
width: 80%;
margin: auto;
position: relative;
height: 2px;
background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 80%);
}
.container-trait {
display: inline-block;
width: 100%;
text-align: center;
}
.action {
display: inline-block;
margin: 0;
padding: 0 !important;
}
.desacNotif, .btnDesinscription {
cursor: pointer;
padding: 7px 30px;
background: #0c71c3;
margin: 0;
text-decoration: none;
display: inline-block;
border-radius: 50px;
font-family: "Google Sans",Arial,sans-serif;
font-weight: 500;
text-transform: uppercase;
color: white;
border: none;
font-size: 12px;
text-wrap: nowrap;
}
.com-date {
font-style: italic;
margin-left: 5px;
display: inline-block;
}
.com-note-dix {
font-weight: bold;
}
.com-img {
height: 18px;
}
.com-img, .com-note, .com-dix, .com-note-dix, com-date {
float: left;
}
.note div {
float: left;
}
.note .note-etoile {
float: left;
margin-left: -36px;
line-height: 50px;
font-weight: 500;
font-size: 18px;
position: relative;
}
.note .sur-dix {
background: #ffffff;
border-radius: 5px;
padding: 2px 7px 2px 15px;
display: inline-block;
margin: 12px 5px 12px -19px;
border: 3px solid #e0be18;
}
.note .avis, .note .participations {
background: #e0be18;
border-radius: 5px;
padding: 2px 7px;
display: inline-block;
margin: 15px 5px 15px 5px;
}
.titre-commentaires {
background: grey;
color: white;
font-weight: bold;
padding: 5px 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: max-content;
}
.commentaires {
height: 110px;
overflow: scroll;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.infos div {
background: rgba(0,0,0,0.5);
border-radius: 5px;
padding: 2px 7px;
display: inline-block;
margin: 3px auto 3px 5px;
color: white;
}
.note img {
float: left;
position: relative;
}
.note {
color: black;
width: 50%;
float: left;
display: inline-block;
font-family: "Google Sans",Arial,sans-serif;
}
#dashboard {
display: flex;
flex-direction: column;
margin-top: -150px;
padding-top: 100px;
z-index: 999999;
background: white;
position: relative;
}
.parcours {
background: #9b7bff;
color: white;
border-radius: 5px;
padding: 2px 5px;
display: inline-block;
margin-left: 10px
}
#controlers0, #controlers4 {
display: none;
}
.detail {
white-space: pre-wrap;
}
.mobile>div {
position:relative;
margin: 0 !important;
padding: 0 !important;
}
.mobile-image {
z-index:0;
width: 200px;
margin: 0 !important;
padding: 0 !important;
}
.mobile-image>img {
max-width: 200px;
-webkit-box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 5%);
box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 5%);
border-radius: 5px;
}
.mobile-price {
z-index:1;
background-color:rgba(0,0,0,0.5);
color:#fff;
bottom: 0;
padding: 5px 10px;
}
.price-explanation {
padding-left:10px;
font-size:0.8em;
}
.price-display {
font-size: 13px;
}
.screen {
width:100%;
}
.Name {
display:inline;
margin-left:-2px;
line-height: 20px;
font-size: 21px;
color: var(--Titre);
font-family: "Google Sans",Arial,sans-serif;
}
.City {
font-size: 16px;
margin: 5px 0 -15px 0;
display: block;
color: #666;
}
.facility{
display:none;
width:35px;
}
img[data-facilities*="Parking"][data-facility="parking"]{
display:inline-block;
}
img[data-facilities*="WIFI"][data-facility="wifi"]{
display:inline-block;
}
img[data-facilities*="Gym"][data-facility="gym"]{
display:inline-block;
}
.display-facility {
display:inline-block;
color: #aaaaaa;
padding: 0!important;
}
.button-learn-more{
display:inline-block;
float: right;
}
.button-learn-more>a {
color:white!important;
background-color: rgb(8, 158, 255);
border-radius:2px;
display:inline-block;
font-size:14px;
font-weight:bold;
padding:8px!important;
text-align:center;
text-decoration:none;
float: right;
}
.rate{
display: inline-block;
font-size: 19px;
margin-left: 8px;
}
.awesomeTable-visualization-cards .card-content {
box-shadow: none !important;
margin: 0px !important;
background: transparent !important;
}
.btninscription {
background: #6bb76b;
padding: 7px 10px 5px;
margin: 5px auto;
color: black;
text-decoration: none;
display: block;
border-radius: 5px;
text-align: center;
width: fit-content;
cursor: pointer;
}
.averti {
background: #61a7ff;
padding: 3px 10px 1px;
margin: 5px auto;
}
.btninscription:hover {
background: var(--Bouton-survol);
}
.averti:hover {
background: #4dbdff;
}
.btnsinscription {
margin-top: 10px;
}
.inscriptions {
font-weight: bold;
}
.awesomeTable-visualization-cards .card:nth-child(2n+1){
background: #eaf3ff !important;
}
a.btninscription.complet {
background: lightgrey;
color: grey;
}
.outils {
background: #c3c3c3;
border-radius: 5px;
padding: 2px 7px;
display: inline-block;
margin: 15px 5px 15px 5px;
}
#searchResults tr:nth-child(2n+1) {
background: var(--fond);
}
#searchResults .commentaires tr:nth-child(2n+1) {
background: #00000017 !important;
}
.tooltip {
position: relative;
display: inline-block;
cursor: default;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 270px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
bottom: 110%;
left: 50%;
margin-left: -80px;
opacity: 0;
font-size: 14px;
transition: opacity 0.3s;
line-height: initial;
font-weight: normal;
}
.tooltip .tooltipcoeur {
width: 310px;
margin-left: -298px;
bottom: 130%;
}
.tooltip .tooltipcoeur.pasSessionDispo {
width: 310px;
margin-left: -218px;
bottom: 130%;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.tooltip .tooltipcoeur::after {
left: unset;
}
.modal-content .tooltip .tooltipcoeur {
width: 310px;
margin-left: -218px;
bottom: 130%;
}
.note-etoile .tooltiptext {
width: 160px;
}
span.tooltiptext.tooltipicone::after {
content: "";
position: absolute;
top: -40%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #555 transparent;
}
.tooltip .tooltiptext.tooltipicone {
bottom: -150%;
margin-left: -135px;
}
#data thead {
display: none;
}
.classMedaille, .classCoche  {
display:none;
}
.medailleVisiblenon, .iconeVisible {
display: inline-block;
}
.infos .tarif {
display:none;
}
.mainBtn.pasSessionDispo {
background: var(--Bouton);
display: none;
}
.mainBtn.pasSessionDispo:hover {
background: var(--Bouton-survol);
}
.spanCoeur.pasSessionDispo {
margin-left: 10px;
}
[type="checkbox"]:checked+span.lever.spanCoeur.pasSessionDispo:before {
width: 190px;
text-align: left;
padding: 8px 20px;
text-transform: uppercase;
font-size: 15px;
color: white;
cursor: pointer;
-webkit-transition: .2s;
transition: .2s;
background-size: 17px;
display: inline-block;
height: 32px;
background-color: #e0be18;
border-radius: 30px;
margin: 0 -39px 0 0;
top: 10px;
font-weight: 500;
background-image: none;
}
[type="checkbox"]+span.lever.spanCoeur.pasSessionDispo:before {
width: 190px;
background-position: 160px;
text-align: left;
padding: 9px 20px;
text-transform: uppercase;
font-size: 15px;
padding: 8px 20px;
text-transform: uppercase;
font-size: 15px;
color: white;
cursor: pointer;
-webkit-transition: .2s;
transition: .2s;
display: inline-block;
height: 32px;
background-color: #666666;
border-radius: 30px;
margin: 0 -39px 0 0;
top: 10px;
font-weight: 500;
background-image: linear-gradient( 72deg , #666 75%, rgb(219 187 3) 100%);
background-size: auto;
}
[type="checkbox"]:checked+span.lever.spanCoeur.pasSessionDispo:after {
background-image: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/cloche+jaune.png);
}
[type="checkbox"]+span.lever.spanCoeur.pasSessionDispo:after {
background-image: url(https://epidosi.s3-eu-west-1.amazonaws.com/ateliers/cloche+noir.png);
}
.infoDate {
font-style: italic;
color: #666666;
font-size: 11px;
float: right;
}
#searchResults {
border-collapse: inherit;
}
#searchResults tr {
border-bottom: 0px solid rgba(0,0,0,0.12);
}   .google-visualization-table-table .gradient,
.google-visualization-table-div-page .gradient {
background: #3C81F8 !important;
color:#ffffff;
} .google-visualization-table-tr-sel td,
.google-visualization-table-tr-over td {
background-color: #D6E9F8!important;
}  .charts-menuitem-highlight {
background-color:#437AF8!important;
color:#FFF!important;
} .google-visualization-table-table .gradient, .google-visualization-table-div-page .gradient {
background: #437AF8 !important;
color: #FFFFFF;
text-transform: uppercase;
font-weight: normal;
}
.google-visualization-controls-label {
font-weight: 500!important;
}
@media (max-width: 800px) {
.mobile {
margin: 10px;
float: none;
width: inherit !important;
}
.topliste .mobile-image {
margin : 10px auto 20px !important;
}
.mobile-bis {
margin : 10px!important;
}
.voirplus .mobile-bis {
margin : 10px 10px 20px !important;
}
.btninscription {
font-size: 15px;
width: calc(100% - 20px);
text-align: center;
padding: 15px 10px;
margin: 10px 10px;
}
.action {
width: 100%;
margin: inherit;
padding: inherit;
}
.note, .actions {
width: inherit;
float: none;
}
.topliste {
padding-bottom: 25px;
}
.groupe {
width: 100%;
}
.actions {
text-align: center;
}
.mainBtn {
font-size: 21px;
padding: 10px 50px;
}
.infoDate {
text-align: center;
width: 100%;
}
.modal {
max-height: 500px;
width: 95%;
margin-top: -400px;
}
}
@media (min-width: 801px) {
.mobile {
margin: 20px!important;
float: left;
}
.mobile-bis {
margin : 20px!important;
width: calc(100% - 280px) !important;
float: left;
}
.voirplus .mobile-bis, .voirplus .mobile {
float: right;
}
}
body.iframe-mode #main-header {
display: none;
}
body.iframe-mode.et_fixed_nav.et_show_nav #page-container {
padding-top: 0px !important;
}
.detailPage {
display: inline-block;
cursor: pointer;
width: 20px;
height: 20px;
border-radius: 30px;
-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 33%);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 33%);
padding: 2px 5px;
margin: 0 4px 0;
font-weight: bold;
font-family: "Roboto Mono", monospace;
color: white;
background-color: var(--Titre);
font-size: 16px;
}