body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 12px; */
    font-size: 1em;
	color: #AAAAAA;
	background-color: #000000;
	margin-top: 0px;
}

/*

body {
	Margin: 0;
    padding:0;
    background-color: black;
    color: white;
	font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
}
 */

html {
	scrollbar-face-color:#444444;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#000000;
	scrollbar-arrow-color:#ff6600; /* #FF9924;  */
	scrollbar-track-color:#000000;
}

a:link {
	text-decoration: none;
 	color: #ff6600; /* #FF9924;  */
}

a:visited {
	text-decoration: none;
	color: #ff6600; /* #FF9924;  */
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.current {
	font-weight: bold;
	color: #CCCCCC;
}

.cthumb {
	background-color: #666666;
	border: 0px; border-width: 0px;
}

.thumb {
	background-color: #444444;
	border: 0px; border-width: 0px;
}

.image { margin: 0px; border-width: 1px; border: 1px solid;}
a:link .image { border-color: #aaaaaa; color: #aaaaaa;}
a:visited .image { border-color: #666666; color: #666666;}
a:hover .image { border-color: #ffffff; color: #ffffff;}

.slideImage { border-width: 0px; border: 0px solid; border-color: #ffffff;}
a:link .slideImage { border-color: #ffffff;}
a:visited .slideImage { border-color: #ffffff;}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.title a:link {
	text-decoration: none;
	color: #000000;
}

.title a:visited {
	text-decoration: none;
	color: #000000;
}

.title a:hover {
	text-decoration: none;
	color: #ffffff;
}

.infotable {
	border: 1px dotted #444444;
	border-collapse: collapse;
}

.infotable td {
	border: 1px dotted #444444;
}

.infotable table td {
	border: 0px;
}

.dirname {
	font-size: 12px;
	font-weight: bold;
	color: #AAAAAA;
}

.comment {
	color: #CCCCCC;
	font-weight: bold;
	font-size: 12px;
}

.smalltxt {
	color: #888888;
	font-size: 11px;
}

.xsmalltxt {
	color: #888888;
	font-size: 9px;
}

.newlabel {
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	background-color: #FFCC00;
}











/********************************************************************/
/*         Styles 4SUP ajoutes                                      */
/********************************************************************/

#Intro {
	position: absolute;
    left: 50%;
    margin-left: -393px;
    top: 50%;
    margin-top: -300px;
}

#Intro a {
	Margin: auto;
    padding:0;
}

#PiedPage {
  clear:both;
  margin-top: 2.5em;
  margin-right: 0.5em;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  height: 30px;
  background: #614d39;
}
/*
#PiedPage ul {
    position: relative;
    border: 1px solid white;
    padding: 0;
    margin: auto;
}

#PiedPage li {
	display: inline;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
 */

#PiedPageGauche, #PiedPageDroit {
    height: 30px;
    width: 15px;
    background-repeat: no-repeat;
    font-size:1px;
}
#PiedPageGauche {
    float: left;
    background-image: url(../../Ressources/PiedPageG.png);
}

#PiedPageDroit {
    float: right;
    background-image: url(../../Ressources/PiedPageD.png);
}
#PiedPageMilieu {
    float: left;
    height: 30px;
    line-height:30px;
    padding: 0;
}

#PiedPageMilieu p {
    width: 640px;
    text-align: right;
    padding: 0;
    margin: 0;
}

#PiedPageMilieu a {
    font-size: 0.8em;
    color: #909090;
	text-decoration: none;
    margin: 0;
    padding: 0;
}

#PiedPageMilieu a:hover {
	text-decoration: underline;
    color : #a0a0a0;
}

/*  styles en relation avec le haut de page */
#EntetePage {
	height: 150px;
    margin: 5px 5px 0px 5px;
    background: black url(../../Ressources/Entete_bis.png) no-repeat;
}

#EntetePage img {
   float: right;
}

/* styles en relation avec la barre de menu horizontale */
#EntetePage #Menu {
    float: right;
/*
    list-style-type: none
    background-color: #ff6600;
*/
    margin-top:    -1.5em;
    margin-right:  2em;
    margin-bottom: 0em;
    margin-left:   0em;
    padding:    0 0 0 0;
    color: white;
    font-weight: bold;
}

#EntetePage #Menu li {
	display: inline;
}

#EntetePage #Menu a {
    color: #ff6600;
	text-decoration: none;
}

#EntetePage #Menu a:hover {
	text-decoration: underline;
}

/* styles pour les coins arrondis des menus */
#CoinHautGauche, #CoinHautDroit, #CoinBasGauche, #CoinBasDroit {
    height: 22px;
    width: 22px;   -
    background-repeat: no-repeat;
    font-size:1px;
}
#CoinHautGauche {
    background-image: url(../../Ressources/CoinHautGaucheb.png);
}

#CoinHautDroit {
    float: right;
    background-image: url(../../Ressources/CoinHautDroitb.png);
}
#CoinBasGauche {
    background-image: url(../../Ressources/CoinBasGaucheb.png);
}
#CoinBasDroit {
    float: right;
    background-image: url(../../Ressources/CoinBasDroitb.png);
}

/* styles pour l'ESPACE LATERAL GAUCHE et ses menus */
#EspaceLateralGauche{
	float: Left;
    width: 13em;

	margin-top:    20px;
    margin-right:  5px;
    margin-bottom: 20px;
    margin-left:   5px;

    padding:    0 0 0 0;
    Background: black;
}

#EspaceTopLarge {
     margin-top:    2em;
}

/*    ESPACE LATERAL GAUCHE : 1er menu */
#EspaceLateralGauche #Menu_1 {
    margin-top:    0.5em;
    margin-right:  0.5em;
    margin-bottom: 0.5em;
    margin-left:   0.5em;

    padding: 0 0 0 0;
    background: #614d39;
}

#EspaceLateralGauche #Menu_1 P {
    position: absolute;
    margin: -1.2em 0 0 0.5em;

    padding-top:    0.3em;
    padding-right:  0.3em;
    padding-bottom: 0.3em;
    padding-left:   0.3em;

    color: #ff6600;
    font-weight: bold;
    text-align: center;
}

#EspaceLateralGauche #Menu_1 ul {
	list-style-type: none;
	font-size: 0.9em;

    margin: 0 0 0 0;

    padding-top:    0.2em;
    padding-right:  0.2em;
    padding-bottom: 0.2em;
    padding-left:   1.5em;
}

#EspaceLateralGauche #Menu_1 a {
    margin:    0 0 0 0;

    padding-top:    0.5em;
    padding-right:  0em;
    padding-bottom: 0.5em;
    padding-left:   0em;
    color: white;

	text-decoration: none;
}

#EspaceLateralGauche #Menu_1 a:hover {
	text-decoration: underline;
}

/*    ESPACE LATERAL GAUCHE : 2nd menu */
#EspaceLateralGauche #Menu_2 {
    margin:    0.5em 0.5em 0.5em 0.5em;
    padding: 0 0 0 0;
    background: #614d39;

}

#EspaceLateralGauche #Menu_2 ul {
    padding: 0 0 0 0;
    margin:  0em 0 0 0;
}

#EspaceLateralGauche #Menu_2 li {
    list-style-type: none;
    margin:    0 0 0 0;
    padding-top:    0.5em;
    padding-right:  0em;
    padding-bottom: 0.5em;
    padding-left:   0.2em;
}

#EspaceLateralGauche #Menu_2 a {
    margin: 0 0 0 0;

    padding: 0 0 0 0;
    color: #ff6600;
    font-weight: bold;
	text-decoration: none;
}

#EspaceLateralGauche #Menu_2 li:hover {
/*	text-decoration: underline;  */
    background: #311d09;
}

/* styles pour l'ESPACE LATERAL DROIT */
#EspaceLateralDroit{
	float: right;
    width: 14em;

	margin-top:    20px;
    margin-right:  5px;
    margin-bottom: 20px;
    margin-left:   5px;

    padding:    0 0 0 0;
    background: black;
}

/*    ESPACE LATERAL DROIT : 1er cadre */
#EspaceLateralDroit #MiseAJour {
    margin:    0.5em 0.5em 0.5em 0.5em;
    padding: 0 0 0 0;
    background: #614d39;
}

#EspaceLateralDroit #MiseAJour h1 {
    margin: -0.8em 0 0.5em 0;

    padding-top:    0.3em;
    padding-right:  0.3em;
    padding-bottom: 0.3em;
    padding-left:   0.3em;

    color: #ff6600;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
}
#EspaceLateralDroit #MiseAJour h2 {
    margin: 1em 0 0 0.3em;
    font-size: 1em;
}

#EspaceLateralDroit #MiseAJour P {
    font-size: 0.8em;
    margin: 0 0 0 0;
    padding-Left:  1em;
}

#EspaceLateralDroit #MiseAJour a {
    font-size: 0.8em;
    color: white;
    padding-Left:  3.5em;
    text-decoration: none;
}

#EspaceLateralDroit #MiseAJour a:hover {
	text-decoration: underline;
    color: white;
}

/*    ESPACE LATERAL DROIT : 2nd cadre */
#EspaceLateralDroit #Pub {
    margin-top:    0.5em;
    margin-right:  0.5em;
    margin-bottom: 0.5em;
    margin-left:   0.5em;
    padding: 0 0 0 0;
/*    background: #614d39;    */
   background: black;
}

#EspaceLateralDroit #Pub h1 {
    margin: -0.8em 0 0.5em 0;

    padding-top:    0.3em;
    padding-right:  0.3em;
    padding-bottom: 0.3em;
    padding-left:   0.3em;

    color: #ff6600;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
}
#EspaceLateralDroit #Pub h2 {
    margin: 1em 0 0 0.3em;
    font-size: 1em;
}

#EspaceLateralDroit #Pub P {
    font-size: 0.8em;
    margin: 0 0 0 0;
    padding-Left:  1em;
}

#EspaceLateralDroit #Pub a {
    font-size: 0.8em;
    color: white;
    padding-Left:  3.5em;
    text-decoration: none;
}

#EspaceLateralDroit #Pub a:hover {
	text-decoration: underline;
    color: white;
}
#EspaceLateralDroit img {
    margin-top:    0.5em;
    margin-right:  0.5em;
    margin-bottom: 0.5em;
    margin-left:   0.5em;
    padding: 0 0 0 0;
}
/* styles en relation la partie PRINCIPALE (CENTRALE) du site */

/* Types Génériques de la pages Centrale */
#EspaceCentral {
    margin-left: 13.5em;
    margin-right:14.5em;
	margin-top:    20px;
    margin-bottom: 20px;
    padding:    0 0 0 0;
}