html
{

scrollbar-face-color: orange;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: orange;
}

#cacher
{ 
display:none;
visibility:hidden;
} 

body
{
   width: 750px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url(images/back.jpg);
   background-position:center; 
   background-attachment:fixed;
 
}

a   
{
	color:white;
    text-decoration:none;   
}   
	 
a:hover   {
	color:orange;
	text-decoration:underline;   
		  } 
		  

		
a img
{
  border:none;
}

#iframe
{
   margin-left: -125px;
}

#contour
{
   border: 0px solid white;
   text-align: justify;
   background-image: url(images/content.jpg);
  background-attachment:fixed;

}
#barre
{
text-align:center;
margin-top:20px;
font-family: Verdana;
font-size:12px;
}
#banniere
{
   width: 710px;
   height: 132px;
   background-image: url(images/banniere.png);
   background-repeat: no-repeat;
   margin-left: 33px;
   margin-right: 25px;
   margin-bottom: 0px;
}



#menu
{
	font-size: 16px;
	font-family: Verdana, serif;
   color: #FFFFFF;
   width: 710px; /* Très important : donner une taille au menu */
   background-repeat: repeat-x;
   margin-left: 25px;
   margin-right: 25px;
   margin-bottom: 25px;
   text-align:center;
}

#pub
{
width:728px;
height:90px;
}
#lateral
{
   float: left;
   margin-top: 15px;
   margin-bottom: 25px;
   padding: 5px;
   width: 200px;
   text-align: center;

   color: #FFFFFF;

}

#corps
{
	font-size: 14px;
   margin-left: 200px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   width: 500px;
   color: white;
   padding: 5px;
   background-repeat: repeat-x;
   

}


#corps a:link {color: #D28613;; text-decoration: none ;}
#corps a:visited {color: #D28613; ; text-decoration: none ; }
#corps a:hover { color: white ; text-decoration: none ; }
   
#corps h1 /* Tous les titres h1 du corps */
{
    color: orange;
    text-align: center;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
	font-size:large;
    padding-left: 30px;
   color: #D28613;
   text-align: left;
}
#corps h3 /* Tous les titres h3 du corps */
{
   height: 20px;
   padding-left: 20px;
   color: red;
   text-align: left;
}

#corps h4 /* Toutes les news */
{
	font-size:x-large;
    color: orange;
    text-align: center;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}


#news a:link {color: black ; text-decoration: none ;}
#news a:visited {color: black ; text-decoration: none ; }
#news a:hover { color: black ; text-decoration: underline ; }



#news h1 /* Tous les titres h1 du corps */
{
   margin-top: 25px;
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#news h2 /* Tous les titres h2 du corps */
{
   background-image: url(../MSN-Astuces/images/titre-msn.png); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 30px;
   color: blue;
   text-align: left;
}

.auteur {
text-align : left 
}
.date {
text-align : right 
}
.contenu {
text-align : justify 
}

legend   
{
	color:white;  
}   

#pied_de_page
{
   margin-top: 5px;
   padding: 5px;
   width: 700px;
   text-align: center;

   color: #FFFFFF;
}
#pied_de_page a:link {color: white ; text-decoration: none ;}
#pied_de_page a:visited {color: white ; text-decoration: none ; }
#pied_de_page a:hover { color: orange ; text-decoration: underline ; }