BODY {
      margin-left: 0px;
	    margin-top: 0px;
	    margin-right: 0px;
	    margin-bottom: 0px;
      text-decoration: none;
      text-align:justify;
      PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; 
      PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 16px; PADDING-TOP: 0px; 
      FONT-FAMILY: Verdana, Arial, Geneva, Verdana, Helvetica, sans-serif;
      margin: 0;
      padding: 0;
      background: url(../images/fond_gris_menu.jpg) repeat-y;
}

TD {
	FONT-SIZE: 9pt
}

.boite {margin-left: 25px;width:500px;
	BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 0px solid; 
  MARGIN-TOP: 10px; PADDING-LEFT: 10px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 10px; 
  BORDER-LEFT: #000000 0px solid;  PADDING-TOP: 5px; BORDER-BOTTOM: #000000 0px solid;
  text-align:justify;
}

.boite_index {margin-left: 25px;width:700px;
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 1px solid; 
  MARGIN-TOP: 10px; PADDING-LEFT: 10px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 10px; 
  BORDER-LEFT: #000000 1px solid;  PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid;
  text-align:justify;
}

.boite2 {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 1px solid; width:600px;margin-left: 25px;
  MARGIN-TOP: 10px; PADDING-LEFT: 10px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 10px; 
  BORDER-LEFT: #000000 1px solid;  PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid;
  text-align:justify;cellpadding:20; cellspacing:20; border-collapse:collapse; bordercolor:#111111; width:300px;background-color:#dfe0e3;
}


.boite3 {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 1px solid; width:800px;margin-left: 25px;
  MARGIN-TOP: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; 
  BORDER-LEFT: #000000 1px solid;  PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid;
  text-align:justify;cellpadding:20; cellspacing:20; border-collapse:collapse; bordercolor:#111111; width:300px;background-color:#dfe0e3;
}


td.info {background-color:#f9f9f9;
				FONT-SIZE: 12px;
				text-align:justify;
				font-weight: bold;
				FONT-FAMILY: Verdana, Arial, Geneva, Verdana, Helvetica, sans-serif;
}

P.texte_intro {
	FONT-SIZE: 12px; MARGIN: 10px 10px 10px 10px; 
}

A {
	COLOR: #7b0909; BORDER-BOTTOM: #7d4900 1px ; text-decoration: none;
}

A:hover {
	BACKGROUND: #e3e3e3; COLOR: #28456e
}

P {
	MARGIN: 12px 0px 10px; text-justify:right;
}


H1 {FONT-SIZE: 12px;font-weight: bold;COLOR: #7b0909;text-align:center;
			FONT-FAMILY: Verdana, Arial, Geneva, Verdana, Helvetica, sans-serif;



}
     #nav {
       /* on prend la grosse image qui fait le menu comme background. Ce sont
          les items qui vont mettre leur propres images "par dessus" */
       background: url(../images/menu_eng.jpg);

       /* ceci est pour le UL lui-même. il n'y a pas de margin ou padding ici,
          mais au besoin, tu peux ajouter des marges pour déplacer tout le 
          bloc de menu dans la page */
       margin: 0;
       /* le padding est à 0 sauf pour le top (qui est à 59 px) et c'est simplement 
          pour ajouter un espace dans le haut de la liste UL, pour que l'image du 
          tank apparaîsse au dessus des items de menu */
       padding: 59px 0 0 0;
       /* Ceci enlève les puces */
       list-style-type: none;
     }
     
     #nav li {
       /* pour avoir une liste d'items sans marges et qui s'empilent un en
          dessous de l'autre, le truc est de rendre les LI en display: inline,
          mais les liens <A> qu'il contiennent en display: block */               
       padding: 0px;
       display: inline;
     }
     
     #nav li a {
       /* tel que mentionné ci-haut les éléments A dans la liste, eux, sont
          en display block. Ça permet de premièrement les empiler un par dessus
          l'autre, et deuxièment de leur assigner des dimensions précises (à savoir,
          les dimensions des images qui sont les boutons soit 228px par 58px) */
       /* À noter que cette règle s'applique à tous les liens dans la liste */  
       display: block;
       margin: 0;
       padding: 0;
       width: 226px;
       height: 56px;
       /* Tous les éléments A ont comme background la grosse image menu.jpg. Mais
          chacun d'eux va "déplacer" cette image selon sa position, pour qu'il
          n'affiche que la partie de l'image qui le représente */
       background: url(../images/menu_eng.jpg);
     }
     
     #nav li a span {
       /* Si tu regardes le HTML du menu, tu verras que dans les liens, j'ai
          ajouté un élément SPAN qui lui contient du texte. Cela permet d'avoir
          justement du texte, mais comme on met "display: none", alors il ne s'affiche 
          pas. L'avantage, c'est que si on désactive complètement le CSS, on verra
          tout de même qqch en regardant la page (et les moteurs de recherche aussi
          vont pouvoir indexer ce texte). */
       display: none;
     }
     
     /* Maintenant, ce qui suit est spécifique à chacun des items de menu. Chacun
        a ses propres "offsets" dans l'image de background.
        
        Y'a donc 3 "états" pour chaque item:
            
            normal : pas de souris au-dessus
            hover  : la souris est au-dessus
            actif  : c'est la page courante (sur laquelle on se trouve). Dans cet
                     état, le lien reste "activé" en rouge, et le curseur reste
                     une flèche plutôt que la petite main qui indique un lien.
        
     */
        
     #nav #nav_puma a {
       background-position: 0px -59px;
     }

     #nav #nav_puma a:hover {
       background-position: 226px -59px;
     }

     #nav #nav_puma a.actif {
       background-position: 226px -59px;
       cursor: default;
     }
     
     #nav #nav_tiger2 a {
       background-position: 0px -116px;
     }
     #nav #nav_tiger2 a:hover {
       background-position: 226px -116px;
     }
     #nav #nav_tiger2 a.actif {
       background-position: 226px -116px;
       cursor: default;
     }

     #nav #nav_panzer4 a {
       background-position: 0px -173px;
     }
     #nav #nav_panzer4 a:hover {
       background-position: 226px -173px;
     }
     #nav #nav_panzer4 a.actif {
       background-position: 226px -173px;
       cursor: default;
     }
     
     #nav #nav_tiger1 a {
       background-position: 0px -230px;
     }
     #nav #nav_tiger1 a:hover {
       background-position: 226px -230px;
     }
     #nav #nav_tiger1 a.actif {
       background-position: 226px -230px;
       cursor: default;
     }
		 
     #nav #nav_biblio a {
       background-position: 0px -287px;
     }
     #nav #nav_biblio a:hover {
       background-position: 226px -287px;
     }
     #nav #nav_biblio a.actif {
       background-position: 226px -287px;
       cursor: default;
     }

     #nav #nav_home a {
       background-position: 0px -344px;
     }
     #nav #nav_home a:hover {
       background-position: 226px -344px;
     }
     #nav #nav_home a.actif {
       background-position: 226px -344px;
       cursor: default;
     }

     #nav #nav_forum a {
       background-position: 0px -344px;
     }
     #nav #nav_forum a:hover {
       background-position: 226px -344px;
     }
     #nav #nav_forum a.actif {
       background-position: 226px -344px;
       cursor: default;
     }
		 
     #nav #nav_contact a {
       background-position: 0px -401px;
     }
     #nav #nav_contact a:hover {
       background-position: 226px -401px;
     }
     #nav #nav_contact a.actif {
       background-position: 226px -401px;
       cursor: default;
     }



		      
     #entete_haut2 {
        background: url(../images/Fond-Titre_puma.jpg) no-repeat;
        height: 91px;      
     }

		 #entete_haut {
        background: url(../images/Fond-Titre_01.jpg) no-repeat;
        height: 91px;      
     }

    #entete_haut h1, 
     #entete_haut h3   {
       visibility: hidden;
       margin: 0;
       padding: 0;
     }

     #entete_haut2 h1, 
     #entete_haut2 h3   {
       visibility: hidden;
       margin: 0;
       padding: 0;
     }
     
     #contenu {
       width: 1200px;
     }
     
     #colonne_gauche {
       float: left;
       width: 226px;
     }
     
     #principal {width:950;
     float: left;
       
       _padding-top: 1em; /* avec le souligné au début, cette règle ne va s'appliquer qu'à IE 6 */
     }
     
     #principal h1 {
       font-size: 160%;
       margin: 0;
     }
     
 
div.video 	{padding:17px;
						boder:1px solid #111111 }
						
div.video a.bouton {display:block;float:left; }

div.video a.bouton image {border:0 }

div.video h3 {margin:0 ;FONT-SIZE: 100%;font-weight: bold;COLOR: #990000;}
div.video p {margin:0 ;font-weight: bold;COLOR: #000000;}

div.video .texte {margin-left:55;text-align:justify;}

div.video p.description {width:250px;}