body
{
  
  background-attachment: fixed;
}
h1
{
   font-style: italic;
   font-family: "Arial Black", Arial, Verdana, serif;
  text-align: center;
   font-family: "Arial Black", "Amienne", "Times New Roman", serif;
   text-decoration: blink;
}
blockquote p /* Tous les paragraphes contenus dans un blockquote */
{
   text-align: justify;
   text-indent: 25px;
}
body
{
	width: 800px;
	margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;
	
}	
#onglet 
{
		margin:0;
		padding:0;
        height: 53px ;
		background:url('photos.swf') no-repeat; /* URL de l'image de fond */
		text-align:center;
		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="20">
           <param name="movie" value="photos.swf" />
           <param name="quality" value="high" />
           <param name="bgcolor" value="#0161F0" />
           <embed src="photos.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="20" bgcolor="#0161F0"></embed>
         </object>
}
#en_tete
{
	width: 795px;
	height: 115px;
	background-image: url(../site%20sam/image/header.gif);
	cursor: default;
	margin: 0px;
	border: medium outset #1672F6;
}
#menu
{
	float: left; /* Le menu flottera à gauche */
	width: 130px; /* Très important : donner une taille au menu */
	height: auto;
	clear: none;
	right: 0px;
	z-index: 0;
	overflow: visible;
	position: static;
	visibility: visible;
	bottom: auto;
	outline-color: #267AF6;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-color: #267AFA;
	border-right-color: #267AFA;
	border-bottom-color: #267AFA;
	border-left-color: #267AFA;
	margin-top: 105px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-color: #0160F0;
  
}

.element_menu
{
	background-color: #000000;
	background-image: url(/image/yeuxsam.gif);
	background-repeat: repeat-x;
	margin-bottom: 0px;
	border-top-color: #2A7AFA;
	border-right-color: #2A7AFA;
	border-bottom-color: #2A7AFA;
	border-left-color: #2A7AFA;
	border-top-style: ridge;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
}
.element_menu h3 /* Tous les titres de menus */
{
	color: #B3B3B3;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	background-color: #0160F0;
	border-top-color: #0160F0;
	border-right-color: #0160F0;
	border-bottom-color: #0160F0;
	border-left-color: #0160F0;
}
.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 10px;
   padding-left: 20px;
   margin: 10px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le corps de la page */

#corps
{
	color: #B3B3B3;
	background-color: #000000; /* Une couleur de fond pour le corps */
	background-image: url(../site%20sam/image/kit-graphik22_02.gif);
	background-repeat: repeat; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	white-space: normal;
	display: compact;
	border-bottom-style: outset;
	float: none;
	clear: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: outset;
	border-right-style: outset;
	border-left-style: double;
	border-top-color: #267AF6;
	border-right-color: #267AF6;
	border-bottom-color: #267AF6;
	border-left-color: #267AF6;
	overflow: auto;
	visibility: inherit;
	page-break-before: auto;
	page-break-after: auto;
}
#corps h1 /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   background-image: url("images/titre.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: #B3B3B3;
   text-align: left;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
	text-align: center;
	background-color: #000000;
	background-image: url(../site%20sam/image/footer.gif);
	background-repeat: no-repeat;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #3284FF;
	border-right-color: #3284FF;
	border-bottom-color: #3284FF;
	border-left-color: #3284FF;
}
