#covid {
background-color: red;
font-color: #FFF ;
color: #FFF !important;
padding: 20px 50px;
margin: 20px 0px;
}

#covid strong, .white { color: #FFF!important;}

.mb-20 {margin-bottom: 50px;}

/* Page "Horaires des clubs */
.separator-horaires {
visibility:hidden;
margin-bottom: 50px;
}
h2.horaires {
font-family: "Oswald", sans-serif;
color: #0e639c;
font-weight:500;
font-size:40px;
}

h3.horaires {
font-family: "Oswald", sans-serif;
color: #4f4f4f;
font-weight:500;
font-size:30px;
margin-top:30px;
}


/* Modification du header de la page accueil sur mobile */
@media (max-width: 768px) {

header .logo {
display: inline-block;
float: none;
vertical-align: bottom;
}

div.selectnav_button {
padding: 20px;
display: inline-block;
vertical-align: top;
margin-top: 0px;
float: right;
}

section.content_section.in_menu {
padding-top: 30px;
padding-bottom: 10px;
}
}
/* Fin modification du header mobile */


/* Suppression des trois cercles sur ACCUEIL pour mobile ajout texte alternatif */

.list_item_holder:last-child {
border-bottom: 0px;
padding-bottom: 0px;
}
@media (max-width: 768px) {
#trois-roues {
display: none;
}}
@media (min-width: 768px) {
#alt-trois-roues {
display: none;
}}

/* Pour rajouter un espace entre le titre et la bannière sur la page de contact */
div.contact_form h2 {
margin-top:40px;
}

/* Effet hover sur le bouton "Offre spéciale */

a.button.medium {
background-color: #0c8734;
color: #ffffff;
border: solid 1px #0c8734;
}
a.button.medium:hover {
background-color: #ffffff;
color: #0c8734;
border: solid 1px #0c8734;
}



/* Pour augmenter l'interligne du texte d'intro sur mobile  et modifier le texte " Appelez-nous séance essai"*/
@media (max-width: 768px) {
h3.intro, .seance-essai {
font-size: 25px;
line-height: 30px;
font-weight: 500;
text-align: center;
padding-bottom: 20px;
}
}


/* Pour que les flèches et points du slider soient cachés sur mobile */
@media (max-width: 480px) {
.tp-leftarrow.tparrows.hesperiden, .tp-rightarrow.tparrows.hesperiden, .tp-bullets.hesperiden {
visibility: hidden;
}
}


/* Lien vers les clubs depuis page accueil pour  mobile */
a.home-mobile {
text-decoration: none;
border-bottom: dotted 1px #000;
}


table.obelix, .obelix tr, .obelix td, .obelix tr:nth-child(2n+1) td {
background-color: #FFFFFF;
text-align:left;
margin:0px;
padding:0px 5px;
border:none;
}

ul.asterix {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

.asterix li { 
    padding-left: 16px; 
}

.asterix li:before {
    content: "*"; /* Insert content that looks like bullets */
    padding-right: 16px;
    
}


.DescriptifCours2 {
     position:relative;
border-top: 2px solid #0e639c;
margin-top:50px;
 }

.DescriptifCours2 h4 {
font-weight:bold;
}

.DescriptifCours2 img {
border-left: 2px solid #0e639c;
    position: absolute;
    left: 0px;
    width: 500px;
   
}

.DescriptifCours2 div {
padding-top: 10px;
margin-left: 520px;
}

@media (max-width: 768px) {
.DescriptifCours2 {
     border-top: 0px solid #0e639c;
     border-left: 2px solid #0e639c;
     display:block;
  }

.DescriptifCours2 img {
   position: relative;
   border-top: 2px solid #0e639c;
   border-left: 0px solid #0e639c;
 }
.DescriptifCours2 div {
position:relative;
margin-left: 10px;
}

}

/* Pour que les tableaux soient responsive */
@media (max-width: 768px) {
    table.standard_table, table.sebonito {
        width: auto !important;
    }
    table.standard_table th,
    table.standard_table td,
    table.sebonito th,
    table.sebonito td {
        padding: 10px 15px;
    }
    table.standard_table th h4,
    table.standard_table td,
    table.sebonito th h4,
    table.sebonito td
 {
        font-size: 16px !important;
    }
}
@media (max-width: 480px) {
    table.standard_table,
    table.sebonito {
        width: auto !important;
    }
    table.standard_table th,
    table.standard_table td,
    table.sebonito th,
    table.sebonito td {
        padding: 10px 5px;
    }
    table.standard_table th h4,
    table.standard_table td,
    table.sebonito th h4,
    table.sebonito td {
        font-size: 14px !important;
    }
}


/* Fin code tableau responsive */

table.sebonito {
border: 1px solid #000;
width:100%;
border-spacing : 0;
border-collapse : collapse;
}

table.sebonito  th {
border: 1px solid #000;
background-color: #0e639c;
font-family: "Oswald",sans-serif;
color: #fff;
width:20%;
font-weight:normal;
font-size: 20px;
}

/* table.sebonito = tableau des cours*/
table.sebonito tr {
vertical-align: middle;
}

table.sebonito  td {
border: 1px solid #000;
font-weight: bold;
color: #4f4f4f;
vertical-align: middle;
padding:0px;
}

table.sebonito  span {
font-weight: normal;
}

table.sebonito a.lien-td {
display : block;
padding: 10px 0px;
}

table.sebonito td.survol {
}

table.sebonito  td.survol a.lien-td:hover {
background-color: red;
color: white;
}

/* Inscription : Change la couleur des accordéons */
.accordion_holder.accordion h4, .accordion_holder.accordion div.accordion_content {
background-color:grey;
color:#FFF;
}

/* Tarifs : augmente l'espace entre les prix, seul. sur ordi */
@media (min-width: 1000px) {
 .price_table {
margin: 0 3% 0 0;
width: 22%;
}
}

/* Tarifs : enlève le slash */
.NoSlash .price_table sub.mark {
  display: none;
}

/* Tarifs : fait en sorte que les cases aient toutes la même hauteur */
li.cell {
height:25px;
vertical-align:middle;
}

.footer_bottom {
padding-top: 20px;
}

table.standard_table, td {
border: 1px solid black;
}

table.standard_table th {
background-color: #0e639c;
color: #fff;
border: 1px solid black;
}

th h4 {
color: #fff;
}

/* Page accueil: pas de changement de curseur sur les images */
.fade_in_circle_holder, .flip_image_holder {
cursor:default;
}
div.flip_image_holder > a {cursor:default;}

.footer_bottom .textwidget > span { font-family: arial; color:#ff0000; }



table.DescriptifCours {
margin-top:75px;
border-top: 2px solid #0e639c;
padding:0px
}

table.DescriptifCours tr:nth-child(2n+1) td {
background-color: #FFF;
}

table.DescriptifCours img {
border-left: 2px solid #0e639c;
}

table.DescriptifCours tr {
background-color: #FFF;
height: 220px;
padding: 0px;
}

table.DescriptifCours td {
text-align: left;
vertical-align: top;
padding: 0px;
border: 0px;
}

table.DescriptifCours td.descriptif {
padding: 20px 10px 0px 30px;
background-color: #e1e1e1;
}

table.DescriptifCours h4 {
font-weight:bold;
};