@charset "UTF-8";

/*****************************/
/**   Paramètres généraux  **/
/****************************/

	/* Mis à zéro des listes */


	.Menu_0, .Menu_0 ul, .Menu_0 li {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.Menu_0 {
		z-index: 15;
		width: 1200px;
		margin: 0px auto;
		text-align: right;
	}

	/*Placement du Menu */
	.Menu_0 li {
		float: left;
	}

	.Menu_0 li, .Menu_0 li a, .Menu_0 li a:active, .Menu_0 li a:visited {
		font-family: 'AccidentalPresidency', Helvetica, Arial, sans-serif;
		font-size: 30px;
		text-transform: uppercase;
		color: #FFFFFF;
		text-decoration: none;
	}

	.Menu_0 li a:hover, .Menu_0 li a:focus, .Menu_0 li.Selected, .Menu_0 li.Selected a {
		left: auto;
		color: #999999;
		text-decoration: none;
	}

	.Menu_0 li:hover > ul, .Menu_0 li.sfhover > ul {
		left: auto;
		text-decoration: none;
	}

	.Menu_0 li a {
		display: block;
		height: 38px;
		padding-top: 2px;
		overflow: hidden;
		margin-left: 46px;
	}

	.Menu_0 li.First a {
		margin-left: 0;
	}

	.Menu_0 li.Menu_home, .Menu_0 li.Menu_home a {
		background: url(menu/scc_img_home_off.png) no-repeat 0 5px;
		width: 30px;
	}

	.Menu_0 li.Menu_home a:hover, .Menu_0 li.Menu_home a:focus, .Menu_0 li.Menu_home.Selected a, .Menu_0 li.Menu_home.Selected {
		background: url(menu/scc_img_home_on.png) no-repeat 0 5px;
	}

	/*** changement de couleur ****/

	body.activity-1 .Menu_0 li a:hover, body.activity-1 .Menu_0 li a:focus, body.activity-1 .Menu_0 li.Selected, body.activity-1 .Menu_0 li.Selected a {
		color: #E7C25D;
	}

	body.activity-4 .Menu_0 li a:hover, body.activity-4 .Menu_0 li a:focus, body.activity-4 .Menu_0 li.Selected, body.activity-4 .Menu_0 li.Selected a {
		color: #DDDDDD;
	}

	body.activity-2 .Menu_0 li a:hover, body.activity-2 .Menu_0 li a:focus, body.activity-2 .Menu_0 li.Selected, body.activity-2 .Menu_0 li.Selected a {
		color: #FBB756;
	}

	body.activity-6 .Menu_0 li a:hover, body.activity-6 .Menu_0 li a:focus, body.activity-6 .Menu_0 li.Selected, body.activity-6 .Menu_0 li.Selected a {
		color: #999999;
	}

	body.activity-5 .Menu_0 li a:hover, body.activity-5 .Menu_0 li a:focus, body.activity-5 .Menu_0 li.Selected, body.activity-5 .Menu_0 li.Selected a {
		color: #C31C27;
	}

	body.activity-7 .Menu_0 li a:hover, body.activity-7 .Menu_0 li a:focus, body.activity-7 .Menu_0 li.Selected, body.activity-7 .Menu_0 li.Selected a {
		color: #999999;
	}

	body.activity-9 .Menu_0 li a:hover, body.activity-9 .Menu_0 li a:focus, body.activity-9 .Menu_0 li.Selected, body.activity-9 .Menu_0 li.Selected a {
		color: #DAC9AB;
	}

	body.activity-10 .Menu_0 li a:hover, body.activity-10 .Menu_0 li a:focus, body.activity-10 .Menu_0 li.Selected, body.activity-10 .Menu_0 li.Selected a {
		color: #3B813B;
	}

	body.activity-12 .Menu_0 li a:hover, body.activity-12 .Menu_0 li a:focus, body.activity-12 .Menu_0 li.Selected, body.activity-12 .Menu_0 li.Selected a {
		color: #2B81A1;
	}


/*****************************/
/******   Sous-Menus    *****/
/****************************/

	.Menu_0 li ul {
		position: absolute;
		left: -999em;
		z-index: 40;
		color: #FFF;
		margin-left: 30px;
	}

	.Menu_0 li ul li {
		float: none;
		-width: 150px;
		color: #FFF;
		min-width: 150px;
	}

	.Menu_0 li ul a {
		font-size: 18px;
		color: #FFF;
		height: inherit;
		text-align: left;
		padding: 3px 10px 3px 10px;
		float: none;
	}

	/* Définition des sous-menus */

	.Menu_0 li ul li a, .Menu_0 li ul li a:active, .Menu_0 li ul li a:visited, .Menu_0 li.Selected ul.Menu_1 li a {
		margin: 0px;
		display: block;
		color: #FFF;
		font-size: 30px;
	}
	.Menu_1 li ul li a, .Menu_1 li ul li a:active, .Menu_1 li ul li a:visited, .Menu_1 li.Selected ul.Menu_2 li a {
		font-size: 18px;
	}
	.Menu_1 li ul.Menu_2 {
		margin-left: 0;
		display: inline-block;
		float: right;
		top: 0px;

	}


	/*** changement de couleur ***/

	body .Menu_0 li ul {
		background: #999999;
	}

	body.activity-1 .Menu_0 li ul {
		background: #E7C25D;
	}

	body.activity-4 .Menu_0 li ul {
		background: #DDDDDD;
	}

	body.activity-2 .Menu_0 li ul {
		background: #FBB756;
	}

	body.activity-6 .Menu_0 li ul {
		background: #999999;
	}

	body.activity-5 .Menu_0 li ul {
		background: #C31C27;
	}

	body.activity-7 .Menu_0 li ul {
		background: #999999;
	}

	body.activity-9 .Menu_0 li ul {
		background: #DAC9AB;
	}

	body.activity-10 .Menu_0 li ul {
		background: #3B813B;
	}

	body.activity-12 .Menu_0 li ul {
		background: #2B81A1;
	}
	/*** Sous-Menu hover ****/

	body .Menu_0 li ul li a:hover, body .Menu_0 li ul li a:focus {
		text-decoration: none;
		color: #999999;
		background: #FFFFFF;
	}

	body.activity-1 .Menu_0 li ul li a:hover, body.activity-1 .Menu_0 li ul li a:focus {
		color: #E7C25D;
	}

	body.activity-4 .Menu_0 li ul li a:hover, body.activity-4 .Menu_0 li ul li a:focus {
		color: #DDDDDD;
	}

	body.activity-2 .Menu_0 li ul li a:hover, body.activity-2 .Menu_0 li ul li a:focus {
		color: #FBB756;
	}

	body.activity-6 .Menu_0 li ul li a:hover, body.activity-6 .Menu_0 li ul li a:focus {
		color: #999999;
	}

	body.activity-5 .Menu_0 li ul li a:hover, body.activity-5 .Menu_0 li ul li a:focus {
		color: #C31C27;
	}

	body.activity-7 .Menu_0 li ul li a:hover, body.activity-7 .Menu_0 li ul li a:focus {
		color: #999999;
	}

	body.activity-9 .Menu_0 li ul li a:hover, body.activity-9 .Menu_0 li ul li a:focus {
		color: #DAC9AB;
	}

	body.activity-10 .Menu_0 li ul li a:hover, body.activity-10 .Menu_0 li ul li a:focus {
		color: #3B813B;
	}

	body.activity-12 .Menu_0 li ul li a:hover, body.activity-12 .Menu_0 li ul li a:focus {
		color: #2B81A1;
	}

/*******************************/
/******   Menu activités   *****/
/******************************/

	#MenuRight a, #MenuRight a:visited, #MenuRight a:active {
		background-image: url(structure/scc_menu_activites.png);
		display: block;
		width: 200px;
		height: 70px;
		margin: 0;
		margin-bottom: 20px;
		text-indent: -99999px;
		background-position: 0px -350px;
	}

/******   SCC   *****/

	#MenuRight a.scc, #MenuRight a.scc:visited, #MenuRight a.scc:active  {
		background-position: 0px 0px;
	}

	body.activity-1 #MenuRight a.scc, #MenuRight a.scc:hover, #MenuRight a.scc:focus  {
		background-position: -200px 0px;
	}

/******   academy   *****/

	#MenuRight a.academy, #MenuRight a.academy:visited, #MenuRight a.academy:active  {
		background-position: 0px -70px;
	}

	body.activity-2 #MenuRight a.academy, #MenuRight a.academy:hover, #MenuRight a.academy:focus  {
		background-position: -200px -70px;
	}

/******   openstage   *****/

	#MenuRight a.openstage, #MenuRight a.openstage:visited, #MenuRight a.openstage:active  {
		background-position: 0px -140px;
	}

	body.activity-4 #MenuRight a.openstage, #MenuRight a.openstage:hover, #MenuRight a.openstage:focus  {
		background-position: -200px -140px;
	}


/******   live   *****/

	#MenuRight a.live, #MenuRight a.live:visited, #MenuRight a.live:active  {
		background-position: 0px -280px;
	}

	body.activity-5 #MenuRight a.live, #MenuRight a.live:hover, #MenuRight a.live:focus  {
		background-position: -200px -280px;
	}


/******   school   *****/

	#MenuRight a.school, #MenuRight a.school:visited, #MenuRight a.school:active  {
		background-position: 0px -210px;
	}

	body.activity-6 #MenuRight a.school, #MenuRight a.school:hover, #MenuRight a.school:focus  {
		background-position: -200px -210px;
	}

/******   Boutique   *****/

	#MenuRight a.boutique, #MenuRight a.boutique:visited, #MenuRight a.boutique:active  {
		background-position: 0px -350px;
	}

	body.activity-9 #MenuRight a.boutique, #MenuRight a.boutique:hover, #MenuRight a.boutique:focus  {
		background-position: -200px -350px;
	}

	#MenuRight #Partenaires a {
		background-image: inherit;
	}


/******   Talent   *****/

	#MenuRight a.talent, #MenuRight a.talent:visited, #MenuRight a.talent:active  {
		background-position: 0px -420px;
	}

	body.activity-10 #MenuRight a.talent, #MenuRight a.talent:hover, #MenuRight a.talent:focus  {
		background-position: -200px -420px;
	}

	#MenuRight #Partenaires a {
		background-image: inherit;
	}

/******   SHOW   *****/

	#MenuRight a.scs, #MenuRight a.scs:visited, #MenuRight a.scs:active  {
		background-position: 0px -490px;
	}

	body.activity-12 #MenuRight a.scs, #MenuRight a.scs:hover, #MenuRight a.scs:focus  {
		background-position: -200px -490px;
	}

	#MenuRight #Partenaires a {
		background-image: inherit;
	}

@media (max-width: 1200px) {
	.Menu_0 {
		margin: 0 auto;
		text-align: center;
		width: 100%;
		z-index: 15;
	}

	.Menu_0 li a {
		display: inline-block;
		height: auto;
		overflow: hidden;
		padding-top: 2px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.Menu_0 li.Menu_home, .Menu_0 li.Menu_home a {
		height: 38px;
		padding: 0;
	}

	.Menu_0 li, .Menu_0 li a, .Menu_0 li a:active, .Menu_0 li a:visited {
		font-size: 27px;
	}

	.Menu_0 li {
		float: none;
		display: inline-block;
		vertical-align: middle;
	}

/*****************************/
/******   Sous-Menus    *****/
/****************************/

	.Menu_0 li ul {
		left: -999em;
		z-index: 40;
		margin-left: 0;
		width: 150px;
	}

	.Menu_0 li ul li {
		float: none;
		width: 100%;
		color: #FFF;
	}


/*******************************/
/******   Menu activités   *****/
/******************************/

	.responsive {
		display: block;
	}

	#MenuRight {
		text-align: center;
	}

	#MenuRight a, #MenuRight a:visited, #MenuRight a:active {
		background-image: url(structure/scc_menu_activites.png);
		background-size: 200%;
		display: inline-block;
		width: 140px;
		height: 49px;
		margin: 0;
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 20px;
		text-indent: -99999px;
		background-position: 0px -350px;
		overflow: hidden;
	}

/******   SCC   *****/

	#MenuRight a.scc, #MenuRight a.scc:visited, #MenuRight a.scc:active  {
		background-position: 0px 0px;
	}

	body.activity-1 #MenuRight a.scc, #MenuRight a.scc:hover, #MenuRight a.scc:focus  {
		background-position: -140px 0px;
	}

/******   academy   *****/

	#MenuRight a.academy, #MenuRight a.academy:visited, #MenuRight a.academy:active  {
		background-position: 0px -49px;
	}

	body.activity-2 #MenuRight a.academy, #MenuRight a.academy:hover, #MenuRight a.academy:focus  {
		background-position: 140px -49px;
	}

/******   openstage   *****/

	#MenuRight a.openstage, #MenuRight a.openstage:visited, #MenuRight a.openstage:active  {
		background-position: 0px -98px;
	}

	body.activity-4 #MenuRight a.openstage, #MenuRight a.openstage:hover, #MenuRight a.openstage:focus  {
		background-position: -140px -98px;
	}


/******   live   *****/

	#MenuRight a.live, #MenuRight a.live:visited, #MenuRight a.live:active  {
		background-position: 0px -147px;
	}

	body.activity-5 #MenuRight a.live, #MenuRight a.live:hover, #MenuRight a.live:focus  {
		background-position: -140px -147px;
	}


/******   school   *****/

	#MenuRight a.school, #MenuRight a.school:visited, #MenuRight a.school:active  {
		background-position: 0px -196px;
	}

	body.activity-6 #MenuRight a.school, #MenuRight a.school:hover, #MenuRight a.school:focus  {
		background-position: -140px -196px;
	}

/******   Boutique   *****/

	#MenuRight a.boutique, #MenuRight a.boutique:visited, #MenuRight a.boutique:active  {
		background-position: 0px -245px;
	}

	body.activity-9 #MenuRight a.boutique, #MenuRight a.boutique:hover, #MenuRight a.boutique:focus  {
		background-position: -140px -245px;
	}

	#MenuRight #Partenaires a {
		background-image: inherit;
	}


/******   Talent   *****/

	#MenuRight a.talent, #MenuRight a.talent:visited, #MenuRight a.talent:active  {
		background-position: 0px -294px;
	}

	body.activity-10 #MenuRight a.talent, #MenuRight a.talent:hover, #MenuRight a.talent:focus  {
		background-position: -140px -294px;
	}

	#MenuRight #Partenaires a {
		background-image: inherit;
	}

/******   SHOW   *****/

	#MenuRight a.scs, #MenuRight a.scs:visited, #MenuRight a.scs:active  {
		background-position: 0px -343px;
	}

	body.activity-12 #MenuRight a.scs, #MenuRight a.scs:hover, #MenuRight a.scs:focus  {
		background-position: -140px -343px;
	}

	#MenuRight #Partenaires a {
		background-image: inherit;
	}

}

@media (max-width: 850px) {


	.Menu_0 li, .Menu_0 li a, .Menu_0 li a:active, .Menu_0 li a:visited {
		font-size: 21px;
		padding-top: 3px;
	}
}


@media (max-width: 767px) {

	.Menu_0 li a {
		display: block;
		height: auto;
		overflow: hidden;
		padding-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}

	.Menu_0 li {
		display: inline-block;
		width: 48%;
		vertical-align: middle;
		text-align: left;
	}

	.Menu_0 li.Menu_home, .Menu_0 li.Menu_home a {
		width: 100%;
		height: 38px;
		padding: 0;
		text-align: center;
	}

	.Menu_0 li.Menu_home, .Menu_0 li.Menu_home a {
		background: url(menu/scc_img_home_off.png) no-repeat 5px 5px;
	}

	.Menu_0 li.Menu_home a:hover, .Menu_0 li.Menu_home a:focus, .Menu_0 li.Menu_home.Selected a, .Menu_0 li.Menu_home.Selected {
		background: url(menu/scc_img_home_on.png) no-repeat 5px 5px;
	}

	.Menu_0 li, .Menu_0 li a, .Menu_0 li a:active, .Menu_0 li a:visited {
		font-size: 23px;
		padding-top: 0px;
	}
	
	.Menu_1 li ul li a, .Menu_1 li ul li a:active, .Menu_1 li ul li a:visited, .Menu_0 li.Selected ul.Menu_1 li a {
		font-family: "AccidentalPresidency",Helvetica,Arial,sans-serif;
		font-size: 20px;
		text-transform: uppercase;
	}

}