/* CSS Document */

.header {
position:absolute;
margin-left:100px;
height:250px;
margin-top:0px;
width:800px;
box-shadow: silver 5px 5px;
}

.bloc1 {
position:absolute;
margin-left:100px;
margin-top:260px;
height:400px;
width:390px;
box-shadow:silver 5px 5px;
}

.bloc1-text {
position:absolute;
margin-left:200px;
margin-top:160px;
height:200px;
width:200px;
color:#FFFFFF;
font-size:20px;
font-family:"Times New Roman", Times, serif;
}

.bloc2 {
position:absolute;
margin-left:550px;
margin-top:260px;
width:340px;
height:400px;
background-color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
padding:5px;
color:#FFFFFF;
}

.bloc2-text {
position:absolute;
margin-left:10px;
margin-top:-10px;
width:320px;
height:330px;
background-color:#000000;
overflow:auto;
font-family:"Courier New", Courier, monospace;
font-size:18px;
}

.bloc4 {
position:absolute;
width:800px;
height:400px;
margin-left:100px;
margin-top:1092px;
background-color:#CCCCCC;
border-radius:8px 8px 5px 10px;
}


.bloc4-photo { 
position:absolute;
width:250px;
height:330px;
margin-left:10px;
margin-top:5px;
border:#FFFFFF solid 1px;
}

.bloc4-photo2 { 
position:absolute;
width:250px;
height:330px;
margin-left:270px;
margin-top:5px;
}

.bloc4-photo3 { 
position:absolute;
width:250px;
height:330px;
margin-left:530px;
margin-top:5px;
}



.bloc4-photo5 {
position:absolute;
width:70px;
height:70px;
margin-left:350px;
margin-top:330px;
}

.bloc4-text {
position:absolute;
margin-left:590px;
margin-top:335px;
width:200px;
height:60px;
color:#FFFFFF;
font-size:25px;
font-weight:bold;
}

.bloc4-text a{
color:#666666;
}

.bloc4-text a:hover {
color:#FFFF00;
}

.bloc4-text1 {
position:absolute;
margin-left:50px;
margin-top:335px;
width:500px;
height:60px;
color:#000000;
font-size:20px;
font-weight:bold;

}

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

.conteneur {
margin-left:auto;
margin-right:auto;
border:#333333 solid 1px;
width:1000px;
height:1560px;
background-image:url(../images/imagesp.jpg);
}

.fleche {
position:absolute;
margin-left:495px;
margin-top:400px;
width:60px;
height:60px;
}

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

.music {
position:absolute;
margin-left:20px;
margin-top:340px;
width:450px;
height:50px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
}

.music a {
color:#0000CC;
}

.music a:hover {
color:#FF0000;
}



.video0 {
position:absolute;
margin-left:100px;
margin-top:680px;
width:800px;
height:400px;
background-color:#000000;

}

.video {
position:absolute;
margin-left:0px;
margin-top:10px;
width:400px;
height:300px;
}

.video2 {
position:absolute;
margin-left:410px;
margin-top:10px;
width:390px;
height:300px;
}

.video-text {
position:absolute;
margin-left:300px;
margin-top:320px;
width:300px;
height:50px;
color:#FF0000;
font-size:26px;
font-weight:bold;
}

.video-text2 {
position:absolute;
margin-left:600px;
margin-top:320px;
width:200px;
height:60px;
color:#FFFFFF;
font-size:26px;
font-weight:bold;
}

.video-text2 a {
color:#00FF00;
}

.video-text2 a:hover {
color:#FF0000;
}

.video-text3 {
position:absolute;
margin-left:10px;
margin-top:360px;
width:300px;
height:60px;
color:#FFFFFF;
font-size:20px;
font-weight:bold;
}

.video-text3 a {
color:#FFFF00;
}

.video-text3 a:hover {
color:#FF0000;
}