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

 SCROLLBAR-FACE-COLOR:#8c8c8c;
SCROLLBAR-HIGHLIGHT-COLOR: #1E8192;
SCROLLBAR-SHADOW-COLOR: #8c8c8c;
SCROLLBAR-3DLIGHT-COLOR:#8c8c8c ;
SCROLLBAR-ARROW-COLOR: #8c8c8c;
SCROLLBAR-TRACK-COLOR: orange;
SCROLLBAR-DARKSHADOW-COLOR: 8c8c8c; 
 

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


a:active {
	color: #8c8c8c;
	text-decoration:none
}
a:hover {
	color: #dd6030;
	text-decoration:none
}
a {
	color:#8c8c8c;
	text-decoration:none
}
a:visited {
	text-decoration:none;
	color:#8c8c8c
}
a:visited:hover{
	color:#dd6030;
	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}




ul {margin:0;
	padding:0;
}



INPUT {
	background-color: #c0c0c0;
	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: #c0c0c0 ; color: red ; }



#conteneur {
	font-size: 11px;
	width: 730px;
	left: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 50px;
	height: 515px;
	/* margin-top: 50px; */
}
	

.fontlien {
	color:#8c8c8c;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}


.grismetier
 {
	color:#8c8c8c;
}


#centre {
	width: 700px;
	top: 50px;
	background-color: #F9f9f9;
	text-align: center;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f2f2f2;
	border-right-color: #f2f2f2;
	border-bottom-color: #f2f2f2;
	border-left-color: #f2f2f2;
	border-top-width: 15px;
	border-right-width: 15px;
	border-bottom-width: 50px;
	border-left-width: 15px;
	height: 450px;
}



#centrecontact {
	width: 700px;
	top: 50px;
	background-color: #F9f9f9;
	text-align: center;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f2f2f2;
	border-right-color: #f2f2f2;
	border-bottom-color: #f2f2f2;
	border-left-color: #f2f2f2;
	border-top-width: 15px;
	border-right-width: 15px;
	border-bottom-width: 50px;
	border-left-width: 15px;
	height: 450px;
}


#contact {
	width:400px;
	top: 50px;
	height: 450px;
	padding-left: 200px;
}



.lien {
	letter-spacing: 0.1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
	

#centre-book {
	width: 960px;
	left: 0px;
	top: 80px;
	text-align: center;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: white;
	border-right-color:white;
	border-bottom-color: white;
	border-left-color: white;
	border-top-width: 15px;
	border-right-width: 15px;
	border-bottom-width: 45px;
	border-left-width: 15px;
	height: 312px;
}



#centre-book-grand {
	width: 700px;
	left: 0px;
	top: 50px;
	text-align: center;
	background-color: #F2F2F2;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F2F2F2;
	border-right-color: #F2F2F2;
	border-bottom-color: #F2F2F2;
	border-left-color: #F2F2F2;
	border-top-width: 15px;
	border-right-width: 15px;
	border-bottom-width: 50px;
	border-left-width: 15px;
	height: 500px;
}



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



#droite {
	right:0;
	width: 618px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	padding-top: 60px;
	padding-right: 40px;
	padding-left: 40px;
	color: #8c8c8c;
}



#book {
	/* right:0;
	 width: 920px; 
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	padding-right: 30px;
	padding-left: 0px;
	color: #8c8c8c;
	overflow: auto;  
	height: 330px; 
	*/
	background-color: #F2F2F2;
	
}




.pied {
	CLEAR: left;
	FONT-SIZE: 100%;
	OVERFLOW: hidden;
	width:100%;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/motif%20fond-1.gif);
	height: 170px;
	padding-bottom: 0px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #c8c8c8;
	border-right-color: #c8c8c8;
	border-bottom-color: #c8c8c8;
	border-left-color: #c8c8c8;
	padding-top: -2px;
	margin-top: -2px;

}


.logo-pied {
	text-align: center;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 730px;
	padding: 0px;
	height: auto;
	clear: left;
	top: -5px;
	position: relative;
}

#liste-pied {
	font-size: 11px;
	width: 980px;
	left: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 0px;

}

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

.espace-book {
	width: 30px;
	height: 300px;
}





.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;}


#studio {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	font-style: italic;
	margin-top: 120px;
}


#panel-book {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	background-repeat: no-repeat;
	height: 31px;
	font-style: italic;
	padding-top: 20px;
}


.panel-book {
	font-family:Verdana;
	font-weight: bold;
	font-size: 8px;
	background-repeat: no-repeat;
	text-align: right;
	margin-right: 0;
	width: 710px;
	height: 50px;
}

	

	

	
/* tester jusqu'ici 1 */
	
	
	
	
.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(../../Index_fichiers/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:3px;
	top:4px;
	width:686px;
	height:34px;
	z-index:16;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px; /* IE6, IE7beta2, Gecko */
	color: #FFFFFF;
}


.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(../../Index_fichiers/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');
}



.entetetpbe {
	width: 960px;
	z-index: 17;
	top: 500px;
	background-color: #EFEFEF;
}


.tout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
	margin:20px;
	float: left;
	left: 20px;
	top: 0px;
	width: 250px;
	height: 80px;
	letter-spacing: 12px;
	padding-right: 1px;
	padding-bottom: 1px;
	z-index: 2;
	background-color: transparent;
}

.ducorps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #000000;
	font-weight: bold;
	}


h1 {
	font-size: 20px;
	color: #000000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 402px;
	letter-spacing: 0px;
	font-weight: bold;
	margin-top: -60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -500px;
	top: 42px;
	margin-left: -30px;
	width: 736px;
	left: 280px;
	text-align: center;
}





.promotions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FF0909;
	font-weight: bold;
	position:absolute;
	width:246px;
	height:26px;
	top: 307px;
	left: 543px;
	z-index: 4;
	
	}




	.recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FF0909;
	font-weight: bold;
	position:absolute;
	width:297px;
	top:4px;
	left: 135px;
	height: 20px;
	
	}


.logogauche {
	border: 1px #Fc3e4cf outset;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-bottom: 20px;
	margin-top: 50px;
	width: 244px;
	left: 763px;
	margin-left: 50px;
	background-image: url(../../images/logo1.jpg);
	background-repeat: no-repeat;
	height: 53px;
	background-position: 2px 1px;
	position: absolute;
	top: -9px;
}



/* MENU */

.container-menu {
	margin-right: auto;
	margin-left: auto;
	width: 730px;
	padding: 0px;
	height: 94px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.menu {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 18px;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	float: left;
	width: 250px;
	
}


.menudroit {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	margin-top: -11px;
	margin-bottom: 0;
	margin-right: 65px;
	margin-left: auto;
	float: right;
}





/* PANEL */
.panelcentre {
	font-size: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 0;
	width: 150px;
	margin-left: 270px;
	margin-top: 25px;
	/*margin-right: 24%;
	margin-top: 25px; */
}


.panelgauche {
	font-size: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left; /* Cet élément doit précéder dans le code source tout élément à côté duquel il doit être positionné */
	width: 55px;
	
}

hrColLiqHdr #sidebar1 {
    
    	background: #EBEBEB; 
    	padding: 15px 0; 
}



/* remove all the bullets, borders and padding from the default list styling */
.panelgauche ul {
	list-style-type:none;
	padding:0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.paneldroit {
	width: 22%; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div  */
	float: right;
	padding: 15px 0;
	margin-top: -28px;
	text-align: right;
	margin-right: 9px;
	}



.menu li {
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 2;
	margin-left: 0;
	padding-top: 2;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
}




.menu a {
	margin: 0;
	padding:0;
	background:#ffffff;
	}



.menudroit ul {
	list-style-type:none;
	padding:0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height: 12px;
	line-height: 12px;
}


.menudroit li {
	margin: 0;
	padding:0;
}



.menudroit a {
	margin: 0;
	padding:0;
	background:#ffffff;
	height: 12px;
	}




/* remove all the bullets, borders and padding from the default list styling */

.menu ul {
	list-style-type:none;
	padding:0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
}

a.menucouleur1:active {color: #c0c0c0;text-decoration:none}
a.menucouleur1:hover {color: #76A432; text-decoration:none}
a.menucouleur1 {color:#c0c0c0;text-decoration:none}
a.menucouleur1:visited {text-decoration:none;color:#c0c0c0}
a.menucouleur1:visited:hover{color:#76A432; text-decoration:none}




a.menucouleur5:active {color: #c0c0c0;text-decoration:none}
a.menucouleur5:hover {color: #76A432; text-decoration:none}
a.menucouleur5 {color:#c0c0c0;text-decoration:none}
a.menucouleur5:visited {text-decoration:none;color:#c0c0c0}
a.menucouleur5:visited:hover{color:#76A432; text-decoration:none}


a.menucouleur2:active {color: #c0c0c0;text-decoration:none}
a.menucouleur2:hover {color: #dd6030; text-decoration:none}
a.menucouleur2 {color:#c0c0c0;text-decoration:none}
a.menucouleur2:visited {text-decoration:none;color:#c0c0c0}
a.menucouleur2:visited:hover{color:#dd6030; text-decoration:none}



a.menucouleur3:active {color: #c0c0c0;text-decoration:none}
a.menucouleur3:hover {color: #97104F; text-decoration:none}
a.menucouleur3 {color:#c0c0c0;text-decoration:none}
a.menucouleur3:visited {text-decoration:none;color:#c0c0c0}
a.menucouleur3:visited:hover{color:#97104F; text-decoration:none}



a.menucouleur4:active {color: #c0c0c0;text-decoration:none}
a.menucouleur4:hover {color: #F8E133; text-decoration:none}
a.menucouleur4 {color:#c0c0c0;text-decoration:none}
a.menucouleur4:visited {text-decoration:none;color:#c0c0c0}
a.menucouleur4:visited:hover{color:#F8E133; text-decoration:none}

a.menucouleur5:active {color: #c0c0c0;text-decoration:none}
a.menucouleur5:hover {color: #a30005; text-decoration:none}
a.menucouleur5 {color:#c0c0c0;text-decoration:none}
a.menucouleur5:visited {text-decoration:none;color:#c0c0c0}
a.menucouleur5:visited:hover{color:#a30005; text-decoration:none}





#credit {
	float:left;
	margin-left: 4px;
	margin-top: 2px;
}


#flechegauche {
	float:left;
	margin-left: 0px;
}

#listecredit {
	visibility:hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	color: #c0c0c0;
	width: 200px;
	margin-left: 60px;
	text-align: left;
	margin-top: -16px;
	height: 40px;
}




#listecredit ul {
	list-style-type:none;
	padding:0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#listecredit li {
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
}