/* ----------------------------------------------------------------	*/

/* Styles d'ensemble de la page										*/

/* ---------------------------------------------------------------- */



html {

	background: #fffaf6;

}

html, body {

	background: #fffaf6;

	height: 100%;

	margin: 0;

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

}



/* -------------- Texte important gros (ex. page de présentation )  */

p.important {

	text-align: center;

	font-size: large;

	font-style: italic;

	font-weight: bold;

	padding-bottom:0;

	color: #000000;

}



/* -------------- Désignation - Texte principal -----------------	*/

p.primaire {

	text-align: center;

	font-style: normal;

	font-weight: normal;

	font-size: small;

	color: #000000;

}



/* -------------- Désignation - Texte secondaire -----------------	*/

p.secondaire {

	text-align: center;

	font-style: normal;

	font-weight: normal;

	font-size: x-small;

	color: #000000;

}

p.secondaire a {

	color: #000000;

}

p.secondaire a:hover {

	color: #000000;

}

/* -------------- Sous-titre - texte tertiaire -----------------	*/

p.tertiaire {

	margin: 0; /* Permet de ne pas avoir d'écart entre les paragraphes*/

	font-style:normal;

	font-size: xx-small;

	color: #000000;

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

}



/* ----------------------------------------------------------------	*/

/* Style du conteneur global										*/

/* ---------------------------------------------------------------- */



div#global {

	min-height: 100%;

	width: 997px;

	padding: 0 2px;

	margin: 0 ;

	position: relative;

}



/* ----------------------------------------------------------------	*/

/* Styles de l'entête												*/

/* ---------------------------------------------------------------- */



img#header {

	float: left;

	height:100px;

	width: 997px;

}	





/* ----------------------------------------------------------------	*/

/* Styles du Conteneur principal (contenu dynamique)				*/

/* ---------------------------------------------------------------- */

div#conteneur {

	float: left;

	background: url(../image/site/repeat.jpg) repeat-y;

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

	font-size: small;

}







/* ----------------------------------------------------------------	*/

/* Styles du Menu vertical											*/

/* ---------------------------------------------------------------- */



div#menu_vertical {

	float: left;

	background: url(../image/site/menu1.jpg) no-repeat;

	width: 282px;

	height: 285px;

	padding-top: 26px;

}



div.item_vertical {

	font-size: small;

	font-style:italic;

	height: 20px;

	width: 184px;

	background:url(../image/site/btn_off.jpg) top right no-repeat;

	text-align: right;

	cursor: pointer;

}



div.item_vertical:hover {

	font-weight: bold;

	background:url(../image/site/btn_on.jpg) top right no-repeat;

}



div.item_vertical_selection {

	font-size: small;

	font-style:italic;

	font-weight: bold;

	height: 20px;

	width: 184px;

	text-align: right;

	background:url(../image/site/btn_on.jpg) top right no-repeat;

	cursor: pointer;

}



a.item_vertical {

	text-decoration: none;

}



a.item_vertical:hover {

	font-weight: bold;

}



a.item_vertical_selection {

	text-decoration: none;

	font-weight: bold;

}



span.item_vertical {

	text-decoration: none;

	color: #000;

	margin-right: 22px;

}



div.inter_vertical {

	height: 50px;

	width: 104px;

}



/* ----------------------------------------------------------------	*/

/* Styles du Menu horizontal										*/

/* ---------------------------------------------------------------- */

div#menu_horizontal {

	float: right;

	width: 680px;

	font-size: small;

	}



ul#menu_horizontal li {

	float: left;

	text-align: center;

	border: 1px dashed #000000;

	width: 100px;

	min-height: 30px;

	margin-left: 5px;

	margin-right: 5px;

	margin-bottom: 20px;

	padding: 5px 5px;

	list-style-type:none;

	cursor: pointer;

}



ul#menu_horizontal li.selection {

	background-color: #f9f0e4;

	background-image:url(../image/site/btn_onroll.jpg);

	font-weight: bold;

	font-style:italic;

	}



ul#menu_horizontal li:hover {

	background-color: #f9f0e4;

	font-weight: bold;

	font-style:italic;

	}

	

ul#menu_horizontal a {

	text-decoration: none;

	color: #000;

}

ul#menu_horizontal a:hover {

	font-weight: bold;

	font-style:italic;

}



/* ----------------------------------------------------------------	*/

/* Styles du cadre d'affichage des données							*/

/* ---------------------------------------------------------------- */

div#main {

	float: left;

	width: 680px;

	padding-bottom: 50px;

	}



/* ----------------------------------------------------------------	*/

/* Styles de la liste des articles									*/

/* ---------------------------------------------------------------- */

div#liste_article {

	float: left;

	text-align: center;

	padding-left: 15px;

	padding-right: 15px;

	margin-top: 30px;

	margin-bottom: 10px;

	width: 140px;

	height: 140px;

	cursor: pointer;

}



div#liste_article:hover{

	font-weight: bold;

	

}



div#liste_article a:link {

	text-decoration: none;

	color: #000000;

}



div#liste_article a:hover {

	font-weight:bold;

}



img.vignette {

	-moz-opacity:0.8;

	opacity: 0.8;

	filter:alpha(opacity=80);

	height:110px;

	width: 110px;

	border: 1px #000000 solid;

}



img.vignette:hover {

	-moz-opacity:1;

	opacity: 1;

	filter:alpha(opacity=100);

	height:110px;

	width: 110px;

	border: 1px #000000 solid;

	

}



.bandeau {

	margin-left: 30px;

	margin-top: 20px;

}



.commentaire {

	margin-left: 30px;

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

	font-size: xx-small;

	text-align: center;

}

/* ----------------------------------------------------------------	*/

/* Styles de la fiche détail des articles							*/

/* ---------------------------------------------------------------- */

div#detail_article {

	margin: 30px 0 30px 0;

	min-height:380px;

}



div#detail_article_gauche{

	background-color: #f9f0e4;

	float: left;

	width: 380px;

	border: 1px solid #e1cea6;

}



div#detail_article_droite{

	float: left;

	padding-top: 40px;

	padding-left: 15px;

	padding-right: 10px;

	width: 270px;

	}

	

img#image_medium{

	width: 380px;

	height: 380px;

	}



img#image_mini{

	float: left;

	border: 1px solid #87591d;

	width: 40px;

	height: 40px;

	margin: 6px;

	cursor: pointer;

}

/* ----------------------------------------------------------------	*/

/* Styles Page catalogue indisponible										*/

/* ---------------------------------------------------------------- */

.catalogue_indispo{

	text-align: center;

	padding-top: 80px;

	background:url(../image/site/catalogue_off.jpg) no-repeat;

	height: 300px;

}

/* ----------------------------------------------------------------	*/

/* Styles Page contact											*/

/* ---------------------------------------------------------------- */

.contact{

	text-align: center;

	padding-top: 80px;

	background:url(../image/site/contact_fd.jpg) no-repeat;

	padding-bottom: 50px;

}



/* ----------------------------------------------------------------	*/

/* Styles Page Bonus										*/

/* ---------------------------------------------------------------- */

.bonus{

/*	background:url(../image/site/bonus.jpg) no-repeat;*/

	padding-top: 80px;

	padding-bottom: 50px;

}

/* ----------------------------------------------------------------	*/

/* Styles du Pied de page											*/

/* ---------------------------------------------------------------- */

div#pied {

	width: 100%;

	bottom: 0;

	float:right;

		}

	

div#pied a {

	color: #281901;

}



div#pied a:hover {

	color:#e4bc96;

}



/* ----------------------------------------------------------------   */



/* Styles module news                                                                                                                        */



/* ---------------------------------------------------------------- */



div#news  {

            z-index: 1;

			padding: 5px;

			position: absolute;

			top: 200px;

			left: 200px;

			background-color:#FFFFFF;

			color:#000000;

            border: 1px solid #b8aa99;

			text-align: left;

			font-size:small;

}



div#news img {

            float: left;

			margin: 5px;

}  



.news_contenu {

	float: left;

}



.news_close {

	float: left;

	font-size:xx-small;

}





/* ----------------------------------------------------------------	*/

/* Séparateur											*/

/* ---------------------------------------------------------------- */

div#separateur {

	height:30px;

}