/* feuille style site 202506330 après fusion avec tunnel */


:root {
    --background-color: #FFF !important;
}
#menu4601110 .nav li, .navbar-nav li {
    font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
}
 /* Bouton du menu sur portable */
button.navbar-toggle, button.navbar-toggle.collapsed {
    background: #040512 !important;
}


.page-container .btn.btn-primary {
    background: #3C50FF !important;
    border-color: #3C50FF !important;
}
h2 {
  scroll-margin-top: 80px;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  /* Note: font-size units are typically em, px, or %; 0.3cm might not be a recommended unit */
}
#main-composition p:not(.title) {
    font-size: 16px;
    color: #333333;
}
#main-composition .blog-post article h1:not(.nav>li>h1):not(.btn), .post-title h1 {
  /* H1 du blog */
  color : #212121 !important;
  font-family: Paytone One, Arial, Helvetica, sans-serif;
  margin-bottom : 63px;
}
.blog-post h1, .blog-post h2, .blog-post h4, .widgets h2 {
    font-weight: normal !important;
}
h1, h2 {
  font-family: Paytone One, Arial black, Helvetica, sans-serif !important;
}
h1.post-title, #main-composition #headline h1 {
    color : #212121 !important;
    margin-top: 42px !important;
    line-height: 42px !important;
}
h1, h2, h4, h5, h6 {
font-weight : normal !important;
/*  font-family: Poppins, Helvetica, sans-serif; */
}

h1 {
font-size : 42px !important;
color : #fff !important;
}
.page-container .header-container .container > h1 {
/*  h1 des pages génériques */
    color: #212121 !important;
}

h2 {
font-size : 36px !important;
color : #3c50ff !important;
}
/* voir si H3 spécifié ainsi serait mieux #main-composition h3:not(.nav>li>h3):not(.btn) */
h3 {
    font-weight : normal !important;
    color : #808080 !important;
    font-family: Oswald !important;
    text-transform: uppercase;
    font-size: 20px !important;
}
h4 {
font-size : 18px !important;
color : #333 !important;
}
 

.question h4 {
    /* font-weight : bold  !important; */
    margin-top: 0px;
    margin-bottom: 0px;
}
#main-composition #faq .faq .reponse {
    padding: 10px 16px 25px !important;
}
#main-composition .faq .reponse p {
    margin-left: 41px !important;
}
#main-composition #faq .faq .question {
    padding: 0px 16px !important;
    margin-top: 0px;
    font-weight: normal !important;
    border-top: 1px solid #E3E6EA;
}
:root {
    --primary-color: #3c50ff !important;
}
button, .button_link {
text-transform : uppercase;
}
button.action {
    background: #128fa1;
    font-family: "Poppins";
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    border: 1px solid;
    border-color: #128fa1;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
}
button.action:hover {
    background: #333;
    color: #fff;
    border: 1px solid #333;
}

.maincontainer.formulaire_paiement .theme-v2 .shop_inscription .form-group .control-label, .control-label {
    font-size: 15px !important;
    font-weight: bold  !important;
}
.maincontainer.formulaire_paiement .theme-v2 .shop_inscription .form-group label {
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 7px 0;
}

textarea#rens25993, textarea#rens25994, textarea#rens25995 {
    width: 40px !important;
    height: 30px !important;
}
textarea#rens25995 {
    width: 70px !important;
}

.invisible, #formcontainer545444 {
display : block;
position : absolute;
top : -3000px;
left : -3000px;
}

.imggauche {
float:left; 
margin: 5px 21px 5px 0;
margin-left: 0;
border: 16px solid #f3f4f5;
}
.imgdroite {
float:right; 
margin: 21px;
margin-right: 0;
margin: 5px 0 5px 21px;
border: 16px solid #f3f4f5;
}

.evaluation.theme3 .box {
    background: #3c50ff !important;
    background-color: #3c50ff !important;
}

.evaluation.theme3 label {
    color: rgb(255 255 255 / 80%);
}

.evaluation.theme3 input[type="checkbox"]:checked + label, .evaluation.theme3 input[type="radio"]:checked + label {
    color: #e4fc76;
}

.tag .label {
    font-weight: normal;
}

.label-default {
    background-color: #333;
}
.label-info {
    background-color: #3C50FF;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

th, td {
  padding: 12px;
  text-align: left;
  border: 1px solid #ddd;
}

thead th {
  background-color: #3C50FF;
  color: white;
  font-weight: bold;
}

tbody tr:nth-child(even) {
  background-color: #f9f9f9; /* Gris très clair */
}

tbody tr:nth-child(odd) {
  background-color: #ffffff; /* Blanc */
}

caption {
  caption-side: top;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}

table {
  margin-top: 20px;
  border-radius: 8px;
  overflow: hidden;
}

th, td {
  border-bottom: 1px solid #ddd;
}

th:first-child, td:first-child {
  border-left: 1px solid #ddd;
}

th:last-child, td:last-child {
  border-right: 1px solid #ddd;
}

.barre {
  position: relative;
  display: inline-block;
}

.barre::before {
  content: '';
  position: absolute;
  top: 50%; /* Ajuster pour centrer la ligne */
  left: 0;
  right: 0;
  border-top: 2px solid black; /* Épaisseur et couleur de la ligne */
  transform: rotate(-20deg); /* Ajuster l'angle de la ligne */
  transform-origin: center;
  width: 100%;
}
.barrerouge {
  position: relative;
  display: inline-block;
}

.barrerouge::before {
  content: '';
  position: absolute;
  top: 50%; /* Ajuster pour centrer la ligne */
  left: 0;
  right: 0;
  border-top: 3px solid red; /* Épaisseur et couleur de la ligne */
  transform: rotate(-20deg); /* Ajuster l'angle de la ligne */
  transform-origin: center;
  width: 100%;
}

#inscription legend, #inscription .rgpd-label {
	display : none;
	visibility : hidden;
	color : #fff;
}

.form-actions button {
	background-color: #3c50ff;
	color : #fff;
}

.form-actions {
	background-color: #fff
}

.maincontainer.formulaire_paiement .theme-v2 .shop_discount .input-group input {
border: 1px solid #616161 !important;
background-color : #f0f0f0 !important;
}
.maincontainer.formulaire_paiement .theme-v2 .shop_discount .input-group .btn, .maincontainer.formulaire_paiement .theme-v2 .shop_discount .input-group .btn-default {
    border: 1px solid #000 !important;
    background-color: #3c50ff !important;
    color : #fff !important;
}
.input-group .input-group-addon {
    display: none;
    visibility: hidden;
}
input.form-control {
border : 1px solid #BEBEBE !important;
background-color : #EFEFEF !important;
padding: 5px;
}


/* Rendre visible formulaire bon de réduction */
div .shop_discount_form {
    display: block !important;
}
a.shop_discount_link {
    /* color: #3c50ff !important; */
    font-weight: bold;
    text-decoration: none;
}

/* Formater prix automatique */
p.price {
    font-family: Impact !important;
    font-size: 52px !important;
}

/* Formater montant réduction */
p.subtotal_price {
    font-family: Impact !important;
    font-size: 36px !important;
}
/* rendre invisible lien bon de réduction */
a.shop_discount_link, .discount_resume i {
	display : block;
	position : absolute;
	top : -999999px;
	left: -999999px;
}


/* code à vérier 
#main-composition .formation_form .form-group label, #main-composition .comments .form-group label {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
}
 */

/* alléger cgv 
.form-group.cgv {
    position: absolute;
    top: -9999999999px;
    left: -999999999999px;
}
*/




/* surligner menu on actuel, valeurs à renseigner dans chaque page
.navbar ul li a[href*="outils"], #line-footer #col2216548 ul li a[href*="/"] {
    color: #5566FF !important;
    font-weight: bold;
}
 */