*{
	padding:0px;
	margin:0px;
}
/*Style de la page, body est surtout utilisé pour la couleur du fond*/
body{
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 34%, rgba(69,72,77,1) 100%) no-repeat center center fixed; /* FF3.6+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 34%,rgba(69,72,77,1) 100%) no-repeat center center fixed; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,1) 34%,rgba(69,72,77,1) 100%) no-repeat center center fixed; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,1) 34%,rgba(69,72,77,1) 100%) no-repeat center center fixed; /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 34%,rgba(69,72,77,1) 100%) no-repeat center center fixed; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a img
{
border: none;
}

/*Style de l'entête, positionnement du titre, style de police et du logo*/
#header{
	color:white;
	/*padding-left:100px;
	padding-right:100px;*/
	padding-top:30px;
	margin-bottom: 20px;

	font-family: "Gill Sans MT";
	font-stretch : condensed;
}
/*Style du titre, taille de la police du titre*/

#header h1{
	font-size: 70px;

}
/*Style de la barre d'informations, positionnement de la barre, couleur de la barre*/
#barre{
	position:relative;
	background: #edbd7b; /* Old browsers */
	background: -moz-linear-gradient(top, #edbd7b 0%, #fccd4d 50%, #f8b500 65%, #f9a62a 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edbd7b', endColorstr='#f9a62a',GradientType=0 ); /* IE6-9 */	
	padding-bottom:3px;
	padding-left: 20px;
	padding-right: 130px;
	top:0px;
	right:0px;
	font-size: 22px;
	min-width:900px;
	height:30px;
}

/*Style du bouton de déconnection, position*/
.deconnecter{
	position:relative;
	overflow:visible;
	top:-40px;
}
.decotext {
	position:relative;
	left:-70px;
}




/*Style de toute la police du site*/
#all{
	font-family: "Arial";
	font-stretch : condensed;
}
/*Style des onglets principaux*/
#content{
	background-color:#feb729;
	min-height:500px;
	border-radius: 0px 5px 5px 5px;
	padding-top:10px;
	padding-bottom:10px;
}
/*Style du contenu des onglets principaux*/
@font-face {
	font-family: 'Gill Sans MT';
	src: url('GILC____.TTF');
}


#content2{
	background-color:white;
	/*height:490px;*/
	border-radius: 5px 5px 5px 5px;
	margin-left: auto;
	margin-right: auto;
	width: 860px;
	padding:10px;
	font-size: 20px;
	font-family: "Gill Sans MT";

	
}
/*Style du pied de page*/
#footer{
	position: relative;
	font-size: 12px;
	text-align:right;
	color:grey;
	margin-bottom: 20px;
}

#footer2{
	position: relative;
	font-size: 12px;
	text-align:center;
	color:grey;
	margin-bottom: 20px;
}
/*largeur de l'entête et du pied de page*/
#header, #footer{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
/*-------ONGLETS----------*/
#wrapper{
	position:relative;
	width:1000px;
	margin:10px auto 20px auto;
	overflow:hidden;
}

ul.tabs {
    font : 20px Arial;
    list-style-type : none;
    padding-bottom : 36px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    margin-left : 0;
	margin-top:40px;
}
#li{
    float : left;
	text-align:center;
    height : 34px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #575858;
    margin : 7px 1px 0 0px !important;  /* Pour les navigateurs autre que IE */
    margin : 7px 1px 0 0px;  /* Pour IE  */
	border-radius: 5px 5px 0 0;
	width: 200px;
	overflow: hidden;
}

#tools{
    float : left;
	text-align:center;
    height : 34px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
	background-color: #feb729;
    margin : 7px 0px 0 0px !important;  /* Pour les navigateurs autre que IE */
    margin : 7px 0px 0 0px;  /* Pour IE  */
	border-radius: 5px 5px 0 0;
	width: 200px;
	overflow: hidden;
}

.mix{
    list-style-type : none;
}

#li.active
{
  background-color: #feb729;
}

#li a {
    display : block;
    color : white;
    text-decoration : none;
    padding : 4px;
}
#li.active a{
    display : block;
    color : #FFFFFF;
    text-decoration : none;
    padding : 4px;
}

#li a:hover {
	background: grey;
	color:white;
	border-radius: 5px 5px 0 0;
}
#li.active a:hover {
	background: #feb729;color:white;
	border-radius: 5px 5px 0 0;
}


.tab-container {
	border-radius: 0px 0px 5px 5px;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #feb729;
}

/*Style des onglets principaux*/
#content {
	font-size: 1.2em;
	background-color:#FFFBE6;
	padding:10px;
	margin:10px;
	border-radius: 5px 5px 5px 5px;
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

.visiteur{
    border: 5px solid rgb(254, 183, 41);
    border-radius: 5px;
    clear: both;
    bottom: 200px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(254, 183, 41);
}

#contentvisiteur{
	font-size: 1.2em;
	font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
	padding: 10px;
	background-color: white;
	border-radius: 5px;
}

/*Style des tableaux pour le suivi de commande*/
table{
	width: 100%;
	
}
table  tr,td{
	text-align:center;
	border-radius: 5px 5px 5px 5px;
}
#detailCom td{
	text-align:left;
	position:relative;
	background: #edbd7b; /* Old browsers */
	background: -moz-linear-gradient(top, #edbd7b 0%, #fccd4d 50%, #f8b500 65%, #f9a62a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edbd7b), color-stop(50%,#fccd4d), color-stop(65%,#f8b500), color-stop(100%,#f9a62a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edbd7b', endColorstr='#f9a62a',GradientType=0 ); /* IE6-9 */	padding:2px;
	padding-left:5px;
}
#detailArt{background-color:#E9E9E5;}
#statut{
	width:20%;
	background-color:white;
	border-bottom: solid #E9E9E5 3px ;
	border-radius: 0px 0px 10px 10px ;
}
#detail{
	position:relative;
	background: #edbd7b; /* Old browsers */
	background: -moz-linear-gradient(top, #edbd7b 0%, #fccd4d 50%, #f8b500 65%, #f9a62a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edbd7b), color-stop(50%,#fccd4d), color-stop(65%,#f8b500), color-stop(100%,#f9a62a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edbd7b', endColorstr='#f9a62a',GradientType=0 ); /* IE6-9 */	padding-bottom:3px;
}
#artTab:nth-child(2n+1){
	background-color:#FEF1D2;
}
#artTab:nth-child(2n+2){
	background-color:#FEF9F2;
}
#pu{width: 120px;}
#lib{width: 300px;}
#qte{width: 120px;}
#pt{width: 120px;}


/*Style du tableaux de récapitulatif lorsque l'on passe une commande*/
#newcomm {
	padding:3px;
}

#newcomm tr:nth-child(2n+2){
	background-color:#FEF1D2;
}

#newcomm tr:nth-child(2n+1){
	background-color:#FEF9F2;
}
#newcomm  th{
	border: solid white 1px ;
	position:relative;
	background: #edbd7b; /* Old browsers */
	background: -moz-linear-gradient(top, #edbd7b 0%, #fccd4d 50%, #f8b500 65%, #f9a62a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edbd7b), color-stop(50%,#fccd4d), color-stop(65%,#f8b500), color-stop(100%,#f9a62a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #edbd7b 0%,#fccd4d 50%,#f8b500 65%,#f9a62a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edbd7b', endColorstr='#f9a62a',GradientType=0 ); /* IE6-9 */	padding-bottom:3px;	border-radius: 5px 5px 5px 5px;
}
#titleCom{
	border-bottom: solid #ffc54f 2px ;
	padding-right:10px;
	border-radius: 0px 0px 30px 0px;
}
/*Style du formulaire de création de commande*/
#qteCree{
	background-color:#FFDD80;
	border: solid #ffc54f 2px ;
	border-radius: 5px 0px 25px 5px;
	color:black;
	margin-right:5px;
}
#puCree{
	background-color:#FFDD80;
	border: solid #ffc54f 2px ;
	border-radius: 5px 0px 25px 5px;
	color:black;
	margin-left:40px;
	margin-right:5px;
}
#uniteCree{
	background-color:#FFDD80;
	border: solid #ffc54f 2px ;
	border-radius: 5px 0px 25px 5px;
	color:black;
	margin-right:5px;
}
#commentCree{
	background-color:#FFDD80;
	border: solid #ffc54f 2px ;
	border-radius: 5px 0px 25px 5px;
	color:black;
	margin-right:5px;
}
#artCree{
	
	background-color:#FFDD80;
	border: solid #ffc54f 2px ;
	border-radius: 0px 0px 25px 5px;
	color:black;
	margin-right:5px;
}
#fournCree{
	background-color:#FFDD80;
	border: solid #ffc54f 2px ;
	border-radius: 5px 0px 25px 5px;
	color:black;
	margin-right:5px;
}
#sousTotal{

	background-color:#FFDD80;
	border: solid #ffc54f 2px ;
	border-radius: 5px 0px 25px 5px;
	color:black;
	margin-right:5px;
	width:35%;

}
#tabl {
	float: left;
	margin: 10px 0px 10px 0px;
	border: solid white 1px;
	font-size: 0.7em;
}


#tabl2 {
	float: left;
	margin: 10px 0px 10px 0px;
	border: solid white 1px;
	font-size: 0.7em;
}

#tabl3 {
	float: left;
	margin: 10px 0px 10px 0px;
	border: solid white 1px;
	font-size: 0.7em;
}

#tabl4 {
	float: left;
	margin: 10px 0px 10px 0px;
	border: solid white 1px;
	font-size: 0.7em;
}

span {
	display:inline-block;
}

tr.row1fournisseurs:hover {

}


tr.row2fournisseurs:hover {
	background-color:#7CB7E8;
}


.row2fournisseurs:nth-child(2n+1){
	background-color:#FEF1D2;
}

.row2fournisseurs:nth-child(2n+2){
	background-color:#FEF9F2;
}

.row1fournisseurs{
	background-color:#E9E9E5;

}
a.infobulle{
    position:relative;
    z-index:24; 
    color:#000;
    text-decoration:none}

a.infobulle:hover{z-index:25; }

a.infobulle span{display: none}

a.infobulle:hover span{
/*le contenu de la balise span ne
sera visible que pour l'état a:hover */
	display:block;
	position:absolute;
	font-size: 0.6em;
	top:2em; left:2em; width:15em;
	border:1px solid orange;
	background-color:#eeeeee; color:orange;
	text-align: justify;
	font-weight:none;
	padding:1px;
}


/*---- CSS POUR ADMINISTER ---- */

#tdadmin{
	background:#FFDD80;
	border: solid #ffc54f 2px ;
	color:black;
	width:25%;
	/*padding: 0px 70px 0px 70px; */
	margin-right:5px;
	text-decoration:none;
}

#linkfourni{
	color:black;
	text-decoration:none;
}
#linkproduit{
	color:black;
	text-decoration:none;
}#linkusers{
	color:black;
	text-decoration:none;
}#linksite{
	color:black;
	text-decoration:none;
}

#tdadmin.activee{
	background:#FEF1D2;
}
/*
#linkproduit.activee{
	background:#FEF1D2;
}

#linkusers.activee{
	background:#FEF1D2;
}

#linksite.activee{
	background:#FEF1D2;
}
*/
#admiajout{
	background: #FFDD80;
	border: solid #ffc54f 2px ;

	text-shadow: 1px 1px white;
	color:black;
	padding: 0px 103px 0px 104px; 
	margin:0px 0px 0px 300px;
	text-decoration:none;
}

/*----- FORMULAIRE UTILISATEUR -----*/
/* Ecart de 12px entre chaque label */

.h2edit{
	position:relative;
	top: 25px;
	text-align:center;
	
	background: #FFDD80;
	border: solid #ffc54f 2px ;

	text-shadow: 1px 1px white;
	color:black;
	margin: 0px 200px 0px 200px; 
	
	text-decoration:none;

}

.editdata{
	position:relative;
}


/* A gauche */
#editnomuser{
	top:40px;
	
}

#editnomuserinput{
	top:40px;	
}

#checkNomUser{
	top:42px;
	left:15px;
}

#editpassworduser{
	top:52px;	
}

#editpassworduserinput{
	top:52px;
	left:20px;
}

#checkPasswordUser{
	top:54px;
	left:35px;
}

#editfullnameuser{
	top:64px;
}

#editfullnameuserinput{
	top:64px;
	left:19px;
}

#checkFullNameUser{
	top:66px;
	left:34px;
}

#editrankuser{
	top:76px;
}

#editrankuserinput{
	top:76px;
	left:98px;
}

#checkRankUser{
	top:78px;
	left:113px;
}

#editcpuser{
	top:88px;
}

#editcpuserinput{
	top:88px;
	left:34px;
}

#checkCPUser{
	top:90px;
	left:49px;
}

#editvilleuser{
	top:100px;
}

#editvilleuserinput{
	top:100px;
	left:104px;
}

#checkVilleUser{
	top:102px;
	left:119px;
}

#editcodesite{
	bottom:74px;
}

#editcodesiteinput{
	bottom:74px;
	left:66px;
}

#checkCodeSite{
	bottom:72px;
	left:81px;
}

/* A droite */

#editpaysuser{
	bottom:146px;
	left:500px;
}

#editpaysuserinput{
	bottom:146px;
	left:576px;
}

#checkPaysUser{
	bottom:144px;
	left:591px;
}

#edittelephoneuser{
	bottom:134px;
	left:500px;
}

#edittelephoneuserinput{
	bottom:134px;
	left:520px;
}

#checkTelephoneUser{
	bottom:132px;
	left:535px;
}

#editfaxuser{
	bottom:122px;
	left:500px;
}

#editfaxuserinput{
	bottom:122px;
	left:585px;
}

#checkFaxUser{
	bottom:120px;
	left:600px;
}

#edittvauser{
	bottom:110px;
	left:500px;
}

#edittvauserinput{
	bottom:110px;
	left:554px;
}

#checkTVAUser{
	bottom:108px;
	left:569px;
}

#editsiretuser{
	bottom:98px;
	left:500px;
}

#editsiretuserinput{
	bottom:98px;
	left:551px;
}

#checkSiretUser{
	bottom:96px;
	left:566px;
}

#editbpuser{
	bottom:86px;
	left:500px;
}

#editbpuserinput{
	bottom:86px;
	left:500px;
}

#checkBPUser{
	bottom:84px;
	left:515px;
}

#editutilisateurmodifutil{
	bottom:35px;
	left:320px;
	padding:5px;
	
	background: #FFDD80;
	border: solid #ffc54f 2px ;

	text-shadow: 1px 1px white;
	color:black;
	cursor:pointer;	
}

#editutilisateurannuler{
	bottom:35px;
	left:400px;
	padding:5px;
	
	background: #FFDD80;
	border: solid #ffc54f 2px ;

	text-shadow: 1px 1px white;
	color:black;
	cursor:pointer;
}


/*----- FORMULAIRE PRODUIT -----*/
/* A gauche */



#labcode_article{
	top:40px;
	
}

#code_article{
	top:40px;	
	left:30px;
}

#checkCodeArticle{
	top:42px;
	left:45px;
}

#labname{
	top:52px;
}

#name_prod{
	top:52px;
	
}

#checkName{
	top:54px;
	left:15px;
}

#labshortname{
	top:64px;
}

#shortname_prod{
	top:64px;
	left:21px;
}

#checkShortName{
	top:66px;
	left:36px;
}


#labunit{
	top:76px;
}

#unit{
	top:76px;
	left:94px;
}

#checkUnite{
	top:78px;
	left:109px;
}

#labancienprix1{
	bottom:34px;
}

#ancienprix_1{
	bottom:34px;
	left:12px;
}

#labancienprix2{
	bottom:22px;
}

#ancienprix_2{
	bottom:22px;
	left:12px;
}

/* A droite */

#labeditfourni{
	bottom:80px;
	left:500px;
}

#selecteditfourni{
	bottom:80px;
	left:545px;
}

#checkFournisseur{
	bottom:78px;
	left:560px;
}

#labprix{
	bottom:68px;
	left:500px;
}

#prix_prod{
	bottom:68px;
	left:620px;
}

.checkPrixAdd{
	position:relative;
	bottom:66px;
	left:635px;
}
.checkPrixEdit{
	position:relative;
	bottom:66px;
	left:497px;
}

#labunitesecondaire{
	bottom:56px;
	left:500px;
}

#unite_secondaire{
	bottom:56px;
	left:500px;

}

#checkUniteSecond{
	bottom:54px;
	left:515px;
}

#labration{
	bottom:44px;
	left:500px;
}

#ratio{
	bottom:44px;
	left:609px;
}

#checkRatio{
	bottom:42px;
	left:624px;
}

#labancienprix3{
	bottom:92px;
	left:500px;
}

#ancienprix_3{
	bottom:92px;
	left:525px;
}

#labancienprix4{
	bottom:80px;
	left:500px;
}

#ancienprix_4{
	bottom:80px;
	left:525px;
}

#editproduitmodifutil{
	/*bottom:25px;
	left:320px;*/
	padding:5px;
	margin:50px;
	background: #FFDD80;
	border: solid #ffc54f 2px ;

	text-shadow: 1px 1px white;
	color:black;
	cursor:pointer;	
}
/*
#editproduitannuler{
	bottom:25px;
	left:400px;
	padding:5px;
	margin:50px;
	background: #FFDD80;
	border: solid #ffc54f 2px ;

	text-shadow: 1px 1px black;
	color:white;
	cursor:pointer;
}*/

#editproduitgraph{
	bottom:25px;
	left:420px;
	padding:5px;
	
	background: #FFDD80;
	border: solid #ffc54f 2px ;
	
	text-shadow: 1px 1px white;
	color:black;
	cursor:pointer;
}

#retourgraph{
	padding:5px;
	padding-top:-5px;
	background: #FFDD80;
	border: solid #ffc54f 2px ;
	font-size:11px;
	text-shadow: 1px 1px white;
	color:black;
	cursor:pointer;
}

/*----- FORMULAIRE FOURNISSEURS -----*/
#formfourn label{
	display: block;
	width: 200px;
	float: left;
}

/* A gauche */
#left{
    display: inline-block;
	width: 500px;
    vertical-align: top;
}

/* A droite */
#right{
    display: inline-block;
    vertical-align: top;
}

/*----- FORMULAIRE CONNEXION -----*/

#connexion label{
	display: block;
	width: 140px;
	float: left;
	text-align: right;
	margin-right: 10px;
}

#Grid .mix{
    opacity: 0;
    display: none;
}

/* MIXITUP */

.drop_down{
	display: inline-block;
	width: 107px;
	height: 31px;
	line-height: 30px;
	padding: 0 8px;
	background: #c3bdb8;
	vertical-align: middle;
	margin-right: 10px;
	color: #f9f6f0;
	text-transform: uppercase;
	cursor: pointer;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.drop_down{
	width: auto;
	margin: 0 30px 0px 20px;
	background: none;
	color: #c3bdb8;
	padding: 0;
	position: relative;
	letter-spacing: 2px;
	z-index: 999;
}

.drop_down span{
	position: relative;
	padding-right: 20px;
}

.drop_down span::after,
.drop_down span::before{
	position: absolute;
	top: 8px;
	right: 3px;
	display: block;
	content: '';
	border: 6px solid transparent;
	border-top: 7px solid #c3bdb8;
}

.drop_down span::before{
	top: 6px;
	border-top-color: #f9f6f0;
	z-index: 10;
}

.drop_down:hover span::after{
	border-top-color: #333;
}

.drop_down ul{
	position: absolute;
	opacity: 0;
	height: 300;
	right: -3px;
	background: #fff;
	padding: 10px;
	min-width: 120px;
	text-align: right;
	overflow: scroll;
	
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.drop_down:hover ul{
	opacity: 1;
	min-height:300px;
	max-height: 800px;
}

.drop_down:hover span{
	color: #333;
}

.drop_down li{
	display: block;
	text-transform: none;
	color: #808080;
	font-weight: 300;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 0;
	margin-bottom: 10px;
	
	-webkit-transition: all 150ms;
	-moz-transition: all 150ms;
	-ms-transition: all 150ms;
	transition: all 150ms;
}

.drop_down li:after{
	content: '';
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	top: 1px;
	margin-left: 6px;
	border: 1px solid #ccc;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.drop_down li:last-of-type{
	margin: 0;
}

.drop_down li:hover{
	color: #59514c;
}

.drop_down li.active{
	color: #e96d51;
	font-weight: 400;
}

.drop_down li.active:after{
	background: #e96d51;
	border-color: #e96d51;
}

/* FAIL ELEMENT */



.fail_element{
	opacity: 0;
	text-align: center;
	display: none;
	color: rgb(195, 189, 184);
	font-size: 16px;
}

.fail .fail_element{
	opacity: 1;
	display: block;

}

/* LIST VIEW STYLES */


#Parks.list .mix{
	display: none;
	opacity: 0;
}

/* OUTILS */
#outils{
	position:absolute;
	background-color:red;
	margin-top: 200px;
	margin-left: 20px;
	display: inline;
}

#page{
	position:relative;
}