/* 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 13px 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 .detail{
margin:0 0 0 210px;
height:auto;
width:540px;
}

#contenu img{
margin:0;
padding:0;
}

#contenu .detail p{
font-size:0.75em;
color:#fff;
margin:20px 0 25px 0;
height:auto;
}


#contenu .detail div.outils{
width:540px;
height:auto;
margin:0 0 25px 0;
padding:0;
border-bottom:1px solid #fff;
float:left;
}

#contenu .detail div.outils span.credit{
font-size:0.7em;
color:#fff;
float:left;
margin:0;
}

#contenu .detail div.outils span.partage{
float:right;
}

#contenu .detail div.outils a{
font-size:0.7em;
color:#fff;
text-transform:uppercase;
margin:0;
padding:0;
}

#contenu .detail h1{
text-transform:uppercase;
font-size:1.8em;
line-height:26px;
color:#fff;
margin:10px 0 5px 0;
}

#contenu .detail h2{
text-transform:uppercase;
font-size:1.1em;
color:#fff;
margin:0 0 5px 0;
font-weight:lighter;
}

#contenu .detail h3{
text-transform:uppercase;
font-size:0.9em;
color:#fff;
margin:10px 0 15px 0;
}

#contenu .detail h4{
text-transform:uppercase;
font-size:0.9em;
color:#fff;
margin:10px 0 10px 0;
border-bottom:1px solid #fff;
}

#contenu .detail h5{
text-transform:uppercase;
font-size:0.7em;
color:#fff;
margin:20px 0 2px 0;
padding:5px 0 0 0;
border-bottom:1px solid #fff;
}

#contenu .detail ul{
background-color:#51b2d4;
}

#contenu .detail ul li{
color:#333;
font-size:0.75em;
font-weight:bold;
text-transform:uppercase;

}

#contenu .detail ul li.date{
background:url(../detail/picto_fleche.gif) left no-repeat;
background-color:#fff;
color:#333;
margin:15px 0 0 0;
padding:0 0 0 15px;
}

#contenu .detail ul li.lieu{
background:url(../detail/picto_fleche.gif) left no-repeat;
/*border-bottom:1px solid #fff;*/
padding:0 0 0 15px;
font-weight:lighter;
color:#fff;
}

#contenu .detail ul li.tarif{
/*border-bottom:1px solid #fff;*/
background:url(../detail/picto_fleche.gif) left no-repeat;
padding:0 0 0 15px;
margin:-17px 0 0 0;
color:#fff;
float:right;
font-weight:lighter;
}

#contenu .detail ul.programme{
margin:20px 0 5px 0;
}

#contenu .detail ul.programme li{
color:#fff;
font-size:0.8em;
text-transform:none;
}

#contenu .detail ul.programme li{
font-weight:normal;
}

#contenu .detail ul li.aussi{
color:#fff;
font-size:0.7em;
}

#contenu .detail ul li.aussi a{
font-weight:lighter;
text-transform:none;
color:#333;
}

#contenu .detail ul li.np{
color:#fff;
font-size:0.7em;
font-weight:lighter;
margin:5px 0 0 0;
}

#contenu .detail ul li.np a{
color:#fff;
text-decoration:none;
background:url(../detail/picto_telecharge.gif) left no-repeat;
padding:0 0 0 15px;
}

#contenu .detail ul li.audio{
color:#fff;
font-size:0.7em;
font-weight:lighter;
margin:5px 0 0 0;
}

#contenu .detail ul li.video{
color:#fff;
font-size:0.7em;
font-weight:lighter;
margin:5px 0 0 0;
}

#contenu table{
margin:0 0 15px 0;
}

#contenu table td{
text-transform:uppercase;
font-size:0.75em;
height:15px;
/*border:1px solid #fff;*/
}

#contenu table td a.resa{
padding:0 0 0 5px;
color:#333;
}
#contenu table td.resa_heure{
padding:0 0 0 5px;
color:#333;
}

#contenu #news {
width:210px;
height:500px;
/*border-bottom:5px solid #fff;*/
/*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 #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 #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 .play_list{
width:180px;
height:auto;
padding:10px 0 10px 15px;
margin:0;
}

/* PIED */

#pied {
margin:0 0 5px 0;
float: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;
}