body {
background-image : url(imgs/bg.jpg);
margin : 0 auto;
padding : 0;
}
h1 {
color : #222;
padding : 0;
}
h2 {
color : #222;
text-align : center;
}
h3 {
color : black;
}
p {
margin : 0;
padding : 0;
}
           


#conteneur {
width : 980px;
height : 100px;
margin : auto;
}
.im1 {
float : left;
margin : 1px 6px 4px 4px;
width : 15px;
height : 15px;
}
.im2 {
margin-left : 175px;
}
.im3 {
margin-left : 225px;
}

/* DEBUT SLIDER */

.slider {
margin : -19px auto;
width : 973px;
height : 350px;
border : #CCC solid 3px;
border-radius : 20px 20px 0 0;
background-image : url("imgs/im_lecloud.jpg");
animation-name : diapo1;
animation-duration : 20s;
animation-timing-function : linear;
animation-iteration-count : infinite;
animation-direction : normal;
}
@keyframes diapo1 {
0% {
background-image : url(imgs/im_lecloud.jpg);
}
33% {
background-image : url(imgs/im_partager.jpg);
}
66% {
background-image : url(imgs/im_nuages.jpg);
}
}



/* FIN SLIDER */

#haut {
height : auto;
padding-top : 20px;
}
#menu {
background-color : #222;
width : 980px;
text-align : center;
height : 50px;
line-height : 50px;
border-radius : 0 0 0 0;
}
#menu li {
display : inline-block;
}
#menu li a {
text-decoration : none;
color : #222;
transition: all .5s;
background-color : #52caed;
padding : 10px;
}
#menu li a:hover {
color : #fff;
background-color : #a0acf2;
padding : 15px;
}
ul {
margin : 0; 
padding : 0;
font-size : 16px;
}
#contenu {
width : 640px;
background-color : #ececec;
padding : 20px;
float : left;
}
.fh {
top : 718px;
left : 205px;
position : fixed;
}
#contenu p {
color : #222;
font-size : 16px;
text-align : justify;
margin-bottom : 20px;
}
#sidebar {
width : 300px;
background-color : #dbdbdb;
float : left;
height : 796px;
}
#sidebar1 {
width : 300px;
background-color : #dbdbdb;
float : left;
height : 2708px;
}
#sidebar2 {
width : 300px;
background-color : #dbdbdb;
float : left;
height : 2850px;
}
#sidebar3 {
width : 300px;
background-color : #dbdbdb;
float : left;
height : 3386px;
}
#sidebar4 {
width : 300px;
background-color : #dbdbdb;
float : left;
height : 934px;
}
#sidebar h2 {
color : #52caed;
font-size : 20px;
}
#sidebar1 h2 {
color : #52caed;
font-size : 20px;
}
#sidebar2 h2 {
color : #52caed;
font-size : 20px;
}
#sidebar3 h2 {
color : #52caed;
font-size : 20px;
}
#sidebar4 h2 {
color : #52caed;
font-size : 20px;
}
#pdp {
width : 940px;
background-color : #222;
float : left;
height : auto;
padding : 20px;
color : #fff;
font-size : 12px;
text-align : center;
border-radius : 0 0 20px 20px;
}
.image {
float : left;
margin : 2px 10px 2px 2px;
width : 150px;
height : 150px;
}
.img1 {
margin : 2px 10px 2px 10px;
}
.img2 {
margin : 5px 10px 2px 70px;
}
.image1 {
float : left;
margin : 2px 10px 2px 2px;
width : 125px;
height : 125px;
}

.lien{color:white;}