/* CSS Document */


/*-------------- general -----------*/
body{
margin:0;
text-align:center;
background:url(../img/bg/grand_fond.jpg) no-repeat top left #3d4d01;
}

a img{
border:none;
}

a{
color:#ffffff;
font-weight:bold;
text-decoration:underline;
}

a:hover{
color:white;
text-decoration:none;
}

.LINK, .LINK:visited{
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}
.LINK:hover{ text-decoration:none;}

img
{
	border:0px none;
}


H1{
	margin:0px 0px 5px;
	color:#fff;
	font-family:Times New Roman;
	font-size:22px;
	font-weight:lighter;
}

H2
{
	margin:5px 0px 15px;
	padding: 0px 0px 3px 35px;
	color:#fdcb02;
	font-family:tahoma;
	font-size:15px;
	border-bottom:dotted #778621 1px;
	background:url(../img/img/feuille.gif) no-repeat;
	background-position:left top;
	font-weight:bold;
}

H3
{
	padding-bottom:2px;
	margin:0px 0px 20px 0px;
	font-size:12px;
	border-bottom:dotted #778621 1px;
	color:#fdcb02;
	font-weight:normal;
}

H4
{
	padding-bottom:2px;
	margin:0px 0px 20px 0px;
	font-size:12px;
	color:#fdcb02;
	font-weight:normal;
}

.clear
{
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
}

/*-------------- general -----------*/


/*************************************************************** DD */

/*-------------- page --------------*/
#page
{
	width:847px;
	margin-left:auto;
	margin-right:auto;
	
	font-family:tahoma;
	font-size:12px;
	color:white;
}


/*-------------- header -----------*/
#header{
text-align:left;
width:847px;
}

.logo{
margin: 15px 0px 0 25px;
}

/*-------------- header -----------*/

/*-------------- contenu -----------*/
#bg_content{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	background: url(../img/bg/bg-content.jpg) no-repeat #2d3b00;
	border:1px solid #2d3b01;
}

#myContent
{
	float:right;
	width:539px;
	padding:25px 10px 5px 0px;	
}

#myContentNoFontaine
{
	width:837px;
	background: url(../img/bg/bg-content.jpg) no-repeat #2d3b00;
	padding:5px;
}

/*-------------- Module produits -----------*/

.ProdListeImg
{
	float:right;
	margin:0px 5px 5px 5px;
}

.ProdListeConteneur
{
	/*border-bottom:dotted #778621 1px;*/
	padding-bottom:05px;
	margin:50px 0px;
	background:#384704;
	padding:6px;
}

.ProdListeSavoir
{
	margin:10px;
}

.ProdListeLink
{
	background: url(../img/img/puce.jpg) no-repeat;	
	background-position:left;
	padding-left:15px;
	color:#ffcc00;
}

.ProdListePrix
{
	float:right;
	margin-right:5px;
	font-weight:bold;
}


.ProdListeConteneurCommander
{
	margin-top:10px;
	font-family:tahoma;
	font-size:11px;
	color:white;
}

.ProdSeulImages
{
	margin:20px 0px 10px;
}

.ProdSeulImg
{
	float:left;
	margin-right:20px;
}

.ProdSeulRetour
{
	text-align:right;
	padding-right:15px;
	margin:20px 0px 0px 0px;
}

.ProdSeulPanier
{
	text-align:right;
	padding-right:15px;
	margin:15px 0px;
}

#BoutiquePanier
{
	position:fixed;
	top:50%;
	left:50%;
	width:400px;
	height:200px;
	margin-top: -100px; /* moitié de la hauteur */
    margin-left: -200px; /* moitié de la largeur */
    border:6px solid #2d3c02;
    background:#53660a;
    color:#555;
    text-align:center; /*align IE6*/
}

.BoutiquePanierTab
{
	width:360px;
	margin:15px auto;
	color:#FFF;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}

.BoutiquePanierTab td
{
	padding:13px;
}

.BoutiquePanierBt
{
	width:380px;
	margin:0px auto;
}


/*------------- Panier -------*/
.PanierTab
{
	background-color:#354401;
	width:500px;
}

.PanierTab th
{
	border-bottom:1px solid #778621;
	border-right:1px solid #354401;
	background:#778621;
	padding:7px;
}

.PanierTab td
{
	border-bottom:1px dotted #778621;
	border-right:1px solid #778621;
	padding:7px;
}

.PanierTabTot
{
	text-align:right;
	margin-right:5px;
}

.PanierRecalculer
{
	width:500px;
	text-align:right; 
	padding-right:20px;
}

.PanierBoutons
{
	width:500px;
	margin:30px 0px;
}
/*------------- Formulaire d'identification -------*/
.IdentFactCont
{
	
	width:240px;
	float:left;
	padding:5px;
	margin-right:10px;
}

.IdentFact
{
	height:240px;
	background:#354400;
	border:1px solid #778620;
	padding:6px;
}

.IdentFacTab
{
	
}

.IdentLivCont
{
	width:240px;
	float:right;
	padding:5px;
	margin-right:10px;
}

.IdentLiv
{
	height:240px;
	background:#354400;
	border:1px solid #778620;
	padding:6px;	
}

.IdentLivTab
{
	
}

.IdentTxtBox
{
	width:130px;
	height:15px;
	line-height:15px;
	font-size:11px;
	font-family:Tahoma;
}

.IdentLabel
{
	width:170px;
}

.IdentEtoile
{
	width:5px;
}

.IdentBoutons
{
	margin:30px auto;
	width:500px;
	text-align:center;
}


/*------------- First Footer -------*/
#myFirstFooter{
	text-align:center;
	background-color: #2d3b01;
	border:1px solid #2d3b01;
}

#blocs{
height:205px;
width:795px;
background-color: #2d3b01;
margin:0px auto;
text-align:left;
}

#blocs a{
color:white;
text-decoration:none;
}

#blocs a:hover{
color:#afb932;
text-decoration:none;
}

#lexique{
background:url(../img/img/lexique.jpg) top left no-repeat;
width:148px;
height:150px;
float:left;
font-size:11px;
font-weight:normal;
margin:20px 0 0 0px;
padding:32px 60px 0 67px;
}

#lexique:hover,#livre:hover,#composition:hover
{
	cursor:pointer;
}

#lexique a{
text-decoration:none;
color:#afb932;
}

#composition{
background:url(../img/img/composition.jpg) top left no-repeat;
width:128px;
height:150px;
float:left;
font-size:11px;
font-weight:normal;
margin:20px 0 0 0px;
padding:32px 45px 0 90px;
}


#composition a{
text-decoration:none;
color:white;
}

#livre{
background:url(../img/img/livre.jpg) top left no-repeat;
width:138px;
height:150px;
float:left;
padding:32px 30px 0 87px;
margin:20px 0 0 0px;
font-size:11px;
font-weight:normal;
}

#livre a{
text-decoration:none;
color:white;
}


#visite{
background:url(../img/bg/visite_virtuelle.jpg) top left no-repeat;
padding:45px 5px 0 20px;
width:240px;
height:207px;
margin:15px 0 0 0;
float:left;
font-size:11px;
}

#histoire{
background:url(../img/bg/histoire.jpg) top left no-repeat;
padding:45px 5px 0 20px;
width:263px;
height:212px;
margin:15px 0 0 0;
float:left;
font-size:11px;
}

#bienfaits{
background:url(../img/bg/bienfaits.jpg) top left no-repeat;
width:235px;
height:207px;
float:right;
margin:15px 0 0 0;
padding:45px 0px 0 20px;
font-size:11px;
}

/*------------- Second Footer -------*/

#mySecondFooter{
background-color:#4a5900;
width:100%;
text-align:left;
height:39px;
float:left;
clear:both;
}

#mySecondFooter a{
font-size:11px;
color:#afb932;
font-family:tahoma;
text-decoration:none;
}

#mySecondFooter a:hover{
color:white;
}

#menu_footer{
margin-left:auto;
margin-right:auto;
text-align:left;
width:867px;
padding:10px 0 0 30px;
}

.separateur{
padding:0 10px 0 10px;
}


/*-------------  FORMULAIRE -------*/

.contact-conteneur{ margin-bottom:5px;} /*div contenant les champs texte*/

.contact-titre{ margin:5px 0px 15px; border-bottom:1px solid #CCC; width:450px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

.contact-label{ float:left; width:130px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.contact-input_text{ font-family:Arial, Helvetica, sans-serif; height:11px; width:150px; font-size:11px; line-height:11px;}

.contact-input_textarea{font-family:Arial, Helvetica, sans-serif; font-size:11px; width:150px;}

.contact-obligatoire{ color:#ffcc00; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

/*-------------  FORMULAIRE -------*/

/*************************************************************** DD */