/* COLOR8
    vert olive #629330;
    gris #eeeeee
    bleu cyan #3395d0 
    --ff-roboto: Roboto, sans-serif;
    --fw-regular: 400;
    --fw-bold: 700;
    --fw-black: 900;
    --c-black: #000;
    --c-white: #fff;
    --c-orient: #00537b; bleu foncé
    --c-curious-blue: #3395CE;
    --c-violet: #8764a3;
    --c-deluge: #7f6fac;
    --c-trendy-pink: #8963a3;
    --c-apple: #61933b;
    --c-olive-drab: #629330;
    --c-hippie-green: #609449;
    --c-bird-flower: #c2c917;
    --c-red: #f00;
    --c-ronchi: #edb849;
    --c-alabaster: #f8f8f8;
    --c-gallery: #ededed;
    --c-silver-chalice: #a5a5a5;
    --c-gray: #868686;
    --c-dove-gray: #707070;


    #00537b


    remplacement de #35398e par #629330
*/
body {
    background: #eeeeee; /* COLOR8 url("../assets/home-bg.png");*/
    min-height: 100vh;
    background-size: cover;
    font-family: sans-serif;
    background-attachment: fixed;
    color: black; /*Couleur du texte */
}
* {
    color: #00537b; /*Couleur du texte */
}

header {
  height: 120px;
  width: 100%;
  position: relative;
  margin-bottom: 30px; }
  header .logo {
    width: 120px;
    position: absolute;
    top: 5px;
    left: 15px; }

.banniere {
    width: 100%;
    height: 50px;
    background: #3395d0;/* #00537b;*/ /* COLOR8 url("../assets/header-bg.png");*/
    background-size: contain;
}
  .banniere .baseline {
    color: white;
    font-size: 1.5em;/* 1.5em;*/
    font-weight: bold;
    padding-top: 10px;
    width: 100%;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .banniere .baseline {
        /*color: yellow;*/
        font-size: 1.1em;/* 1.15em*/
        padding-top: 15px;
        padding-left: 150px;
        line-height: 20px;
        text-align: left; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .banniere .baseline {
        /*color: red;*/
        font-size: 1.5em;/* 1.6em;*/
        margin: 0 auto;
        padding-top: 15px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
      .banniere .baseline {
        /*color: aqua;*/
        padding-left: 20px;
        padding-top: 18px;
        text-align: center;/* left;*/
        font-size: 1.2em;/* 1.8em;*/ } }

/*.header-titre {
  width: 100%;
  background-color: #629330;
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .header-titre h1 {
    background-color: white;
    color: #629330;
    margin: 0;
    padding: 5px 5px;*//* 5px 15px;*/
    /*min-height: 20px;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 1.4em;
     }*/

.logo {
    width: 150px;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 4px;
}
.logoCertififcation {
    width: 120px;
    position: absolute;
    top: 5px;
    left: 15px;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 4px;
}

h1 {
    color: #fff; /* #fff;*/
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
    background-color: #629330; /* #629330;*/
    padding: 2px; /*5px*/
}

.TitreNav {
    text-align: center;
    /*margin-bottom: 80px;*/ /*80px*/
    color: white; /* #e35400;*/
    font-size: 1.6em; /* 1.2em;*/
    line-height: 25px; /*IS*/
    margin-top: 6px; /*IS*/
    background-color: #00537b; /* COLOR8 #629330;*/
    font-weight: 700;
}

.main-content {
  min-height: 600px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #629330;
  font-size: 1.1em;
  box-sizing: border-box;
  border: solid rgba(157, 188, 228, 0.7) 3px; }

.sous_nav {
    position: relative;
    min-height: 750px;
    overflow: hidden;
    color: white;/* #3395d0;*//* COLOR8 #629330;*/
    font-size: 0.9em; /*1 0.9em;*/
    margin-bottom: 50px;
}

    .sous_nav a {
        color: #3395d0;
        text-decoration: none;
    }

.secretariat-section {
    position: absolute;
    transform: translateX(-100%);
    top: 10px; /* 10px;*/
    left: 0;
    opacity: 0;
    text-align: right;
    border: solid white 1px; /* COLOR8 solid rgba(157, 188, 228, 0.7) 3px */
    padding: 0px;
    transition: all 0.3s;
    background-color: #629330; /* COLOR8 rgba(255, 255, 255, 0.7);*/
    width: 100%;
}
  .secretariat-section table {
    margin-right: 0;
    margin-left: auto; }
  .secretariat-section td label {
    margin: 0 5px; }/*0 5px;*/

    .secretariat-section a, .secretariat-section span {
        color: white;
        text-decoration: none;
    }

.section-hidden {
  transform: none;
  opacity: 1; }

.section-btn {
    border: solid 1px white;
    box-sizing: border-box;
    background-color: #3395d0;/* COLOR8 rgba(126, 167, 220, 0.7);*/
    padding: 0;
    transition: all 0.3s;
}

.section-btn div {
  text-decoration: none;
  color: white;
  font-size: 1.1em;
  width: 100%;
  font-weight: bold;
  cursor: pointer;
  padding: 5px; }

    .section-btn:hover {
        background: linear-gradient(#00537b, #00537b);
    }
/* COLOR8 rgba(157, 188, 228, 0.7) #3395d0 bleu adapté vert #008000  COLOR8  629330      #00537b, #00537b    */

.section-active {
    background: linear-gradient(#00537b, #00537b);
}

.NavigationTexte {
  transition: all 0.5s; }

.footer-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  z-index: 2; }
  .footer-wrapper .col-xs-4 {
    padding-left: 0;
    padding-right: 10px; }

#zone_deconnexion {
    background: #00537b;
    color: White;
    width: 100%;
    padding: 10px;
    border-top-right-radius: 20px;
}

.MenuBouton, .MenuBouton:hover, .MenuBouton:visited {
  font-size: 0.9em;/*1 0.9em*/
  color: white; }
.MenuBouton2, .MenuBouton2:hover, .MenuBouton2:visited {
   color: white;
}



#zone_deconnexion a, #zone-deconnexion a:hover {
    text-decoration: none;
}

input, label {
    margin: 5px;
}

.margin-bottom-15 {
  margin-bottom: 15px; }

.FormRecherche {
    background-color: #707070; /* COLOR8 rgba(157, 188, 228, 0.5);*/
    padding: 5px 2px; /*5px 10px;*/
    border: solid 1px #629330; /* #629330;*/
    text-decoration: none;
    color: #00537b;
}
#SousNavLabel {
    color: white; /*Couleur du texte */
}

.LiensSousNav {
  padding-top: 2px;/*IS*/
  padding-bottom: 2px;/*5px*/
  padding-right: 10px;/* 20px;*/
  width: 100%;
  border-bottom: solid 1px white; } /* COLOR8 #629330*/
    .LiensSousNav:hover {
        color: white;
        background-color: #3395d0; /*#3395d0;*/
    }

.LiensSousNavGras {
    padding-top: 2px; 
    padding-bottom: 2px;
    padding-right: 10px;
    width: 100%;
    border-bottom: solid 2px white;
    font-weight:700;
}
.LiensSousNavGras:hover {
    color: white;
    background-color: #3395d0;
    font-weight: 700;
}
.LiensSousNavBarre {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    width: 100%;
    border-bottom: solid 2px white;
    font-weight: 700;
    text-decoration: line-through;
}

    .LiensSousNavBarre:hover {
        color: white;
        background-color: #3395d0;
        font-weight: 700;
        text-decoration: line-through;
    }

.SousTitreNav {
    padding-top: 5px; /*IS*/
    padding-right: 10px; /* 20px;*/
    font-weight: 700;
}

#SousNavJure {
  margin-top: 50%; }

#SousNavFormateur {
  margin-top: 60%; }

#SousNavCertifications {
  margin-top: 80%; }

#SousNavCode {
  margin-top: 110%; }

#SousNavCommission {
  margin-top: 115%; }

.main-content {
  font-size: 1.1em;
  Line-Height: 1.2;
  padding-top: 10px;
  position: relative;
  z-index: 10; }
  .main-content td {
    padding: 5px;
    padding-left: 10px;
    border: solid white 2px; }
    .main-content td td {
      border: none; }
  .main-content ul, .main-content blockquote, .main-content td {
    font-family: Sans-Serif;
    font-size: 0.9em;
    color: #084459; }
  .main-content .Texte {
    font-family: Sans-Serif;
    font-size: 0.9em;
    color: #084459; }
  .main-content .TexteGras {
    font-family: Sans-Serif;
    font-weight: bold;
    font-size: 1em;
    color: #084459; }
  .main-content .TextePetit {
    font-family: Sans-Serif;
    font-size: 0.8em;
    color: #084459; }
  .main-content .Titre {
    font-weight: bold;
    font-size: 1.1em;
    font-family: Sans-Serif;
    color: #E35400; }
  .main-content .TitrePetit {
    font-weight: bold;
    font-size: 1em;
    font-family: Sans-Serif;
    color: #E35400; }
  .main-content .SousTitre {
    font-weight: bold;
    font-size: 1em;
    font-family: Sans-Serif;
    color: #084459; }
  .main-content .TitreNav {
    font-weight: bold;
    font-style: italic;
    font-size: 0.9em;
    font-family: Sans-Serif;
    color: #084459; }
    .main-content .TabFormulaire {
        background-color: #9CB4D6; /* adapté #74ADD3 COLOR8 #3395d0   #9CB4D6*/
        font-weight: bold;
    }
  .main-content .TitreTabFormulaire {
    background-color: #084459;
    font-weight: bold;
    font-size: 1em;
    color: White; }
  .main-content .SousTabFormulaire {
    background-color: #D7DDFF;
    font-weight: bold; }
  .main-content .SousTabFormulaireBorderBottom {
    background-color: #D7DDFF;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-color: #8FB3F2;
    border-bottom-width: thin; }
  .main-content .SousTabFormulaire2 {
    background-color: #EBF0FF;
    font-weight: normal; }
  .main-content .SousTabFormulaire2BorderBottom {
    background-color: #EBF0FF;
    font-weight: normal;
    border-bottom-style: solid;
    border-bottom-color: #8FB3F2;
    border-bottom-width: thin; }
  .main-content .TabFormulairePetit {
    background-color: #8FB3F2;
    font-weight: bold;
    font-size: 0.8em; }
  .main-content .SousTabFormulairePetit {
    background-color: #D7DDFF;
    font-weight: bold;
    font-size: 0.8em; }
  .main-content .SousTabFormulaire2Petit {
    background-color: #EBF0FF;
    font-weight: normal;
    font-size: 0.8em; }
  .main-content .TitrePopup {
    font-weight: bold;
    font-size: 1em;
    font-family: Sans-Serif; }
  .main-content .TabFormulairePopup {
    background-color: #FFCA04;
    font-weight: bold; }
  .main-content .TitreTabFormulairePopup {
    background-color: #E35400;
    font-weight: bold;
    font-size: 1em;
    color: White; }
  .main-content .SousTabFormulairePopup {
    background-color: #FFE271;
    font-weight: bold; }
  .main-content .SousTabFormulaire2Popup {
    background-color: #FFEEB1;
    font-weight: normal; }
  .main-content .SousTabFormulairePetitPopup {
    background-color: #FFE271;
    font-weight: bold;
    font-size: 0.8em; }
  .main-content .SousTabFormulaire2PetitPopup {
    background-color: #FFEEB1;
    font-weight: normal;
    font-size: 0.8em; }
  .main-content .TextUpper {
    text-transform: uppercase; }
  .main-content .Liens {
    background-image: url(../IMGS/fleches.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 30px;
    font: bold italic 9pt arial;
    text-decoration: none;
    color: #E35400; }
  .main-content .LiensTab {
    font-size: 1em;
    font-style: italic; /*font-style: italic*/
    text-decoration: underline;
    color:#084459; } /* #084459*/
.main-content .AlerteOrange {
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
    font-family: Sans-Serif;
    color: Orange; /*#E35400;*/
}
  .main-content .AlerteErreur {
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
    font-family: Sans-Serif;
    color: Red; }
  .main-content .Alerte {
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
    font-family: Sans-Serif;
    color: Red; }
  .main-content .MentionPetitBlanc {
    font-weight: normal;
    font-style: italic;
    font-size: 0.8em;
    font-family: Sans-Serif;
    color: White; }
  .main-content .MentionPetitJaune {
    font-weight: normal;
    font-style: italic;
    font-size: 0.8em;
    font-family: Sans-Serif;
    color: Yellow; }
  .main-content .MentionPetitCouleur {
    font-weight: normal;
    font-style: italic;
    font-size: 0.8em;
    font-family: Sans-Serif;
    color: Purple; }
  .main-content .Visible {
    display: block;
    visibility: visible; }
  .main-content .Invisible {
    display: none;
    visibility: hidden; }

.Espace {
    color: white; /*Couleur du texte */
}
.TitreQui {
    color: white; /*Couleur du texte */
    font-size: 0.8em;
}
.TitreAgrement {
    color: white; /*Couleur du texte */
    font-size: 0.7em;
}
.TitrePersonne {
    color: white; /*Couleur du texte */
    font-size: 0.68em;
}
.TitrePersonne2 {
    color: white; /*Couleur du texte */
    font-size: 1em; 
}
.TitreUser {
    color: white; /*Couleur du texte */
    font-size: 0.7em;
}
.TitreUser2 {
    color: white; /*Couleur du texte */
    font-size: 0.6em;
}
.White {
    color: white; /*Couleur du texte */
}

.custom-radio-list {
    /*font-size: 16px;*/ /* Exemple de taille de texte */
    color: white; /* Couleur de texte */
}

    .custom-radio-list input[type="radio"] {
        margin-right: 0px; /* Espacement entre le bouton radio et le texte */
    }

    .custom-radio-list label {
        color: white; /* Couleur du texte des options */
    }
.radio-style {
    color: white; /* Pour personnaliser la couleur du bouton radio */
    /* width: 20px;
    height: 20px;
    cursor: pointer;*/
}

/* Pour le label associé */
.radio-label {
    /*font-size: 16px;*/
    color: white;
    /*margin-left: 5px;
    cursor: pointer;*/
}
/*# sourceMappingURL=secretariat.css.map */