/* Chargement des polices spéciales */
@font-face
{
    font-family: 'Azertilt';
    src: url('../font/linbiolinumg_re-webfont.eot');
    src: url('../font/linbiolinumg_re-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/linbiolinumg_re-webfont.woff') format('woff'),
         url('../font/linbiolinumg_re-webfont.ttf') format('truetype'),
         url('../font/linbiolinumg_re-webfont.svg#linux_biolinum_gregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'NewRegular';
    src: url('../font/whitrabt-webfont.eot');
    src: url('../font/whitrabt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/whitrabt-webfont.woff') format('woff'),
         url('../font/whitrabt-webfont.ttf') format('truetype'),
         url('../font/whitrabt-webfont.svg#NewRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Définition des styles globaux */
html
{
    font-size: 100%;                /* Évite un bug d'IE 6-7. */
    height: 100%;                   /* Affichage optimal en hauteur */
}
body
{
    margin: 0;
    padding: 0;
    font-family: Azertilt,"Times New Roman",serif;
    font-size: .8em; /* À adapter pour la police choisie. */
    line-height: 1.4; /* À adapter au design. */
    color: black;
    background: #f0f0ff url("../img/fond_touche.png") repeat;
    height: 100%;				/* Affichage optimal en hauteur */
    width: 100%;				/* Et en largeur */
}
    /* --- STYLES DE BASE --- */

/* Titres */
h1, h2, h3, h4, h5, h6
{
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: normal;  /* Le gras, valeur par défaut, ne va pas trop avec la police AZERTILT */
    font-style: normal;
}
h1
{
    font-family: NewRegular,Azertilt,"Times New Roman",serif;
    font-size: 2.5em;
    color: #4eb1c8;
    text-shadow: 2px 4px 6px #4eb1c8;         /* Décalage H, Décalage V, Rayon du flou, couleur */
    letter-spacing: -1px;
    margin: .8em 0 0 0;
}
h2
{
    font-size: 1.25em;
    text-align: center;
    text-shadow: 1px 1px 1px #cccccc;
    background-color: #f0f0ff;
}
h3
{
    font-size: 1.5em;
    text-align: center;
    color: #ffffff;
    background-color: #4eb1c8;
    margin: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
h4
{
    font-size: 1.1em;
    text-align: center;
    text-shadow: 1px 1px 1px #cccccc;
    color: #ffffff;
    background-color: #4eb1c8;
    margin: 0px;
}
h5
{
    font-size: 1em;
    margin: 0px;
}
h6
{
    font-size: 1.2em;
    margin: 0px;
    text-align: center;
}
.faux_h4
{
    display: block;
    font-size: 1.1em;
    text-align: center;
    text-shadow: 1px 1px 1px #cccccc;
    color: #ffffff;
    background-color: #4eb1c8;
    margin: 10px 0;
    line-height: 20px;
}

/* Listes */
ul,
ol
{
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */
p {
  margin: 0 0 .6em 0;
}
address {
  margin: .75em 0;
  font-style: normal;
}

/* Pas de bordure autour des images dans les liens */
a img
{
    border: none;
}

/* Formulaires */
form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle; /* Solution pb. d'alignement. (9) */
}

/* Liens */
a
{
    font-size: 1.1em;
    text-decoration: none;
    text-shadow: none;
    color: #4eb1c8;
    background: transparent url("../img/lien.png") repeat-x bottom;
}
a:link
{
    color: #4eb1c8;
}
a:visited
{
    color: #4eb1c8;
}
a:hover,
a:focus,
a:active 
{
    color: #f19900;      /* Orange de survol */
}
hr
{
    width: 75%;
    height: 2px;
    border: none;
    color: #4eb1c8;
    background-color: #4eb1c8;
    margin: 10px auto;
    clear: both;
}
/* Définitions de styles pour les écritures globales */
strong,
.a_b_g,
#copyright
{
    color: #4eb1c8;
}
strong
{
    font-weight: normal;
}
.a_b_g,
#copyright
{
    font-weight: bold;
}
#copyright
{
    font-family: "Times New Roman",serif;
}
.clignotant,
.echec,
.succes
{
    font-weight: bold;				/* Police en gras */
}
.clignotant
{
    text-decoration: blink;
}
.echec
{
    color: #FF0000;
}
.succes
{
    color: #00C000;
}
.raz_div
{
    clear: both;
}
.prechargement
{
    display: none;          /* Permet de précharger les images de survol du menu avant lors utilisation : évite le délai de chargement au passage de la souris */
}
/* Fin des styles globaux */
#page_1000
{
    width: 1000px;
    margin: auto;
}
#entete
{
    top: 0px;
    height: 160px;
}
    #entete #logo_l,
    #entete #signature
    {
        float: left;
        height: 85px;                   /* Cette hauteur + la marge de 14x2 permet de faire coller les onglets à la page avec l'entete de 160 */
        margin: 14px 0px;
    }
    #entete #logo_l
    {
        width: 40%;
    }
    #entete #signature
    {
        width: 60%;
        text-align: center;
    }
    #entete #menu ul
    {
        height              : 48px;
        list-style          : none;  
        margin              : 0px;
        padding-left        : 13px;
    }
        #entete #menu ul li
        {
            background          : url("../img/onglet_g_inactif.png") no-repeat 0 0;
            display             : block;
            float               : left;
            margin-left         : -13px;
            position            : relative;
        }
            #entete #menu ul li a
            {
                background        : url("../img/onglet_d_inactif.png") no-repeat 100% 0;
                color             : #a2a2a2;    /* Police onglet inactif */
                display           : block;
                float             : left;
                font-size         : 21px;
                outline           : none;
                padding-right     : 31px;  
                padding-left      : 25px;
                position          : relative;
                text-decoration   : none;
                text-transform    : uppercase;
                text-shadow       : 0 1px 0 #ffffff;
            }
                #entete #menu ul li a span
                {
                    background      : url("../img/onglet_c_inactif.png") repeat-x 0 0;
                    display         : block; 
                    float           : left; 
                    line-height     : 21px;
                    padding         : 15px 6px 12px 0;
                }

        #entete #menu ul li:hover
        {
            position        : relative; 
            z-index         : 5; 
            background      : url("../img/onglet_g_survol.png") no-repeat 0 0; 
        }
            #entete #menu ul li a:hover span
            {
                background      : url("../img/onglet_c_survol.png") repeat-x 0 0; 
                position        : relative; 
                z-index         : 5; 
            }
        #entete #menu ul li a:hover
        {
            background        : url("../img/onglet_d_survol.png") no-repeat 100% 0; 
            color             : #fbfbfb;    /* Police survol onglets inactifs */
            position          : relative;
            text-shadow       : 0 -1px 0 #e9c064;
            z-index           : 5; 
        }
        /* Le premier onglet est différent des autres */
        #entete #menu ul li.premier
        { 
            background      : url("../img/onglet_g_inactif_premier.png") no-repeat 0 0;
        }
        #entete #menu ul li.premier:hover
        { 
            background      : url("../img/onglet_g_survol_premier.png") no-repeat 0 0;
        }
        /* Style de l'onglet actif */
        #entete #menu ul li.actif,
        #entete #menu ul li.actif:hover
        {
            background      : url("../img/onglet_g_actif.png") no-repeat 0 0;
            position        : relative; 
            z-index         : 10; 
        }
        #entete #menu ul li.actif a span,
        #entete #menu ul li.actif a:hover span
        {
            background      : url("../img/onglet_c_actif.png") repeat-x 0 0; 
            color           : #4eb1c8;  /* Police onglet actif */
            text-shadow: 1px 1px 1px #cccccc;
            position        : relative; 
            z-index         : 10; 
        }
        #entete #menu ul li.actif a,
        #entete #menu ul li.actif a:hover
        {
            background      : url("../img/onglet_d_actif.png") no-repeat 100% 0;
            text-shadow     : none;
            position        : relative; 
            z-index         : 10; 
        }

#corps
{
    min-height: 600px;
    border: 1px solid #4eb1c8;
    background-color: #ffffff;
}
    #corps .contenu
    {
        font-size: 1.2em;
        margin: 20px;
        text-align: justify;
        color: #000000;
        text-shadow: 1px 1px 1px #cccccc;
    }
    
    #corps .article_1
    {
        float: left;
        width: 80%;
        margin: 0px 10%;
    }

    #corps .article_2
    {
        float: left;
        width: 48%;
        margin: 1%;
        padding: 0;
    }
    #corps .article_4
    {
        float: left;
        width: 25%;
        margin: 1%;
        padding: 0;
    }
    #corps .photo           /* Les photos sont encadrées avec les bords arrondis */
    {
        float: left;
        margin-right: 10px;
        border: 1px solid #4eb1c8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    }
    #corps ol
    {
    	list-style-type:upper-roman;
        margin-left: 80px;
    }
    #corps ul
    {
    	list-style-type:none;				/* Pas de puces, elles sont affichées en image de fond car cela permet plus de choses, sur l'alignement notamment */
    }

    #corps ul li
    {
	background: transparent url("../img/puce.png") no-repeat top left;/* Simule une puce avec une image */
	background-position: 0 6px;			/* Positionne l'image en X et Y */
	padding-left: 13px;				/* Décale le texte par rapport à l'image */
        margin-bottom: 5px;
    }
    #corps .explications
    {
        color: #4eb1c8;
        font-size: 0.9em;
        margin-top: -4px;
    }
    #corps .retrait
    {
        margin-left: 20px;
    }
    #corps .retrait_plus
    {
        margin-left: 34px;
    }
    #corps .coord_lib
    {
        color: #4eb1c8;
        background-color: #f0f0ff;
        display: inline-block;
        width: 200px;
        text-align: right;
        padding-right: 4px;
    }
    #corps .coord_val
    {
	border: 1px solid #4eb1c8;
        display: inline-block;
        width: 245px;
        padding-left: 4px;
    }
    #corps .fiche
    {
        float: left;
        width: 48%;
	margin: 10px 8px;
	padding: 0px;
	color: #4eb1c8;
	border: 1px solid #4eb1c8;
        background-color: #f0f0ff;
	-moz-border-radius: 5px;		/* Bord arrondi pour les navigateurs ne gérant pas la propriété border-radius */
	-webkit-border-radius: 5px;		/* Idem */
	border-radius: 5px;			/* Arrondi des bords de 5px */
	-moz-box-shadow: 5px 5px 1px #C0C0C0;		/* Pour les navigateurs ne gérant pas la propriété box-shadow */
	-webkit-box-shadow: 5px 5px 1px #C0C0C0;	/* Idem */
	box-shadow: 5px 5px 1px #C0C0C0;		/* Ombre sous le cadre avec décélage de 5px en bas et 5px sur la droite, dégradé de 1px et coleur de l'ombre */
    }
    #corps .fiche h3
    {
        color: #FFFFFF;
        background-color: #4eb1c8;
        font-size: 1.1em;
        margin: 0px;				
        padding: 3px 5px;
        text-align: center;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    
    #corps .fiche fieldset
    {
        margin: 3%;
        padding: 0 5%;
        font-size: .9em;
        color: #4eb1c8;	
        border: 1px solid #4eb1c8;
    }
    #corps .fiche fieldset legend				/* Titre du bloc/formulaire */
    {
        color: #FFFFFF;
        background-color: #4eb1c8;
        padding: 0 3%;
        font-size: 1em;
    }
    #corps .fiche fieldset label
    {
        float: left;
        display: inline-block;
        width: 20%;
        padding-right: 4px;
        border: 1px solid #f0f0ff;
    }
    #corps .fiche fieldset textarea,
    #corps .fiche fieldset input
    {
        width: 70%;
        padding-left: 3px;
	border: 1px solid #4eb1c8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
        color: #000000;
        font-family: Azertilt,"Times New Roman",serif;
        font-size: 1em;
    }
    #corps .fiche fieldset textarea:hover,
    #corps .fiche form fieldset input:hover
    {
        background-color: #ffeebb;
    }
    #corps .fiche fieldset textarea:focus,
    #corps .fiche fieldset input:focus
    {
        background-color: #ffeebb;
    }
    #corps .fiche fieldset textarea
    {
    	resize: none;
    }

    #corps .fiche fieldset input[disabled]
    {
        background-color: #e0eaea;
    }
    #corps .fiche form p
    {
        line-height: 18px;
        margin: 10px 0px;
    }
    #corps .fiche form p a
    {
        background: none;
    }

    #corps .fiche input[type="submit"]		/* Définition des boutons "submit" */
    {
        float: right;
        margin: 0px 10px 10px 0px;
        font-variant: small-caps;		/* Libellé des boutons en petites majuscules */
        font-family: Azertilt,"Times New Roman",serif;
        color: #ffffff;
        border: 3px double #f19900;
        width: 20%;
        height: 24px;
        background-color: #4eb1c8;
        cursor: pointer;
    }
    #corps .fiche input[type="submit"]:hover
    {
        background-color: #f19900;      /* Orange de survol */
        border: 3px double #4eb1c8;
    }
#pied
{
    height: 100px;
    background: url("../img/cadre.png") no-repeat 50% 50%;
}
    #pied #logo_a,
    #pied #info,
    #pied #mentions,
    #pied #logo_d,
    #pied #validations
    {
        float: left;
    }
    #pied #logo_a
    {
        width: 85px;
        padding-top: 10px;
        margin-left: 24%;
    }
    #pied #info
    {
        padding-top: 25px;
        text-align: center;
        width: 338px;
    }
    #pied #mentions
    {
        padding-top: 20px;
        text-align: center;
        margin-left: 3%;
        line-height: 14px;
    }
    #pied #logo_d
    {
        padding-top: 30px;
        margin-left: 3%;
    }
    #pied #logo_d a
    {
        background: none;
    }
    #pied #validations
    {
        padding-top: 12px;
        margin-left: 3%;
    }
    #pied #validations  a
    {
        background: none;
    }

/* Définition des styles de l'infobulle */
.bulle_aide
{
    position:absolute;
    margin-left: 5px;
    text-decoration: none;
    cursor: help;
    font-family: "DejaVu Sans Mono",Arial,sans-serif;
    font-size: 0.75em;
    text-shadow: none;
    z-index: 49; 				/* On définit une valeur pour l'ordre d'affichage. */
}

.bulle_aide img
{
    width: 18px;				/* Même taille que les boutons des formulaires (input) */
    height: 18px;
    vertical-align: top;
}
.bulle_aide .titre,
.bulle_aide .corps
{
    display: none; 			/* Par défaut, l'infobulle est invisible. */
}
.bulle_aide:hover
{
    background: none; 			/* Correction d'un bug d'Internet Explorer. */
}
.bulle_aide:hover .titre
{
    display: inline-block; 			/* On rend visible l'infobulle. */
    position: absolute;
    width: 140px;
    top: 30px; 			/* On positionne notre infobulle. */
    right: 20px;
    font-size: 1.1em;
    font-variant: small-caps;	/* Titre en petites majuscules */
    font-weight: bold;
    text-align: center;
    padding: 3px;
    color: #ffffb0;
    background-color: #a0a0ff;
    border: 2px solid #a0a0ff;
    -moz-border-radius: 5px 5px 0px 0px;		/* Bord arrondi pour les navigateurs ne gérant pas la propriété border-radius */
    -webkit-border-radius: 5px 5px 0px 0px;		/* Idem */
    border-radius: 5px 5px 0px 0px;			/* Arrondi des bords hauts gauche et droit de 5px */
}
.bulle_aide:hover .corps
{
    display: inline-block;
    position: absolute;
    width: 140px;
    top: 52px; 			/* On positionne notre infobulle. */
    right: 20px;
    font-size: 1em;
    font-weight: normal;
    line-height: 14px;
    padding: 3px;
    color: #a0a0ff;
    background-color: #ffffb0;
    border: 2px solid #a0a0ff;
    -moz-border-radius: 0px 0px 5px 5px;		/* Bord arrondi pour les navigateurs ne gérant pas la propriété border-radius */
    -webkit-border-radius: 0px 0px 5px 5px;		/* Idem */
    border-radius: 0px 0px 5px 5px;			/* Arrondi des bords hauts gauche et droit de 5px */
}
.bulle_aide .corps em
{
    color: #ff6060;
    font-style: normal;
}
.bulle_aide .corps b
{
    color: #a0a0ff;
}
/* Définition des styles des bulle_erreurs */
.bulle_erreur
{
    position: absolute;
    margin-left: 3px;
    text-decoration: none;
    cursor: help;
    text-shadow: none;
}
.bulle_erreur .texte_affiche
{
    color: #FF0000;			/* On défini la couleur du texte à afficher car on utilise un lien qui peut avoir une couleur particulière selon le bloc dans lequel il se trouve  */
}
.bulle_erreur .texte_cache
{
    display: none; 			/* Par défaut, l'infobulle est invisible. */
    font-family: "DejaVu Sans Mono",Arial,sans-serif;
    z-index: 50; 				/* On définit une valeur pour l'ordre d'affichage. */
    font-weight: normal;
    font-size: 0.8em;
}
.bulle_erreur:hover .texte_cache
{
    display: inline-block; 			/* On rend visible l'infobulle. */
    position: absolute;
    top: 0px; 			/* On positionne notre infobulle. */
    left: 30px;
    padding: 2px 4px;
    line-height: 14px;
    background-color: #FFF5F5;
    color: #FF0000;
    border: 1px solid #FF0000;
    -moz-border-radius: 5px;		/* Bord arrondi pour les navigateurs ne gérant pas la propriété border-radius */
    -webkit-border-radius: 5px;		/* Idem */
    border-radius: 5px;			/* Arrondi des bords hauts gauche et droit de 5px */
    -moz-box-shadow: 5px 5px 1px #C0C0C0;		/* Pour les navigateurs ne gérant pas la propriété box-shadow */
    -webkit-box-shadow: 5px 5px 1px #C0C0C0;	/* Idem */
    box-shadow: 5px 5px 1px #C0C0C0;		/* Ombre sous le cadre avec décélage de 5px en bas et 5px sur la droite, dégradé de 1px et coleur de l'ombre */
}

/**** Styles de la pages mentions légales ****/
#bloc_mention
{
    width: 100%;
    text-align: right;
}
#bloc_mention table
{
    text-align: left;
    border: 2px solid #4eb1c8;
    border-collapse: collapse;
}

#bloc_mention table caption
{
    font-size: 1.6em;
}
#bloc_mention table tr th
{
    color: #ffffff;
    background-color: #4eb1c8;
    padding-left: 10px;
}
#bloc_mention table tr td
{
    padding-left: 60px;
}
/**** Fin Styles de la pages mentions légales ****/
/**** Style Div compte_rendu ****/
#compte_rendu
{
    float: left;
    width: 600px;
    margin-top: 100px;
    margin-left: 200px;
    text-align: center;
    border: 1px solid #4eb1c8;
    color: #ffffff;
    background-color: #4eb1c8;
    -moz-border-radius: 15px 0px 15px 0px;		/* Bord arrondi pour les navigateurs ne gérant pas la propriété border-radius */
    -webkit-border-radius: 15px 0px 15px 0px;		/* Idem */
    border-radius: 15px 0px 15px 0px;			/* Arrondi des bords de 5px */
    -moz-box-shadow: 5px 5px 1px #C0C0C0;		/* Pour les navigateurs ne gérant pas la propriété box-shadow */
    -webkit-box-shadow: 5px 5px 1px #C0C0C0;	/* Idem */
    box-shadow: 5px 5px 1px #C0C0C0;		/* Ombre sous le cadre avec décélage de 5px en bas et 5px sur la droite, dégradé de 1px et coleur de l'ombre */
}
#compte_rendu h2
{
    font-size: 1.4em;
    text-align: left;
    font-variant: small-caps;		/* Titre en petites majuscules */
    font-weight: normal;
    margin: 5px;
    padding-left: 30px;
    background-color: #4eb1c8;
}
#compte_rendu .corps
{
    color: #4eb1c8;
    background: #f0f0ff;
    padding: 5px;
    margin: 0px;
    border-left: 3px solid #4eb1c8;
    border-right: 3px solid #4eb1c8;
    line-height: 20px;
}
#compte_rendu .pied
{
    padding: 6px;
    text-align: right;
    font-style: italic;
}
#compte_rendu .pied a
{
    color: #ffffff;
    font-style: normal;			/* Et plus en italique */
}
#compte_rendu .corps a:hover,
#compte_rendu .pied a:hover
{
    color: #f19900;
}
/**** Fin Style Div compte_rendu ****/