/* ************************************************************************
// Conception & Programmation : Attrait - http://www.attrait.com
// Copyright © 1998-2003 : At service - http://www.attrait.com
// ************************************************************************
// Dernières modifications : 21-02-2005 14:21
// ************************************************************************
// CSS ZONE PUBLIQUE
// *********************************************************************** */

/* Attributs par défaut */

body, textarea, input
{

background-color: #000000;
	font-family:verdana,arial,geneva,helvetica;
	font-size:11px;
	color:#000000;
	font-weight:normal;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	 
}
.onglet{
	float:left;width:114px; height:42px;margin-left:4px;
	line-height:18px;
	text-align:center;
text-decoration:none;
		border:solid 1px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-box-shadow: 2px 1px 1px #ddd;
	-webkit-box-shadow: 22x 1px 1px #ddd;
	box-shadow:1px 1px 1px #ddd;
	background: -moz-linear-gradient(#ffffff, #444444); 
	
background-color:#FFF; 
	 background-image: -webkit-gradient(linear,
    right bottom,
    left bottom,
    color-stop(0.11, rgb(200,117,102)),
    color-stop(0.53, rgb(171,215,235)),
    color-stop(1, rgb(255,255,255)));

 background-image:-moz-linear-gradient(
    right center,
    rgb(200,117,102) 11%,
    rgb(171,215,235) 53%,
    rgb(255,255,255) 100%
);
}
.onglet:hover{
	-moz-box-shadow: 0px 1px 1px #ddd;
	-webkit-box-shadow: 0x 1px 1px #ddd;
	box-shadow:0px 1px 1px #ddd;
	background: -moz-linear-gradient(#ffffff, #444444);  
	 background-image: -webkit-gradient(linear,
    right bottom,
    left bottom,
    color-stop(0.11, rgb(255,255,255)),
    color-stop(0.53, rgb(171,215,235)),
    color-stop(1, rgb(235,235,235)));

 background-image:-moz-linear-gradient(
    right center,
    rgb(255,255,255) 11%,
    rgb(171,215,235) 53%,
    rgb(235,235,235) 100%
);
text-decoration:none;
}
/*----------------------------------------------*/
/*--------------PARAGRAPHES----------------*/
/*----------------------------------------------*/
td
{
font-family:verdana,arial,geneva,helvetica;
font-size:11px;
color:#000000;
font-weight:normal;
}

tr.tr_c1
{
background-color: #EF7726;
}

tr.tr_c2
{
background-color: #FC8637;
}
tr.tr_c3
{
background-color: #FFAB00;
}
tr.tr_compa
{
background-color: #FD8231;
}
tr.tr_compa2
{
background-color: #FD9815;
}

p
{
	margin: 0px 0px 0px 0px;
}

p.pt
{
	font-size:10px;
	/*margin: 5px 10px 5px 10px;*/
}

pre
{
	font-size:11px;
	color:#CC0000;
}

/*----------------------------------------------*/
/*--------------LIENS----------------*/
/*----------------------------------------------*/

A:link
{
	color: #000000;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}


A:active
{
	color: #000000;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}

A:hover
{
	color: #000000;
	font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}

a.h1:link
{
	color: #000000;
	font-size:14px;
	text-decoration: none;
}
a.h1:visited
{
	color: #000000;
	font-size:14px;
	text-decoration: none;
}
a.h1:hover
{
	color: #BB0000;
	font-size:14px;	
	text-decoration: undeline;
}

a.liste:link {
	color: #000000;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
}

/*----------------------------------------------*/
/*--------------LISTES----------------*/
/*----------------------------------------------*/

ul
{
	/*list-style-image: url(/charte/espace.gif);*/
	/*list-style-type:square;*/
	font-size:12px;
	list-style-type:none;
	margin-bottom:2px;
	list-style-position:inside;
	/*line-height: 18px;*/
}

/*----------------------------------------------*/
/*--------------NIVEAUX DE TITRE----------------*/
/*----------------------------------------------*/

h1
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*color:#000000;*/
	font-weight:bold;
	font-size:14px;
}


h2
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*color:#000000;*/
	font-weight:bold;
	font-size:13px;
}

h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*color:#000000;*/
	font-weight:bold;
	font-size:12px;
}

h4
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*color:#000000;*/
	font-weight:normal;
	font-size:10px;
}

h4 a
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*color:#000000;*/
	font-weight:normal;
	font-size:10px;
}

h5
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#FF6600;
	font-weight:bold;
	font-size:13px;
}

/*----------------------------------------------*/
/*--------------ELEMENTS DE FORMULAIRE----------------*/
/*----------------------------------------------*/

select, textarea, input
{ 
	color: #000000;
	font-size:11px;
	font-weight:normal;
	background-color: #FFFFFF;
	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	border-color:#000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
select.select_etape3
{ 
	color: #000000;
	font-size:11px;
	width: 190px;
	font-weight:normal;
	background-color: #FFFFFF;
	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	border-color:#000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

select.select_quantite
{ 
	color: #000000;
	font-size:11px;
	width: 40px;
	font-weight:normal;
	background-color: #FFFFFF;
	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	border-color:#000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

input.input_log
{ 
	color: #000000;
	font-size:11px;
	width: 140px;
	height: 16px;
	font-weight:normal;
	background-color: #FFFFFF;
	border-style: solid;
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;	
}

input.bouton_ok
{ 
	color: #000000;
	font-size:11px;
	width: 20px;
	height: 20px;
	font-weight:normal;
	background-color: #FFFFFF;
	border-style: solid;
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
input.checkbox
{ 
	color: #000000;
	background-color: #FF6600;
	width: 18px;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	border-style: none;
	background-color: transparent;
}

input.radio{
	background:#F1F1F1;
}
/*----------------------------------------------*/
/*--------------IMAGES----------------*/
/*----------------------------------------------*/

img {
	margin: 0px 0px 0px 0px;
	border:0px;
  }
  
img.simple
{
	margin: 0px 5px 0px 0px;
	border:0px solid #000000;
	max-width:200px;
}

form
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#tableau
{
	width:200px;
	margin:0px 0px 0px 0px;
	text-align:center;
	padding:0px 0px 0px 0px;
	border:1px dashed #FFAB00;
	background-color:#FFFFFF;
}

table.table_liste
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #000000;
}



DIV.titreType{
	color:#ffffff; 
	font-size:14;
	font-weight:bold;
	float:left;
	width:650px;
	margin-top:25px;
	
	margin-left:15px;
	border-bottom:dotted 1px #990033;
	text-align:left;
}

DIV.txtliste{
	color:#ffffff; 
	font-size:12;
	float:left;
	width:650px;
	margin-top:10px;
	
	margin-left:15px;
	text-align:left;
}

/*CSS pour list ref rapide*/
DIV.titreListeFiltre{
	float:left;
	width:680px;
	background-image:url(fdtrans.png);
	padding:8px;
	padding-bottom:0px;
	margin-left:15px;
}
DIV.encartListeFiltre{
	float:left;
	width:680px;
	background-image:url(fdtrans.png);
	padding:8px;
	padding-top:5px;
	margin-left:15px;
}
DIV.ListeFiltre{
	width:170px;
	float:left;
	margin-top:5px;
	
}

A.ListeFiltre{
	font-size:10px;
	text-decoration:none;
	color:#990033;
	font-weight:bold;
}

A.ListeFiltre:hover{
	font-size:10px;
	text-decoration:none;
	color:#F55F55;
}

A.ListeFiltre:visited{
	font-size:10px;
	text-decoration:none;
	color:#990033;
	font-weight:bold;
}
/*FIN CSS liste ref rapide*/

.liste_new {
	background-image:url(fdtrans.png);
	display:block;
	border: dashed 1px #fff;
	width:320px;
	padding:10px;
	min-height:75px;
	float:left;
	margin-top:10px;
	margin-left:15px;
}
DIV.liste_new {
	background-image:url(fdtrans.png);
	display:block;
	border: dashed 1px #fff;
	width:310px;
	padding:10px;
	float:left;
	margin-top:10px;
	margin-left:15px;
}
DIV.listecaracte{
	width:310px;
	clear:both;
	margin-bottom:5px;
	height:60px;

}

DIV.listepx{
	background-color:#ffffff;
	width:310px;
	padding-top:2px;
	margin-top:5px;
	float:left;clear:both;
	height:52px;


}

span.pxprincipal{
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	color="#444444";
}

span.pxsecond{
	
	margin-left:5px;
	color="#444444";
}
span.pxeco{
	font-size:8px;
	margin-left:5px;
	color="#444444";
}
input.inputqte{
width:25px;
height:18px;
margin-bottom:4px;
margin-top:4px;
margin-right:4px;
border: solid 1px #ccc;
float:left;
/*
margin:0px;
margin-right:3px;

clear:both;
background:url(../images/telecharger.png);*/

}
input.listeSubmit{
width:27px;
height:27px;
border:0px;
background:url(caddie.png);

}
a_new {
	font-size:10px;
	font-weight:normal;
	margin-left: 60px;
}
ul.autosuggest
	{
		position: absolute;
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: auto;
	}
	
	ul.autosuggest li
	{
		text-align: left;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	ul.autosuggest li a:link,
	ul.autosuggest li a:visited
	{
		display: block;
		padding: 2px;
		text-decoration: none;
		background-color: #eee;
	}

	ul.autosuggest li a:hover,
	ul.autosuggest li a:active
	{
		color: #fff;
		background-color: #f30;
	}


	ul.autosuggest li.highlight a:link,
	ul.autosuggest li.highlight a:visited
	{
		color: #fff;
		background-color: #f30;
	}
	
.newsticker {
      color : #000;
        list-style-type: none;
        border: 0px dashed #fff;
        background: #fff;
        margin: 0;
}
TD.prodIndex{
	min-height:160px;
	text-align:center;
	border:solid 1px #FDE0DB;
	
}
DIV.prodIndexPrix{
	margin-top:3px;
	font-size:14px;
	font-weight:bold;
	color:#900;
	text-align:center;
	
}

DIV.diapoIndex{
background-color:#fff; 
border:#FF9900 solid 2px; 
width:530px; min-height:150px; 
vertical-align:top; 
}
DIV.diaporamaIndex{
	float:left;
	margin:0px 0px 15px 15px;
background-color:#fff; 
border:#FF9900 solid 2px; 
width:530px; min-height:150px; 
vertical-align:top; 
padding:0px;
}