/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) ... et (0.875 * 16px = 14px)

   Règle de calcul pour trouver une taille en em :  taille voulue de l'enfant en pixels  / taille du parent en pixels = Taille de l'enfant en em
   Exemple : 24px / 12px = 2em  -  14.4px / 12px =  1.2em  -  18px / 12px =  1.5em
   cf. http://www.blog-and-blues.org/weblog/2004/05/24/214

    Un line-height équivaut à environ 1,5 de font-size. Exemple pour 12px => 12 * 1.5 = 18px
    1.618 correspond au ratio nbre d'or...
    Line-height devrait tjrs être sans unité type Nombre car c'est une valeur relative à Font-size [ ou type longeur (em) ou pourcentage (%) ]
*/

body {
    /*font: 100%/1.618; ratio nbre d'or*/
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 87.5%;  /* Equivaut à 14px soit 14px / 16px = 0.875 = 87.5% */
    line-height: 1.5;
    font-weight:400;
    color: #000000;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body {
        /*font-size: 93.75%;
        font-weight:600;*/
    }
}


.bleu {
    color: #18ade5;
}
.bleu_fonce {
    color: #1d6093;
}
.vert {
    color: #d3d80e;
}
.vert_fonce {
    color: #79b51b;
}
.orange {
    color: #f39200;
}
.orange_fonce {
    color: #f33f00;
}
.rose {
    color: #e6007e;
}
.violet {
    color: #931d7e;
}
.gris {
    color: #e0e0e0;
}
.gris_fonce {
    color: #979797;
}
.blanc {
    color: #ffffff;
}

strong{
    font-weight: 600;
}

.souligne {
    text-decoration: underline;
}

.leger {
    font-weight: 300;
}
.gras {
    font-weight: 700;
}
.gras_fort {
    font-weight: 800;
}

.container p {
    font-size: 1em; /* 14px/21 */
}

/* ********** HEADER ********** */
/* **************************** */

#titre_header {
    font-weight: 300;
    font-size: 1.714em;  /* 24px/36 */
}

#moncompte p {
    font-size: 0.857em;  /* 12px/18 */
}

#moncompte button {
    font-size: 1em;  /* 12px */
    line-height:1.428; /* 20px */
}

/* *********** MENU *********** */
/* **************************** */

#menu a {
    font-size:1em; /* 14px */
    line-height:2.5; /* 35px */
    display:block;
    padding:0 20px;
    text-decoration: none;
}

#menu a:link,#menu a:visited,#menu a:active {

}
#menu a:hover,#menu a:visited:hover  {
    color:white;
}

/* ********* ONGLETS ********** */
/* **************************** */

#onglets a {
    font-size:1em; /* 14px */
    line-height:2.5; /* 35px */
    display:block;
    text-decoration: none;
}

#onglets a:link,#onglets a:visited,#onglets a:active {

}
#onglets a:hover,#onglets a:visited:hover  {
    color:white;
}

.cercle_alerte_onglet{
    font-size:0.714em; /* 10px */
    line-height:1.5; 	/* origine : 1.75 */
    color:white;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .cercle_alerte_onglet{
        line-height:1.4;
    }
}
/* hack IE11 */
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .cercle_alerte_onglet{
        line-height:1.4;
    }
}


/* *********** BODY *********** */
/* **************************** */

#titre_page h1{
    display:inline-block;
    font-size:1.142em; /* 16px */
    line-height:3.1; /* 50px */  /* 50/16 = 3.215 */
    text-transform: uppercase;
    font-weight:600;
}

#titre_page h1 span{
    font-size:1em; /* 14px */
    text-transform: lowercase;
    font-weight:400;
}

#prefixe{
    font-size: 0.857em;  /* 12px/18 */
    line-height:4.16; /* 50px */  /* 50/12 = 4.16 */
}

#alertes ul li {
    font-size: 0.857em;  /* 12px/18 */
    line-height:1.25; /* 15px */ /* 15/12 = 1.25 */
}



table th{
    color:white;
    font-size: 0.928em;  /* 13px/18 */
    font-weight:400;
}
table td{
    font-size: 0.928em;  /* 13px/18 */
}

table.sans_entete_derniere_colonne tr td:nth-child(2) a,
table.sans_entete_derniere_colonne tr td:last-child a,
table.sans_entete_derniere_colonne.sans_entete_deux tr td:nth-last-child(2) a{
    display:block;
    height:100%;
    width:100%;
    cursor:pointer;
    font-size:18px;
    line-height:30px;
    color:#e6007e;
}
table.sans_entete_derniere_colonne tr td:nth-child(2) a{
    font-size:16px;
    line-height:23px;
	color:#000000;
}


table.tableau_referent{
    font-size:0.866em; /* 13px */
}
table.tableau_referent th{
    color:white;
    line-height:1.2em;
    font-weight:400;
}


.legende_tunnel{
    font-size:0.857em; /* 12px */
    font-weight:600;
    color:#d2d2d2;
}

.check_etape_tunnel{
    font-size:1.1em;
    color:white;
    line-height:25px; /* origine : 30*/
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .check_etape_tunnel{
        line-height: 1.7;
    }
}
/* hack IE11 */
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .check_etape_tunnel{
        line-height: 1.7;
    }
}

fieldset p:nth-child(2) > span span {
    color:#e6007e;
    font-weight:600;
}


#transfert h2{
    font-size: 1.06em;
    color:#1d6093;
    padding-left:20px;
    margin:20px 0;
    font-weight:700;
}
.recap_etapes h3 {
    font-size: 1.06em; /* 16px  16px/15px (taille font du formulaire) = 1.066 */
    color: #18ade5;
    padding-bottom:20px;
    font-weight:600;
}




/* ********** FOOTER ********** */
/* **************************** */

footer .container {
    color: white;
}

footer h3.titre_bloc {
    font-size: 1em; /* 14px/21 */
    font-weight:400;
    display: inline-block;
    padding-right: 5px;
}

footer .texte_bloc {
    font-size: 0.928em; /* 13px/19.5 */
    font-weight:400;
}


#socket .container p {
    font-size: 0.85em; /* 12px */
    line-height:2.5; /* 30 */
}


/* ********** LIENS ********** */
/* **************************** */

a.link {
    font-family: inherit !important;
    text-decoration: underline;
}
a.link:link, a.link:visited, a.link:active {
    color: #fff;
}
a.link:hover, a.link:visited:hover {
    color: #1d6093;
}

a.pj {
    font-family: inherit !important;
    text-decoration: underline;
}
a.pj:link, a.pj:visited, a.pj:active {
    color: #e6007e;
}
a.pj:hover, a.pj:visited:hover {
    color: #1d6093;
}

table a:link, table a:active, table a:hover{
    display:block;
    width:100%;
    color:#e6007e;
}
table a:visited,table a:visited:hover{
    color:#000000;
}


table a.check_motif_refus:link,table a.check_motif_refus:active,table a.check_motif_refus:visited,
table a.check_motif_refus:hover,table a.check_motif_refus:visited:hover{
    /*display:block;*/
    /*width:100%;*/
    color:#f39200;
}

table a.a_traiter:link,table a.a_traiter:active,table a.a_traiter:visited,
table a.a_traiter:hover,table a.a_traiter:visited:hover{
    /*display:block;*/
    /*width:100%;*/
    color:#ffffff;
}



a.gestion_id:link, a.gestion_id:active, a.gestion_id:hover, a.gestion_id:visited, a.gestion_id:visited:hover{
    color:#e6007e;
}


/* Pour les tablettes et tél portable */
a.tel{
    text-decoration:none;
}

a.tel:link, a.tel:visited{
    color:#fff;
}

a.tel:hover, a.tel:visited:hover{
    color:#fff;
}