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

body{
	margin			: 0;
	padding			: 0;
	color			: #585858;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	text-align		: center;
}

a{
	outline			: none;
}

#global{
	position		: relative;
	margin			: auto;
	width			: 960px;
}

#top{
	position		: relative;
	margin			: auto;
	width			: 960px;
	height			: 220px;
}

#content{
	position		: relative;
	margin			: auto;
	width			: 800px;
	padding			: 0 30px 0 30px;
	text-align		: left;
}

.left{
	position		: relative;
	width			: 225px;
	float			: left;
}

.right{
	position		: relative;
	width			: 560px;
	float			: left;
}

#footer{
	position		: relative;
	margin			: auto;
	width			: 860px;
	height			: 75px;
	clear			: both;
	padding			: 85px 0 0 0;
}

.popott{
	position		: absolute;
	bottom			: 42px;
	left			: 80px;
	z-index			: 5;
}

p{
	text-align		: justify;
}

ul, li{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
}

#menu{
	width			: 225px;
	height			: 430px;
	background		: url('../img/bg-menu.jpg') top center no-repeat #ce0077;
}

#menu li{
	width			: 215px;
}

#menu .ssmenu li a{
	padding			: 2px 0 2px 40px;
}

#menu li a{
	text-decoration	: none;
	display			: block;
	height			: 15px;
	padding			: 2px 0 2px 15px;
}

/******* liens **********************************/

#footer a{
	color			: #585858;
}

.right a{
	color			: #ffa200;
	text-decoration	: none;
}

.right a:hover{
	color			: #e79300;
}

a img{
	border			: 3px solid #c6c5c5;
}

a img:hover{
	border			: 3px solid #adadad;
}

.commande{
	display			: block;
	width			: 300px;
	height			: 150px;
	background		: url('../img/commande.jpg') 0 0;
	border			: 0px;
}

.commande:hover{
	background		: url('../img/commande.jpg') 0 -150px;
}

/******* titre **********************************/

h1{
	font-size		: 16px;
	color			: #ffc155;
	border-bottom	: 1px solid #ffc155;
	background		: url('../img/bg-h1.jpg') no-repeat bottom right;
	clear			: both;
}

h2{
	font-size		: 16px;
	color			: #ffc155;
	clear			: both;
}

hr{
	line-height		: 30px;
	height			: 30px;
	visibility		: hidden;
}

.dedi{
	border			: 0px;
	border-bottom	: 1px solid #ffc155;
	background		: url('../img/bg-h1.jpg') no-repeat bottom right;
	line-height		: 30px;
	height			: 30px;
	width			: 100%;
	visibility		: visible;
}

/************* image *************************/

.parus{
	margin-right	: 2px;
	margin-bottom	: 2px;
}

.message{
	background		: url('../img/bg-message.jpg') no-repeat #dae7f0;
	padding			: 10px;
	margin			: 0 0 10px 0;
}

/*** livre d'or *******************************************/

a.livre{
	color			: #507690;
}

a.livre:hover{
	color			: #2e546d;
}

.formlivre {
	height			: 190px;
	display			: none;	
	text-align		: center;
}

.note{
	font-size		: 9px;
	font-style		: italic;
}

.formlivre label{
	float			: left;
	width			: 219px;
	text-align		: left;
	padding-left	: 31px;
}

.chp-livre{
	background		: #dae7f0;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #0069b1;
	padding			: 2px;
	border			: 1px solid #a3bccd;
	width			: 240px;
	margin			: 0 0 5px 0;
}

.chp-txt-livre{
	background		: #dae7f0;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #0069b1;
	padding			: 2px;
	border			: 1px solid #a3bccd;
	width			: 490px;
	height			: 100px;
	margin			: 0 0 5px 0;
}

.envoi-livre{
	background		: #a3bccd;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #507690;
	padding			: 2px;
	border			: 1px solid #a3bccd;
	width			: 496px;
	margin			: 0 0 5px 0;
	cursor			: pointer;
}

/*** cadeaux **********************************************/

.cado{
	text-align		: center;
	width			: 110px;
	float			: left;
	height			: 140px;
}

.up img, .up img:hover{
	border			: 0;
	margin-top		: 5px;
}

/*** tableaux **********************************************/

.tablo{
	background		: #f5edd6;
	padding			: 10px;
	margin			: 0 0 10px 0;
}

.tablo img{
	margin			: 0 10px 0 0;
	float			: left;
	display			: inline-block;
	width			: 104px;
}

.tablo p{
	border-bottom	: 1px solid #f6d578;
	padding			: 2px;	
	margin			: 0;
}

.tablo span{
	font-style		: italic;
	color			: #363636;
	width			: 80px;
	float			: left;
}

.tablo span.lib{
	width			: 330px;
	font-style		: normal;
}

.prix{
	margin-left		: 120px;
}

/*** contact *******************************************/

.note{
	font-size		: 9px;
	font-style		: italic;
}

.contact label{
	float			: left;
	width			: 250px;
	text-align		: left;
}

.chp-contact{
	background		: #ebb8be;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #a42635;
	padding			: 2px;
	border			: 1px solid #de5b6a;
	width			: 240px;
	margin			: 0 0 5px 0;
}

.chp-txt-contact{
	background		: #ebb8be;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #a42635;
	padding			: 2px;
	border			: 1px solid #de5b6a;
	width			: 490px;
	height			: 100px;
	margin			: 0 0 5px 0;
}

.envoi-contact{
	background		: #de5b6a;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #7b131f;
	padding			: 2px;
	border			: 1px solid #de5b6a;
	width			: 496px;
	margin			: 0 0 5px 0;
	cursor			: pointer;
}

a.rose{
	color			: #585858;
}