
/*les balises xhtml*/
  
  a { text-decoration: none;
	} 
		 
  a:hover { text-decoration: underline; 
	color: rgb(0, 230, 150); 
    } 
   
 /* a:hover.infobul { text-decoration: none; 
	background: none; 
    } */
   
/*  a:hover.infobul span { display: inline;
    position: absolute;
    top: 25px;
    left: 7px;
    z-index: 20;
    background: rgb(255, 255,255);
    color: rgb(0, 0, 151);
    border: 1px solid rgb(0, 0, 0);
    width: 200px; 
    text-align: justify;
    font-size: 90%;
    line-height: 12px;
    padding: 5px 4px;
    }*/
    
  a:visited { color: rgb(0, 255, 200); 
    }   
 	
  a.infobul { text-decoration: none; 
	position: relative; 
	border-bottom: 1px dotted rgb(130, 170, 215);
    } 
   
  a.infobul span { display: none;
    } 

  a abbr1 { text-decoration: none; 
    color: rgb(130, 170, 215);
    } 
	
  sa abbr { color: rgb(130, 170, 215);
    cursor: help;
    }
    
  abbr { color: rgb(130, 170, 215);
    cursor: help;
    }
	
  acronym { color: rgb(255, 0, 0);
    cursor: help;
    } 
	
  body { color: rgb(0, 0, 255);
    background-color: rgb(255, 255, 255);
  	font-family: Arial,verdana,helvetica,serif;
	font-size: 100%;
	text-align: justify;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 2%;
	margin-right: 2%;
	padding: 9px;
    width: auto;	
    }
	
  hr { margin-top: 0px;
    } 
	
  
  p { margin-bottom: 5px;
	margin-top: 5px;
    margin-left: 0%;
	margin-right: 0%;
	padding: 9px;
    width: auto;	
    }
  
  table { width: 100%;		
    color: rgb(150, 0, 150); 
    border-bottom: 1px double rgb(153, 153, 153);
    border-left: 1px double rgb(153, 153, 153);
    border-right: 1px double rgb(153, 153, 153);
    border-top: 1px double rgb(153, 153, 153);
    background-color: rgb(234, 234, 238);
	}
	
  tr { width: auto;	
	}
			
  td { 
    text-align: center;
    font-size: 80%;
    font-weight: bold;	
	border-bottom: 1px double rgb(153, 153, 153);
    border-left: 1px double rgb(153, 153, 153);
    border-right: 1px double rgb(153, 153, 153);
    border-top: 1px double rgb(153, 153, 153);
	}	
			
		
  
/*les div*/
  
  
  #articl { width: auto;
	}
	
  #creativcomon { color: rgb(115, 35, 115);
    font-size: 80%;
    font-style: italic;
	width: auto;
    }		
	
  #copyright { color: rgb(150, 0, 150);
    background-color: rgb(234, 234, 238);
    font-family: Arial, Verdana, Helvetica, ssans-serif,serif;
    font-weight: bold;
    text-align: center;
    font-size: 100%;
	border: 3px double rgb(153, 153, 153);
	width: auto;	
	padding: 9px;
    margin-bottom: 3px;
	}	

  #google_translate_element { float: left;
    margin-left: 27px;
    margin-top: 3px;
    }
	
  #letr2difus { text-align: center;
	font-family: Arial,verdana,helvetica,ssans-serif,serif;  
    color: rgb(255, 150, 0);
    font-weight: bold;
	font-size: 70%;
	margin-left: 230px;
	margin-top: 0px;
	padding-top: 3px;
	width: 550px;
	height: 0px;
    }
	
  #link1 { border: 3px double rgb(153, 153, 153);
	width: auto;	
    color: rgb(0, 153, 153);
	text-align: right;
	font-family: arial, verdana, helvetica, ssans-serif,serif;
	font-style: italic;
	font-size: 80%;
	font-weight: bold;
	margin-top: 21px;
    }
	
  #link2 { border: 3px double rgb(153, 153, 153);
	width: auto;	
    color: rgb(0, 153, 153);
	text-align: right;
	font-family: arial, verdana, helvetica, ssans-serif,serif;
	font-style: italic;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 3px;
    background-color: rgb(234, 234, 238);
    }
	
  #logo { width: auto;
	} 	

  #nav1 { color: rgb(255, 150, 0);
	border: 3px double rgb(153, 153, 153);
	width: auto;
	font-family: "Arial black",verdana,helvetica,ssans-serif,serif;
	font-style:italic;
	font-weight: bold;
	font-size: 60%;
	padding: 3px 9px;
	} 

  #nav2 { border: 3px double rgb(153, 153, 153);
	height: 20px;
	width: auto;
	}	
	
  #nav4 { color: rgb(150, 0, 150);
    background-color: rgb(234, 234, 238);
	border: 3px double rgb(153, 153, 153);
	width: auto;
	font-family: "Arial black",verdana,helvetica,ssans-serif,serif;
	font-style:italic;
	font-weight: bold;
	font-size: 60%;
	padding: 3px 9px;
	margin-top: 12px;
    } 
	
  #pie { width: auto;
	}	
	
  #searchbox_demo { float: right;
	margin-top: 2px;
	width: 390px;	
    }
	
  #tet { width: auto;
    margin-bottom: 52px;
	}
	
  #titr { text-align: center;
	width: auto;
    height: 95px;
	padding-top: 5px;
	background-image: url(../imaj/index/index.jpg);
	}
	


  
/*LES CLASSES*/  
	  
  .backolor01 { background-color: rgb(220, 240, 210);
    }
	  
  .backolor02 { background-color: rgb(250, 245, 250);
    }

  .backolor03 { background-color: rgb(235, 245, 235);
    }

  .backolor04 { background-color: rgb(230, 255, 210);
    }
	
  .backolor05 { background-color: rgb(240, 255, 200);
    }
	
  .backolor06 { background-color: rgb(197, 255, 200);
    }	
	
  .backolor07 { background-color: rgb(228, 255, 197);
    }
	
  .backolor08 { background-color: rgb(250, 250, 250);	
    }
	  
  .backolor09 { background-color: rgb(244, 244, 244);
    }
	
  .backolor10 { background-color: rgb(233, 233, 233);
    } 
	 
  .backolor11 { background-color: rgb(166, 0, 0);
    }
	
  .backolor12 { background-color: rgb(233, 233, 233);
    }
	
  .backolor13 { background-color: rgb(233, 233, 233);
    }
	
  .backolor14 { background-color: rgb(233, 233, 233);
    }
	
  .backolor15 { background-color: rgb(233, 233, 233);
    }
		
  .blockquote { font-size: 80%;    
    font-style: italic; 
    }
	
  .boit { width: auto;
	}
	
  .border1 { color: rgb(0, 0, 150);
    border: 1px solid;
	}
	  
  .border2 { color: rgb(0, 0, 150);
    border: 2px solid;
	}
	  
  .bracket {
	font-size: 90%;
	font-style: italic;
	} 
	
  .bracket80 {
	font-size: 80%;
	font-style: italic;
	}
	  
  .center { text-align: center;
    }
  
  .dat { color: rgb(0, 0, 150);
    font-family: Arial,verdana,helvetica,serif;
    text-align: left;
    font-style: italic;
    font-weight: bold;
    font-size: 90%;
    } 

  .ecar1 { height: 30px;
    }
	
  .ecar2 { height: 60px;
    }
	
  .ecar3 { height: 120px;
    }
  
  .ecri { width: auto;
    }
		
  .em {font-style: italic;
    }
	
  .encadr1 { font-size: 90%;
    background-color: rgb(255, 255, 140);
	border: 2px double rgb(153, 153, 153);
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
    width: auto;
    } 
	
  .font {font-family: arial,verdana,helvetica,serif;
    }
	
  .font1 { font-family: "Bradley Hand ITC",verdana,helvetica,serif;	
    font-weight: bold;
    }

  .font2 { font-family: "Comic sans ms",verdana,helvetica,serif;	
    }

  .font3 { font-family: "Rockwell Condensed",verdana,helvetica,serif;
    font-weight: bold;
    }

  .font4 { font-family: "times new roman",verdana,helvetica,arial,serif;
    font-weight: bold;        
    }

  .font5 { font-family: "arial black",arial,verdana,helvetica,serif;    
    }

  .font6 { font-family: verdana,arial,helvetica,serif;    
    }
	
  .font7 { font-family: "Britannic Bold",arial,verdana,helvetica,serif;    
    }	

  .heigh31 { height: 31px;
     }
	 		
  .h1 {	color: rgb(255, 255, 255);
	font-family: Arial,verdana,helvetica,serif;
	font-weight: bold;
	font-size: 320%;
	width: auto;
	display: inline;
	}
		
  .h2 { color: rgb(255, 150, 0);
	text-align: center;
	font-family: Arial,verdana,helvetica,serif;
	font-weight: bold;
	font-size: 250%;
    }
	
  .h3 { color: rgb(0, 0, 200);
	text-align: left;
	font-family: Arial,verdana,helvetica,serif;
	font-weight: bold;
	font-size: 160%;
    } 
	
  .h4 { color: rgb(0, 0, 200);
	text-align: left;
	font-family: Arial,verdana,helvetica,serif;
	font-weight: bold;
	font-size: 120%;
    }
	
  .h5 { display:inline;
    color: rgb(0, 0, 200);
	text-align: left;
    font-family: Arial,verdana,helvetica,serif;
	font-weight: bold;
	font-size: 100%;
    } 
  
  .h6 { display:inline;
    color: rgb(255, 100, 0);
    text-align: left;
    font-family: Arial,verdana,helvetica,serif;
    font-size: 90%;
    font-weight: bold;
    } 
	
  .imgfloatleft { float: left;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-right: 19px;
    }
	
  .imgfloatleft0 { float: left;
	margin-top: 12px;
	margin-bottom: 12px;  
    }	
	
  .imgfloatleft1 { float: left;  
    }	
	
  .imgfloatleft2 { float: left;
	margin-top: 12px;
	margin-right: 19px;
    }
	
  .imgfloatleft3 { float: left;
	margin-top: 12px;
	margin-bottom: 6px;
	margin-right: 19px;
    }	

  .imgfloatleft4 { float: left;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 12px;
	margin-right: 19px;
    }
	
  .imgfloatright { float: right;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 19px;
    }
		
  .imgfloatright0 { float: right;
	margin-top: 12px;
	margin-bottom: 12px;
    }	
	 
  .imgfloatright1 { float: right;  
    }
	
  .imgfloatright2 { float: right;
	margin-top: 12px;
	margin-left: 19px;
    }
	
  .imgfloatright3 { float: right;
	margin-top: 12px;
    margin-bottom: 6px;
	margin-left: 19px;
    }		

  .indice {	float: left;
    text-align: left;
	width: auto;
	}
	
  .inline { display: inline;
    }	
	
  .left { text-align: left;
    }

  .lemonouvo { float: right;
    text-align: right;
	width: auto;
	} 
		
  .lien { color: rgb(0, 160, 160);
     font-weight: bold;
	 }

  .lien1 { color: rgb(0, 150, 150);
    font-family: Arial,verdana,helvetica,serif;
	font-style: italic;
	font-size: 80%;
	font-weight: bold;
	}
	
  .lien2 { color: rgb(100, 100, 255);
    font-family: Arial,verdana,helvetica,serif;
	font-style: italic;
	font-weight: bold;
	}
	
  .lien3 { color: rgb(0, 160, 160);
	font-family: Arial, verdana, helvetica, serif;
	}
		
  .lien4 { color: rgb(130, 130, 200);
	font-family: Arial, verdana, helvetica, serif;
    font-weight: bold;
	}
	
  .lien5 { color: rgb(200, 0, 255);
    font-family: Arial,verdana,helvetica,serif;
	font-style: italic;
	}
		
  .lien6 { color: rgb(0, 0, 150);
    font-family: Arial,verdana,helvetica,serif;
    font-size: 70%;
	font-weight: bold;	
	}	
	
  .link { color: rgb(0, 153, 153);
	text-align: right;
	font-family: arial, verdana, helvetica, ssans-serif,serif;
	font-style: italic;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 12px;
	width: auto;
    }

  .livr { float: left;
    width: 250px;
	height: 160px;
	margin-bottom: 50px;
	} 
				
  .mantra { color: rgb(255, 150, 0);
    font-family: Arial,verdana,helvetica,serif;
    text-align: left;
    font-weight: bold;
    font-size: 100%;
    }  
	  
  .note { font-family: arial,verdana,helvetica,serif;
	font-size: 80%;
	font-style: italic;
    }
	
  .notefoot { color: rgb(0, 100, 255);
    font-family: arial,verdana,helvetica,serif;
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
    }
	
  .notetitr { color: rgb(255, 255, 255);
	font-family: Arial,verdana,helvetica,serif;
	font-style: italic;
	font-weight: bold;
	font-size: 90%;
	}
	
  .right { text-align: right;
    }
	
  .sign { color: rgb(0, 0, 200);
    font-family: Arial,verdana,helvetica,serif;
    text-align: left;
    font-weight: bold;
    font-size: 115%;
    } 

  .signat { width: auto;
	text-align: left;
	padding-right: 9px;
	}
   	
  .siz40 { font-size: 40%;
    }
	
  .siz50 { font-size: 50%;
    }
	
  .siz60 { font-size: 60%;
    }
	
  .siz70 { font-size: 70%;
    }
	
  .siz80 { font-size: 80%;
    }
	
  .siz90 { font-size: 90%;
    }
	
  .siz100 { font-size: 100%;
    }
	
  .siz110 { font-size: 110%;
    }
	
  .siz120 { font-size: 120%;
    }
	
  .siz130 { font-size: 130%;
    }
	
  .siz150 { font-size: 150%;
    }
	
  .spacer { clear: both;
   }

  .strong {font-weight: bold;
    }
	
  .sub { vertical-align: sub;
    font-size: 50%; 
    } 
	
  .sup { vertical-align: super;
    font-size: 50%; 
    }
	
  .u { text-decoration: underline;
    }
		
  .width { width: auto;
     } 		
			
  .width92 { width: 92px;
     }		
			
			
			
			  
  .cou0 { color: rgb(255, 255, 255); }                        /*blanc*/
   
  .cou1 { color: rgb(255, 0, 0); }                                  /*rouj*/
	
  .cou11 { color: rgb(255, 125, 150); }                           /*rose*/
  
  .cou2 { color: rgb(255, 100, 0); }                                    /*oranj foncé*/
  
  .cou22 { color: rgb(255, 150, 0); }                                 /*oranj*/
	
  .cou222 { color: rgb(255, 200, 0); }                              /*oranj clair*/  
  
  .cou2222 { color: rgb(255, 230, 0); }                           /*oranj trés clair*/
	
  .cou3 { color: rgb(255, 255, 0);  }                                           /*jaun*/
	
  .cou33 { color: rgb(255, 255, 140); }                                       /*jaun clair*/
  
  .cou333 { color: rgb(255, 255, 185); }                                            /*chair1*/
  
  .cou3333 { color: rgb(255, 255, 210); }                                         /*chair2*/
	
  .cou4 { color: rgb(0, 100, 50); }                                                      /*vert foncé*/
	         
  .cou44 { color: rgb(0, 160, 100); }                                                  /*vert*/
	
  .cou444 { color: rgb(0, 230, 150); }                                               /*vert clair*/   
  
  .cou4444 { color: rgb(0, 255, 200); }                                            /*vert trés clair*/ 
  
  .cou5 { color: rgb(0, 150, 150); }                                                      /*verbleu foncé*/
                                                
  .cou55 { color: rgb(0, 160, 160); }                                                    /*verbleu*/
  
  .cou555 { color: rgb(0, 170, 170); }                                                 /*verbleu*/
                                                                           
  .cou5555 { color: rgb(0, 180, 180); }                                              /*verbleu clair*/
  
  .cou55555 { color: rgb(0, 190, 190); }                                          /*verbleu clair*/
	
  .cou6 { color: rgb(0, 0, 255); }                                                           /*bleu*/
  
  .cou66 { color: rgb(0, 100, 255); }                                                      /*bleu moyen*/
	
  .cou666 { color: rgb(0, 150, 255); }                                                   /*bleu clair*/
  
  .cou6666 { color: rgb(0, 200, 200); }                                                /*bleu trés clair*/
	
  .cou66666 { color: rgb(0, 255, 255); }                                             /*bleu ciel*/
  
  .cou666666 { color: rgb(100, 255, 255); }                                        /*bleu ciel clair*/
  
  .cou6666666 { color: rgb(200, 255, 255); }                                     /*bleu ciel trés clair*/
	
  .cou69 { color: rgb(116, 116, 160); }                                                    /*bleu gri*/
  
  .cou699 { color: rgb(130, 130, 200); }                                                 /*bleu gri clair*/
	
  .cou6999 { color: rgb(130, 170, 215); }                                              /*bleu gribleu clair*/  
  
  .cou669 { color: rgb(70, 130, 195); }                                              /*bleu gribleu foncé*/
	
  .cou7 { color: rgb(0, 0, 100); }                                                     /*indigo fonçé*/
	
  .cou77 { color: rgb(0, 0, 150); }                                                  /*indigo*/ 
	
  .cou777 { color: rgb(0, 0, 200); }                                               /*indigo clair*/
	
  .cou7777 { color: rgb(0, 0, 225); }                                            /*indigo trés clair*/
  
  .cou8 { color: rgb(200, 0, 255); }                                                 /*violet trés clair*/
 
  .cou88 { color: rgb(200, 0, 200); }                                             /*violet clair*/ 
	
  .cou888 { color: rgb(150, 0, 150); }                                         /*violet*/ 
	
  .cou8888 { color: rgb(115, 35, 115); }                                     /*violet foncé*/  
	
  .cou9 { color: rgb(0, 0, 0); }                                                       /*noir*/
	
  .cou99 { color: rgb(80, 80, 80); }                                                 /*gris foncé*/
	
  .cou999 { color: rgb(120, 120, 120); }                                           /*gris*/ 
	
  .cou9999 { color: rgb(150, 150, 150); }                                        /*gris clair*/
    
	
  