/* CSS Document */
HTML{width: 100%;}

BODY{width: 100%; margin: 0px; text-align: center; font-family:Arial, Trebuchet MS; font-size:0.8em; background-color:#FFFFFF;
 background-image:url(traits.jpg); background-repeat:repeat;}

IMG{padding:0px;}



#site{position:relative; width: 1000px; margin: 0 auto 0 auto;}

#entete{float:left; position:relative; margin-left:-2px; margin-top:0px; width:1000px; height:30px;}


#bandeau_1{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_1.jpg); background-repeat:no-repeat;}
#bandeau_2{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_2.jpg); background-repeat:no-repeat;}
#bandeau_3{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_3.jpg); background-repeat:no-repeat;}
#bandeau_4{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_4.jpg); background-repeat:no-repeat;}
#bandeau_5{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_5.jpg); background-repeat:no-repeat;}
#bandeau_6{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_6.jpg); background-repeat:no-repeat;}
#bandeau_7{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_7.jpg); background-repeat:no-repeat;}
#bandeau_8{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_8.jpg); background-repeat:no-repeat;}
#bandeau_9{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_9.jpg); background-repeat:no-repeat;}
#bandeau_10{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_10.jpg); background-repeat:no-repeat;}
#bandeau_11{float:left; position:relative; width:1000px; height:110px; left:-5px; background-image:url(bandeau_11.jpg); background-repeat:no-repeat;}



#bande_grise{float:left; position:relative; text-align:left; font-size:1.1em; width:1000px; height:28px; background-image:url(bande_grise.jpg); background-repeat:repeat-y;}
#chemin{float:left; position:relative; text-align:left; width:auto; height:25px; margin-top:5px;}
#chemin a{color:#404040; font-size:0.85em;}
#heure{float:right; position:relative; text-align:right; right:30px; width:auto; height:25px; margin-top:6px; font-size:0.85em; font-weight:bold; color:#5B5B5B;}

#carnetnoir{float:left; position:relative; text-align:left; left:180px; top:6px; width:500px; height:20px;}

#conteneur_accueil{float:left; position:relative; text-align:left; padding-left:12px; width:1000px; height:auto; background-image: url(conteneur_ligne.jpg); background-repeat:repeat-y;}

#loupy{position:absolute; top:36%; left:40%; width:100px; height:81px; float:left; background:url(loupy.png) no-repeat; z-index:1500;}
#wdc{position:absolute; top:89%; left:5%; width:120px; height:102px; float:left; background:url(wdc.png) no-repeat; z-index:1500;}
#champ_fr{position:absolute; top:52%; left:4.5%; width:135px; height:40px; float:left; background:url(champ_fr.png) no-repeat; z-index:1500;}
#col{position:absolute; top:32%; left:6.5%; width:150px; height:62px; float:left; background:url(col.png) no-repeat; z-index:1500;}



#conteneur{float:left; position:relative; text-align:left; padding-top:0px; padding-left:12px; width:1000px; height:auto; background-image: url(conteneur_ligne.jpg); background-repeat:repeat-y; z-index:1000;}

table.table_accueil{position:relative; float:left; width:96.6%; text-align:left; margin:0px; padding:0px; z-index:1000;}
td.titre{vertical-align:middle; border:solid 1px #FFFFFF; font-weight:400; background-color:#820C18; color:#FFFFFF; font-size:10pt; padding:3px; padding-left:15px;}

td.contenu1 a{text-decoration:none; color:#606060;}
td.contenu2 a{text-decoration:none; color:#606060;}
td.contenu3 a{text-decoration:none; color:#606060;}
td.contenu1 a:hover{text-decoration:none; color:#303030; font-weight:bold;}
td.contenu2 a:hover{text-decoration:none; color:#303030; font-weight:bold;}
td.contenu3 a:hover{text-decoration:none; color:#303030; font-weight:bold;}
td.contenu1{vertical-align:top; width:25%; background-color:#E8E8E8; color:#707070; font-size:0.9em; border:solid 1px #FFFFFF; padding:6px 5px 5px 15px;}
td.contenu2{vertical-align:top; width:27%; background-color:#DCDDDF; color:#707070; font-size:0.9em; border:solid 1px #FFFFFF; padding:6px 5px 5px 15px;}
td.contenu3{vertical-align:top; width:26%; background-color:#D2D2D2; color:#707070; font-size:0.9em; border:solid 1px #FFFFFF; padding:6px 5px 5px 15px;}

td.actu{padding:0px; margin:0px; border:solid 1px #FFFFFF; background-color:#FFC600; color:#000000; font-size:1.4em; width:15%;}

a.acces_rapides{font-size:1em; font-weight:bold; color:#333333; text-decoration:underline;}

#menu_gauche{float:left; position:relative; width:264px;}

#onglet_dyna{width:100%; height:420px; padding:0px; margin:0px; font-size:0.7em;}
#acces_rapide{width:100%; height:50px; padding:0px; margin:0px; font-size:0.85em;}

/************ ONGLET ACCES RAPIDES DYNAMIQUE ************
#essentiel.sidebox{height:250px; padding:0 0; font-size:0.85em;}
#essentiel .drawers{margin:0; padding:0; position:relative; overflow:hidden; height:460px; }
#essentiel .drawers li{margin:0; padding:0; width:100%; display:block; position:absolute; top:0; z-index:1; }
#essentiel .drawers .textes{display:block; margin:5px 10px 0px 10px; text-align:left;}
#essentiel .drawers .onglet_texte{height:250px; padding:5px; width:95%; background-color:#FFC600; color:#502600}
#essentiel .drawers .onglet_titre{height:auto;}
#essentiel .drawers .handle{display:block; margin:0px; padding:0px; height:100px; overflow:hidden; background-color:#FFC600; cursor:default;}
#essentiel .drawers .handle .titres{color:#000000; font-weight:bold; overflow:hidden; height:85px; padding:0px; margin:0px;}
#essentiel .drawers li.obscured .handle{background-color:#FFC600;}
/************ ONGLET ACCES RAPIDES DYNAMIQUE ************/



/************MENU GAUCHE DYNAMIQUE************/
#container{width:240px; float:left;}
#main a{color:#2970A6; text-decoration:none;}
#main a:hover{text-decoration:underline;}

#main #sidenav .drawer{padding:0; margin:0; width:100%;}
#main #sidenav .drawer h3.drawerhandle{display:none; border:solid 1px #FFFFFF; width:100%; height:22px; padding:11px 7px 7px 15px; margin:0; color:#FFFFFF; font-size:1em; font-weight:bold; background-color:#810D18;}
#main #sidenav .drawer h3.drawerhandle:hover{height:22px; background-color:#EB8401; padding:11px 7px 7px 15px;
 width:100%; margin:0; color:#FFFFFF; font-size:1em; font-weight:bold;}
#main #sidenav .drawer h3.drawerhandle.open{position:relative; background-color:#EB8401; color:#FFFFFF;}
#main #sidenav .drawer .drawercontent{display:none; border:solid 1px #FFFFFF; width:252px; height:200px; overflow:auto;}
/*DONNER UNE HAUTEUR AU DESSUS POUR FIXER LA TAILLE DES "TIROIRS"*/
#main #sidenav.hasjs .drawer h3.drawerhandle, #main #sidenav .drawer h3.drawerhandle.open, 
#main #sidenav.hasjs .drawer .drawercontent, #main #sidenav .drawer .drawercontent.open{display:block; cursor:default;}
.inside{width:100%;}

#sidenav ul.rubrique{margin:0; padding:15px 5px 15px 5px; font-size:1em;}
#sidenav ul.rubrique ul{padding:3px 30px 5px; font-size:1em;}
#sidenav ul.rubrique li{display:block; margin:0; text-indent: -1.7em; padding:0; padding-left:1.7em;}
#sidenav ul.rubrique li a{display:block; margin:0; padding:1px 13px 1px; color:#404040; text-decoration:none;}
#sidenav ul.rubrique li a.actif{display:block; margin:0; padding:2px 13px 2px; color:#252525; font-weight:bold;}
#sidenav ul.rubrique li a:hover{display:block; margin:0; padding:2px 13px 2px; color:#303030; font-weight:bold;}

#sidenav ul.rubrique li ul.sub a{padding:3px 10px 2px; color:#606060; font-size:0.85em; text-decoration:none; }
#sidenav ul.rubrique li ul.sub a:hover{cursor: pointer; color:#505050; font-weight:bold;}
#sidenav ul.rubrique li ul.sub a.active{cursor: pointer; color:#000000; font-weight:bold;}
#sidenav ul.rubrique li ul.sub{margin:0;}
/************MENU GAUCHE DYNAMIQUE************/


#contenu{float:left; position:relative; width:702px; min-height:550px !important; height:auto;}

table.table_contenu{width:100%; padding:0px; margin:0px;}
td.titre_contenu{height:36px; color:#000000; font-size:1.2em; font-weight:bold; padding-left:20px; vertical-align:middle;
 border-bottom:solid 2px #FFFFFF; border-right:solid 1px #FFFFFF; border-top:solid 1px #FFFFFF; background-color:#DCDDDF;}

td.texte_contenu{width:75%; padding:15px; vertical-align:top;}
td.intro_contenu{background-color:#FFC600; color:#000000; font-size:1.1em; vertical-align:top; padding:0px; margin:0px;
 border-bottom:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF; vertical-align:top; height:500px;}

td.intro_contenu_texte{background-color:#FFC600; color:#000000; font-size:1.1em; vertical-align:top; padding:10px; margin:0px;}
td.intro_contenu_texte a{background-color:#FFC600; color:#000000; font-size:1em; font-weight:normal; vertical-align:top;}
td.intro_contenu_texte a.niv_4_actif{color:#000000; text-decoration:none; font-size:1em; font-weight:bold;}
td.intro_contenu_img{background-color:#FFC600; border:0; vertical-align:top; padding:0px; margin:0px;height:100px;}


td.intro_contenu ul{padding:15px; margin:0px;}
 
a.niv_4 {color:#333333; text-decoration:none; font-size:1em; font-weight:bold;}
a.niv_4:hover{color:#000000; text-decoration:none; font-size:1em; font-weight:bold;}
a.niv_4_actif{color:#000000; text-decoration:none; font-size:1em; font-weight:bold;}


#bas{float:left; position:relative; text-align:left; width:1000px; height:61px; z-index:1000; background-image: url(bas.jpg); background-repeat:no-repeat;}
#liens{position:relative; width:900px; font-size:0.85em; font-weight:bold; text-align:center; top:15%; color:#606060;}
#liens a{text-decoration:none; color:#606060;}
#liens a:hover{text-decoration:none; color:#303030;}
#liens a.actif{text-decoration:none; color:#000000;}


.plan_niv_1{padding-left:8px;padding-right:8px;border:1px outset;font:12px arial;background-color:#810D18;cursor:pointer;text-decoration:none;color:#FFFFFF;font-weight:bold;font-variant:small-caps}
.plan_niv_2{padding-left:8px;padding-right:8px;border:1px outset;font:11px arial;background-color:#EB8401;cursor:pointer;text-decoration:none;color:#FFFFFF;font-variant:small-caps}
.plan_niv_3{padding-left:8px;padding-right:8px;border:1px outset;font:11px arial;background-color:#757575;cursor:pointer;text-decoration:none;color:#FFFFFF;font-style:italic;}
.plan_niv_4{padding-left:8px;padding-right:8px;border:1px outset;font:10px arial;background-color:#303030;cursor:pointer;text-decoration:none;color:#FFFFFF}
.plan_niv_5{padding-left:8px;padding-right:8px;border:1px outset;font:10px arial;background-color:#000000;cursor:pointer;text-decoration:none;color:#FFFFFF}


.spacer{height:20px;}

.niv_4_intro{color:#FFFFFF; font-size:1em; text-align:justify; padding:15px;}
.niv_4_partie_titre{color:#F08800; font-size:1.3em; font-weight:bold; text-align:left; padding:10px 0px 10px 0px;}
.niv_4_partie_intro{color:#454545; font-size:1.1em; font-weight:bold; text-align:justify; padding:15px;}
.niv_4_partie_corps{color:#000000; font-size:1.0em; text-align:justify; padding:10px 25px 10px 25px;}
.niv_4_partie_corps a{ font-size:1.0em; text-align:justify; padding:5px; font-weight:bold;}
.niv_4_lien{color:#000000; font-size:11px; text-align:justify; padding:5px;}

.contenu_gauche{width:183px; vertical-align:top; text-align:left;}
.contenu_droite{width:560px; vertical-align:top;}
.contenu_gauche ul{margin-left:25px; padding-left:0px; padding-right:30px;}
.contenu_gauche span{padding-left:23px;}


#calendrier_reg{position:relative; float:left; top:-2.5%; left:50%; width:205px; height:76px; background-image:url(calendrier_reg.jpg);}

.txt_liste{padding-bottom:6px; color:#353535; font-size:13px; font-family:Arial; font-weight:bold; text-align:left;}
.txt_liste a{color:#404040; padding-left:0px; font-size:12px; font-family:Arial; text-decoration:none;  font-weight:normal;}
.txt_liste a:hover{color:#000000;}
.races{width:60%; height:158px;}
.annuaire{width:60%; height:158px;}
.portees{width:60%; height:158px;}
.agenda{width:60%; height:158px;}

.module_titre{color:#F08800; font-size:1.3em; font-weight:bold; text-align:left; padding:8px 0px 10px 0px;}
.module_info{font-family:Arial; color:#000000; font-size:1.0em; text-align:justify; padding:2px 25px 0px 25px;}

.lien_date_annu{text-decoration:none; font-size:1em; font-weight:bold; color:#555555;}
.lien_date_annu:hover{text-decoration:none; font-weight:bold; color:#000000;}
.lien_texte_annu{text-decoration:none; font-size:1em; color:#000000;}

.fond_gen{width:50%; height:146px; text-align:center; vertical-align:top;}
.fond_gen_txt{font-family:Arial; color:#333333; font-size:1em; text-align:left; padding:10px;}

.picto_retour{text-align:right;}
.picto_imprimer{text-align:left;}
.encart_top_identite{width:321px; height:12px;}
.encart_identite{text-align:left; width:305px; height:52px; padding:5px; vertical-align:top; font-size:0.9em;}
.encart_bottom_identite{width:321px; height:12px;}

.formulaire_tetiere{font-weight:bold; font-size:1.2em; color:#F08800;}
.formulaire_libelle{font-weight:normal; font-size:0.9em; color:#303030;}
.formulaire_input{font-weight:normal; font-size:0.9em; color:#000000;}
.formulaire_submit{font-size:11px; color:#000000; background-color:#D6DFDC}
.formulaire_liste{text-align:left; font-size:0.85em; color:#417091; padding:2px}
.formulaire_liste a{color:#000000; text-decoration:none;}

SELECT{height:15px; font-size:11px; height:19px}