/*
Design Beta 
Réalisé par shaka
*/

body
{
	background-color: black;  
}

#global
{
	width: 762px;
	background: url("Image/design/global.jpg") repeat-y;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 20px;   
	font-family: Verdana, Arial, "Arial white", "Times New Roman", Times, serif;
	font-size: small;
}

/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("Image/design/banniere.gif");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
#menu_haut
{
   width: 80%px;
   height: 28px;
   background-image: url("Image/design/fond_menu_h.gif");
   background-repeat: repeat-x;
   margin-bottom: 0px;
}
/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:760px;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
	  background-image: url("Image/design/fond_menu_h.gif");
	  border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("Image/design/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("Image/design/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

	  /*
#survol a {
float:left;
width:95; 
height: 28px;
margin:0; 
background-image:url("Image/design/accueil_1.gif"); 
background-repeat: no-repeat;
} 
#survol a:hover{
float:left;;
width:95px; 
height: 28px; 
margin:0;
background-image:url("Image/design/accueil_2.gif"); 
background-repeat: no-repeat;
} 
#survol2 a {
float:left;
width:95; 
height: 28px; 
margin:0;
background-image:url("Image/design/accueil_1.gif"); 
background-repeat: no-repeat;
} 
#survol2 a:hover{
float:left;
width:95px; 
height: 28px; 
margin:0;
background-image:url("Image/design/accueil_2.gif"); 
background-repeat: no-repeat;
} 
*/
img{ 
border:0; 
} 

/* Le menu 
#menu_haut a:
{
background-image:url(Image/design/accueil_1.gif);
background-repeat: no-repeat;
} 
#menu_haut a:hover
{
background-image:url(Image/design/accueil_2.gif);
background-repeat: no-repeat;
} */
#ma_recherche_p a
{
	background-repeat: no-repeat;
	background-color: white;
	text-decoration: none;
	padding-top:5px;
	color: white;
	FLOAT:left;
	height: 25px;
	margin-left: 10px;
	color:black;
	font-size: 10px;
	text-align: center;
	display:block;
	width:65px;
	padding-right: 5px;
	margin-bottom:10PX;
}
#ma_recherche_p a:hover
{
	color: red;

}
#menu
{
   float: left;
   width: 120px;
   margin-left: 5px;

}

.element_menu
{
   background-image: url("Image/design/mini.jpg");  
   background-repeat: no-repeat;
   border: 1px solid white;  
   margin-bottom: 40px;
}
.element_menu img
{
   padding: 0px;
   padding-left: 0px;
   margin: 0px;
   margin-bottom: 0px;
   margin-top: 10px;

}
.element_menu_admin
{ 
   border: 1px solid white;  
   margin-bottom: 0px;
}

.element_menu_admin ul
{
   color: white;
   padding: 0px;
   padding-left: 0px;
   margin: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
}
/* Quelques effets sur les menus */

.titre_menu
{
	font-family: verdana, Arial, "Arial Black", "Times New Roman", serif;
	font-weight: bold;
	color: red;
}

#menu ul
{
   list-style-type: none;
   padding: 0px;
   padding-left: 10px;
   margin: 0px;
   margin-bottom: 10px;
   margin-top: 10px;
}
#menu li a
{
	font-family: Verdana, Arial, "Arial white", "Times New Roman", Times, serif;
	color: white;
	text-decoration: none;
	display: block;
	width: 90px;
	border-bottom: 1px solid white;
}

#menu li a:hover
{
	color: #B3B3B3;
	border-bottom: 1px solid white;
}

/* Le corps de la page */

#corps
{
   margin-left: 140px;
   margin-bottom: 30px;
   padding: 15px;
   margin-top: 15px;
   min-height: 800px;
   color: white;
   background-repeat: repeat-x;
}



.erreur
{
	min-height: 50px;
	background-color: #CC0000;
	color: white;
	margin-top: 20px;
	padding: 5px;	
    border: 2px solid white;
	text-align: justify;
}

.valider
{
	min-height: 50px;
	background-color: #336699;
	color: white;
	margin-top: 20px;
	padding: 5px;	
    border: 2px solid white;
	text-align: justify;
}

.contenu
{
	border: 2px solid white;
}
fieldset
{
	height: 150px;
	width:500px;
	float:left;
	padding:10px;
	border: 2px solid white;
}
.contact
{
	height: 400px;
	padding:10px;
	border: 2px solid white;
}
label 
{
	display:block;
	width:150px;
	float:left;
}

input
{
	display: inline;
	margin-left : 100px;
}
hr
{
color:white;
width:100%;
}
.droite
{
	padding: 5px;
	display: inline;
	margin-left : 400px;
}
.document_saisie
{
	display: inline;
	margin-left : 0px;
}
.droite_commande
{
	display: inline;
	margin-right : 200px;
}
select
{
	display: inline;
	margin-left : 100px;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   text-align: center;
   color: #B3B3B3;
   background-repeat: repeat-x;
}

.commande_reliquat
{
	background-color: #336699;
	text-align: left;
}
.commande_traite
{
	background-color: #969696;
	text-align: left;
}
.commande_annulee
{
	background-color: #336666;
	text-align: left;
}