/* ---------------------------------------- */
/* général				*/
/* ---------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: url(../images/BACKGROUND.png) white center top no-repeat fixed;
}

html, body {
height: 100%;
 margin:0px 0px 0px 0px; 
 padding:0;
 min-height: 100%; 
 margin-bottom: 1px;
}

div.cleaner {
	clear: both; 
	line-height: 0px; 
	height: 0px; 
	font-size: 0px;
}

p { padding: 0px 0 0 0; margin: 0 }

p.center{
text-align:center;
}

ul, li, h1, h2, h3, h4{
margin:0;
padding:0;
}

.flux{ 
clear: both; 
}

.cleft{
clear:left;
}

.cright{
clear:right;
}

.clearing {
height: 0;
clear: both;
}

hr.clear{
display:block;
clear:both;
visibility:hidden;
height:0;
border-width:0;
margin:0;
padding:0;
}

* html hr.clear {   /* pour explorer  */
margin-top:-15px;
}

*+html hr.clear {   /* pour explorer 7 */
margin-top:-15px;
}



/* ---------------------------------------- */
/* 	link	*/
/* ---------------------------------------- */


a:link {
color: #000000;
text-decoration: underline;
}

a:visited{
color: #a0a0a0;
text-decoration: underline;
}

a:hover {
text-decoration:underline;
color:#d20f3c;
}


a:active {
text-decoration:underline;
color:#d20f3c;
}


#index a:link {
color: #000000;
text-decoration: none;
}

#index a:visited{
color: #000000;
text-decoration: none;
}

#index a:hover {
text-decoration:none;
color:#000000;
}


#index a:active {
text-decoration:none;
color:#000000;
}

/* ---------------------------------------- */
/* 	conteneur	*/
/* ---------------------------------------- */


#conteneur{
background-color:#FFFFFF;
position:absolute;
left: 50%; 
width: 1000px;
margin-left: -500px; /* moitié de la largeur */
font-size:1.2em;
}

* html #conteneur {   /* pour explorer  */
width: 1020px;
}

#back{
padding:0;
margin:0px 0px 0px 0px;
}

#top{
width:1000px; 
height:280px; 
z-index:10;
}

#top_index{
width:1000px; 
height:554px;
}

#index{
font-size: 13px ;/*1.1em;*/
margin:0;
padding:0 0 10px 0;
line-height:16px;
height:48px;
}

#texte ul, #texte li {
margin:0 0 0 12px;
padding:0px 0 0px 0px;
}

#texte{
float:left;
font-size:1.1em;
margin: -40px 0 30px 0;
width:650px;
padding:0; 
line-height:16px;
min-height:550px;
}


#texte p {
padding:0 0 0 10px;
margin:0 0 10px 0;
}

table {
padding:0 0 0 10px;
margin:0 0 10px 0;
}

.cap{
text-transform:uppercase;
}

.capb{
text-transform:uppercase;
font-weight:bold;
}

#texte p.capb-10{
text-transform:uppercase;
font-weight:bold;
margin-top:0px;
}


#texte p.bold-10{
font-weight:bold;
margin-bottom:0px;
}

.col1{
width:229px; 
float:left; 
}

.col2{
width:250px; 
float:left;
}

.col3{
width:497px; 
float:left;
}

/* ---------------------------------------- */
/* 	textes	*/
/* ---------------------------------------- */

h2{
font-size:1.2em;
text-transform:uppercase;
margin:40px 0 20px 0;
padding:7px 0 7px 8px;
border-top:2px solid #000000;
border-bottom:1px solid #dfdfdf;
width:742px;
font-weight:bold;
}

#index h2{
font-size:1.1em;
text-transform:uppercase;
margin:20px 0 10px 0;
padding:8px 0 6px 18px;
border-top:2px solid #000000;
border-bottom:1px solid #dfdfdf;
font-weight:bold;
}

#index h4{
text-transform:uppercase;
padding-top:1px;
padding-left:21px;
font-size:15px;  /*1.1em;*/
}

#index p{
padding-left:21px;
}

#texte h3 {
text-transform:uppercase;
padding-left:11px;
font-size:1.0em;
padding-bottom:4px;
padding-top:6px;
}

.rouge{
color:#d20f3c;
}

.gris{
color:#a0a0a0;
}

.jaune{
color:#d20f3c; /* #fad714; */
}

.turquoise{
color:#d20f3c; /* #50e1d7; */
}


.heure{
color: #666666;
}

.ancre{
}

/* ---------------------------------------- */
/* 	menu	*/
/* ---------------------------------------- */

#menu{
margin: 0;
padding:7px 0 0 20px;
width:980px;
background-color:#000000;
height:23px;
}

#menu ul{
clear:both;
list-style: none;
margin: 0;
padding: 0;

}

#menu li{
color:#FFFFFF;
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 1px 0px 1px;
}

.barre{
font-size:0.8em;
color:#a0a0a0;
}

#menu li a{
text-transform:uppercase;
color:#a0a0a0;
font-size:10px;  /*0.8em; */
text-decoration: none;
text-align:center;
}


#menu li a:hover{
text-decoration:none;
}


#menu li.on a {
text-decoration:none;
}	

#sidebar{
float:left;
width:230px; 
padding-left:20px;
z-index:1;
margin:0;
}

a.saison {
color:#FFFFFF;
background-image:url(../images/M_SAISON.png);
width:250px;
height:37px;
border:#330099;
display:block;
}

a.saison:hover {
background-image:url(../images/M_SAISON_O.png);
width:250px;
height:37px;
border:#330099;
}


a.saison_on {
background-image:url(../images/M_SAISON_O.png);
width:250px;
height:37px;
border:#330099;
display:block;
}

a.abonnement {
color:#FFFFFF;
background-image:url(../images/M_ABONNEMENT.png);
width:250px;
height:37px;
border:#330099;
display:block;
}

a.abonnement:hover{
background-image:url(../images/M_ABONNEMENT_O.png);
width:250px;
height:37px;
border:#330099;
}

a.abonnement_on {
background-image:url(../images/M_ABONNEMENT_O.png);
width:250px;
height:37px;
border:#330099;
display:block;
}

a.billeterie {
color:#FFFFFF;
background-image:url(../images/M_BILLETTERIE.png);
width:250px;
height:37px;
border:#330099;
display:block;
}

a.billeterie:hover {
background-image:url(../images/M_BILLETTERIE_O.png);
width:250px;
height:37px;
border:#330099;
}

a.billeterie_on {
background-image:url(../images/M_BILLETTERIE_O.png);
width:250px;
height:37px;
border:#330099;
display:block;
}

a.activites {
color:#FFFFFF;
background-image:url(../images/M_ACTIVITES.png);
width:250px;
height:37px;
border:#330099;
display:block;
}

a.activites:hover {
background-image:url(../images/M_ACTIVITES_O.png);
width:250px;
height:37px;
border:#330099;
}

a.activites_on {
background-image:url(../images/M_ACTIVITES_O.png);
width:250px;
height:37px;
border:#330099;
display:block;
}



a.theatre {
color:#FFFFFF;
background-image:url(../images/M_THEATRE.png);
width:250px;
height:37px;
border:#330099;
display:block;
}

a.theatre:hover {
background-image:url(../images/M_THEATRE_O.png);
width:250px;
height:37px;
border:#330099;
}

a.theatre_on {
background-image:url(../images/M_THEATRE_O.png);
width:250px;
height:37px;
border:#330099;
display:block;
}

.sousmenu, .sousmenu_truite, .sousmenu_saisons, ul.sousmenu_2010{
font-size:11px;  /*0.8em; */
text-transform:uppercase;
list-style:none;
margin:3px 0 20px 0;
line-height:13px;
}

.sousmenu a, .sousmenu_truite a, .sousmenu_saisons a, .sousmenu_2010 a {
color:#000000;
text-decoration:none;
}

.sousmenu a:link, .sousmenu_truite a:link, .sousmenu_saisons a:link, .sousmenu a:visited, .sousmenu_truite a:visited, .sousmenu_saisons a:visited, .sousmenu a:active, .sousmenu_truite a:active, .sousmenu_saisons a:active, .sousmenu_2010  a:link, .sousmenu_2010 a:visited, .sousmenu_2010 a:active {
color:#000000;
text-decoration:none;
}


ul.sousmenu_truite ul {
font-size:11px;  /*0.8em; */
text-transform:none;
list-style:none;
margin:3px 0 10px 10px;
line-height:13px;
}


#sidebar ul.sousmenu_truite ul li a {
color:#666666;
text-decoration:none;
}


.sousmenu a:hover, .sousmenu_2010 a:hover{
color:#d20f3c;
text-decoration:none;
}

.sousmenu_truite a:hover {
color:#d20f3c; /* fad714; */
text-decoration:none;
}

.sousmenu_saisons a:hover {
color:#d20f3c; /* 50e1d7; */
text-decoration:none;
}

#sidebar ul.sousmenu_saisons ul li a {
color:#666666;
text-decoration:none;
}

ul.sousmenu_saisons ul {
font-size:11px;  /*0.8em; */
text-transform:none;
list-style:none;
margin:3px 0 10px 10px;
line-height:13px;
}

ul.sousmenu_2010 ul {
font-size:11px;  /*0.8em; */
text-transform:none;
list-style:none;
margin:3px 0 4px 10px;
line-height:13px;
}


#sidebar ul.sousmenu_2010 ul li a {
color:#666666;
text-decoration:none;
}

#sidebar ul.sousmenu_2010 ul li a:hover {
color:#d20f3c;
text-decoration:none;
}

#sidebar ul.sousmenu li ul li {
color:#666666;
text-decoration:none;
margin-left:10px;
list-style:none;
}


#map{
position:relative;
width: 500px; 
height: 300px; 
border: 1px solid #666666; 
padding-bottom:20px;
margin-left:10px;
z-index:1;
}

table.grille{
line-height:13px;
text-transform:uppercase;
font-size:0.9em;
padding-left:10px;
}

td.top{
padding:0px 0 3px 0px;
}

td.noir{
background-color:#000000;
color:#FFFFFF;
padding:1px 0 1px 5px;
border-right:#000000 1px solid;
border-top:#000000 1px solid;
border-bottom:#FFFFFF 1px solid;
}

td.noir2{
background-color:#000000;
color:#FFFFFF;
padding:1px 0 1px 5px;
border-right:#000000 1px solid;
border-top:#000000 1px solid;
border-bottom:#000000 1px solid;
}


td.blanc{
color:#000000;
border-right:#000000 1px solid;
border-top:#000000 1px solid;
border-collapse:collapse;
padding:1px 0 1px 5px;
}


td.blanc2{
color:#000000;
border-right:#000000 1px solid;
border-top:#000000 1px solid;
border-bottom:#000000 1px solid;
border-collapse:collapse;
padding:1px 0 1px 5px;
}


.fielderror{
font-weight:bold;
font-style:italic;
}


/* ---------------------------------------- */
/* 	footer	*/
/* ---------------------------------------- */


#footer{
position:relative;
background:url(../images/transat_blanc.gif) top right no-repeat;
color:#a0a0a0;
margin: 0px 0 0 0;
padding:18px 0 0 20px;
width:980px;
height:22px;
font-size:10px;  /*0.8em; */
text-transform:uppercase;
z-index:10;
border-top: #b2b2b2 1px solid;
}

#footer ul{
clear:both;
list-style: none;
margin: 0;
padding: 0;

}

#footer li{
color:#ffffff;
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 1px 0px 1px;
}

#footer a{
color:#a0a0a0;
text-decoration: none;
text-align:center;
}

#footer a:hover{
text-decoration:none;
}

/**form ***/

.message{
background-color:#EEECED; 
padding:5px 5px 5px 15px; 
margin:4px 0 10px 0; 
color:#CC173A;
font-weight:bold;
font-style:italic;
}


.fielderror2{
font-weight:bold;
color:#CC173A;
font-style:italic;
}

.complet{
background:url(../images/complet.gif) no-repeat center ;
height: 92px;
}

.rose{
color:#FD5E72;
}