/* Mise en forme du body */

body {	background-color: #242424;
}


/* 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);}

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

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

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

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

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

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

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

#headerv { margin-top: 15px; margin-left: auto; margin-right: auto; margin-bottom:0; height:173px; width:853px; background-image:url(images/headerv.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;}

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

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

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

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

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

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

#cadrefmd {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:150px; width:200px; background-image:url(images/cadrefmilieud.jpg); text-align: center; 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;}

#iframe { border:1px solid #000000; background-color:#000000; vertical-align: top;}

#panel { position:absolute; background-color:#000000; border:1px solid #555599; color: #000000;}

#fondPlan { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0;height: 3px; width: 600px; background-image:url(images/fondplan.gif);}

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

#hd1 {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:30px; width:240px; background-image:url(images/hd1.gif); text-align: center; background-repeat: no-repeat;}

#hd2 {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:20px; width:240px; background-image:url(images/hd2.gif); text-align: center; background-repeat: repeat;}

#hd3 {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:120px; width:240px; background-image:url(images/hd3.gif); text-align: center; background-repeat: no-repeat;}

#hd4 {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:40px; width:120px; background-image:url(images/hd4.gif); text-align: center; background-repeat: no-repeat;}

#hd5 {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:40px; width:120px; background-image:url(images/hd5.gif); text-align: center; background-repeat: no-repeat;}

#hd6 {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:40px; width:120px; background-image:url(images/hd6.gif); text-align: center; background-repeat: no-repeat;}

#hd10 {margin-top: auto; margin-left: auto; margin-right: auto; margin-bottom:auto; height:40px; width:120px; background-image:url(images/hd10.gif); text-align: center; background-repeat: no-repeat;}

/* CLASS - Mise en forme des textes */


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


/* Titre */
.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; 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;}

/* 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;}

.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;}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

/* =-=-=-=-=-=-=-[Menu teen]-=-=-=-=-=-=-=- */
	
#tele {
	width: 105px;
	background-image: url(images/download.gif);
	}
	
#tele li a {
  	height: 105px;
  	height: 105px;
	text-decoration: none;
	}
	
	
#tele li a:link, #tele li a:visited {
	color: #000000;
	display: block;
	background: url(images/download.gif);
	}
	
#tele li a:hover {
	color: #000000;
	background: url(images/download1.gif);
	}

#hd4 {
	width: 120px;
	background-image: url(images/hd4.gif);
	}
	
#hd4 li a {
  	height: 120px;
  	height: 40px;
	text-decoration: none;
	}
	
	
#hd4 li a:link, #hd4 li a:visited {
	color: #000000;
	display: block;
	background: url(images/hd4.gif);
	}
	
#hd4 li a:hover {
	color: #000000;
	background: url(images/hd4a.gif);
	}

#hd5 {
	width: 120px;
	background-image: url(images/hd5.gif);
	}
	
#hd5 li a {
  	height: 120px;
  	height: 40px;
	text-decoration: none;
	}
	
	
#hd5 li a:link, #hd5 li a:visited {
	color: #000000;
	display: block;
	background: url(images/hd5.gif);
	}
	
#hd5 li a:hover {
	color: #000000;
	background: url(images/hd5a.gif);
	}

#hd6 {
	width: 120px;
	background-image: url(images/hd6a.gif);
	}
	
#hd6 li a {
  	height: 120px;
  	height: 40px;
	text-decoration: none;
	}
	
	
#hd6 li a:link, #hd6 li a:visited {
	color: #000000;
	display: block;
	background: url(images/hd6.gif);
	}
	
#hd6 li a:hover {
	color: #000000;
	background: url(images/hd6a.gif);
	}
	
/* 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 */

.photosPositionnementNEWS {float:right; margin-left: 10px; margin-top: 0px; margin-bottom: 10px;}

.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;
}


