body {
	Margin: 0;
    padding:0;
    background-color: black;
    color: white;
	font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
}
img {
    border: 0;
	Margin: 0;
    padding:0;
}
#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;
}
#PiedPageGauche, #PiedPageDroit {
    height: 30px;
    width: 15px;
    background-repeat: no-repeat;
    font-size:1px;
}
#PiedPageGauche {
    float: left;
    background-image: url("https://4sup.duckdns.org/Ressources/PiedPageG.png");
}
#PiedPageDroit {
    float: right;
    background-image: url("https://4sup.duckdns.org/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("https://4sup.duckdns.org/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("https://4sup.duckdns.org/Ressources/CoinHautGaucheb.png");
}
#CoinHautDroit {
    float: right;
    background-image: url("https://4sup.duckdns.org/Ressources/CoinHautDroitb.png");
}
#CoinBasGauche {
    background-image: url("https://4sup.duckdns.org/Ressources/CoinBasGaucheb.png");
}
#CoinBasDroit {
    float: right;
    background-image: url("https://4sup.duckdns.org/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: 2.0em;
    margin-top:    20px;
    margin-bottom: 20px;
    padding:    0 0 0 0;
}
#EspaceCentral #ParagrapheCentre {
    text-align: center;
}
#EspaceCentral h1 {
    font-weight: bold;
    font-size: 1em;
    color: #ff6600;
    margin: 0.5em 0 0.5em 0;
    padding: 0 0 0 0;
    border-bottom: 1px solid white;
    font-variant: small-caps;
    text-indent: 5px;
}
#EspaceCentral h2 {
    font-weight: bold;
    font-size: 0.9em;
    color: #ff6600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    padding: 0 0 0 0;
}
#EspaceCentral p {
    font-size: 0.8em;
    color: white;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0 0 0 0;
}
#EspaceCentral  a {
    text-align : right;
    margin : 0;
    font-size: 0.8em;
    color: #909090;
    padding :  0;
    text-decoration: none;
}
/* #EspaceCentral #FicheBricolage a:hover { */
#EspaceCentral a:hover {
    text-align : right;
	text-decoration: underline;
    color: #909090;
}
/* Types de la pages Centrale dédié à la page Bricolage*/
#EspaceCentral #FicheBricolage {
    color: white;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0.3em 0.3em 0.3em 0.3em;
    border: 1px solid white;
}
#EspaceCentral #FicheBricolage h2 {
    margin-left: 4em;
    font-weight: bold;
    font-size: 1em;
    color: #ff6600;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0.2em 0.2em 0.2em 0.2em;
}
#EspaceCentral #FicheBricolage p {
    float: left;
    margin: 0 0 0 0;
    margin-bottom: 0em;
    padding: 0.2em 0.2em 0.2em 0.2em;
}
#EspaceCentral #FicheBricolage p#comment {
    margin-left: 4em;
}
#EspaceCentral #FicheBricolage p#status {
    color: #909090;
}
/* Types de la pages Centrale dédié à la page Liens*/
#EspaceCentral #GroupeDeLiens {
    color: white;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0.3em 0.3em 0.3em 0.3em;
    border: 1px solid white;
    color: #909090;
}
#EspaceCentral #GroupeDeLiens h2 {
    font-weight: bold;
    font-size: 1em;
    color: #ff6600;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding: 0 0 0 0;
}
#EspaceCentral #GroupeDeLiens h3 {
    font-weight: bold;
    font-size: 0.9em;
    color: #ff6600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    padding: 0 0 0 0;
}
#EspaceCentral #GroupeDeLiens a {
    font-size: 1em;
    margin-left: 0em;
    padding-Left:  0.5em;
}
/* Types de la pages Centrale dédié à la page ACCUEIL*/
#EspaceCentral #NouvellesCourses {
    margin-top: 3em;
    margin-bottom: 1em;
    padding: 0 0 0 0;
}
#EspaceCentral #ListerNouvellesCourses {
    font-size: 1em;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 0.3em 0.3em 0.3em 0.3em;
    border-bottom: 1px solid white;
    color: #909090;
}
#EspaceCentral #NouvellesCourses h2 {
    float: Left;
    font-weight: bold;
    font-size: 1em;
    color: #ff6600;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#EspaceCentral #NouvellesCourses h3 {
    float: right;
    text-align: right;
    font-size: 1em;
    color: #909090;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#EspaceCentral #NouvellesCourses p {
    font-size: 0.9em;
    margin-top: 1.4em;
    margin-bottom: 0em;
    padding: 0 0 0 0;
}
#EspaceCentral #CourseFilmUnitaire {
   position: relative;
   width: 450px;
   height: 160px;
   border: 1px solid white;
   margin-right: auto;
   margin-left: auto;
}
#EspaceCentral #CourseFilmUnitaire a {
   position : absolute;
   left: 0;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
#EspaceCentral #CourseFilmUnitaire p {
   position : absolute;
   width: 200px;
   height: 100px;
   left: 220px;
   top: 50%;
   margin-top: -50px;
   padding: 0 0 0 0;
}
#EspaceCentral img#CourseFilm  {
   width: 186px;
   height: 150px;
}
.p {
    font-size: 0.9em;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.h3 {
    float: right;
    text-align: right;
    font-size: 1em;
    color: black;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#EspaceCentral #LigneCommentaire  {
  text-align: center;
}
/* Types de la pages Centrale dédié à la page ACCUEIL*/
#EspaceCentral #Trombino img{
    float : left;
    margin: 0 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.5em;
}
#EspaceCentral  p#fin{
    font-size: 1em;
    color : #a0a0a0;
    margin-top: 3em;
}
#EspaceCentral  p#titre{
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    color : black;
    margin: 0;
    padding : 0 2em 0 2em;
}
#EspaceCentral  a#titre{
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    color : black;
    margin: 0;
    padding : 0 2em 0 2em;
}
#EspaceCentral  p#lien{
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
    color : #a0a0a0;
    margin: 0;
    padding : 0 2em 0 2em;
}
#EspaceCentral  img#ListeAnnee{
   width: 200px;
   height: 200px;
}
 /*
.td {
   v-align : midlle
   margin : 0;
   padding : 0;
}
.tr {
   v-align : midlle;
   margin : 0;
   padding : 0;
}
 */
#bandeau {
 margin-top: 10px;
}
#EspaceCentral #SeparerLigne {
/*    font-size: 1em;   */
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    padding: 0.3em 0.3em 0.3em 0.3em;
    border-bottom: 1px solid white;
 /*   color: #909090;  */
}
#SeparerLigne #Ligne1 {
  position: relative;
}
#SeparerLigne #Ligne1 p#premier {
  float : left;
  font-weight: bold;
  font-size: 1em;
  color: #ff6600;
  margin : 0;
  padding : 0;
}
#SeparerLigne #Ligne1 p#second {
  float : right;
  font-weight: bold;
  font-size: 1em;
  color: #909090;
  margin : 0;
  padding : 0;
}
#SeparerLigne #Ligne2 {
   position : relative;
   margin-top: 20px
}
#SeparerLigne #Ligne2 a {
    align: left;
    margin : 0;
    font-size: 0.9em;
    color: white ; /*#909090;  */
    padding :  0;
}
#SeparerLigne #Ligne2 a:hover {
    font-size: 0.9em;
    color: white ; /*#909090;  */
}
#SeparerLigne span#span1 {
    font-size: 0.7em;
    color: #909090;
}
#SeparerLigne span#Intitule
{
    font-size: 1em;
    font-style: italic;
    color: #909090;
}
#SeparerLigne span#ValeurIntitule
{
    font-size: 1em;
    color: white;
}
#SeparerLigne p#TextCourse {
  font-size: 0.8em;
  text-align: justify;
  color: white;
  margin : 0;
  padding : 0;
}
#nav {
padding: 0;
margin-left:10px;
width: 824px;
height: 40px;
font-weight: bold;
list-style-type: none;
border-bottom: 1px solid #000;
}
#nav {
padding: 0;
margin-left:0px;
width: 824px;
height: 40px;
font-weight: bold;
list-style-type: none;
border-bottom: 1px solid #000;
}
#nav li {
position: relative;
top: 19px;
float: left;
height: 20px;
border-color:#ffd700;
margin: 0 0 0 3px;
border: 1px solid #000;
display: inline; /* Correction du bug double-magin d'ie */
}
#nav li.active {
border-bottom: 1px solid #614d39;
background-color: #614d39;
}
#nav li.active a {
color: #000;
}
#nav a {
    float: left;
    height: 14px;
    display: block;
    color: #614d39;
    text-decoration: none;
    padding: 3px;
}
#nav a:hover {
    background: #614d39;
    color: #ffd700;
}
}