@charset "utf-8";

/* Style pour le conteneur central */
.conteneur-initial {
    display: flex;            /* Utilise Flexbox */
    justify-content: center;  /* Centre horizontalement */
}

/* Style pour le wrapper de contenu */
.conteneurs-colonnes {
    display: flex;        /* Utilise Flexbox */
}

/* Style pour les blocs à l'intérieur du wrapper */
.block {
    padding: 10px;        /* Espacement pour la visibilité */
    margin: 5px;          /* Espacement entre les blocs */
}




/* new, modern clearfix hack */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

#submit_form {
    margin      : 1em;
    margin-left : 5em;

    font-size:80%;
    padding : 0.5em;

    color:white;
    border:none;
    border-radius:6px;

    background-color: #36c;
    background: linear-gradient(to bottom right, #36c, #8bf);  /* Standard syntax        */
}

/* ------------------------------------------------------------------------------------------------------------------ */

html {overflow-y: auto;}

body {
    background-color : #FFFFFF;
    font-family      : Verdana;
    color            : #000000;
    margin-top       : 1em;
    text-align : center;
}

/* Pour supprimer le cadre bleu que chrome dessine lors du focus */
*:focus {
    outline: none;
}
/* ---------- Le hack qui fixe les problèmes de débordements avec les float- */

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* ---------- Menu personnalisé -------------------------------------------------------------------------------------

.menu_ID_titre_général {
    font-family:Arial;
    font-size : 1.6em;
    margin-bottom : 0;
}

li.menu_ID_titre_bloc {
    font-family:Arial;
    font-size : 1.25em;
    margin-top:15px;
}

ul.menu_ID_ligne_choix {
    margin-top : 0px;
    margin-left:0px;
}

a.menu_ID_ligne_choix {
    font-family:Arial;
    font-size : 12pt;
}

li.menu_ID_ligne_choix {
    font-family:Arial;
    font-size : 12pt;
    line-height : 150%;
}
*/


/* ---------- Partie Identificationt -------------------------------------------------------------------------------- */

.zone_information_site_prive  {
    position : relative;
    margin-top  : 1.5em;
    text-align  : left;
    border      : 1px solid #BBB;
    font-family : Verdana;
    font-size   : 0.8em;
    padding     : 0.5em 0 0 0.5em;
}

#zone_texte_bouton_plus_moins {
    position:relative;
    height:85px;
    margin:0;
}

#zone_formulaire_identification {
    margin-top:1em;
    border:1px solid black;
    font-family:Verdana;
    font-size:16px;
    line-height:2em
}

/* ---------- Le texte d'information hidden / show ------------------------------------------------------------------ */

.bouton_information_on_off {
    border:0;
    position:absolute;
    top:45px;
    left:140px;
    width:29px;
    height:26px;
    background: url(../_Images/Bouton_info.png);
}

#PlusMoinsInfo {
    position : absolute;
    top: 20px;
    right:0.5em;
}
.nav-toggle {
    cursor:pointer;
}

.message_info {
    margin           : 2.5em 0.6em 1em 0;
    padding          : 0 1em 0 1em;
    border           : 0.1em solid #DDDDFF;
    font-size        : 90%;
    width            : 48em;
    float            : right;
    background-color : #FEFEFE;
    border-radius    : 1em;
}

.titre_info span {
    color : grey;
}

#bouton_zone_information_site_prive {
    float : right;
    margin-top: 8px;
    border : 0;
    width:  16px;
    height: 18px;
    background: url(../_Images/close_small2.gif);
}

/* ------------------------------------------------------------------------------------------------------------------ */



.titre_moyen {
    font-family : Comic Sans MS;
    font-size   : 1.5em
}

.titre-bloc-gauche {
    text-aligne : center;
    font-family : Verdana;
    font-size   : 2em;
}

.titre2_classic {
    font-family : Verdana;
    font-size   : 1.2em
}

.titre1_fun     {
    font-family : Comic Sans MS;
    font-size       : 1.6em
}

.titre2_fun     {
    font-family : Comic Sans MS;
    font-size       : 1.2em
}

.gris        {
    color       : #777777;
}

.gris_italic {
    color       : #777777;
    font-style  :italic;
}

li2           {
    font-size  : 1.5em;
    margin-top : 0.5em

}

a            {
    font-family      : Comic Sans MS;
    text-decoration  : none;
    color            : #6060FF;
}

a.neutre     {
    color            : #000000;
}

a:hover      {
    text-decoration  : underline;
}



.champs_renforce {
    padding-left     : 0.2em;
    border           : 1px solid red;
    background-color : yellow
}

.champs_normal  {
    padding-left      : 0.2em;
    border            : 0.1em solid #606060;
    background-color  : white
}

.bordure        {
    border : 1px solid grey}

.titre_info     {
    color       : purple;
    font-weight : bold;
}

.message   {
    font-family      : Verdana;
    font-size        : 0.6em
}

.lien_doc_pdf {
    background-color: palegoldenrod;
    color: black;
    border: 1px solid #0000BA;
    border-radius: 6px;
    font-size : 80%;
    padding : 0.2em;
    font-family: Verdana;
}
