/* 
++++ TEMPLATE SPIP ++++
 styles par Exibit
 www.exibit.be
*/
* {
margin: 0;
padding:0;
}

BODY, html{
	font-size:62.5%;
}
body {
	font-family:Arial, sans-serif;
	font-size:1.2em;
	color: #000000;
	line-height: 1.3em;
	margin: 0;
	padding:0;
	background:#6B6B6B url('../images/bg.gif') repeat-y center top;
	font-family:Georgia, "Times New Roman", Times, serif;
}
A{
	color:#00A2D7;
	text-decoration:none;
}
A:HOVER{
	text-decoration:underline;
}
H1{
	display:block;
	position:absolute;
	left:0;
	top:0;
	font-size:1.8em;
	width:265px;
	height:310px;
	background:transparent url('../images/logo_crushthebutton.gif') no-repeat left top;
	margin:0;
	padding:0;
}
H1 A{
	display:block;
	width:265px;
	height:310px;
	margin:0;
	text-indent:-999em;
	overflow:hidden;
}
H2{
	display:none;
}

H3{
	font-size:1.5em;
	color:#181512;
	margin: 15px 0 10px 0;
	padding-bottom:8px;
	border-bottom:2px dotted #3B3938;
}

H4{
	font-size:1.2em;
	color: #000000;
	font-weight:bold;
	margin: 5px 0 10px 0;
}
P{
	font-size:1.1em;
	margin:5px 0 10px 0;
	line-height:1.3em;
}
HR{
	height:0px;
	border:none;
	margin:5px 0 5px 0;
	clear:both;
}

UL{
	margin:0 0 0 20px;
	font-size:1.1em;
}
UL LI{
	background:transparent url('../images/puce1.gif') no-repeat left 7px;
	list-style:none;
	padding-left:10px;
}
IMG{
	border:none;
}
FORM,FIELDSET{
	margin:0;
	border:none;
}
LEGEND{
	display:none;
}
LABEL{
	font-size:1.1em;
	margin:5px 0 10px 0;
	line-height:1.4em;
	font-weight:bold;
}
/* */
#principal:after,#tools:after, #menu UL:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*-------------------------------container-------------------------------------*/
#wrap{
	position:relative;
	width:980px;
	margin:0 auto;
	background:transparent url('../images/bg_wrap.jpg') no-repeat 275px top;
}
#header{
	width:980px;
	height:310px;
	position:relative;
	top:0px;
	left:0px;
	border:none
	margin:0;
}

#principal{
	margin:0px auto;
	width:870px;
	position:relative;
	top:-200px;
	left:0px;
	padding:0px;
}
#menu{
	width:600px;
	position:absolute;
	top:30px;
	right:40px;
	text-align:right;
}
#contenu{
	width:620px;
	position: relative;
	left:0px;
	padding:10px;
	margin:0;
	float:right;
	min-height:250px;
}
#categories{
	padding-top:148px;
	width:208px;
	position: relative;
	top:0px;
	margin:0;
	float:left;
	text-align:right;
}

#chemin{}
#footer{
	width:730px;
	position: relative;
	top:-200px;
	right:0px;
	padding:5px;
	font-size:0.8em;
	text-align:center;
	clear:both;
	float:right;
	margin-bottom:-300px;
}
/*-------------------------------navigation-------------------------------------*/

#menu UL{
	position:absolute;
	margin:0;
	right:0;
	font-size:0.9em;
	text-align:right;
}
#menu LI, #menu UL{
	list-style:none;
	background-image:none;
	margin: 0;
	font-weight:bold;
	padding:0;	
}
#menu A{
	clear: none;
	color:#181512;
}
#menu A:HOVER{
	color:#00A2D7;
	text-decoration:none;
}
#menu LI.item1, #menu LI.item1_down {
	float: left;
	margin: 0 0 0 8px;
	padding: 0 10px 0 0;
	font-size:0.9em;
	text-transform:uppercase;
	position: relative;
	background:transparent url('../images/puce1.gif') no-repeat right 6px;
}
#menu LI#menu8{
	background:none;
}
#menu LI.item1_down A {
	display:inline-block;
	color:#00A2D7;
}
/* */
#categories UL{
	position:relative;
	margin:0;
	font-size:1.1em;
}
#categories LI, #categories UL{
	list-style:none;
	background-image:none;
	margin: 0;
	font-weight:bold;
	position: relative;
	padding:0;
	
}
#categories LI A{
	color:#181512;
}
#categories LI A:hover{
	color:#00A2D7;
	text-decoration:none;
}
#categories LI.item1 IMG, #categories LI.item1_down IMG{
	padding: 0 5px 5px 0;
}
#categories LI.item2, #categories LI.item2_down {
	margin: 0 0 5px 0;
	padding: 0 10px 5px 0;
	border-bottom:2px dotted #3B3938;
}
#categories LI.item2_down A{
	color:#FFFFFF
}
/*-------------------------------mise en page-------------------------------------*/
.col1{
	width:400px;
	position: relative;
	top:0px;
	left:0px;
	padding:5px;
	float:left;
}
.col2{
	border:1px solid #CCC;
	width:220px;
	position: relative;
	top:0px;
	left:0px;
	padding:5px;
	float:right;
}
.article, .article_date, .article_galerie{
	clear:both;
}
.clear{
	clear:both;
}
SPAN.details{
	display:block;
	border-top:#CCCCCC dotted 1px;
	font-size:1em;
	clear:left;
	margin:5px 0 10px 0;
}
.telecharger{
	font-size:1.2em;
	color: #ff6600;
	font-weight:bold;
}
.ps{
	font-size:0.9em;
}
.ps P{
	font-size:1em;
}
A.onglet1{
	float:left;
	margin: 0 8px 8px 0; 
}

.onglet1 IMG{
	border:solid #CCCCCC 1px;
	padding: 2px;
}
.onglet1 IMG:hover{
	border:solid #CC0000 1px;
}
/* ---------------------------- ECHOPPE --------------------------------- */
UL.products-list{
	margin:0;
	padding:0;
	clear:both;
	display:block;
}
UL.products-list LI.product H4{
	clear:both;
}
UL.products-list LI.product{
	list-style:none;
	display:block;
	width:298px;
	height:298px;
	border:1px solid #000000;
	float:left;
	background-color:#FFFFFF;
	position:relative;
	text-align:center;
	padding:20px 0 0 0;
	background-image:none;
	margin:0 0 20px 0;
}

UL.products-list LI.product:hover{
	border:1px solid #00A2D7;
}
UL.products-list LI.right{
	margin:0 0 20px 0;
	float:right;
}
.product-price{
	position:absolute;
	background:transparent url('../images/product_price.png') no-repeat left top!important;
	background:transparent url('../images/product_price.gif') no-repeat left top;
	width:64px;
	height:71px;
	top:5px;
	right:5px;
	font-size:1.3em;
	line-height:1.2em;
	color:#FFFFFF;
	text-align:center;
	padding:20px 0 0 10px;
}
UL.products-list LI.product .product-details{
	position:absolute;
	background:transparent url('../images/product_details.png') no-repeat left top!important;
	background:transparent url('../images/product_details.gif') no-repeat left top;
	width:288px;
	height:27px;
	top:241px;
	left:0;
	text-align:left;
	padding:50px 0 0 10px
}
UL.products-list LI.product .product-details H4 A{
	color:#FFFFFF;
}
UL.products-list LI.product .product-details H4 A:hover{
	color:#00A2D7;
	text-decoration:none;
}
UL.products-list LI.product .product-details .product-panier{
	position:absolute;
	right:5px;
	top:48px;
	/*display:none;*/
}
#produit{
	position:relative;
	background-color:#FFFFFF;
	padding:0 10px;
	border:2px solid #C1C1C1;
}
#produit H3{
	border:none;
}
#produit UL LI{
	line-height:1.2em;
}
#produit SPAN.spip_documents_left{
	display:inline-block;
	float:left;
	margin:0 10px 5px 0;
}
#produit .product-panier{
	position:absolute;
	right:5px;
	top:10px;
	padding:5px 30px 0 0;
	line-height:1.2em;
}
#produit .product-panier IMG{
	padding-top:0px;
	position:absolute;
	right:0px;
	top:-5px;
}
#produit .product-details{
	position:relative;
	text-align:left;
	padding:35px 10px 5px 10px;
	background:#000000 url('../images/product_details2.gif') repeat-x left top;
	color:#FFFFFF;
	font-weight:bold;
	min-height:70px;
	clear:both;
	margin:10px 0 10px 0;
}
#produit .product-details UL LI{
	background:none;
	padding-left:0;
}
#validation_ajout{
	margin: 0 auto;
	padding:20px;
	color:#333;
}
#validation_ajout P{
	text-align:center;
}
#validation_profil{
	background-color:#FFFFFF;
	margin: 0 auto;
	width:480px;
	padding:20px;
	color:#FFF;
}
P.formulaire_ok{
	border:5px solid #69921D;
	background-color:#8BC126;
	padding:10px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}
#echoppe_etapes{
	height:60px;
	position:relative;
	margin-bottom:20px;
}
DIV.echoppe_etape_0,DIV.echoppe_etape_0_ok,
DIV.echoppe_etape_1,DIV.echoppe_etape_1_ok,
DIV.echoppe_etape_2,DIV.echoppe_etape_2_ok,
DIV.echoppe_etape_3,DIV.echoppe_etape_3_ok{position:relative;float:left;width:138px;height:38px;padding:20px 0 0 19px;color:#FFF;font-weight:bold;}
DIV.echoppe_etape_0,
DIV.echoppe_etape_1,
DIV.echoppe_etape_2,
DIV.echoppe_etape_3{background:transparent url('../images/echoppe_etape.gif') no-repeat left center;}
DIV.echoppe_etape_0_ok,
DIV.echoppe_etape_1_ok,
DIV.echoppe_etape_2_ok,
DIV.echoppe_etape_3_ok{background:transparent url('../images/echoppe_etape_ok.gif') no-repeat left center;}
DIV.echoppe_etape_0,DIV.echoppe_etape_0_ok{z-index:20;margin-left:0;padding-left:7px;width:150px;}
DIV.echoppe_etape_1,DIV.echoppe_etape_1_ok{z-index:15;margin-left:-15px;}
DIV.echoppe_etape_2,DIV.echoppe_etape_2_ok{z-index:10;margin-left:-15px;}
DIV.echoppe_etape_3,DIV.echoppe_etape_3_ok{z-index:5;margin-left:-15px;}
TABLE.panier{
	width:100%;
	font-size:1.2em;
	border:0px solid #C1C1C1;
	padding:0px;
	margin:0;
	clear:both;
	margin:0 0 10px 0;
}
TABLE.panier TR TD, TABLE.panier TR TH{
	padding:5px;
	margin:0;
	border:none;
}
TABLE.panier TR TH{
	background-color:#C1C1C1;
	border:none;
}
TABLE.panier TR.l_impair{
	background-color:#EEEEEE;
	padding:0;
}
TABLE.panier TR.l_pair{
	background-color:#FFFFFF;
	padding:0;
}
TABLE.panier TR.titre_panier{
	font-weight:bold;
	text-align:left;
	background-color:#C1C1C1;
	color:#6B6B6B;
}
TABLE.panier TR.row_even{
	background-color:#E1E1E1;
}
.panier_quantite INPUT,

.message_erreur{
	color:#FF0000;
}
INPUT.valider{
	display:block;
	background:#00A2D7 url('../images/button.jpg') repeat-x left bottom;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	text-transform:uppercase;
	font-size:12px;
	border:none;
	text-align:center;
	border:2px solid #FFFFFF;
	position:absolute;
	right:15px;
}

#form_valider_panier{
	position:relative;
}
SPAN.bouton_edit{
	display:inline-block;
	position:relative;
	background:#00A2D7 url('../images/button.jpg') repeat-x left bottom;
	border:2px solid #FFFFFF;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-transform:uppercase;
	margin:0 5px 0 0;
}
SPAN.bouton_ok{
	display:inline-block;
	position:relative;
	background:#00A2D7 url('../images/button.jpg') repeat-x left bottom;
	border:2px solid #FFFFFF;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-transform:uppercase;
}
SPAN.bouton_ok INPUT{
	background:transparent url(../images/ico-ok.png) no-repeat scroll left top;
	padding-left:20px;
	border:none;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
}

SPAN.bouton_edit A,
SPAN.bouton_ok A{
	color:#FFFFFF;
}

#echoppe_etape0 P SPAN.bouton_ok A,
#echoppe_etape1 P SPAN.bouton_ok A,
#echoppe_etape2 P SPAN.bouton_ok A{
	padding-left:20px;
	background:transparent url('../images/ico-ok.png') no-repeat left top;
}
#echoppe_etape0 P SPAN.bouton_edit A,
#echoppe_etape1 P SPAN.bouton_edit A,
#echoppe_etape2 P SPAN.bouton_edit A{
	padding-left:20px;
	background:transparent url('../images/pencil.png') no-repeat left top;
}
#echoppe_profil_deja{
	width:210px;
	float:left;
	padding:10px;
	height:200px;
	background:#CCC url('../images/ico_client-ok.png') no-repeat right top;
}
#echoppe_profil_new{
	width:210px;
	float:right;
	padding:10px;
	height:200px;
	background:#CCC url('../images/ico_client-new.png') no-repeat right top;
}
#profil DT{
	font-weight:bold;
}
#info_perso{
	float:left;
	width:260px;
	margin-bottom:20px;
}
#info_professionnels{
	float:right;
	width:260px;
	margin-bottom:20px;
}
#info_livraison{
	clear:both;
	float:left;
	width:260px;
	margin-bottom:20px;
}
#info_connexion{
	float:right;
	width:260px;
	margin-bottom:20px;
}
#info_perso H5,
#info_professionnels H5,
#info_livraison H5,
#info_connexion H5{
	font-size:1.1em;
	border-bottom:2px dotted #000000;
	padding-bottom:10px;
	margin-bottom:10px;
}
.modifier_info_livraison,
.modifier_info_professionnels,
.modifier_info_perso{
	background:transparent url('../images/pencil.png') no-repeat left top;
	padding:0 0 0 20px;
	margin-top:10px;
}
/* */
table.spip th, table.spip td { 
	padding: 3px 5px 3px 5px; 
	text-align: left; 
	vertical-align: middle;
	line-height:1.3em;
}
table.spip {
	margin-bottom: 1em;
	margin-top: 1em;
	border:#A8A8A8 3px solid;
	border-collapse: collapse;
	padding:1px;
	font-size:12px;
}
TABLE#tableau_commande{
	width:100%;
	border:none;
	padding:0;
}
TABLE#tableau_commande THEAD{
	font-weight:bold;
}
TABLE#tableau_commande TR{
	border-bottom:2px solid #EAEAEA;
}
TABLE#tableau_commande TR.paye{
	background-color:#FF9797;
	padding:4px 0;
}
TABLE#tableau_commande TR.envoye{
background-color:#FFFFFF;
	padding:4px 0;
}
TABLE#tableau_commande TR.valide{
	background-color:#B7ED6D;
	padding:4px 0;
}
TABLE#tableau_commande TR.traitement{
	background-color:#F59667;
	padding:4px 0;
}

/* ----------------------------- SPIP ---------------------------------- */
/* CONNEXION SPIP */
#formulaire_login P{font-size:0.9em;}
#formulaire_login UL{
	margin:0;
	list-style:none;
	padding:0;
}
#formulaire_login UL LI.editer_login,
#formulaire_login UL LI.editer_password,
#formulaire_login UL LI.editer_session{
	list-style:none;background-image:none;
	color:#000;
	font-weight:normal;
	font-size:0.9em;
}
#formulaire_login LABEL{
	list-style:none;
	font-size:0.9em;
	display:block;
	margin:0;
}
#formulaire_login .choix LABEL{
	display:inline;
}
#formulaire_login INPUT.text,
#formulaire_login INPUT.password{
	width:180px;
	background-color:#00A2D7;
	border:none;
	color:#FFFFFF;
	padding:3px;
	margin-bottom:10px;
}

#formulaire_login SPAN.details,
#formulaire_login DIV.choix{
	font-size:0.8em;
	font-weight:normal;
}
.boutons INPUT.submit{
	background:#00A2D7 url('../images/button.jpg') repeat-x left bottom;
	border:2px solid #FFFFFF;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-transform:uppercase;
}
P.boutons{
	text-align:right;
}
/* INSCRIPTION SPIP */
#formulaire_inscription P{font-size:0.9em;}
#formulaire_inscription P.explication,
#formulaire_inscription LEGEND{
	display:none;
}
#formulaire_inscription UL{
	margin:0;
	list-style:none;
	list-style-position:inside;
	padding:0;
}
#formulaire_inscription UL LI.saisie_mail_inscription,
#formulaire_inscription UL LI.saisie_nom_inscription{
	list-style:none;
	color:#000;
	font-weight:normal;
	font-size:0.9em;
}
#formulaire_inscription LABEL{
	list-style:none;
	font-size:0.9em;
	display:block;
	margin:0;
}
#formulaire_inscription .choix LABEL{
	display:inline;
}
#formulaire_inscription INPUT#nom_inscription,
#formulaire_inscription INPUT#mail_inscription{
	width:180px;
	background-color:#00A2D7;
	border:none;
	color:#FFFFFF;
	padding:3px;
	margin-bottom:10px;
}
/* */
.spip-admin-float{
	position:absolute;
	top:35px;
	right:100px;
}
SPAN.spip_documents_left{
	margin:0 10px 5px 0;
	display:inline-block;
	float:left;
}
SPAN.spip_documents_right{
	margin:0 0 5px 10px;
}
.spip_doc_titre, .spip_doc_descriptif{font-size:0.75em;line-height:1.1em;}
.formulaire_recherche LABEL{
	display:none;
}
INPUT#recherche{
	width:120px;
	color:#999;
	font-size:10px;
}
DL#resultats{font-size:1.1em;}
DL#resultats DD{margin-bottom:10px;}
DL#resultats DT{font-weight:bold}
INPUT.forml, INPUT.formo{
	background-color:#CCC;
	width:300px;
	padding:3px;
	border:none;
	display:block;
	margin:5px 0 5px 0;
	font-size:13px;
}
TEXTAREA.forml, TEXTAREA.formo{
	background-color:#CCC;
	width:320px;
	padding:3px;
	font-family:Arial, Georgia, "Times New Roman";
	border:none;
	display:block;
	margin:5px 0 5px 0;
	font-size:12px;
}
.spip_bouton INPUT{
	position:relative;
	background:#00A2D7 url('../images/button.jpg') repeat-x left bottom;
	border:2px solid #FFFFFF;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-transform:uppercase;
	color:#FFF;
}

.spip_form_choix_multiple LI{
	list-style:none;
}
.spip_form_choix_multiple LABEL{
	font-size:0.9em;
}
#echoppe_recherche{
	position:absolute;
	top:95px;
	left:15px;
	text-align:left;
}
#echoppe_recherche INPUT{
	padding:3px;
	border:2px solid #000;
	background:#CCC url('../images/ico-search.gif') no-repeat 165px center;
	width:176px;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif
}
/* FACEBOX */
#facebox .facebox-produit{width:650px;height:460px;overflow:auto;}
#facebox .facebox-statut{width:400px;overflow:auto;}
#facebox .facebox-edit{width:600px;height:440px;overflow:auto;background-color:#999;padding:20px;}
#facebox .facebox-edit INPUT.crayon-active{
	border:none;
	background-color:#00A2D7;
	color:#333;
	padding:4px;
	font-weight:bold;
	margin:0 0 0 0;
}
#facebox .facebox-edit LABEL{
	color:#333333;
	font-weight:bold;
	display:block;margin:0;
	padding:0 0 0 0;
}
#facebox .facebox-edit UL{
	margin:0;
	padding:0 0 0 0;
}
#facebox .facebox-edit LI{
	list-style:none;
	background-image:none;
	margin:0;
	padding:0 0 0 0;
}
/* */
DIV#tools{
	display:block;
	position:absolute;
	top:0px;
	right:50px;
}
#tools #formulaire_menu_lang UL{
	display:block;
	margin:0;
	padding:0;
	background-image:none;
}
#tools #formulaire_menu_lang UL LI{
	margin-bottom:10px;
	background-image:none;
	display:block;
	float:left;
}
#tools #formulaire_menu_lang UL LI A{
	padding:3px;
	background-color:#666;
	color:#FFF;
	border:none;
	font-weight:bold;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#tools #formulaire_menu_lang UL LI.selected A{
	background-color:#00A2D7;
}

#tools #formulaire_menu_lang FORM FIELDSET UL LI A:hover{
	background-color:#00A2D7;
	color:#FFF;
	text-decoration:none;
}
#basket{
	display:block;
	position:absolute;
	left:295px;
	top:0px;
	width:130px;
	font-size:0.8em;
	background-color:#FFF;
	border:2px solid #C1C1C1;
	border-top:none;
	padding:5px;
}

#basket .basket-view{
	display:block;
	position:absolute;
	top:5px;
	left:5px;
}
#basket .basket-statut{
	display:inline-block;
	padding-left:35px;
	margin-bottom:0;
}
#basket .account{
	background:transparent url('../images/ico_login.gif') no-repeat left 3px;
	border-top:2px solid #C1C1C1;
	padding-top:5px;
	padding-left:20px;
	margin-bottom:0;
	text-transform:uppercase;
	font-weight:bold;
}
.formulaire_erreur{
	border:5px solid #A6020F;
	background-color:#FC1F30;
	padding:10px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}

.reponse_formulaire_erreur{
	font-weight:bold;
	color:#FC1F30;
}
UL.products-list LI.product span.reponse_formulaire_erreur{
	display:none;
}
#produit .reponse_formulaire_erreur{
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	font-weight:bold;
	font-size:0.85em;
	color:#FC1F30;
}
/* DESACTIVER LE PANIER 
#basket .basket-statut,
#basket .basket-view,
.product .product-panier,
#produit .product-panier{
	display:none }
*/