body {margin:0; text-align:center;font-family: Verdana,Tahoma, Helvetica, Sans-Serif; font-size: 75%;margin:0; padding:0; width:100%; height:100%; background-color:#b2e7fa;}

table {margin:0; border:0; border-collapse:collapse}
th, td {padding:0;margin:0}
div {padding:0;margin:0}
object, embed {border:0; margin:0; padding:0}
img {padding:0;margin:0}

#containerpage { position:absolute; left: 50%; top: 50%; width:950px; height: 650px; margin-left: -475px; margin-top: -343px; text-align: center; border: Opx;border: 0px solid black;}

.tableau{border: 2px solid #000000;}
.couleur_page {background-color:#ffffff;}
.couleur_colonne {background-color:#cccccc;}

/* Images Page */
/* ter */
.bandeau {background-image: url("../images/banniere/bandeau.jpg"); height: 180px; width: 950px; background-repeat: no-repeat}
.sous_bandeau {background-image: url("../images/images_site/sous_bandeau.jpg"); height: 1px; width: 950px; background-repeat: no-repeat}
.separ_d {background-image: url("../images/images_site/separ_d.gif")}
.separ_m {background-image: url("../images/images_site/separ_m.jpg")}
.smenu {background-image: url("../images/images_site/separ_g.gif")}

.niv {padding-left:13px;}
.menu td {padding:0}
.menu a {font-size:small; font-weight:bold; text-decoration:none; color:black; padding-left:13px}
.menu a:hover {color:#a8a8a8}

.smenu div {position:absolute; left:auto; visibility:hidden; z-index:20; padding-left:13px; }
.italique {color: black; font-size:0.9em; text-decoration:none; font-style: italic; padding-left:13px;  padding-right:10px;}

.taniv2 {width: 183px; border: 1px solid #a8a8a8; }
.tdniv2 a {display:block; padding-left:8px;padding-top:3px;padding-bottom:3px;padding-right:2px;width: 173px; background-color: white; border-top: 1px solid  #a8a8a8;}
.tdniv2 a {color:black ;text-decoration: none; font-size:0.9em}
.tdniv2 a:hover {background-color:#a8a8a8; color: white; text-decoration:none;font-weight:bold; }

.grostitre {font-size:small; font-weight:bold; text-transform: uppercase; padding-left:13px;}
.grostitre a {color:black; text-decoration:none}
.grostitre a:hover {color:#1469aa; text-decoration:none}

.titredroit {font-size:small; font-weight:bold; padding-left:13px;}
.titredroit a {color:black; text-decoration:none}
.titredroit a:hover {color:#E60005; text-decoration:none}

.indliens {padding-top:4px; margin-left: -6px; color:black;}
.indliens li {margin-left: -12px; color:black; margin-top: 0px;}
.indliens a {font-size: 0.9em; color:black; text-decoration:none}
.indliens a:hover {text-decoration:underline; color:black}
.titrelien {list-style-image: none; padding-left:0px; padding-top:2px; padding-bottom:0px; padding-right:2px; color:black}
.titretele {list-style-type: none;list-style-image: url(../images/images_site/pdf.gif); padding-left:4px; padding-top:2px; padding-bottom:0px; padding-right:2px; color:black}
.titrelink {list-style-type: none;list-style-image: url(../images2/iclien.jpg); padding-left:4px; padding-top:0px; padding-bottom:2px; padding-right:0px; color:black}
.titreder {list-style-type: none;list-style-image: url(../images2/icder.jpg); padding-left:4px; padding-top:0px; padding-bottom:2px; padding-right:0px; color:black}

/* Espace du sommaire accès directs */
.directs {padding-top:10px; margin-left: -6px; color:black;}
.directs li {margin-left: -12px; color:black}
.directs a { font-size: 0.9em; color:black}
.directs a:hover {text-decoration:underline; color:black}
.acces_dir {list-style-image: none;padding-left:8px;padding-top:0px;padding-bottom:4px;padding-right:2px;  color:black}
.acces_over {list-style-image: none;padding-left:8px;padding-top:0px;padding-bottom:4px;padding-right:2px;  color:black}
.titremod {color: black; font-size:1em; font-weight:bold; text-decoration:none; font-style: italic; text-transform: uppercase; padding-top: 12px}
.titreindex {color: #124795; font-size:1em; font-weight:bold; text-decoration:none; font-style: italic; text-transform: uppercase; padding-left: 30px; padding-top: 12px}

/* Espace du sommaire autre */
.autre {padding-top:10px; margin-left: -6px; color:#124795;}
.autre li {margin-left: -12px; color:#124795;}
.autre a {color: #124795; font-size:1em; font-weight:bold; text-decoration:none; font-style: italic;}
.autre a:hover{color: #0066CC; font-size:1em; font-weight:bold; text-decoration:underline; font-style: italic;}
.autre_dir {list-style-type: none;list-style-image: url(../images2/triangle.jpg); padding-left:8px;padding-top:0px;padding-bottom:4px;padding-right:2px;  color:#124795;}
.autre_over {list-style-type: none;list-style-image: url(../images2/triangle.jpg); padding-left:8px;padding-top:0px;padding-bottom:4px;padding-right:2px;  color:#124795;}

/* Invariants  */
.int_pieds {font-size:x-small}
.int_pieds a {color:#000; text-decoration:none}
.int_pieds a:hover {color:#000; text-decoration:underline}

/* Espace de l'accessibilité */
.accesible a {font-size:x-small; color:#000; text-decoration: none}
.accesible a:hover {color:#000; text-decoration: underline}

/* Encart Actualité  et Agenda */
.vignet { float: left; padding-right: 10px; padding-left: 2px; padding-top: 3px; border:0px}
.actu_resume {float: left; padding-left: 15px; padding-right: 10px;font-weight:none; color: black; font-size:0.9em; text-decoration:none;}
.titre_actu {padding-right: 5px; padding-left: 15px; padding-bottom: 5px; padding-top: 5px; font-size:1em; font-weight:bold; text-decoration:none}
.titre_actu a {color: #00AEEF; font-size:1em; font-weight:bold; text-decoration:none;}
.titre_actu a:hover {color: #E60005; font-size:1em; font-weight:bold; text-decoration:underline;}

.menuint {font-size:0.9em; background-color:#cccccc;}
.menuint  a {color:#000; text-decoration:none}
.menuint  a:hover {color:#000; text-decoration:underline}
.lienniv2 {font-size: 0.9em; color:black; text-decoration: underline; font-weight:none;}
.lienniv2 a:hover {color:#E60005; text-decoration: none}
.lienoverniv2 {font-size: 0.9em; text-decoration: none; color:#E60005; font-weight:bold;}

/* espace calendrier */
#calendrier {
	width:100%;
	color:#000;
	border-collapse:collapse;
	font:8pt arial,helvetica,sans-serif;
	background-color: #f9f2e8;
	border:1px solid #d6aa53;
}
.calMois {
	font-size:1em;
	font-weight:bold;
	color:#000;
	font: arial,helvetica,sans-serif;
	background-color: #f9f2e8;
}
.Calsemaine {
	font-weight:bold;
	border:0px solid #237c54;
	border-bottom: solid 1px #CCC;
	background-color:#d6aa53;
	color:#000;
	font: arial,helvetica,sans-serif;
	height: 18px;
}
.CalJour {
	color:#000;
	font-weight:none;
	font-size:0.9em;
	border:0px solid #7EB8E1;
}
.CalJourManif {
	border:1px solid #fff;
	color:#FFF;
	font-weight:none;
	font-size:11px;
	background-color:#d6aa53;
}
#calendrier .CalJourManif a {
	display:block;
	border:0;
	font-size:0.9em;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	display:block; 
}
#calendrier .CalJourManif a:hover {
	color:#FFF; 
	background-color:#000;
	padding-top: 1px;
	padding-bottom: 2px;
	font-weight:bold;
}


/* Espace du contenu */
.contenu {padding-top: 0px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
.contenu .imgpuce {display:none}
.contenu .nomcontenu {display:none}
.contenu .TListe, .contenu .TContenu {width:100%; padding-bottom:5px; padding-top:5px; margin-bottom:10px}
.contenu .TListe .titre, .contenu .TContenu .titre {padding-bottom:0px; padding-top:0px; padding-left:0px;}
.contenu .TListe img, .contenu .TContenu img {margin:5px; border:0}
.contenu .TListe .titre span, .contenu .TContenu .titre span {display:block}
.vignette {width:1px;}
.contenu .TListe .resume, .contenu .TContenu .resume {padding-bottom:5px; padding-top:5px}
.date {padding-bottom:5px; padding-top:5px}
.TContenu td {padding:2px}
.TListe td {padding:2px}

/* Horaires */
table.horaires-tableau {
	padding: 3px;
	margin: 0px;
	font-size: xx-small;
	border: 1px solid #E60005;
}
.horaires-ligne1 {
	font-size: xx-small;
	background-color: #FFF;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #E60005;
}
.horaires-ligne2 {
	font-size: xx-small;
	background-color: #E6B7B8;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #E60005;
}
.horaires-entete {
	font-size: xx-small;
	background-color: #E60005;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #E60005;
}
.horaires-cellules {
	font-size: xx-small;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #E60005;
}
/* Articles */
.inter-bandeau {
	background-color: #E60005;
	padding: 5px;
	width: 100%;
	color: #FFFFFF;
}
.horaires {
	background-color: #E60005;
	padding: 3px;
	color: #FFFFFF;
	width: 100%;
}
/* Evenements */

.rouge {
	color: #E60005;
}
.bleu {
	color: #00aeef;
}
div.fincontenu hr {
	color: #E60005;
}
.encadre-rouge {
	padding: 5px;
	float: right;
	width: 40%;
	margin-left: 10px;
	background-color: #E6B7B8;
	border: 1px solid #E60005;
	margin-bottom: 10px;
}
.encadre-bleu {
	padding: 5px;
	width: 100%;
	margin-right: 10px;
	background-color: #B4E0F0;
	border: 1px solid #00AEEF;
	clear: both;
}
img.photo-gauche {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #000000;
}
img.photo-droite {
	float: right;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #000000;
}
/* ---------Encadrés--------- */
.cadr-horaires, .cadr-rdv, .cadr-plus, .cadr-avt-prog {
	padding: 5px;
	margin-top: 0px;
	margin-right: 252px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	position: relative;
}
.titr-horaires, .titr-rdv, .titr-plus, .titr-avt-prog {
	position: relative;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.titr-horaires u, .titr-rdv u, .titr-plus u, .titr-avt-prog u {
	display: none;
}
/* --------- Encadré horaires --------- */
.cadr-horaires {
	background-color: #fbd9da;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #000000;
	border-right-color: #e60005;
	border-bottom-color: #e60005;
	border-left-color: #e60005;
}
.titr-horaires {
	background-image: url(/images/icones/horaires-seances.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 162px;
}
/* --------- Encadré rdv --------- */
.cadr-rdv {
	background-color: #d9f3fd;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #000000;
	border-right-color: #00aeef;
	border-bottom-color: #00aeef;
	border-left-color: #00aeef;
}
.titr-rdv {
	background-image: url(/images/icones/rdv.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 99px;
}
/* --------- Encadré plus --------- */
.cadr-plus {
	background-color: #f0f0f0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.titr-plus {
	background-image: url(/images/icones/en-savoir-plus.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 113px;
}
/* --------- Encadré avant-programme --------- */
.cadr-avt-prog {
	background-color: #f0f0f0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.titr-avt-prog {
	background-image: url(/images/icones/avant-programme.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 144px;
}
/* Puces spéciales */

.detail ul li {
	list-style-position: outside;
	list-style-image: url(/images/puces/etoile-rouge.gif);
}
.detail li.normal, .detail ul.normal li {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: square;
}
.detail li.rdv, .detail ul.rdv li {
	list-style-position: outside;
	list-style-image: url(/images/puces/etoile-bleu.gif);
}
.detail li.noir, .detail ul.noir li {
	list-style-position: outside;
	list-style-image: url(/images/puces/etoile-noir.gif);
}
.detail li.lien, .detail ul.lien li {
	list-style-position: outside;
	list-style-image: url(/images/puces/fl1-noir.gif);
}
.resume ul li {
	list-style-position: outside;
	list-style-image: url(/images/puces/etoile-rouge.gif);
}
.resume li.normal, .resume ul.normal li {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: square;
}
.resume li.rdv, .resume ul.rdv li {
	list-style-position: outside;
	list-style-image: url(/images/puces/etoile-bleu.gif);
}
.resume li.noir, .resume ul.noir li {
	list-style-position: outside;
	list-style-image: url(/images/puces/etoile-noir.gif);
}
.resume li.lien, .resume ul.lien li {
	list-style-position: outside;
	list-style-image: url(/images/puces/fl1-noir.gif);
}
.actu_resume ul li {
	list-style-position: outside;
	list-style-image: url(/images/puces/etoile-rouge.gif);
}
.actu_resume li.normal, .actu_resume ul.normal li {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: square;
}
.actu_resume li.rdv, .actu_resume ul.rdv li {
	list-style-position: outside;
	list-style-image: url(/images/puces/etoile-bleu.gif);
}
.actu_resume li.noir, .actu_resume ul.noir li {
	list-style-position: outside;
	list-style-image: url(/images/puces/etoile-noir.gif);
}
.actu_resume li.lien, .actu_resume ul.lien li {
	list-style-position: outside;
	list-style-image: url(/images/puces/fl1-noir.gif);
}
/* Vidéos */
.video {
	margin-top: 40px;
}