@charset "utf-8";
/* CSS Document */

/* Redfinition des balises courantes */
body {
	background-color: #FFFFFF;
	background-image: url(images/brique-blanc.gif);
	margin: 0px;
	padding: 0px;
	overflow: visible;
	background-attachment: fixed;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

img, table { margin: 0; padding: 0; border: none; }

tr {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

th {
	font-size: 0.1em;
}

abbr {
	font-size: 1em;
}

a {
	color: #CC0000;
	text-decoration: none;
}

a:hover {
	color: #CC0000;
	background-color: #FFCC00;
	text-decoration: none;
}

h1 {
	vertical-align:middle;
}

/* Styles dfinis pour toutes les pages */
#page{
	margin: 0px;
	padding: 0px;
/*	text-align:center; */
}

#entete {
	float: right;
	width: 62em;
}

#logo-accueil{
	float: right;
	margin-top: -3em;
	margin-right: 3em;
	margin-left: -4em;
}

#bebete-noire{
	float: right;
	margin-top: -1em;
	margin-left: -1em;
	margin-right: -5em;
	overflow: visible;
}

#slogan{
	float: right;
	margin-top: 2em;
	margin-right: 4em;
}

#live{
	position:inherit;
	float: right;
	overflow: visible;
	margin-top: 4em;
	margin-right: -8em;
	z-index: 10;
}

#formulaire-recherche{
	margin-right: 3em;
	margin-top: 1em;
	float: right;
}

#menu-rubriques{
	margin-top: -3em;
	float: right;
	margin-right: 2em;
}


#conteneur{
	background-color: #FFCC00;
	background-image: url(images/brique-jaune.gif);
	background-attachment: fixed;
/*	left: 5em;
	top: 2em;
	width: 70em; */
	width: 75em;
	margin-bottom: 90px;
	padding: 0px;
	height: 110em;
	margin-top: 4em;
	margin-right: 0px;
	margin-left: 5em;
}

#contenu{
	float: right;
	width: 43em;
	margin-bottom: 90px;
	margin-right: 1em;
	overflow: visible;
	color: #000000;
}

#colonneDroite{
	float: right;
	margin-top: -1em;
	margin-right: -1em;
	width: 13em;
}

#colonneGauche{
	margin-bottom: 90px;
	padding: 0px;
	height: auto;
	width: 16em;
	left: 0px;
	top: 12em;
}

#contenu-accueil{
	float: right;
	color: #000000;
	margin-right: 1em;
	width: 62em;
}


#piedBeton{
	left: 0em;
	background-color: #FFFFFF;
	background-image: url(images/brique-blanc.gif);
	background-attachment: fixed;
	position: fixed;
	height: 90px;
	width: 82em;
	margin: 0px;
	padding: 0px;
	bottom: 0px;
	text-align: center;
}

#contenu-piedBeton{
}


th .contenu-menu-rubriques{
	margin: 0px;
	padding: 0.5em;
}

.rubrique-mere{
	color: #FFCC00;
}

.rubrique-fille{
	font-size: 0.9em;
	z-index: 10;
}

a.rubriques{
	color:#FFFFCC;
}

a:hover.rubriques{
	color:#CC0000;
}

/* Styles spcifiques  la page d'accueil */
#corps-chapo{
	width: 38em;
	height: 16em;
}


#cartouche-aLaUne{
	float: right;
	width: 25em;
	height: 16em;
	margin-right: 1em;
}

#titre-aLaUne{
	text-align: center;
	z-index: 1;
}

#tableau-aLaUne{
	margin-top: -1em;
}

#contenu-aLaUne img{
	float: none;
	margin-left: 0.5em;
}

#cartouche-agendaAccueil{
	float: right;
	width: 19em;
	height: 16em;
	margin-right: 0em;
}

#titre-agendaAccueil{
	text-align: center;
	z-index: 1;
}

#tableau-agendaAccueil{
	margin-top: -1em;
}

#cartouche-ddls{
	float: right;
	padding: 0px;
	width: 14em;
	height: 18em;
	margin-right: 1em;
	overflow: hidden;
}

#titre-ddls{
	text-align: center;
	z-index: 1;
}

#tableau-ddls{
	margin-top: -1em;
}

#contenu-cartouche-ddls{
	color: #FFFFFF;
	margin: 0px;
	padding: 0.1em;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

#contenu-cartouche-ddls a{
	color: #FFFFFF;
}

#titre-progGenerale{
	text-align: center;
	margin-bottom: -1em;
	z-index: 1;
}

#titre-emissions{
	text-align: center;
	margin-bottom: -1em;
	z-index: 1;
}

#articlesAccueil{
	float: right;
	width: 28em;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 90px;
}

#liste-articlesAccueil {
	text-align: left;
	float: none;
	vertical-align: text-top;
	margin: 0px;
	padding: 0px;
}

#liste-articlesAccueil div.vignetteRubrique{
	margin-right: 0.5em;
	float: left;
}

#articlesEmissions{
	float: right;
	width: 32em;
	margin-top: 1em;
	margin-bottom: 90px;
}

#contenu-articlesEmissions{
	float: right;
	width: 14em;
	margin-top: 0px;
	margin-right: 0.5em;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#contenu-articlesBlogs{
	float: right;
	width: 14em;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

div.contenu-principal{
	margin-bottom: 90px;
}

#articlesEmissions div.vignetteRubrique{
	margin-right: 0.5em;
	float: left;
}

#permanent{
	float: right;
	margin-top: 4em;
	overflow: hidden;
}

#hierarchie{
	margin-bottom: 1em;
}


div.cartouche img.spip_logos{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

div.texte{
	text-align: justify;
}

th.rouge-11 {
	width: 15px;
	height: 15px;
	background-image: url(images/rouge-11.png);
	background-repeat: no-repeat;
	}


th.rouge-12 {
	height: 15px;
	background-image: url(images/rouge-12.png);
	background-repeat: repeat-x;
	}


th.rouge-13 {
	width: 15px;
	height: 15px;
	background-image: url(images/rouge-13.png);
	background-repeat: no-repeat;
	}


th.rouge-21 {
	width: 15px;
	background-image: url(images/rouge-21.png);
	background-repeat: repeat-y;
	}


td.rouge-22 {
	background-image: url(images/rouge-22.png);
	}


th.rouge-23 {
	width: 15px;
	background-image: url(images/rouge-23.png);
	background-repeat: repeat-y;
	}


th.rouge-31 {
	width: 15px;
	height: 15px;
	background-image: url(images/rouge-31.png);
	background-repeat: no-repeat;
	}


th.rouge-32 {
	height: 15px;
	background-image: url(images/rouge-32.png);
	background-repeat: repeat-x;
	}


th.rouge-33 {
	width: 15px;
	height: 15px;
	background-image: url(images/rouge-33.png);
	background-repeat: no-repeat;
	}

th.noir-11 {
	width: 15px;
	height: 15px;
	background-image: url(images/noir-11.png);
	background-repeat: no-repeat;
	}


th.noir-12 {
	height: 15px;
	background-image: url(images/noir-12.png);
	background-repeat: repeat-x;
	}


th.noir-13 {
	width: 15px;
	height: 15px;
	background-image: url(images/noir-13.png);
	background-repeat: no-repeat;
	}


th.noir-21 {
	width: 15px;
	background-image: url(images/noir-21.png);
	background-repeat: repeat-y;
	}


td.noir-22 {
	background-image: url(images/noir-22.png);
	}


th.noir-23 {
	width: 15px;
	background-image: url(images/noir-23.png);
	background-repeat: repeat-y;
	}


th.noir-31 {
	width: 15px;
	height: 15px;
	background-image: url(images/noir-31.png);
	background-repeat: no-repeat;
	}


th.noir-32 {
	height: 15px;
	background-image: url(images/noir-32.png);
	background-repeat: repeat-x;
	}


th.noir-33 {
	width: 15px;
	height: 15px;
	background-image: url(images/noir-33.png);
	background-repeat: no-repeat;
	}


th.jaune-11 {
	width: 15px;
	height: 15px;
	background-image: url(images/jaune-11.png);
	background-repeat: no-repeat;
	}


th.jaune-12 {
	height: 15px;
	background-image: url(images/jaune-12.png);
	background-repeat: repeat-x;
	}


th.jaune-13 {
	width: 15px;
	height: 15px;
	background-image: url(images/jaune-13.png);
	background-repeat: no-repeat;
	}


th.jaune-21 {
	width: 15px;
	background-image: url(images/jaune-21.png);
	background-repeat: repeat-y;
	}


td.jaune-22 {
	background-image: url(images/jaune-22.png);
	}


th.jaune-23 {
	width: 15px;
	background-image: url(images/jaune-23.png);
	background-repeat: repeat-y;
	}


th.jaune-31 {
	width: 15px;
	height: 15px;
	background-image: url(images/jaune-31.png);
	background-repeat: no-repeat;
	}


th.jaune-32 {
	height: 15px;
	background-image: url(images/jaune-32.png);
	background-repeat: repeat-x;
	}


th.jaune-33 {
	width: 15px;
	height: 15px;
	background-image: url(images/jaune-33.png);
	background-repeat: no-repeat;
	}


th.ddls-11 {
	width: 15px;
	height: 15px;
	background-image: url(images/ddls-11.gif);
	}


th.ddls-12 {
	height: 15px;
	background-image: url(images/ddls-12.gif);
	}


th.ddls-13 {
	width: 15px;
	height: 15px;
	background-image: url(images/ddls-13.gif);
	}


th.ddls-21 {
	width: 15px;
	background-image: url(images/ddls-21.gif);
	}


td.ddls-22 {
	background-image: url(images/ddls-22.gif);
	}


th.ddls-23 {
	width: 15px;
	background-image: url(images/ddls-23.gif);
	}


th.ddls-31 {
	width: 15px;
	height: 15px;
	background-image: url(images/ddls-31.gif);
	}


th.ddls-32 {
	height: 15px;
	background-image: url(images/ddls-32.gif);
}

th.ddls-33 {
	width: 15px;
	height: 15px;
	background-image: url(images/ddls-33.gif);
}

th.menuRubriques-11 {
	width: 15px;
	height: 15px;
	background-image: url(images/rubriques-11.gif);
	}


th.menuRubriques-12 {
	height: 15px;
	background-image: url(images/rubriques-12.gif);
	}


th.menuRubriques-13 {
	width: 15px;
	height: 15px;
	background-image: url(images/rubriques-13.gif);
	}


th.menuRubriques-21 {
	width: 15px;
	background-image: url(images/rubriques-21.gif);
	}


td.menuRubriques-22 {
	background-image: url(images/rubriques-22.gif);
	}


th.menuRubriques-23 {
	width: 15px;
	background-image: url(images/rubriques-23.gif);
	}


th.menuRubriques-31 {
	width: 15px;
	height: 15px;
	background-image: url(images/rubriques-31.gif);
	}


th.menuRubriques-32 {
	height: 15px;
	background-image: url(images/rubriques-32.gif);
}

th.menuRubriques-33 {
	width: 15px;
	height: 15px;
	background-image: url(images/rubriques-33.gif);
}

#menu{
	background-color: #CC0000;
}

ul.menu{
	display: inline;
	list-style-type: none;
}

li.rubrique-mere{
	display: inline;
	list-style-type: none;
}

ul.sous-menu{
	display: list-item;
	list-style-type: none;
}

li.rubrique-fille{
	display: inline;
	list-style-type: none;
}

#actus {
	position: absolute;
	top: 11.5em;
	text-align: left;
	left: 20em;
	width: 40em;
	height: 1.5em;
	z-index: 10;
	overflow: hidden;
}

#actus input {
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	width: 40em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-style: italic;
	background-image: url(images/bandeau-breves.png);
	background-color: transparent;
	background-repeat: no-repeat;
	overflow: hidden;
}

#actus input:hover {
	cursor:pointer;
}

#calendrier {
	float: right;
	margin-top: 5em;
	margin-right: -1em;
	width: 14em;
	overflow: hidden;
	text-align: center;
}


div.events {
	margin-bottom: 5em;
}


div.events ul li {
	margin-bottom: 1em;
}