/* CSS Document */




/*
Jaune Clair   #  D6C63C
Jaune Or	  #  B19F04

Noir 		  #  000000
Gris          #  868686


/*F8DE00*/

body {
	/*background-color: #B19F04;*/
	background-color: #916528;
}
body, td, th {
	color: #999999;
}


#tabaccueil td{
text-align:justify;
width:300px;
height: 200px;

}

/***** LIENS **************************************************/
a:link {
	text-decoration: none;
	color:#999999;
}
a:visited {
	text-decoration: none;
	color:#999999;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}


.hrhb {
width: 90%;
margin-top: 5px;
margin-bottom: 7px;
}


/******************/


/****** HEADER **********************************************/
			#head_bordh{
			width:100%;
			height:10px;
			background-image:url(images/new_bordh.jpg);
			background-repeat:repeat-x;
			z-index: 10;
			overflow:hidden;
			}
			
			#head_bordh_ag{
			position: relative;
			float:left;
			top:0;
			left:0;
			width:10px;
			height:10px;
			background-image:url(images/new_anglehg.jpg);
			z-index: 11;
			
			/* IE */
			background-repeat:no-repeat;
			}
			
			#head_bordh_ad{
			position:relative;
			float:right;
			top:0;
			right:0px;
			width:10px;
			height:10px;
			background-image:url(images/new_anglehd.jpg);
			z-index: 11;
			/* IE */
			background-repeat:no-repeat;
			}
			
/******************/


/***** MIDDLE ******************************************************/
#mainframe{
	position:relative;
	width:900px;
	
	background-color:#000000;
	z-index:1;
}

	#content{
		position: relative;
		margin-left:10px;
		margin-right: 10px;
		min-height: 200px;
		text-align:center;
		background-color:#000000;
	}
	
	#content a{
		
	}
	
		#content table{
		min-height: 200px;
	}

#bordg{
	width: 100%;
	border: 0px solid;
	background-image:url(images/new_bordg.jpg);
	background-repeat:repeat-y;
}

#bordd{
	width: 100%;
	border: 0px solid;
	background-image:url(images/new_bordd.jpg);
	background-position:right;
	background-repeat:repeat-y;
}
/******************/

#langue
{
width:900px;
padding-right:20px;
padding-top:10px;

}
/***** FOOTER ***************************************************/
	#footer{
		position: relative;
		margin-left:10px;
		margin-right: 10px;
		margin-top: 25px;
		text-align:center;
		background-color:#000000;	
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size:small;
		text-align: center;
	
	}
	
	/* Bordure du haut */
			#foot_bordb{
			width:100%;
			height:10px;
			background-image:url(images/new_bordb.jpg);
			background-repeat:repeat-x;
			z-index: 10;
			overflow:hidden;
			}
			
			#foot_bordb_ag{
			position: relative;
			float:left;
			top:0;
			left:0;
			width:10px;
			height:10px;
			background-image:url(images/new_anglebg.jpg);
			z-index: 11;
			
			/* IE */
			background-repeat:no-repeat;
			}
			
			#foot_bordb_ad{
			position:relative;
			float:right;
			top:0;
			right:0px;
			width:10px;
			height:10px;
			background-image:url(images/new_anglebd.jpg);
			z-index: 11;
			/* IE */
			background-repeat:no-repeat;
			}
			
			.footer_menu{
			text-align:center;
			background-color:#000000;	
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size:10px;
			text-align: center;
			}
			
/******************/

/***** BANNIERE ******************************************/

	#banniere{
		position: relative;
		margin-left:10px;
		margin-right: 10px;
		height:120px;
		text-align:center;
		background-color:#000000;
		opacity: 2.3;
		/*border-bottom: 4px groove;*/
	}
	
		#menu{
		position:relative;
		margin-left:10px;
		margin-right: 10px;
		padding-bottom:0px;
		padding-top:5px;
		background-color:#000000;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		overflow:hidden;

	}
	
		#menu tr{
	height:20px;
	background-repeat:repeat-x;
	background-position:center;
	background-image: url(images/menu_fond.jpg); 	/*width: 100px;*/
	}
	
/******************/
	
/*.toto{
		border: solid;
		
		border-left:0px;
		border-right:0px;
		border-top:0px;
		border-color: white;
		padding-bottom: 5px;}
*/

.Textrouge {
		color: #FF0000;
		font-weight: bold;
		font-size: small;
		text-transform: uppercase;
}
.Textblanc{
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #FFFFFF;
		text-align: justify;
		font-size: small;
}


.mdpcollection{

text-align:center;

}


/***** COLLECTION ******************************************/

#menu_collec{
display:none;
position:absolute;
top: 200px;
left: 10px;
width:130px;
height: 190px;
text-align: left;
border: Opx;
color: #FFFFFF;
font-size:14px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight: bold;
}

#menu_collec a{
color: #000000;
}

.categorie{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight: bold;
margin-top:20px;
}

.titlemenucollec{
color: #000000;
font-size:18px;
font-weight:bold;
}

#title{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
font-size:14px;
text-align:center;
color: #916528;	
width:90%;
vertical-align:middle;
margin-left:10px;
margin-right: 10px;
height:20px;
margin-bottom:10px;
margin-top:0px;
background-repeat:repeat-x;
background-position:center;
background-image: url(images/menu_fond.jpg);
}


.listeligne{
width:100%;
text-align:center;
}

.listecol{
float:left;
width: 33%;
text-align:center;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
font-weight: bold; 

}

.listecol a{
color: #916528;
}
/*
.listecol a:link{
color: #000000;
}

.listecol a:active{
color: #FF00FF;
}
*/
.listecol a:hover{
color: #FFFFFF;
}
/*
.listecol a:visited{
color: #999999;
}*/

.separation{
font-style: italic;
float:left;
text-align:center;
width:100%;
padding-top:20px;
padding-bottom:20px;
}


#listing{
width: 100%;
}

.hrtitle{
margin-top: 5px;
}

#details{
overflow:hidden;
}

#liste{
overflow:hidden;
width:100%;
margin-right: 0px;
text-align:center;
}


#page{
width: 100%;
}

.page{
font-style: italic;
float:left;
text-align:center;
width:100%;
}
#numpage{
/*color: #916528;*/
color: #FFFFFF;
font-weight: bold ;
}

/******************/


/***** DETAILS *************************************************/

.hrdetail{
margin-bottom: -15px;
display:none;
}

.produits_details{
width: 90%;
margin-top: 0px;
margin-left: 5%;
}

.produits_nom{
padding-top:-10px;
text-align: center;
font-size:20px;
font-weight:bold;
font-style:italic;
color:#916528;
}

.produits_photos img{
text-align:center;
max-width:400px;
max-height:400px;
}

.produits_photos{
text-align:left;
max-width:400px;
}

.produits_desc{
width: 30%;
text-align: left;
padding-left: 30px;
padding-right: 50px;
padding-top: 20px;
padding-bottom: 20px;	
margin-right: 50px;
font-size:14px;
border:5px;
border-style:groove;
border-color:#916528;	
font-style:italic;
color:#916528;
}

.motifs{
text-align: left;
padding-right: 50 px;
width: 50%;
}


.motifs a {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
.motifs a:hover {
background: none; /* correction d'un bug IE */
}
.motifs a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
.motifs a:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
top: 90px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 480px;
margin-left:0px;
padding-left: 0px;
width: 100px;
height: 100px;
background: green;
text-align: center;
color: white;
}





.photos_motif{
display: none;
}


/******************/


/***** ADMIN *************************************************/

#menuadmin{
padding-top: 30px;
text-align: left;
color: #FFFFFF;
}

#menuadmin a{
}


#listesuppr{
text-align:left;
margin-top: 30px;
margin-bottom: 10px;
}


img{
border: 0px;
}

#formadmin{
padding-top: 15px;
padding-bottom: 15px;
margin-left: 20%;
margin-right: 20%;
text-align:left;
border: 1 px;
border-color: grey;
border-style: groove;
}

imp img{
width: 100px;
height: 100px;
}

#titleadmin{
color: white;
font-size:16px;
font-weight:bold;
margin-left: 20%;
margin-right: 20%;
border: 1 px;
border-color: grey;
border-style: groove;
}

.imgdelete{
height:20px;
width: 20px;
}

#error{
padding-bottom:15px;
color:red;
font-size:16px;
font-weight:bold;
}
/******************/


/*----- Hoverbox Code - get code found at http://host.sonspring.com/hoverbox/ ------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	color: inherit;
	vertical-align: top;
	width: 100px;
	height: 75px;
	margin: 2px;
	padding: 2px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
}

.hoverbox li
{
	
	color: inherit;
	display: inline;
	float: left;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

/***** Enregistrement *************************************************/

#formm {

text-align: left;
}