/* LE CORPS DE PAGE */
* {margin:0;padding:0}

body {
	padding: 0px 0 20px;
	background: #854142 url(images/bg-body.jpg) repeat-x center 0;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	font: 11px;
}
a,a:link,a:active,a:visited,a:hover {
	color: #D2691E;
}
H1 {
	text-align: left;
	font-size: 18px;
	color: Gray;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0;
}
H2 {
	text-align: left;
	font-size: 18px;
	color: #5C6E7D;
	letter-spacing: 0px;
	padding: 0;
}	
H3, H4 {
	text-align: left;
	font-size: 16px;
	color: #868686;
	letter-spacing: 0px;
	padding: 0;
}
ul, li {
	list-style: none;
}
#general-temp {
	position: relative;
	width: 780px;
	height: 480px;
	margin: 0 auto 0 auto;
	background: url(images/bg-general-temp.jpg) no-repeat top center;
}
#general {
	position: relative;
	width: 780px;
	margin: 0 auto 0 auto;
	background: url(images/bg-general.jpg) repeat-y;
}
#general2 {
width: 780px;
   position: relative;
	margin: 0;
	padding: 10px 0 0 0;
	background: url(images/bg-general2.jpg) no-repeat 0px 0px;
	min-height: 300px;
	_height: 300px;
}
#contenu {
	display: block;
	min-height: 350px;
	_height: 350px;
	margin: 0;
	padding: 0;
	background: url(images/bg-contenu.jpg) no-repeat 15px 21px;
}
#col-ga {
	display: block;
	position: absolute;
	left: 0px;
	top: 168px;
	width: 200px;
	margin: 0;
	min-height: 350px;
	_height: 350px;
	background: none;
}

/* POUR BANNIERE */
#promo, #promo-hiver {
	position: absolute;
	width: 418px;
	height:146px;
	background: url(images/bg-printemps.jpg);
	top:0px;
	left:15px;
}
#promo-hiver {
	background: url(images/bg-hiver.jpg);
}
#promo p, #promo-hiver p {
	display: block;
	font-size: 12px;
	padding: 60px 216px 0 0px;
	color: white;
	font-weight: bold;
	text-align: right;
}
#promo-hiver p {
	padding: 68px 216px 0 0px;
}
#promo a, #promo a:link,#promo a:active,#promo a:visited, #promo a:hover, #promo-hiver a, #promo-hiver a:link,#promo-hiver a:active,#promo-hiver a:visited, #promo-hiver a:hover {
padding: 0 0px 0 0;
font-size: 11px;
	color: white;
	font-weight: normal;
	text-decoration: none;
}
#promo-hiver a, #promo-hiver a:link,#promo-hiver a:active,#promo-hiver a:visited, #promo-hiver a:hover {
color: white;
}
#promo a:hover, #promo-hiver a:hover {
color: #5F2D2E;
	text-decoration: underline;
}
#banniere {
	height: 115px;
	margin: 0px 15px 0 15px;
}
/*#banniere #ban-diapo {
	position: absolute;
	width: 418px;
	height:146px;
	background: url(images/bg-printemps.jpg);
	top:0px;
	left:0px;
}*/
#logo {
position: absolute;
width: 382px;
height: 156px;
background: url(images/logo.jpg) no-repeat;
	top:39px;
	*top: 40px;
	left:375px;
}

/* IMAGES */
img.left, img.right {
	padding:4px;
	margin: 0 10px 2px 0;
	border: 1px solid silver;
	float: left;
}
img.right {
	float: right;
	margin: 0 0px 2px 10px;
}

/* MENU HORIZONTAL HAUT DEROULANT*/
#menu, #menu-haut {
	display: block;
	margin: 0px 22px 0 22px;
	padding: 3px 0 2px 70px;
	*padding: 3px 0 1px 70px;
	background: none;
	border-bottom: none;
}
#menu-haut {
	background: none;
	border-bottom: none;
	margin: 0px 20px 0 0px;
	padding: 2px 0 3px 12px;
}
#menu-top, #menu-top ul, #menu-top-haut, #menu-top-haut ul  {
   padding: 0px 0 0 10px;
	margin: 0;
	height: 19px;
	list-style: none;
}
#menu-top-haut, #menu-top-haut ul  {
	height: 16px;
}

#menu-top li, #menu-top-haut li   	{
font-size: 11px;
	position: relative;
	background: none;
	float: left;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#menu-top-haut li 	{
	width: auto;
}
#menu-top a, #menu-top a:link, #menu-top a:visited, #menu-top a:hover, #menu-top a:active {
	color: #ECE8DD;
	text-decoration: none;
	padding: 2px 5px 4px 5px;
	margin: 0 5px 0 0;
	background: none;
	cursor: pointer;
	display: block;
	text-align: center;
	border-left: 1px solid #EDB723;
	border-right: 1px solid #EDB723;
}
#menu-top a.last, #menu-top a.last:link, #menu-top a.last:visited, #menu-top a.last:hover, #menu-top a.last:active {
	color: #ECE8DD;
	text-decoration: none;
	padding: 2px 5px 4px 5px;
	margin: 0 0px 0 0;
	background: none;
	cursor: pointer;
	display: block;
	text-align: center;
	border-left: 1px solid #EDB723;
	border-right: 1px solid #EDB723;
}
/* PARTIE pour le menu en haut acc*/
#menu-top-haut a, #menu-top-haut a:link, #menu-top-haut a:visited, #menu-top-haut a:hover, #menu-top-haut a:active {
	color: Black;
	text-decoration: none;
	padding: 1px 5px 2px 5px;
	margin: 0 5px 0 0;
	background: none;
	cursor: pointer;
	display: block;
	text-align: center;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
}
#menu-top-haut a.last, #menu-top-haut a.last:link, #menu-top-haut a.last:visited, #menu-top-haut a.last:hover, #menu-top-haut a.last:active {
	color: Black;
	text-decoration: none;
	padding: 1px 5px 2px 5px;
	margin: 0 0px 0 0;
	background: none;
	cursor: pointer;
	display: block;
	text-align: center;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
}
#menu-top-haut a:hover, #menu-top-haut a.last:hover {
	color: White;
	background: #AC7F14;
}	
/* Fin PARTIE pour le menu en haut acc*/

/* PARTIE MENU DEROULANT */
 #menu-top ul li a, #menu-top ul li a:link, #menu-top ul li a:visited, #menu-top ul li a:hover, #menu-top ul li a:active { 
 margin: 0;
 }
#menu-top a:hover, #menu-top a.last:hover {
	color: Black;
	background: #EBB52E;
}	

#menu-top li ul {
	width: 150px;
	font-size: 11px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0;
	position: absolute;
	font-weight: normal;
	left: -999em;
	border: none;
}
#menu-top li:hover ul, #menu-top li.sfhover ul {
	left:-24px;
	z-index:99999;
}
	
#menu-top li li {
	background: none;
	float: right;
	padding-left: 0px;
	display: block;
	width: 126px;
	text-align: center
}

#menu-top li li.first {
	border: 0px;
	border-left: 0px solid white
}

#menu-top li li.last {
	border:none;
	border-right:0px solid white
}

#menu-top li li a, #menu-top li li a:link, #menu-top li li a:visited, #menu-top li li a:hover {
	display: block;
	color: White;
	font-weight: bold;
	text-align: center;
	padding: 2px 0px 2px 0px;
	width: 126px;
	border-bottom: 1px solid #DAA520;
	background: #EBB52E;
}

#menu-top li li.first a {
	display: block;
	color:White;
	padding: 2px 0px 2px 0px;
	width: 126px;
	border-bottom:1px solid #DAA520;
}
	
#menu-top li.active a:link, #menu-top li.active a:visited, #menu-top li.active a:active {
	color: white;
	text-align: center;
	font-weight: bold;
	background: none;
	border:none;
}
#menu-top li.active li a:link, #menu-top li.active li a:visited, #menu-top li.active li a:active {
	background: none;
	font-weight: normal;
	color: White;
	border-right: 1px solid white;
}
#menu-top li li a:hover, #menu-top li.active li a:hover {
	color: White;
	background: #91023A;
}
/* FIN PARTIE MENU DEROULANT */

	/* hide from IE mac \*/
	#menu-top li {width:auto}
	/* end hiding from IE5 mac */

/*fin menu deroulant*/
/*FIN MENU HORIZONTAL*/


#centre {
	margin: 0;
	padding: 0 0px 0 0px;
	min-height: 250px;
	_height: 250px;
}
#centre p {
	font-size: 11px;
}
/* PAGE ACCUEIL */
#centre #accueil {
	display: block;
	margin: 0 350px 0 0;
	padding: 20px 0px 0px 35px;
	color: #696969;
}
#centre #accueil .diapo-acc {
		display: block;
		float: left;
		padding: 2px;
		border: 1px solid silver;
}
#centre #accueil p {
	font-size: 12px;
	color: #708393;
	padding: 0;
	margin: 0 10px 0 200px;
	text-align: justify;
}
#centre #accueil H1 {
	display: block;
	color: #950135;
	font-size: 26px;
	line-height: 25px;
	text-align: center;
	letter-spacing: -1px;
	margin: 0 10px 0px 210px;
}
#centre #accueil H2 {
display: block;
	text-align: left;
	font-size: 18px;
	color: #5C6E7D;
	text-align: left;
	letter-spacing: 0px;
	margin: 0 10px 14px 200px;
}	
/*PROMOTION */
#centre #gauche {
	display: block;
	position: absolute;
	width: 324px;
	top: 180px;
	left: 435px;
	padding: 0px 0 0px 0px;
	color: #696969;
}
#centre #gauche .diapo {
		display: block;
		margin: 10px 7px 0 7px;
		padding: 2px;
		border: 1px solid silver;
		background: white;
}
#centre #gauche img {
	border: none;
}
#centre #gauche H1 {
	font-size: 16px;
	padding: 0;
	margin: 10px 10px 16px 10px;
	display: block;
	font-weight: Bold;
	color: #666666;
	text-align: left;
	border-bottom: 1px solid silver;
}
#centre #gauche H1.collection_ete, #centre #gauche H1.collection_hiver {
	background: #2577C4;
	color: White;
	text-align: center;
	padding: 2px 4px 1px 4px;
	letter-spacing: 0;
}
#centre #gauche H1.collection_ete {
	background: #EBB52E;
}
#centre #gauche p {
	display: block;
	font-size: 11px;
	color: Gray;
	padding: 2px 1px 1px 1px;
	margin: 2px 0 0 0;
	border: 1px solid #C5B794;
	background: White ;
}

/* Quand vignette selectionnée */
#centre #gauche p.collection_ete, #centre #gauche p.collection_hiver {
	background: #2577C4;
	text-align: center;
	color: White;
	font-size: 11px;
	border: 1px solid #745816;
}
#centre #gauche p.collection_ete {
	background: #EBB52E;
}
#centre #gauche p.collection_ete img, #centre #gauche p.collection_hiver img {
	border: 1px solid White;
}
/* Fin vignette selectionnée */

#centre #gauche p:hover {
	border: 1px solid Gray;
}
#centre #gauche span.photo {
	display: block;
	background: url(images/bg-promotion-p.jpg) repeat-x;
}
#centre #gauche span.titre-photo {
	display: block;
	background: none;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	display: block;
	text-align: center;
	font-weight: Bold;
}
#centre #gauche #photo1, #centre #gauche #photo2, #centre #gauche #photo3 {
	width: 95px;
	float: left;
	margin: 0 0 0 10px
}
#centre #gauche #photo1 {
	margin: 0 0 0 10px;
	*margin: 0 0 0 5px
}
#centre #gauche #photo1 a, #centre #gauche #photo2 a , #centre #gauche #photo3 a {
border: 1px solid white;
display: block;
}
#centre #gauche #photo1 a:hover, #centre #gauche #photo2 a:hover , #centre #gauche #photo3 a:hover {
	border: 1px solid White;
	*border: 1px solid #4682B4;
}
/* Gauche pour autres pages */
#centre #gauche #autre {
	padding: 0 20px 0 20px;
}
#centre #gauche #autre p, #centre #gauche p.autre {
	display: block;
	font-size: 11px;
	text-align: justify;
	color: Black;
	padding: 2px 1px 1px 1px;
	margin: 2px 20px 0 20px;
	border: none;
	background: none ;
}
#centre #gauche #autre p:hover {
	border: none;
}
/* MODULE ACTUALITES */
#centre #gauche #actus {
	width: 305px;
	margin: 20px 0 0 10px;
}
#centre #gauche #actus H1 {
	color: #445355;
	text-align: left;
	margin: 0 0 4px 0;
	border-bottom: 1px solid silver;
	background: none;
	/*background: #BCC6CB;*/
}
#centre #gauche #actus .actus-contenu {
	display: block;
	padding: 2px;
	margin: 2px 0 0 0;
	border: 1px solid #BCC6CB;
	background: none;
}
#centre #gauche #actus p.texte {
	display: block;
	text-align: justify;
	border: none;
	margin: 0;
	padding: 4px;
	color: #747474;
	font-size: 11px;
	overflow: auto;
	height: 110px; /*background-color: #95A3A8;*/
}
#centre #gauche #actus p.texte span {
	background: none;
	height: auto;
	/*padding: 0;
	margin: 0;*/
}
#centre #gauche form input {
	border: none;
}
#centre #actus span.stitre {
	color: #854142;
	padding: 0;
	margin: 0;
	height: 20px;
	display: block;
	font-weight: bold;
	font-size: 14px;
	background: none;
}
#centre #actus span.sstitre {
	display: block;
	font-weight: bold;
	padding: 3px 0 5px 4px;
        color: #000000;
}
#centre #actus font.date {
	color: #959595; 
	font-size: 10px; 
	font-weight: normal;
}
#centre #actus a {
	display: block;
	text-align: right;
}
/* FIN PROMOTION */

/* PAGES NORMALES */
#centre #page {
	display: block;
	margin: 0 350px 0 0;
	padding: 20px 5px 0px 25px;
	color: #696969;
	min-height: 400px;
}
#centre #page H1 {
	text-align: right;
	margin: 0 10px 6px 0;
}
#centre #page H2 {
	text-align: right;
	margin: 0 10px 10px 0;
}
#centre #page H3, #centre #page H4 {
	text-align: left;
	color: black;
	border-bottom: 1px solid silver;
	font-size: 14px;
	margin: 20px 10px 5px 0;
}
#centre #page H4 {
	margin: 8px 10px 5px 10px;
}
#centre #page p {
		text-align: justify;
		padding: 0px 30px 0px 30px;
}

#centre #page p.adresse {
	display: block;
	padding: 0 0 0 30px;
	font-size: 12px;
	color: black;
}
#centre #page p.intro {
	display: block;
	text-align: center;
	padding: 10px 10px 10px 4px;
	font-size: 11px;
	color: Gray;
}
#centre #page p.plan {
	display: block;
	width: 249px;
	height: 192px;
	float: right;
	margin: 0;
	padding: 0;
}
/*Pour Galerie */
#centre #page .vignette, #centre #page .vignette02 {
width: 192px;
display: block;
	float: left;
	margin: 10px 5px 0 3px;
	_margin: 10px 9px 0 1px;
	position: relative;
}
#centre #page .vignette img, #centre #page .vignette02 img {
	border: none;
}
#centre #page .vignette a, #centre #page .vignette02 a {
	display: block;
	border: 1px solid white;
	padding: 0px;
}
#centre #page .vignette a:hover, #centre #page .vignette02 a:hover {
border: 1px solid white;
	*border: 1px solid #4682B4;
}
#centre #page .vignette p.thumb, #centre #page .vignette02 p.thumb {
	display: block;
	font-size: 11px;
	text-align: center;
	color: #4C4C4C;
	padding: 2px 1px 1px 1px;
	margin: 0;
	border: 1px solid #C5B794;
	background: White ;
}
#centre #page .vignette p.thumb:hover, #centre #page .vignette02 p.thumb:hover {
	border: 1px solid Gray;
}
#centre #page .vignette span.photo, #centre #page .vignette02 span.photo {
	display: block;
	background: url(images/bg-promotion-p.jpg) repeat-x;
}
#centre #page .vignette span.titre-photo, #centre #page .vignette02 span.titre-photo {
	display: block;
	background: none;
	margin: 0 1px 0 1px;;
	padding: 2px 0 0px 0;
	font-size: 11px;
	display: block;
	text-align: center;
	font-weight: Bold;
	color: Gray;
	border-top: 2px solid Silver;
}
#centre #page .vignette span.modele-photo, #centre #page .vignette02 span.modele-photo {
	display: block;
	background: none;
	margin: 0 1px 0 1px;;
	padding: 0px 0 2px 0;
	font-size: 10px;
	display: block;
	text-align: center;
	color: Gray;
}
#centre #page .vignette02 p.thumb {
	border: none;
	padding: 0px;
}
#centre #page .vignette02 p.thumb:hover {
	border: none;
}
#centre #page .vignette02 a {
	border: 1px solid Silver;
	padding: 2px;
}
#centre #page .vignette02 a:hover {
	border: 1px solid Black;
}
#centre #page .vignette02 span.titre-photo {
	border-top: none;
}
/* FORMULAIRE DE CONTACTS */
#centre form {
	padding: 20px 0px 5px 40px;			
}	

#centre .devis {
	padding: 0px 0px 5px 40px;
	min-height: 500px;
	_height: 500px;
}

#centre input, #centre textarea {
	text-align: left;
	padding: 0px 0px 0px 2px;
	border: 1px inset #9BA9B9;
	margin: 3px 0 2px 0;
	background: #E8E8E8;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
	/* width: 200px; */
}

#centre select, .radio {
	text-align: left;
	border: 1px inset #9BA9B9;
	margin: 2px 0 1px 0;
	background: #E8E8E8;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
}

#centre span.titre {
	font-weight: bold;
	display: block;
	width: 110px;
	margin-right: 5px;
	text-align: left;
	float: left;
	color: #696969;
}
#centre input.bouton {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 4px 0 0 250px;
	border: 1px outset #9BA9B9;
	background: #4884B3;
	color: #FFFFFF;
	width: 70px;
	cursor: pointer;
}

#centre input.bouton1 {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 1px outset #9BA9B9;
	background: #4884B3;
	color: #FFFFFF;
	width: none;
	cursor: pointer;
}

.note {
	display: block;
	font-size: 9px;
	text-align: justify;
	padding: 5px 0px 5px 0px;
	color: #ABABAB;
}
#no-produit {
	display: block;
	padding: 80px 0 160px 0;
	font-weight: bold;
	color: black;
	text-align: center;
}
/*DIVERS*/
.clear {
	clear: both;
	font-size:0px;
}
/* PIED DE PAGE */
#pied {
	width: 780px;
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px 0 8px 0;
	background: url(images/bg-pied.jpg) no-repeat;
}
#pied a, #pied a:link, #pied a:visited, #pied a:hover {
	color: #BE8082;
}
#pied p {
	font-size: 9px;
	display: block;
	text-align: center;
	padding: 0 0px 0 420px;
	color: #BE8082;
}

span.achat1, span.achat2, p.achat1, p.achat2 {
	position: absolute;
	display: block;
	top:2px;
	right: 2px;
	background: #BCC6CB;
   color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

span.achat2, p.achat2  {
	background: #BCC6CB;
   color: #CC0000;
}
p.achat2 {
	background: none;
		top:96px;
}

#centre form.panier {
	padding: 0;
	margin: 0;
   background: WHITE;
}
#centre input.panier {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin: 0;
	border: 1px outset Window;
	background: #854142;
	color: #FFFFFF;
	cursor: pointer;
}
#centre p.achat2 span.epuise {
	text-align: center;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	margin: 0px;
	border: 1px solid white;
	background: #C93232;
	color: #FFFFFF;
}