body
{
background-color: rgb(118,168,250);
}

.sorties
{
vertical-align:middle;
text-align:center;
margin:auto;
font-family: "Comic sans MS";
}

.indent
{
text-indent: 20px;
}

.test
{
border: 1px solid navy;
}

.moit img
{
border: 2px purple inset;
border-left:none;
}
.flor
{
float:right;
margin : 5px;
}

.flog
 {
 float: left;
 margin: 5px;
 }
 
 .clear
 {
 clear:both;
 }
 
#nel_page
{
vertical-align :middle;
margin: 10px;
}

.big
{
font-size: 1.1em;
}

#banniere
{
vertical-align: middle;
background-color: rgb(118,168,250);
}

.r
{
font-size: 1.2em;
color: red;
}
#banniere .fon_d
{
width:800px;
}
#logoprincipale
{
float: left;
vertical-align: middle;
}

.fon_degrade
{
background-image: url("images/fon_banniere.PNG");
background-repeat: repeat-x;
}

.fon_d
{
border-collapse: collapse;
text-align:center;
font-size: 1.1em;
color: navy;
}

.fon_bleu
{
background-color: rgb(118,168,250);
}

#menu
{
margin-top:20px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0px;
float: left;

}

ul#menu
{
	margin-top: 20px ;
	padding: 0 ;
	list-style-type: none ;
	font-family:"Comic sans MS"
}

ul#menu li
{
	margin: 0 0 1px 0 ;
	padding: 0 ;
	font-family:"Comic sans MS"
}

a img
{
text-align:center;
border: none;
text-decoration: none;
font-family:"Comic sans MS"
}

#corps
{
background: rgb(118,168,250);
color: black;
margin-left:175px;
}



.grille_prg
{
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}


.concours
{
border-collapse: collapse;
text-align: center;
vertical-align: middle;
margin: 5px;
}

.no_collapse
{
border-collapse: no-collapse;
text-align: center;
vertical-align: middle;
}

#corps .grille_prg td
{
border: 1px navy solid;
text-align: center;
font-family: "Comic sans MS";
}

#corps .concours td
{
border: 1px navy solid;
/*border: no-border;*/
padding: 5px;
margin: 2px;
font-family: "Comic sans MS";
}

#corps .no_border td
{
font-family: "Comic sans MS";
border:none;
}

.gif_accueil
{
display: block;
text-align: center;
margin-top: 20px;
}

.orange
{
background: rgb(255,160,55);
width: 60%;
color: white;
}

.bleu
{
background: rgb(0,0,160);
width: 60%;
color: white;
}

.orange_fond
{
background: rgb(255,160,55);
border: 3px double blue;
width: 400px;
margin: auto;
}

h2
{
text-align: center;
font-family:"Comic sans MS";
color: rgb(255,90,0);
}

hr
{
color: navy;
background: navy;
}

.clear
{
clear: both;
}

h3
{
text-indent: 20px;
font-family:"Comic sans MS";
}

h4
{
text-indent: 40px;
font-family:"Comic sans MS"
}

h5
{
text-indent: 20px;
font-family:"Comic sans MS";
font-size: 1.1em;
margin:10px;
}

h6
{
text-indent: 20px;
font-family:"Comic sans MS";
font-size: 0.8em;
margin:10px;
}

p
{
text-align: justify;
font-family: "Comic sans MS";
font-size: 0.95em;
}

a, a:visited
{
text-decoration: none;
font-family: "Comic sans MS";
color: purple;
}

a:hover
{
text-decoration: none;
font-family: "Comic sans MS";
color: red;
}

table
{
margin: auto;
font-family:"Comic sans MS"
}

h1
{
text-align: center;
font-family: "Comic sans MS";
}
.align
{
text-align: center;
}

.align_image
{
display: block;
text-align: center;
}
.ac
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_acceuil.JPG) no-repeat 0 0 ;
}
.ac:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_acceuil.JPG) no-repeat 0 -32px ;
}

.act
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_actu.JPG) no-repeat 0 0 ;
}
.act:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_actu.JPG) no-repeat 0 -32px ;
}
.adh
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_adher.JPG) no-repeat 0 0 ;
}
.adh:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_adher.JPG) no-repeat 0 -32px ;
}

.coc
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_concours.JPG) no-repeat 0 0 ;
}
.coc:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_concours.JPG) no-repeat 0 -32px ;
}

.con
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_contacts.JPG) no-repeat 0 0 ;
}
.con:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_contacts.JPG) no-repeat 0 -32px ;
}
.his
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_historique.JPG) no-repeat 0 0 ;
}
.his:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_historique.JPG) no-repeat 0 -32px ;
}

.tel
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_telechargements.JPG) no-repeat 0 0 ;
}
.tel:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_telechargements.JPG) no-repeat 0 -32px ;
}

.pro
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_programmes.JPG) no-repeat 0 0 ;
}
.pro:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_programmes.JPG) no-repeat 0 -32px ;
}

.stu
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_studios.JPG) no-repeat 0 0 ;
}
.stu:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_studios.JPG) no-repeat 0 -32px ;
}

.par
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_partenaires.JPG) no-repeat 0 0 ;
}
.par:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_partenaires.JPG) no-repeat 0 -32px ;
}

.equ
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_equipe.JPG) no-repeat 0 0 ;
}
.equ:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_equipe.JPG) no-repeat 0 -32px ;
}
.sou
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_souvenirs.JPG) no-repeat 0 0 ;
}
.sou:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_souvenirs.JPG) no-repeat 0 -32px ;
}

.rou
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_fil.JPG) no-repeat 0 0 ;
}
.rou:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_fil.JPG) no-repeat 0 -32px ;
}

.vosActu
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_vosActus.JPG) no-repeat 0 0 ;
}
.vosActu:hover
{
display:block;
width: 159px ;
height:32px ;
background: url(logos/menu_vosActus.JPG) no-repeat 0 -32px ;
}

.orang2
{
background: rgb(255,160,55);
border: 3px double blue;
width: 40%;
}
	
.news h4
{
text-align: center;
margin-top:0px;
margin-bottom:0px;
font-family: Arial;
}
.news td
{
	vertical-align: bottom;
}
.news .p
        {
		padding:5px;
		background-color: rgb(255,160,55);
		color: navy;
	/*	font-family: "Comic sans MS";*/
    }
	
.news
	{
		width:70%;
        margin:auto;
		background-color: rgb(255,215,174);
		color: navy;
	}
	
.news hr
{
width: 50%;
}

form
{
font-family: "Comic sans MS";
text-align: center;
}

.prgm table
{
border-bottom: 1px dotted navy;
}

ul
{
font-family: "Comic sans MS";
}

.45
{
width: 45%;
}

.5
{
width: 5%;
}

.droite
{
text-align: right;
border: none;
}

.gauche
{
text-align: left;
border: none;
}

ul
{
list-style-type:none;
}

.collapse
{
border-collapse: collapse;
}

.equipe
{
border-collapse:collapse;
width: 615px;
background-color: rgb(138,188,250);
}

.equipe td
{
text-align:center;
}

.equipe2
{
width: 615px;
margin:auto;
border: 2px solid orange;
text-align:center;
background-color: white;
}

.equipe2 img
{
border: inset 2px blue;
}

.equipe2 .norm
{
background-color: rgb(138,188,250);
border-top: dashed 2px orange;
}

.souvenirtab
{
border-collapse: collapse;
}

.souvenirtab td
{
text-align: center;
}

.souvenirtab img
{
border: 1px navy solid;
}

td h3
{
padding:15px;
}

.b
{
border-top: 2px solid navy;
border-left: 2px solid navy;
border-right: 2px solid navy;
}

.hb
{
border-left: 2px solid navy;
border-right: 2px solid navy;
}

.h
{
border-bottom: 2px solid navy;
border-left: 2px solid navy;
border-right: 2px solid navy;
}

.hbg
{
border-right: 2px solid navy;
}

.hbd
{
border-left: 2px solid navy;
}

.hg
{
border-right: 2px solid navy;
border-bottom: 2px solid navy;
}

.hgd
{
border-bottom: 2px solid navy;
}

.moit
{
width: 50%;
font-size: 0.8em;
}

.moit li
{
margin: 5px;
border: 1px solid navy;
text-align: center;
background-color: rgb(255,160,55);
}

.result
{
text-align :center;
}

.rge
{
background-color: red;
}

.perso1
{
background:blue;
text-align:center;
width:500px;
margin: auto;
}

.perso1 p
{
text-align:center;
color:white;
}

.perso1 a, .perso1 a:visited
{
color: yellow;
text-decoration: underline;
}
.perso1 a:hover
{
color: yellow;
text-decoration: overline;
}
.perso1 a:active
{
color: blue;
background: yellow;
}

.katrsankatr
{
width:600px;
margin: auto;
margin-top:100px;
color:navy;
}

.katrsankatr p
{
width:600px;
text-align: center;
vertical-align:middle;
font-family: Arial;
font-size:1.1em;
color:navy;
}

#menu_telechargement
{
   float: left;
   width: 35%;
   margin-left: 5%;
}
#choix_date
{
   margin-left: 40%;
}
/* + -----------------------------------------------------
	Styles appliqués à l'inscription
+ ----------------------------------------------------- */
#inscription
{
	text-align:left;
}
.adroite
{
	text-align:right;
	padding-right:20px;
}
.err
{
	font-weight:bold;
	color:red;
}
.rec
{
	color:green;
}
#inscription table
{
	margin-left:35px;
	font-family:"Comic sans MS"
}

/* + -----------------------------------------------------
	Styles appliqués à la Sélection Titre
+ ----------------------------------------------------- */
.selectionTitre table
{
	margin:0px;
}
.selectionTitre td
{
	font-family: "Times New Roman";
	text-align: left;
}
.selectionTitre h3
{
	text-indent: 0px;
	text-align:center;
	color:purple;	
}
.selectionTitre form
{
	text-align: left;
	font-family: "Times New Roman";
}
.heure
{
	font-size:1.1em;
	font-weight:bold;
	color:red;
	padding-left:20px;
}
.artiste
{
	font-size:1.1em;
	font-weight:bold;
}
.album
{
	color:blue;
	font-size:0.8em;
	padding-left:40px;
	position: relative;
	top:-5px;
}
strong
{
	color:red;
}
.rien
{
	font-weight:bold;
	padding:15px;
}
.lef
{
	text-align:right;
	padding-right:5px;
}
#aGauche
{
	width:450px;
	margin-left:180px;
}
.titreTabHoraire
{
	text-align: center;
	font-family: "Comic sans MS";
	color: purple;
}
#horaireTitre
{
	width:350px;
	height:445px;
	overflow: auto;
	border:1px solid black;
	float:right;
}
#choixTitre
{
	float:left;
}
.infoListe
{
	font-weight:bold;
}
#tableTitre
{
	height:305px;
	width:400px;
	overflow: auto;
	border:1px solid black;
}
#tableDernierTitre
{
	border:1px solid black;
}
.erreur
{
	font-weight:bold;
	padding:15px;
	color:red;
}
#reponse
{
	width:400px;
	text-align:center;
	float:left;
}
/* + -----------------------------------------------------
	Styles appliqués au téléchargement
+ ----------------------------------------------------- */
.titreCalendrier {
	font-size:1.3em;
	font-weight:bold;
	color:green;
	margin-left:2px;
	margin-right:2px;
}
.calendrier {
   margin-left:auto;
   margin-right:auto;
}
.calendrier th {
	width:30px;
}
.calendrier td {
	text-align:center;
}
.sansLien {
	font-family: "Comic sans MS";
}
.ceJour {
	background-color:yellow;
}
.listeTranche {
	font-size:1.2em;
	margin-left:200px;
}
.listeTrancheCentre {
	text-align:center;
	font-size:1.2em;
	color:green;
}
.default {
	font-family: "Times New Roman";
	text-align:left;
	margin:0px;
}

	/*APRES MODIFICATION DU PROGRAMME*/
	
	.m_blanc
	{
	font-size: 1.2em;
	color: white;
	font-weight:bold;
	}
	
	.b_jaune
	{
	font-size: 1.2em;
	color: yellow;
	font-weight:bold;
	}
	
	.cadre_jour td, .cadre_jour2 td
	{
	border:1px solid navy;
	}
	
	.cadre_jour
	{
	border:2px solid navy;
	border-collapse:collapse;
	margin-top:20px;
	margin-left:17px;
	margin-right:17px;
	
	}
	
	.cadre_jour2
	{
	border:2px solid navy;
	border-collapse:collapse;
	margin:auto;
	}
	
	.cadre_jour_gauche
	{
	font-size: 27px;
	background:navy;
	font-weight:bold;
	color:orange;
	text-align:center;
	}
	
	.fond_navy_prgm
	{
	background:navy;
	color:orange;
	}
	
	.table_prg2006 td
	{
	text-align:center;
	padding : 2px;
	}