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

/* => FIL D'ARIANE ***************************************************************************/
	
	#main .page .ariane {
		display:block;
		position:absolute;
		float:left;
		clear:both;
		width:340px;
		height:50px;
		margin:0;
		padding:0;
		z-index:999;
	}
	#main .page .ariane.fix {
		position:fixed;
		top:0 !important;
	}
	@media screen and (max-width: 719px) {
	#main .page .ariane {
		width:100%;
	}
	}
		
		/* Niveau n°1 */
		#main .page .ariane ul.ariane-niv1 {
			display:block;
			position:relative;
			float:left;
			width:100%;
			margin:0;
			padding:0;
			list-style:none;
		}
			#main .page .ariane ul.ariane-niv1 li.ariane-niv1-2 {
				display:block;
				position:relative;
				list-style:none;
				float:left;
				margin:0;
				padding:0;
				width:auto;
				height:50px;
			}
				#main .page .ariane ul.ariane-niv1 #ariane-liens-externes a.btn {
					display:block;
					position:relative;
					float:left;
					width:40px;
					height:50px;
					background-image:url("../../img/ariane/bouton-niv1.jpg");
					background-position:0 0;
					background-repeat:no-repeat;
					/**/cursor:pointer;
				}
				#main .page .ariane ul.ariane-niv1 #ariane-liens-externes._OVER a.btn {
					background-position:0 -50px;
				}
				#main .page .ariane ul.ariane-niv1 #ariane-liens-internes a.btn {
					display:block;
					position:relative;
					float:left;
					margin:0;
					padding:15px 0 15px 50px;
					width:300px;
					height:50px;
					overflow:hidden;
					background-image:url("../../img/ariane/bouton-niv1.jpg");
					background-position:-80px 0;
					background-repeat:no-repeat;
					background-color:#9a0000;
					font-family:Arial, sans-serif;
					font-size:14px;
					color:#FFFFFF;
					text-decoration:none;
					/**/cursor:pointer;
					white-space:nowrap;
					text-overflow:ellipsis;
				}
				#main .page .ariane ul.ariane-niv1 #ariane-liens-internes._OVER a.btn {
					color:#9a0000;
					background-position:-80px -50px;
					background-color:#f2f2f2;
				}
				#main .page .ariane ul.ariane-niv1 #ariane-liens-internes.TOP_ONLY {
					width:40px;
					overflow:hidden;
				}
				#main .page .ariane ul.ariane-niv1 #ariane-liens-internes.TOP_ONLY a.btn {
					background-position:-40px 0;
				}
				#main .page .ariane ul.ariane-niv1 #ariane-liens-internes.TOP_ONLY._OVER a.btn {
					background-position:-40px -50px;
				}
		
		/* Niveau n°2 */
		#main .page .ariane ul.ariane-niv2 {
			display:none;
			position:absolute;
			list-style:none;
			margin:50px 0 0 0;
			padding:0;
		}
		#main .page .ariane li._OVER ul.ariane-niv2 { display:block; }
			#main .page .ariane ul.ariane-niv2 li.ariane-niv2-2 {
				display:block;
				position:relative;
				list-style:none;
				float:left;
				clear:both;
				margin:0;
				padding:0;
				width:auto;
				height:40px;
			}
				#main .page .ariane ul.ariane-niv2 li.ariane-niv2-2 a {
					display:block;
					position:relative;
					float:left;
					margin:0;
					padding:10px 0 10px 30px;
					width:auto;
					height:40px;
					overflow:hidden;
					font-family:Arial, sans-serif;
					font-size:14px;
					text-decoration:none;
					cursor:pointer;
					white-space:nowrap;
					text-overflow:ellipsis;
				}
				#main .page .ariane #ariane-liens-externes ul.ariane-niv2 li.ariane-niv2-2 a {
					width:340px;
					padding-left:20px;
					color:#FFFFFF;
					background-color:#212121;
					border-top:solid 1px #333333;
				}
				@media screen and (max-width: 719px) {
				#main .page .ariane #ariane-liens-externes ul.ariane-niv2 li.ariane-niv2-2 a {
					width:100%;
				}
				}
				#main .page .ariane #ariane-liens-externes ul.ariane-niv2 li.ariane-niv2-2 a._OVER {
					background-color:#9a0000;
				}
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.ariane-niv2-2 a {
					width:300px;
					color:#000000;
					border-top:solid 1px #cccccc;
					background-image:url("../../img/ariane/bouton-niv2.jpg");
					background-repeat:no-repeat;
					background-color:#f2f2f2;
				}
				@media screen and (max-width: 719px) {
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.ariane-niv2-2 a {
					width:100%;
				}
				}
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.ON a {
					color:#FFFFFF !important;
					background-color:#9a0000 !important;
					background-position:0 -160px;
				}
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.TOP a {
					background-position:0 0;
				}
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.TOP.ON a,
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.TOP._OVER a {
					background-position:0 -40px;
				}
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.UP a {
					background-position:0 -80px;
				}
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.UP._OVER a {
					background-position:0 -120px;
				}
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.DOWN a {
					background-position:0 -200px;
				}
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li.DOWN._OVER a {
					background-position:0 -240px;
				}
				#main .page .ariane #ariane-liens-internes ul.ariane-niv2 li._OVER a {
					color:#FFFFFF !important;
					background-color:#9a0000 !important;
				}
				
/* => FIL D'ARIANE ***************************************************************************/
