html { border: none; }

body{
   width: 999px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenętre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   background-color:#000000;
     font-family: Arial regular, "Arial", "Times New Roman", Times, serif;
     color:#ffffff;
}
.surtop{
     width: 989px;
     height: 40px;
     font-family: Arial regular, "Arial", "Times New Roman", Times, serif;
     color:#303030;
     font-size:10px;
     background-image: url("images/decoupe/haut-0.jpg");
     text-align:justify;
     padding-left:5px;
     padding-right:5px;
     padding-top:0px;
     line-height:9px;
}
.surtop a{
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     color:#696767;
     font-size:10px;
     text-decoration:none;
}
.surtop a:hover{
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     color:#00ccff;
     font-size:10px;
}

.top{
     width: 999px;
     height: 96px;
      background-color:#c0c0c0;
     background-image: url("images/decoupe/haut-2.jpg");
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     color:#ffffff;
     font-size:10px;
     padding-left:0px;
     padding-right:0px;
     padding-top:0px;
     line-height:10px;
}
.top .langue-img{
     float:right;
     width: 980px;
     padding-top:9px;
     padding-right:20px;
          text-align:right;
}
.langue-img a{
     border:0px;
     text-decoration:none;

}
.langue-img p{
     padding:0px;
     margin:0px;
}

.top .texte{
     float:left;
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     color:#999999;
     font-size:13px;
     padding-left:75px;
     padding-top:20px;
}
.top .centre-top-menu{
     float:right;
     padding-right:20px;
     padding-top:30px;

}
.centre-top-menu a{
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     color:#2D7DC3;
     font-size:13px;
     text-decoration:none;
}
.centre-top-menu a:hover{
     font-family: Arial, "Arial", "Times New Roman", Times, serif;

     color:#ffffff;
     font-size:13px;
}
.centre-top-menu a.actif{
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     color:#ffffff;
     font-size:13px;
     text-decoration:none;
}
.centre-top-menu a:hover.actif{
     font-family: Arial, "Arial", "Times New Roman", Times, serif;

     color:#ffffff;
     font-size:13px;
}

/* ------------------------------------------------------------------------------ */
/* corps du site height:800px; */
div.corps{
     float:left;
     width:999px;
     height:541px;
     margin: auto;
     border:solid #fc6b29 0px;
}
div.corps .colonne1{
     float:left;
     width:224px;
     height:536px;
    border:solid #fc6b29 0px;
     background-image: url("images/decoupe/col-3.jpg");
     padding-top:8px;
     padding-left:4px;
}
div.corps .colonne2{
     float:left;
     width:123px;
     height: 528px;
    border:solid #fc6b29 0px;
     background-image: url("images/decoupe/col-2-boutons.jpg");
     padding-top:13px;
     padding-left:12px;
}
div.corps .colonne3{
     float:left;
     width:636px;
     height:541px;
     border:solid #fc6b29 0px;
}

.colonne3 .haut{
     float:left;
     width:636px;
     height:10px;
     border:solid #fc6b29 0px;
     background-image: url("images/decoupe/col-3-haut-0.jpg");
}

.colonne3 .droite{
     float:left;
     padding:0px;
     margin:0px;
     width:7px;
     height:531px;
     border:solid #fc6b29 0px;
     background-image: url("images/decoupe/col-4-droite.jpg");
}
/*-----------------------------------------------*/
.bottom{
     padding-top:5px;
     text-align:center;
     float:left;
     width:999px;
     height:35px;
     border:solid #fc6b29 0px;
     background-image: url("images/decoupe/bottom.jpg");
     font-family: Arial regular, "Arial", "Times New Roman", Times, serif;
     font-size:10px;
     color:#2D7DC3;
}

div.bottom a{
     font-size:10px;
     color:#2D7DC3;
     text-decoration:none;
}
div.bottom a:hover{
     color:#ffffff;
     font-size:10px;
     text-decoration:underline;
}
/*-----------------------------------------------*/


/* ------------------------------------------------------------------------------ */
/* Page acceuil */
.colonne3 .centre{
     float:left;
     width:629px;
     height:531px;
     border:solid #fc6b29 0px;
     background-image: url("images/decoupe/col-3-centre.jpg");
}

.centre .title{
     width:629px;
     height:100px;
     padding-left: 15px;
     background-image: url("images/fleche-bleu.jpg");
     background-repeat: no-repeat;
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     font-size:14px;
     color:#ffffff;
}
.centre .cadre-acceuil{
     width:610px;
     height:210px;
     background-image: url("images/accueil/fond-1.jpg");
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     font-size:12px;
     color:#ffffff;
}

.centre .cadre-acceuil-title{
     width:629px;
     height:100px;
     padding-left: 15px;
     background-image: url("images/fleche-bleu.jpg");
     background-repeat: no-repeat;
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     font-size:14px;
     color:#ffffff;
}
.centre .cadre-acceuil-texte{
     width:629px;
     height:531px;
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     font-size:12px;
     color:#ffffff;
}

.centre .texte{
     width:629px;
     height:531px;
     font-family: Arial, "Arial", "Times New Roman", Times, serif;
     font-size:12px;
     color:#ffffff;
}