/* Ceci est un fichier css, appele "homepage.css" */

body {
width : 1195px;
padding-top : 10px; /* espace entre bas navigateur et haut de page */
padding-bottom : 10px; /* espace entre bas navigateur et bas de page */
margin: auto;
background-image : url("medias/hivernal.jpg");
}
#en_tete {
width : 1190px;
height : 250px;
background-image : url("medias/banniere.jpg");
}
.image_gauche { /* Titi */
float : left;
margin-left: 85px;
margin-top: 0px;
}
.image_droite { /* Minette */
float : right;
margin-right: 75px;
margin-top:  0px; 
}
.image_haut{ /* Lapin */
float: left;
margin-left: 150px;
margin-top: -5px;
}
#menu, #menu ul {
margin : auto;
padding : 0em;
list-style : none;
line-height : 40px; /* Hauteur du menu et ses elements */
text-align : center; /* Texte dans la liste */
}
#menu { /* Ensemble du menu */
font-family : cambria, verdana, arial;
font-size : 17px;
}
#menu a { /* Contenu des listes */
display : block;
padding : 0; /* aucune marge interieure */                                                  
background-image : url("medias/barremenu.jpg");
color : rgb(114,7,17);
text-decoration : none;
width : 170px;
}
#menu li { /* elements des listes */
float : left;
/* Pour IE qui ne reconnaît pas le transparent */
border-right : 0;
}
/* IE ne reconnaissant pas le selecteur ">" */
html > body #menu li {
border-right : 0;
}
#menu li ul {
position : absolute;
width : 170px;
line-height : 26px;
left : -999em;
z-index: 1;
}
#menu li ul li {
border-top : 1px solid rgb(193,213,250);
}
html > body #menu li ul li {
border-top : 1px solid rgb(193,213,250);
}
#menu li ul ul {
margin : -26px 0 0 170px;
border-left : 1px solid transparent;
}
html > body #menu li ul ul {
border-left : 1px solid transparent;
}
#menu a:hover {
background : rgb(208,231,79);
}
#menu li:hover ul ul, #menu li.sfhover ul ul {
left : -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
left : auto; /* Repositionnement normal */
min-height : 0; /* Corrige un bug sous IE */
}
#corps {
width : 1150px;
padding : 20px;
margin-bottom : 0;
background-color : rgb(208,231,79); /* couleur du corps, ton vert pomme */
}
h3{
text-align: center; /* compteur visiteurs */
color:brown;
font-family: cambria, pristina;
font-size: 15px;
width: 300px;
	border: 3px solid rgb(63,72,204);
	padding: 10px;
	background-color : rgb(170,213,255);
}
h5 { /* Animals for a big picture */
color: rgb(80,52,209); 
font-family: "lucida handwriting", "matisse ITC";
text-align: center;
}
h2 {
text-align : center; /* welcome + animals */
margin-top: 10px;
padding: 5px; /* espace entre le haut de la page et le titre */ 
}
p {
text-align : center;
font-family : cambria;
font-size : 18px;
font-style : italic;
padding-top: 20px;
color : brown;
}
.imageflottantedroite {
float : right;
}
.imageflottantegauche {
float : left;
}
.dessous {
clear : both;
}
a img
{
border: none; /* Pas de bordure autour des images */
max-width: 100%;
}
.etoilefilante1
{
margin-left : -80px;
margin-top : 200px;
position : absolute;
}
.etoilefilante2 {
	z-index : 5;
margin-left : -620px;
margin-top : 165px;
position : absolute;
}
.etoilefilante3 {
margin-left : -90px;
margin-top : 40px;
position : absolute;
}
.etoile4 {
margin-left : -320px;
margin-top : 400px;
z-index : 5;
position : absolute;
}
#cadrpg { 
width: 980px; 
margin: auto; 
overflow: hidden;
padding: 48px;
}
#newshr { position: relative; 
 width: 980px;
overflow: hidden;
  }
#defile { position: absolute; 
margin-top: 180px;
color: red; 
padding-bottom: 15px;
padding-top: 15px;
font-family: cambria;
text-align: center;
font-style : italic;
background-color: rgb(208,231,79);
z-index: 5;
font-size: 20px;
}
 #pied_de_page {
background-image : url("medias/piedepage.jpg");
height : 60px;
width : 1190px;
}