*{
   margin:0; /* Annule toutes les marges par défaut, étant différentes selon les navigateurs et pour une meilleure compatibilité */
   padding:0; /* Annule tous les remplissages par défaut, étant différents selon les navigateurs et pour une meilleure compatibilité */
}

/* style index3.php */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
float:left;
}

.arrowlistmenu .headerbar{
font: bold 14px Verdana;
color: #177dd2;
border: 1px solid #dadada;
/*background: black url(_images/titlebar.png) repeat-x center left;*/
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color:#636061;
background:url(_images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display:block;
padding:2px 0;
padding-left:19px; /*link text is indented 19px*/
text-decoration:none;
font-weight:bold;
border-bottom:1px solid #dadada;
font-family:Verdana;
font-size:12px;
}

.arrowlistmenu ul li a:visited{
color: #636061;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #177dd2;
background-color: #F3F3F3;
}

.fauxheader { font:bold 14px Verdana; color:#177dd2; text-decoration:none; }
.arrowlistmenu .headerbar:hover { color:#177dd2; background-color:#F3F3F3; text-decoration:none; }
/*a { color:#40ade6; text-decoration:none; }*/

/* bouton leyeti */
.arrowlistmenu .headerbar_yeti { 
	font: bold 14px Verdana;
	border: 1px solid #dadada;
	background-color: #8B0031;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu .headerbar_yeti:hover, .fauxheader_yeti:hover { color: #177dd2; background-color:#8B0031; text-decoration:none; }
.fauxheader_yeti { font:bold 14px Verdana; color:#FFFFFF; background-color:#8B0031; text-decoration:none; }

.field { text-align:left; margin-top:10px; padding:2px 2px; }
.field .legend { margin-left:10px; font-weight:bold; }
.field .contenu { margin-left:10px; }
.field .prix { float:right; }
.img_right { float:left; margin-right:10px; }
.corpsbox { margin-left:200px; text-align:left; font-family:Verdana; font-size:12px; }
.spacer { clear:both; }
.note { margin-left:10px; color:#000000; font-family:Verdana; font-size:10px;}
.botnote { color:#999999; font-family:Verdana; font-size:10px;}
.texte { font-family:Verdana; font-size:12px; }
.titre { color:#177dd2; font-family:Verdana; font-size:18px; font-weight:bold; text-transform:uppercase; }
.gi { font-weight:bold; font-style:italic; text-transform:uppercase; }
.g { font-size:10px; font-weight:bold; text-transform:uppercase; }

a:link { color:#999999; font-family:Verdana; font-size:12px; text-decoration:none;}
a:visited { color:#999999; font-family:Verdana; font-size:12px; text-decoration:none;}
a:hover { color:#177dd2; font-family:Verdana; font-size:12px; text-decoration:none;}
a:active { color:#177dd2; font-family:Verdana; font-size:12px; text-decoration:none;}

/* global */
#site {
	width:54em;
	margin:0 auto;
	padding:1em;
	border:1px solid #ddd;
	background-color:#fff;
}
#fondpagebox { clear:both; padding-top:1em; }

/* image clair de lune */
#leyeti {
	background-image: url("../_images/titre_yeti.png");
	width: 85px;
	height: 255px;
	background-repeat: no-repeat;
	position: absolute;
	float: left;
	left: 50%;
	margin-left: -510px;
	margin-top: 295px;
/*	border: 1px solid black;*/
}