body {
margin: auto; /* Pour centrerla page :       */
background-image: url("style1/feuille_droite.png"); 
/*background-color: #cdcdcd;*/
width: 95%;
/* background-attachment: fixed; */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
margin-bottom: 20px;    /* Idem pour le bas du navigateur */

}


#en_tete
{ 
   text-align: center;
   height: 200px;
   margin-bottom: 10px;
   
}


/********************************************/
/*****BARRE DE NAVIGATION ****************/
/********************************************/

 #barre_de_navigation  {
list-style-type : none;
/*margin-left : 5px;
margin-right : 5px; */
padding-left : 0;
height : 25px;
background: url("style1/image_de_fond.gif"); 
border : 1px solid #af0000;/*<?php echo 'blue' ?>; */
}
#barre_de_navigation a:hover {
font-weight: bolder; 
}
#barre_de_navigation a {
font-weight: bolder; 
height : 25px;
line-height : 25px;
text-align : center;
padding-top : 0;
font-family : 'Trebuchet MS', Arial, 'Times new roman', Times, serif;
font-size : 0.9em;
text-decoration: none;
}

.navigation_gauche {
float : left;
background : url("style1/separateur_gauche.png") no-repeat right 0%;
padding-left : 5px;
padding-right : 15px;
} 

.navigation_droite {
float : right;
background : url("style1/separateur_droite.png") no-repeat;
padding-left : 20px;
padding-right : 5px;
}

/********************************************/
/*******BANNIERE BON PLAN*****************/
/********************************************/
/*#banniere_bon_plan {

text-align : left;
height : 50px;
padding-bottom: 20px;
background: url("banniere_bon_plan2.jpg") no-repeat;
color: black;
font-family: Arial, "Swiss921 BT", "Times New Roman", Times, serif;

}
.titre_bon_plan_ban {
font-family: "Arial Black", "Swiss921 BT", "Times New Roman", Times, serif;
font-size: large;
font-weight: bold;
padding-left:20px;
padding-bottom:0px;}

.note_bon_plan_ban { padding-left:789px; 
 }

.auteur_bon_plan_ban { padding-left:355px; 
padding-top: 0px; }

.lien_bon_plan_bon { padding-left:10px;  }
*/

/*************************************/
/*Les contenu du site, tout ce qui est écrit */
/************************************/
#corps .contenu
{


padding-top: 0px;
padding-left: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
/*border-color: black;
border: 1px solid #af0000;  Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#menu .contenu
{
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

}

/*************************************/
/****Tout ce qui concerne les menus******/
/************************************/
#menu
{
float: left; /* Le menu flottera à gauche */
width: 140px; /*donner une taille au menu */
border: 1px solid #ca5653;  /*Une bordure pour bien marquer les limites du menu et pour faire joli */
border-right: none;
border-bottom: none;
border-left: none;
background: url("style1/fond_menu.gif"); 
background-repeat: repeat-y;}

/* Quelques effets sur les menus */
#menu ul {

	list-style-type: none;
	list-style-position:  inside;
	margin-left: 0px;
	padding-left:0px;
}
#menu li {

	list-style-type: none;
	list-style-position:  intside;
	padding-left: 0px;
}
#menu h3 /* Tous les titres de menus */
{   

background: url("style1/menu_h3.gif");
background-repeat: no-repeat;
padding : 8px 0px 8px 2px; /* haut droite bas gauche */
   color: black;
   font-family: Arial, "Swiss921 BT", "Times New Roman", Times, serif;
   text-align: center;
   	font-size: 100%;
}


#menu a /* Toutes les listes à puces se trouvant dans un menu */
{
/*list-style-type: none;
list-style-position: inside;
   list-style-image: none;url("images/construction/r.jpg");  On change l'apparence des puces */
padding: 8px 0 0 3px; /* haut droite bas gauche */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 0px;  /*Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

#menu a:visited{

color: #af0000;
display: block;

padding: 8px 0 0 3px; /* haut droite bas gauche */
height: 29px; /* Donne une hauteur au menu */
text-align: left;
font-family: "Sylfaen", Arial, "Arial Black", "Times New Roman", Times, serif;
text-decoration: none;
}


#menu a:hover {
font-weight: bolder;
color: black;
/*background:  url(images/construction/01.png) top center no-repeat; */
padding: 8px 0 0 3px;
height: 29px;
text-align: left;
text-decoration: none;
font-family: "Sylfaen", Arial, "Arial Black", "Times New Roman", Times, serif;
}	

/************************************/
/*Tout ce qui concerne le corps de la page*/
/************************************/   
#corps
{
 
   margin-left: 155px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   color: #424242;
   background-image: url("style1/feuille_droite_horizontale.jpg");
}


#corps h1 /* Tous les titres h1 du corps */
{
   color:#af0000;
   text-align: center;
   font-size: 300%;
   font-family: "Franklin Gothic Demi Cond", "Sylfaen", "Arial Black", "Army Expanded", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   text-align: center;
    /* Une petite image de fond sur les titres h2 */
	/* possibilité de mettre une image a cote du titre:     background-image: url("images/montagne.jpg");     */
   /*background-repeat: no-repeat;    L'image ne se répètera pas, elle sera à gauche du titre */
   font-family: "Arial Black", "Hot Mustard BTN", "Nightclub BTN", "Times New Roman", Times, serif;
   padding-left: 45px;
   color: #b01c1c;
   /* text-align: left;  */
}

#corps h3
{
color: #b01c1c;
   font-family: "Arial Black", "Nightclub BTN", "Times New Roman", Times, serif;
   
}

#corps h4 /* Tous les titres h4 du corps */
{
   color: #c8c8c8;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}



#corps p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
   color: #424242; /* En noir clair */
}
#corps p
{
font-family: "Sylfaen", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-indent: 20px;
}
#corps form
{
    /*text-align:center;*/
}

#corps td
{
   height: 80px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   padding: 20px;
   vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé eu millieu */
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
}

/****************************************/
/*Tout ce qui concerne les liens (corps et pied)*/
/****************************************/   

a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   text-decoration: none;
}

a:hover /* Quand le visiteur pointe sur le lien */  {color: black;}

a /* Lien normal */
{
   text-decoration: none;
   color: #af0000;
}
   
#pied_de_page a{ color: #af0000;}

#pied_de_page a:hover /* Quand le visiteur pointe sur le lien du pied de page */
{
   text-decoration: underline;
  color: black;
}

#corps a:hover /* Quand le visiteur pointe sur le lien du corps */
{
   text-decoration: underline;
  color: black;
}

#corps a /* Lien du corps */{ color: #af0000;}

  
/******************************/
/*Tout ce qui concerne les news*/
/*****************************/ 

.bloc_news 
  {
border-bottom : 2px solid #000000;
border-right: 2px solid #000000;

background : #e3e3e3;
margin-bottom : 15px;
margin-left : auto;
margin-right : auto;
width : 78%;
}
.contenu_news
 {
 /*border-top : 1px solid #000000;
border-left: 1px solid #000000; */
 padding-left: 10px;
 padding-right: 6px;
 }
.news_titre  
 {
display : block;
text-decoration : none;
font-variant : normal;
font-size : 1.3em;
margin : 0;
text-indent : 0px;
padding : 3px;
font-family : Arial, 'Times New Roman', Times, serif;
color : #000000;
background : url("style1/haut_news.png") left 0%;
padding-left : 120px;
font-size : 110%;
border-left : 0;
}

.news_date
{
padding: 3px;
font-size: 0.8em;
}

.commentaire_lien_news
{
float: right;
padding-bottom: 12px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

}

/********************************/
/*Tout ce qui concerne les Créations*/
/*******************************/ 
.bloc_creation
{
 border-style: outset; 
}
.bloc_creation h3 
{

font-family: "Rockwell Extra Bold", "Arial Black", Arial, "Times New Roman", Times, serif;
text-align: center;
text-decoration : none;

font-size : 1.7em;
margin : 0;
text-indent : 0px;
	border-style: outset;
/*padding-left: 310px; */

}

.creation_auteur
{
font-family: "Times New Roman", "Arial Black", Arial, Times, serif;
/*padding-left: 310px; */
text-align: center;

}

.commentaire_lien_creation
{

padding-bottom: 0px;
font-family:  Arial, "Arial Black","Times New Roman", Times, serif;
float: right;  
}

/*********************************/
/***Tout ce qui concerne les Vidéo***/
/******************************** 

.bloc_video {
padding:0;
margin:0;
overflow: auto;
margin-left : auto;
margin-right : auto;
width : 95%;

			}
			
.video_titre {
padding
}
.video_auteur {
text-align: center;
font-weight: bold;
}

}
.video_date {
font-style: italic;
text-align: center;
}

.video_note {
text-align: right;
}

.video_contenu {
text-align: right;
margin-left: 550px;

}
.video_video {
text-align: left;
}
*/

/*********************************/
/***A l'interieur des commentaires***/
/********************************/ 
.commentaire_texte
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
margin: 12px;
}
.commentaire_pseudo
{
padding: none;
}


/******************************/
/*Pleins de trucs en plus pratiques*/
/*****************************/ 
.centre  { text-align : center;}
.alignement_gauche {text-align : left;}
.alignement_droite { text-align : right;}

.clignote{text-decoration: blink;}
.gras{font-weight: bold;}
.italique{font-style: italic;}
.souligne{ text-decoration: underline;}
.barre{ text-decoration: line-through;}

img
{
border-style: none;
}


#lien_invisible
{
display: none;
}

.contenu .pub
{
font-size: x-small;
padding: Opx;
margin: 0px;
padding-left: 0px;
margin-left: 0px;
}

.contenu .pub td
{
 height: 0px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   padding: 0px;
   vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé eu millieu */
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
}


#image
{

font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align: center;
}

/* Le pied de page */
#pied_de_page
{
font-family: "Sylfaen", Arial, "Arial Black", "Times New Roman", Times, serif;

color: #424242;
clear : both;
text-align: center;

background: url("style1/feuille_droite.jpg") repeat;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
/*border: 1px solid #ca5653;  Une bordure pour bien marquer les limites du menu et pour faire joli */
 }
 
 
 
/******************************/
/*** Le message de redirection ***/
/*****************************/ 
 #redirection {
background-color : white;
border : 1px solid black;
padding : 8px;
padding-left : 40px;
background-repeat : no-repeat;
background-position : 5px 5px;
position : absolute;
left : 50%;
top : 50%;
width : 400px;
height : 150px;
margin-top : -75px;
margin-left : -200px;
color : green;
}

 #pas_attendre  {
font-style : italic;
width : 100%;
text-align : center;
}
 
/******************************/
/*** Ce qui concerne les videos ***/
/*****************************/ 
#bloc_video {
      position: relative;
      margin: 0 auto;
      width: 825px;
      border : 1px solid #fff;
      font-family: 'Trebuchet MS', Verdana, sans-serif;
	  text-align: center;
	  }

    .auteur_video p{
	display : inline;
      
      margin : 0 1em;
      font-weight : bold;
      }
	  .date_video p{
	   
	  display : inline;
      margin : 0 1em;
      font-style : italic;
	  }
	  .note_video {
	  text-align: right;
	  
	  }
    .auteur_video , .date_video  {
	
      height : 25px;
      line-height : 2em;
      background-color: #ccf;
      }
    .gauche_video {
	  float : left;
      width : 65%;
      height : 475px;
      background-color: #000000;
	  padding-top: 5px;
	  
      }
    .droite_video {
      background-color: #fca;
	  padding-top: 0px;
      float : left;
      width : 35%;
      height : 480px;
	  
	  }
	.droite_video .texte_video{
    margin-top: 40%;
      }
	  .commentaires_video {

	  background-color: #dfC;
	  }
    .separateur {
	
      clear : left;
      margin-bottom : 15px;
      background-color: #dfd;
      } 
	.video {
	  border: 1px solid black;
	 }
   .video h2 {

	background: url("style1/fond_video-titre.png") no-repeat center center;  */

     }
	
#forum .titre { width:61%; }
#forum .nombremessages { width:2%; }
#forum .nombrevu { width:4%; }
#forum .nombresujets { width:2%; }
#forum .auteur { width:7%; }
#forum .derniermessage { width:18%; }
#forum .categorie { width:92%; background-color : rgb(244,238,250); }
#forum .date_topic {text-align: left;}
#forum .texte_topic{text-align: left; padding-left: 15px;}

#forum .centre  { text-align : center;}
#forum .clignote{text-decoration: blink;}
#forum .gras{font-weight: bold;}
#forum .italique{font-style: italic;}
#forum .souligne{ text-decoration: underline;}
#forum .barre{ text-decoration: line-through;}

#forum td{ 
border: 1px solid black; 
background-color: rgb(253,244,223); 
vertical-align:top; 
height: 30px;
padding: 3px;
}
#forum table { background-color: rgb(237,224,213); border: 1px solid black; border-collapse: collapse;}
#forum th { background-color: rgb(243,250,223); border: 1px solid black; }

#forum label {
display:block;
width:150px;
float:left;
}

#forum .vt_auteur
{
background-color : rgb(244,238,250);
}
#forum .vt_mess
{
background-color : rgb(244,238,250);
}
#forum img
{
border-style: none;
}
#forum a
{
border-style: none;
}
#forum  #quote
{
width: 100%;
background-color : rgb(220,220,220);
margin-top: 2px;
margin-bottom: 2px;
font-family: "Comic sans MS", Arial, Verdana, serif;
}
hr {
width: 60%;
color: grey;
height: 1px;
float : center;
}