html,body {
margin: 0px;
padding: 0px;
background-color: #000000;
}


 .conteneur {
position: absolute;
left: 50%;
top: 50%;
width: 410px;
height : 410px;
margin-top: -205px;
margin-left: -205px;
background-color: #000000;

}

.textemaroc {
font: 14px Verdana;
color: #0b3490;
text-align: center;
padding: 3px;
}

.textealgerie {
font: 14px Verdana;
color: #f0bd0d;
text-align: center;
padding: 3px;
}

.texte {
font: 14px Verdana;
color: #000000;
font-weight: bold;
text-align: center;
padding: 3px;
Margin-top: 40px;
}

.gauchehaut {
border: 0px;
height: 200px;
width: 200px;
background-color:#9b7a4b ;
float: left;
}



.droitehaut {
width: 200px;
height: 200px;
border: 0px;
float: left;
margin-left : 10px;
background-color: #000048;
}

.gauchebas {
height: 200px;
width: 200px;
float: left;
margin-top: 8px;
border: 0px;
 background-color: #919b39;
}



a:link {text-decoration: none;color: #ffffff;font: 12px verdana ;
}
a:visited {text-decoration: none ; color: #ffffff;font: 12px verdana ;
}
a:active {text-decoration: none ; color: #ffffff;font: 12px verdana ;
}
a:hover {text-decoration: none ; color: #ffffff;font: 12px verdana ;
}

.droitebas {
width: 200px;
height: 200px;
float: left;
border: none;
margin-top: 8px;
margin-left: 10px;
background-color: #ffffff;
}