/* CSS Document */


body  { color: #333333; font-size: 11px; font-family: Tahoma; text-decoration: none; background-image: url("../images/index_01.jpg"); background-repeat: repeat-x; background-position: left top; margin: 0 }
	
.textbase {
	font-family: Tahoma;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}

.lien_home {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #1E77DB;
	text-decoration: none;
	}
.lien_home:active {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FF5707;
	text-decoration: none;
}
 .lien_home:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FF5707;
	text-decoration: none;
}

.Texttable {
	color: #2D509F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #D6E7F2;
}

form
   { padding:20px; border:0px solid #6381C5D; }
 td, input, select, textarea
   { font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight: normal;}
input, select, textarea
    { }
 .passage, .champ
   { background-color:#FFFDFA; width:100px; border:1px solid #E0D9D3; }
    .passage, .champ2
   { background-color:#D6E7F2; width:500px; border:1px solid #6381C5; }

.Textform {
	color: #2D509F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.Textssm {
	color: #2D509F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.tete_rubriques {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:6px;
	line-height: 13px;
}
.rubriques#interventions {
	font-family: Tahoma;
	font-size: 9px;
	color:#666666;
	padding-top:0px;
	padding-left:5px;
	padding-bottom:10px;
}
.points_forts#titre	{
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	list-style-type:square;
	list-style-position:inside;
	padding-left:5px;
}
.points_forts#desc	{
	font-family:Tahoma;
	font-size:10px;
	font-weight:normal;
	padding-left:15px;
	padding-bottom:5px;
	color:#666666;
}
.champ_daction#ca_txt	{
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	padding-left:15px;
	color:#666666;
}
.champ_daction#ca_bg {
	background-image:url(images/globe_26.jpg); 
	background-position:bottom; 
	background-repeat:no-repeat;
}

.espace_client#texte	{
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	color:#666666;
}
.espace_client#login_txt	{
	font-family:Tahoma;
	font-size:10px;
	font-weight:normal;
	color:#666666;
}
.fil_info#bg {
	background-color:#DDDCE1;
}
.newsbar {
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	font-weight:normal;
	color:#000000;
}
.separateurs {
	border-right-color:#666666;
	border-right-style:solid;
	border-right-width:1px;
}
.td_titres {
	border-bottom-color:#D7D7D7;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.sepa_gris {
	border-right-color:#cccccc;
	border-right-style:solid;
	border-right-width:1px;
}
.menu_bar {
	font-family:Tahoma;
	font-size:10px;
	font-weight:normal;
	color:#999999;
}
.select_menubar {
	font-family:Tahoma;
	font-size:10px;
	font-weight:normal;
	color:#999999;
}
.bordure_orange_droite {
	border-right-color:#FF9900;
 	border-right-width:1px;
  border-right-style:solid;
}
.popup_infos	{
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	color:#FF9900;
}

.popup_infos#txt_context	{
	font-family:Tahoma;
	font-size:11px;
	color:#666666;
}
.bordure_dots_droite {
	background-image: url(../images/common/dots_vertical.gif);
	background-repeat: repeat-y;
	background-position: right top;
}.td_entete_tableau_sansbordgauche {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.td_entete_tableau_avecbordgauche {
	border: 1px solid #999999;
}
.td_ligne_tableau_sansbordgauche {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.td_ligne_tableau_avecbordgauche {
	border-top: 1px #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

#achetezle {
	width: 391px;
	height: 365px;
	padding: 0px;
	margin: 0 auto;
	background-color:#d7ccc2; 
}

#produit {
	width: 178px ;
	height: 365px;
	float: left;
	border-right: 1px solid #7b6f5f;
}

#texteproduit {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #2d509f;
	padding: 29px 19px 19px 29px;
	margin: 0px 0px 0px 178px;
}
#texteproduit a {
	text-decoration: none;
}

.prix {
	font-size: 20px;
	font-weight: bold;
}

.separation {
	clear: both;
	visibility: hidden;
}
.bonjour { text-decoration: none; padding-left: 10px; width: 237px }
.bonjouraccueil { text-decoration: none; padding-left: 10px; width: 295px }
.bonjourbis { text-decoration: none; padding-left: 10px;}
.patchlog  { background-image: url("../images/patchlog.jpg"); background-repeat: no-repeat; background-position: left top; padding-top: 10px }
.home { text-decoration: none; margin-left: 5px }
.deconnecter  { font-weight: bold; text-decoration: none; margin-left: 14px }
.deconnecter:hover  { text-decoration: underline }
.haut { background-image: url("../images/index_02.jpg"); background-repeat: no-repeat; background-position: left bottom }
/* CSS Administrateur*/
.admin   { background-color: #ebe9e5; background-image: none; text-align: center; margin: 0 }
#administrateur input { border: solid thin #ebe9e5 }
#conteneur  { background: url("../images/fond_admin.jpg") no-repeat left top; margin: 0 auto; width: 1050px; height: 600px }
#conteneur2      { background: #fff url("../images/fondadmin_3.jpg") no-repeat left top; text-align: left; margin: 0 auto; width: 1050px }
#contenu   { text-align: center; margin: 0 auto; width: 1050px }
#formulaire { background-image: url("../images/fond_login.gif"); background-repeat: no-repeat; background-position: left top; text-align: left; margin-right: auto; margin-left: auto; padding: 20px 0 20px 40px; position: relative; top: 219px; width: 662px; height: 221px }
.button  { background-image: url("../images/ok_admin.gif"); background-repeat: no-repeat; background-position: left top; width: 43px; height: 26px; border: 0 }
#etape2 { background-image: url("../images/fondadmin_2.gif"); background-repeat: no-repeat; background-position: left top; margin-right: auto; margin-left: auto; padding: 20px 0 20px 40px; position: relative; top: 219px; width: 662px; height: 221px }
#menuetape2  { list-style-image: none; margin: 0; padding: 50px 0 0 }
#menuetape2 li  { display: block; width: 228px; height: 32px; float: left }
#menuetape2 a {
	display: block;
	text-decoration: none;
	width: 218px;
	height: 32px;
	}
.commande:hover {
background-position: 0 -32px
}
.produits:hover {
background-position: 0 -32px
}
a.commande   { text-decoration: none; background: url("../images/commandes.gif") no-repeat left top }
a.produits   { text-decoration: none; background: url("../images/gestionproduits.gif") no-repeat left top }
.tablo     { color: #5d5a57; text-align: center; margin: 180px auto 20px; border: 0 }
.tablo2        { color: #5d5a57; text-align: center; margin: 20px auto; border: solid thin #fff }
td.tablo2  { background-color: #fff }
.tablo td {
padding: 3px; border-top: 0; border-right: thin solid white; border-bottom: 1px solid #fff; border-left: thin solid white; }
.menuadmin  { text-align: center; list-style-type: none; margin: 0; padding-left: 450px; height: 23px }
.menuadmin2   { text-align: center; list-style-type: none; margin: 0 auto; padding-left: 30%; height: 23px }
.menuadmin2 li { text-align: center; display: block; width: 200px; height: 23px; float: left }
.menuadmin li { text-align: center; display: block; width: 90px; height: 23px; float: left }
.ajouter_admin { text-decoration: none; background-image: url("../images/ajouter_admin.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin-right: auto; margin-left: auto; width: 65px; height: 23px }
.ajouter_admin:hover {
background-position: 0 -23px;}
.supprimer_admin  { text-decoration: none; background-image: url("../images/supprimer_admin.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin-right: auto; margin-left: auto; width: 88px; height: 23px }
.supprimer_admin:hover { background-position: 0 -23px }
.valider_admin { text-decoration: none; background-image: url("../images/valider_admin.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin-right: auto; margin-left: auto; width: 88px; height: 23px }
.valider_admin:hover  { background-position: 0 -23px }
.retour_admin { text-decoration: none; background-image: url("../images/retour_admin.gif"); background-repeat: no-repeat; background-position: left top; display: block; margin-right: auto; margin-left: auto; width: 88px; height: 23px }
.retour_admin:hover  { background-position: 0 -23px }
.zonetexte1     { color: #5d5a57; background-color: #fff; margin: 0; width: 100px; height: 25px; border-width: 0 }
.zonetexte1bis   { color: #5d5a57; background-color: #fff; height: 25px; border-width: 0 }
.zonetexte2    { color: #333; background-color: #f7f7f6; width: 100px; height: 25px; border-width: 0 }
.zonetexte2bis   { color: #333; background-color: #f7f7f6; height: 25px; border-width: 0 }
.zonetexte3      { color: #5d5a57; background-color: #f7f7f6; height: 25px; border: solid thin #ccc }
.selectadmin      { color: #5d5a57; background-color: #f7f7f6; width: 100%; height: 25px; border: solid thin #ccc }
.selectadmin2       { color: #5d5a57; background-color: #f7f7f6; width: 67%; height: 25px; border: solid thin #ccc }
.parcourir        { color: #5d5a57; background-color: #f7f7f6; text-align: center; height: 25px; border: solid thin #ccc }
.zonetexte3bis { color: #5d5a57; border-top: 0; border-right: 0; border-bottom: 0; border-left: thin solid #5d5a57 }
.floatleft { float: left }
.intitule{
color: white;
background-color: #5d5a57;
font-weight: bold;
}
#menuhaut     { background-color: #9b8e7e; text-align: center; list-style-type: none; margin: 0; padding: 0 0 0 100px; position: relative; top: 150px; width: 950px; height: 22px }
#menuhaut li    { display: block; margin: 0; padding: 0; width: 170px; height: 22px; float: left }
.costume     { text-decoration: none; background: url("../images/colcost1.jpg") no-repeat left top; display: block; margin: 0; width: 170px; height: 22px }
.costume:hover, .costume:active { background-image: url("../images/colcost2.jpg") }
.chemise    { text-decoration: none; background: url("../images/colchem1.jpg") no-repeat left top; display: block; margin: 0; width: 170px; height: 22px }
.chemise:hover { background-image: url("../images/colchem2.jpg") }
.pantalon    { text-decoration: none; background: url("../images/colpant1.jpg") no-repeat left top; display: block; margin: 0; width: 170px; height: 22px }
.pantalon:hover { background-image: url("../images/colpant2.jpg") }
.accessoire    { text-decoration: none; background: url("../images/colacces1.jpg") no-repeat left top; display: block; margin: 0; width: 170px; height: 22px }
.accessoire:hover { background-image: url("../images/colacces2.jpg") }
.femme    { text-decoration: none; background: url("../images/colfem1.jpg") no-repeat left top; display: block; margin: 0; width: 170px; height: 22px }
.femme:hover { background-image: url("../images/colfem2.jpg") }
/*panier*/
#panier_main  { background-color: #fff; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; width: 1050px }
.blanc { background-color: #fff; background-image: none }
#entete  { background-image: url("../images/base.jpg"); background-repeat: no-repeat; background-position: left top; width: 1050px; height: 152px }
#repere  { margin-top: 15px; margin-left: 177px; width: 873px; height: 63px }
#panier1 { background-image: url("../images/fond_panier1.jpg"); background-repeat: no-repeat; background-position: left top; width: 1050px }
#panier2  { background-image: url("../images/fond_panier.jpg"); background-repeat: no-repeat; background-position: left top; width: 1050px }
#tablo1  { background-image: url("../images/fond_tablo1.jpg"); background-repeat: no-repeat; background-position: left top; margin-left: 177px; width: 766px }
#tablo2  { margin-left: 628px; width: 296px; border: solid 1px #ccc }
#tablo_etape2 { margin-top: 40px; margin-left: 197px; width: 647px; height: 93px }
#tablo_etape2 td { border-bottom: 1px solid #ccc }
#tablo_etape2 input { background-color: #fff; border-width: 1px; border-color: #ccc }
td.tablo1   { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 10px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc }
td.tablo1bis   { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 10px; border-bottom: 1px solid #ccc }
td.tablo2      { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 10px; height: 35px; border-style: none none solid; border-width: 0 0 1px; border-color:   #ccc }
td.tablo2bis      { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #f5f4f2; text-align: left; margin: 0; padding: 10px; height: 35px; border-style: none none solid; border-width: 0 0 1px; border-color:   #ccc }
#tablo_etape3  { margin-left: 177px; width: 296px; border: solid 1px #ccc; float: left;}
td.tablo_etape3     { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 10px; height: 35px; border-style: none none solid; border-width: 0 0 1px; border-color:   #ccc }
td.tablo_etape3      { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #f5f4f2; text-align: left; margin: 0; padding: 10px; height: 35px; border-style: none none solid; border-width: 0 0 1px; border-color:   #ccc }
.ligne1_step3 { background-image: url("../images/entete_recap.jpg"); background-repeat: no-repeat; background-position: left top; width: 296px; height: 35px }
.total { font-size: 13px; font-weight: bold }
.ligne1   { color: #000; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin-top: 5px; padding-top: 4px; padding-left: 10px; height: 27px; border-left: 1px solid #ccc }
.ligne1bis  { color: #000; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; padding-top: 4px; padding-left: 10px; height: 27px }
.lignesuppr   { text-align: center; width: 15px; border-style: none none solid solid; border-width: 0; border-color: #ccc }
.suppr { text-decoration: none; margin-left: 928px }
input.lignesuppr  { background-color: #fff; border: solid 1px #ccc }
#menu_panier   { list-style-type: none; margin-left: 628px; height: 32px }
#menu_panier li  { display: block; width: 149px; height: 32px; float: left }
.retour_panier { background-image: url("../images/retour_panier.jpg"); background-repeat: no-repeat; background-position: left top; display: block; width: 149px; height: 32px }
.valid_panier { background-image: url("../images/valider_panier.jpg"); background-position: left top; display: block; width: 146px; height: 32px }
.valid_step2 { text-decoration: none; display: block; margin-top: 10px; margin-left: 674px; width: 146px; height: 32px }
#identifier   { margin-top: 0; margin-left: 177px; padding-top: 50px; height: 241px }
#identifier p  { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 0; margin-bottom: 5px; margin-left: 18px; padding: 0 }
#identifier input[type="submit"]  { color: #fff; background-image: url("../images/OK.jpg"); background-repeat: no-repeat; background-position: left top; width: 20px; height: 20px }
input[type="text"].identifier  { background-color: #fff; width: 172px; height: 21px; border: solid 1px #ccc }
.nouvoclient { color: #000; font-size: 12px; font-weight: bold; text-decoration: none }
.nouvoclient:hover { text-decoration: underline }
.oublipass { color: #000; font-size: 12px; text-decoration: none }
.oublipass:hover { text-decoration: underline }
#payer   { margin-top: 0; width: 373px; float: left }
#payer p   { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 0; margin-bottom: 10px; margin-left: 18px; padding: 0 }
input[type="text"].payer {background-color: #fff; width: 172px; height: 21px; border: solid 1px #ccc }
input[type="submit"].payer  { background-color: #fff; background-image: url("../images/valider_panier.jpg"); background-repeat: no-repeat; background-position: left top; display: block; width: 146px; height: 32px; border: solid 0 #ccc }
select.payer   { background-color: #c3bcb3; width: 172px; height: 21px; clear: none; border-width: 0 }
img.payer  { margin-top: 4px; float: left margin: none }
.carte { background-image: url("../images/cartes.jpg"); background-repeat: no-repeat; background-position: right center; width: 351px; height: 36px }
.petit { font-size: 10px }
.fin { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin-left: 127px; padding-top: 120px; padding-bottom: 120px; width: 751px }