body {
  background-color:#FFFFFF; /*Couleur de fond de la page Web*/
  color:#000000; /*Couleur du texte*/
  font-family:Verdana, Arial, Helvetica, sans-serif; /*Polices d’écriture*/
  font-size:10px; /*Taille d’écriture*/
  padding:0; /*Pour que la page n’ai aucune marge*/
  margin:0; /*Pour que la page n’ai aucune marge*/
  /*background:transparent url('./images/haut-fond-menu.gif') repeat-x scroll right top;*/
}
   
div#contenu {
  width:800px; /*Largeur du design*/
  margin:0 auto 0 -400px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
  position:absolute;
  top:700px; /*25px entre le coin supérieur de l’écran et le design*/
  left:50%;/*50% de marge ( cela centrera le design )*/
  background:transparent url('./images/page-fond.jpg') repeat-y scroll right top!important;
}

/* Reglages personnels : */
ul , li { margin:0; padding:0; list-style-type:none; } /* Pas de marges automatique dans les listes, ni de puces */

a { color:#000000; text-decoration:none; }/*Paramètres des liens*/
a:hover { color:#0267B6; }/*Paramètres des liens quand le pointeur est sur ceux-ci*/

h1 { text-align:center; margin:0; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

div.clear { clear:both; }/*Nous verrons ceci un peu plus tard. */
img { display:block; border:0; }/*Aucune bordure sur les <img>*/

dl, dt, dd, ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

hr{
  background-color:#fecc00;
  border:0px;
  padding:0px;
  margin:0px;
  height:1px;
  margin-top:20px;
}

span.hide {
  left:-5000px;
  position:absolute;
  text-indent:-5000px;
  top:-5000px;
}

.menushaut{
  position:absolute;
  top:-700px;
  left:10px;
  z-index:100;
  width: 100%; /* correction pour Opera */
}

.menushaut dl {
  float: left;
}

.menushaut dt {
  cursor: pointer;
}
.menushaut dd {
  display: none;
  margin-left:-2px;
}
.menushaut li {
  text-align: center;
  border: 1px solid transparent;
  height:22px;
  background: transparent url('./images/pixelbleu.png') repeat;
}
.menushaut li a, .menushaut dt a {
  color: #000;
  text-decoration: none;
  display: block;
  height: 100%;
  border: 0 none;
  line-height: 2;
}

.menushaut li a:hover, .menushaut li a:focus{
  background: #ecf3f9;
  height:22px;
}

#menu1{
	display: block; 
	width: 131px ;
	height: 40px;
	background: url('./images/menu_01.png') no-repeat 0 0 ;
}

#menu1:hover{
	background: url('./images/menu_01.png') no-repeat 0 -40px ;
}

#menu2{
	display: block; 
	width: 129px ;
	height: 40px;
	background: url('./images/menu_02.png') no-repeat 0 0 ;
}

#menu2:hover{
	background: url('./images/menu_02.png') no-repeat 0 -40px ;
}

#menu3{
	display: block; 
	width: 130px ;
	height: 40px;
	background: url('./images/menu_03.png') no-repeat 0 0 ;
}

#menu3:hover{
	background: url('./images/menu_03.png') no-repeat 0 -40px ;
}

#menu4{
	display: block; 
	width: 130px ;
	height: 40px;
	background: url('./images/menu_04.png') no-repeat 0 0 ;
}

#menu4:hover{
	background: url('./images/menu_04.png') no-repeat 0 -40px ;
}

#menu5{
	display: block; 
	width: 130px ;
	height: 40px;
	background: url('./images/menu_05.png') no-repeat 0 0 ;
}

#menu5:hover{
	background: url('./images/menu_05.png') no-repeat 0 -40px ;
}

#menu6{
	display: block; 
	width: 130px ;
	height: 40px;
	background: url('./images/menu_06.png') no-repeat 0 0 ;
}

#menu6:hover{
	background: url('./images/menu_06.png') no-repeat 0 -40px ;
}

#col_left_top {
  /*background:transparent url('./images/fond-gauche.jpg') no-repeat scroll right top;*/
  float:left;
  height:740px;
  margin:0pt 0pt 0pt 0px;
  width:50%;
}
#col_right_top {
  /*background:transparent url('./images/fond-droit.jpg') no-repeat scroll left top;*/
  float:left;
  height:740px;
  margin-left:50%;
  margin-top:-740px;
  width:50%;
}

#header{
  position:absolute;
  top:-660px;
  left:10px;
}

#espaceabonne{
  background:transparent url('./images/fond-esp-abonne.gif') repeat scroll left top;
  width:740px;
  height:28px;
  position:absolute;
  top:-430px;
  left:30px;
}

#abo{
  background:transparent url('./images/espace-abonne.png') no-repeat scroll left top;
  width:166px;
  height:28px;
}

#formabo{
  position:absolute;
  margin-top:-27px;
  margin-left:180px;
}

#formabo input{
  border:0px;
  margin-right:5px;
}

.boutabo{
  position:relative;
  top:4px;
}

div.menu_gauche {
  /*background-image:url('./nom_du_repertoire/nom_de_limage.jpg') ;*/
  background-repeat:repeat-y ;
  width:180px;
  float:left;
  margin-top:50px;
  margin-left:10px;
  position:absolute;
  top:-402px;
}

.menus {
  margin-left:15px;
}

.menus li{
  margin-top:5px;
}

#menu11{
	display: block; 
	width: 155px ;
	height: 52px;
	background: url('./images/menu_gauche_mensuel.png') no-repeat 0 0 ;
}

#menu11:hover{
	background: url('./images/menu_gauche_mensuel.png') no-repeat 0 -52px ;
}

#menu12{
	display: block; 
	width: 155px ;
	height: 52px;
	background: url('./images/menu_gauche_semest.png') no-repeat 0 0 ;
}

#menu12:hover{
	background: url('./images/menu_gauche_semest.png') no-repeat 0 -52px ;
}

#menu13{
	display: block; 
	width: 155px ;
	height: 52px;
	background: url('./images/menu_gauche_guide.png') no-repeat 0 0 ;
}

#menu13:hover{
	background: url('./images/menu_gauche_guide.png') no-repeat 0 -52px ;
}

#textegauche{
  margin-left:18px;
  padding-top:33px;
  z-index:100;
}

#textegauchenonid{
  margin-left:18px;
  margin-top:0px;
}

#fondmilieu {
  background:transparent url('./images/page-fond.jpg') repeat-y scroll right top;
}

div#texte {
  width :580px ;
  float :right ;
  margin-top:-366px;
  padding-right:20px;
  position:relative;
  min-height:373px;
  z-index:200;
}

div#texte p {
  /*padding :15px;*/
}

div#texte img {
  display:inline;
}

.mois{
  padding-bottom:15px;
  padding-left:7px;
}

.annee{
  padding-left:15px;
  padding-bottom:15px;
}

.mois1{
  padding-bottom:5px;
  padding-left:7px;
}

.annee1{
  padding-left:15px;
  padding-bottom:5px;
}

.hautprogramme{
  background: url('./images/programme_fondbleuhaut.png') no-repeat;
  height:45px;
  width:573px;
}

.millieuprogramme{
  background: url('./images/programme_fondbleurepet.png') repeat-y scroll 1px top;
  width:573px;
}

.basprogramme{
  background: url('./images/programme_fondbleubas.png') no-repeat;
  height:45px;
  width:573px;
  margin-left:1px;
  margin-top:-18px;
}

.programme{
  float:left;
  width:242px;
  padding-top:0px;
  padding :18px 0px 15px 28px;
}

.programmedescr{
  float:left;
  width:530px;
  padding :15px 0px 15px 23px;
  min-height:140px;
}

.fichierdocu{
  float:left;
  width:247px;
  padding-top:0px;
  padding :15px 0px 15px 23px;
}

.titreprogramme{
  position:absolute;
  margin-top:-50px;
  font-size:14px;
  font-weight:bold;
}

.soustitreprogramme{
  position:absolute;
  margin-top:-30px;
  font-size:12px;
  font-weight:bold;
  width:200px;
  color:#004489;
}

.lirelasuite{
  float:left;
  width:250px;
  text-align:right;
  border-bottom:1px solid #FECC00;
  margin-left:25px;
  padding-bottom:2px;
  position:relative;
}

.lirelasuite a{
  background-color:#FECC00;
  padding:2px 5px 2px 5px;
}

.icone1{
  position:absolute;
  margin-top:-50px;
  margin-left:225px;
  height:40px;
  width:25px;
  background-image: url('./images/picto_camera.png');
}

.icone2{
  position:absolute;
  margin-top:-50px;
  margin-left:225px;
  height:40px;
  width:25px;
  background-image:url('./images/picto_cinema.png');
}
.icone3{
  position:absolute;
  margin-top:-50px;
  margin-left:225px;
  height:40px;
  width:25px;
  background-image:url('./images/picto_humour.png');
}

.icone4{
  position:absolute;
  margin-top:-50px;
  margin-left:225px;
  height:40px;
  width:25px;
  background-image:url('./images/picto_musique.png');
}

.icone5{
  position:absolute;
  margin-top:-50px;
  margin-left:225px;
  height:40px;
  width:25px;
  background-image:url('./images/picto_theatre.png');
}

div#footer {
  background-image:url('./images/bas-fond.jpg');
  background-position:0px 0px;
  background-repeat:repeat-x;
  width:800px;
  height:82px;
  position:relative;
  padding-top:-28px;
} 

#iconesbas {
  padding-left:25px;
  padding-top:15px;
  z-index:50;
}

.mentions {
  position:absolute;
  margin-left:202px;
  margin-top:-40px;
}

.mentions a:hover {
  background-color:#d2effc;
  color:#000000;
}

p.copyright {
  position:absolute;
  margin-top:-25px;
  margin-left:202px;
}

p.copyright a {
  color:#000000;
}

p.copyright a:hover {

}


.aboco{
  position:absolute;
  margin-top:-20px;
  margin-left:180px;
}

.abopro{
  position:absolute;
  margin-top:-20px;
  margin-left:585px;
}

.inabo{
  width: 138px;
}

.telechargerligne{
  float:left;
  width:250px;
  text-align:right;
  border-bottom:1px solid #FECC00;
  margin-left:0px;
  padding-bottom:2px;
  padding-top:13px;
  position:relative;
}

.telechargerlignetexte{
  position:absolute;
  left:0px;
}

.telechargerligne a{
  background-color:#FECC00;
  padding:2px 5px 2px 5px;
}

.commander{
  border-bottom:1px solid #FECC00;
  margin-left:23px;
  text-align:right;
  width:521px;
}

.titretexte{
  padding:15px 15px 0px 23px;
}

.titretextedocu{
  padding:3px 0px 7px 0px;
  display:block;
}

.contenusite{
  padding:0px 25px 25px 25px;
}

.question{
  padding: 10px 0px 0px 0px;
}

.question a{
  padding-left: 20px;
}

.question img{
  margin-top:2px;
  position:absolute;
}

.reponse{
  color:#0068B7;
  padding-left:20px;
}

.titreprogrammehisto{
  position:absolute;
  margin-top:-52px;
  font-size:15px;
  color:#5197d3;
  background-image:url('./images/pucefleche.gif');
  background-repeat:no-repeat;
  background-position:1px 5px;
  padding-left:15px;
}

.historique{
  float:left;
  width:530px;
  padding :23px 0px 2px 23px;
}

.titreproghisto{
  font-size:13px;
  font-weight:bold;
  padding:0px 10px 10px 0px;
  margin-top:-10px;
}

.soustitreproghisto{
  color:#5197d3;
  padding:0px 10px 10px 0px;
}

.dateproghisto{
  padding:0px 10px 10px 0px;
}

.petiteligne{
  border-bottom:1px solid #FECC00;
  margin:7px 0px 0px 21px;
  position:relative;
  width:254px;
}

.petithistorique{
  float:left;
  width:256px;
  padding :85px 0px 2px 23px;
}

.titreproghisto1{
  font-size:13px;
  font-weight:bold;
  padding:0px 10px 10px 102px;
  margin-top:-28px;
  position:absolute;
  width:160px;
}

.soustitreproghisto1{
  color:#5197d3;
  padding:5px 10px 10px 102px;
  margin-top:-28px;
  width:160px;
  position:absolute;
}

.dateproghisto1{
  padding:26px 10px 10px 102px;
  margin-top:-28px;
  width:160px;
  position:absolute;
}

.petiteligne1{
  border-bottom:1px solid #FECC00;
  margin:19px 0px 0px 0px;
  position:absolute;
  width:254px;
}

.listehistorique{
  float:none;
  width:530px;
  padding :23px 0px 2px 23px;
}

.titreprogrammehisto1{
  position:absolute;
  margin-top:10px;
  font-size:15px;
  color:#5197d3;
  background-image:url('./images/flechetransparent.png');
  background-repeat:no-repeat;
  background-position:1px 4px;
  padding-left:15px;
}

.envoyercontact{
  float:left;
  width:517px;
  text-align:right;
  border-bottom:1px solid #FECC00;
  padding-bottom:2px;
}

.envoyercontact a{
  background-color:#FECC00;
  padding:2px 5px 2px 5px;
}

.grandeligne{
  border-bottom:1px solid #FECC00;
  margin:7px 0px 17px 0px;
  width:503px;
}

.contactsite{
  padding:5px 25px 0px 25px;
  position:relative;
  top:-35px;
}

.inputcontact{
  border:0px;
  width:240px;
  margin-top:2px;
}

.petittextcontact{
  position:absolute;
  padding-top:10px;
  padding-left:7px;
}

.filarianne{
  position:absolute;
  margin-top:-29px;
  padding-left:5px;
}

.acrobatpdf{
  margin-left:31px;
  margin-top:8px;
}

.textacrobatpdf{
  margin-left:25px;
  margin-top:31px;
  width:148px;
}

.programmeevenementiel{
  float:left;
  width:516px;
  padding-top:0px;
  margin-left :28px!important;
  margin-bottom :15px!important;
  margin-left :14px;
}

.titreprogrammeevenement{
  margin-top:12px;
  font-size:14px;
  font-weight:bold;
  margin-left:20px;
  display:block;
}

.soustitreprogrammeevenement{
  margin-top:3px;
  font-size:12px;
  font-weight:bold;
  width:230px;
  color:#004489;
  margin-left:20px;
  display:block;
}

.evenement1{
  margin-top:5px;
  margin-left:20px;
  width:230px;
  display:block;
}

#playerpageacceuil{
  margin-left:28px;
}

.programmepetitacceuil{
  float:left;
  width:125px;
  font-size:10px;
}

.programmepetitacceuil p{
  margin-left:19px;
  position:relative;
  margin-top:5px;
  margin-bottom:10px;
}

.boutoncommander{
	display: block; 
	width: 170px ;
	height: 32px;
	left:351px!important;
	*left:0px!important;
	left:0px;
  position:relative;
	background: url('./images/commander.gif') no-repeat 0 0 ;
}

.boutoncommander:hover{
	background: url('./images/commander.gif') no-repeat 0 -32px ;
}

.boutoncommanderliste{
	display: block; 
	width: 170px ;
	height: 31px;
	left:351px!important;
	*left:0px!important;
	left:0px;
  position:relative;
	background: url('./images/listedessalles.gif') no-repeat 0 0 ;
}

.boutoncommanderliste:hover{
	background: url('./images/listedessalles.gif') no-repeat 0 -31px ;
}

.boutoncommanderdiffusion{
	display: block; 
	width: 170px ;
	height: 31px;
	left:351px;
  position:relative;
	background: url('./images/commanderdiffusion.gif') no-repeat 0 0 ;
}

.boutoncommanderdiffusion:hover{
	background: url('./images/commanderdiffusion.gif') no-repeat 0 -31px ;
}

.boutonprofile{
	display: block; 
	width: 170px ;
	height: 32px;
	left:351px;
  position:relative;
	background: url('./images/modifier.gif') no-repeat 0 0 ;
}

.boutonprofile:hover{
	background: url('./images/modifier.gif') no-repeat 0 -32px ;
}


.boutonenregistrer{
	display: block; 
	width: 170px ;
	height: 32px;
	left:351px;
  position:relative;
	background: url('./images/enregistrer.gif') no-repeat 0 0 ;
}

.boutonenregistrer:hover{
	background: url('./images/enregistrer.gif') no-repeat 0 -32px ;
}

.boutoncontact{
	display: block; 
	width: 85px ;
	height: 31px;
	left:436px!important;
	*left:0px!important;
	left:0px;
  position:relative;
	background: url('./images/contact.gif') no-repeat 0 0 ;
}

.boutoncontact:hover{
	background: url('./images/contact.gif') no-repeat 0 -31px ;
}

.hautprogrammeaccueil{
  background: url('./images/hautbleu.png') no-repeat;
  height:109px;
  width:525px;
}

.millieuprogrammeaccueil{
  background: url('./images/fondbleu.png') repeat-y scroll left top;
  width:525px;
}

.basprogrammeaccueil{
  background: url('./images/basbleu.png') no-repeat;
  height:75px;
  width:525px;
}

div#texteaccueil {
  width :525px ;
  float :left ;
  margin-top:-366px;
  padding-left:20px;
  position:relative;
  min-height:432px;
  z-index:200;
}

div#texteaccueil p {
  /*padding :15px;*/
}

div#texteaccueil img {
  display:inline;
}

.titrepageacceuil{
  padding-left:30px;
}

#cotergauche{
  float:right;
  width:255px;
  margin-top:-366px;
  position:relative!important;
  position:absolute;
}

.soustitreprogrammeevenementaccueil{
  margin-top:-30px;
  font-size:12px;
  font-weight:bold;
  width:200px;
  color:#004489;
}

.titreprogrammeevenementaccueil{
  margin-top:-50px;
  font-size:14px;
  font-weight:bold;
}