* {
	margin : 0px;
		padding: 0px;
		border : 0;
		z-index: 0;
		list-style: none;	

}

body {
	color: black;
	background-color: black;
	font-family: tahoma, Helvetica, sans-serif;
   	font-size: 0.8em;
	text-align: center; /* pour Internet Explorer */

}



	/* ---------- general ------------  */
	
h1, h2, h3 {	
	color : #99CD32;
	background: transparent;
	}
h1 {
   font-size: 2em;
padding-bottom : 0.2em;
}

h2 {
   font-size: 1.3em;
	background: transparent url(http://www.seridirect.com/images/images/point_fleche.gif) no-repeat 0 3px ; 
   padding-left : 20px;
	border-bottom : 1px solid #FF9900;
	display :block;
}
h3 {
   font-size: 1.2em;
	line-height : 1.5em;
		border-bottom : 1px solid #FF9900;
	padding-left : 5px;
	margin-bottom: 5px;
	
}



hr {
	line-height: 0.5em;
	height: 1px;
	background: #FF9900;
	clear : both;
}
p {
  font-size : 0.9em;
  text-justify: distribute-all-lines;
  margin-bottom : 1em;
} 

a{
	text-decoration: none;
	color: #FF9900;
	background: transparent;
}
a.pointeur {
background: transparent url(http://www.seridirect.com/images/images/pointeur.gif) no-repeat 0 0 ;
padding-left : 17px;
}
a.pointeur:hover {
background: transparent url(http://www.seridirect.com/images/images/pointeur_hover.gif) no-repeat 0 0 ;
padding-left : 17px;
}


a:link {
font-size : 0.9em;
}

a:visited {
	
}
a:hover {
	color : #99CD32;
	background: transparent;
	text-decoration : underline;
}

div.arianne {
padding-top : 0.6em;
padding-bottom : 0.4em;
border : 0;
}

p.arianne {

	font-size : 0.85em;

	}


input, textarea, checkbox, select{
		border : 1px solid #99CD32;
		color : black;
		background-color: white;
		margin-right : 5px;
}




div#corps { 
background: white url(http://www.seridirect.com/images/images/femme.jpg) no-repeat 0 0;
min-height:500px;

 }
#main {
	position :relative;
	width : 960px;
	height : auto;
	margin: 0 auto; /* alignement pour les bons navigateurs */
	text-align: left; /* alignement du texte dans ce conteneur */
	background-color: #9ACD32;
	color: #333;
	border-right : 1px solid yellow;
	border-left : 1px solid yellow;  

}
#header{
	width : 960px;
	height : 175px;
}	
#header a{
	display :block;
	/*  height : 119px;   */
}
	
#banniere {
	/*width : 960px;
	height : 119px;*/
}

/* menu principal */ 
	
ul#menu {
	width : 100%;
	height : 19px;
	background: transparent url(http://www.seridirect.com/images/images/fond_menu.jpg) no-repeat 0 0;
	

}

ul#menu  li {
	margin-bottom : 0;
	float : left ;
	width :191px;
	height : 19px;
	z-index : 10;
	text-align: center;
	background: transparent url(http://www.seridirect.com/images/images/onglet_base.png) no-repeat 17px 0;
	_width :192px;
	_background-image : none;
	_background-color: #333;
   
}

ul#menu  li a {
		width :191px;
		height : 17px;
		background: none;
		text-align : center;
		line-height : 17px;
		padding-top: 2px;
		font-size : 0.95em;
		_line-height : 14px;

	}
	
	
	
ul#menu  li a:hover {
	color : white;
	background: transparent;
	text-decoration : none;
	width :191px;
		height : 17px;
		background: none;
		text-align : center;
		line-height : 17px;
		padding-top: 2px;
		font-size : 0.95em;
		_line-height : 14px;

	
}
	ul#menu  li a.menu_actif {
		background: transparent url(http://www.seridirect.com/images/images/onglet_acti.png) no-repeat 17px 0;  
		_background-image : none;
		_background-color: #9ACD32;
		color : white;
		width :191px;
		height : 19px;		
		padding-top: 2px;
		font-weight :bold;
	}
	
	ul#menu  li a.menu_actif:hover { 
		_background-color: #9ACD32;
		height : 19px;		
		padding-top: 2px;
	}
	
	
	div#commande {
	background: #9ACD32;
		color : white;
		text-align : center;
		height :30px;
		width: 100%;
		display : block;
z-index: 5;
		_margin-top : -2px;
	 /*    overflow: hidden;  visibility  du débord   */ 
	}	

	/* ligne des etapes de commandes */ 
#commande a {
	display:inline;
	color:white;
	font-size : 1em;
}

#commande a:hover {
	text-decoration:underline;
}

#commande p {
position : relative;
text-align : center;
	line-height : 35px;
	width : 200px;
	top:-3px;
	margin : 5px 15px 0 15px;
	display : inline;
	height : 35px;
	
	}	
	
	
	
	
	
#commande p img {
	vertical-align: middle;
	padding : 0 5px 0 0;
	width : auto;
	height : auto;
	_margin-top : 3px;
	_width : 30px;
	_height : 30px;
	
	}	
	
#commande p.cmd_actif {
	font-weight :  bold;
	z-index : 5;
	}	

	/*       corps          */
	

div#corps {
position : relative;
top :0 ; 
left : 0;
width : 950px;
color : #333333;

/*_width : 500px;
_display :block;*/
		
}
	
/* coin image */ 
	
	div.coin_hd {
		position : absolute ; 
		top : 0;
		right:0;
		height : 9px;
		width: 9px;
		background: transparent url(http://www.seridirect.com/images/images/coin_hd.gif) no-repeat 0 0 ;
		
	}
	
	div.coin_bd {
		position : absolute ;
		bottom : 0;
		right:0;
		height : 9px;
		width: 9px;
		background: transparent url(http://www.seridirect.com/images/images/coin_bd.gif) no-repeat  0 0;
		z-index : 5;
		_bottom : -7px;
	}
	
	/* ------------------------- GAUCHE------------------------------*/  





	#gauche {
		float : left ;
		width : 250px;
		height : 500px;
		margin-top : 160px;
		
	}
	
	
	div.login  {
	position  : absolute;
	top : 120px;
	width : 220px;
	height :auto;
	font-size : 0.85em;
	margin-left : 25px;

	background: transparent url(http://www.seridirect.com/images/images/fond_acces.png) repeat ;
	_background: none;
  
   }
	
		div.login .submit  {
		background: transparent;
		border:0;
		}
		div.login .input  {
		background: transparent;
		width:125px;
		line-height : 30px;
		font-size : 0.85em;
		padding : 5px 10px 0px 10px;
		color : #333;
		border:0;
		background: transparent url(http://www.seridirect.com/images/images/input_acces.png) no-repeat  0 0;
		height : 26px;
		_line-height : 17px;
		_background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.seridirect.com/images/images/input_acces.png');
		}
		div.login a  {
		margin-left : 17px;
		}
	
	
	
	#gauche label {
		margin-left : 25px;
	
}

	#gauche a.normal  { 
		font-size: 1em;
	
		}
	
	a.panier img {
		font-size : 0.8em;
		_background-color: white;
		
	}
		
	.puce li  {
	list-style : disc ;
	margin-left : 20px;
	}	
	
	.modele a.panier  {
		font-size : 0.8em;
		background: transparent url(http://www.seridirect.com/images/images/ajout_panier.png) no-repeat  0 0;
		_background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.seridirect.com/images/images/ajout_panier.png');
	}
	
	.login a.panier  {
		font-size : 0.8em;
		background: transparent url(http://www.seridirect.com/images/images/panier.png) no-repeat  0 0;
		_background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.seridirect.com/images/images/panier.png');
	margin-top :10px;
	width : 132px;
	height : 30px;
	display : block;
	}
	
	.acces_rapide {
		font-size : 0.85em;
		
	}
	
	p.acces_rapide {
	position  : absolute;
	top : 250px;
	font-size : 0.8em;
	margin-left : 25px; 
	}
	
	dl.acces_rapide {
	position  : absolute;
	top : 263px;
	width : 220px;
	height: auto;
		
	border-top : 1px solid #333;
	border-bottom : 1px solid #333;
	margin-left : 25px;
	background: transparent url(http://www.seridirect.com/images/images/fond_acces.png) repeat ;
	_background-image : none;
	_background-color : none;

   }
 
	
	dl.acces_rapide  dt {
		line-height: 0.8em; 
	}
			
	dl.acces_rapide  dt a:link, dl.acces_rapide  dt a:visited, 	dl.acces_rapide  dt a:hover  {
		margin-left : 20px;      
		line-height: 1.2em;
		font-size : 1em;
		display : block;
		line-height: 1em;

		
	}
	
	dl.acces_rapide  dt a:hover  {
	
		background: transparent ; 
		font-weight: bold;
		display : block;
	
		
		
	}
	
	
	/* ------------------------- FIN GAUCHE------------------------------*/  
	  	


/* ------------------------- centre------------------------------*/  
div#centre {
	margin-left: 270px; /* alignement pour les bons navigateurs */
	text-align: left; /* alignement du texte dans ce conteneur */
	
}

h1.vetements, h1.impression,h1.commande,h1.livraison {
   color : #9ACD32;
	margin-left :-40px;
	padding-left : 60px;
	padding-bottom : 23px;
	line-height : 50px;
	height : 23px;

	}
	
	h1.vetements {
		background: transparent url(http://www.seridirect.com/images/images/vetement.png) no-repeat 0 0 ;
		_background: transparent url(http://www.seridirect.com/images/images/vetement.jpg) no-repeat 0 0 ;
	}
	
	h1.impression	{
		background: transparent url(http://www.seridirect.com/images/images/impression.png) no-repeat 0 0 ;
		_background: transparent url(http://www.seridirect.com/images/images/impression.jpg) no-repeat 0 0 ;
		}
	
	h1.commande {
		background: transparent url(http://www.seridirect.com/images/images/total.png) no-repeat 0 0 ;
		_background: transparent url(http://www.seridirect.com/images/images/total.jpg) no-repeat 0 0 ;
		}
	
	h1.livraison {
		background: transparent url(http://www.seridirect.com/images/images/livraison.png) no-repeat 0 0 ;	
		_background: transparent url(http://www.seridirect.com/images/images/livraison.jpg) no-repeat 0 0 ;	
		}

/* ------------------------- droit------------------------------*/  
div#droit ul li {
	list-style: disc;
	font-size :0.9em;
	margin-left : 1em;
}

div#droit {
position : absolute;
	z-index : 5 ;
	height : auto;
	width : 210px;
	right : 5px;
	top: 110px;
	font-size :0.95em;
	line-height: 1.2em;
}
div#homme  {
  position : absolute ;
  bottom : 0;
  right:40px;
  height : 234px;
  width: 142px;
  background: transparent url(http://www.seridirect.com/images/images/homme.jpg) no-repeat 0 0 ;
  
 }



	
	/* ------------------------- FOOTER ------------------------------*/
	
	
div#footer {
position : relative;
	height : 50px;
		background-color: #9ACD32;
		color : White;
		display: block;
		font-size : 0.8em;
		text-align :center;
		padding-top :3px;
}

div#footer li {
display : inline;
margin : 0px 15px  0 15px;

}

div#footer a {
background-color: transparent;
	color : White;
}
div#footer ul li a:link {
background-color: transparent;
	color : White;
}

div#footer  a:hover {
color :#333;
}

	/* -------------------------FIN ------------------------------*/  
	
	

	



/* page d'accueil avec la liste des catégories */

#listeVetements {
	z-index : 5 ;
	text-align: left; /* alignement du texte dans ce conteneur */
	height : 450px; 
}
dl.vetements {
 	padding : 15px 0 0 20px  ;
	width: 450px;
	height: auto;
 }
dl.vetements dt {
 	float : left;
}
 
 dl.vetements dt img {
 	width : 65px;
	float : left;
	height : 65px;
 }
 
 dl.vetements dd {
	float:left;
	font-size:1em;
	font-weight:bold;
	height:65px;
	padding-top:5px;
	padding-left:10px;
	width:145px;
 }

/*  publicités aguicheuses */ 


div#homme  {
		position : absolute ;
		bottom : 0;
		right:40px;
		height : 234px;
		width: 142px;
		background: transparent url(../images/images/homme.jpg) no-repeat 0 0 ;
		
	}


/* page choix du modele  */ 


div.modele {
width  : 150px;
display : block;
float : left ;
margin-left :50px; 
text-align :right;
margin-bottom : 50px;
height : 255px;
_height : 270px;
position:relative;

}

div.modele  h3 {
width : 100%;
text-align :center;
height:20px;
line-height:20px;
background-color:#99CC33;
}
div.modele  h3 a{
color : white;
}

.tarif{
position:absolute;
top:25px;
left:0;
text-align: left;
font-size: 10px;
}

p.gram { 
position : absolute ;
color : #99CD32; 
display : block;
z-index : 5;
width : 145px;
line-height: 1em;
font-size : 0.8em;
font-weight : bold;
}

div.modele a.zoom {  

}

p.modele {
	margin: 0;
	padding: 0;
}

img.modele { 
	/*height  : 120px;*/
	width: auto;
	z-index : 0;
	margin-right :  1em;
 }

div.imgmod
	{
	width : 75px;
	height :90px;
	display : block;
	float : right;
	}
 
 
p.ref {
position : absolute ;
	padding: 0;
	text-align : left;
	font-size : 0.8em;
	font-weight : normal ;
	color : #99CD32;
	margin: 80px 5px;
	z-index : 50;
		
}
	
	
p.ref span.petit {
position : relative;


}

div.modele hr {
	margin: 3px 0  0 0px;
	padding: 0;
	width  : 150px;
	margin: 0;
	color:#99CD32;
}  

div.modele label {
	font-size : 0.9em;
	line-height : 1em;
	padding-top: 2px;
display: block;
width : 74px;
float : left;
text-align: right;

}
div.modele input {
font-size : 0.9em;
width : 30px;
text-align: center;
border : 1px solid #99CD32;  
padding-left : 2px;
background-color: transparent;


}

div.modele form a {
clear : both;
display: block;
text-align:center;
padding-top : 5px;
	
}


a.retour {
	margin-right :270px;
}
a.bt_droite {
	display : inline;
	
}

p.colori {

color : white;
font-weight :bold;
/* background : #99CD32; */
text-align:center;
font-size : 0.9em;
height : 20px;
line-height: 20px;
background: transparent url(http://www.seridirect.com/images/images/colori.gif) no-repeat 0 0 ;
}
p.colori select {
margin : 0px 0px 0px 0;
line-height: 12px;
font-size : 10px;
text-align : center;
background : #99CD32;
color : white;
width :110px;
_margin-top : 2px;
}




/*  PAGE CHOIX IMPRESION */

form.impression {
	width : 550px;
	
	
}

a.avant, a.arriere {
/*
	line-height : 39px;
	font-weight :bold;
	color : #99CD32;
	height : 39px;
	display: block;
	width : 275px;
	text-align : center;
	background-image: url(http://www.seridirect.com/images/images/onglet.gif);  */
	
	
	line-height : 20px;
	font-weight :bold;
	color : white;
	height : 20px;
	display: block;
	width : 550px;
	text-align : center;
	border-bottom : 1px solid #FF9900;
background-color : #FF9900;



	
}
	

span.aide {
	display :inline;
	font-size : 0.6em;
	padding-left : 1em;
	visibility:hidden;
}

div.avant, div.dos {
	border-left :1px solid #FF9900;
	border-bottom :1px solid #FF9900;
	border-right :1px solid #FF9900;
	padding : 10px;
	 font-size:   1em ;
	 	_font-size:   1.5em ;
	
}
.marge {
	margin: 10px 5px 10px 30px;
	line-height : 1.5em;
	font-size: 1em ;
}
.marge2 {
	margin: 10px 0px 10px 30px;
	line-height : 1.5em;
	font-size: 1em ;
}
div#centre>p.marge {
	margin: 10px 5px 10px 30px;
	line-height : 1.5em;
	font-size: 1em ;
	width : 80%;

}

p.marge>label {
	font-size: 0.85em;

}

p.checkinline {
	float :left; 
	display : block; 
	margin: 10px 30px;
}

p.checkinline label span {
	position :relative;
	padding-left : 30px;
	}



label span {
	position : relative ;
	font-size : 0.8em;
	margin-left : -15px;
	_font-size:   1em ;
	
}


ul.marge li {
	margin-bottom : 5px;
}

.erreur{ 
	color:red;
	font-weight:bold;
}
#popup {
	/*color: #FF0000;
	position:absolute;
    left: 50%; 
    top: 50%;
    width: 700px;
    height: 400px;
    margin-top: -200px; /* moitié de la hauteur */
    margin-left: -350px; /* moitié de la largeur */
	background-color:#99CC00;
	filter:alpha(opacity=80); /*pour ie*/
	-moz-opacity: 0.8; /*pour firefox */
	-khtml-opacity: 0.8;/* pour safari et konkeror */
	opacity: 0.8; /* pour opera et safari */	
	
}


#alertPanel{
  position:absolute;
  left:0;
  top:0;
  z-index:100;  
}
#box{
  position:relative;
  width:400px;
  background-color:white;
  margin:auto;
  top:150px;
  left:130px;
  text-align:center;
  padding:15px;
  border:solid 2px #cfd140;
}
#box a{
  display:bloc;
  float:left;
  width:200px;
  text-align:center;
  background:url(../../images/fond-alert.gif) no-repeat;
  padding:3px 0px;
}
#box a:link,#box a:visited{
  color:black;
}
#box a:hover{
  color:white;
  text-decoration:none;
}
#box img{
  float:left;
  padding-left:60px;
}
#txtAlert{
  margin-top:15px
  font-size:20px;
}
.net{
  clear:both;
  visibility:hidden;
}
#radioInvisible, #radioInvisible2{
  height:80px;
}
#radioInvisible input, #radioInvisible2 input
{

    width           : 70px;
    height          : 73px;
    position        : absolute;
    z-index         : 10;
}	
#radioInvisible img, #radioInvisible2 img
{
    position        : absolute;
    z-index         : 2;
}