/*

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

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

#membre1
{
float: left;
   width: 130px;
   height:380px;
   margin-left: 5px;
   margin-top: 5px;
   margin-right: 5px; 
   background-color:#FFFFFF; 
 
       border: 1px solid #3e4875;
}


#membrebleu
{
   width: 128px;
   height:16px;
   margin-left: px;
   margin-top: px;
   margin-bottom: 0px; 
   background-color:#c1c5de; 
 border: 1px solid #3e4875;

color: #000000;
 text-align: left;
   font-size: 10px;

 font-family : Arial;
 
 
   
}

#membrecentre
{

   width: 510px;
   height:380px;
   margin-left: 0px;
   margin-top: 5px;
   margin-bottom: 0px; 
   background-color:#FFFFFF; 
 border: 1px solid #3e4875;
  background-image: url("fond3.JPG");
color: #000000;
 text-align: left;
   font-size: 10px;

 font-family : Arial;
 
 
   
}

#body2membre
{
   width: 660px;
   height:400px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:#FFFFFF; 
   background-image: url(".JPG");
          border: 1px solid #3e4875;
		  
		color: #3e4875;
 text-align: left;
   font-size: 10px;
font-weight : bold;
 font-family : Arial;  
		  
}

#body2
{
   width: 760px;
   height:400px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:#FFFFFF; 
   background-image: url("fond.JPG");
     
}

#haut
{
   width: 660px;
   height:55px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:#3e4875;  
   background-image: url(".JPG");
       border: 1px solid #3e4875;
}
#hautjb
{
   width: 660px;
   height:10px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:#3e4875;  
   background-image: url(".JPG");
       border: 1px solid #3e4875;
}


#haut2
{
   width: 315px;
   height:30px;
   margin-left: 330px;
   margin-top: 10px;
   margin-bottom: 0px; 
   background-color:#3e4875;  
   background-image: url(".JPG");
       border: 1px solid #3e4875;
}
#haut3
{
   width: 660px;
   height:30px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background-color:#3e4875;  
   background-image: url(".JPG");
       border: 1px solid #3e4875;
}


#body3
{
float: right;
   width: 400px;
   height:280px;
   margin-left: 0px;
   margin-top: 10px;
   margin-bottom: 0px; 
   background-color:white;  
   background-image: url(".JPG");
   
     
}


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





#body4
{float: left;
   width: 760px;
   height:280px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
   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");

     
}

#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");

     
}
label {
display:block;
width:120px;

float:left;
color: #3e4875;
 text-align: right;
   font-size: 10px;
 font-family : Arial;
font-weight : bold;
   margin-right: 8px;
}

.lala{


float:left;
color: #3e4875;
 text-align: left;
   font-size: 20px;
font-weight : bold;
 font-family : Arial;
}
.lala2membre{


float:center;
color: #3e4875;
 text-align: center;
   font-size: 15px;

 font-family : Arial;
}


.lala2{


float:left;
color: #3e4875;
 text-align: left;
   font-size: 15px;

 font-family : Arial;
}

.lala2re{



color: #3e4875;
 text-align: center;
   font-size: 9px;

 font-family : Arial;
}
.lala2rerefa{

font-weight : bold;
 margin-left: 20px;
color: #3e4875;
 text-align: left;
   font-size: 11px;

 font-family : Arial;
}
.lala2rere{


 margin-left: 20px;
color: #3e4875;
 text-align: left;
   font-size: 9px;

 font-family : Arial;
}


.lala2do{


 font-weight : bold;
color: #7ab547;
 text-align: center;
   font-size: 14px;

 font-family : Arial;
}

.lala2dodo{
 margin-top: 10px;
 margin-left: 20px;
 font-weight : bold;
color: #3e4875;
 text-align: left;
   font-size: 16px;

 font-family : Arial;
}


.lala22{


float:left;
color: #FFFFFF;
 text-align: left;
   font-size: 18px;
font-weight : bold;
 font-family : Arial;
  margin-left: 10px;
}

.lala3{


float:left;
color: #FFFFFF;
 text-align: center;
   font-size: 16px;
  background-color:#3e4875;
 font-family : Arial;
 font-weight : bold;
}
.lala3si{



color: #FFFFFF;
 text-align: center;
   font-size: 10px;
  background-color:#79a943;
 font-family : Arial;
 font-weight : bold;
}
.lala33{


float:left;
color: #FFFFFF;
 text-align: right;
   font-size: 10px;
 margin-right: 10px;
   margin-top: 15px;
   margin-bottom: 0px; 
 font-family : Arial;
 font-weight : bold;
}
input{



float:center;
color: #3e4875;
 text-align: center;
   font-size: 11px;
 font-family : Arial;

}

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



#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: 759px;
   height:40px;
   background-image: url("logo22.jpg");
   background-repeat: no-repeat;
   margin-bottom: 1px;
    background-color:#6699cc;  
   
}


#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 : #6699cc; /* couleur de fond */       
        color : #FFFFFF; /* 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 : 1px 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: 1px 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: #6699cc; /* ... et au contraire, le fond en blanc */
}

#en_tete2
{
background-color: #FFF;
   width: 780px;
   height:26px;
   color: white;
   background-image: url("");
   background-repeat: no-repeat;
   margin-bottom: 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;

}



.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: 13px;
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;
}