body {
      margin: 0;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  text-align: center;
	  }
.cadre {
		width: 100%;
		margin: 0;
		text-align: left;
		}
.haut {
       width: 100%;
	   height: 150px;
	   margin: 0;
	   padding: 0;
	   border-top: 1px solid #000033;
	   border-left: 1px solid #000033;
	   border-right: 1px solid #000033;
	   }
.haut_g {
       float: left;
	   width: 155px;
	   height: 150px;
	   }
.haut_d {
        float: right;
		width: 118px;
		height: 150px;
		}
.haut_c {
        margin-left: 155px;
		margin-right: 118px;
		height: 150px;
		text-align: center;
		}
.trait1 {
        width: 100%;
		height: 5px;
		background-color: #1e0465;
		border-left: 1px solid #000033;
		border-right: 1px solid #000033;
		}

.cont {
       width: 100%;
	   }
.gauche {
         width: 150px;
		 float: left;
		}
.gauche_h {
		 width: 150px;
		 height: 400px;
		 background-color: #1e0465;
		 border-top: 1px solid #fff;
		 border-left: 1px solid #000033;
		 border-right: 1px solid #000033;
		 }
#button ul {
            list-style: none;
            margin: 0;
            padding: 0;
            border: none;
           }

#button li {
            border-bottom: 1px solid #fff;
            padding: 10px 0 10px 15px;
            font-family: Tahoma, Arial, sans-serif;
            /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
            font-size : 12px;
            color: #fff;
			background-color: #1e0465;
            margin: 0;
            list-style: none;
            list-style-image: none;
            }

#button li a {
              display: block;
              color: #fff;
              text-decoration: none;
              width: 98%;
             }

html>body #button li a {
                        width: auto;
                       }

#button li a:hover {
                    color: #fff;
                   }
.gauche_b {
           width: 150px;
		   height: 57px;
		   background: url(images/gauche.gif) no-repeat;
		   border-left: 1px solid #000033;
		   border-right: 1px solid #000033;
		   }
.droite {
         float: right;
         width: 170px;
		 text-align: center;
		 }
.droite img {
             margin-top: 5px;
			 margin-bottom: 5px;
			 border: 1px solid #000033;
			 }
.centre {
         margin-left: 150px;
		 margin-right: 170px;
		 border-left: 1px solid #1e0465;
		 border-right: 1px solid #1e0465;
        }
.droite1 {
         margin-left: 150px;
		 margin-top: 20px;
		 min-height: 500px;
		 height: auto;
		 }
* html .droite1 {
height: 500px;
}
.droite2 {
		 margin-top: 20px;
		 }
.droite_h {
           width: 100%;
		   }
.droite_h img {
               float: right;
			   margin: 10px;
			   padding: 5px;
			   }
.art_tit {
          padding: 10px 0 10px 10px;
		  font-size: 16px;
		  font-weight: bold;
		  color: #000033;
		  }
.art_tit1 {
          padding: 2px 0 2px 10px;
		  margin-bottom: 10px;
		  font-size: 14px;
		  font-weight: bold;
		  color: #FFFFFF;
		  background-color: #999999;
		  }		  
.art_cont {
           padding: 0 0 0 10px;
		   font-size: 12px;
		   min-height: 150px;
           height:auto;
		   }
* html .art_cont {
height: 150px;
}
.art_cont img {
               float: right;
			   padding: 5px;
			   }
.art_conte {
           padding: 0 0 0 10px;
		   font-size: 12px;
		   min-height:400px;
           height:auto;
		   }
* html .art_conte {
height: 400px;
}
.art_conte1 {
           padding: 0 0 0 10px;
		   font-size: 12px;
		   min-height:600px;
           height:auto;
		   }
* html .art_conte1 {
height: 600px;
}
.droite_b {
                    width: 100%;
					margin-top: 5px;
                    padding: 0;
                   }
.droite_b_g {
                      float: left;
                      width: 49%;
					  margin-top: 5px;
                      padding: 5px;
                     }
.droite_b_d {
                      margin-left: 50%;
					  margin-top: 5px;
                      padding: 5px;
                     }

.form1 {
        margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		width: 400px;
		padding: 5px;
		background-color: #f3f6f7;
		border: 2px solid #CC0000;
       }
.form2 {
        margin-left: auto;
		margin-right: auto;
		width: 400px;
		padding-top: 5px;
		padding-right: 20px;
		font-size: 12px;
		text-align: right;
       }
.form2 a {
          color: #000066;
		  text-decoration: underline;
		  }
.form2 a:hover{
               color: #660000;
               text-decoration: underline;
			   }
.hi {
     text-align: center;
	 }
.forme3 {
         margin-left: auto;
		 margin-right: auto;
         width: 60%;
		 font-size: 14px;
	     padding: 5px 0 5px 0;
		 color: #000033;
		 background-color: #f1f4f6;
		 border-bottom: 1px solid #663300;
	     text-align: left;
        }
table {
               margin-left: auto;
			   margin-right: auto;
			   width: 80%;
			   font-size: 12px;
			   text-align: left;
			   }
.risque {
         width: 100%;
		 font-size: 10px;
		 }
.risque table {
               width: 80%;
			   }
.risque td {
            text-align: center;
			border: 1px solid #000000;
			}
.risques {
          width: 90%;
		  }
.risques td {
             font-size: 10px;
			 }
.vide {
       color: #FFFFFF;
	   }
.ha {
     text-align: center;
	 }
.hau {
      margin-left: auto;
	  margin-right: auto;
         width: 70%;
		 font-size: 10px;
		 text-align: left;
		 }
.hau table {
               width: 70%;
			   }
.retour {
         width: 100%;
		 font-size: 10px;
		 }
.retour table {
               width: 60%;
			   }
.titre {
        width: 100%;
		background-color: #0033CC;
		margin-bottom: 20px;
		padding: 5px 0 5px 0;
		text-align: center;
		}
.titr {
        width: 100%;
		background-color: #FF0000;
		margin-bottom: 20px;
		padding: 5px 0 5px 0;
		text-align: center;
		}
.titre1 {
         margin-left: auto;
		 margin-right: auto;
		 width: 70%;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 18px;
		 font-weight: bold;
		 color: #fff;
		 }
.liste {
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		color: #FFFFFF;
		}
.rap {
      text-align:center;
	  }
.rap table {
            margin-left: auto;
			margin-right: auto;
			width: 60%;
			}
.riscont {
			width: 70%;
            text-align: center;
			}
.risq {
        margin-left: auto;
		margin-right: auto;
		width: 90%;
         font-size: 16px;
		 background-color: #0066FF;
		 color: #fff;
		 text-align: left;
		 }
.liste1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: bold;
		color: #FF0000;
		}
.art_conteneur {
               width: 99%;
			   min-height: 450px;
			   height: auto;
			   }
* html .art_conteneur {
                      height: 450px;
					  }
.art_conteneu {
               width: 99%;
			   min-height: 450px;
			   height: auto;
			   padding-left: 10px;
			   }
* html .art_conteneu {
                      height: 450px;
					  }
.actu_tit {
           font-size: 14px;
		   font-weight: bold;
		   padding: 5px 0 5px 20px;
          }
.actu_cont {
            font-size: 12px;
            padding: 5px 0 5px 20px;
			}