/* Ceci est un fichier CSS appelé "photos.css" */
body
{
width: 1195px;
margin: auto;
margin-top: 10px; /* espace entre navigateur et en-tête */
margin-bottom: 10px; /* espace entre bas navigateur et pied de page */
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 /* Liste */ 
{       margin: auto; 
		padding: 0em;
        list-style: none; /* on supprime le style par défaut de la liste */
        line-height:  40px; /* Hauteur du menu et de ses éléments */
        text-align: center; /* on centre le texte qui se trouve dans la liste */
						}
#menu /* Ensemble du menu */
{       font-family: Cambria, Verdana, Arial; /* on utilise Cambria, c'est plus beau ^^ */
        font-size: 17px;
		}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding: 0; /* aucune marge intérieure */
        background-image: url("medias/barremenu.jpg"); /* couleur de fond */        
        color: rgb(114,7,17); /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width: 170px; /* largeur */
						}
#menu li /* Elements des listes */      
{ 
        float : left; 
		 /* pour IE qui ne reconnaît pas "transparent" */
        border-right: 0; /* Pas de bordure verte à droite de chaque élément */
		}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{		
        border-right: 0;
		}
#menu li ul /* Sous-listes */
{ 		position: absolute;
        width: 170px; /* Largeur des sous-listes */
		line-height: 26px; /* Hauteur des sous listes, sous-sous listes */
        left: -999em; /* loin du champ de vision */
			}
#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top: 1px solid rgb(193,213,250); /* on met une bordure verte en haut de chaque élément d'une sous liste */
			}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top: 1px solid rgb(193,213,250); /* on met une bordure verte en haut de chaque élément */
		}
#menu li ul ul 
{
        margin    : -26px 0 0 170px; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid transparent; /* Petite bordure à gauche pour ne pas coller ... */ 
}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     :1px solid transparent; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        background: rgb(210,133,117); ; /* le fond du menu marron */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{         
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
#corps {
width: 1150px;
height: 1000px;
padding: 20px; /* espace au dessus des titres h2 */
margin-bottom: -720px;
background-color: rgb(210,133,117); /* couleur du corps (marron) */
}
a img
{
border: none; /* Pas de bordure autour des images */
max-width : 100%;} 

p { text-align: center;
margin-top: -12px; /* espacement horizontal entre les vignettes */
}
.ici {text-align: center;  /* s'il y a des numéros de page */
margin-top: -10px; /* Espacement entre diaporama principal et gif */
margin-bottom: 30px;
 } 
.dessous { clear: both;
 }

#pied_de_page {
background-image: url("medias/piedepage.jpg"); 
height: 60px;
width: 1190px; }