/*
  $Id: stylesheet.css,v 1.7 2005/05/21 16:49:50 manmachine Exp $
*/

/* ------- CSS OSC --default template ------- */
@import url(reset.css);
@import url(layout.css);


body {
	margin : 0;
	padding : 0;
	background : #FFF;
	background : #ea8ec7;	/* rose pale */
	background : #4E3BEF;	/* bleu royal */
	background : #EF86CF;	/* rose  */
		
	
	color : #7d7d7d; /* #333 */

	font : 0.8em Verdana,Arial,Lucida,Helvetica,sans-serif;
}

h4  {
	margin-top: 10px;
}	

h3 {
	font-weight: bold;
	margin-top: 10px;
}

.invoiceAdress {
margin:15px;
}

.deliveryAddress  {
	padding-right:45px;
}

th.deliveryAddress  {
	font-weight:bold;
}


th.billingAdress  {
	font-weight:bold;
}

.invoiceDetails {
	margin-bottom: 25px;
}

.invoiceDetails th {
	width: 100px;
	font-weight:bold;
	text-align:right;
}

.invoiceDetails td {
	width: 100px;
	text-align:right;
}

.otTtitle {
	height: 25px;
	vertical-align: bottom;
}
.otText {
	height: 25px;
	vertical-align: bottom;
}

.invoiceHistory th, .invoiceHistory td {
	width:120px;
}

p.checkoutComment {
	margin-top: 15px;
}

a { text-decoration:none;color: #75AFEB; }
a:active { text-decoration:none;color: #75AFEB; }
a:visited { text-decoration:none;color: #75AFEB; }
/*  Si on active ce style, il ya une bordure bleue sous les images cliquables dans firefox => voir ims ci dessous */
a:hover { text-decoration:none;color: #FFFFFF; background-color: #75AFEB; } 

#boutonpromo a, #boutonpromo a:active, #boutonpromo a:visited {
display: block;
width:197px;
height:36px;
background-color: #FEF2F4;
background-image: url(images/boutonpromos.gif);
background-position: center top;
}

#boutonpromo a:hover {
width:197px;
height:36px;
background-color: #FEF2F4;
background-image: url(images/boutonpromos.gif);
background-position: center bottom;
}

/* On met un margin-bottom a -3px pour virer la bordure sous l'image quand le curseur est dessus  (firefox only) */
html>body img {border:0px solid white ; padding:0; margin-bottom: -3px}


ul li a, ul li a:visited, ul li a:active {
text-decoration:none;
font-family: arial, sans serif, verdana;
font-weight: bold;
color: #75AFEB;
}

ul li a:hover {
text-decoration:none;
font-family: arial, sans serif, verdana;
font-weight: bold;
color: #FFFFFF;
background-color: #75AFEB;
}

dl dt a, dl dt a:visited, dl dt a:active {
text-decoration:none;
font-family: arial, sans serif, verdana;
font-size: 15px;
font-weight: bold;
color: #75AFEB;
}

dl dt a:hover {
text-decoration:none;
font-family: arial, sans serif, verdana;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
background-color: #75AFEB;
}


.boxes p a, .boxes p a:visited, .boxes p a:active {
text-decoration:none;
font-family: arial, sans serif, verdana;
font-size: 15px;
font-weight: bold;
color: #75AFEB;
}

.boxes p a:hover {
 text-decoration:none;
 color: #FFFFFF; 
 background-color: #75AFEB; 
 }
 

 .boxes label {
  color : #FB970B;
  font-weight: bold;
 
 }
 
 .cartContent {
  border: 1px solid #A5ACB2;
  padding: 5px;
  color: #F461AF;
 }
 
html>body .boxes img {border:0px solid white ; padding:0; margin-bottom: -4px}

/* ------- compatibility IE6 --------- */

html>body fieldset { padding-top : 1em; top : 0; }
fieldset {position : relative; top : 1em; padding : 0 0.5em 1em 0.5em; }
legend { position :relative; top : -1em; padding : 0.4em; }

/* ------- --------------- --------- */


 
/* - general - */
.floatLeft { float:left; }
.floatRight { float:right; }
.underline { text-decoration: underline; }
.spacer { clear:both; visibility:hidden;}

/* input buttons  */
input, select
{
 color: #f461af;
 }

select {
	width: 165px;
}

input.submitBt {	text-align: center; border:1px solid #e2e2e2;color:#fff;background:#B5C4DF;font-weight:700;}

input.submitBt:hover, .hoverInput_IE {text-align: center; border:1px solid #e2e2e2;font-weight:700;color:#036; background:#B5C4DF; cursor:pointer;}

/*  main nav */
#nav ul li { 
	display:inline; 
	padding:6.3em;
	color: #75AFEB;
	font : 0.4em Verdana,Arial,Lucida,Helvetica,sans-serif;
	font-weight:bold;
}
#nav strong {
	text-decoration: underline;
	font : 1em Verdana,Arial,Lucida,Helvetica,sans-serif;
	font-weight:bold;
}
#nav  a { 
	text-decoration:none;
	color: #75AFEB;
	font : 1em Verdana,Arial,Lucida,Helvetica,sans-serif;
	font-weight:bold;
}
#nav  a:active { text-decoration:none;color: #75AFEB;font : 1em Verdana,Arial,Lucida,Helvetica,sans-serif;font-weight:bold;}
#nav  a:visited { text-decoration:none;color: #75AFEB;font : 1em Verdana,Arial,Lucida,Helvetica,sans-serif;font-weight:bold;}
#nav  a:hover { text-decoration:none;color: #FFFFFF;background-color: #75AFEB;font : 1em Verdana,Arial,Lucida,Helvetica,sans-serif;font-weight:bold;}

/* file d'ariane*/
a.breadCrumb:hover {
 text-decoration:none;color: #FFFFFF;font-weight:bold; background-color: #75AFEB;font :1em Verdana,Arial,Lucida,Helvetica,sans-serif; 
}

#breadCrumb {
	margin-bottom: 5px;
}

/* splipage result */ 
div#splitPageTop {list-style-type: none; margin: 13px 1em 0 0; padding: 0  0 1.5em 0; border-bottom: 1px solid #e2e2e2; }
div#splitPageBottom {list-style-type: none; margin: 0 1em 0 0; padding: 0; border-top: 1px solid #e2e2e2; }
/*
div#splitPageTop a { color: #0000FF; }
div#splitPageTop a:hover { color: #0000FF; background: #FFFF33; }
*/
div#splitPageTop a {
margin-left:2px;
margin-right:2px;
}

div#splitPageBottom a {
margin-left:2px;
margin-right:2px;
}


div#splitPageTop span.jump { font-weight:bold; }
div#splitPageBottom span.jump { font-weight:bold; }
p.sP1 {float:left;}
p.sP2 {float:right;margin-top: 2px;}


#bloc_letters {
	width:165px;
	text-align:center;
}

#bloc_letters table {
	margin:0px;
	width:164px;
	padding:0px;
	border-spacing:1px;
	text-align:center;
	font-size:10px;
	border:0px solid #A5ACB2;
}

#bloc_letters table td {
	margin:0px;
	padding:0px;
	width:18px;
	border-spacing:0px;
	text-align:center;
	font-size:10px;
	border:1px solid #A5ACB2;
}

#bloc_letters table td a {
	display:block;
}

/* index */
div#categoriesImages {  border: 1px solid #e2e2e2; }
div.categoriesThumbs {  float:left; }


/* modules/new_products.php */
div.newProducts{
  border: 0px solid #e2e2e2;
}

div.newProducts h4 { 
  height: 2em;
  clear:both;
  text-align:center;
}

dl.newProduct {
  float: left;
   border: 0px solid #e2e2e2;
   margin-left: 5px;
   margin-bottom: 20px;
   width: 150px;
   height: 170px;
   text-align:center;
}


dl.newProduct dt img {  width: 100px; /*height: 80px;*/ }
dl.newProduct dd {  margin: 0; padding: 0 10px 5px 10px;}
dl.newProduct dd.name {  font-size:1.1em; font-weight:bold; }



/* sitemap.php */
div#sitemap ul {margin:1em;}