@charset "utf-8";
/* CSS Document */

body{
	background-color:#566;
	margin:0;
	padding:0;
}

.cadreglobal{
	position:relative;
	width:850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:#233;
}

.cadreglobalindex{
	position:relative;
	width:850px;
	height:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:#233;
}

.cadreglobalindex2{
	position:relative;
	width:850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:#233;
	margin-bottom:30px;
}

.cadreheader{
	position:relative;
	width:100%;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-color:#566;
}

.cadreheadertitre{
	position:relative;
	color:#C1C2C2;
	font-size:26px;
	line-height:50px;	
	font-family: 'Ubuntu Condensed', 'PT Sans', sans-serif;
}

.cadreheadertitre2{
	text-align:center;
	color:#B1B2B2;
	font-size:32px;
	line-height:26px;	
	font-family: 'Ubuntu Condensed', 'PT Sans', sans-serif;
	margin-bottom:30px;
}

.cadreheadermenu{
	position:absolute;
	right:0;
	width:180px;	
	top:16px;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	color:#ABB;
	z-index:50;
}

.cadrehearderliens{
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#122;
}

.cadrehearderliens:hover{
	color:#ABB;
}

.couleurobjet{
	float:left;
	width:24px;
	height:30px;
	border-right:thin solid #999;
}

.coultemp{
	background-color:#222;
}

.coulbaguettes{
	background-color:#dfd530;
}

.coulaiguille{
	background-color:#d22726;
}

.coularchet{
	background-color:#2b471a;
}

.coulchiffon{
	background-color:#204f9e;
}

.coulfils{
	background-color:#1baa0a;
}

.coulcrin{
	background-color:#7bca7b;
}

.couloptc{
	background-color:#7c0135;
}

.coulplastic{
	background-color:#c47ad4;
}

.coulpeignes{
	background-color:#bf2e4d;
}

.coulpapier{
	background-color:#6d92cf;
}

.coulpinces{
	background-color:#ff93bc;
}

.coultigemetal{
	background-color:#b44f03;
}

.coulorange{
	background-color:#dc6b33;
}

.coulblanc{
	background-color:#fff;
}




/* ACCUEIL */



.texteaccueil{
	width:500px;
	height:460px;
	padding:20px;
	padding-bottom:15px;
	background-image:url(images/fondtransaccueil.png);
}

.texteaccueil2{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background-image:url(images/fondtransaccueil.png);
}

.boutonaccueil{
	width:200px;
	background-color:#666;
	color:#ccc;
	text-align:center;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	line-height:26px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	cursor:pointer;
	border:thin solid #000;
}

.boutonaccueil:hover{
	background-color:#94282C;
}

.bandeaccueil{
	height:130px;
	background-image:url(images/bandaccueil.png);
}

.partitionaccueil{
	margin-top:20px;
	margin-bottom:18px;
	height:350px;
	background-image:url(objetsitu/aiguille.jpg);
	background-position:center;
	background-size: cover;
	border:thin solid #333;
}

.railobjets{
	position:absolute;
	width:220px;
	height:400px;
	right:10px;
	top:138px;
}

.blocobjets{
	float:left;
	width:80px;
	height:50px;
	margin-right:13px;
	margin-bottom:13px;
}

.blocobjetbouton{
	float:left;
	width:80px;
	height:50px;
	cursor:pointer;
}

.blocobjetbouton2{
	float:left;
	width:80px;
	height:50px;
}

.blocobjetimage{
	float:right;
	width:60px;
	height:50px;
	margin-right:0;
	border-left:thin solid #000;
}

.blocvignette{
	width:119px;
	float:left;
	margin-left:-100px;
	text-align:center;
	font-family: 'Ubuntu Condensed', sans-serif;
	letter-spacing:1px;
	font-size:15px;
	line-height:17px;
	display:none;
}

.coulbaguettesaccueil{
	background-color:#cfc520;
	color:#fff;
	padding-top:7px;
	height:43px;
}

.coulorangeaccueil{
	background-color:#dc6b33;
	color:#fff;
	padding-top:7px;
	height:43px;
}

.coultigemetalaccueil{
	background-color:#b44f03;
	color:#fff;
	padding-top:7px;
	height:43px;
}

.coularchetaccueil{
	background-color:#2b471a;
	color:#fff;
	padding-top:16px;
	height:34px;
}

.coulfilsaccueil{
	background-color:#1baa0a;
	color:#fff;
	padding-top:7px;
	height:43px;
}

.coulcrinaccueil{
	background-color:#7bca7b;
	color:#fff;
	padding-top:7px;
	height:43px;
}

.coulchiffonaccueil{
	background-color:#204f9e;
	color:#fff;
	padding-top:16px;
	height:34px;
}

.coulpapieraccueil{
	background-color:#6d92cf;
	color:#fff;
	padding-top:16px;
	height:34px;
}

.coulplasticaccueil{
	background-color:#c47ad4;
	color:#fff;
	padding-top:7px;
	height:43px;
}

.coulpincesaccueil{
	background-color:#ff93bc;
	color:#fff;
	padding-top:7px;
	height:43px;
}

.coulpeignesaccueil{
	background-color:#bf2e4d;
	color:#fff;
	padding-top:16px;
	height:34px;
}

.couloptcaccueil{
	background-color:#7c0135;
	color:#fff;
	padding-top:16px;
	height:34px;
}

.coultempaccueil{
	background-color:#222;
	color:#fff;
	padding-top:16px;
	height:34px;
}

.coulblancaccueil{
	background-color:#fff;
	color:#000;
	padding-top:16px;
	height:34px;
}

.accueilboutons{
	margin-top:25px;
}

.boutonecouter{
	float:left;
	margin-left:20px;
	width:150px;
	background-color:#900;
	color:#CCC;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:11px;
	border: thin solid #000;
	cursor:pointer;
	font-weight:bold;
}

.boutonecouter:hover{
	background-color:#C00;
	color:#FFF;
}

.boutonnote{
	float:right;
	margin-right:20px;
	width:150px;
	background-color:#900;
	color:#CCC;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:11px;
	border: thin solid #000;
	cursor:pointer;
	font-weight:bold;
}

.boutonnote:hover{
	background-color:#C00;
	color:#FFF;
}

.bloknote{
	position:absolute;
	width:500px;
	height:420px;
	top:150px;
	z-index:9999;
	overflow:hidden;
	display:none;
}

.bloktext{
	margin-right:20px;
}

.blokcroix{
	position:absolute;
	left:5px;
	top:15px;
	border:thin solid #333;
	background-color:#555;
	padding:0 5px 0 5px;
	color:#BBB;
	z-index:999999;
	cursor:pointer;
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
}

.blokcroix:hover{
	color:#FFF;
}

.accueillecteurs{
	display:none;
}

.boutonpartition{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:150px;
	background-color:#900;
	color:#CCC;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:13px;
	border: thin solid #000;
	cursor:pointer;
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	letter-spacing:1px;
}

.boutonpartition:hover{
	background-color:#C00;
	color:#FFF;
}




/* LECTEUR */

.textebouton{
	float:left;
	width:150px;
	padding-top:6px;
	padding-bottom:10px;
	text-align:center;
}

.cadreonglets{
	position:absolute;
	width:100%;
	z-index:0;
}

.cadreonglets2{
	float:left;
	width:410px;
	padding-top:20px;
}

.cadreonglets3{
	width:740px;
	height:470px;
	margin-left:auto;
	margin-right:auto;
}

.cadreaccueil2{
	width:740px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:30px;
	color:#bbb;
	text-align:justify;
	font-family:Arial, Times, serif;
	font-size:13px;
	line-height:20px;
	letter-spacing:1px;
}

.cadreaccueil3{
	width:740px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
	color:#bbb;
	text-align:justify;
	font-family:Arial, Times, serif;
	font-size:13px;
	line-height:20px;
	letter-spacing:1px;
}

.cadrenote{
	display:none;
}

.cadrepartition{
	width:740px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
}

.slidebox{
	position:relative;
	width:705px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-left:5px;
	background-image:url(images/bandaccueil.png);
}

.slidebox2{
	position:relative;
	width:700px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

.slideimage{
	float:left;
	padding-right:6px;
	cursor:pointer;
}
	
.slidemoins{
	position:absolute;
	width:20px;
	height:20px;
	left:-20px;
	padding-top:18px;
	font-size:30px;
	cursor:pointer;
	opacity:0.5;
}

.slidemoins:hover{
	opacity:1;
}
	
.slideplus{
	position:absolute;
	width:20px;
	height:20px;
	left:715px;
	padding-top:18px;
	font-size:30px;
	cursor:pointer;
	opacity:0.5;
}

.slideplus:hover{
	opacity:1;
}

.slideblock{
	position:absolute;
	width:4000px;
}

.ongletspoint{
	float:left;
	width:15px;
	padding-top:5px;
	opacity:0.7;
}

.ongletstexte{
	float:right;
	width:165px;
}

.barreonglets2{
	padding-bottom:10px;
	margin-left:0;
}

.texteplus2{
	position:relative;
	width:100%;
	height:60px;
}

.traitonglets{
	height:25px;
	border-bottom:thin solid #999;
	margin-top:30px;
	margin-left:25px;
	width:370px;
	color:#AAA;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	line-height:14px;
	opacity:0;
}

.traitonglets2{
	height:25px;
	border-bottom:thin solid #999;
	margin-top:30px;
	margin-bottom:10px;
	width:370px;
	color:#AAA;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	line-height:14px;
}

.cadrebarre{
	position:relative;
	width:100%;
	background-color:#233;
	border:thin solid #122; 
	color:#CCC;
	margin-top:27px;
	z-index:0;
	cursor:pointer;
}

.ongletgauche{
	position:relative;
	width:175px;
	height:30px;
	margin-left:25px;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	line-height:14px;
	color:#CCC;
	display:block;
	cursor:pointer;
	border:thin solid #999;
	text-align:center;
	background-color:#555;
}

.ongletgauche:hover{
	color:#111;
	background-color:#555;
}

.ongletdroite{
	position:absolute;
	left:220px;
	width:175px;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	line-height:14px;
	color:#CCC;
	display:block;
	cursor:pointer;
	border:thin solid #999;
	text-align:center;
	background-color:#555;
}

.ongletdroite:hover{
	color:#111;
	background-color:#555;
}

.petittexte{
	font-size:13px;
}

.ongletfondbis{
	color:#111;
	background-color:#555;
}

.ongletfondter{
	background-color:#755;
}

.ongletfondter:hover{
	background-color:#866;
}

.ongletretour{
	position:absolute;
	right:0;
	width:175px;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	line-height:14px;
	background-color:#533;
}

.ongletretour:hover{
	background-color:#644;
}

.cadrecentral{
	position:relative;
	width:420px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:70px;
	padding-bottom:15px;
	min-height:600px;
	z-index:1;
	background-color:#122;
	border:thin #233 solid;
}

.cadrecentral2{
	position:relative;
	width:430px;
	margin-left:418px;
	margin-bottom:70px;
	padding-bottom:15px;
	min-height:750px;
	z-index:1;
	background-color:#122;
	border:thin #011 solid;
}

.cadrefiche{
	position:relative;
	width:100%;
	display:none;
	margin-bottom:20px;
}

.titrecentral{
	position:relative;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:18px;
	color:#999;
}

.soustitrecentral{
	position:relative;
	width:100%;
	padding-top:0px;
	padding-bottom:20px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	line-height:15px;
	color:#999;
}

.cadrelecteur{
	position:relative;
	width:360px;
	margin-left:auto;
	margin-right:auto;
}

.flecheupload{
	opacity:0.9;
}

.textecentral,.textecentral1,.textecentral2,.textecentral3,.textecentral4,.textecentral5,.textecentral6,.textecentral7,.textecentral8,.textecentral9,.textecentral10,.textecentral11,.textecentral12,.textecentral13,.textecentral14,.textecentral15{
	position:relative;
	width:370px;
	margin-left:25px;
	padding-top:10px;
	text-align:justify;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	line-height:19px;
	color:#AAA;
	display:none;
}

.textepresentation{
	position:relative;
	width:340px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align:justify;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	line-height:19px;
	color:#AAA;
}

cadretextecentral{
	display:none;
}

.textecentralselect{
	color:#AAA;
}

#plTexte li, #plTexte3 li{
	padding-bottom:20px;
}

.plNumz{
	position:absolute;
	left:0;
}

.plItemz{
	position:relative;
	padding-left:30px;
}
	

.cadreaide{
	position:absolute;
	width:16px;
	height:16px;
	right:10px;
	top:10px;
	border:thin #899 solid;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	line-height:14px;
	color:#899;
	text-align:center;
	display:block;
	cursor:pointer;
	z-index:100;
}



.cadreaide:hover{
	color:#CDD;
}

.iconelecteur{
	float:left;
	margin-right:10px;
	border:thin solid #AAA;
	background-color:#293939;
}
.iconelecteurcolle{
	float:left;
	margin-right:0;
	border:thin solid #AAA;
	border-right:0;
	background-color:#293939;
}

.iconelecteur2{
	float:left;
	margin-right:5px;
	border:thin solid #AAA;
	background-color:#293939;
}

.iconelecteurbis{
	float:left;
	margin-right:5px;
	background-color:#293939;
}

.iconelecteurnoir{
	float:left;
	margin-right:10px;
	border:thin solid #AAA;
	background-color:#293939;
}

.iconelecteurnoircolle{
	float:left;
	margin-right:0px;
	border:thin solid #AAA;
	border-right:0;
	background-color:#293939;
}

.renvoi{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding-bottom:30px;
}


/* LECTEUR */

.court1{
	position:absolute;
	left:6px;
	top:-10px;
	height:4px;
	width:10px;
	background-color:#999;
}

.court2{
	position:absolute;
	left:30px;
	top:-10px;
	height:4px;
	width:10px;
	background-color:#999;
}

.cadreongletsmix{
	float:left;
	width:220px;
	padding-top:20px;
}

.cadrecentralmix{
	position:relative;
	width:630px;
	margin-left:218px;
	margin-bottom:70px;
	padding-bottom:15px;
	min-height:610px;
	z-index:1;
	background-color:#122;
	border:thin #011 solid;
}

.cadremixmenu{
	position:relative;
	width:196px;
	margin-left:18px;
	height:40px;
}

.cadreobjetsmix{
	position:relative;
	width:200px;
	margin-left:22px;
	display:none;
}

.cadreobjmix{
	float:left;
	width:46px;
	height:46px;
	border: thin #899 solid;
	background-color:#394949;
	z-index:100;
	cursor:move;
}

.cadreobjmixzoom{
	z-index:200;
}

.cadreobjmixblock{
	float:left;
	width:46px;
	height:80px;
	margin-right:15px;
	background-image:url(images/fondcarre.png);
	background-repeat:no-repeat;
}

.cadreobjmixtitre{
	float:left;
	border-bottom:thin #889 solid;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	color:#899;
	padding:5px;
	padding-top:0;
	margin-bottom:15px;
	width:160px;
}
	

.boutpictomix{
	float:left;
	width:48px;
	height:20px;
	margin-right:15px;
	margin-top:5px;
	background-image:url(images/flechemix.png);
	cursor:pointer;
	opacity:0.4;
}

.cadrenotes{
	float:left;
	margin-left:25px;
	margin-top:10px;
	width:150px;
}

.cadrenotemono{
	float:left;
	margin-right:20px;
	width:25px;
	height:25px;
	cursor:pointer;
}

.cadrenotemonoselect{
	opacity:0.3;
}

.cadrenoterougebis{
	border:thin #F33 solid;
	box-shadow: 0 0 5px 1px #F33; 
}

.cadrenoterouge{
	border:thin #F33 solid;
	background-image:url(images/note2.jpg);
}

.cadrenotejaunebis{
	border:thin #CF0 solid;
	box-shadow: 0 0 5px 1px #CF0; 
}

.cadrenotejaune{
	border:thin #CF0 solid;
	background-image:url(images/note.jpg);
}

.cadrenotebleuebis{
	border:thin #09F solid;
	box-shadow: 0 0 5px 1px #09F; 
}

.cadrenotebleue{
	border:thin #09F solid;
	background-image:url(images/note3.jpg);
}

.cadrerouge{
	border:thin #F33 solid;	
}

.menumix{
	background-color:#9AA;
	border:none;
	width:175px;
	font-size:13px;
}

.titrecentralmix{
	position:relative;
	width:100%;
	padding-bottom:20px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:18px;
	color:#999;
}

.titrecentralmix2{
	position:relative;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:18px;
	color:#999;
}

.cadresonsnom{
	float:left;
	width:170px;
	text-align:center;
	color:#BBC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:20px;
}

.titrecentralmix3{
	clear:both;
	position:relative;
	width:100%;
	margin-top:340px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:18px;
	color:#999;
}

.cadremixvolume{
	clear:both;
	margin-top:20px;
	margin-left:45px;
	width:150px;
}

.cadremultipiste{
	width:595px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;	
}

.cadrepiste{
	height:70px;
	border: thin #455 solid;
}

.cadrepistenumero{
	position:absolute;
	height:70px;
	width:20px;
	background-color:#454;

	color:#223;
	line-height:70px;
	font-weight:bold;	
	font-family: 'PT Sans', sans-serif;
}

.cadrepistecarre{
	margin-left:15px;
}

.pistecarre{
	float:left;
	width:46px;
	height:46px;
	margin-top:10px;
	margin-left:15px;
	border: thin #455 solid;
	background-color:#011;
}
.pistecarre2{
	float:left;
	width:46px;
	height:46px;
	margin-top:10px;
	margin-left:15px;
	border: thin #455 solid;
	background-color:#293939;
	cursor:no-drop;
}

.pistecarrerouge{
	float:left;
	width:46px;
	height:46px;
	margin-top:10px;
	margin-left:15px;
	border: thin #F33 solid;
	background-color:#293939;
	cursor:no-drop;
	box-shadow: 0 0 5px 1px #F33; 
}

.pistecarrebleu{
	float:left;
	width:46px;
	height:46px;
	margin-top:10px;
	margin-left:15px;
	border: thin #09F solid;
	background-color:#293939;
	cursor:no-drop;
	box-shadow: 0 0 5px 1px #09F; 
}

.pistecarrejaune{
	float:left;
	width:46px;
	height:46px;
	margin-top:10px;
	margin-left:15px;
	border: thin #CF0 solid;
	background-color:#293939;
	cursor:no-drop;
	box-shadow: 0 0 5px 1px #CF0; 
}

.lapistecadre{
	border: thin #899 solid;
}

.lapistecadre2{
	border: thin #455 solid;
}

.boutlecturemix{
	position:relative;
	width:80px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	background-color:#011;
	color:#ABB;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	margin-top:25px;
	display:block;
	cursor:pointer;
	border:thin solid #787;
	text-align:center;
	background-color:#343;
}

.boutbouclemix{
	position:absolute;
	width:70px;
	right:100px;
	padding:2px;
	background-color:#011;
	color:#CCC;
	font-family: 'PT Sans', sans-serif;
	font-size:12px;
	margin-top:20px;
	display:block;
	cursor:pointer;
	border:thin solid #787;
	text-align:center;
	background-color:#930;
	opacity:0.7;
}

.boutbouclemix2{
	opacity:1;
}

.boutlecturemix2{
	position:relative;
	width:80px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	background-color:#011;
	color:#ABB;
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
	margin-top:25px;
	display:block;
	cursor:pointer;
	border:thin solid #787;
	text-align:center;
	background-color:#655;
}

.boutlecturemix:hover{
	background-color:#454;	
}

.mixlecteur{
	display:none;
}

.picto1{
	background-image:url(images/test1.png);
}

.picto2{
	background-image:url(images/test2.png);
}

.picto3{
	background-image:url(images/test3.png);
}

.picto4{
	background-image:url(images/test4.png);
}

.picto5{
	background-image:url(images/test5.png);
}

.picto6{
	background-image:url(images/test6.png);
}

.picto7{
	background-image:url(images/test7.png);
}

.picto8{
	background-image:url(images/test8.png);
}

.picto9{
	background-image:url(images/test9.png);
}

.picto10{
	background-image:url(images/test10.png);
}

.picto11{
	background-image:url(images/test11.png);
}

.picto12{
	background-image:url(images/test12.png);
}

.picto13{
	background-image:url(images/test13.png);
}

.picto14{
	background-image:url(images/test14.png);
}

.picto15{
	background-image:url(images/test15.png);
}

.picto16{
	background-image:url(images/test16.png);
}

.picto17{
	background-image:url(images/test17.png);
}

.picto18{
	background-image:url(images/test18.png);
}

.picto19{
	background-image:url(images/test19.png);
}

.picto20{
	background-image:url(images/test20.png);
}

.picto21{
	background-image:url(images/test21.png);
}

.picto22{
	background-image:url(images/test22.png);
}

.picto23{
	background-image:url(images/test23.png);
}

.picto24{
	background-image:url(images/test24.png);
}

.picto25{
	background-image:url(images/test25.png);
}

.picto26{
	background-image:url(images/test26.png);
}

.picto27{
	background-image:url(images/test27.png);
}

.picto28{
	background-image:url(images/test28.png);
}

.picto29{
	background-image:url(images/test29.png);
}

.picto30{
	background-image:url(images/test30.png);
}

.picto31{
	background-image:url(images/test31.png);
}

.picto32{
	background-image:url(images/test32.png);
}

.picto33{
	background-image:url(images/test33.png);
}

.picto34{
	background-image:url(images/test34.png);
}

.picto35{
	background-image:url(images/test35.png);
}

.picto36{
	background-image:url(images/test36.png);
}

.picto37{
	background-image:url(images/test37.png);
}

.picto38{
	background-image:url(images/test38.png);
}

.picto39{
	background-image:url(images/test39.png);
}

.picto40{
	background-image:url(images/test40.png);
}

.picto41{
	background-image:url(images/test41.png);
}

.picto42{
	background-image:url(images/test42.png);
}

.picto43{
	background-image:url(images/test43.png);
}

.picto44{
	background-image:url(images/test44.png);
}

.picto45{
	background-image:url(images/test45.png);
}

.picto46{
	background-image:url(images/test46.png);
}

.picto47{
	background-image:url(images/test47.png);
}

.picto48{
	background-image:url(images/test48.png);
}

.picto49{
	background-image:url(images/test49.png);
}

.picto50{
	background-image:url(images/test50.png);
}

.picto51{
	background-image:url(images/test51.png);
}

.picto52{
	background-image:url(images/test52.png);
}

.picto53{
	background-image:url(images/test53.png);
}

.picto54{
	background-image:url(images/test54.png);
}

.picto55{
	background-image:url(images/test55.png);
}

.picto56{
	background-image:url(images/test56.png);
}

.picto57{
	background-image:url(images/test57.png);
}

.picto58{
	background-image:url(images/test58.png);
}

.picto59{
	background-image:url(images/test59.png);
}

.picto60{
	background-image:url(images/test60.png);
}

.picto61{
	background-image:url(images/test61.png);
}

.picto62{
	background-image:url(images/test62.png);
}

.picto63{
	background-image:url(images/test63.png);
}

.picto64{
	background-image:url(images/test64.png);
}

.picto65{
	background-image:url(images/test65.png);
}

.picto66{
	background-image:url(images/test66.png);
}

.picto67{
	background-image:url(images/test67.png);
}

.picto68{
	background-image:url(images/test68.png);
}

.picto69{
	background-image:url(images/test69.png);
}

.picto70{
	background-image:url(images/test70.png);
}

.picto71{
	background-image:url(images/test71.png);
}

.picto72{
	background-image:url(images/test72.png);
}

.picto73{
	background-image:url(images/test73.png);
}

.picto74{
	background-image:url(images/test74.png);
}

.picto75{
	background-image:url(images/test75.png);
}

.picto76{
	background-image:url(images/test76.png);
}

.picto77{
	background-image:url(images/test77.png);
}

.picto78{
	background-image:url(images/test78.png);
}

.picto79{
	background-image:url(images/test79.png);
}

.picto80{
	background-image:url(images/test80.png);
}

.picto81{
	background-image:url(images/test81.png);
}

.picto82{
	background-image:url(images/test82.png);
}

.picto83{
	background-image:url(images/test83.png);
}

.picto84{
	background-image:url(images/test84.png);
}

.picto85{
	background-image:url(images/test85.png);
}

.picto86{
	background-image:url(images/test86.png);
}

.picto87{
	background-image:url(images/test87.png);
}

.picto88{
	background-image:url(images/test88.png);
}

.picto89{
	background-image:url(images/test89.png);
}

.picto90{
	background-image:url(images/test90.png);
}

.picto91{
	background-image:url(images/test91.png);
}

.picto92{
	background-image:url(images/test92.png);
}

.picto93{
	background-image:url(images/test93.png);
}

.picto94{
	background-image:url(images/test94.png);
}

.picto95{
	background-image:url(images/test95.png);
}

.picto96{
	background-image:url(images/test96.png);
}

.picto97{
	background-image:url(images/test97.png);
}

.picto98{
	background-image:url(images/test98.png);
}

.picto99{
	background-image:url(images/test99.png);
}

.picto100{
	background-image:url(images/test100.png);
}

.picto101{
	background-image:url(images/test101.png);
}

.picto102{
	background-image:url(images/test102.png);
}

.picto103{
	background-image:url(images/test103.png);
}

.picto104{
	background-image:url(images/test104.png);
}

.picto105{
	background-image:url(images/test105.png);
}

.picto106{
	background-image:url(images/test106.png);
}

.picto107{
	background-image:url(images/test107.png);
}

.picto108{
	background-image:url(images/test108.png);
}

.picto109{
	background-image:url(images/test109.png);
}

.picto110{
	background-image:url(images/test110.png);
}

.picto111{
	background-image:url(images/test111.png);
}

.picto112{
	background-image:url(images/test112.png);
}

.picto113{
	background-image:url(images/test113.png);
}

.picto114{
	background-image:url(images/test114.png);
}

.picto115{
	background-image:url(images/test115.png);
}

.picto116{
	background-image:url(images/test116.png);
}

.picto117{
	background-image:url(images/test117.png);
}

.picto118{
	background-image:url(images/test118.png);
}

.picto119{
	background-image:url(images/test119.png);
}

.picto120{
	background-image:url(images/test120.png);
}

.picto121{
	background-image:url(images/test121.png);
}

.picto122{
	background-image:url(images/test122.png);
}

.picto123{
	background-image:url(images/test123.png);
}

.picto124{
	background-image:url(images/test124.png);
}

.picto125{
	background-image:url(images/test125.png);
}

.picto126{
	background-image:url(images/test126.png);
}

.picto127{
	background-image:url(images/test127.png);
}

.picto128{
	background-image:url(images/test128.png);
}

.picto129{
	background-image:url(images/test129.png);
}

.picto130{
	background-image:url(images/test130.png);
}

.picto131{
	background-image:url(images/test131.png);
}

.picto132{
	background-image:url(images/test132.png);
}

.picto133{
	background-image:url(images/test133.png);
}

.picto134{
	background-image:url(images/test134.png);
}

.picto135{
	background-image:url(images/test135.png);
}

.picto136{
	background-image:url(images/test136.png);
}

.picto137{
	background-image:url(images/test137.png);
}

.picto138{
	background-image:url(images/test138.png);
}

.picto139{
	background-image:url(images/test139.png);
}

.picto140{
	background-image:url(images/test140.png);
}

.picto141{
	background-image:url(images/test141.png);
}

.picto142{
	background-image:url(images/test142.png);
}

.picto143{
	background-image:url(images/test143.png);
}

.picto144{
	background-image:url(images/test144.png);
}

.picto145{
	background-image:url(images/test145.png);
}

#menu {
	cursor:pointer;
	font-family:'Ubuntu Condensed', Helvetica, sans-serif;	
	font-size:13px;
	letter-spacing:1px;
	line-height:20px;
	display:block;   
	color: #aaa;
}

#menu a {
	font-family:'Ubuntu Condensed', Helvetica, sans-serif;	
	font-size:13px;
	letter-spacing:1px;
	line-height:20px;
	display:block;   
	color: #aaa;   
	text-decoration:none;
} 

#menu a:hover {		
	color:#aaa;
}

#menu > li,  
#menu > li li {  
	position: relative;  
	display:inline-block;  
	width: 171px; 
	text-align:center;  
	padding: 5px 5px;
	background-color:#112222;
	z-index:999999999;
}  

#menu > li li { 
	background: #556666;
	border:0px;
}  

#menu > li li a {
	padding:0px;
	font-size:13px;
	color: #fff;
}  

#menu > li li:hover { background:#778888; color: #fff; }  

#menu > li:first-child {  
	border-right: 1px solid #155B91; 
}  

#menu > li + li {    
	border-right: 1px solid #155B91;  
}  

#menu > li:last-child {  
	border-right:0;   
}  

#menu > li:hover {  
	background-image:url(images/fondmenuhover2.png);
	background-repeat:repeat-x;   
}  

#menu ul {  
	position: absolute;  
	top: 30px; left:0;  
	max-height:0em;   
	margin:0; padding:0;
	background-color:#ddd;  
	background-image: linear-gradient(#fff,#ddd);  
	overflow:hidden;  
	transition: 0.4s max-height 0.4s; 
}  

#menu > li:hover ul {  
	/* need an adaptation, lower is better, but see it large   */  
	max-height:42em;  	
}  

.menunoir{
	color:#000;
}







/* Audio Player Styles
================================================== */

.container { position:relative; margin:0; width:360px; }
.column { width:inherit; }

ul,li,audio {
border:0;
font:inherit;
font-size:100%;
margin:0;
padding:0;
vertical-align:baseline;
}

ul { list-style:none; }

.add-bottom { margin-bottom:15px !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }

audio { margin:0; padding-bottom:5px; width:360px; background-color:#122; }
#mainwrap { /* add box-shadow or other styles here */ }
#audiowrap { background-color:#122; margin:0 auto; padding-top:20px; }
#plwrap { margin:0 auto; }
#tracks { min-height:35px; position:relative; text-align:center; text-decoration:none; top:13px; }
#nowPlay { display:inline; }
#npTitle { margin:0; padding:0px; padding-top:10px; padding-bottom:10px; text-align:right; }
#npAction { padding:10px; position:absolute; }
#plList, #plList2, #plList3, #plList4, #plList5, #plList6, #plList7, #plList8, #plList9, #plList10, #plList11, #plList12, #plList13, #plList14, #plList15 { margin:0; color:#666; }
#plList li, #plList2 li, #plList3 li, #plList4 li, #plList5 li, #plList6 li, #plList7 li, #plList8 li, #plList9 li, #plList10 li, #plList11 li, #plList12 li, #plList13 li, #plList14 li, #plList15 li { background-color:#122; cursor:pointer; margin:0; padding:5px 0; padding-bottom:0px; font-family: 'PT Sans', Courier, monospace; font-size:14px; }
#plList li:hover, #plList2 li:hover, #plList3 li:hover, #plList4 li:hover, #plList5 li:hover, #plList6 li:hover, #plList7 li:hover, #plList8 li:hover, #plList9 li:hover, #plList10 li:hover, #plList11 li:hover, #plList12 li:hover, #plList13 li:hover, #plList14 li:hover, #plList15 li:hover { background-color:#122; color:#AAA; }
.plItem { position:relative; }
.plTitle { left:50px; overflow:hidden; position:absolute; right:65px; text-overflow:ellipsis; top:0; white-space:nowrap; }
.plNum { padding-left:7px; width:25px; }
.plLength { position:absolute; right:7px; top:5px; height:25px; }
.plSel,.plSel:hover,.plSel2,.plSel2:hover,.plSel3,.plSel3:hover,.plSel4,.plSel4:hover,.plSel5,.plSel5:hover,.plSel6,.plSel6:hover,.plSel7,.plSel7:hover,.plSel8,.plSel8:hover,.plSel9,.plSel9:hover,.plSel10,.plSel10:hover,.plSel11,.plSel11:hover,.plSel12,.plSel12:hover,.plSel13,.plSel13:hover,.plSel14,.plSel14:hover,.plSel15,.plSel15:hover  { background-color:#122!important; cursor:default!important; color:#AAA; }
a[id^="btn"] { background-color:#122; color:#C8C7C8; cursor:pointer; font-size:50px; margin:0; padding:0 27px 11px; text-decoration:none; }
a[id^="btn"]:last-child { margin-left:-4px; }
a[id^="btn"]:hover,a[id^="btn"]:active { background-color:#122; }
a[id^="btn"]::-moz-focus-inner { border:0; padding:0; }