@charset "UTF-8";
/* ATTRIBUTS par défaut*/
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	background-color:#FFF;/*333*/
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0;
}
img{border:0px;}
div{
	border:0px;
	margin:0px;
	padding:0px;
}
table{
	border:0px;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
}
.erreur {
	font: 12px "Lucida Console", Monaco, monospace;
	color: #F00;	
}
a:link, a:visited {
	font: 12px Verdana, Geneva, sans-serif;
	color: #C06;
	text-decoration: none;	
}
a:hover {
	font: 12px Verdana, Geneva, sans-serif;
	color: #333;
	text-decoration: none;	
}

/* ZONE de travail*/
#workZone{
	position:relative;
	z-index:0;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	width:1115px;
	background-color:#FFF;
	height:100%;
	bottom:0px;
}
/**/
/*Commandes*/
.champ {
	font: 9px Arial, Helvetica, sans-serif;
	color: #999;
	border-bottom: 1px solid #C09;
}
.champ2 {
	text-align:center;
	border-bottom: 1px solid #C09;
}
.etatco {
	color:#06F;
	font: 10px Verdana, Geneva, sans-serif;
}

/**/

/*Logo*/
#logo {
	position: relative;
	z-index:0;
	text-align:left;
	width:1000px;
	height:77px;
}
#logo img {
	position:relative;
	z-index:0;
	left:60px;
}
/**/

/* Formulaire de recherche*/
#logo #recherhe {
	position:relative;
	z-index:0;
	text-align:right;
	vertical-align:bottom;
	padding-right:20px;
	padding-bottom:10px;
}

/*Barre de menu*/
#tmZ {
	width:1050px;
	height:33px;
	background-color: #FFF;
}
.tmB {
	/*background-color: #cc0066;
	background-image: url('systeme/menu_bg.png');mbbg.jpg
	background-repeat: repeat-x;*/
	vertical-align: middle;
	text-align:center;
	white-space: nowrap;
	background: #cc0066 url('systeme/menu_bg.png') top center repeat-x;
}
.tmC {width: 19px; height:33px;}

.leftMenu {
	width:200px;
	vertical-align:top;
	background-color: #FFF;
	/* [disabled]float: left; */
}
.separateurLeftMenu {
	height:1px;
	background-color:#cccccc;
	width:75%;
	margin:20px auto;
}
#categories {
	margin:0px auto;
	width: 200px;
	text-align: left;
	vertical-align:top;
}
.categories {
	margin:0px auto;
	width: 200px;
	text-align: left;
	vertical-align:top;
}
.categorie {
	margin:10px auto 15px;
	cursor:pointer;
}
ul.maincat {
	position:relative;
	margin:0px; padding:0px;
	left:20px;
	list-style: disc inside; color: #cc0066;
	width:155px;
}
ul.maincat li {
	margin-bottom:10px;
}
/* Couleurs des puces*/
.greenp{
	color: #7F9100;
	list-style: disc inside;
	position:relative;
	left:-20px;
}
.pinkp {
	color: #cc0066;
	list-style: disc inside;
	position:relative;
	left:-15px;
	
}
/* Liens catégorie*/
a.greyCat:link, a.greyCat:visited {
	color:#000;
	text-decoration:none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
a.greyCat:hover{
	color: #7F9100;
	text-decoration:none;
	font: bold 12px Arial, Helvetica, sans-serif;
}

/* Liens sous catégrie*/
a.greySCat:link, a.greySCat:visited {
	color:#333;
	text-decoration:none;
	font: 10px Arial, Helvetica, sans-serif;
}
a.greySCat:hover{
	color: #cc0066;
	text-decoration:none;
	font: 10px Arial, Helvetica, sans-serif;
}

/* Catégories spéciales */
a.catspe:link, a.catspe:visited {
	 font-family:Helvetica,sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 font-style:oblique;
	 color:#000;
	 text-decoration:none;
}
a.catspe:hover {
	text-decoration:underline;
}

/*menu css horizontal*/
#menuDeroulant
{
 width: 700px;
 position: relative;
 display:inline;
 z-index:100;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 top: 0;
 left: 0;
}
#menuDeroulant li
{
 float: left;
 width: 100px;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu
{
 display: none;
 position:absolute;
 z-index:1150;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 position:relative;
 top:inherit;
 z-index:150;
 margin: 0;
 padding: 0;
 border: 0;
 width: 99px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}
/* Liens menu et sous menu*/
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 2%;
 color: #FFF;
 background-color: transparent;
 margin: 0;
 padding: 4px 8px;
 text-decoration: none;
}
#menuDeroulant li a:hover { color: #000;background: transparent url("systeme/mbhover.png") center center no-repeat;/*background-color: #F2462E;*/ }
#menuDeroulant li a:active { color: #000;background: transparent url("systeme/mbhover.png") center center no-repeat;/*background-color: #5F879D;*/ }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: #000 ;/*url("fondTR.png") repeat*/
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #C06;
}
/*Apparition du sous-menu*/
#menuDeroulant li:hover > .sousMenu { display: block; }
/**/


/********************
/* Session et Search Zone*/
#ssZ{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	padding-right: 10px;
}
/** Login Zone (compte)*/
#lZ{
	width:150px;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}
/*Miniature du compte (avatar)*/
img.ava {
	position:relative;
	margin:5px auto;
	border:thin solid #E6E6E6;
	
	}/*float:left;*/

#ltz {
	position:relative;
	left:5px;
	top:5px;
	}

#ltz a:link, #ltz a:visited {
	font: 11px Verdana, Geneva, sans-serif;
	color: #999;
	text-decoration:none;
	}
#ltz a:hover {
	font: 11px Verdana, Geneva, sans-serif;
	color: #cc0066;
	text-decoration:none;
	}
a.login:link, a.login:visited {
	font: 11px Verdana, Geneva, sans-serif;
	color: #999;
	text-decoration:none;
}
a.login:hover, a.login:focus, a.login:active {
	font: 11px Verdana, Geneva, sans-serif;
	color: #cc0066;
	text-decoration:none;
}

/** Options Zone (compte)*/
#oZ{
	width:auto;
	text-align:left;
	vertical-align:middle;
}
a.sessbtn:link, a.sessbtn:visited {
	font: 10px Verdana, Geneva, sans-serif;
	color: #000;
	text-decoration: none;	
}
a.sessbtn:hover {
	font: 10px Verdana, Geneva, sans-serif;
	color: #C06;
	text-decoration: none;	
}


/********************
**
** Rubrique et Context Zone
**
********************/

#cZ {
	position:relative;
	z-index:0;
	/* [disabled]width:1000px; */
}

/* Rubrique Zone*/
/** Coins Rubrique*/
.rC {
	background-color: #999900;
	height: 26px;
	width: 12px;
}
/** Barre Rubrique*/
.rB {
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	height: 26px;
	width: 100%;
	font: bold small-caps 14px Verdana, Geneva, sans-serif;
	background: #999900 url('systeme/mlbg.jpg') repeat-x;
}
.sbB {
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	height: 26px;
	width: 100%;
	font: bold small-caps 14px Verdana, Geneva, sans-serif;
	background: #999900 url('systeme/sbbg.jpg') repeat-x;
}
.pinkH {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #cc0066;
}
.lGrey {
	font: 10px Verdana, Geneva, sans-serif;
	color: #cccccc;
}
/* END Rubrique Zone*/

/******* Context Zone *******/
#contextZone {
	width:800px;
	vertical-align:top;
	text-align:left;
	/* [disabled]display: inline; */	/*border: 1px solid;*/
	/* [disabled]float: left; */
	margin: 0px auto;
}

/* VIGNETTES */
.conteneurMiniFiche {
	height:120px;
	vertical-align:top;
	text-align:center;
}
.miniFiche {
	width:190px;
	vertical-align:top;
	text-align:center;
}
.miniature {
	width: 190px;
	height:120px;
	vertical-align:top;
	display:block;
}
a.miniurl:link, a.miniurl:visited {
	font: 10px Verdana, Geneva, sans-serif;
	color: #333;
	text-decoration: none;	
}
a.miniurl:hover {
	font: 10px Verdana, Geneva, sans-serif;
	color: #C06;
	text-decoration: none;	
}



/* END Context Zone
** END Rubrique et Context Zone*/


/* Galerie */
/* BTN news et pop*/
a.galbtn:link, a.galbtn:visited {
	font: 10px Verdana, Geneva, sans-serif;
	color: #333;
	text-decoration: none;	
}
a.galbtn:hover {
	font: 10px Verdana, Geneva, sans-serif;
	color: #C06;
	text-decoration: none;	
}
/* FAQ*/
#faq a:link, #faq a:visited {
	font: 12px Verdana, Geneva, sans-serif;
	color:#039;
	text-decoration: none;	
}
#faq a:hover {
	font: 12px Verdana, Geneva, sans-serif;
	color: #C06;
	text-decoration: none;	
}


/**COPYRIGHT**/

#copyright {
	margin:10px auto;
	width:1000px;
	text-align:center;
	font-size:10px;
}
#copyright a:link, #copyright a:visited {
	font-size:10px;
	color:#000;
	text-decoration:none;
}
#copyright a:hover {
	color:#C06;
}