body{
	background:#cc0000;
	margin:0;
	padding:0;
	font-family: verdana, arial, sans-serif;
	font-size:12px;
}
#top{
	height:200px;
	background:url(images/top3.png) no-repeat top;
	margin:20px 0 30px 0;

}

/*proprieté pour toutes les pages*/

a
{
	color:#cc0000;
	text-decoration:none;
	border-style :none;
}
a:hover
{
	letter-spacing:2px;
	border-style :none;
}

h1
{
	text-align:left;
	font-size:150%;
	z-index:5;
	text-indent:10px;
}
.bouton-page
{
	position:absolute;
	z-index:0;
}
.lien_btn_direct
{
	text-align:right;
	border-style:none;
}
h2
{
	font-variant:small-caps;
	font-size:250%;
	color:#cc0000;
}
h2 a
{
	color:#cc0000;
	text-decoration:none;
}
h2 a:hover
{
	color:#cc0000;
	letter-spacing:4px;
}

h3
{
	text-align:center;
	font-size:120%;
	color:#cc0000;

}

/*
	background-image:url(images/separation.png);
	background-position:center;
	background-repeat:no-repeat;
	padding-top:40px;
	#b01717*/
	
h4 /* liens : ex. actu du; proposez vos dates */
{
	text-align:center;
	color:#cc0000;
	font-variant:small-caps;
	font-weight:normal;
	
}
h4 a
{
	text-align:center;
	color:#cc0000;
	font-variant:small-caps;
	font-weight:normal;
	text-decoration:none;
}
h4 a:hover
{
	text-align:center;
	color:#cc0000;
	font-variant:small-caps;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:1px;
}
h5
{
	text-align:center;
	font-size:200%;
	color:#cc0000;
	font-variant:small-caps;
}
ul
{
list-style-image: url("images/puce.png");
}

strong
{
	font-variant:small-caps;
}
/* menu */
#menu{
	position:absolute;
	background-image:url(images/contenu_g.png);
	background-position:right;
	background-repeat:repeat-y;
	padding-right:15px;
	height:435px;
}

#menu ul li{
	list-style:none;
	padding:0;
}
#menu ul li a{
	position:left;
	height:59px;
	width:115px;
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
}
#menu ul li a:hover{
	position:left;
	height:59px;
	width:115px;
	background-repeat:no-repeat;
	background-position:bottom left;
}


/* Les différents boutons des menu */
#menu ul li a.accueil{
	background-image:url(images/accueil.png);
}
#menu ul li a.direct{
	background-image:url(images/direct.png);
}
#menu ul li a.ttu{
	background-image:url(images/ttu.png);
}
#menu ul li a.programmation{
	background-image:url(images/programmation.png);
}
#menu ul li a.media{
	background-image:url(images/media.png);
}
#menu ul li a.forum{
	background-image:url(images/forum.png);
}
#menu ul li a.partenaire{
	background-image:url(images/partenaire.png);
}


/*corps de la page*/

.corps
{
   margin-left: 170px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 170px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure 425px d'hauteur */
   height:425px;
   	background-image:url(images/contenu_d.png);
	background-position:right;
	background-repeat:repeat-y;
	padding-right:25px;
	width:1020px;
   color: #000;
   background-color: white; /* Une couleur de fond pour le corps */
}
/* contenu de la page actu */

.actu
{
	position:absolute;
	width:700px;
	height:350px;
	overflow:auto;
	padding-right:10px;
}

.contenu_news
{
	font-size:115%;
}
.contenu_news:first-letter
{
	font-size:250%; 
	color:#cc0000;
	font-weight:bold;
	letter-spacing:-2px;
	font-variant:small-caps;
}

#pseudo_comment_news
{
	font-variant:small-caps;
	font-weight:bold;

}
#contenu_comment_news
{
	text-indent:20px;
}
#date_comment_news
{
	text-align:left;
	font-size:80%;
	color: #cc0000;
	background-image:url(images/separation.png);
	background-position:center;
	background-repeat:no-repeat;
	padding-bottom:40px;
}
/*Début de l'agenda*/
.agenda
{	
	margin-left:730px;
	width:290px;
	height:350px;
	overflow:auto;
	background:url(images/postit.png) no-repeat;
}
/*contenu de la page direct */

#ecouter_direct
{
 text-align:center;
 margin-top:70px;
 
}
/*contenu de la page ttu */
.gauche_ttu 
{
	position:absolute;
	width:700px;
	height:350px;
	overflow:auto;
	font-size:115%;
	padding-right:10px;

}
.droite_ttu
{
	margin-left:720px;
	width:290px;
	height:330px;
	overflow:auto;
	background-position:absolute;
	text-align:justify;
	padding-right:10px;
	font-size:115%;
}


.droite_ttu ul
{
	/* Pas de retrait dans sur les puces !!*/
}
/* contenu de la page programmation */
.menu_programmation
{
	position:absolute;
	width:250px;
	height:350px;
	overflow:auto;
}
.programmation h5
{
	font-variant:small-caps;
	font-size:30px;
	color:#cc0000;
	text-align:center;
}
.droite_menu_programmation
{
	margin-left:270px;
	width:700px;
	height:350px;
	overflow:auto;
	background-position:absolute;
	text-align:justify;
	padding-right:10px;
	font-size:115%;
}
/* contenu de la page media */
.album h6
{
font-size:100%;
}

.album h6 a
{
font-size : large;
font-weight:bolder;
font-variant:small-caps;
vertical-align:middle;
}


.album  img
{
padding:5px;
border-style:solid;
border-color:black;
border-width:2px;

}
	
/* contenu de la page admin */

#liste_actu
{
	position:absolute;
	width:505px;
	height:400px;
	overflow:auto;
	text-align:justify;

}
#ajout_actu
{
	margin-left:525px;
	width:505px;
	height:400px;
	overflow:auto;
}
/*emission*/
.info_em
{
font-variant:small-caps;
font-weight:bold;
}
/*partenaire*/
.partenaire table
{
   border-style:none;
   width:900px;
   height:300px;
   margin:auto;
   text-align:center;
   font-variant:small-caps;
	font-size:115%;
}

.partenaire img
{
	border-style:none;
}
/* pied. présent partout */
.contact
{
	width:900px;
	height:300px;
	position:absolute;
	font-size:115%;
	overflow:auto;

}
.pied
{
	
	width:1325px;
	height:50px;
	text-align:center;
	color: #FFCC33;

}
.pied a 
{
	color: #FFCC33;
}