<!-- Definition of all the style xss elements -->


#left_header 
{
   /*background-image: url("images/m3.jpg");*/
   /*padding-top:5px;*/
   text-align:center;
   float: left; /* Le menu flottera à gauche */
   width:130px;
   /*height: 80px;*/
   font-size:9px;
   color:white;
   font-family:Verdana;
   font-weight:bold;
   /*border: solid 1px white;*/
}

/* Link within  boxbeige */
#left_header a:link { text-decoration:none; font-weight:bold; color:yellow; }

/*a visiter*/
#left_header a:visited { text-decoration:none; font-weight:bold; color:white; }

 /*sur lequel on est*/
#left_header a:hover { text-decoration:none; font-weight:bold;  color:yellow; }

/*lien actif*/
#left_header a:active { text-decoration:none; font-weight:bold; color:red; }


#right_header 
{
   margin:5px;;
  /*background-image: url("images/m3.jpg");*/
   /*background-image: url("images/fon13.gif");*/
   /*background-color:#959eff;*/
   text-align:center;
   float: right; /* Le menu flottera à gauche */
   /*width:130px;*/
   /*height: 80px;*/
   color:white;
   font-family: "verdana";
   font-size:12px;
   /*border: solid 1px white;*/
}

/* Link within  boxbeige */
#right_header a:link { text-decoration:none; font-weight:bold; color:yellow; }

/*a visiter*/
#right_header a:visited { text-decoration:none; font-weight:bold; color:white; }

 /*sur lequel on est*/
#right_header a:hover { text-decoration:none; font-weight:bold;  color:yellow; }

/*lien actif*/
#right_header a:active { text-decoration:none; font-weight:bold; color:red; }



#header /* avec utilisation de id*/
/* ou .en_ente avec utilisation de class*/
{
   /*background-image: url("images/T-2.jpg");*/
   /*padding-top:5px;*/
   /*background-image: url("images/kiss5.jpg");*/
   /*height:80px;*/
   margin-left:130px;
   margin-right:130px;
   /*padding-right:5px;*/
   /*padding-left:5px;*/
   color:white;
   /*overflow:auto;*/
   font-family:Verdana;
   font-size:20px;
   /*border: solid 1px white;*/
}




/* Link within  boxbeige */
#header a:link { text-decoration:none; font-weight:bold; color:yellow; }


/*a visiter*/
#header a:visited { text-decoration:none; font-weight:bold; color:red; }

 /*sur lequel on est*/
#header a:hover { text-decoration:none; font-weight:bold;  color:white; }

/*lien actif*/
#header a:active { text-decoration:none; font-weight:bold; color:magenta; }
/* boxbeige */



#header-middle {
 margin-top:0px;
 margin-left:150px;
 width:200px;
 height:100px;
 background-image: url("images/m3.jpg");
 border solid 1px white;
}

#header-left {
 float left;
 width:15%;
 height:100px;
 background-image: url("images/m3.jpg");
 border solid 1px white;
 }



.header_attr {
 text-align: left;
 font-family:Verdana;
 font-weight:bold;
 font-size: 10px;
 color:white;
 overflow:auto;
}

/* Link within  boxbeige */
.header_attr a:link { text-decoration:none; font-weight:bold; color:yellow; }


/*a visiter*/
.header_attr a:visited { text-decoration:none; font-weight:bold; color:red; }

 /*sur lequel on est*/
.header_attr a:hover { text-decoration:none; font-weight:bold;  color:white; }

/*lien actif*/
.header_attr a:active { text-decoration:none; font-weight:bold; color:magenta; }


#bar_menu {
   height:35px;
   margin-left:10px;
   padding-left:5px;
   /*border:2px solid magenta;*/
   color:white;
   /*overflow:auto;*/
   font-family:Verdana;
   font-size:10px;
}




/* Sub menu */
.subnav {
	background:#000066;
	padding:3px;
	}



/* Heading can be used alone or with Boxbeige and Boxwhite below */
.heading {
	background:#eeeeee;
	/*border:1px solid white;*/
	padding:1px 1px;
	font-family:Verdana;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	/*color:#000066;*/
        color:navy; 
	}


.simple_heading {
	font-family:Verdana, sans-serif;
	font-size:.7em;
	font-weight:bold;
	text-transform:uppercase;
	}


.title_box {
width:128px;
background-image: url("images/bouton.gif");
font-family:Verdana;
font-weight:bold;
font-size:11px ;
color:navy; 
/*background:#fdd2ff;*/
}


/* Boxbeige and Boxwhite should be used with the Heading style above */
.boxbeige {
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background:#feffef;
	padding:8px;
	font-family:Verdana, sans-serif;
	font-size:.7em;
	}
/* Link within  boxbeige */
/*a visiter*/
.boxbeige a:visited { text-decoration:none; font-weight:bold; color:black; }

 /*sur lequel on est*/
.boxbeige a:hover { text-decoration:none; font-weight:bold;  color:blue; }

/*lien actif*/
.boxbeige a:active { text-decoration:none; font-weight:bold; color:red; }
/* boxbeige */


/* boxwhite */
.boxwhite {
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background:#ffffff;
	padding:8px;
	font-family:Verdana, sans-serif;
	font-size:.7em;
}
	
/*a visiter*/
.boxwhite a:visited { text-decoration:none; font-weight:bold; color:black; }

 /*sur lequel on est*/
.boxwhite a:hover { text-decoration:none; font-weight:bold;  color:blue; }

/*lien actif*/
.boxwhite a:active { text-decoration:none; font-weight:bold; color:red; }
/*boxwhite*/



#menu_left
{
   background-image: url("images/m3.jpg");
   padding-top:5px;
   float: left; /* Le menu flottera à gauche */
   width:130px;
   font-size:12px;
   /*background-image: url("images/m3.jpg");*/
   height:500px;
   border: solid 1px white;
}

#menu_left a:link { text-decoration:none; font-weight:bold; color:white; }

/*a visiter*/
#menu_left a:visited { text-decoration:none; font-weight:bold; color:white; }

 /*sur lequel on est*/
#menu_left a:hover { text-decoration:none; font-weight:bold;  color:yellow; }

/*lien actif*/
#menu_left a:active { text-decoration:none; font-weight:bold; color:black; }




#menu_right
{
   background-image: url("images/m3.jpg");
   padding-top:5px;
   float: right; /* Le menu flottera à gauche */
   font-size:12px;
   width:130px;
   height:500px;
   border: solid 1px white;
}


#col_right {
   float: right;  /* Le menu flottera à gauche */
   font-size:12px;
   width:130px;
   height:600px;
}


#col_left {
   float: left;  /* Le menu flottera à gauche */
   font-size:12px;
   width:130px;
   height:600px;
}




#menu_right a:link { text-decoration:none; font-weight:bold; color:white; }

/*a visiter*/
#menu_right a:visited { text-decoration:none; font-weight:bold; color:white; }

 /*sur lequel on est*/
#menu_right a:hover { text-decoration:none; font-weight:bold;  color:yellow; }

/*lien actif*/
#menu_right a:active { text-decoration:none; font-weight:bold; color:black; }


.box_auth 
{
   background:#ebf1ff;
   text-decoration:none;
   border:1px solid #8cabe0;
   font-size:10px;
   font-weight:normal;
   color:navy;
   width:125px;
}

.box_auth a:link { text-decoration:underline; font-weight:bold; color:green; }
.box_auth a:visited { text-decoration:underline; font-weight:bold; color:green; }
.box_auth a:hover { text-decoration:underline;color:black; }
.box_auth a:active { text-decoration:underline;font-weight:bold;color:green; }


.box_auth_L 
{
   Text-align:right;
   padding:5px;
   /*background-image: url("images/fond14.gif");*/
   /*background-color:#ffdeff;*/
   border: 1px solid black;
   font-size:9px;
   font-weight:bold;
   color:#250caa;
   /*width:210px;*/
}


.box_quicksearch
{
   /*background: url(gifs/lblue042.jpg);*/
   background:#ffffea;
   text-decoration:none;
   text-align:center;
   border: 1px solid black;
   font-size:10px;
   font-weight:bold;
   color:navy;
   width:125px;
}
.box_quicksearch a:link { text-decoration:none; font-weight:bold; color:navy; }

.box_quicksearch a:visited { text-decoration:none; font-weight:bold; color:navy; }

.box_quicksearch a:hover { /*background:white;*/ font-weight:bold; color:red; }

.box_quicksearch a:active { text-decoration:none; font-weight:bold; color:red; }




.element_menu
{
   background-image: url("images/fond1.gif");

   background-color: #626262;
   border: 1px solid white;
   /*margin-bottom: 20px;*/ /* Pour éviter que les éléments du menu ne soient trop collés */
}

/*a visiter*/
.element_menu a:visited { text-decoration:none; font-weight:bold; color:black; }

 /*sur lequel on est*/
.element_menu a:hover { text-decoration:none; font-weight:bold;  background-color:#626262;color:black; }

/*lien actif*/
.element_menu a:active { text-decoration:none; font-weight:bold; color:red; }


.element_menu h3
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
}



.rules 
{

   padding:10px;
   border: 1px solid white;
   text-align: left;
   font-family: Verdana;
   font-size:15px;
   font-weight:bold;
   color:white;

  <!-- Attribute of scroolbar-->
  scrollbar-DarkShadow-Color:#feffef;
  scrollbar-3dLight-Color:#feffef;
  scrollbar-Arrow-Color:red;
  scrollbar-Base-Color:#24334A;
  scrollbar-Face-Color:#cfbcce;
  scrollbar-Highlight-Color:#feffef;
  scrollbar-Shadow-Color:#24334A;
  scrollbar-Track-Color:"#D0DFEC";
}

.rules a:link {font-size:14px; text-decoration:none; font-weight:bold; color:white; }

/*a visiter*/
.rules a:visited {font-size:14px; text-decoration:none; font-weight:bold; color:yellow; }

 /*sur lequel on est*/
.rules a:hover {font-size:14px; text-decoration:none; font-weight:bold; color:red; }

/*lien actif*/
.rules a:active {font-size:14px; text-decoration:none; font-weight:bold; color:blue; }


/* Le corps de la page */
#corps
{
   background-image: url("images/1m.jpg");
   margin-left: 140px;
   color: #6e28c6;
   border: solid 3px white;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   background-image: url("titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#footer
{
   padding-top:5px;
   margin-left:130px;
   margin-right:130px;
   height:100px;
   text-align:center;
   background-image: url("images/m3.jpg");
   color:white;
   font-size:15px
   border: solid 1px white;
   /*background: #ffc7ff;*/
}



/* Texte ombre */
.ombre { /* texte d'arrière plan dont le débordement crée l'ombrage */
  color:Red ; /* couleur du texte, donc de l'ombre */
  font-size:24px ; /* Taille de la police */
  font-weight:bolder} /* police en gras épais */

.texte { /* texte principale */
  color : white ; /* couleur du texte */
  font-size:24px ; /* Taille de la police */
  font-weight:bolder ; /* police en gras épais */
  position:relative ; /* indique un décalage par rapport à la position normale */
  top:-27px ; /* décalage de 20 pixels vers le haut */
  left:-3px} /* décalage de 3 pixels vers la gauche */





// Texte Ombre
//h1, span {
//font: bold 20px verdana, sans-serif;
//}
//h1 {
//position: relative; /* on positionne le conteneur H1 pour placer ensuite le SPAN */
//color: red;
//}
//h1 span {position: absolute; /* on superpose le SPAN sur le titre */
//top: -3px; /* on décale le SPAN */
//left: -3px;
//color: white;
//}


.mess_err {
 font-family:verdana;
 font-size:12px;
 font-weight:bold;
 width:500px; 
 color:navy; 
 background:#ffd7f5;
 overflow:auto;
}