/* CSS issu des tutoriels css.alsacreations.com/ */
body {
	margin: 0;
	padding: 0;
	background-color: #D1E4CB;
}
#header {
	height: 250px;
	z-index: 1;
}


a.link:active {color: #C0C0C0;text-decoration:none}
a.link:hover {
	color: #FAFDF6;
	text-decoration:none
}
a.link {
	color:#C0C0C0;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;
	font-variant: small-caps;
}
a.link:visited {text-decoration:none;color:#C0C0C0}
a.link:visited:hover{
	color:#F8FDF1;
	text-decoration:none
}


a:active {
	color: #C0C0C0;
	text-decoration:none
}
a:hover {
	color: #727CB7;
	text-decoration:none
}
a {
	color:#C0C0C0;
	text-decoration:none
}
a:visited {
	text-decoration:none;
	color:#fdfffc
}
a:visited:hover{
	color:#727CB7;
	text-decoration:none
}




a.linkpromo:active {
	color: #FF0909;
	text-decoration:none
}
a.linkpromo:hover {color: #098209; text-decoration:none}
a.linkpromo {
	color:#FF0909;
	text-decoration:none
}
a.linkpromo:visited {
	text-decoration:none;
	color:#FF0909
}
a.linkpromo:visited:hover{color:#098209; text-decoration:none}








FORM {
	border: 1px solid #69AB74;
}


INPUT {
	background-color: #d6d2d8;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	border: 1px solid #ffffff;
}

OPTION { background-color: #FFEFD5 ; }

SELECT { background-color: #FFEFD5 ; }

TEXTAREA { background-color: #FFEFD5 ; color: red ; }



#conteneur {
	font-size: 12px;
	width: 960px;
	height: 600px;
	background-color: #D6E3E7;
	background-image: url(images/fond-hector.png);
	left: 0px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	background-repeat: no-repeat;
}

	
	
#centre {
	height: 400px;
	width: 951px;
	z-index: 2;
	left: 0px;
	top: 102px;
	position: absolute;
}

#gauche {
	position: absolute;
	left:427px;
	width: 150px;
	height: 224px;
	z-index: 4;
	top: 115px;
}

#droite {
position: absolute;
right:0;
width: 150px;
}

.pied {
	position: absolute;
	height: 43px;
	width: 962px;
	left: -1px;
	top: 484px;
	color: #888;
	z-index: 3;
	background-image: url(images/fondpied.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
}


.piedcatalogue {
	height: 43px;
	width: 962px;
	left: -1px;
	top: 484px;
	color: #888;
	z-index: 3;
	background-image: url(images/fondpied.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	position:relative
}


.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}

p {margin: 0 0 10px 0;}


.fleurhaut {
	left: 693px;
	top: 14px;
	position: absolute;
}



div#grandcadre {/* conteneur global et arrière-plan du titre du cadre */
	width: 716px;
	padding-top: 12px;
	background-image: url(images/grand-cadre1-716px.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	left: 438px;
	top: -91px;
	height: 180px;
	color: #000000;
	font-family: Arial, "Verdana Helvetica", sans-serif;
	font-size: 11px;
}
div#grandpanneau {/* arrière-plan bas et sur l'ensemble du cadre */
	padding-bottom: 10px;
	background-image: url(images/grand-cadre2-716px.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 10px;
}
div#grandpanneau p {
	margin: 0 10px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}





div#cadrepromo {/* conteneur global et arrière-plan du titre du cadre */
	width: 400px;
	padding-top: 12px;
	background-image: url(images/grand-cadrepromo1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	left: 23px;
	top: 100px;
	height: 319px;
	color: #000000;
	font-family: Arial, "Verdana Helvetica", sans-serif;
	font-size: 11px;
}
div#grandpanneaupromo {/* arrière-plan bas et sur l'ensemble du cadre */
	padding-bottom: 10px;
	background-image: url(images/grand-cadrepromo2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 10px;
}
div#grandpanneaupromo p {
	margin: 0 10px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}







.encart1 {
	font-family: Arial, "Verdana Helvetica", sans-serif;
	font-size:12px;
	font-style: normal;
	color:#FFFFFF;
	z-index: 50;
	left: 187px;
	position: absolute;
	top: 51px;
	width: 257px;
	height: 21px;
	font-weight: bold;
	}
	
	
		.sousencart1 {
	font-family: Arial, "Verdana Helvetica", sans-serif;
	font-size:12px;
	color:#000000;
	left: 4px;
	position: absolute;
	top: 107px;
	width: 929px;
	height: 31px;
	font-weight: bold;
	z-index: 3;
}
	
	
.textesoustitreencart1 {
	left: 0px;
	top: 22px;
	width: 320px;
	background-repeat: no-repeat;
	background-position: center;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3px;
	position: relative;
	color: #913160;
	}
	
	
	.textesoustitreencartpromo {
	left: 0px;
	top: 22px;
	width: 320px;
	background-repeat: no-repeat;
	background-position: center;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3px;
	position: relative;
	color: #FF0909;
	}
	
.soustitreencart1 {
	z-index: 1000;
	left: 17px;
	position: absolute;
	top: 58px;
	width: 189px;
	background-repeat: no-repeat;
	height: 237px;
	letter-spacing: 3px; /* IE6, IE7beta2, Gecko */
	background:transparent url(images/boutons-titres.png) no-repeat top center; /* IE6, IE7beta2, Gecko */
	_background:none; /* IE6 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boutons-titres.png', sizingMethod='scale'); /* IE6 */
	}
	
.flashentree1 {
	position:absolute;
	left:22px;
	top:-9px;
	width:101px;
	height:77px;
	z-index:14;
	visibility: visible;
	}

.cadrevertentree {
	position:absolute;
	left:438px;
	top:-88px;
	width:461px;
	height:145px;
	z-index:13;
	visibility: visible;
	background-color: #ffffdc;
	layer-background-color: ffffdc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9E455E;
	border-right-color: #9E455E;
	border-bottom-color: #9E455E;
	border-left-color: #9E455E;
}


.divcadeau {
	position:absolute;
	left:439px;
	top:4px;
	width:703px;
	height:40px;
	z-index:0;
	visibility: visible;
	background-color: #7f97a5;
	layer-background-color: ffffdc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #9E455E;
	border-right-color: #9E455E;
	border-bottom-color: #9E455E;
	border-left-color: #9E455E;
}



.achetez {
	position:absolute;
	width:530px;
	height:15px;
	z-index:9;
	left: 8px;
	top: 6px;
	background-color: #913160;
	layer-background-color: #098209;
	border: 1px none #FFFFFF;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


.marque {
	background-color:#EAE1D8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



.flash-promo {
	position:absolute;
	width:204px;
	height:114px;
	z-index:16;
	left: 164px;
	top: 55px;
}


.renseignements {
	position:absolute;
	width:21px;
	height:278px;
	z-index:5;
	left: 268px;
	top: 206px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-image: url(images/liseret-hector-vertical.png);
	background-repeat: repeat-y;
}


.outils {
	width:470px;
	height:390px;
	z-index:10000;
	top: 75px;
	position: absolute;
	left: 376px;
}

.trempoline {
	position:absolute;
	width:189px;
	height:136px;
	z-index:11;
	left: 21px;
	top: 340px;
}


.vivre {
	position:absolute;
	left:266px;
	width:424px;
	height:54px;
	z-index:7;
	visibility: visible;
	top: -441px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.newsletter {
	position:absolute;
	left:22px;
	top:3px;
	width:355px;
	height:34px;
	z-index:16;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* IE6, IE7beta2, Gecko */
}


.paybox {
	position:absolute;
	width:214px;
	height:28px;
	z-index:4;
	left: 601px;
	top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}


.infos {
	position:absolute;
	width:175px;
	height:28px;
	z-index:17;
	left: 755px;
	top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.pot {
	position:absolute;
	width:100px;
	height:74px;
	z-index:15;
	left: 735px;
	top: -40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* IE6, IE7beta2, Gecko */
	background:transparent url(images/pot-defleur.png) no-repeat top left; /* IE6, IE7beta2, Gecko */
	_background:none; /* IE6 */


filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pot-defleur.png', sizingMethod='scale');
}