/* CSS Document */

/* anulation des marges par defaut pour ?viter les difference des navigateurs */

body, p, h1, h2, h3, h4, h5, h6, fieldset, legend, ul, li, dl, dt, dd, img, form {
	margin:0;
	padding:0;
	border:0;
}

hr, .masque, #logo span, #loading, #print, #print legend,
#selection legend, #achat legend
{
	display:none;
}

hr.ligne
{
    display:block;
    border:1px solid #a9aaaa;
}

.sep
{
	border-bottom:#a98d98 1px dashed;
}
.wrap
{
	clear:both;
}
/*h2
{
	margin: 0.5em 0;
}*/
/*********** STYLE GENERALE *********/



body
{
	background:url(../img/fond.jpg) repeat-x left top #aaa; /* #665750 */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size: 90%;
	color: #282a2a;
	text-align:center; /* center pour ie 5 */
	margin:0 0 0 0;
}

/* Largeur élément général de la page */

#bandeau, #footer, #conteneur_mh
{
	/*width:980px;*/
	padding:0 10px;
	min-width:980px;
  	max-width:90%;/**/
}
#contenu
{
	/*width:980px;*/
	min-width:980px;
  	max-width:90%;/**/
	min-height:642px;
}

.fixeaccueil
{ /* fixe la taile de la page d'accueil */
	width:980px;
}

#bandeau, #contenu
{ /* anul le bug positionnement ie 5 */
	text-align:left;
}


/***** HEADER ACCES *****/

#acces
{ /* acces rapide haut page */
	position:absolute;
	/*right:50%;
	margin-right:-490px;*/

	top:0;
	right:0em;
	/*background-color:#eee;*/
	z-index:5;
}





/********** BANDEAU ***********/
#bandeau
{
	position:relative; /* desactiver pour pouvoir utiler z-index */
	height:182px;
	margin:auto;
	/*	z-index:1;*/
}

#logo
{
	position:absolute;
	top:20px;
	left:0px;
	width:197px;
	/*left:-380px;*/
	margin:0.5em 0 0 1em;
	padding:1px;
}

#detailbandeau
{
	position:absolute;
	/*right:50%;
	margin-right:-275px;*/
	right:365px;
	top:15px;
	width:128px;
	height:144px;
	background:url(../img/bandeau.mini.02.png) no-repeat left top;
	z-index:2; /* passe devant barre bas */
}


#achat
{
	position:absolute;
	top:65px;
	right:19px;
	/*right:50%;
	margin-right:-490px;
	left:818px;*/
	z-index:3; /* passe devant #detailbandeau */
}
#achat ul
{
	position:static;
	width:185px;
	height:57px;
	padding:30px 20px 30px 30px;
	background:url(../img/fond.commande.png) no-repeat left top;
}
#messageaccueil
{
	position:relative; /* absolute */
	top:-44px; /* 155px */
	z-index:5; /**/
	height:1%;
}

#messageaccueil span, #messageaccueil span a
{
	position:relative;
	color:#8F8F8F;
	font-weight:bold;
}
#messageaccueil span a:hover
{
	color:#6b6d6d;
}



/***** PAGE *****/

#contenu
{
	position:relative;
	/*background:url(../img/fond.body.png) repeat left top;  style specifique ie6 dans ie6.css */
	 background-color:#fff; /* desactivation transparence GL */
	margin:auto;
	padding: 0 10px 0 10px;
	/*width:980px;
	min-width:980px;
  	max-width:1200px;*/
	z-index:1;
	/*border:#33FF00 1px solid;*/
}
#contenu .listeul
{
	margin:10px 0;
}
#contenu .listeul li
{
	list-style:none;
	background:url(../img/puce.red.gif) no-repeat left 0.4em;
	padding-left:10px;
}


/**** COLONNE ***/
#colonne1
{
	position:relative;
	float: right;
	width: 390px; /* largeur ie dans ie.css du a text-align:justify dans #contenufond p */
	margin-left: 10px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	margin-right: 0px;
	padding:0px 0px 10px 0px;
	/*background: burlywood;*/
}

#bloc
{
	position:static;
	overflow: hidden; /* établi un contexte de formatage qui l'empeche de glisser sous les colonne 1 et 2 */
	margin:0 0px 0 0px;
	padding:0px 0px 10px 0px;
	/*background: #f03;*/
}

/*** Bordure ***/
#bordure01
{
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	height:9px;
	background:url(../img/bordure.centre.png) repeat-x left top;
}
#bordure02
{
	position:absolute;
	top:173px;
	left:-9px;
	width:9px;
	height:642px;
	background:url(../img/bordure.gauche.png) repeat-y left top;
	/*border:#e00 1px solid;*/
}
#bordure03
{
	position:absolute;
	top:173px;
	right:-9px;
	width:9px;
	height:642px;
	background:url(../img/bordure.droite.png) repeat-y right top;
	/*border:#e00 1px solid;*/
}

/*** MOTIF FLEURS ***/
#motif13
{
	position:absolute;
	top:1400px; /* -55 */
	left:-90px; /* -70 */
	width:130px;
	height:108px;
	background:url(../img/motifs/motif.03.png) no-repeat left top;
}
#motif14
{
	position:absolute;
	top:-15px;
	right:-110px;
	width:130px;
	height:108px;
	background:url(../img/motifs/motif.03.png) no-repeat left top;
}
#motif01
{
	position:absolute;
	top:48px;
	left:-124px;
	width:173px;
	height:145px;
	background:url(../img/motifs/motif.01.png) no-repeat left top;
}
#motif02
{
	position:absolute;
	top:-52px;
	left:330px; /* 383 445 */
	width:91px;
	height:110px;
	background:url(../img/motifs/motif.02.png) no-repeat left top;
}
#motif03
{
	position:absolute;
	top:225px; /* 105 */
	right:220px;
	width:130px;
	height:108px;
	background:url(../img/motifs/motif.03.png) no-repeat left top;
}
#motif04
{
	position:absolute;
	top:495px;
	left:-110px;
	width:155px;
	height:201px;
	background:url(../img/motifs/motif.04.png) no-repeat left top;
}
#motif05
{
	position:absolute;
	top:260px; /* 190 260 */
	left:37%;
	width:155px;
	height:201px;
	background:url(../img/motifs/motif.04.png) no-repeat left top;
}
#motif06
{
	position:absolute;
	top:573px;
	right:-101px;
	width:206px;
	height:172px;
	background:url(../img/motifs/motif.06.png) no-repeat left top;
}
#motif07
{
	position:absolute;
	top:453px;
	left:18%;
	width:142px;
	height:119px;
	background:url(../img/motifs/motif.07.png) no-repeat left top;
}
#motif08
{
	position:absolute;
	top:403px;
	left:58%;
	width:109px;
	height:132px;
	background:url(../img/motifs/motif.08.png) no-repeat left top;
}
#motif09
{
	position:absolute;
	top:848px;
	left:-72px;
	width:142px;
	height:119px;
	background:url(../img/motifs/motif.09.png) no-repeat left top;
}
#motif10
{
	position:absolute;
	top:928px;
	left:20%;
	width:206px;
	height:172px;
	background:url(../img/motifs/motif.06.png) no-repeat left top;
}
#motif11
{
	position:absolute;
	top:723px;
	right:25%;
	width:155px;
	height:201px;
	background:url(../img/motifs/motif.04.png) no-repeat left top;
}
#motif12
{
	position:absolute;
	top:840px;
	right:-125px;
	width:179px;
	height:151px;
	background:url(../img/motifs/motif.12.png) no-repeat left top;
}
#motif15
{
	position:absolute;
	top:1300px;
	right:-65px;
	width:130px;
	height:108px;
	background:url(../img/motifs/motif.03.png) no-repeat left top;
}

/********** MENU BAS ***********/
#mb
{

}



/*** FOOTER ***/

#footer

{

}



/*** MOTS BAS PAGE ***/


/*** Signature Kyxar ***/
.kyxar
{
	position: absolute;
	z-index:10;
	white-space: nowrap;
	right:40px;
	padding: 5px 0px 3px 0px;
}

.kyxar a
{
	color: #ccc;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
}

.kyxar a:hover
{
	color: #fff;
}

.Debug
{
    text-align:left;
    padding:3px;
    color:#000000;
    background-color:#aaaaaa;
    border:1px solid #ff0000;
    font-size:9pt;
    font-family:verdana;
    margin:10px 0 0 0;
    overflow-x:auto;
    width:980px;
}