/********GLOBAL**********/

body

{

font-size:11px;

font-family:Arial,sans-serif;

background-repeat:repeat-x;

margin:0px;

}

#global

{

width:990px;

margin-left:auto;

margin-right:auto;



}

img

{

border:none;



}

a

{

text-decoration:none;

color:#973021;

}

a:hover

{

text-decoration:underline;

}



spip_documents { margin:8px; }

.spip_documents_center { display:block;text-align:center; }

table.spip td {padding:5px;border:1px solid #CCC;}

table.spip tr.row_first { text-align:center; }



/*********EN TETE************/

#header

{

height:96px;

width:990px;

padding:0px;

margin:0px;



background-image:url(bandeau-caffeo5.jpg);

float:left;

}



#barrehaut

{



	margin:0px;

	padding:0px;

	text-align:right;

	font-weight:bold;

	background-image:url(bandeau-caffeoBas4.jpg);

	height:34px;

	width:990px;

	float:left;

	color:#FFFFFF;

	font-size:13px;

}



#barrehaut .conteneur{

	position:relative;

	top:5px;width:980px;

	right:20px;

}



#barrehaut .conteneur a

{

	color:#FFFFFF;

	font-size:13px;

}



#barrehaut .conteneur input

{

	font-size:11px;

	background-color:#FFFFFF;

}



/* Bouton image*/

#barrehaut .conteneur .form_rech_envoyer {

	background-image:url(btn-ok2.jpg);

	background-repeat:no-repeat;

	border:0px;

	color:#ffffff;

	padding:0px;

	margin:0px;

	width:26px;

	height:24px;

	position:relative;

	bottom:4px;

}





/********CONTENU*******/

#contenu

{

float:left;

width:490px;

position:relative;

left:10px;

}



span.on {

	font-weight:bold;

	color:#FF0000;

}



#contenuTop

{

	background-image:url(haut-contenu2.jpg);

	width:990px;

	height:58px;

	padding:0px;

	margin:0px;

	position:relative;

	float:left;

}

#contenuMiddle

{

background-image:url(fond-contenu-repet2.jpg);

background-repeat:repeat-y;

width:990px;

float:left;

}

#contenuBottom

{

background-image:url(bas-contenu2.jpg);

width:990px;

height:49px;

float:left;

}



#contenu a

{

	color:#000000;

	text-decoration:underline;

}



#contenu a:hover {

	color:#000000;

	text-decoration:none;

}



#contenu table {

	margin:auto;

}



/***********MENU**********/

.menu

{

float:left;

width:220px;

position:relative;

left:5px;

margin-left:20px;

}



.menu ul 

{

list-style-type:none;

margin:0;

padding:0;

position:relative;

right:25px;

margin-top:10px;



}

.menu ul li 

{



}

.menu ul li a

{

	display:block;

	height:26px;

	margin-top:1px;

	width:225px;

	text-decoration:none;

}

.menu ul li a:hover

{

	background-position:right bottom;

}

.menu ul li a:active

{

	background-position:right bottom;

}

.menu img

{

	display:block;

	margin-top:8px;

	position:relative;

	right:25px;

}





/* ICI MODIFICATION CONCERNANT L'AFFICHAGE DES SOUS RUBRIQUES*/

.menu ul ul

{

	

	width:185px;

	margin-top:0;

	margin-bottom:0;

	position:relative;

	left:31px;

	background-color:none;

	list-style-type:none;

	

	

}

.menu ul ul li

{

	padding:1px;

	list-style-type:none;

}

.menu ul ul li a

{

color:#764e25;

text-decoration:none;

height:15px;

width:180px;

padding-top:3px;

padding-left:5px;

display:inline;

font-size:10px;

font-family:Arial;





}

.menu ul ul ul li a

{

width:150px;

display:inline;

font-size:8px;

}



.menu ul ul ul li 

{

	list-style-type:disc;

width:150px;

}



.menu ul ul ul

{

	background:none;

	list-style-type:disc;

	

}



.menu ul ul li

{

	list-style-type:none;

}



/*******Retour en haut de la page********/

#footer

{

color:#973021;

clear:both;

background-image:url(footer2.jpg);

height:39px;

}

#footerLeft

{

	float:left;

	width:300px;

	padding-left:190px;

	color:#FFFFFF;

	position:relative;

	top:10px;

}

#footerRight

{

	float:left;

	width:400px;

	text-align:right;

	color:#FFFFFF;

	position:relative;

	top:10px;

	z-index:0;

} 

#footer a

{

	text-decoration:none;

	color:#FFFFFF;

	font-weight:bold;

	font-size:12px;

}



/*****UN PRODUIT EN PROMO******/

.unProduitDetaillePromo

{

width:480px;

border-top:none;



}

.unProduitDetailleHeadPromo

{

width:480px;

}

.unProduitDetailleHeadPromo h3

{

font-size:14px;

color:white;

padding:5px;

}

.unProduitDetailleContentPromo

{

font-size:11px;

width:470px;

padding:5px;



}

.unProduitDetailleContentPromo img

{

float:left;

margin-right:5px;

height:100px;

width:100px;

}

.unProduitDetaillePrixPromo

{

text-align:center;

font-weight:bold;

font-size:110%;

padding-top:10px;

padding-bottom:10px;

clear:both;

}

.nvoprix

{

color:red;



}

.promoEnCours

{

color:red;

font-weight:bold;

font-size:14px;

}

.promoEnCours2

{

color:red;

font-weight:bold;

font-size:12px;

}

/*****UN PRODUIT ******/

.unProduitDetaille

{

width:480px;

border-top:none;



}

.unProduitDetailleHead

{

width:480px;

}

.unProduitDetailleHead h3

{

font-size:14px;

color:white;

padding:5px;

}

.unProduitDetailleContent

{

font-size:11px;

width:470px;

padding:5px;



}

.unProduitDetailleContent img

{

float:left;

margin-right:5px;

height:100px;

width:100px;

}

.imgnoresize

{

margin:0;

width:100%;

}

.imgnoresize .spip_documents_center

{

display:block;

text-align:center;

}

.imgnoresize .spip_documents_center img

{

float:none;

}

.imgnoresize img

{

height:auto;

width:auto;

}



.unProduitDetaillePrix

{

text-align:center;

font-weight:bold;

font-size:110%;

padding-top:10px;

padding-bottom:10px;

clear:both;

}

/****un produit qui est pr�sent� succintement***/

.unProduitPresente

{

width:430px;

margin:auto;

padding:0px;

}

.unProduitPresente a:hover

{

text-decoration:underline;

}

.unProduitPresente a

{

text-decoration:none;

}

.unProduitPresenteEnTete

{

	padding:5px;

	width:430px;

	margin-top:10px;

	height:90px;

	float:left;

}

.unProduitPresenteEnTete img

{



}

.unProduitPresenteDescription

{

padding:5px;

width:430px;

display:none;

float:left;

}

.unProduitPresenteNom

{

font-weight:bold;

width:180px;

height:20px;

padding-top:6px;

padding-left:5px;

padding-right:5px;

float:left;

}

.unProduitPresentePrix

{

width:60px;

height:30px;

padding-top:20px;

float:left;

}

.unProduitPresenteCommander

{

	height:30px;

	vertical-align:middle;

	float:left;

	width:430px;

}

.plusdinfo 

{

font-weight:bold;

display:inline;

position:relative;

bottom:4px;

width:40px;

}



.plusdinfo2 

{

font-weight:bold;

width:40px;

display:none;

}

.lesPlusDinfo

{

	float:left;width:100px;

	position:relative;

	left:80px;

}

.lienImageProduit

{

	text-decoration:none;

	position:relative;

	left:155px;

}





/*////////FIL D'ARIANNE////////////*/

#arianne

{

font-size:10px;

margin:5px 0pt;

color:#401809;

}

#arianne a

{

text-decoration:none;

}

#arianne a:hover

{

text-decoration:underline;

}

#descriptionrub

{

font-weight:bold;

font-weight:bold;

margin:10px 8px;

}

/**********UN PRODUIT**********/

#unProduitSeul

{

width:470px;



}



#unProduitSeulPied

{

width:468px;

float:left;





}

#unProduitSeulPied select

{

font-weight:bold;

width:290px;





}

#unProduitSeulLogo

{

float:left;

width:140px;

}

#unProduitSeulLogo img

{

display:block;

margin-left:auto;

margin-right:auto;

margin-top:10px;

margin-bottom:auto;

}

#unProduitSeulDescription

{

float:left;

width:318px;

padding:4px;



}



#unProduitSeulEnTete

{

margin-top:20px;

width:318px;

height:25px;

padding-top:5px;

font-size:12px;

font-weight:bold;



padding-left:5px;

float:left;



}



#unProduitSeulPrix

{

text-align:center;



font-weight:bold;

font-size:13px;

padding:5px;

margin-top:8px;

clear:both;

}



/********LES SOUS-RUBRIQUES********/

.sousRub

{

	float:left;

	width:300px;

	margin-left:10px;

	clear:both;

	padding-bottom:20px;

	position:relative;

	left:80px;

}



.sousRubTete

{

height:30px;

padding-top:15px;

}

.sousRubTete a

{

color:white;

text-decoration:none;

font-weight:bold;

display:block;

margin-left:auto;

margin-right:auto;

text-align:center;

}

.sousRubTete a:hover

{

text-decoration:underline;

}

.sousRubBas

{

min-height:10px;

}

.sousRubBas img

{

display:block;

margin-left:auto;

margin-right:auto;

margin-top:6px;

margin-bottom:6px;

}

/*********PAGINATION*******/

#pagination

{

	text-align:right;

	padding-right:15px;

	padding-top:15px;

	width:450px;

}

#pagination a

{

}

.on

{

font-weight:bold;

}



/******formulaire********/

div.formulaire_recherche

{

display:inline;

}

div.formulaire_recherche form div

{

display:inline;

}

div.formulaire_recherche form 

{

display:inline;

}

 div.barrehaut label

 {

 display:none;

 }

 

 /****TITE PROMO************/

 .prixPromoEx

 {

	text-decoration:line-through;

 }

 .prixPromoNew

 {

	font-weight:bold;

	color:red;

 }

 

/*******PANIER***********

.panier table 

{

margin-left:auto;

margin-right:auto;



width:450px;

} 

.panier head

{

width:440px;

} 

.panier table tr td

{

width:80px;

display:block;

float:left;

} 

.panier table tr th

{

width:90px;

display:block;

float:left;

} 

.panier fieldset

{

float:left;

} */

/*****BOUTIQUE********/

#liste_etapes

{

clear:both;

padding-top:10px;

}





fieldset

{border: solid 1px #973021;margin-bottom:20px;color:#973021;}

fieldset legend

{font-weight:bold;color:#973021;}



input

{

border: solid 1px #973021;

}



textarea

{

border: solid 1px #973021;

}



select

{

border: solid 1px #973021;

color:#973021;

}



form ul

{

list-style-type:none;

}

.erreur

{

color:red;

font-weight:bold;

}

.en_cours

{

font-weight:bold;

}

.boutons li

{

float:left;

margin:0 5px;

}



input

{

background-color:#ffffff;

margin-right:5px;

font-size:11px;

font-weight:bold;



}



.stylePanier

{

color: #973021;

}

.nombre bordure total

{

font-weight:bold;

}



#txtArt

{

	color: #000000;

}



#txtArt p

{

	text-align:justify;

}



#txtArt .spip_documents img

{

	padding:5px;

}



/**********LES DECLINAISONS******/



#declinaisons {

	margin-left:auto;

	margin-right:auto;

	width:420px;

}



.conteneurDeclinaisons

{

width:420px;

margin-left:5px;

}

.uneDeclinaison

{

	width:410px;

	margin-left:auto;

	margin-right:auto;

	float:left;

	text-align:center;

}

.uneDeclinaison span

{

display:block;

float:left;

width:170px;

}



span.desc{

	padding-top:5px;

}



.uneDeclinaison button

{



}



.uneDeclinaison select {

	float:left;

	width:290px;

	margin-left:10px;

}



.chps_panier

{

	padding-top:5px;

	float:left;

}



span.qte

{

	width:10px;

	padding:5px;

}



/* La partie droite du site */

#boitedroite{

	position:relative;

	right:0px;

 	left:30px;

	width:235px;

	padding:0px;

	margin:0px;

	float:left;

	top:-20px;

	z-index:15;

}



#boitedroite .rubdroit {

	float:left;

}



.rubdroit .hautrubdroit {

	background-image:url(encartpanier-haut2.png);

	width:235px;

	height:16px;

	float:left;



}



.rubdroit .milieurubdroit {

	background-image:url(encartpanier-repeat2.png);

	background-repeat:repeat-y;

	width:235px;

	float:left;



}



.rubdroit .milieurubdroit .milieurubdroitconte {

	padding-left:30px;

}



.rubdroit .basrubdroit {

	background-image:url(encartpanier-pied2.png);

	width:235px;

	height:16px;

	float:left;



}



/* Partie pour les rubriques supplementaire */



.artdroit {

	width:230px;

	float:left;

	padding:0px;

	margin:5px 0px 5px 0px;

	position:relative;

	z-index:15;

}



.artdroit .titre{

	font-weight:bold;

	font-style:italic;

}



.artdroit .conteneur {

	width:200px;

}



.artdroit .conteneur .img {

	width:90px;

	float:left;

}



.artdroit .conteneur p {

	width:90px;

	margin:0px 5px 0px 5px;

	float:left;

}



.artdroit .conteneur p a{

	color:#401809;

	font-weight:bold;

	text-decoration:underline;

}



/* Partie pour les produits en promo */



.proddroit {

	width:230px;

	float:left;

	padding:0px;

	margin:5px 0px 5px 0px;

	position:relative;

}



.proddroit .titre{

	font-weight:bold;

	font-style:italic;

	width:175px;

	padding:0px 0px 5px;

}



.proddroit .conteneur {

	width:200px;

}



.proddroit .conteneur .img {

	width:200px;

	float:left;

}



.proddroit .conteneur p {

	width:180px;

	margin:0px 5px 0px 5px;

	float:left;

}



.proddroit .conteneur p a{

	color:#401809;

	font-weight:bold;

	text-decoration:underline;

}



/* article */



#conteneurArticle {

	float:left;

	width:499px;

}



#conteneurArticle #titre {

	background-image:url(article-haut2.jpg);

	background-repeat:no-repeat;

	width:499px;

	height:49px;

	float:left;

}





#conteneurArticle #titre img{

	margin:0px;

	height:46px;

	position:relative;

	top:12px;

	left:18px;

}



#conteneurArticle #milieu {

	background-image:url(article-repeat2.jpg);

	background-repeat:repeat-y;

	width:499px;

	padding:0px 10px 0px 10px;

	float:left;

}



#conteneurArticle #bas {

	background-image:url(article-pied2.jpg);

	width:499px;

	height:21px;

	float:left;

}



/* Sur la page d'accueil */

#Accnouveaute {

	width:499px;

	float:left;

}



#Accnouveaute .titre {

	background-image:url(nouveaute-haut2.jpg);

	background-repeat:no-repeat;

	width:499px;

	height:49px;

	float:left;

}



#Accnouveaute .milieu {

	background-image:url(article-repeat2.jpg);

	background-repeat:repeat-y;

	width:499px;

	padding:0px 10px 0px 10px;

	float:left;

}



#Accnouveaute .bas {

	background-image:url(article-pied2.jpg);

	width:499px;

	height:21px;

	float:left;

}





#Accpromotion {

	width:499px;

	float:left;

}



#Accpromotion .titre {

	background-image:url(promo-haut2.jpg);

	background-repeat:no-repeat;

	width:499px;

	height:49px;

	float:left;

}



#Accpromotion .milieu {

	background-image:url(article-repeat2.jpg);

	background-repeat:repeat-y;

	width:499px;

	padding:0px 10px 0px 10px;

	float:left;

	

}



#Accpromotion .bas {

	background-image:url(article-pied2.jpg);

	width:499px;

	height:18px;

	float:left;

}





#Accselection {

	width:499px;

	float:left;

}



#Accselection .titre {

	background-image:url(selection-haut.jpg);

	background-repeat:no-repeat;

	width:499px;

	height:49px;

	float:left;

}



#Accselection .milieu {

	background-image:url(selection-repeat.jpg);

	background-repeat:repeat-y;

	width:499px;

	padding:0px 10px 0px 10px;

	float:left;

}



#Accselection .bas {

	background-image:url(selection-pied.jpg);

	width:499px;

	height:16px;

	float:left;

}



#portefolio {



}



#gallerieph {



}

.bouton_important {

	font-size:12px;

	font-weight:bold;

}



/************************************************/

/*                    DOCS JOINTS                    */

/************************************************/

.documents-images {

    float:left;

    width:150px;

    min-height:130px;

}

#ImageBoxOverlay

{

    background-color: #000;

}

#ImageBoxCaption

{

    background-color: #F4F4EC;

}

#ImageBoxContainer

{

    width: 250px;

    height: 250px;

    background-color: #F4F4EC;

}

#ImageBoxCaptionText

{

    font-weight: bold;

    padding-bottom: 5px;

    font-size: 13px;

    color: #000;

}

#ImageBoxCaptionImages

{

    margin: 0;

}

#ImageBoxNextImage

{

    /*background-image: url(    spacer.gif);*/

    background-color: transparent;

}

#ImageBoxPrevImage

{

    /*background-image: url(images/imagebox/spacer.gif);*/

    background-color: transparent;

}

#ImageBoxNextImage:hover

{

    background-image: url(next.gif);

    background-repeat:    no-repeat;

    background-position: right top;

}

#ImageBoxPrevImage:hover

{

    background-image: url(prev.gif);

    background-repeat:    no-repeat;

    background-position: left bottom;

}



a.btcom

{

	position:relative;

	z-index:204;

	background-color:bleu;

}

a.btcom:hover

{

	text-decoration:none;

}