/* CSS Document */

body {
background-image:url(../images/imageppps.jpg);
}

.bloc1 {
position:absolute;
margin-left:150px;
margin-top:20px;
width:500px;
height:360px;
border:#000000 solid;
background-color:#CCCCCC;
}

.bloc2 {
position:absolute;
margin-left:150px;
margin-top:410px;
width:500px;
height:360px;
border:#000000 solid;
background-color:#CCCCCC;
}

.bloc3 {
position:absolute;
margin-left:150px;
margin-top:800px;
width:500px;
height:360px;
border:#000000 solid;
background-color:#CCCCCC;
}

.bloc4-photo4 {
position:fixed;
width:110px;
height:110px;
margin-left:10px;
margin-top:400px;
}

.drapeau {
position:fixed;
width:110px;
height:110px;
margin-left:10px;
margin-top:100px;
}

.drapeau1 {
position:fixed;
width:110px;
height:110px;
margin-left:10px;
margin-top:550px;
}

.drapeau2 {
position:fixed;
width:110px;
height:110px;
margin-left:10px;
margin-top:250px;
}


.conteneur {
margin-left:auto;
margin-right:auto;
width:800px;
height:1300px;
border:#666666 dashed 5px;
background-color:#FFFFFF;
border-radius:5px;
}

.footer {
position:absolute;
margin-top:1240px;
width:600px;
height:60px;
background-color:#000000;
color:#FFFFFF;
margin-left:100px;
border-radius:5px 5px;
}

.lien {
position:absolute;
margin-left:10px;
margin-top:10px;
width:130px;
height:30px;
background-color:#CCCCCC;
font-weight:bold;
font-size:18px;
}

.lien a {
color:#666666;
text-decoration:none;
}

.lien a:hover {
color:#FFFF00;
}

.lien2 {
position:absolute;
margin-left:670px;
margin-top:10px;
width:120px;
height:30px;
background-color:#CCCCCC;
font-weight:bold;
font-size:18px;
}

.lien2 a {
color:#666666;
text-decoration:none;
}

.lien2 a:hover {
color:#FFFF00;
}