@charset "utf-8";
/* CSS Document */

html, body 
{
		margin               : 0;
		padding              : 0;
		height               : 100%;
		background           : url(../images/background-page.jpg) repeat;
		font-family          : Verdana, Arial, Helvetica, sans-serif;
		font-size            : 11px;
}

a
{
		color                : #36060f;
}

a:hover
{
		color                : #92073f;
}


h1 span
{
		color                : #42231e;
}

p, .label
{
		color                : #333;
		font-size            : 11px;
		margin               : 10px 0 ;
		padding              : 0;
		/*text-align           : justify;*/

}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
---------------------->>>>>PRODUITS<<<<<<---------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
div.produits
{
		position             : relative;
		width                : 149px;
		height               : 142px;
		background           : #fff;
		border-top           : 1px dotted #ccc;
		border-right         : 1px dotted #ccc;
		border-bottom        : 1px solid #ccc;
		border-left          : 1px solid #ccc;
		padding              : 1px;
		margin               : 5px;
		color                : #42231e;
		float                : left;
}
div.produits a img
{
		padding              : 2px;	
		border               : 1px solid #ccc;
}

div.produits a.img-produit
{
		display              : block;
		margin-right         : 1px;
}
div.produits a.img-produit:hover
{
		background           : #ddb5be;
}

div.corne
{
		position             : absolute;
		width                : 10px;
		height               : 11px;
		bottom               : -2px;
		right                : -1px;
		background           : url(../images/corne.gif) no-repeat bottom right;
}

div.produits h3
{
		text-align           : center;
		/*background           : #d299ac;*/
		font-size            : 11px;
		margin               : 0;
		padding              : 3px 0;
}
div.produits a.details
{
		float                : left;
		margin               : 2px 0 0 0px;
		line-height          : 16px;
		padding-left         : 14px;
		background           : url(../images/puce-plus-details.gif) no-repeat center left;
}

div.produits .prix
{
		font-weight          : bold;
		float                : right;
		margin               : 4px 12px 0px 0;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
				MISE EN PAGE (div...)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

div#global 
{
		position             : relative;
		width                : 909px;
		margin               : 0 auto;
}

div#conteneur
{
		position             : relative;
		height               : 398px;
		background-color     : #faf4e8;
		margin-top           : -2px
}

div.titre
{
		position             : absolute;
		top                  : -80px ;
		left                 : 210px;
		z-index : 100;
}

div#conteneur #img-magasin
{
		position             : absolute;
		bottom               : 0;
		right                : 0;
}

div#conteneur div#menu
{
		float                : left;
		padding-top          : 5px;
		width                : 186px;
		height               : 393px;
		background           : #36060f;
}

div#conteneur div#etiquette
{
		position             : absolute;
		right                : 0;
		bottom               : 0;
}
div#contenu-accueil
{
	margin:0;
	padding:0;
	width:723px;
	height:398px;
	float:right;
	position:relative;
}
div#contenu-accueil div#marques
{
		position             : absolute;
		right                : 60px;
		top                  : -118px;
}

div#textes
{
		margin-top           : -7px;
		padding              : 0 10px ;
		background           : #faf4e8;
		width                : 500px;
		height               : 405px;
		float                : right;
}


div#textes h1,div#legende-diapo h1
{
		color                : #910349; 
		margin               : 15px 15px 0 0;
		padding              : 0;
		font-size            : 14px;
		/*text-align           : right;*/
}

div#textes li, div#legende-diapo li
{
		list-style-image:url(../images/puce-liste.gif);
}

.sep
{
		display              : block;
		width                : 349px;
		margin               : 0 auto;
}

div#menu-sec
{
	    position             : relative;
	    margin-top           : -10px;
		/*background           : #faf4e8;*/
		width                : 195px;
		height               : 405px;
		float                : right;
		/*border-left          : 1px dotted #999;*/
}

div#etiquette-menu
{
		position             : absolute;
		right                : 31px;		
		top                  : 0;
		background           : url(../images/etiquette.jpg) no-repeat top left;
		height               : 110px;
		width                : 138px;
}
div#etiquette-menu ul
{
		margin               : 5px 0 0 9px ;
		padding              : 0;
		list-style-type      : none
}

div#etiquette-menu li
{
		width                : 110px;
		padding              : 2px 0;
		background           : url(../images/bg-menu-etiquette.jpg) no-repeat bottom center;
}

div#etiquette-menu li a
{
		display              : block;
		padding              : 0px 2px 0px 10px;
		margin               : 0;
		text-decoration      : none;
		font-family          : Georgia, "Times New Roman", Times, serif;
		color                : #4c2e27;
		/*background           : url(../images/puce-etiquette.gif) no-repeat left center;*/
}

div#etiquette-menu li  a:hover
{
		color                : #4c2e27;
		background           : #d8c49b;
}

div.photos h2
{
		text-transform       : uppercase;
		color                : #910349;
		font-size            : 11px;
		font-weight          : normal;
		margin               : 0;
		padding              : 0;
}

div.photos
{
		position             : absolute;
		bottom               : 15px;
		margin-left          : 12px;
		padding-top          : 4px;
		height               : 237px;
		width                : 170px;
		text-align           : center;
		border               : 1px solid #ddd;
}

div.photos .vignette
{
		margin               : 6px;
		padding              : 3px;
		background           : #fff;
		border               : 1px solid #ddd;
}
div.photos a
{
		display              : block;
		clear                : both;
}
div.photos a:hover
{
	    background           : #ddd;
}
	
.lettrine 
{
		float                : left; 
		font-size            : 3em; 
		font-weight          : bold;
		font-family          : Georgia, Times New Roman, Times, serif;
		color                : #910349;
		border               : 1px solid #910349;
		background           : none; 
		margin-right         : 3px;
		padding              : 1px;
		line-height          : 1em;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
				MENU PRINCIPAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#navigation 
{
		margin           	 : 0;
		padding         	 : 0;
		list-style      	 : none;
		background      	 : none;
		color          	  	 : #fff;
		width           	 : 186px;
}


#navigation a 
{
		display              : block;
		padding              : 0;
		line-height          : 28px;
		color                : #fff;
		text-decoration      : none;
		background           : none;
		height               : 28px;
		border : 0 none;

}

#navigation .subMenu 
{
		margin               : 0;
		padding              : 0;
		list-style      	 : none;
}

#navigation .subMenu li a 
{
		padding-left         : 15px;
		font-family          : Georgia,Tahoma, "Trebuchet MS", Arial,  sans-serif;
		font-size            : 13px;
		height               : 25px;
		color                : #e7ccad;
		font-style           : italic;
}

#navigation .subMenu li a:hover, #navigation .subMenu li a.current 
{
		background           : #42231e;
		color                : #fff;
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                   * ELEMENTS DU MENU PRINCIPAL *
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
li a#menu-connaissance
{
		background           : url(../images/menu-connaissance.gif) no-repeat 0 0;
}

li a#menu-connaissance:hover,li a#menu-connaissance.current
{
		background           : url(../images/menu-connaissance.gif) no-repeat 0 -28px;
}
li a#menu-selection
{
		background           : url(../images/menu-selection.gif) no-repeat left top;
}

li a#menu-selection:hover, li a#menu-selection.current,#navigation li.open a#menu-selection
{
		background           : url(../images/menu-selection.gif) no-repeat left bottom;
}

a#menu-marques
{
		background           : url(../images/menu-marques.gif) no-repeat 0 0;
}

a#menu-marques:hover,a#menu-marques.current
{
		background           : url(../images/menu-marques.gif) no-repeat 0 -28px;
}

a#menu-pratique
{
		background           : url(../images/menu-pratique.gif) no-repeat 0 0;
}

a#menu-pratique:hover,a#menu-pratique.current
{
		background           : url(../images/menu-pratique.gif) no-repeat 0 -28px;
}

a#menu-contact
{
		background           : url(../images/menu-contact.gif) no-repeat 0 0;
}

a#menu-contact:hover,a#menu-contact.current
{
		background           : url(../images/menu-contact.gif) no-repeat 0 -28px;
}
/*
+++================================================================================================================================
												FORMULAIRE DE CONTACT 
+++================================================================================================================================
*/	


.label 
{
		width               : 120px;
		color               : #666;
}
label.error 
{  
		color               : #910349; 
		padding-left        : .5em; 
}

.input-contact, textarea
{
		border              : 1px dotted #ccc;
		width               : 200px;
}

.input-contact-petit
{
		border              : 1px dotted #ccc;
		width               : 115px;
}

/*
+++================================================================================================================================
												FOOTER
+++================================================================================================================================
*/	
div#footer
{
		height              : 73px;
		background          : url(../images/footer.jpg) no-repeat top right;
}
.valider img
{
		border              : none;
		margin-bottom       : -3px;
}

div#footer p 
{
		margin              : 0;
		padding             : 0;
		text-align          : center;
		margin-left         : 186px;
		padding-top         : 20px;
		font-family         : Georgia,Tahoma, "Trebuchet MS", Arial,  sans-serif;
		color               : #36060f;
}

div#footer p a
{
		text-decoration : underline;
}
/* Page d'index (en bas, les nouveautés...)*/
div#nouveaute
{
		position            : absolute;
		bottom              : 100px;
		left                : 195px;
		width               : 350px;
		z-index             : 200;
		text-align          : justify;
}	
div#nouveaute h1
{
		margin              : 0;
		text-align          : justify;
		padding             : 0 0 5px 0;
		font-family         : Helvetica,Tahoma, "Trebuchet MS", Arial,  sans-serif;
		background          : none;
		font-size           : 18px;
		text-transform      : uppercase;
		color               : #92073f;
		font-weight         : normal;
}
div#nouveaute p
{
		margin              : 0;
		padding             : 0;
}
/*
+++================================================================================================================================
												GALERIE FLASH
+++================================================================================================================================
*/	
.galerie
{
	border                  : 1px solid #36060f;
	margin-top              : 6px;
	width                   : 480px;
	height                  : 350px;
}
div#legende-diapo
{
	position                : absolute;
	right                   : 10px;
	top                     : 80px;
	width                   : 200px;
}