html { font-size:100.01%; }



body { 

	font-size:1em;

	font-family: Arial, Helvetica, sans-serif;

	background: #FFF url(../images/texture_repeat04.png) top left;

}


h2{
	text-transform:uppercase;
	color: #478209;
}


p, h3 {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.2;

}



h3 {

	font-size: 1.06em;

	color: #478209;

	font-weight: normal;

}



a {

	text-decoration: none;

}



/* INITIALISATION DE LA LARGEUR ET DU CENTRAGE PAR DÉFAUT DES SECTIONS PRINCIPALES */

div#wrap, div#wrap div#header, div#wrap div#footer {

	margin: 0 auto;

	width: 896px;

}



/* DIV PRINCIPAL REGROUPANT TOUTES LES SECTIONS */

div#wrap {

	background: #FFF url(../images/side-content.png) repeat-y;

}



/* DIV HEADER COMPRENANT L'IMAGE D'ALPEN SECRET*/

div#wrap div#header {
	background: url(../images/header.jpg);
	width: 896px;
	height: 190px;
} 



/* SECTION DU MENU PRINCIPAL SITUÉ DANS LE HEADER  */
div#wrap div#header div#amazon {
	position: relative;
	text-align:right;	
	height: 25px;
	right: 30px;
	top: 35px;
}
div#wrap div#header ul#menu-fr, div#wrap div#header ul#menu-en {
	position:relative;
	height: 25px;
	width: 500px;
	left: 220px;
	list-style: none;
	top:53px;
}



div#wrap div#header ul#menu-fr li, div#wrap div#header ul#menu-en li {

	display: inline;

	height: 23px;

	margin-right: 60px;

}



ul#menu-fr li a,ul#menu-en li a, ul#menu-fr li a span, ul#menu-en li a span { height: 23px;}

ul#menu-fr li a, ul#menu-en li a {position:relative;}

ul#menu-fr li span, ul#menu-en li span {display: inline; position:absolute; left:0; top:0; z-index:5;cursor:pointer;}



div#wrap div#header ul#menu-fr li a, div#wrap div#header ul#menu-en li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.81em;

	font-weight: bold;

}



/* GESTION DU MENU AVEC LES TROIS ÉTATS - UP, OVER, ACTIVE */



/* FRANÇAIS */

ul#menu-fr li a span.accueil { width: 105px; background: url(../images/btn_accueil-up-fr.png) no-repeat top left;}

ul#menu-fr li a span.accueil-a { width: 105px; background: url(../images/btn_accueil-select-fr.png) no-repeat top left;}

ul#menu-fr li a:hover span.accueil { width: 105px; background: transparent url(../images/btn_accueil-over-fr.png) no-repeat top left;}



ul#menu-fr li a span.collection { width: 105px; background: url(../images/btn_collection-up-fr.png) no-repeat top left;}

ul#menu-fr li a span.collection-a { width: 105px; background: url(../images/btn_collection-select-fr.png) no-repeat top left;}

ul#menu-fr li a:hover span.collection { width: 105px; background: transparent url(../images/btn_collection-over-fr.png) no-repeat top left;}



ul#menu-fr li a span.nouvelles { margin-left: -23px; width: 105px; background: url(../images/btn_nouvelles-up-fr.png) no-repeat top left;}

ul#menu-fr li a span.nouvelles-a { margin-left: -23px; width: 105px; background: url(../images/btn_nouvelles-select-fr.png) no-repeat top left;}

ul#menu-fr li a:hover span.nouvelles { width: 105px; background: transparent url(../images/btn_nouvelles-over-fr.png) no-repeat top left;}



ul#menu-fr li a span.contact { margin-left: -38px; width: 105px; background: url(../images/btn_contact-up-fr.png) no-repeat top left;}

ul#menu-fr li a span.contact-a { margin-left: -38px; width: 105px; background: url(../images/btn_contact-select-fr.png) no-repeat top left;}

ul#menu-fr li a:hover span.contact { width: 105px; background: transparent url(../images/btn_contact-over-fr.png) no-repeat top left;}



/* ENGLISH */

ul#menu-en li a span.accueil { width: 105px; background: url(../images/btn_accueil-up-en.png) no-repeat top left;}

ul#menu-en li a span.accueil-a { width: 105px; background: url(../images/btn_accueil-select-en.png) no-repeat top left;}

ul#menu-en li a:hover span.accueil { width: 105px; background: transparent url(../images/btn_accueil-over-en.png) no-repeat top left;}



ul#menu-en li a span.collection { width: 105px; background: url(../images/btn_collection-up-fr.png) no-repeat top left;}

ul#menu-en li a span.collection-a { width: 105px; background: url(../images/btn_collection-select-en.png) no-repeat top left;}

ul#menu-en li a:hover span.collection { width: 105px; background: transparent url(../images/btn_collection-over-en.png) no-repeat top left;}



ul#menu-en li a span.nouvelles { margin-left: -23px; width: 105px; background: url(../images/btn_nouvelles-up-en.png) no-repeat top left;}

ul#menu-en li a span.nouvelles-a { margin-left: -23px; width: 105px; background: url(../images/btn_nouvelles-select-en.png) no-repeat top left;}

ul#menu-en li a:hover span.nouvelles { width: 105px; background: transparent url(../images/btn_nouvelles-over-en.png) no-repeat top left;}



ul#menu-en li a span.contact { margin-left: -38px; width: 105px; background: url(../images/btn_contact-up-en.png) no-repeat top left;}

ul#menu-en li a span.contact-a { margin-left: -38px; width: 105px; background: url(../images/btn_contact-select-en.png) no-repeat top left;}

ul#menu-en li a:hover span.contact { width: 105px; background: transparent url(../images/btn_contact-over-en.png) no-repeat top left;}





/* SECTION POUR LE FOOTER DU SITE */

div#wrap div#footer {

	height: 26px;

	padding-top: 10px;

	clear: both;

}



div#wrap div#footer img {

	float: left;

	clear: right;

}



div#wrap  div#footer ul {

	position: relative;

	margin-left: 220px;

}



div#wrap  div#footer ul li {

	display: inline;

}



div#wrap  div#footer ul li a {

	text-decoration: underline;

}



div#wrap  div#footer ul li, div#wrap ul li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9.5px;

	color: #37674d;

}



a.langue {

	position: absolute;

	margin-left: 795px;

	top: 82px;

}