/*****************************/
/*          GLOBALE          */
/*****************************/
body{
	background-color:#676b5e;
}

img{
	border:0px;
}

h3{
	margin:0px;
	font-size:14px;
}

#globale{
	width:748px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	padding:0px;
	/* Place la page en haut */
	position:relative;
	bottom:16px;
}

/*****************************/
/*           HEADER          */
/*****************************/
#header{
	width:748px;
}

#swf{
	padding:0px;
	margin:0px;
	height:60px;
}

#sstitre{
	background-color:#ccff66;
	padding:6px;
}

#sstitre p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

/*****************************/
/*            HAUT           */
/*****************************/
#haut{
	width:748px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#vide{
	float:left;
	width:184px;
	background-color:#333333;
	color:#ffff00;
	height:30px;
}

/* Note : IE=>cf feuille de style speciale */
#marquee{
	float:left;
	width:364px;
	background-color:#333333;
	height:30px;
	text-align:center;
	color:#ffff00;
}

#recherche{
	float:left;
	width:200px;
	background-color:#333333;
	color:#ffff00;
	height:30px;
}

#recherche .forml{
	float:left;
	width:100px;
	height:15px;
	position:relative;
	top:2px;
}

#recherche label{
	float:left;
	display:inline;
	position:relative;
	top:5px;
}

/*****************************/
/*            PAGE           */
/*****************************/
#page{
	background-color:#ffffff;
	width:748px;
}

/*****************************/
/*            MENU           */
/*****************************/
#gauche{
	float:left;
	width:184px; /* Meme taille que #vide */
	background-image:url(../design/fond_menu.gif);
	background-repeat:no-repeat;
}

#gauche p{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:center;
}

.Menu{
	margin-top:4px;
}

.Menu .titreMenu{
	margin-left:5px;
	height:28px;
}

.Menu .contenuMenu{
	background-image:url(../design/milieu_menu.gif);
	background-repeat:repeat-y;
	padding:4px;
	margin-left:6px;
	margin-right:6px;
}

.Menu .contenuMenu ul{
	padding:0px;
	margin:0px;
}

.Menu .contenuMenu ul li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.Menu .contenuMenu ul li a{
	text-decoration:none;
	color:#123456;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-align:center;
	width:100%;
	display: block;
}

.Menu .contenuMenu ul li a:hover{
	text-decoration:underline;
	color:#123456;
	background-color:#ccff66;
	width:100%;
	display: block;
}

.Menu .contenuMenu ul.menuservice li{
	background-image:url(../design/puce.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	margin:0px;
}

.Menu .contenuMenu ul.menuservice li a{
	text-align:left;
	color:#666666;
	padding:0px;
	margin:0px;
}

.Menu .contenuMenu ul.menuservice li a:hover{
	text-align:left;
	color:#000000;
	background:none;
	padding:0px;
	margin:0px;
}

.Menu .contenuMenu form{
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-align:center;
	width:160px;
	padding:0px;
	margin:auto;
}

.Menu .contenuMenu form .form_login_h{
	display:none;
}

.Menu .contenuMenu form p{
	padding:5px;
	margin:0px;
}

.Menu .contenuMenu form .inp_login{
	width:125px;
	border:1px solid;
	padding:0px;
	margin:0px;
}

.Menu .contenuMenu form a {
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-align:center;
}

.Menu .contenuMenu form a:hover {
	text-decoration:underline;
	font-size:10px;
	background:none;
}

.Menu .finMenu{
	background-image:url(../design/fin_menu.gif);
	background-repeat:no-repeat;
	height:7px;
}

/*****************************/
/*          CONTENU          */
/*****************************/
#droit{
	float:left;
	width:564px;
	background-color:#ffffff;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/** contenu article **/
#droit h3{
	text-align:center;
}

#droit table{
	margin:auto;
}

#panier{
	background-color:#999999;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding-right:2px;
	background-image:url(../design/degrade.gif);
	background-repeat:repeat-y;
	background-position:left;
	padding:4px 5px;
}


/*****************************/
/*         Sommaire          */
/*****************************/

#sommaire{
	float:left;
	width:225px;
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	margin:0px 0px 0px 12px;
}

#sommaire #fournisseur p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	margin:0px;
	padding:10px 0px 0px 0px;
}

#sommaire #fournisseur a {
	display:block;
	float:left;
	width:100px;
	height:30px;
	text-align:center;
}

/*****************************/
/*           SsRUB           */
/*****************************/

#Ssrub{
	float:left;
	width:250px;
	background-color:#ffffff;
	padding:0px;
	margin:0px;
}

#Ssrub #titreSsrub{
	height:50px;
}

#Ssrub #contenuSsrub{
	background-image:url(../design/milieu_sousrub.gif);
	background-repeat:repeat-y;
	padding:0px 12px 0px 12px;
}

#Ssrub #contenuSsrub ul{
	padding:0px;
	margin:0px;
}

#Ssrub #contenuSsrub ul li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

/* Les sous sous rubriques*/

#Ssrub #contenuSsrub ul li ul{
	list-style-type:none;
	margin:0px;
	border:none;
}

#Ssrub #contenuSsrub ul li ul li{
	list-style-type:none;
	margin:0px 0px 0px 20px;
	border:none;
	background-image:url(../design/ssssrub.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#Ssrub #contenuSsrub ul li ul li a{
	text-decoration:none;
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	width:100%;
	display: block;
	height:20px;
	border:none;
	margin:0px 0px 0px 20px;
}

#Ssrub #contenuSsrub ul li ul li a:hover{
	color:#000000;
	background:none;
	width:100%;
	display: block;
}


#Ssrub #contenuSsrub ul li a{
	text-decoration:none;
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-align:left;
	width:100%;
	display: block;
	height:20px;
	border-bottom:1px dashed #c2c2c2;
}

#Ssrub #contenuSsrub ul li a:hover{
	color:#000000;
	background-color:#ccff66;
	width:100%;
	display: block;
}

#Ssrub #contenuSsrub #fournisseur p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	margin:0px;
	padding:10px 0px 0px 0px;
}

#fournisseur a{
	padding:5px;
}

#Ssrub #finSsrub{
	background-image:url(../design/fin_sousrub.gif);
	background-repeat:no-repeat;
	height:38px;
}

/*****************************/
/*           Promo           */
/*****************************/

#Promo{
	float:left;
	width:314px;
	background-color:#ffffff;
	padding:0px;
	margin:0px;
}

#Promo #titrePromo{
	height:50px;
}

#Promo #contenuPromo{
	background-image:url(../design/milieu_promo.gif);
	background-repeat:repeat-y;
	padding-left:12px;
	padding-right:12px;
}

#Promo #finPromo{
	background-image:url(../design/fin_promo.gif);
	background-repeat:no-repeat;
	height:38px;
}

#Promo #contenuPromo .unePromo .hautPromo{
	width:280px;
	text-align:center;
}

#Promo #contenuPromo .unePromo .hautPromo img{
	float:left;
	width:75px;
	margin-left:4px;
}

#Promo #contenuPromo .unePromo .hautPromo p{
	float:left;
	width:201px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	padding:0px;
}

#Promo #contenuPromo .unePromo .txtPromo{
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:4px;
}

#Promo #contenuPromo .unePromo .prixrefPromo p{
	width:245px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	background-color:#e4eed4;
	margin:0px auto 0px auto;
	padding:5px;
}

#Promo #contenuPromo .unePromo .prixrefPromo p span.prix_barre{
	background-image:url(../design/prix_promo.gif);
	background-repeat:no-repeat;
	background-position:middle;
	font-weight:bold;
}

#Promo #contenuPromo .unePromo .prixrefPromo p span.ref{
	font-weight:bold;
}

#Promo #contenuPromo .unePromo .prixrefPromo p span.prix{
	font-weight:bold;
	color:#FF0000;
}

#Promo #contenuPromo .unePromo .qtPromo{
	width:245px;
	background-color:#d7e1c9;
	border-bottom:1px solid #000;
	text-align:center;
	margin:0px auto 0px auto;
	padding:5px;
}

#Promo #contenuPromo .unePromo .qtPromo form{
	margin:0px;
	padding:0px;
	display:inline;
}

#Promo #contenuPromo .unePromo .qtPromo p{
	width:75px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:10px;
	padding:0px;
	margin:0px;
	display:inline;
}

#Promo #contenuPromo .spacer{
	padding-top:20px;
}

/*****************************/
/*          SousRub          */
/*****************************/

/* ajoute un conteneur */
#conteneur{
	width:544px;
	margin:auto;
}

/*****************************/
/*          Article          */
/*****************************/

/* Liens pour le squelette rubrique */
#scroll a{
	color:#000000;
	text-decoration:none;
}

#scroll a:hover{
	color:#000000;
	text-decoration:underline;
}

#conteneur #titreSsRub{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width:544px;
	font-size:14px;
	background-color:#ccff66;
	color:#333333;
	margin:5px auto auto auto;
}

#conteneur #pagination{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width:544px;
	font-size:12px;
	color:#333333;
	margin:5px auto auto auto;
}

#conteneur #paginationbas{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width:544px;
	font-size:12px;
	color:#333333;
	margin:5px auto auto auto;
	clear:both;
}

#conteneur #pagination a,a:hover{
	color:#333333;
	text-decoration:none;
}

#conteneur #paginationbas a,a:hover{
	color:#333333;
	text-decoration:none;
}

.on {
	font-weight:normal;
	color:#676B5E;
}

#conteneur .Article{
	float:left;
	width:524px;
	padding:5px;
	margin:auto;
	position:relative;
	left:5px;
}

#conteneur .Article .hautArticle p{
	float:left;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#333333;
	border:1px solid #dedede;
	margin:0px 8px 0px 0px;
	padding:0px;
}

#conteneur .Article .hautArticle p a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#333333;
}

#conteneur .Article .hautArticle p a:hover{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#333333;
}

#conteneur .Article .hautArticle .img{
	float:left;
	width:110px;
	margin-top:3px;
}

#conteneur .Article .contenuArticle p{
	float:left;
	width:400px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin:0px 8px 0px 0px;
	padding:0px;
}

#conteneur .Article .contenuArticle p a{
	color:#000000;
	text-decoration:none;
}
#conteneur .Article .contenuArticle p a:hover{
	color:#000000;
	text-decoration:underline;
}

#conteneur .Article .contenuArticle .imgs{
	float:left;
	width:100px;
	text-align:center;
	padding:5px 0px 5px 0px;
}

#conteneur .Article .contenuArticle .img{
	width:110px;
	display:block;
}

#conteneur .Article .contenuArticle .autreimg{
	width:110px;
}

#conteneur .Article .contenuArticle .date_promo{
	font-weight:bold;
	color:#000000;
	font-size:12px;
}

#conteneur .Article .basArticle{
	float:left;
	width:524px;
	background-color:#f1fce9;
	border-bottom:4px solid #999999;
	color:#666666;
}

/* Note : IE=>cf feuille de style speciale */
#conteneur .Article .basArticle p{
	float:left;
	width:270px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	margin:2px 0px 0px 0px;
	padding:0px;
}

#conteneur .Article .basArticle p span.prix_barre{
	background-image:url(../design/prix_promo.gif);
	background-repeat:no-repeat;
	background-position:middle;
	font-weight:bold;
}

#conteneur .Article .basArticle p span.ref{
	font-weight:bold;
}

#conteneur .Article .basArticle p span.prix{
	font-weight:bold;
	color:#FF0000;
}


#conteneur .Article .basArticle form{
	float:left;
	margin:0px;
	padding:0px;
}

/* Note : IE=>cf feuille de style speciale */
#conteneur .Article .basArticle .img{
	float:left;
	width:85px;
	margin:2px 0px 0px 0px;
	text-align:center;
}
.inputsmall {
	width:20px !important;
}

/*****************************/
/*          FOOTER           */
/*****************************/
#footer{
	background-color:#e5e5b7;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:25px;
}

#footer #date{
	float:left;
	width:184px; /* Meme taille que #vide */
	text-align:center;
}

#footer #copyright{
	float:left;
	width:75%;
	text-align:center;
}
#copyright, #copyright a {
	color:#000;
}

/*****************************/
/*     FORMULAIRE PANIER     */
/*****************************/
.formulaire_boutique{
	padding:10px;
	width:500px;
	margin:auto;

}

.formulaire_boutique table{
	margin:auto;
	border-collapse: collapse;
	border:1px solid #000;
}

.formulaire_boutique th{
	border:none;
	background-color:#676b5e;
	color:#ffffff;
}

.formulaire_boutique td{
	padding:10px;
}

.formulaire_boutique a{
	text-decoration:underligne;
	color:#000;
}

.lesboutons_form{
	text-align:center;
}

.bouton_form{
	border:1px solid;
	margin:5px;
	padding:0px;
}

table.finformulaire_boutique {
	border:none;
}

/*****************************/
/*       STYLES DIVERS       */
/*****************************/
.titre{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#666666;
}

.center{
	text-align:center;
}

.vert{
	color:#004400;
}
.rouge{
	color:red;
}

a.lien{
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #000000;
}

a:hover.lien{
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #ccff66;
}

/*****************************/
/*     FORMULAIRE PANIER     */
/*****************************/
#liste_etapes{
	list-style-type:none;
	text-align:center;
	width:500px;
	margin:auto;
}

#liste_etapes li{
	display:inline;
}

#liste_etapes .en_cours{
	font-weight:bold;
	background-color:#ccff66;
}

.obligatoire{
	font-weight:bold;
}

.erreur{
	color:#FF0000;
}

.form{
	width:500px;
	margin:auto;
	padding:5px;
}

.form table{
	border-collapse:collapse;
}

.form table td{
	border:1px solid #EEEEEE;
	width:50%;
	padding:0px;
}

.form input{
	color:#000000;
	font-size:12px;
}

.form .inp{
	width:200px;
}

.form .inppwd{
	width:200px;
	text-align:center;
	margin:auto;
	display:block;
}

.form_type{
	margin:0px;
	padding:0px;
}

ul.form_type{
	padding:0px;
}

ul.form_type li{
	list-style-type:none;
	display:inline;
	padding:0px;
	margin:0px;
}

ul.form_liste{
	padding:0px;
}

ul.form_liste li{
	list-style-type:none;
	padding:0px 0px 0px 20px;
	margin:0px;
}

.form_titre{
	font-size:12px;
}

.siespaceclient .siconnecter{
display:none;
}

/*****************************/
/*           POPUP           */
/*****************************/
#popupnojs{
	border:1px #FF0000 solid;
	width:175px;
	margin:auto;
}

table.spip {	        border-collapse:collapse;	        border:1px solid #CCC;	        margin:10px;    	}	
table.spip tr.row_first { text-align:center; }	
table.spip tr.row_even { }	table.spip tr.row_odd { }	
table.spip td {	        padding:5px;	        border:1px solid #CCC;	}