body {
  background: #ffffdd;
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  margin-top : 0;
  font-family: Verdana, Arial, sans-serif;
  }

  
a:link {text-decoration: none;  color: #00aa00;}
a:visited {text-decoration: none;  color: #008000;}
a:hover {text-decoration: underline ; color:#009900;} 
  
h1      { font-size: 17px; font-weight: bold; color: #000099; }
h2      { font-size: 15px; font-weight: bold; }
h3      { font-size: 16px; font-weight: bold; color: #000000; }
h6      { text-transform: uppcase; color:#009900;}  

.menuh:hover {text-decoration: none ; bold; color:#fe7700;}
.menuh:active {text-decoration: none ; bold; color:#ff0000;}

.menu_h:link {text-decoration: none ; color:gray;}
.menu_h:hover {text-decoration: none ; color:#fe7700;}
.menu_h:active {text-decoration: none ; color:#ff0000;}

.titre      { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: bold;color: #000000; }
.vtitre      { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: bold;color: #008000; }

.titres     { font-size: 15px; font-weight: bold;color: #008800; }

.ctitre      { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: bold; text-align: center; color: #00000; }
.cvtitre      { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 17px; font-weight: bold; text-align: center; color: #008000; }
.cstitre     { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 15px; font-weight: bold; text-align: center; color: #00000; }
.cvgtitre      { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 18px; font-weight: bold; text-align: center; color: #00a000; }
.cbgtitre      { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 25px; font-weight: bold; text-align: center; color: #00a000; }


.label { font-size: 13px; color: #000000; font-weight: bold;}
.vlabel { font-size: 13px; color: #008000; font-weight: bold;}
.blabel { font-size: 13px; color: #386993; font-weight: bold;}
.clabel { font-size: 13px; text-align: center; color: #000000; font-weight: bold;}

.normal { font-family: Verdana, Arial , sans-serif; font-size: 11px; color: #000000;}

.bgnormal { font-family: Verdana, Arial , sans-serif; font-size: 11px; font-weight: bold; color: #0000ff;}

.rnormal { font-family: Verdana, Arial , sans-serif; font-size: 11px; color: #ee0000;}

.snormal { font-family: Verdana, Arial , sans-serif; font-size: 11px; color: #dd8800;}
.gnormal { font-family: Verdana, Arial , sans-serif; font-size: 11px; color: #cccccc;}

.unormal { font-family: Verdana, Arial , sans-serif; font-size: 11px; text-transform: uppercase; color: #dd8800;}

.bnormal { font-family: Verdana, Arial , sans-serif; font-size: 11px; font-weight: bold; color: #000000;}

.cnormal { font-family: Verdana, Arial , sans-serif; font-size: 11px; text-align: center; color: #000000;}

.vnormal { font-family: Verdana, Arial , sans-serif; font-size: 11px; color: #008000;}

.vgnormal { font-family: Verdana, Arial , sans-serif; font-size: 11px; font-weight: bold; color: #008000;}
.petit { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #000000;}
.trepetit { font-family: Verdana, Arial, sans-serif; font-size: 8px; color: #000000;}
.cpetit { font-family: Verdana, Arial, sans-serif; font-size: 9px; text-align: center; color: #000000;}
.cmicro { font-family: Verdana, Arial, sans-serif; font-size: 2px; text-align: center; color: #000000;}

/* top nav background and bottom border */
#nav {
   background:#ffffee;
 
   margin:0;
   padding:0 5px 0 0;
   height:30px;
   border-top:1px solid;
   border-bottom:1px solid;
   border-color:#bbb;
}

/* nav link color */
#nav a {
      color:#008000;
 
      height:30px;
      line-height:30px;
      display:block;
      float:left;
      padding-left:20px;
      margin:0 10px 0 10px;
      text-decoration:none;
      font-weight:bold;

    }

/* nav link hover color */
#nav a:hover {text-decoration: none ; color:#fe7700;}
#nav a:link {text-decoration: none ; color:#008000;}
#nav a:active {text-decoration: none ; color:#ff0000;}

/* nav lien .com & .net */
#nav a.home { background:url('../../icones/home.gif') 0 6px no-repeat; }
#nav a.log_out { background:url(../../icones/logout.gif) 0 6px no-repeat; }
#nav a.new_client { background:url('../../icones/new_user.gif') 0 6px no-repeat; }
#nav a.my_compte { background:url('../../icones/my_compte.gif') 0 6px no-repeat; }
#nav a.contact { background:url('../../icones/contact_email.gif') 0 6px no-repeat; }

/* nav lien .com */
#nav a.ecoshop { background:url(../../icones/caddie-5p.jpg) 0px -2px no-repeat; }
#nav a.rss { background:url(../../icones/rss.png) 0 7px no-repeat; }
#nav a.support { background:url(../../icones/important.gif) 0 6px no-repeat; }
#nav a.faq { background:url(../../icones/faq.gif) 0 6px no-repeat; }
#nav a.condition { background:url(../../icones/cgv.gif) 0 6px no-repeat; }

/* nav lien .net */
#nav a.mozaique { background:url(../../icones/img-ic-stats.gif) 0 6px no-repeat; } 
#nav a.societe { background:url(../../icones/assigned_tickets.gif) 0 6px no-repeat; }
#nav a.actvite { background:url(../../icones/plus.gif) 0 6px no-repeat; }
#nav a.produit { background:url(../../icones/acheter.gif) 0 6px no-repeat; }
#nav a.systeme { background:url(../../icones/user_preferences.gif) 0 6px no-repeat; }


tr.classe1 {
background-color: #F4F4F4;
color : #000000;
font-family : "Trebuchet Ms", Arial, Helvetica;
font-weight : normal;
font-size : 13px;
text-decoration: none;
}

tr.classe2 {
background-color: #E5E5E5;
color : #000000;
font-family : "Trebuchet Ms", Arial, Helvetica;
font-weight : normal;
font-size : 13px;
text-decoration: none;
}

tr.classe3 {
background-color: #CCFFCC;
color : #000000;
font-family : "Trebuchet Ms", Arial, Helvetica;
font-weight : normal;
font-size : 13px;
text-decoration: none;
}

.formulaire1 {
color:#000000;
border: solid 1px #008200;
background-color:#fff;
font-size:11px;
font-weight: none;
}

.menuh {
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: normal;
	text-align: left;  
	padding: 2px;
}

.menu_h {
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-align: center;  
	padding: 2px;
}

.bouton {
	font-size: 11px;
	color: #006000;
	margin-bottom: 5px;
}
	
.touche {
	font-family: Tahoma, Verdana, Arial; 
	font-size: 13px; 
	font-weight: bold;
	text-align: center;
	color: #006000;
	background-color: #ccccb0;
	border-top: 2px solid #e0e0e0;
	border-left: 2px solid #e0e0e0;
	border-bottom: 2px solid #a0a0a0;
	border-right: 2px solid #a0a0a0;
	padding: 5px;
}

.tetiere {
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #dd8800;
	border-top: 1px solid #008200;
	border-bottom: 1px solid #008200;
	padding: 2px;
	width:190px;
}

.tetierep_ {
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #ffcc00;
	border-top: 2px solid #e0e0e0;
	border-left: 2px solid #e0e0e0;
	border-bottom: 2px solid #a0a0a0;
	border-right: 2px solid #a0a0a0;
	padding: 3px;
	width:200px;
}

.tetierep {
        background-image:url('tete_orange.jpg');
	background-repeat:no-repeat;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;

	padding-top:5px;
	padding-left:10px;
	width:200px;
	height:25px;
}

.tetierehp {
        background-image:url('tete_grise_g.jpg');
	background-repeat:no-repeat;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;

	padding-top:5px;
	padding-left:10px;
	width:200px;
	height:25px;
}

.tetiere_h {
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #7da9cd;
	border-top: 2px solid #e0e0e0;
	border-left: 2px solid #e0e0e0;
	border-bottom: 2px solid #707070;
	border-right: 2px solid #707070;
	padding: 3px;
	width:200px;
}

.tetiereh_ {
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #999999;
	border-top: 2px solid #e0e0e0;
	border-left: 2px solid #e0e0e0;
	border-bottom: 2px solid #707070;
	border-right: 2px solid #707070;
	padding: 3px;
	width:200px;
}

.tetiereh {
        background-image:url('tete_grise.jpg');
	background-repeat:no-repeat;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;

	padding-top:5px;
	padding-left:10px;
	width:200px;
	height:25px;
}

.tetiered_ {
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #999999;
	border-top: 2px solid #e0e0e0;
	border-left: 2px solid #e0e0e0;
	border-bottom: 2px solid #707070;
	border-right: 2px solid #707070;
	padding: 3px;
	width:180px;
}

.tetiered {
        background-image:url('tete_grise_d.jpg');
	background-repeat:no-repeat;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;

	padding-top:5px;
	padding-left:10px;
	width:180px;
	height:25px;
}

.tetieres_ {
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #ffff00;
	background-color: #cccccc;
	border-top: 2px solid #e0e0e0;
	border-bottom:2px solid #a0a0a0;
	padding: 2px;
	width:542px;
}
.tetieres  { font-family: Tahoma, Verdana, Arial, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	text-align: center; 
	text-transform: capitalize;
	padding-left:10px;
	color: #00a000; 
	background-color: #ffffee;
}

.droite {

	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	color: #000;
        text-align: center;
	background: #f9f9f9;

	padding-left: 10px;
	padding-right: 1px;

   border-top:1px solid;
   border-bottom:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   border-color:#ccc;

}

.gauche {

	font-family: Tahoma, Verdana, Arial; 
 	font-weight: normal; 
	font-size: 12px; 
	color: #555;
        text-align: left;
	background: #f9f9f9;

	padding-left: 10px;
	padding-right: 1px;

   border-top:1px solid;
   border-bottom:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   border-color:#ccc;

}

.etoile {
font-family: Arial; 
font-size: 11px; 
color: #dd0000; 
font-weight: bold;
}

hr {
color: #008000;
height: 1px;
}

td { 
font-family: Verdana, Arial , sans-serif; 
font-size: 11px; 
color: #000000;
vertical-align:top;
}