/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*  Projet : Bouliki Label        */
/*  Auteur : Christian Heschung   */
/*  Date   : Juillet 2007         */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*
Codes couleurs
Jaune clair    #fff59b;
*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
html {
/* ascenseurs */
	scrollbar-face-color:       #000000;
	scrollbar-arrow-color:      #AAAAAA;
	scrollbar-track-color:      #000000;
	scrollbar-3dlight-color:    #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color :    #AAAAAA;
	scrollbar-highlight-color:  #AAAAAA;
}
body {
	color:#FF0000; background: black url(../interface/bg_bf.gif) 0 0 repeat; 
	margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px;
	font-family:  arial, tahoma, verdana, arial; color:#fff59b; 
	text-align: center; /* pour corriger le bug de centrage IE */
}
/* Les divisions et leurs positionnements width: 90%;:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#mapage00  {position: relative; width: 900px; height:99%;  line-height:100%;
			text-align:left;  
            background: black url(../interface/degrade_900.png) 0 0 repeat;
            border-width:1px; border-color:#000000; border-style:solid;
     	    margin: 0 auto; margin-top: 20px;	 		
           }
          
/* Lecteur son _____________________________________________ */
div#sonore {
    		position: absolute; top:0px; left:0px; 
		   }
/* Entete _____________________________________________ */
#mapageheader    {position: relative; height: 150px; 
               	 margin:0px;
               	 border-width:0px; border-color:#FFFFFF; border-bottom-style:solid;
}
#mapageheader00 {z-index:2; position: absolute; top: 5px; left: 0px; width: 180px; height: 120px; 
                 margin:0px; text-align: left; 
                 border-width:0px; border-color:#ff0000; border-right-style:solid;
}
#mapageheader01 {position: absolute; top: 0px; left: 90px; width: 810px; height: 150px; 
                 margin:0px; text-align: right;
}

/* Menu horizontal _________________________________________________________________________________*/
#menuHorizonEspace {z-index:2; position: relative; height: 30px; line-height: 30px; 
               		border-width:0px; border-color:blue; border-bottom-style:solid;
               		background: transparent  url('../interface/menu_bois_01.jpg') repeat-x;
             }
#menuHorizon {position: relative; left:0px;
               border-width:0px; border-color:red; border-bottom-style:solid;
               
             }
/* Menu ____________________________________________________________________________________________*/
#mapagemenu   {position: relative; top: 0px; width: 180px;
               border-width:0px; border-color:#000000; border-style:solid;           
               }

/* Corps de la page _______________________________________________________________________________ */
#maPageMilieu    {position: relative;  height:100%; min-height:500px;}
#maPageMilieu00  {float: left; width: 180px;}
#maPageMilieu00a { } 
#maPageMilieu01  {float: left; width: 720px;}

#maColonneGauche {border-width:0px; border-color:#0000ff; border-style:solid;
				  font-size:70%; }
/* Menu de gauche avec changement d'image __________________________________________________________*/				  

#MenuGauche { font-size:1.0em; margin: 0px; text-align:left; 
	          border-width:0px; border-color:#000000; border-style:solid;
	          padding-top: 0px;
	}
.article {font-size:1.2em; font-weight:bold; font-variant:small-caps; color: #FF9900;
	}	
#MenuGauche ul {list-style:none; margin: 0px; padding: 0px;  
	}	    		
#MenuGauche li a {      
    display: block; text-decoration: none; padding:0px;  margin: 0px; 
	height: 25px; line-height: 25px; /* Evite le probleme de padding entre IE et FIREFOX*/	
	}		
#MenuGauche li a:link, #MenuGauche li a:visited { 
	display: block; background: url(../interface/menu_gauche_01.jpg) 0 0px; color: #fff59b; padding: 0px 0 0 10px;
	}	
#MenuGauche li a:hover {
	color: #fff59b; background: url(../interface/menu_gauche_01.jpg) 0 -25px; padding: 0px 40px 0px 0px;
	text-align:right;
	}	
#MenuGauche li a:active {
	color: #fff59b; background: url(../interface/menu_gauche_01.jpg) 0 -50px; padding: 0px 0 0 10px;
	}				  
/* Chargement d'un titre _________________________________________________________________________________*/				  
#chargement {
	color: #fff59b; padding: 10px 0 10 0px;
	}
#chargement img {
	border:0px;
	}				  
/* Pied ___________________________________________________________________________________________ */
#mapagefooter   {clear: both; bottom: 0px; position: relative; width: 900px; height:30px; line-height:30px; 
                 border-width: 0px; border-color:#00ff00; border-style:solid;
				}
#mapagefooter00 {float: left; width: 180px;}
#mapagefooter01 {float: left; width: 720px; }           
/* Introduction ____________________________________________________________________________________ */
#mapagemilieu01e  {z-index:1; width: 720px; height: 100%;  
                   margin: 10px; border-width: 1px; border-color:#666666; border-style:solid;}


/* Diaporama ____________________________________________________________________________________ */
#diaporama a img {border-width: 1px; border-color:#555555; border-style:solid;}
#diaporama {padding:20px; position: relative;  height:100%; min-height:450px;}
#diaporama table td{padding:5px; text-align:center; vertical-align:middle;}
#diaporama_footer{position: relative; font-size:12px;}
#diaporama_footer a{ display:block; width:180px; height:30px; line-height:30px; 
					 text-decoration:none; color:#fff59b; vertical-align:middle;
				     background: transparent url('../interface/menu_bois_01.jpg') no-repeat;
				   }
#diaporama_footer a:hover{color:#FFCC00; }

/*
#bille  { display:block;  width:20px;height:20px; margin:10px; background: transparent url('../interface/top_55.png') no-repeat;}
a:link #bille{text-decoration:none; color:#fff59b; vertical-align:middle; font-size:10px; }
*/
/*Entete de la page :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#logo {font-size:90%;font-family: arial black; padding:10px;}
#logo img {border:0px;}
#logo a{text-decoration:none; color:#FFFFFF;}
#logo a:hover{color:#FFCC00; }

/* Les textes principaux dans la page centrale ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.monTextemilieu {text-align: justify; padding: 0px 0px 0px 0px; color: #fff59b;}

p, p.texteNormal {font-family: tahoma, arial, verdana; font-size:80%; text-align:justify;
			   line-height: 130%; color: #fff59b;}
			   
p.texteNormal a{color: white; text-decoration:none; letter-spacing:3px;}

p.texteNormal a:hover{text-decoration:underline;}

#maPageMilieu01 a{ font-size:90%; color: white; text-decoration:none; letter-spacing:3px;}

#maPageMilieu01  a:hover{text-decoration:underline;}

.image {text-align: center; text-indent: 0;}
.image img { border-width: 1px; border-color:#000000; border-style:solid; margin-bottom:10px;}

.imageMixte {text-align: left; text-indent: 0;}
.imageMixte img { border-width: 1px; border-color:#000000; border-style:solid; margin-bottom:10px; margin-right:5px;}

h1 { color:#FF9900; font-size:1.5em;  font-variant:small-caps; line-height: 80%; padding-left:10px; letter-spacing:5px;}
h2 { font-size:100%; line-height: 100%; padding:2px;  letter-spacing:5px; 
    border-width:1px; border-color:#660000; border-bottom-style:solid;}
h3 {font-size:100%; line-height: 120%; letter-spacing:2px; font-weight:normal;}
/*
p  {font-size:100%; line-height: 120%;letter-spacing:1px;} 
*/
/* Gestion de l'affichage de la zone de retour en début de page ( go to top) */
#goTop{height: 20px; width: 700px;
       margin-left: auto; margin-right: auto; line-height: 20px; border:0px solid #FFCC00;
}
#goTopLine{ /*  color:#000066; background:#eeeeee;   border-bottom-style:solid; */
   width:99%; padding:2px;
   border-width:1px; border-color:#660000;border-top-style:solid;
   }
#goTopLine a{text-decoration:none; }

/* Les nouvelles :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Séparateur */
hr {height:0px; text-indent:0px; width:90%; text-align:center; border:1px solid #660000;}

/* Texte */

h5 {text-align:left;   font-size:100%; text-indent:0px;}

h6 {text-align:left;   font-size:100%; font-weight:lighter;text-indent:0px; letter-spacing:3px; line-height: 40%;}

h4 {text-align:left; font-size:12px; text-indent:0px; font-weight:lighter;}
h4.newsTitre {padding:5px; color:#FF9900;
			  border-width:1px; border-color:#550000; border-style:solid;}
h4.newsTitre a {display: block; color:#FF9900; text-decoration:none;}
h4.newsTitre a:hover {color:#cccccc;}

.nouvelles {text-align:justify; color:#fff59b; font-size:100%; line-height:120%;
            padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom: 0px;
            border-right-width:0px; border-color:#660000; border-style:solid;
            border-left-width:0px; border-color:#660000; border-style:solid;
            border-top-width:0px; border-color:#660000; border-style:solid;
            border-bottom-width:0px; border-color:#660000; border-style:solid;
            }
            
.nouvelles img {border-width:0px; border-color:#660000; border-style:solid; text-align:center;}
.nouvelles a{color: #880000; text-decoration:none; letter-spacing:1px;}
.nouvelles a:hover{color: white; text-decoration:underline;}
/* Image */
.VIGNETTE {text-align:center; text-indent:0;}

/* Pied de page :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.piedcentre {font-size:80%; padding: 0px; text-align:center; color:#443322;
             border-width:0px; border-color:#aaaaaa; border-top-style:solid; }
.piedcentre a{text-decoration:none; color:#443322;}
.piedcentre a:hover{color:#FF9933;}


/* Article en colonne (la classe est passée en parametre afin de gérer le pourcentage de la largeur) ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.ARTICLE_C1 td { 
   padding-top:0px; padding-right:10px; padding-bottom:0px;padding-left:10px;
   border-width:0px; border-color:#666666; border-style:solid;
   text-align: left; 
   }
.ARTICLE_C2 td { 
   width:50%; padding: 10px; border-width:0px; border-color:#666666; border-style:solid;  
   }
.ARTICLE_C3 td { 
   width:30%; padding: 10px;  
   }
.mixte td{ 
  padding: 0px; border-width:0px; border-color:#666666; border-style:solid;  
   }

/* Choix des langues :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#langues {
   text-align:right; border-width:1px; border-color:#000000; border-bottom-style:solid; 
   display: block; text-decoration: none; padding:0px;  margin: 0px;  
   height: 20px; line-height: 20px; /* Evite le probleme de padding entre IE et FIREFOX*/
   }
#langues img{
   border:0px; height:20px;  text-decoration:none; padding:0px; margin:0px;
   }

/* Choix des langues :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.pageEncours   { /* Affichage de la page en cours */  
   font-size:9px; text-align: left;  padding-left: 2px; 
   border-width:0px; border-color:#FFFFFF; border-style:solid;
}
/* Menu dynamique vertical :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.menuActif { /* Le menu est cours d'affichage */  
   text-indent:8px; color:#ff0000;
   display:block;  
   border-width:0px; border-color:#000000; border-bottom-style:solid;   
}
.menutitre {
	background: transparent url('../interface/menu_bois_01.jpg') no-repeat;
	text-align: center;
	vertical-align:middle;
	color: #cccc99;
    line-height:30px;
	height: 30px;
	cursor: pointer;
	font-size: 12px;
	width: 180px;
    display:block;
    padding: 0px;
    margin: 0px;
}
.menutitre a{
    display:block;
	text-decoration: none;	color: #cccc99;
}
.menu_top {
	background:  transparent url('../interface/menu_bois_03_t.jpg') no-repeat;
	text-align: center;
	vertical-align:middle;
	color: #aaaa66;
    line-height:30px;
	height: 30px;
	cursor: pointer;
	font-size: 12px;
	width: 180px;
    display:block;
    padding: 0px;
    margin: 0px;
}
.menu_top a,.menu_bottom a{
    display:block;
	color: #cccc99;
	text-decoration: none;
}
.menu_bottom {
	background: transparent url('../interface/menu_bois_03_b.jpg') no-repeat;
	text-align: center;
	vertical-align:middle;
	color: #aaaa66;
	margin: 0;
    line-height:30px;
	height: 30px;
	cursor: pointer;
	font-size: 12px;
	width: 180px;
    display:block;
    padding: 0px;
    margin: 0px;
}
/******************/
#SEPARATEUR {padding-left : 10px;
             display: block; height: 25px; line-height: 25px;  
             color:#cccccc;   
   }
.FONCTION {
   color:black; background:#FFFFFF; 
   }
.rubriqueActive {color:#663333; }
.rubriqueInactive {color:#333333;}	
/* Formulaire ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
div#formCorps {
   position: relative; margin: 0 auto; width :700px; height :600px; color:#ffffff; margin-top:20px;
   border-width:1px; border-color:#000000; border-style:solid;
   background: black url(../interface/degrade_900.png) 0 0 repeat;
   text-align:center;
   padding:20px;  
   }
div#formEntete {
   position: relative; 
   width :100%; height : 160px;
   text-align:left; margin-top:10px;
   color:#FF9900;
   }
div#formmilieu {
   position: relative; background-color:transparent;  
   border-width:1px; border-color:#660000; border-top-style:solid; border-bottom-style:solid;
   }
table.form td {
	padding:5px;
   }
.form {
   font-size: 80%; text-align:left; padding:5px;
   }
.form td{
   margin:10px;
   border-width:0px; border-color:#cccccc; border-style:solid; border-collapse:collapse; 
   }
.legendeForm {
   text-align:right; 
   }
.obligationForm {
   }
   
   
div#formMessage {
   text-align:center; margin-top:10px; margin-bottom:10px;
   text-decoration:none; color:#FF0000; font-size: 90%;
   }
div#formInformation {
   text-align:center; margin-top:10px; margin-bottom:10px;
   text-decoration:none; color:#FF6600; font-size: 80%;
   }   
.titreForm {
   font-weight:normal; font-size:120%;  color:#FF9900; 
   } 
div#formPied {
   position: relative; height :5px; color:white;
   background: black;
   }
div#formFin {border-width:0px; border-color:#000000; border-style:solid;
   background: url(../interface/logo_001.png) center no-repeat;
   width :400px; height :300px; text-align:center;
   }
div#formFermeture {
   position: relative; top:300px; left:0px; width :466px; height :20px;
   border-width:0px; border-color:#FFFFFF; border-style:solid; border-collapse:collapse;
   }
div#formFermeture a {
   text-decoration:none; color:#FF9900; font-size: 110%;
   }
   div#formFermeture a:hover {
   text-decoration:none; color:#fff59b;font-size: 110%;
   }
div#formInscrire {
   margin-top:10px; margin-bottom:10px;
   border-width:0px; border-color:#FFFFFF; border-style:solid; border-collapse:collapse;
   }
div#formInscrire a {
   text-decoration:none; color:#FF9900; 
   }
div#formInscrire a:hover {
   text-decoration:none; color:#fff59b; 
   }
/* Liste ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.enteteGestion td{
	padding:5px;
}
.enteteGestion a{
	color:#999999;
}
.listeGestion {
	font-size:0.9em;
	text-align:left; 
}
.listeGestion a{
	color:#999999;
}
#ligneEntete {
	line-height:23px;
	height:23px;
	vertical-align:middle;
}
.listeGestion td{
	padding:5px;
	border-width:1px; border-color:#444444; border-bottom-style:solid;
}
#listeGestionOrdreUp {
	background: url(../interface/up_down_01.png) left no-repeat;
	color:#ffffff;
	font-size:1em;
	text-indent:15px;text-decoration:none;
}
#listeGestionOrdreDown {
	background: url(../interface/up_down_02.png) left no-repeat;
	color:#ffffff;
	font-size:1em;
	text-indent:15px;text-decoration:none;
}
.legendeFormulaire {
	text-align:right;font-size:0.9em;
	vertical-align:top;
}
/* Menu dynamique horizontal :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#espacemenuH {  
   margin-left:0px; width : 900px; height: 30px; line-height: 30px;   
   border-width:0px; border-color:#0000ff; border-bottom-style:solid;
   /*background: transparent  url('../interface/menu_bois_01.jpg') repeat-x;*/
   }
span.menuactifH  { /* Le menu est cours d'affichage */  
   color:#ff9900;display:block; font-weight:bolder;    
   }
.conteneurH { /* font-size:75%; */
   position : relative; float:left; width:180px; font-size:12px;  
   background:transparent; padding: 0px ; margin: 0px ;
   }
#menugeneralH { /* défini les boites qui comprennent chaque menu de base */ 
   position : relative ; float: left; width: 180px; height: 30px; line-height: 30px; 
   padding-top: 0px ; padding-left: 0px; margin: 0px; 
   text-align: center; vertical-align: bottom; 
   font-size:12px;    
   }
#menugeneralH a { 
   text-decoration:none; 
   background:transparent; display: block; color:#fff59b;
   } 
#menugeneralH a:hover {/*  background:transparent; */
   color: white; text-decoration:none; margin:0px; display:block; 
   }
#menugeneralH a:hover span {/*  background:transparent; */
   color: white; 
   }
.sousmenusH {
   border:0px solid #000000;
   display: none;        /* les sous-menus ne sont pas affichés */
   margin: 0px;          /* marges extérieures à 0 */
   padding : 0px;        /* marges intérieures à 0 */
   position : absolute ; /* boite positionnée par rapport à la boite parent */
   top : 30px;           /* Début (par rapport au haut de page) des sous-menus */
   left : 0px;           /* Début (par rapport à la gauche de la page) des sous-menus */
   width : 178px;        /* Largeur des sous-menus par rapport à la boite parent (ici la page)*/
   text-align: left;
   list-style-type:none;
   color:#000000;
   text-indent:35px;
   }	
.conteneurH li a:link, .conteneurH li a:visited {
	border-width:1px; border-color:#000000; border-bottom-style:solid; 
    display: block; height: 30px; line-height: 30px; 
    text-decoration:none;
   } 
.conteneurH li a:hover {
   display: block; color:white; 	
   background: transparent url('../interface/menu_bois_00.jpg') 0 -30px no-repeat;  
   }
.conteneurH li a:active {	
   background: transparent url('../interface/menu_bois_00.jpg') 0 -60px no-repeat;  
   }
.conteneurH li a:active { 
   color:white;   
   }
#SEPARATEURH {padding-left : 10px;
             display: block; height: 30px; line-height: 30px;  
             color:#cccccc; background:#222222;  
   }
.FONCTIONH {
   color:black; background:#FFFFFF; 
   }
.rubriqueActiveH {color:#000000; 
		background: transparent url('../interface/menu_bois_00.jpg') 0 -90px no-repeat;
	}
.rubriqueInactiveH {color:#444444;
		background: transparent url('../interface/menu_bois_00.jpg') 0 0px no-repeat;
	}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */