/* Mise en forme du body */

body {	background-color: #000000;
}


/* ID(#) - Mise en forme de la page en DIV -  */

#header { margin-top: 15px; margin-left: auto; margin-right: auto; margin-bottom:0; height:173px; width:853px; background-image:url(images/header.jpg);}

#cadre {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:27px; width:auto; background-image:url(images/cadre1.jpg); text-align: center; background-repeat: no-repeat;}

#cadrebas {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:107px; width:auto; background-image:url(images/cadre.jpg); background-repeat: no-repeat;}

#cadrecd {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:41px; width:auto; background-image:url(images/cadre2.jpg); text-align: left; background-repeat: no-repeat;}

#menu { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0;height: 28px; width: 853px; background-image:url(images/menuBg.gif); }

#menu2 {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 21px; width: 853px; padding-top: 7px; background-image:url(images/menu2Bg.gif);}

#contenuHaut {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:27px; width:853px; background-image:url(images/contenuHaut.gif);}

#contenuBg {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width:823px; background-image:url(images/contenuBg.gif); padding-left: 15px;padding-right: 15px; padding-top: 1px; padding-bottom: 20px;}

#boiteMenu{float:left; width: 125px; height:auto; }

#boiteTexte{ width: 640px; height:auto; margin-left: 150px; }

#contenuBas {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 27px; width: 853px; background-image:url(images/contenuBas.gif); background-position:top; background-repeat:no-repeat;}

#contenuBas2 { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 18px; width: 853px; background-image:url(images/contenuBas1.gif); background-position:top; background-repeat:no-repeat;}

#Bas { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 27px; width: 500px; background-image:url(cat/img/infos.gif); background-position:top; background-repeat:no-repeat;}


/* CLASS - Mise en forme des textes */


p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #618cb6;}

a:link {
	color: #ece902;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:visited, a:active {
	color: #ece902;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

img {
	border:none;
	display:block;
}


.jaune {
	color: #ece902;
}

/* Titre */
.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #618cb6; font-weight: bold; border-bottom: dashed 1px #282828;}

/* Titre1 */
.titre1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #618cb6; font-weight: bold; border-bottom: dashed 1px #282828;}

/* cadre */
.cadre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #618cb6; font-weight: bold;}

/* fiche */
.fiche {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #FFFFFF; font-weight: bold; text-align: justify; padding-left: 20px; padding-right: 20px;}

/* affiche */
.affiche {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;color: #369de3;font-weight: bold;text-align: center;}

/* cadreBas */
.cadreBas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0066FF;
	font-weight: bold;
	text-align: left;
	padding-left: 23px;
}

/* autre textes */

.rubriqueTitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #618cb6; font-weight: bold; padding-left: 15px; border-bottom: solid 1px #282828;}

.acteur {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #edeb37; font-weight: bold; padding-left: 15px;}

.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #646464; text-decoration: none; text-align: center;}

.texteBas {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #646464; text-decoration: none; text-align: center; text-indent: 10px; vertical-align:bottom;}


/* Liens par défault */

a:link {color: #0099FF; text-decoration: none;}
a:visited {color: #999999; text-decoration: none;}
a:hover {color: #fff; text-decoration: none;}

/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #618cb6; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #618cb6; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none; text-align:center;}

/* Liens pour MENU2 sur fond bleu - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/

.menu2 a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #fff; text-decoration: none;}
.menu2 a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #666666; text-decoration: none;}
.menu2 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #000; text-decoration: none;}
.menu2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; text-decoration: none; text-align:center;}

/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/

.rubrique a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #369de3; text-decoration: none;}
.rubrique a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #CCCCCC; text-decoration: none;}
.rubrique a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #009900; text-decoration: none;}
.rubrique{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  color: #fff; text-decoration: none; text-align:left;}

/* Autres Code */

.photosPositionnementDROIT {float:right; margin-left: 15px; margin-top: 15px; margin-bottom: 15px;}

.photosPositionnementGAUCHE {float:left; margin-right: 15px; margin-top: 15px; margin-bottom: 15px;}

.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #369de3;border: 1px solid #369de3;background-color: #242424;
}

/*
Pagination
*/
div.pagination{
	position: relative;
	width: 940px;
	text-align: center;
	list-style-type: none;
	clear:both;
	margin:3px 0 0 0;
	overflow: hidden;
}


ul.pagination {
	list-style-type: none;
	position: relative;
	margin: auto;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	display: -moz-inline-block;
	display: inline-block;
	border: 1px solid #333;
	padding: 5px;

	zoom:1;
	*display:inline;
	}
* html ul.pagination { margin: 0 auto; width: 340px; } /* IE fix */

ul.pagination li{
	white-space: nowrap;
	float: left;
	padding: 0 1px;
	line-height: 26px;
	font-weight: bold;
}
ul.pagination li a {
	display: block;
	float: left;
}
ul.pagination li.active a, ul.pagination li a:hover {
	background: transparent url(images/index/bg_page_rc.png) no-repeat right top;
}
ul.pagination li span {
	display: block;
	height: 26px;
	line-height: 26px;
	color: #fff;
	cursor: pointer;
	padding: 0 8px;
	font-weight: bold;
	float: left;

}
ul.pagination li.active span, ul.pagination li a:hover span {
	background: transparent url(images/index/bg_page_lc.png) no-repeat left top;
}