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



a{	outline:none;}



/*******************************/
#nav{
	height:30px;
    /*background-color:#d0d0cd;*/
	background-image: url(../degradeongletorango.jpg);
    padding: 0px 0px 0px 0px;
	background-position: 100%;
	/*CO TRAIT JE RETIRE*/
	background-repeat:repeat-x;
	/*centre le menu*/
	display:inline-block;
	margin: 0;
	text-align:center;
	text-decoration: none;
}

#nav, #nav ul { /* all lists */
	padding: 0px 0px 0px 0px;
	margin: 0;
	list-style: none;
	z-index:10;
	text-align:center;
}

.navigation a:hover{
	color:#000;
	/*background-color:#cf935a;*/
    cursor:pointer;
    background-image: url(../degradeongletorango2.jpg) !important;
    /*height:15px;*/
}

/* ecriture premier planCOCO et largeur colonneKKKKKKKKKKKKKKKKKKKKKK */
#nav a {

	padding: 8px 13px 8px 13px;
	width: auto;
	text-decoration: none;
       font-family: 'Lato'; font-size: 18px; font-size: 1.125em; font-weight:normal; font-style: normal; line-height:1.33rem; color:#000;
	border-right:1px solid white;
	text-align:center;
	height:15px;
	margin: 0px;
	display:inline-block;
}

#nav a:hover{
	color:#000;
 	background-image: url(../degradeongletorango2.jpg);
}

#nav li ul a:hover {
	display: block;
	border:0px;
}

#nav li { /* all list items */
	position:relative;
	list-style:none;
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	z-index:20;
	/*font-size:12px;*/
}

#nav li a {display:block;}


div.ex2 {
  max-width:800px;
  margin: auto;
  /*hauteur du bloc Je change height:35px;  */
  height:32px;
  display:block;
  background-image: url(../../degradeongletorango.jpg);
  background-position: 100%;
}

/* COCO CI-DESSOUS INUTILE POUR MOI COCO CI-DESSOUS INUTILE POUR MOICOCO CI-DESSOUS INUTILE POUR MOICOCO CI-DESSOUS INUTILE POUR MOICOCO CI-DESSOUS INUTILE POUR MOICOCO CI-DESSOUS INUTILE POUR MOI*/







#nav_ul{
	height:20px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/*border-right:1px solid #FFF;*/
	float:left;
}
#nav_ul, #nav_ul ul { /* all lists */
	list-style: none;
	z-index:10;
	text-align:left;
}
#nav_ul li { /* all list items */
	/*position:relative;*/
	list-style:none;
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	z-index:20;
	font-family: 'Lato'; font-weight:normal; font-style:normal; line-height:0.9; color:#000;
	display:inline;
	/*padding: 0px;
	margin: 0px; */
	border-right:1px solid #FFF;
}
#nav_ul li a {
	display: block;
	width: auto;
	text-decoration: none;
	font-family: 'Lato'; font-weight:normal; font-style:normal; line-height:0.9; color:#000;
	padding: 5px 9px 5px 9px;
}
#nav_ul li a:hover{
	background-color:#666;
	color:#000;
       background-image: url(../degradeongletorango2.jpg) !important;
	background-repeat: repeat-x;
	background-position: top left;
}
/*
/*******************************/
#sous_onglets, #sous_onglets a, #sous_onglets a:hover {
	height: 20px;
	color: white;
	text-decoration: none;
	font-family: 'Lato'; font-weight:normal; font-style:normal; line-height:0.9; color:#000;
}
#sous_onglets {
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 0px 2px;
	height: 20px;
}
#onglets .selected, #onglets a .selected, #onglets a:hover .selected {
	color: #000;
	text-decoration: none;
	/*padding: 3px 3px 4px 3px;*/
	/*background-color:#cf935a;*/
    background-image: url(../degradeongletorango2.jpg);
	font-weight:bold;
	/*padding-bottom: 4px;*/
}
#onglets2 .selected{
	color: #000;
	text-decoration: none;
	/*padding: 3px 3px 4px 3px;*/
	/*background-color:#cf935a;*/
    background-image: url(../degradeongletorango2.jpg);
	font-weight:bold;
	/*padding-bottom: 4px;*/
}
#sous_onglets .selected, #sous_onglets a .selected, #sous_onglets a:hover .selected {
	color: white !important;
	text-decoration: none !important;
	padding: 2px 2px 5px 3px;
	/*padding-bottom: 4px;*/
}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav ul, #nav li {
	padding: 0;
	margin: 0;
}
#nav li{
	color: #000;
	display:inline;
}

.navigation {
	display: block;
	padding: 5px 15px 5px 15px;
	width: auto;
	text-decoration: none;
       font-family: 'Lato'; font-weight:normal; line-height:0.9; color:#000;
	border-right:1px solid white;
}
.navigation:hover, .navigation_on{
	color:#000;
	/*background-color:#cf935a;*/
    cursor:pointer;
  	background-image: url(../degradeongletorango2.jpg);
    /*height:15px;*/
}
.navigation a:{
	display: block;
	padding: 5px 15px 5px 15px;
	width: auto;
	text-decoration: none;
       font-family: 'Lato'; font-weight:normal; font-style:normal; line-height:0.9; color:#000;
	border-right:1px solid white;
}

.navigation_over{
	color:#000;
	/*background-color:#cf935a;*/
    cursor:pointer;
  	background-image: url(../degradeongletorango2.jpg) !important;
    /*height:15px;*/
}







#nav li ul a { /* ecriture 2eme plan COCO */
	display: block;
	border:0px;
	font-family: 'Lato'; font-weight:normal; font-style:normal; line-height:0.9; color:#000;
	/*line-height:12px;*/
	padding:4px 6px 4px 10px;
}
#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:0;
	margin: 0px 0px 0px 0px;
	z-index:30;
}
#nav li ul ul { /* third-and-above-level lists */
	z-index:40;
}
#plus, #plusinv{
	margin:1px 0px 0px 0px;
	border:0px;
}
#plus{float:right;}
#plusinv{float:left;}
#nav li ul.ong0, #nav li ul ul.ong0, #nav li ul.ong0 a {
 	background-color:#9e9e9e;
}
#nav li ul.ong0 a {
 	background-color: #cf935a;
 	color: #000;
 	border-left:1px solid #cf935a;
 	border-right:1px solid #cf935a;
}
#nav li ul.ong0 a:hover{
 	color: #FFF;
 	border-left:1px solid #cf935a;
}
#nav li ul.ong0{
	 border-top:1px solid #000;
     padding-right:2px;
 	_padding-right:0px;
}
/*Concerts*/
#nav li ul.ong1, #nav li ul ul.ong1, #nav li ul.ong1 a {
 	background-color:#9e9e9e;
}
#nav li ul.ong1 a {
 	background-color: #cf935a;
 	color: #000;
 	border-left:1px solid #cf935a;
	white-space:nowrap;
	padding-right:5px;
}
#nav li ul.ong1 a:hover{
 	color: #FFF;
 	border-left:1px solid #cf935a;
	white-space:nowrap;
	padding-right:5px;
}

#nav li ul.ong1{
	 border-top:1px solid #000;
     padding-right:2px;
 	_padding-right:0px;
}
/*Billeterie*/
#nav li ul.ong2, #nav li ul ul.ong2, #nav li ul.ong2 a {
 	background-color:#9e9e9e;
}
#nav li ul.ong2 a {
 	background-color: #cf935a;
 	color: #000;
 	border-left:1px solid #cf935a;
}
#nav li ul.ong2 a:hover{
 	color: #FFF;
 	border-left:1px solid #cf935a;
}
#nav li ul.ong2{
	 border-top:1px solid #000;
     padding-right:2px;
 	_padding-right:0px;
}
/*Albums*/
#nav li ul.ong8, #nav li ul ul.ong8, #nav li ul.ong8 a {
 	background-color:#9e9e9e;
}


#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
/*Avis des internautes*/
#nav li ul.ong0, #nav li ul ul.ong0, #nav li ul.ong0 a { width: 155px;}
#nav li ul.ong0 a , #nav li ul.ong0 a:hover {width: 165px; _width: 165px;} /* garder les 10 px difference*/
/*Concerts*/
#nav li ul.ong1, #nav li ul ul.ong1, #nav li ul.ong1 a { width: 137px;}
#nav li ul.ong1 a , #nav li ul.ong1 a:hover {width: 147px; _width: 147px;}
/*Billeterie*/
#nav li ul.ong2, #nav li ul ul.ong2, #nav li ul.ong2 a { width: 130px;}
#nav li ul.ong2 a , #nav li ul.ong2 a:hover {width: 140px; _width: 140px;}
/*Artistes*/
#nav li ul.ong3, #nav li ul ul.ong3, #nav li ul.ong3 a { width: 178px;}
#nav li ul.ong3 a , #nav li ul.ong3 a:hover {width: 188px; _width: 188px;}
/*A la tele*/
#nav li ul.ong10, #nav li ul ul.ong10, #nav li ul.ong10 a { width: 260px;}
#nav li ul.ong10 a , #nav li ul.ong10 a:hover {width: 260px; _width: 260px;}
/*Festivals*/
#nav li ul.ong4, #nav li ul ul.ong4, #nav li ul.ong4 a { width: 110px;}
#nav li ul.ong4 a , #nav li ul.ong4 a:hover {width: 120px; _width: 120px;}
/*Villes*/
#nav li ul.ong7, #nav li ul ul.ong7, #nav li ul.ong7 a { width: 130px;}
#nav li ul.ong7 a , #nav li ul.ong7 a:hover {width: 130px; _width: 130px;}
/*Albums*/
#nav li ul.ong8, #nav li ul ul.ong8, #nav li ul.ong8 a { width: 210px;}
#nav li ul.ong8 a , #nav li ul.ong8 a:hover {width: 210px; _width: 210px;}
/*vIDEOS*/
#nav li ul.ong9, #nav li ul ul.ong9, #nav li ul.ong9 a { width: 140px;}
#nav li ul.ong9 a , #nav li ul.ong9 a:hover {width: 140px; _width: 140px;}
#onglet_0, #onglet_0 a, #onglet_0 a:hover,#onglet_1, #onglet_1 a, #onglet_1 a:hover,
#onglet_2, #onglet_2 a, #onglet_2 a:hover,#onglet_3, #onglet_3 a, #onglet_3 a:hover,
#onglet_4, #onglet_4 a, #onglet_4 a:hover,#onglet_5, #onglet_5 a, #onglet_5 a:hover,
#onglet_6, #onglet_6 a, #onglet_6 a:hover,
#onglet_7, #onglet_7 a, #onglet_7 a:hover,
#onglet_8, #onglet_8 a, #onglet_8 a:hover{
	background-color:#c57f44;
	/*color:black !important;*/
}