/* 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:top url(images/header.jpg) no-repeat;
}
#header2  {
	top: 0px;
	width: 800px;
	height: 136px;
	border: 0;
	display: block;
	background-image: url(images/header.jpg);
}

#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: 220px; height:auto; }

#boiteTexte{ width: 520px; height:auto; margin-left: 260px; }

#contenuBas {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 27px; width: 853px; text-align:center; background-image:url(images/contenuBas.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: #9b9b9b;}


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

/* autre textes */

.rubriqueTitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #369de3; font-weight: bold; padding-left: 20px; border-bottom: solid 1px #282828;}

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


/* Liens par défault */

a:link {color: #369de3; text-decoration: underline;}
a:visited {color: #369de3; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}

.pages {color: #ffffff;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.pages a:link {color: #ffffff; text-decoration: none;}
.pages a:visited {color: #ffffff; text-decoration: none;}
.pages a:hover {color: #3300FF; text-decoration: underline;}

/* 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: #369de3; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #369de3; 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: #fff; 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: #369de3; text-decoration: none;}
.rubrique a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; 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;
}

.Style1 {
	color: #9b9b9b;
	font-weight: bold;
}
.Style2 {color: #369de3}
.Style3 {color: #FFFFFF}
.Style4 {font-size: 12px;}
.Style5 {font-size: 13px; font-weight: bold; color: #9b9b9b; }
.Style7 {color: #FFFFFF; }
.Style9 {color: #369de3; font-weight: bold; }
.Style10 {color: #646464}
.Style12 {font-size: 12px; color: #FFFFFF; font-weight: bold; }
.Style14 {color: #FFFF00}
.Style16 {font-size: 12px; font-weight: bold; }
.stylelien a{color: #369de3;text-decoration:none;}

/*Page navigatoin 2 ----------------------------- */

#content .wp-pagenavi {
	text-align:center;
	height:25px;
	font:bold 11px Arial, Helvetica, sans-serif;
	line-height:24px;
}
#content .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 3px 8px 3px 8px;
	margin: 2px;
	text-decoration: none;
	color: #0681b5;
	line-height:24px;
	background-color: #e7e7e7;
}
#content .wp-pagenavi a:hover {
	color:#fff;
	background-color: #666;
}
#content .wp-pagenavi span.pages {
	padding: 3px 8px 3px 8px;
	margin: 2px 2px 2px 2px;
}
#content .wp-pagenavi span.current {
	padding: 3px 8px 3px 8px;
	margin: 2px;
	line-height:25px;
	font-weight: bold;
	color: #fff;
	background:#0681b5;
}
#content .wp-pagenavi span.extend {
	padding: 3px 8px 3px 8px;
	margin: 2px;
	color: #fff;
	line-height:25px;
	background-color: #314332;
}


/* DIV FICHE */
.fiche
{
	background-color:#4B4B4B;
	border:#646464 3px solid;
	width:530px;
	padding:1px;
	margin-bottom:12px;
}
.affiche
{
	/*border:blue 1px solid;*/
	float:left;
	width:120px;
	height:160px;
	margin-right:5px;
}
.details
{
	position:relative;
	padding-top;2px;
	/*border:white 1px solid;*/
	width:526px;
	min-height:160px;
}
.details h2,.details h2 a
{
	font-size:0.9em;
	margin-bottom:0;
	color: #369de3;
	line-height:1.0em;
}
.details h5
{
	text-align:center;
	font-size:0.8em;
	font-style:italic;
	margin:0 0 1px;
}
.details p
{
	font-size:0.9em;
	font-style:italic;
	font-weight:100;
	color:white;
	text-align:justify;
	margin-top:4px;
}
.bordertop {	border-top:#646464 2px solid;
}
.bas
{
	position:relative;
	padding:4px 0;
	text-align:center;
}
.reponses
{
	font-size:0.9em;
	line-height:1.2em;
	color: #369de3;
	margin: 2px;
}
.reponses a
{
	color: #369de3;
}
#download
{
	position:relative;
	text-align:center;
}
#download p
{
	line-height:1.2em;
	margin: 1px;
}
#download .reponses
{
	font-size:0.9em;
	color: #ffffff;
}
#download .reponses a
{
	font-weight:bold;
	font-size:0.9em;
	color: #003399;
	font-weight:bold;
}

.infos
{
	font-size:1em;
	color:white;
}
.date{
	text-align:center;
	font-size:0.8em;
	font-style:italic;
	margin:0;
}