@charset "utf-8";
/* CSS Document */

body {margin:0;padding:0;}
/*
pas de point donc s'applik a toutes les balises definies en rose ci dessus ( td, tr...) ici il s'agit du body.
ci dessous, mettre un point et un nom precis definit un style spcifik. il fo apres l'appeler ds une balise ds le html
*/
.tablo {width:902px;}

.fil-ariane a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#023452; text-decoration:none;}
.fil-ariane a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#27bbed; text-decoration:none;}
/*
- a = s'applik aux liens
- a:hover = s'applik aux rollovers
*/
.h1 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#27bbed;}

.h1_lien a{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#27bbed; text-decoration:none;}
/*.h1_lien a:hover{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#fe782d; text-decoration:none;}*/

.h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#fe782d;}

.h2_lien a{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#fe782d; text-decoration:none;}

/*.h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#8abb06;}*/

.footer1 a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#023452; text-decoration:none;}
.footer1 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#27bbed; text-decoration:none;}

.footer2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#27bbed; text-decoration:none;}

/*bleu*/
.titre_debut_texte {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#24b7e9;}
.titre_contenu_texte {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#24b7e9;}

/*vert*/
.titre_debut_texte_fiches {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:22px; color:#8abb06;}
.titre_contenu_texte_fiches {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#81b001;}

.texte_contenu {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#023561;}

.texte_fiches_vert-italique {font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#81b001; font-style:italic}

.texte_legende {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#023561;}

.lien_pdf a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#023561; text-decoration:none}
.lien_pdf a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#27bbed; text-decoration:none}


.btn_ok {width:35px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#023561;}

.news_texte_contenu a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#023561; text-decoration:none;}
.news_texte_contenu a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#27bbed; text-decoration:none;}

.filet {border-right:1px solid #9adff6;}

.sous_nav a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#023561; text-decoration:none;}
.sous_nav a:hover{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#18addf; text-decoration:none;}

/*.colonne_sous_nav1 {padding-left:50px;}*/

.titres_news {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#023561;}

.acces_login {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8a8a8a;}
.mdp_oubli a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:none;}
.mdp_oubli a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:underline}