/* --- redefinition of classic styles -------------------------- */
html
{
	height				: 100%;
	margin				: 0;
	padding				: 0;
}		

a:hover
{
	color				: #339966;
	texte-decoration	: underline;
}

a
{
	color				: #732A98;
	texte-decoration	: underline;	
}

body
{
	background-color	: #3C1155;
	font				: 12px Arial, Verdana, Sans-Serif;
	height				: 100%;
	margin				: 15px;
	padding				: 0;
	text-align			: center;
	
}

img
{
	border		: 0px;
}

h1
{
	font				: 40px "Monotype Corsiva", Arial;
	font-weight			: normal;
	color				: #660099;
	text-align			: center;
	margin-top			: 10px;
	margin-bottom		: 0;
	padding				: 0;
}

h2
{
	font				: 25px "Monotype Corsiva",Arial;
	font-weight			: normal;
	color				: #660099;
	text-align			: center;
	margin-top			: 0px;
	margin-left			: 5px;
	margin-right		: 0;
	margin-bottom		: 0px;
}

h3
{
	font				: 14px Arial;
	font-weight			: weight;
	color				: #660099;
	text-align			: left;
	margin-top			: 12px;
	margin-left			: 0px;
	margin-right		: 0;
	margin-bottom		: 5px;
}

#entete
{
	font				: 35px Arial;
	color				: #660099;
	background-image	: url('/photos/entete.jpg');
	height				: 82;
	align				: center;
	margin				: 0;
	padding				: 0;
}

#menu 
{
	font				: 12px Arial;
	background-image	: url('/photos/menu.jpg');
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
}

#menu ul
{
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
	background-color	: #FFFFFF;
}
	
#menu li 
{
	display: inline ;
	margin : 0;
	padding:0;
	color: #fff ;
	background-color	: #FFFFFF;
}
	
#menu li a 
{
	padding				: 4px 21px ;
	background-image	: url('/photos/menu.jpg');
	color				: #FDCA31 ;
	border				: 1px solid #000000 ;
	font				: 12px Arial,sans-serif ;
	line-height			: 28px ;
	text-align			: center ;
	text-decoration		: none ;
}
	
#menu li a:hover, #menu li a:focus, #menu li a:active 
{
	background-image	: url('/photos/menu-hover.jpg');
	color				: #76299B;
	text-decoration		: none ;
}

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-image	: url('/photos/menu.jpg');
width: 141px;
visibility: hidden;
}


.dropmenudiv a{
width				: auto;
display				: block;
text-indent			: 3px;
border				: 0px solid #000000 ;
padding				: 2px 0;
text-decoration		: none;
font-weight			: normal;
background-image	: url('/photos/menu.jpg');
color				: #FDCA31 ;
}

* html .dropmenudiv a
{ /*IE only hack*/
	width			: 100%;
}

.dropmenudiv a:hover
{
	background		: #FDCA31 ;
	background-image	: url('/photos/menu-hover.jpg');
	color				: #76299B;
	text-decoration	: none ;
}




#gauche
{
	background-image 	 : url('/photos/alveoles.jpg');
	height 				 : 385px;
	width				 : 96px;
	float				 : left;
	background-repeat    : repeat;
	margin 				 : 0;
	padding				 : 0;
}

#gaucheMagasins
{
	background-image 	 : url('/photos/alveoles.jpg');
	height 				 : 765px;
	width				 : 96px;
	float				 : left;
	background-repeat    : repeat;
	margin 				 : 0;
	padding				 : 0;
}

#gaucheTarifsMiel
{
	background-image 	 : url('/photos/alveoles.jpg');
	height 				 : 680px;
	width				 : 96px;
	float				 : left;
	background-repeat    : repeat;
	margin 				 : 0;
	padding				 : 0;
}

#gaucheAccueil
{
	background-image 	 : url('/photos/alveoles.jpg');
	height 				 : 350px;
	width				 : 96px;
	float				 : left;
	background-repeat    : repeat;
	margin 				 : 0;
	padding				 : 0;
}

#corp
{
	font				: 12px, Arial;
}

#texteAccueil
{
width			: 523px;
float			: left;
margin-left		: 15px;
margin-top		: 50px;
text-align		: justify ;
}

#texte
{
width			: 500px;
float			: left;
margin-left		: 15px;
margin-top		: 20px;
text-align		: justify ;
}

#TarifsMiel
{
width			: 900px;
float			: left;
margin-top		: 20px;
texte-align		: center;
}

.violet
{
color			: #660099;
}

#imageAccueil
{
width 			: 337px;
height			: 217px;
float			: right;
margin-top		: 40px;
}

#image
{
width 			: 385px;
height			: 217px;
float			: right;
margin-top		: 10px;
}

#textecontact
{
width			: 280px;
float			: left;
margin-left		: 40px;
margin-top		: 20px;
text-align		: left ;
}

#cartecontact
{
width 			: 580px;
height			: 270px;
float			: right;
margin-top		: 20px;;
}

#textemagasins
{
width			: 840px;
float			: left;
margin-left		: 20px;
margin-top		: 20px;
text-align		: justify ;
}

#cartemagasins
{
width 			: 520px;
height			: 270px;
float			: right;
margin-top		: 20px;
}

#texteinscriptions
{
width			: 360px;
float			: left;
margin-left		: 40px;
margin-top		: 50px;
text-align		: justify ;
}

#piedpage
{
	background-image 	: url('/photos/piedpage.jpg');
	height			 	: 112px;
	width			 	: 1000px;
	float			 	: left;
	background-repeat	: no-repeat;
	margin			 	: 0 ;
	padding				: 0;
	float				: left;
}

#textepiedpage
{
	text-align			: center;
	margin-top			: 15px;
	width				: 850px;
	float				: right;
	vertical-align			: middle;
}

table
{
	border				: 1px solid;
	border-color			: #76299B;
	font				: 12px Arial;
	font-weight			: normal;
	margin				: 0;
	padding				: 0;
	border-collapse			: collapse;
	background-color		: #FFFFFF;
	margin				: 0 auto 0 auto;
}

table#tarifs
{
	border				: 0px;
	font				: 12px Arial;
	font-weight			: normal;
	margin				: 0;
	padding				: 0;
	border-collapse			: collapse;
	background-color		: #FFFFFF;
}

tr
{
	vertical-align : top;
}

.texteemail
{
	width			: 280px;
	margin-left		: 200px;
	text-align		: left ;
}