/****************************************************************/
/*              CSS Créé pour adaptation et mise en conformité                            */
/****************************************************************/ 
 body
{
	font-family: "Arial", "Helvetica", "Geneva", "Century Gothic", "Verdana", sans-serif; 
    font-size: 13px;
    color: #666666;
    background: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

 #contenu
{
	margin: 0 auto;
	position: relative;
	overflow: auto;
	padding: 0px 0px 0px 0px;
    top: 0px;
	left: 0px;
	width: 900px;
	height: 600px;
	color: #666666;
    align:middle;
    valign:middle;
	background: #000000 url("./images/fond.jpg") no-repeat;
	border: none;
}	

#gauche
{
	position: absolute;
	padding: 0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	width: 254px;
	height: 556px;
	text-align: center;
    background: none;
    background-position: 80px 60px;
    z-index: 0;
}

#gauche_trait
{
    visibility: hidden;
	position: absolute;
	padding: 0px 0px 0px 0px;
	top: 60px;
	left: 50px;
	width: 125px;
	height: 1px;
	background: #333333;
	z-index: 0;
}

#gauche_contenu
{
	position: absolute;
	padding: 0px 0px 0px 0px;
	top: 180px;
	left: 15px;
	width: 224px;
	height: 376px;
	background: none;
    color: #666666;
    font-size: 13px;
	z-index: 0;
}

#gauche_principal
{
    visibility: hidden;
	position: absolute;
	padding: 0px 0px 0px 0px;
	top: 22px;
	left: 254px;
	width: 1px;
	height: 500px;
	background: #333333;
    z-index: 0;
}

#principal
{
	position: absolute;
	padding: 0px 0px 0px 0px;
	top: 0px;
	left: 255px;
	width: 645px;
	height: 440px;
	background: none;
	z-index: 0;
}

#bas_trait
{
    visibility: hidden;
	position: absolute;
	padding: 0px 0px 0px 0px;
	top: 455px;
	left: 380px;
	width: 390px;
	height: 1px;
	background: #333333;
	z-index: 0;
}

#bas
{
	position: absolute;
	padding: 0px 0px 0px 0px;
	top: 465px;
	left: 255px;
	width: 645px;
	height: 75px;
	text-align: center;
	background: none;
    font-size: 12px;
	z-index: 0;
}

table
{
   border-collapse: collapse;
}

tr
{

}

td
{
   font-size: 13px;
}

th
{
   font-size: 13px;
   font-style: italic;
   text-align:center;
}

.gris_c28	{ font-size: 28px;text-decoration: none;color: #999999; }
.gris_c18	{ font-size: 18px;text-decoration: none;color: #999999; }
.gris_c16	{ font-size: 16px;text-decoration: none;color: #999999; }
.gris_c14	{ font-size: 14px;text-decoration: none;color: #999999; }
.gris_c12	{ font-size: 12px;text-decoration: none;color: #999999; }

.gris_m28	{ font-size: 28px;text-decoration: none;color: #666666; }
.gris_m18	{ font-size: 18px;text-decoration: none;color: #666666; }
.gris_m16	{ font-size: 16px;text-decoration: none;color: #666666; }
.gris_m14	{ font-size: 14px;text-decoration: none;color: #666666; }
.gris_m12	{ font-size: 12px;text-decoration: none;color: #666666; }

.gris_f28	{ font-size: 28px;text-decoration: none;color: #333333; }
.gris_f18	{ font-size: 18px;text-decoration: none;color: #333333; }
.gris_f16	{ font-size: 16px;text-decoration: none;color: #333333; }
.gris_f14	{ font-size: 14px;text-decoration: none;color: #333333; }
.gris_f12	{ font-size: 12px;text-decoration: none;color: #333333; }

.rouge_28	{ font-size: 28px;text-decoration: none;color: #FF3030; }
.rouge_18	{ font-size: 18px;text-decoration: none;color: #FF3030; }
.rouge_16	{ font-size: 16px;text-decoration: none;color: #FF3030; }
.rouge_14	{ font-size: 14px;text-decoration: none;color: #FF3030; }
.rouge_12	{ font-size: 12px;text-decoration: none;color: #FF3030; }

.blanc_28	{ font-size: 28px;text-decoration: none;color: #FFFFFF; }
.blanc_18	{ font-size: 18px;text-decoration: none;color: #FFFFFF; }
.blanc_16	{ font-size: 16px;text-decoration: none;color: #FFFFFF; }
.blanc_14	{ font-size: 14px;text-decoration: none;color: #FFFFFF; }
.blanc_12	{ font-size: 12px;text-decoration: none;color: #FFFFFF; }

.rosee_28	{ font-size: 28px;text-decoration: none;color: #FF6666; }
.rosee_18	{ font-size: 18px;text-decoration: none;color: #FF6666; }
.rosee_16	{ font-size: 16px;text-decoration: none;color: #FF6666; }
.rosee_14	{ font-size: 14px;text-decoration: none;color: #FF6666; }
.rosee_12	{ font-size: 12px;text-decoration: none;color: #FF6666; }

.grisbi_f14	{ font-size: 14px;text-decoration: none;color: #333333;font-weight:bold; font-style:italic; }

/*Menu chapitre (bas)*/
.menu_actif
{
     font-size: 12px;
     text-decoration: none;
     color: #990000;
}
.menu_inactif
{
     font-size: 12px;
     text-decoration: none;
     color: #999999;
}
.menu_inactif:hover
{
     font-size: 12px;
     text-decoration: underline;
   	 color:#ff6666 ;
}
/*Menu images actif (gauche) */
a:link 
{
   color: #990000;
   text-decoration:none;
}
a:visited 
{ 
   color: #990000;
   text-decoration:none;
}
a:hover
{ 
   text-decoration:underline;
   color:#ff6666;
}
a:active 
{ 
   color: #990000;
   text-decoration:none;
}

/*Menu images inactif (gauche) */
a.menu_inactif:link
{
     font-size: 12px;
     text-decoration: none;
	 color: #999999;
}
a.menu_inactif:visited
{
     font-size: 12px;
     text-decoration: none;
	 color: #999999;
}
a.menu_inactif:hover
{
     font-size: 12px;
     text-decoration: underline;
   	 color:#ff6666 ;
}
a.menu_inactif:active
{
     font-size: 12px;
     text-decoration: none;
	 color: #990000;
}

img
{
   border: none;
}

input
{
   background: #111111;
   border: 0px solid #666666;
   font-size: 12px;
   color: #999999;
}

textarea
{
   background: #111111;
   border: 0px solid black;
   font-size: 12px;
   color: #999999;
}