html{
	height: 100%;
}

body {
  	height: 100%;
	margin: 0;
	padding: 0;
	font: 11px Arial helvetica, sans-serif ;
	color: #FFFFFF;
background-color: #3f1e15;
	}


td{
	color : #000000;
	font: normal 12px Arial helvetica, sans-serif ;
	margin : 0px;
}

legend{
	color : #000000;
}

a{
	font: 11px Arial helvetica, sans-serif ;
	color: #000000;
}
a:hover{
	font: 11px Arial helvetica, sans-serif ;
	color: #000000;
}

.form_input{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #D1D1D1;
border: 1px #000000 solid ;
padding : 0px;
margin: 0px;
}

.bouton_ok {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #E2E2E2;
border: #5D5958;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-weight: bold;
}

.bouton_ajouter {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #4CC75E;
border: 1px #000 solid;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-weight: bold;
}

.bouton_quitter {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #FF0004;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-weight: bold;
}

.bouton_quitter_menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
background-color: #FF0004;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-weight: bold;
}


.bouton_effacer {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
background-color: #FF0004;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-weight: bold;
margin : 0px;
margin-right : 0px;
margin-left : 0px;
}

.bouton_renouveler {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #66e620;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-weight: bold;
}


.lien_famille{
	font: 11px Arial helvetica, sans-serif ;
	color: #000000;
}
.lien_famille:hover{
	font: 11px Arial helvetica, sans-serif ;
	color: #000000;
	padding-left : 0px;
	padding-right : 0px;
}

.lien_menu{
	font: 12px Arial helvetica, sans-serif ;
	color: #000000;

}
.lien_menu:hover{
	font: 12px Arial helvetica, sans-serif ;
	color: #000000;
	padding-left : 10px;
	padding-right : 0px;
 font-weight : bold;
}

#vignette{
width : 140px;
height : 105px;
border : 1px #000 solid;
}

#Famille{
width : 165px;
height : auto;
border : 0px #FFFFFF solid;
margin-top : 1px;
margin-bottom : 1px;
filter : alpha(opacity=30);
-moz-opacity : 0.3;
opacity : 0.3;
/*background-color : #E2EFBA;*/
}
#Famille:hover{
width : 165px;
height : auto;
border : 0px #FFBD4B solid;
margin-top : 1px;
margin-bottom : 1px;
filter : alpha(opacity=100);
-moz-opacity : 1;
opacity : 1;
background-color : #FFBD4B;
}


.etat_produit{
width : 165px;
height : 21px;
border : 1px #CACACA solid;
text-align : left;
margin-left : 10px;
margin-top : 1px;
margin-bottom : 1px;
padding-left : 0px;
padding-right : 0px;
background: url(../images/interface/bg_etatproduit.jpg);
background-repeat : no-repeat;
/*background-color :#D5FDAD;*/

}
/*
.univers{
width : 165px;
height : 21px;
border : 0px #CACACA solid;
text-align : left;
margin-left : 10px;
margin-top : 1px;
margin-bottom : 1px;
padding-left : 0px;
padding-right : 0px;
background: url(../images/interface/bg_etatproduit.jpg);
background-repeat : no-repeat;
/*background-color :#D5FDAD;*/

}
*/

.codearticle{
  /*background-color : #C0E69D;*/
  /*background: url(../images/interface/bg_codearticle.png);*/
  /*background-repeat:no-repeat;*/
  width : 472px;
  height : 19px;
  color : #78AB69;
  font-size : 14px;
 font-weight : bold;
text-decoration : underline;
}


#partielogin{
width : 550px;
height : 55px;
border : 0px #CACACA solid;
text-align : center;
background: url(../images/templatesstyles/PIDESIGN-bg_partielogin_neutre.png);
background-repeat : no-repeat;
}


.lien_menu_central{
	color : #000000;
	font: normal 10px Arial helvetica, sans-serif ;
	margin : 0px;
}
.lien_menu_central:hover{
	color : #000000;
	font: normal 10px Arial helvetica, sans-serif ;
	margin : 0px;
	font-weight : bold;
	filter : alpha(opacity=30);
	-moz-opacity : 0.3;
	opacity : 0.3;
}

#animat_Etat{
width: 100%;
height : 25px;
text-align: right;
border: 0px #000 solid;
font-weight : bold;
color : #000000;
}
#animat_Ref{
width: 100%;
text-align: left;
border: 0px #000 solid;
vertical-align : middle;
}

.lien{
	color : #000000;
	font: normal 12px Arial helvetica, sans-serif ;
	margin : 0px;
	text-decoration : none;
}
.lien:hover{
	color : #000000;
	font: normal 12px Arial helvetica, sans-serif ;
	margin : 0px;
	font-weight : bold;
	filter : alpha(opacity=30);
	-moz-opacity : 0.3;
	opacity : 0.3;
	text-decoration : underline;
}

.titre{
	color : #000000;
	font: normal 12px Arial helvetica, sans-serif ;
	margin : 0px;
	font-weight : bold;
}

.text_actua{
	color : #000000;
	font: normal 12px Arial helvetica, sans-serif ;
	margin : 0px;
}

.lien_actua{
	color : #000000;
	font: normal 12px Arial helvetica, sans-serif ;
	margin : 0px;
	text-decoration : none;
}
.lien_actua:hover{
	color : #000000;
	font: normal 12px Arial helvetica, sans-serif ;
	margin : 0px;
	font-weight : bold;
	filter : alpha(opacity=30);
	-moz-opacity : 0.3;
	opacity : 0.3;
	text-decoration : underline;
}


.lien_onglet{
	color : #000000;
	font: normal 12px Arial helvetica, sans-serif ;
	margin : 0px;
	text-decoration : none;
}

.lien_onglet:hover{
	color : #FFFFFF;
	font: normal 12px Arial helvetica, sans-serif ;
	margin : 0px;
	text-decoration : none;
}
.pieds{
	color : #FFFFFF;
	font: normal 12px Arial helvetica, sans-serif ;
}
.text_violet{
color : #8c2c3e;
}
.form_input_noir{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #000000;
border: 1px #000000 solid ;
padding : 0px;
margin: 0px;
}


.lien_calendrier{
	font: 11px Arial helvetica, sans-serif ;
	color: #ff7e20;
	padding-left : 0px;
	padding-right : 0px;
	text-decoration : none;

}
.lien_calendrier:hover{
	font: 11px Arial helvetica, sans-serif ;
	font-weight : Bold;
	color: #000000;
	padding-left : 0px;
	padding-right : 0px;
}

.today{
	font: 13px Arial helvetica, sans-serif ;
	font-weight : Bold;
	color: #000000;
	padding-left : 0px;
	padding-right : 0px;
	background-color :#df7dba;
}


.jours_ferie{
	filter : alpha(opacity=40);
	-moz-opacity : 0.4;
	opacity : 0.4;
	background-color: #ff7e20;
	color : #FFFFFF;
}

.important{
	font: 14px Arial helvetica, sans-serif ;
	font-weight : Bold;
	color: #ff0000;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin-top:1em;
		margin:0;
		padding:0;
		list-style:none;
	}
	#slider1 ul, #slider1 li{
		width : 140px;
		height : 125px;
		margin:0;
		padding:0;
		list-style:none;
		margin-top:1em;
		}
	#slider2 ul, #slider2 li{
		width : 140px;
		height : 125px;
		margin:0;
		padding:0;
		list-style:none;
		margin-top:1em;
		}
	#slider3 ul, #slider3 li{
		width : 140px;
		height : 145px;
	margin:0;
	padding:0;
	list-style:none;
	margin-top:1em;
	}
	#slider4 ul, #slider4 li{
		width : 140px;
		height : 125px;
	margin:0;
	padding:0;
	list-style:none;
	margin-top:1em;
	}
	#slider5 ul, #slider5 li{
	width : 140px;
	height : 125px;
	margin:0;
	padding:0;
	list-style:none;
	margin-top:1em;
	}
	#slider6 ul, #slider6 li{
	width : 140px;
	height : 125px;
	margin:0;
	padding:0;
	list-style:none;
	margin-top:1em;
	}
	#slider7 ul, #slider7 li{
	width : 140px;
	height : 125px;
	margin:0;
	padding:0;
	list-style:none;
	margin-top:1em;
	}

	#slider li{
		margin-top:1em;
		width:484px;
		height:250px;
		overflow:hidden;
		}
	#slider1 li, #slider2 li, #slider3 li, #slider4 li, #slider5 li, #slider6 li, #slider7 li, #slider8 li{
		margin-top:1em;
		width:160px;
		height:125px;
		overflow:hidden;
		border : 0px #000 solid;
		text-align: center;
		}

	#anima ul, #anima li{
		margin-top:1em;
		margin:0;
		padding:0;
		list-style:none;
	}

	#anima li{
		margin-top:0;
		width:350px;
		height:290px;
		overflow:hidden;
		border: 0px #000 solid;
		}
	#prevBtn, #nextBtn,
	#animanext, #animaprev{
		top : 440px;
		display:block;
		width:35px;
		height:32px;
		position:absolute;
		left:670px;
		z-index:1000;
		}
	#nextBtn, #animanext{
		left:850px;
		border : 0px #000 solid;
		}
	#prevBtn a, #nextBtn a,
	#animanext a, #animaprev a{
		display:block;
		position:relative;
		border : 0px #000 solid;
		left: 85px;
		width:35px;
		height:32px;
		background:url(../images/bouton/btn_prev.png) no-repeat 0 0;
		}
	#nextBtn a, #animanext a{
		background:url(../images/bouton/btn_next.png) no-repeat 0 0;
		}

	/* numeric controls */

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		}
	ol#controls li{
		margin:0 10px 0 0;
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


/* // Easy Slider */