
body {
background-image : url(images/automne-1-3.jpg);
background-repeat : no-repeat;
}


#bandeau-menu {
width : 950px;
margin-left : 10px;
height : 55px;
border : 1px solid red;
}
#logo {
margin-top : 40px;
margin-left : 10px;
width : 970px;
height : 150px;
}
#heater {
width : 780px;
height : 60px;
margin-left : 180px;
border : 1px solid black;
}



#main {
float : left;
width : 788px;
height : 670px;
margin-left : 10px;
margin-top : 10px;
padding : 15px;
color :#C1FF24;
background-color:rgba(0,0,1,0.35);
font-size : 14px;
text-indent : 8px;
border-radius: 20px 20px 0 0;
}
#a:link, a:visited {
  font-weight: bold; color:#FFB7FF;  
}
#news-1 {
float : left;
width : 160px;
height : 670px;
margin-top : 10px;
margin-left : 10px;
color :#C1FF24;
background-color:rgba(0,0,1,0.3);
font-style : normal;
font-size : 15px;
padding : 5px;
border-radius : 20px 20px 0 0 ;
}
#news-2 {
position : absolute;
width : 140px;
height : 150px;
margin-top : 10px;
left : 1032px;
color :#C1FF24 ;
background-color:rgba(0,0,1,0.3);
font-size : 18px; 
padding : 2px;
border-radius : 20px 20px 0 0 ;
}
#news-3 {
position : absolute;
width : 200px;
height : 670px;
margin-top : 10px;
left : 1032px;
background-color:rgba(0,0,1,0.3);
color :#C1FF24;
font-style : italic;
font-size : 14px;
padding : 5px;
border-radius : 20px 20px 0 0 ;

}
#news-4 {
float : left;
width : 485px;
height : 566px;
margin-top : 10px;
margin-left : 10px;
color :#C1FF24;
background-color:rgba(0,0,1,0.3);
font-style : normal;
font-size : 15px;
padding : 5px;
border-radius : 20px 20px 0 0 ;
}
#news-5 {
float : left;
width : 485px;
height : 665px;
margin-top : 10px;
margin-left : 10px;
color :#1A0049 ;
background-color:rgba(0,0,1,0.3);
font-style : normal;
font-size : 15px;
padding : 5px;
border-radius : 20px 20px 0 0 ;
}



#bloc-1 {
width : 390px;
height : 280px;
margin-top : 5px;
float : left;
}
#bloc-2 {
width : 390px;
height : 280px;
margin-top : 5px;
float : right;
}
#bloc-3 {
width : 390px;
height : 230px;
margin-top : 5px;
float : left;
}
#bloc-4 {
width : 390px;
height : 230px;
margin-top : 5px;
float : right;
}
#bloc-5 {
width : 120px;
height : 60px;
margin-left : 200px;
border : 1px solid lime;
}
#bloc-6 {
width : 120px;
height : 60px;
float : right;
border : 1px solid lime;
}
#gauche {
float : left;
width : 260px;
height : 595px;
margin-left : 2px;
margin-top : 2px;
}
#gauche-haut {
float : left;
width : 530px;
height : 200px;
margin-left : 2px;
margin-top : 2px;
}
#gauche-bas {
float : left;
width : 530px;
height : 390px;
margin-left : 2px;
margin-top : 2px;
}
#gauche-1 {
float : left;
width : 395px;
height : 495px;
margin-top : 2px;
}
#centre {
float : left;
width : 255px;
height : 595px;
margin-left : 2px;
margin-top : 2px;
border : 1px solid red;
}
#droit {
float : left;
width : 250px;
height : 595px;
margin-left : 2px;
margin-top : 2px;
}
#droit-haut {
float : right;
width : 260px;
height : 595px;
margin-left : 2px;
margin-top : 2px;
}
#droite-1 {
width : 395px;
height : 495px;
margin-left : 404px;
padding-left : 0;
padding-top : 2px;
margin-top : 2px;
}
#footer {
width : 955px;
height : 35px;
margin-left : 10px;
margin-top : 750px;
padding-left : 50px;
text-align : center;
font-size : 19px;
font-family : Arial, Verdana, serif;
background-color:rgba(0,0,1,0.5);
opacity : .55;

}
#menuderoul {
width : 1055px;
list-style-type : none;
margin-left : 10px;
padding : 0;
border : 0;
position : absolute;
top : 0;
left : 0;
}
#menuderoulant li {
list-style-type : none;
float : left;
width : 110px;
margin : 0;
padding : 0;
border:0 ;
}
#menuderoulant .sousMenu {
list-style-type : none;
margin : 0;
padding : 0;
border : 0;
}
#menuderoulant .sousMenu li {
float : none;
margin : 0;
padding : 0;
border : 0;
}
#menuderoulant li a:link, #menuderoulant li a:visited {
display : block;
height : 2%;
background:#8BB1D0;
margin : 0;
padding : 4px 8px;
text-decoration : none; color:#01067C;
border-right : 1px solid #56748c;
}
#menuderoulant .sousMenu li a:link, #menuderoulant .sousMenu li a:visited {
display : block;
margin : 0;
border : 0;
text-decoration : none;
border-right : 1px solid #56748c;
}
#menuderoulant .sousMenu {
display : none;
list-style-type : none;
margin : 0;
padding : 0;
border : 0;
}
#menuderoulant li:hover > .sousMenu {
display : block;
}
h1 {
text-align : center;
font-family : "Arial Black", Arial, Verdana, serif;
color : #ff3fa7;
}
h2 {
text-align : center;
font-family : "Arial-black", Arial, Verdana, serif;
color :#88FF99 ;
}
h3 {
text-align : center;
font-family : "Arial-black", Arial, Verdana, serif;
color :#88FF99 ;
}
h4 {
text-align : center;
font-family : Arial, Verdana, serif;
color :#88FF99 ;
}
#important {
text-decoration : blink;
font-size : large;
}
#liste {
color : green;
}
.photo {
float : right;
padding : 10px;
}
.foto {
position : absolute;
top : 500px;
left : 400px;
}

