@charset "utf-8";
/* CSS Document */

body {margin:0px;background-color:#2b2b3d;}

div.gauche  {position :relative;overflow:hidden; float:left;height:500px;background-color:#2b2b38;}
div.droit   {position :relative; float:left;background-color:#2b2b38;height:500px;}
div.milieu  {;float:left;height:500px;background-image:url(../images/lignebrisee.png)}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
  }

  .clearfix {
    width: 100%;
  }

div.centree{text-align:center;z-index:100;width:545px;position:absolute;left:50%;transform: translateX(-50%) }
/*style="z-index:100;position:absolute; top:400px;"*/


p.filigrane  {position:absolute; top:0px;left:0px;text-align:justify;color:#310000;font-size:25px; }

h1.titreAccueil {position:absolute; right:0px; font-size:55px;  color: white;z-index:100;text-align:right;letter-spacing:18px; }
h1.titreAccueil span {color:red;font-size:100px;}

h2.blanc1 {color : white;font-size:30px; margin-left:20px;}

table#pays td {width: 120px;text-align: center;vertical-align: middle;}

table#pays {width: 400px;margin-right:auto; margin-left:auto; margin-top:70px;border-collapse:separate;border-spacing:10px;}
table#pays td[colspan="3"] {
    width: 350px;
}

table#pays a#Empire{display:block; background-image:url(../images/BTN-Empire.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#Empire:hover {	background-image:url(../images/BTN-Empire2.png); background-repeat:no-repeat; }

table#pays a#Maroc{display:block; background-image:url(../images/BTN-Maroc.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#Maroc:hover {	background-image:url(../images/BTN-Maroc2.png); background-repeat:no-repeat; }

table#pays a#Algerie{display:block; background-image:url(../images/BTN-Algerie.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#Algerie:hover {	background-image:url(../images/BTN-Algerie2.png); background-repeat:no-repeat; }

table#pays a#Tunisie{display:block; background-image:url(../images/BTN-Tunisie.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#Tunisie:hover {	background-image:url(../images/BTN-Tunisie2.png); background-repeat:no-repeat; }

table#pays a#ProcheOrient{display:block; background-image:url(../images/BTN-ProcheOrient.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#ProcheOrient:hover {	background-image:url(../images/BTN-ProcheOrient2.png); background-repeat:no-repeat; }

table#pays a#AOF{display:block; background-image:url(../images/BTN-AfriqueOccientaleFrancaise.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#AOF:hover {	background-image:url(../images/BTN-AfriqueOccientaleFrancaise2.png); background-repeat:no-repeat; }

table#pays a#AEF{display:block; background-image:url(../images/BTN-AfriqueEquatorialeFrancaise.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#AEF:hover {	background-image:url(../images/BTN-AfriqueEquatorialeFrancaise2.png); background-repeat:no-repeat; }

table#pays a#MadagascarDgibouti{display:block; background-image:url(../images/BTN-MadagascarDjibouti.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#MadagascarDgibouti:hover {	background-image:url(../images/BTN-MadagascarDjibouti2.png); background-repeat:no-repeat; }

table#pays a#Indochine{display:block; background-image:url(../images/BTN-Indochine.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#Indochine:hover {	background-image:url(../images/BTN-Indochine2.png); background-repeat:no-repeat; }

table#pays a#Inde{display:block; background-image:url(../images/BTN-Inde.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#Inde:hover {	background-image:url(../images/BTN-Inde2.png); background-repeat:no-repeat; }

table#pays a#Pacifique{display:block; background-image:url(../images/BTN-Pacifique.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#Pacifique:hover {	background-image:url(../images/BTN-Pacifique2.png); background-repeat:no-repeat; }

table#pays a#AntillesGuyane{display:block; background-image:url(../images/BTN-AntillesGuyane.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#AntillesGuyane:hover {	background-image:url(../images/BTN-AntillesGuyane2.png); background-repeat:no-repeat; }

table#pays a#Contact{display:block; background-image:url(../images/BTN-Contact.png); background-repeat:no-repeat; width:110px; height:110px;}
table#pays a#Contact:hover {	background-image:url(../images/BTN-Contact2.png); background-repeat:no-repeat; }

table#pays a#ContactRect {display: block;margin: 0 auto;width: 370px;height: 93px;background-image: url(../images/BTN-Contact-rect.png);background-repeat: no-repeat;
  background-position: center;background-size: 100% 100%;}

table#pays a#ContactRect:hover {width:370px;height: 93px;    background-image: url(../images/BTN-Contact-rect-hover.png);}


/* 
div.contact2 {
    position: relative;
    border: 2px solid white;
    width: 70%;
    max-width: 315px;
    border-radius: 12px;
    padding: 25px 15px 20px 15px;
    margin: 40px auto 20px auto;
    text-align: center;
  }
  
  div.contact2 p {
    background-color: #2b2b3d;
    color: white;
    margin: 0;
    padding: 0 15px;
    font-size: 20px;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
  }
  
  div.contact2 a {
    display: inline-block;
    margin-top: 10px;
    color: white;
    font-size: 18px;
    text-decoration: none;
    padding: 8px 15px;
    border-radius: 6px;
    transition: background-color 0.2s ease;
  }
  
  div.contact2 a:hover {
    background-color: rgba(255,255,255,0.1);
  }

  */