/*html, body, form, fieldset, a, p{*/
html, body{
  /*background: #ffffdd;*/
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  margin-top : 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }

  
a:link {text-decoration: none;  color: #00aa00;}
a:visited {text-decoration: none;  color: #008000;}
a:hover {text-decoration: underline ;} 
  
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-size: 17px; font-weight: bold;color: #000000; }
.vtitre      { font-size: 17px; font-weight: bold;color: #008000; }

.titres     { font-size: 15px; font-weight: bold;color: #008800; }

.ctitre      { font-size: 17px; font-weight: bold; text-align: center; color: #00000; }
.cvtitre      { font-size: 17px; font-weight: bold; text-align: center; color: #008000; }
.cstitre     { font-size: 15px; font-weight: bold; text-align: center; color: #00000; }
.cvgtitre      { font-size: 18px; font-weight: bold; text-align: center; color: #00a000; }
.cbgtitre      { 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-size: 11px; color: #000000;}

.bgnormal { font-size: 11px; font-weight: bold; color: #0000ff;}

.rnormal { font-size: 11px; color: #ee0000;}

.snormal { font-size: 11px; color: #dd8800;}
.gnormal { font-size: 11px; color: #cccccc;}

.unormal { font-size: 11px; text-transform: uppercase; color: #dd8800;}

.bnormal { font-size: 11px; font-weight: bold; color: #000000;}

.cnormal { font-size: 11px; text-align: center; color: #000000;}

.vnormal { font-size: 11px; color: #008000;}

.vgnormal { font-size: 11px; font-weight: bold; color: #008000;}
.petit { font-size: 9px; color: #000000;}
.trepetit { font-size: 8px; color: #000000;}
.cpetit { font-size: 9px; text-align: center; color: #000000;}
.cmicro { font-size: 2px; text-align: center; color: #000000;}

/* top nav background and bottom border */
#nav {
   background:#fff;
 
   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: #ffffff;
	background-color: #aaaaaa;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
	padding: 5px;
}
.touche :link {text-decoration: none;  color: #ffffff;}
.touche :hover {text-decoration: none ; color: #ffffbb;} 
.touche :active {text-decoration: none;  color: #ffffbb;}

.boutonb {
	font-family: Tahoma, Verdana, Arial; 
	font-size: 13px; 
	font-weight: bold;
	text-align: center;
	color: #006000;
	background-color: #ccccb0;
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	padding: 5px;
}
.boutonb:link {text-decoration: none;  color: #006000;}
.boutonb:hover {text-decoration: none ; color: #ffffaa;} 
.boutonb:active {text-decoration: none;  color: #ffffbb;}


.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;

}

.centre {

	font-family: Tahoma, Verdana, Arial; 
	font-size: 15px; 
	color: #000;
        text-align: left;
	background: #ffffff;

	padding-left: 15px;
	padding-right: 15px;

   border-top:1px solid;
   border-bottom:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   border-color:#ccc;

}

.centres {

	font-family: Tahoma, Verdana, Arial; 
	font-size: 16px; 
	color: #000;
        text-align: left;
	background: #ffffff;

	padding-left: 15px;
	padding-right: 15px;

   border-top:1px solid;
   border-bottom:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   border-color:#ccc;

}

.milieu {

	font-family: Tahoma, Verdana, Arial; 
	font-size: 12px; 
	color: #5a5a5a;
        text-align: left;
	background: #ffffff;

	padding-left: 15px;
	padding-right: 15px;

   border-top:1px solid;
   border-bottom:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   border-color:#ccc;

}

.sips {

	font-family: Tahoma, Verdana, Arial; 
	font-size: 12px; 
	color: #5a5a5a;
    text-align: left;
	background: #ffffff;

	padding-left: 5px;
	padding-right: 5px;

   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;
}

#Bt_Pay {
   background:#fff;
   margin:0;
   padding:0 0px 0 0;
   height:80px;
   width: 500px;
   border-top:1px solid;
   border-bottom:1px solid;
   border-left:1px solid;
   border-right:1px solid;
   border-color:#fff;
}	

#Bt_Pay  input {
      cursor: pointer;
      color:#008000;
	  height:80px;
	  width: 500px;
      line-height:80px;
      display:block;
      float:left;
      padding-left:150px;
      margin:0px 0px 0px 0px;
      text-decoration:none;
   
   border-top: 1px solid;
   border-bottom:1px solid;
   border-left:1px solid;
   border-right:1px solid;
    }
	
/* Bt_pay link hover active color */

#Bt_Pay  input:hover { color:#fe7700;}
#Bt_Pay  input:active { color:#ff0000;}		

#Bt_Pay  a:hover  input{ color:#fe7700;}
#Bt_Pay  a:active input{ color:#ff0000;}

#Bt_Pay  a:hover  input.bt_cic { background:#f9f9f9 url(../../images/paiement-cic.jpg) 10px 10px no-repeat ;}
#Bt_Pay a:hover  input.bt_cm { background:#f9f9f9 url(../../images/logo_cm-paiement-pt.jpg) 10px 8px no-repeat ;}
#Bt_Pay a:hover  input.bt_cyb { background:#f9f9f9 url(../../images/cyberplus-paiement.gif) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_ca { background:#f9f9f9 url(../../images/logo_ca_e-transactions.gif) 10px 4px no-repeat; }
#Bt_Pay  a:hover  input.bt_pbx{ background:#f9f9f9 url(../../images/paybox_p_150x60.jpg) 10px 10px no-repeat;}
#Bt_Pay a:hover  input.bt_paz { background:#f9f9f9 url(../../images/Payzen_140x70.jpg) 10px 5px no-repeat; }
#Bt_Pay a:hover  input.bt_ato{ background:#f9f9f9 url(../../images/atos_140x60.jpg) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_ogo{ background:#f9f9f9 url(../../images/ogone_150x60.jpg) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_pal { background:#f9f9f9 url(../../images/PayPal_150x60.png) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_wex { background:#f9f9f9 url(../../images/wexpay_120x65.png) 10px 5px no-repeat; }
#Bt_Pay a:hover  input.bt_buy { background:#f9f9f9 url(../../images/BUYSTER.png) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_mbk { background:#f9f9f9 url(../../images/skrill-moneybook_150x60.gif) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_vir { background:#f9f9f9 url(../../images/vir_bank.jpg) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_che { background:#f9f9f9 url(../../images/cheque.jpg) 10px 10px no-repeat; }

#Bt_Pay a:hover  input.bt_bnp { background:#f9f9f9 url(../../modules/sips/images/bnp_150x60.png) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_lcl { background:#f9f9f9 url(../../modules/sips/images/lcl_150x50.gif) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_etr { background:#f9f9f9 url(../../modules/sips/images/etr_150x60.gif) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_lbp { background:#f9f9f9 url(../../modules/sips/images/lbp_150x60.jpg) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_cmb { background:#f9f9f9 url(../../modules/sips/images/cmb_150x60.jpg) 10px 10px no-repeat; }
#Bt_Pay a:hover  input.bt_sg { background:#f9f9f9 url(../../modules/sips/images/sg_150x60.gif) 10px 10px no-repeat; }

       /* Bt_Pay link  */
#Bt_Pay input.bt_cic { background:url(../../images/paiement-cic.jpg) 10px 10px no-repeat ;}
#Bt_Pay input.bt_cm { background:url(../../images/logo_cm-paiement-pt.jpg) 10px 8px no-repeat ;}
#Bt_Pay input.bt_cyb { background:url(../../images/cyberplus-paiement.gif) 10px 10px no-repeat; }
#Bt_Pay input.bt_ca { background:url(../../images/logo_ca_e-transactions.gif) 10px 4px no-repeat; }
#Bt_Pay input.bt_pbx { background:url(../../images/paybox_p_150x60.jpg) 10px 10px no-repeat; }
#Bt_Pay input.bt_paz { background:url(../../images/Payzen_140x70.jpg) 10px 5px no-repeat; }
#Bt_Pay input.bt_ato{ background:url(../../images/atos_140x60.jpg) 10px 10px no-repeat; }
#Bt_Pay input.bt_ogo{ background:url(../../images/ogone_150x60.jpg) 10px 10px no-repeat; }
#Bt_Pay input.bt_pal { background:url(../../images/PayPal_150x60.png) 10px 10px no-repeat; }
#Bt_Pay input.bt_wex { background:url(../../images/wexpay_120x65.png) 10px 5px no-repeat; }
#Bt_Pay input.bt_buy { background:url(../../images/BUYSTER.png) 10px 10px no-repeat; }
#Bt_Pay input.bt_mbk { background:url(../../images/skrill-moneybook_150x60.gif) 10px 10px no-repeat; }
#Bt_Pay input.bt_vir { background:url(../../images/vir_bank.jpg) 10px 10px no-repeat; }
#Bt_Pay input.bt_che { background:url(../../images/cheque.jpg) 10px 10px no-repeat; }

#Bt_Pay input.bt_bnp { background:url(../../modules/sips/images/bnp_150x60.png) 10px 10px no-repeat; }
#Bt_Pay input.bt_lcl { background:url(../../modules/sips/images/lcl_150x50.gif) 10px 10px no-repeat; }
#Bt_Pay input.bt_etr { background:url(../../modules/sips/images/etr_150x60.gif) 10px 10px no-repeat; }
#Bt_Pay input.bt_lbp { background:url(../../modules/sips/images/lbp_150x60.jpg) 10px 10px no-repeat; }
#Bt_Pay input.bt_cmb { background:url(../../modules/sips/images/cmb_150x60.jpg) 10px 10px no-repeat; }
#Bt_Pay input.bt_sg { background:url(../../modules/sips/images/sg_150x60.gif) 10px 10px no-repeat; }

