/* déclarations génériques */
body, div, form, input, h1, h2, span
{
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
body {
	margin: 0px 0px 0px 0px;
	text-align: left;
}
#logo {
	position: absolute;
	top: 0px;
	left: 100px;
	width: 120px;
	height: 55px;
	cursor: pointer;
	cursor: hand;
}
/* contient l'image du bandeau */
#global {
	width: 1002px;
}
#bandeau {
	background-repeat: no-repeat;
	background-position: left 20px;
	height: 287px;
}
#bandeau100 {
	background-repeat: no-repeat;
	background-position: left 20px;
	height: 209px;
}
#lienshaut ul {
	height: 20px;
	margin: 0px;
	padding: 0px;
	margin-left: 530px;
}
#lienshaut li, #lienshaut li.mtexte {
	list-style-type: none;
	display: inline;
	background-repeat: no-repeat;
	padding-left: 17px;
	margin-right: 20px;
	line-height: 20px;
}
#lienshaut li {
	background-image: url(img/fleche-orange.gif);
}
#lienshaut li.mtexte {
	background-image: url(img/bt-mode-texte.gif);
}
#lienshaut li.invisible {
	display: none;
}
#lienshaut li a {
	color: #FFFFFF;
	text-decoration: none;
}
#lienshaut li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#newsletter {
	padding-top: 42px;
	margin-left: 600px;
}
#newsletter a {
	background-image: url(img/bt-newsletter.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 18px;
}
#newsletter a:hover {
	background-image: url(img/bt-newsletter.gif);
	background-repeat: no-repeat;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 18px;
}
/* -------------------------------------------- zone de contenu --------------------------------------- */
#content {
	float: left;
	background-image: url(img/pixel-degrade.jpg);
	background-repeat: repeat-x;
	background-color: #D1EDF8;
	width: 100%;
	padding-bottom: 2px;
}
#contenant {
	float: left;
	background: url(img/fd-colonnes.gif);
	background-repeat: repeat-y;
	background-position: 56px;
	width: 100%;
}
/* menu niveau 1 et 2 */
#gauche {
	float: left;
	width: 174px;
	margin-left: 56px;
	padding: 0px;
	background-image: url(img/haut-menu.gif);
	background-repeat: no-repeat;
	background-color: #000000;
}
#gauche ul {
	margin-top: 44px;
	margin-left: 7px;
	padding: 0px;
}
/* 1er niveau de menu */
#gauche li.menu, #gauche li.menuselect {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 24px;
	padding-bottom: 1px;
	margin-top: 8px;
}
#gauche li.menu {
	background-image: url(img/icone-menu.gif);
}
#gauche li.menuselect {
	background-image: url(img/icone-menu-over.gif);
}
#gauche li.menu a, #gauche li.menu a:hover {
	color: #DD9C0E;
	font-size: 14px;
	text-decoration: none;
	border: 0px solid #DD9C0E;
	border-bottom-width: 4px;
}
#gauche li.menuselect a, #gauche li.menuselect a:hover {
	color: #56C6EE;
	font-size: 14px;
	text-decoration: none;
	border: 0px solid #56C6EE;
	border-bottom-width: 4px;
}
/* 2eme niveau */
#gauche li ul {
	margin-top: 8px;
	margin-left: 20px;
	padding: 0px;
	margin-bottom: 10px;
}
#gauche li.smenu, #gauche li.smenuselect {
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 8px;
	background-position: left 6px;
}
#gauche li.smenu {
	background-image: url(img/point-blanc-carre.gif);
}
#gauche li.smenuselect {
	background-image: url(img/point-bleu.gif);
}
#gauche li.smenu a, #gauche li.smenu a:hover {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	border: 0;
}
#gauche li.smenuselect a, #gauche li.smenuselect a:hover {
	color: #56C6EE;
	font-size: 11px;
	text-decoration: none;
	border: 0;
}
/* corps */
#navig {
	padding-bottom: 15px;
}
#milieu {
	float: left;
	width: 526px;
	margin-left: 15px;
	padding: 0px;
	margin-top: 28px;
}

/* suite menu */
#droite {
	/* position: absolute;*/
	float: left;
	width: 172px;
	margin-left: 15px;
	padding: 0px;
	background-color: #000000;
}
/* 3eme niveau et moteur */
#moteur {
	margin-top: 10px;
	margin-left: 12px;
}
#moteur input.formrech {
	width: 100px;
	border: 1px solid #4CACDC;
	color: #4CACDC;
	font-family: verdana;
	font-size: 10px;
	padding-left: 2px;
	margin-right: 2px;
}
#moteur input.ok {
	background-image: url(img/bt-rechercher.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	width: 18px;
	height: auto;
	border: 0;
	background-color: transparent;
	color: #FFFFFF;
	font-size: 10px;
	margin-top: 2px;
	cursor: pointer;
	cursor: hand;
}
#droite ul {
	margin-top: 20px;
	margin-left: 12px;
	margin-right: 15px;
	margin-bottom: 20px;
	padding: 0px;
}
#droite li.ssmenu, #droite li.ssmenuselect {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 13px;
	margin-bottom: 2px;
}
#droite li.ssmenu {
	background-image: url(img/fleche-blanche-sous-menu.gif);
}
#droite li.ssmenuselect {
	background-image: url(img/fleche-bleu-sous-menu.gif);
}
#droite li.ssmenu a, #droite li.ssmenu a:hover {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}
#droite li.ssmenuselect a, #droite li.ssmenuselect a:hover {
	color: #3786AD;
	font-size: 12px;
	text-decoration: none;
}
#droite li.icone1 {
	background-image: url(img/icone-plan-interactif.gif);
}
#droite li.icone2 {
	background-image: url(img/icone-annuaire.gif);
}
#droite li.icone3 {
	background-image: url(img/icone-petite-annonces.gif);
}
#droite li.icone1, #droite li.icone2, #droite li.icone3 {
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 24px;
	height: 17px;
	margin-top: 4px;
}
#droite li.icone1 a {
	color: #8CD4ED;
	text-decoration: none;
	font-size: 12px;
}
#droite li.icone1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
#droite li.icone2 a {
	color: #8CD4ED;
	text-decoration: none;
	font-size: 12px;
}
#droite li.icone2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
#droite li.icone3 a {
	color: #8CD4ED;
	text-decoration: none;
	font-size: 12px;
}
#droite li.icone3 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
/* 4eme niveau */
#droite li ul {
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	padding: 0px;
}
#droite li.sssmenu, #droite li.sssmenuselect {
	list-style-type: none;
}
#droite li.sssmenu a {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
#droite li.sssmenu a:hover, #droite li.sssmenuselect a, #droite li.sssmenuselect a:hover {
	color: #3786AD;
	font-size: 11px;
	text-decoration: none;
}
div.pointille {
	background-image: url(img/pointille-rose.gif);
	background-repeat: repeat-x;
	margin-left: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* ---------------------------------------------------- zone bas de page --------------------------------------- */
#bdp {
	margin: 0px;
	text-align: center;
}
#bdp ul {
	padding: 0px;
	margin: 0px;
	line-height: 20px;
}
#bdp li {
	list-style-type: none;
	display: inline;
	padding-left: 15px;
}
#bdp li.base, #bdp li.cata {
	margin-right: 24px;
	background-image: url(img/icone-basedoc.gif);
	background-repeat: no-repeat;
}
#bdp li.base {
	margin-left: 40px;
}
#bdp li.presse {
	margin-right: 24px;
	background-image: url(img/icone-presse.gif);
	background-repeat: no-repeat;
}
#bdp li.agenda {
	background-image: url(img/icone-agenda.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin-right: 40px;
}
#bdp li.base a, #bdp li.presse a, #bdp li.cata a {
	color: #83C7EA;
	font-size: 12px;
	text-decoration: none;
}
#bdp li.base a:hover, #bdp li.presse a:hover, #bdp li.cata a:hover {
	color: #83C7EA;
	font-size: 12px;
	text-decoration: underline;
}
#bdp li.agenda a {
	color: #BB534A;
	font-size: 12px;
	text-decoration: none;
}
#bdp li.agenda a:hover {
	color: #BB534A;
	font-size: 12px;
	text-decoration: underline;
}
#bdp li.orealys a {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: underline;
}
#bdp li.orealys a:hover {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}
/* -------------------------------- contenu en page accueil ---------------------------------- */
/* les blocs en carres */
#bloc1, #bloc2, #bloc3, #bloc4 {
	float: left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 257px;
	color: #000000;
	font-size: 10px;
}
#bloc1, #bloc3 {
	background-image: url(img/bloc-gauche.gif);
	margin-bottom: 17px;
}
#bloc2, #bloc4 {
	background-image: url(img/bloc-droit.gif);
	margin-left: 10px;
}
#bloc1 h1, #bloc2 h1, #bloc3 h1, #bloc4 h1 {
	font-size: 13px;
	line-height: 17px;
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 17px;
	margin-left: 5px;
}
#bloc1 h1 {
	color: #ABE201;
	background-image: url(img/fleche-verte.gif);
}
#bloc1 a, #bloc1 a:hover {
	color: #749B00;
	font-size: 11px;
}
#bloc2 h1 {
	color: #E8887A;
	background-image: url(img/fleche-rose.gif);
}
#bloc2 a, #bloc2 a:hover {
	color: #D06B57;
	font-size: 11px;
}
#bloc3 h1 {
	color: #FEC02F;
	background-image: url(img/fleche-jaune.gif);
}
#bloc3 a, #bloc3 a:hover {
	color: #DE8B07;
	font-size: 11px;
}
#bloc4 h1 {
	color: #9BD7EF;
	background-image: url(img/fleche-bleu.gif);
}
#bloc4 a, #bloc4 a:hover {
	color: #4794B0;
	font-size: 11px;
}
div.corps {
	padding: 15px;
	position: relative;
}
div.corps img {
	position: relative;
}
div.corps table img {
	_position: fixed;
}
/* ------------------------------ contenu en pages interieures -------------------------------- */
#contenu {
	background-image: url(img/bloc-noir100.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#contenu h1 {
	font-size: 13px;
	line-height: 17px;
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 17px;
	margin-left: 5px;
}
#contenu h1.titre1, #contenu h1.titre {
	color: #ABE201;
	background-image: url(img/fleche-verte.gif);
}
#contenu h1.titre2 {
	color: #E8887A;
	background-image: url(img/fleche-rose.gif);
}
#contenu h1.titre3 {
	color: #FEC02F;
	background-image: url(img/fleche-jaune.gif);
}
#contenu h1.titre4 {
	color: #9BD7EF;
	background-image: url(img/fleche-bleu.gif);
}
/* ----------------------------------- mises en page popup ---------------------------- */
#popup {
	width: 100%;
	margin-top: 10px;
	text-align: center;
}
#popup #contenu {
	width: 90%;
	background-position: top right;
	text-align: left;
	margin: auto;
	padding: auto;
}
#popup h1 {
	background-color: #000000;
	margin-left: 0px;
}
/* liens imprimer et fermer */
div.lienscentre {
	width: 90%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #ffffff;
	margin: auto;
	padding: auto;
}
div.lienscentre a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
div.lienscentre a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

/* placement du calendrier */
#calendrier {
	margin-left: 15px;
	margin-bottom: 15px;
}
table.Mois {
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
}
table.Mois td {
	border: 1px solid #FFFFFF;
	padding: 1px;
	text-align: center;
	color: #ABE201;
}
table.Mois td a, table.Mois td a:hover {
	color: #ABE201;
}
table.Mois caption {
	margin-bottom: 2px;
	cursor:pointer;
	cursor: hand;
}
table.Mois caption a {
	color: #BB534A;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
table.Mois caption a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
tr.S {
	background-color: #BB534A;
}
tr.S td {
	font-weight: bold;
	color: #000000;
}
/* samedi et dimanche */
td.J6, td.J0 {
	background-color: #7C7C74;
}
/* aujourd hui */
td.J, td.J a, td.J a:hover {
	background-color: #DD9C0E;
	font-weight: bold;
	color: #FFFFFF !important;
}
/* pointille */
hr.pointille {
	border: 0px dotted #DD9C0E;
	border-top-width: 1px;
}


/* --- videotheque --- */

div.trigger-container
{
	background: url(img/bg-trigger-container.gif) no-repeat 0 0;
	width: 480px;
	height: 29px;
	position: relative;
	cursor: pointer;
}

div.trigger-container h3
{
	position: absolute;
	margin: 7px 0 0 10px;
	padding-left: 8px;
	color: #8cd2ee;
	font-weight: normal;
	font-size: 11px;
	background: url(img/bg-trigger-title.gif) no-repeat 0 5px;
}

div.trigger-container a
{
	position: absolute;
	right: 0;
	top: 6px;
	margin-right: 10px;
	background: url(img/bg-trigger-box-open.gif) no-repeat 0 0;
	display: block;
	height: 0;
	width: 62px;
	padding-top: 17px;
	overflow: hidden;
}

div.trigger-container a.expanded
{
	background: url(img/bg-trigger-box-close.gif) no-repeat 0 0;
}

ul.videotheque
{
	position: absolute;
	overflow: hidden;
	max-height: 364px;
	_height: 364px;
	overflow-y: scroll;
}

ul.videotheque li.playing,
ul.videotheque li.hovered
{
	background: #8cd2ee;
	border-bottom-color: #fff;
	cursor: pointer;
}

ul.videotheque li.playing a,
ul.videotheque li.hovered a
{
	color: #1c8cb9;
}

div.flash-container
{
	height: 398px;
	width: 480px;
	background: #181817;
	overflow: hidden;
}

div.flash-container *
{
	outline: none;
}

h2.video-title
{
	color: #1c8cb9;
	text-transform: uppercase;
	font-family: Arial, Helvetica, Sans-Serif;
	margin-bottom: 15px;
	font-size: 17px;
}