/*

Réalisé par Jonathan Bouchard
http://www.productionjb.com
*/

body
{
   width: 780px;
   height:700px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 20px; 
   background-color:#ffffff;  
   background-image: url(".JPG");
     
}

#body2css
{
   width: 941px;
   height:920px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
     
}

#body2
{
   width: 941px;
   height:950px;
   margin-left: 25px;
   margin-top: 10px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
      
}
#body2cs2
{
   width: 941px;
   height:880px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 

   background-image: url(".JPG");

}
#body2cs
{
   width: 941px;
   height:750px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
      
}
#body3
{
float: right;
   width: 345px;
   height:261px;
   margin-left: 0px;
   margin-top: 10px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
   
         border: 3px solid #000000;
}


#body5
{
float: left;
   width: 400px;
   height:265px;
   margin-left: 55px;
   margin-top: 10px;
   margin-bottom: 0px; 
   background-color:white;  

  
}





#body4
{float: left;
   width: 980px;
   height:320px;
   margin-left: 0px;
   margin-top: 20px;
   margin-bottom: 10px; 
   background-color:white;  
   background-image: url(".JPG");

     
}


#body444
{float: left;
   width: 760px;
   height:400px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");

     
}

#body444cs
{float: left;
   width: 560px;
   height:600px;
   margin-left: 180px;
   margin-top: 0px;
   margin-bottom: 0px; 
  background-color:#c7dae1; 
   background-image: url(".JPG");

     
}
#body55
{
float: left;
   width: 345px;
   height:380px;
   margin-left: 5px;
   margin-top: 10px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url("");
    border: 2px solid #c7dae1;
     
}


#bodypp
{float: left;
   width: 760px;
   height:700px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");

     
}
#body44
{float: left;
   width: 760px;
   height:310px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");

     
}

#body4420082
{float: left;
   width: 760px;
   height:490px;
   margin-left: 70px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");

     
}






label {
display:block;
width:150px;
float:left;
}
#gauche
{float: left;
   width: 240px;
   height:130px;
   margin-left: 90px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
  border: 2px solid #0099cc
     
}

#clef
{
   width: 842px;
   height:90px;
   margin-left: 40px;
   margin-top: 15px;
   margin-bottom: 10px; 
   background-color:white;  
   background-image: url(".JPG");

     
}

#clefjb
{float: left;
   width: 842px;
   height:100px;
   margin-left: 6px;
   margin-top: 5px;
   margin-bottom: 10px; 
   background-color:white;  
   background-image: url(".JPG");

     
}


#clef22
{float: left;
   width: 800px;
   height:80px;
   margin-left: 6px;
   margin-top: 5px;
   margin-bottom: 10px; 
   background-color:white;  
   background-image: url(".JPG");

     
}

#clef2
{float: left;
   width: 870px;
   height:80px;
   margin-left: 35px;
   margin-top: 25px;
   margin-bottom: 10px; 
   background-color:white;  
   background-image: url(".JPG");

}


#bass2
{float: left;
   width: 290px;
   height:170px;
   margin-left: 10px;
   margin-top: 15px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
  border: 1px solid #999999;
     
}


#bass3
{float: left;
   width: 290px;
   height:170px;
   margin-left: 10px;
   margin-top: 15px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
  border: 1px solid #999999;
     
}

#bass1
{float: left;
   width: 290px;
   height:357px;
   margin-left: 15px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
  border: 1px solid #999999;
     
}

#pic
{float: left;
   width: 120px;
   height:100px;
   margin-left: 10px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");

     
}

#pic2009
{float: left;
   width: 125px;
   height:300px;
   margin-left: 10px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");

     
}

#pic2
{float: left;
   width: 120px;
   height:400px;
   margin-left: 10px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");

     
}


#pic2di
{float: left;
   width: 120px;
   height:600px;
   margin-left: 10px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");

     
}

#bass
{float: left;
   width: 290px;
   height:170px;
   margin-left: 10px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
  border: 1px solid #999999;
     
}

#bassgraphique1255
{float: left;
   width: 700px;
   height:750px;
   margin-left: 120px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
  border: 1px solid #999999;
     
}
#bassgraphique
{float: left;
   width: 700px;
   height:450px;
   margin-left: 120px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
  border: 1px solid #999999;
     
}


#bassgraphique22
{float: left;
   width: 700px;
   height:350px;
   margin-left: 120px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
  border: 1px solid #999999;
     
}




#center
{float: left;
   width: 240px;
   height:130px;
   margin-left: 5px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
  border: 2px solid #ff6666;
     
}


#center2
{float: left;
   width: 240px;
   height:130px;
   margin-left: 5px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
  border: 2px solid #66cc66;
     
}


#body
{
   width: 760px;
   height:300px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
     
}


/* L'en-tête */

#en_tete
{
   width: 941px;
   height:175px;
   background-image: url("logo2008.jpg");
   background-repeat: no-repeat;
   margin-bottom: 1px;
    
   
}


#virus
{
   width: 200px;
   height:40px;
  margin-left: 490px;

 
}

#menu3 li:hover ul ul, #menu3 li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu3 li:hover ul, #menu3 li li:hover ul, #menu3 li.sfhover ul, #menu3 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
}




#menu3, #menu3 ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /* on défini une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu3 /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu3 a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
	 background:#F0F0F0;           
        color : #000000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 151px; /* largeur */
}

#menu3 li /* Elements des listes */     
{
        float : left;
        /* pour ie qui ne reconnaît pas "transparent" */
        border-right : 5px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu3 li
{
        border-right: 5px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu3 li ul /* Sous-listes */
{
        position: absolute; /* Position absolu */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoi loin du champ de vision */
}


#menu3 li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu3 li ul li               
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu3 li ul ul
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */     
}

/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu3 li ul ul               
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu3 li:hover ul ul, #menu3 li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu3 li:hover ul, #menu3 li li:hover ul, #menu3 li.sfhover ul, #menu3 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
}

#menu3 a:hover /* Lorsque la souris passe sur un des liens */   
{
        color: #36526C; /* On passe le texte en noir ... */
        background: #ffffff; /* ... et au contraire, le fond en blanc */
}

#en_tete2
{
background-color: #FFF;
   width: 941px;
   height:175px;
   color: white;
   background-image: url("logo2008.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}


.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}

.smallgraytext2 {
	font: 0.7em Tahoma, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#999999;
}

.smallgraytext3 {
 text-align: center;
	font: 0.7em Tahoma, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color:#999999;
}


.text2008 {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	margin-left: 3px;
   margin-top: 1px;
     margin-right: 3px;
	color:#000000;
}






.text200878 {
	font: 0.7em Tahoma, sans-serif;
	font-size: 15px;
	margin-left: 3px;
   margin-top: 1px;
     margin-right: 3px;
	color:#000000;
}








.text2008q {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	margin-left: 3px;
   margin-top: 1px;
     margin-right: 3px;
	color:#000000;
	 text-align: right;
}

.text2008wow {
	font: 0.7em Tahoma, sans-serif;
	font-size: 13px;
	margin-left: 3px;
   margin-top: 1px;
     margin-right: 3px;
	color:#000000;
}


.text2008wowjo {
	font: 0.7em Tahoma, sans-serif;
	font-size: 10px;
	margin-left: 3px;
   margin-top: 1px;
     margin-right: 3px;
	color:#999999;
}





.text2008wow2 {
	font: 0.7em Tahoma, sans-serif;
	font-size: 16px;
	margin-left: 3px;
   margin-top: 1px;
     margin-right: 3px;
	color:#000000;
	font-weight:bold;
}

.text2008wow233 {
	font: 0.7em Tahoma, sans-serif;
	font-size: 15px;
	margin-left: 3px;
   margin-top: 1px;
     margin-right: 3px;
	color:#0a0c83;
	font-weight:bold;
}


#footer

{

float:left;
 width:921px;
  height:45px;
  height:15px;
 
 background-color:#F0F0F0; 
 padding:10px;
 
 }


.gros

{background-image: url("");
   text-align: left;
   font-size: 15px;
color: black;
  margin-right:0px;
   font-family: "Times New Roman", Verdana, serif;

}



.gros2

{background-image: url("");
   text-align: left;
   font-size: 20px;
color: black;
  margin-right:0px;
   font-family: "Times New Roman", Verdana, serif;

}




.prix

{ 
   text-align: right;
  margin-left: 1px;
   margin-top: 1px;
     margin-right: 18px;
color: black;
 font: 0.7em Tahoma, sans-serif;
	font-size: 17px;
	font-weight:bold;

}

.bleu2008

{background-color: #434343 ;
   text-align: left;
  margin-left: 1px;
   margin-top: 1px;
     margin-right: 1px;
color: white;
 font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	

}


.rouge2008


{background-color: #23395c;
   text-align: left;
  margin-left: 1px;
   margin-top: 1px;
     margin-right: 1px;
color: white;
 font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	

}








.vert2008

{background-color: #4c4a4a ;
   text-align: left;
  margin-left: 1px;
   margin-top: 1px;
     margin-right: 1px;
color: white;
 font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	

}




.jaune2008

{background-color: #b5b7b8 ;
   text-align: left;
  margin-left: 1px;
   margin-top: 1px;
     margin-right: 1px;
color: white;
 font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	

}



.orange2008

{background-color: #730202 ;
   text-align: left;
  margin-left: 1px;
   margin-top: 1px;
     margin-right: 1px;
color: white;
 font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	

}

.mauve2008

{background-color: #7e7e80 ;
   text-align: left;
  margin-left: 1px;
   margin-top: 1px;
     margin-right: 1px;
color: white;
 font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	

}

.mauve200822

{background-color: #003350;
   text-align: left;
  margin-left: 1px;
   margin-top: 1px;
     margin-right: 1px;
color: white;
 font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	

}

.bleu

{background-image: url("bleu.jpg");
   text-align: left;
   font-size: 13px;
color: white;
  margin-right:0px;
   font-family:  Verdana, serif;

}


.rouge

{background-image: url("rouge.jpg");
   text-align: left;
   font-size: 13px;
color: white;
  margin-right:0px;
   font-family:  Verdana, serif;

}

.vert

{background-image: url("vert.jpg");
   text-align: left;
   font-size: 13px;
color: white;
  margin-right:0px;
   font-family:  Verdana, serif;

}


.vert2

{
   text-align: center;
   font-size: 10px;
color: white;
  margin-right:0px;
   font-family:  Verdana, serif;
     color:black;

}

.vert21

{
   text-align: left;
   font-size: 13px;
color: white;
  margin-right:0px;
   font-family:  Verdana, serif;
     color:black;

}

.vert22

{
   text-align: center;
   font-size: 13px;
color: white;
  margin-right:0px;
   font-family:  Verdana, serif;
     color:black;

}

.vert2244

{
   text-align: left;
   font-size: 17px;
color: white;
  margin-right:0px;
   font-family:  Verdana, serif;
     color:black;

}



.vert222

{
   text-align: center;
   font-size: 16px;
color: white;
  margin-right:0px;
   font-family:  Verdana, serif;
     color:black;

}
.vert3

{
   text-align: center;
   font-size: 10px;
color: white;
  margin-right:0px;
   font-family:  Verdana, serif;
     color:black;

}


.rouge2

{
   text-align: left;
   font-size: 10px;
color: white;
  margin-right:0px;
   font-family:  Verdana, serif;
color:black;
}