/* Style pour la construction d'un tableau */

/*Trait verticale parrallèle*/
.vertpara {
	border-top: 1px none #4f5597;
	border-right: 1px solid #4f5597;
	border-bottom: 1px none #4f5597;
	border-left: 1px solid #4f5597;
}
/*Trait tableau*/
.tableau {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #4f5597;
	border-right-color: #4f5597;
	border-bottom-color: #4f5597;
	border-left-color: #4f5597;
	border-left: 1px solid #4f5597;
	border-right: 1px solid #4f5597;
}
/*Trait horizontal*/
.horbas {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #4f5597;
	border-right-color: #4f5597;
	border-bottom-color: #4f5597;
	border-left-color: #4f5597;
	border-bottom-style: solid;
}
/*Trait vertical gauche*/
.lefthor {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #9CC79A;
	border-right-color: #9CC79A;
	border-bottom-color: #9CC79A;
	border-left-color: #9CC79A;
}
/*Style pour les boutons*/
.bouton{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#000066;
font-weight:bold;
height:18px;
border:1px;
border-color:#FFFFFF
text-align:center;
}

/*Champ des formulaires*/
.inpute{
color:#000066;
background-color:#CCCCCC;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10;
width:200;
height:15;
border:0px;
}

/*Couleur ou image d'arrière plan des pages*/
/***** body { 
	background-image: url(img/bg2.jpg);
}***/
/***** BODY *****/
body {background-color:#FFFFFF;}

/*Message d'alerte*/
/* message serveur */
.alerte { font-family: Verdana, Arial , sans-serif; font-size: 10px; color:#DA0C44; font-weight: bold; }

/* NOM de l'application */
.titre_shopping { font-size: 20px; font-weight: bold; font-family: Verdana, Arial , sans-serif; color: #999900;}

/* adresse client */
.nom_client { font-size: 10px; font-weight: bold; font-family: Verdana, Arial , sans-serif; color: #000066;}

/* Titre tableau authentification*/
.titre_tableau { font-size: 14px; font-weight: bold; font-family: Verdana, Arial , sans-serif; color: #FFFFFF; background-color:#000066;}

/* Titre tableau compte on*/
.titre_tableau_compte { font-size: 12px; font-weight: bold; font-family: Verdana, Arial , sans-serif; color: #FFFFFF; background-color:#000066;}

/* Titre tableau compte off*/
.titre_tableau_compte_off { font-size: 12px; font-weight: bold; font-family: Verdana, Arial , sans-serif; color: #B1B1B1; background-color:#000066;}

/* Menu tableau ON*/
.menu_tableau_on { 
font-size: 12px; font-weight: normal; font-family: Verdana, Arial , sans-serif; color: #FFFFFF; background-color:#890200;
border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
a.menu_tableau_on { 
font-size: 12px; font-weight: normal; font-family: Verdana, Arial , sans-serif; color: #FFFFFF; background-color:#890200;
border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left:none;
	border-right:none; 
}
a:link.menu_tableau_on { 
font-size: 12px; font-weight: normal; font-family: Verdana, Arial , sans-serif; color: #FFFFFF; background-color:#890200;
text-decoration: none;text-transform:none;
border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left:none;
	border-right:none;
}
a:visited.menu_tableau_on { 
font-size: 12px; font-weight: normal; font-family: Verdana, Arial , sans-serif; color: #FFFFFF; background-color:#890200;
text-decoration: none;text-transform:none;
border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left:none;
	border-right:none;
}
a:hover.menu_tableau_on { 
font-size: 12px; font-weight:bold; font-family: Verdana, Arial , sans-serif; color: #ffffff; background-color:#890200;
text-decoration: none; text-transform:none;
    border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left:none;
	border-right:none;
}

/* Menu tableau OFF*/
.menu_tableau_off { 
font-size: 12px; font-weight: normal; font-family: Verdana, Arial , sans-serif; color: #B1B1B1; background-color:#890200;
border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #B1B1B1;
	border-right-color: #B1B1B1;
	border-bottom-color: #B1B1B1;
	border-left-color: #B1B1B1;
	border-left: 1px solid #B1B1B1;
	border-right: 1px solid #B1B1B1;
}

/* labele tableau d'authentification*/
.texte_tab { font-size: 14px; font-weight:bold; font-family: Verdana, Arial , sans-serif; color: #000000;}

/* texte en pieds de page footer ...*/
.texte_footer { font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #3C4B5B;}
a.texte_footer { font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #3C4B5B;}
a:link.texte_footer {text-decoration: none; color: #3C4B5B; text-transform:}
a:visited.texte_footer {text-decoration: none; color: #3C4B5B; text-transform:}
a:hover.texte_footer {text-decoration:  none; color: #BA6C22; text-transform:}

/* text de bienvenue */
.bienvenue { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #9CC79A; font-weight: bold; }
a.bienvenue { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #9CC79A; font-weight: bold; }
a:link.bienvenue { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #9CC79A; font-weight: bold; text-decoration: none;}
a:visited.bienvenue { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #9CC79A; font-weight: bold; text-decoration: none;}
a:hover.bienvenue { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #296706; font-weight: bold; text-decoration: none;}

/* text des titres articles */
.article { font-family: Verdana, Arial , sans-serif; font-size: 14px; color: #9CC79A; font-weight: bold; }
a.article { font-family: Verdana, Arial , sans-serif; font-size: 14px; color: #9CC79A; font-weight: bold; }
a:link.article { font-family: Verdana, Arial , sans-serif; font-size: 14px; color: #9CC79A; font-weight: bold; text-decoration: none;}
a:visited.article { font-family: Verdana, Arial , sans-serif; font-size: 14px; color: #9CC79A; font-weight: bold; text-decoration: none;}
a:hover.article { font-family: Verdana, Arial , sans-serif; font-size: 14px; color: #296706; font-weight: bold; text-decoration: none;}


/* text pour le lien des menus de gauche */
.menu_gauche { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #296706; font-weight: bold; }
a.menu_gauche  { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #296706; font-weight: bold; }
a:link.menu_gauche  { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #296706; font-weight: bold; text-decoration: none;}
a:visited.menu_gauche  { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #296706; font-weight: bold; text-decoration: none;}
a:hover.menu_gauche  { font-family: Verdana, Arial , sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none;}

/* Titre haut2 */
.liens_haut2 { font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #ffffff;}
a.liens_haut2 { font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #ffffff;}
a:link.liens_haut2  {text-decoration: none; color: #ffffff; text-transform:}
a:visited.liens_haut2  {text-decoration: none; color: #ffffff; text-transform:}
a:hover.liens_haut2  {text-decoration:  none; color: #296706; font-size: 8pt; font-weight: bold; text-transform:}

/* Titre haut */
.liens_haut { font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #15110E;}
a.liens_haut { font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #15110E;}
a:link.liens_haut  {text-decoration: none; color: #15110E; text-transform:}
a:visited.liens_haut  {text-decoration: none; color: #15110E; text-transform:}
a:hover.liens_haut  {text-decoration:  none; color: #ED0128; text-transform:}

/* Titre menu */
.liens_menu{ font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #FFFFFF; font-weight: bold;}
a.liens_menu { font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #FFFFFF; font-weight: bold;}
a:link.liens_menu  {text-decoration: none; color: #FFFFFF; text-transform: font-weight: bold;}
a:visited.liens_menu  {text-decoration: none; color: #FFFFFF; text-transform: font-weight: bold;}
a:hover.liens_menu  {text-decoration:  none; color: #ba1416; text-transform:}

/* Titre menu2 */
.liens_menu2{ font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #730C10; font-weight: bold;}
a.liens_menu2 { font-family: Verdana, Arial , sans-serif; font-size: 8pt; color: #730C10; font-weight: bold;}
a:link.liens_menu2  {text-decoration: none; color: #730C10; text-transform: font-weight: bold;}
a:visited.liens_menu2  {text-decoration: none; color: #730C10; text-transform: font-weight: bold;}
a:hover.liens_menu2  {text-decoration:  none; color: #000000; text-transform:}

/* Titre menu3 */
.liens_menu3 { font-family: Verdana, Arial , sans-serif; font-size: 10pt; color: #b51110; font-weight: bold;}
a.liens_menu3 { font-family: Verdana, Arial , sans-serif; font-size: 10pt; color: #b51110; font-weight: bold;}
a:link.liens_menu3  {text-decoration: none; color: #b51110; text-transform: font-weight: bold;}
a:visited.liens_menu3  {text-decoration: none; color: #b51110; text-transform: font-weight: bold;}
a:hover.liens_menu3  {text-decoration:  none; color: #000000; text-transform:}

/* Titre menu4 */
.liens_menu4 { font-family: Verdana, Arial , sans-serif; font-size: 10pt; color: #4f5597;}
a.liens_menu4 { font-family: Verdana, Arial , sans-serif; font-size: 10pt; color: #4f5597;}
a:link.liens_menu4  {text-decoration: none; color: #4f5597;}
a:visited.liens_menu4  {text-decoration: none; color: #4f5597;}
a:hover.liens_menu4  {text-decoration:  none; color: #000000;}

/* Les liens sur la page before.php  webmastering ...*/
.texte_niveau1 { font-family: Verdana, Arial , sans-serif; font-size: 10pt; color: #000000;}
a.texte_niveau1 { font-family: Verdana, Arial , sans-serif; font-size: 10pt; color: #000000;}
a:link.texte_niveau1 {text-decoration: none; color: #000000; text-transform:}
a:visited.texte_niveau1 {text-decoration: none; color: #000000; text-transform:}
a:hover.texte_niveau1 {text-decoration:  none; color: #BA6C22; text-transform:}

#forme{
border:2px dotted #000000;
width:620px;
margin:auto;
}

#lab {
	position:relative;
	left:5px;
	float:left;
	width:140px;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#006666;
	font-weight:bold;
	letter-spacing:0.15em;
	margin-right:2px;
}
#lab1 {
position:relative;
left:5px;
float:left;
width:400px;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006666;
font-weight:bold;
letter-spacing:0.15em;
margin-right:2px;

}
#lab2 {
position:relative;
left:5px;
float:left;
width:580px;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006666;
font-weight:bold;
margin-right:2px;
line-height:15px;
}
#champ {
position:relative;
left:5px;
float:left;
width:160px;
text-align:left;
margin-right:0px;
}
#msg {
position:relative;
left:5px;
float:left;
width:580px;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006666;
font-weight:bold;
margin-right:2px;
line-height:15px;
border-bottom: 2px solid #006633;
}

/*+++++++++++menu+++++++++++++++*/
/* CSS Document */
#titre{
font-family: Verdana, Arial , sans-serif; 
font-size: 8pt; color: #FFFFFF; 
font-weight: bold;
width:170px;
text-align:left;
}

#menu {
position:relative; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
width:170px;
}
#menu dt {
cursor: pointer;
margin-left:5px;
text-align:left;
font-family: Verdana, Arial , sans-serif; 
font-size: 8pt; 
color: #ffffff;
border:none;
list-style-type: none;
}
#menu dd {
border:none;
margin: 0;
padding: 0;
list-style-type: none;
margin-left:15px;
display:none;
}
#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li {
text-align:left;
margin-left:10px;
list-style-type: none;
margin:0px;
padding:0px;
display: block;

}
#menu li a, #menu dt a {
text-decoration: none;
border: 0 none;
height:auto;
list-style-type: none;
margin:0px;
padding:0px;
font-family: Verdana, Arial , sans-serif; 
font-size: 8pt; 
color: #ffffff;
}
#menu li a:hover {
list-style-type: none;
font-family: Verdana, Arial , sans-serif; 
font-size: 8pt; 
color: #ffffff;
font-weight:bold;}
#menu dt a:hover {
list-style-type: none;
font-family: Verdana, Arial , sans-serif; 
font-size: 8pt; 
color: #ffffff;
}
#gestion{
width:auto;
height:auto;
float:left;
margin:5px;
border:1px dotted #990000;}
#gestion1{
width:auto;
height:auto;
margin:5px;
border:1px dotted #FFFFFF;}


#explo1{
height:auto;
width:150px;
border:solid 2px #9CC79A;
float:left;
margin-right:2px;
padding-left:3px;
text-align:left;}

#explo2{
height:auto;
width:487px;
margin-left:2px;
float:left;
}


#dispo{
height:auto;
width:487px;
margin-left:2px;
float:right;
}
#all{
height:auto;
width:487px;
}
/*******menu article*******/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:relative;
top: 0;
left: 0;
}
dl#menu {
width:auto;
}
dl#menu dt {
margin: 4px;
height:auto;
text-align:left;
font-weight: bold;
}
dl#menu dd {
}
dl#menu li {
text-align:left;
}
dl#menu li a, dl#menu dt a {
color:#FFFFFF;
text-decoration: none;
font-size:8px
display: block;
border: 0 none;
}

dl#menu li a:hover, dl#menu dt a:hover {
font-weight:bold;
}