/* CSS Document */

* {
margin:0;
padding:0;
border:0;
}

body {
font:1em Arial, Helvetica, sans-serif;
color:#000;
text-align:center; /*corrige le bug d'IE*/
line-height:1em;
}

p{
color:#333;
}

ul li {
list-style:none;
}

hr {
height:1px
}

a:link{
text-decoration:none;
color:#000;
}

a:visited{
color:#000;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a:active{
text-decoration:none;
}

abbr {
speak: spell-out;
}

acronym{
speak: normal;
}

.small{

font-size:1.1em;}

#global {
text-align:left; /*remet le texte  gauche*/
margin:0 auto;
width:770px;
position:relative;
background-color:#fff;
/*border-left:5px solid #000;
border-right:5px solid #000;*/
}

.nettoyeur {
clear:both;
line-height:1px;
}

.couleur{
color:#1795d1;
}

.bold{
font-weight:bold;
}

a.couleur{
color:#1795d1;
}

/*// EN TETE //*/

#entete{
background-image:none;
width:770px;
height:120px;
background-color:#fff;
margin:0;
}

#entete ul .ok{
display:none;
list-style-image:none;
}

#entete ul li{
color:#1795d1;
float:left;
}

#entete ul li a{
text-decoration:underline;
/*color:#666;*/padding:0 20px 0 0;
color:#fff;
font-size:0.7em;
}

#entete .logo{
margin:0;
}

	
/* MENU */

#menu {
width:750px;
height:55px;
position:relative;
background-color:#51b2d4;/*#81bad5;*/
margin:15px 0 0 0;
padding:0 0 5px 20px;
float:left;
}

#menu ul{
margin:10px 0 0 0;
background-color:#51b2d4;/*#81bad5;*/
height:15px;
line-height:0.8em;
}

#menu ul li{
float:left;
margin:0 10px 0 5px;

}

#menu ul li a{
border-bottom:6px solid #51b2d4;
font-size:0.7em;
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:12px 0 0 0;
}

#menu ul li a:hover {
border-bottom:6px solid #fff;
padding:12px 0 0 0;
}


#menu ul li#legal {
margin:0 2px 0 0;
}


/* CONTENU */

#contenu {
width:770px;
height:auto;
background-color:#51b2d4;/*#81bad5;*/
border-top:5px solid #fff;
float:left;
padding:0 0 30px 0;
}

#contenu h1{
width:540px;
color:#333;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
/*border-top:1px dotted #1795d1;*/
margin:0 0 0 210px;
padding:10px 0 10px 0;
}

#contenu h1.extra{
width:735px;
color:#333;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
/*border-top:5px solid #fff;*/
margin:0 0 10px 20px;
padding:10px 0 10px 0;
}

#contenu p.extra{
margin:0 0 0 20px;
padding:0 0 20px 0;
}

#contenu p.extraBlanc{
margin:0 0 0 20px;
padding:0 0 20px 0;
color:#fff;
}

#contenu p.extraBlanc .big{
font-size:1.5em;
color:#fff;
}

#contenu p.extra a{
color:#1795d1;
text-decoration:underline;
}

#contenu p{
font-size:0.8em;
}


#contenu .groupe_article{
margin: 0 0 0 210px;
height:auto;
width:540px;
}

#contenu .groupe_article .article{
padding:5px 0 10px 0;
}

#contenu .groupe_article .article h2{
color:#fff;
font-size:0.75em;
text-transform:uppercase;
padding:0 0 5px 0;
}

#contenu .groupe_article .article h3{
color:#333;
font-size:0.7em;
padding:0;
}

#contenu .groupe_article .article p{
margin:0 0 15px 0;
font-size:0.7em;
}
#contenu .groupe_article .article img{
margin:0;
}


#contenu .groupe_article .article p a{
color:#fff;
text-decoration:underline;
}

#contenu .groupe_article .article ul{
font-size:0.7em;
}

#contenu .groupe_article .article ul li{
color:#333;
margin:10px 0 0 0;
}

#contenu .groupe_article .article table{
color:#999;
margin:10px 0 0 0;
}

#contenu .groupe_article .article td{
color:#ccc;
/*text-transform:uppercase;*/
height:25px;
text-align:center;
font-size:0.7em;
border-bottom:#333 dotted 1px;
}

#contenu .groupe_article .article td.tarif{
color:#1795d1;

}

#contenu #news {
width:210px;
height:500px;
/*background-color:#d7f1fa;*/
/*border-left: 1px solid #81bad5;*/
float:left;
margin:0;
}

#contenu #news #infos{
overflow:auto;
height:240px;
width:210px;
color:#FFFFFF;
border-bottom:5px solid #fff;
}

#contenu #news a{
color:#000;
text-decoration:underline;
}


#contenu #news #infos h3{
font-size:1.3em;
text-transform:uppercase;
color:#333;
line-height:0.8em;
margin:15px 0 10px 21px ;
}

/*#contenu #news h3 {
font-size:1.5em;
text-transform:uppercase;
color:#fff;
line-height:0.8em;
margin:5px 0 0 5px ;
}*/

#contenu #news #infos h4 {
font-size:1.1em;
font-weight:lighter;
color:#333;
line-height:0.9em;
margin:10px 0 0 21px;
}

#contenu #news #infos p {
font-size:0.7em;
margin:5px 0 8px 20px;
color:#333;
width:160px;
}

#contenu #news #infos p.tete {
font-size:1.5em;
color:#000;
}


#contenu #news #infos p a {
/*color:#fff;*/
text-decoration:underline;
color:#fff;
}


#contenu #news #outils{
color:#000;
background-color:#51b2d4;/*#81bad5;*/
float:left;
padding:10px 0 0 0;
margin:10px 0 0 21px ;
}

#contenu #news #outils a{
color:#000;
font-size:0.7em;
text-decoration:underline;
}

#contenu #news #play_list{
	margin:5px 0 0 0;
	}



#contenu #depliant {
width:210px;
height:245px;
float:left;
margin:0;
}

#contenu #depliant a {
font-size:0.7em;
padding:0 0 0 18px;
margin:0;
color:#fff;
text-decoration:underline;
}

#contenu #depliant .visuel{
margin:0;
}






/* PRESSE */

#contenu .groupe_article .article ul.presse li { /* Liste des visuels*/
width:175px;
height:81px;
float:left;
margin:0 5px 30px 0;
}

#contenu .groupe_article .article ul.aide{ /* Liste des visuels*/
margin:0 0 15px 0;
}

#contenu .groupe_article .article ul.aide li { /* Liste des visuels*/
margin:0 0 2px 0;
}

/* FIN PRESSE */


/* PIED */

#pied {
margin:0 0 5px 0;
clear:left;
}

#pied ul{
width:748px;
/*background-color:#81bad5; #1795d1;*/
border: 1px solid #51b2d4;/*#81bad5;*/
height:15px;
line-height:0.8em;
padding:0 0 0 20px;
}

#pied ul li{
float:left;
margin:0 40px 0 5px;
}

#pied ul li a{
font-size:0.7em;
color:#51b2d4;
text-decoration:none;
text-transform:uppercase;
}

#pied ul li#legal {
margin:0 2px 0 0;
}

/* PROGRAMME */

#contenu .article_programme {
width:740px;
height:180px;
margin:0 0 0 20px;
float:left;
}

#contenu .article_programme h1{
width:740px;
color:#000;
font-size:0.7em;
font-weight:bold;
text-transform:uppercase;
border-top:1px dotted #1795d1;
margin:0;
padding:0 0 10px 0;
}

#contenu .article_programme .une{
width:170px;
height:135px;
/*border-top:1px dotted #1795d1;*/
border-bottom:5px solid #fff;
padding:10px 0 15px 0;
float:left;
}

#contenu .article_programme .une h2{
color:#fff;
text-transform:uppercase;
font-size:1.4em;
font-weight:lighter;
margin:0 0 10px 0;
}

#contenu .article_programme .une p{
margin:0;
padding:0;
}

#contenu .article_programme .une p.legende{
color:#666;
line-height:1.2em;
font-size:0.6em;
}

#contenu .article_programme .detail{
width:550px;
height:130px;
/*border-top:1px dotted #1795d1;*/
border-bottom:5px solid #fff;
float:left;
margin:0 0 15px 15px;
padding:0 0 30px 0;
}

#contenu .article_programme .detail ul{
margin:35px 0 0 0;
}

#contenu .article_programme .detail ul li{
color:#fff;
font-size:0.7em;
}
/* plus de pop*/
#contenu .article_programme .detail ul li.pop{
color:#fff;
font-size:0.8em;
text-decoration:none;
}
#contenu .article_programme .detail ul li.pop .artiste {
color:#fff;
font-size:1.3em;
font-weight:bold;
}
#contenu .article_programme .detail ul li.pop a{
color:#fff;
text-decoration:underline;
font-size:1em;
}

#contenu .article_programme .detail ul li .mention{
color:#666;
font-size:1em;
}
#contenu .article_programme .detail ul li sup{
line-height:0.7em;
font-size:0.7em;
}
#contenu .article_programme .detail ul li a{
color:#333;
font-size:1.2em;
text-decoration:none;
}
#contenu .article_programme .detail ul li a .artiste{
/*color:#1795d1;*/
color:#fff;
font-size:1.2em;
font-weight:bold;
}

#contenu .article_programme .detail ul li .lieu{
margin:8px 0 0 0;
width:280px;
float:left;
}

/*pour la version anglaise*/
#contenu .article_programme .detail ul li .lieu_en{
margin:8px 0 0 0;
width:450px;
float:left;
}

#contenu .article_programme .detail ul li a.resa{
background:url(../img/programme/resa.gif) left no-repeat;
color:#fff;
font-size:1.2em;
font-weight:bold;
padding: 0 0 0 20px;
margin:-16px 0 0 200px;
float:right;
width:170px;
}

/*pour la version anglaise*/
#contenu .article_programme .detail ul li a.resa_en{
background:url(../img/programme/resa.gif) left no-repeat;
color:#fff;
font-size:1.2em;
font-weight:bold;
padding: 0 0 0 20px;
margin:-16px 0 0 10px;
float:right;
width:80px;
}

#contenu .article_programme .detail ul li.kids{
color:#000;
font-size:0.8em;
margin-left:37px;
}


#contenu .article_programme .detail ul li a.partie{
margin:0 0 0 37px;
}

#contenu .article_programme .detail ul li.small {
color:#999;
font-size:0.60em;
}

#contenu .article_programme .detail ul li a .small{
color:#fff;
font-size:0.7em;
}
#contenu .article_programme .detail ul li a .blanc{
color:#fff;
}


#contenu .article_programme .detail ul li a .small_artiste{
color:#1795d1;
}

/* Version Big */

#contenu .article_programme_big {
width:740px;
height:225px;
margin:0 0 0 20px;
float:left;
}

#contenu .article_programme_big .une{
width:170px;
height:195px;
border-bottom:5px solid #fff;
padding:10px 0 20px 0;
float:left;
}

#contenu .article_programme_big .une h2{
color:#fff;
text-transform:uppercase;
font-size:1.4em;
font-weight:lighter;
margin:0 0 10px 0;
}

#contenu .article_programme_big .une p{
margin:0;
padding:0;
}

#contenu .article_programme_big .une p.legende{
color:#666;
font-size:0.6em;
}

#contenu .article_programme_big .detail{
width:550px;
height:195px;
border-bottom:5px solid #fff;
float:left;
margin:0 0 40px 15px;
padding:0 0 30px 0;
}

#contenu .article_programme_big .detail ul{
margin:35px 0 0 0;
}

#contenu .article_programme_big .detail ul li{
color:#fff;
font-size:0.7em;
}

#contenu .article_programme_big .detail ul li .mention{
color:#666;
font-size:1em;
}
#contenu .article_programme_big .detail ul li sup{
line-height:0.7em;
font-size:0.7em;
}
#contenu .article_programme_big .detail ul li a{
color:#333;
font-size:1.2em;
text-decoration:none;
}
#contenu .article_programme_big .detail ul li a .artiste{
/*color:#1795d1;*/
color:#fff;
font-size:1.2em;
font-weight:bold;
}

#contenu .article_programme_big .detail ul li a .blanc{
color:#fff;
}

#contenu .article_programme_big .detail ul li .resa{
margin:8px 0 0 0;
}

#contenu .article_programme_big .detail ul li .lieu{
margin:8px 0 0 0;
width:280px;
float:left;
}


#contenu .article_programme_big .detail ul li a.resa{
background:url(../img/programme/resa.gif) left no-repeat;
color:#fff;
font-size:1.2em;
font-weight:bold;
padding: 0 0 0 20px;
margin:-16px 0 0 200px;
float:right;
width:170px;
}
#contenu .article_programme_big .detail ul li a.resa_en{
background:url(../img/programme/resa.gif) left no-repeat;
color:#fff;
font-size:1.2em;
font-weight:bold;
padding: 0 0 0 20px;
margin:-16px 0 0 10px;
float:right;
width:80px;
}




/* Version Very Big */

#contenu .article_programme_verybig {
width:740px;
height:375px;
margin:0 0 0 20px;
float:left;
}

#contenu .article_programme_verybig .une{
width:170px;
height:340px;
border-bottom:5px solid #fff;
padding:10px 0 20px 0;
float:left;
}

#contenu .article_programme_verybig .une h2{
color:#fff;
text-transform:uppercase;
font-size:1.4em;
font-weight:lighter;
margin:0 0 10px 0;
}

#contenu .article_programme_verybig .une p{
margin:0;
padding:0;
}

#contenu .article_programme_verybig .une p.legende{
color:#666;
font-size:0.6em;
}

#contenu .article_programme_verybig .detail{
width:550px;
height:340px;
border-bottom:5px solid #fff;
float:left;
margin:0 0 40px 15px;
padding:0 0 30px 0;
}

#contenu .article_programme_verybig .detail ul{
margin:35px 0 0 0;
}

#contenu .article_programme_verybig .detail ul li{
color:#fff;
font-size:0.7em;
}
#contenu .article_programme_verybig .detail ul li .mention{
color:#666;
font-size:1em;
}

#contenu .article_programme_verybig .detail ul li sup{
line-height:0.7em;
font-size:0.7em;
}
#contenu .article_programme_verybig .detail ul li a{
color:#333;
font-size:1.2em;
text-decoration:none;
}

#contenu .article_programme_verybig .detail ul li .resa{
margin:8px 0 0 0;

}

#contenu .article_programme_verybig .detail ul li .lieu{
margin:8px 0 0 0;
width:280px;
float:left;
}


#contenu .article_programme_verybig .detail ul li a.resa{
background:url(../img/programme/resa.gif) left no-repeat;
color:#fff;
font-size:1.2em;
font-weight:bold;
padding: 0 0 0 20px;
margin:-16px 0 0 200px;
float:right;
width:170px;
}

/*pour la version anglaise*/
#contenu .article_programme_verybig .detail ul li .lieu_en{
margin:8px 0 0 0;
width:450px;
float:left;
}
#contenu .article_programme_verybig .detail ul li a.resa_en{
background:url(../img/programme/resa.gif) left no-repeat;
color:#fff;
font-size:1.2em;
font-weight:bold;
padding: 0 0 0 20px;
margin:-16px 0 0 10px;
float:right;
width:80px;
}

#contenu .article_programme_verybig .detail ul li a:hover{
text-decoration:none;
}

#contenu .article_programme_verybig .detail ul li a .artiste{
color:#fff;
font-weight:bold;
font-size:1.2em;
}
#contenu .article_programme_verybig .detail ul li a .blanc{
color:#fff;
}

#contenu .article_programme_verybig .detail ul li a.partie{
margin:0 0 0 37px;
}

#contenu .article_programme_verybig .detail ul li.small {
color:#999;
font-size:0.60em;
}

#contenu .article_programme_verybig .detail ul li a .small{
color:#fff;
font-size:0.7em;
}

#contenu .article_programme_verybig .detail ul li a .small_artiste{
color:#1795d1;
}



/* FIN PROGRAMME */

/* NEWSLETTER & FORMULAIRES */

form.newsletter {
font-size:0.8em;
color:#000;
}
form.newsletter .small{
font-size:0.8em;
}
form.newsletter input {
margin:10px 0 0 5px ;
}

form.concours {
font-size:1.1em;
}
form.concours legend {
font-size:1em;
font-weight:bold;
}
form.concours fieldset {
padding-bottom:15px;
border-top:solid 1px #000;
}
form.concours select {
width:250px;
}
form.concours .small {
font-size:0.9em;
}


/*DIAPORAMA*/

/* Style pour le diapo*/
#contenu p span.diaporama{
font-size:0.85em;
}

