/*
Design de R'montagne.fr 
*/

body /* corps de la page */ 
	{
	width: 910px; /* largeur de la page */ 
	margin: auto; /* marge extérieure automatique (fct du client) */
	margin-top: 20px; /* marge extérieur en haut de 20 px */ 
    margin-bottom: 20px;    /* marge extérieure en bas de 20 px*/ 
    background-color: #0099FF; /* fond du site */
	}

/* L'en-tête */

#en_tete /* spécial en_tete = banniere */ 
	{
    width: 910px;  /* largeur du block en_tete L */
    height: 100px; /* hauteur du block en_tete H */ 
    background-image: url("banniere.png"); /* la taille de la banniere correspond à L et H */ 
    background-repeat: no-repeat; /* pas de répétition de la banniere */ 
    margin-bottom: 10px; /* marge extérieure en bas de 10 px */ 
	}	


/* Le menu */

#menu, #menu ul /* Liste */     
	{
	padding : 0;  /* pas de marge intérieure */
    margin : 0;  /* ni extérieure */
    list-style : none;  /* on supprime le style par défaut de la liste (supprime les points noirs) */
    line-height : 20px; /* on définit une hauteur pour chaque élément */
    text-align : center; /* on centre le texte qui se trouve dans la liste */
	margin-bottom: 20px; /* marge extérieure en bas du block menu de 20 px */  
	
	}

/* Effets sur le menu - Permet de distinguer par rapport à la situation dans la page fait par l'id #menu */ 
/* = X Partie(s) du menu */ 

.element_menu
	{
	/* option si plusieurs "block" différents = X partie(s) du menu. */
	background:url("degrade.gif") repeat-y;
    background-color: #000099; /* Fond du menu = fond du corps */ 
    border: 2px solid black; /* bordure de 2 px trait simple noire */ 
    margin: 0px; /* RAZ des marges extérieures */ 
    /* margin-bottom: 20px;  marge extérieure en bas de 20 px */ 
    padding: 0px; /* RAZ des marges intérieure */
    padding-top: 2px; /* marge intérieure en haut de 2 px  */ 
    padding-bottom: 2px; /* marge intérieure en haut de 2 px */
	padding-left: 2px;
	padding-right: 2px;
    font-family: Trebuchet MS, "Trebuchet MS"; /* Police du menu */
    font-size: medium; /* Taille de la police de type moyenne */ 
	    }
		
.spe
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding : 0; /* aucune marge intérieure */
    background : #000099; /* couleur de fond */        
    color : #fff; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width : 149.3px; /* largeur */
	}



/* Effet sur les liens */


#menu a  /* effet sur tous les liens */ 
	{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding : 0; /* aucune marge intérieure */
    background : #000099; /* couleur de fond */        
    color : #fff; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width : 149.3px; /* largeur */

	}

	
#menu li /* Elements des listes */      
	{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
	}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 149.3px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie 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 #fff; /* on met une bordure blanche 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 transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 149.3px ; /* 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 #fff ; /* 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 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 */
}

#menu li ul li a 
{
         background     : transparent url("degrade-menu.gif") repeat ;
}




/* Le corps de la page */

#corps
	{
	margin-bottom: 20px; /* marge extérieure sur le bas de 20 px */ 
	padding: 5px; /* 5 px sur toutes les marges intérieures */ 
	color: #FFFFFF; /* Toute la police en blanc */ 
	background-color: #000099; /* Fond du corps */ 
	border: 2px solid black; /* trait simple de 2 px noir */ 
	font-family: Trebuchet MS, "Trebuchet MS"; /* Police du corps */ 
	font-size: medium; /* Police de taille moyenne */ 
	}

#corps h1 /* Special block h1 */ 
	{
	color: #FFFFFF;
	text-align: center;
	font-family: Trebuchet MS, "Trebuchet MS";
	font-size:x-large
	}	

#corps h2 /* Special block h2 */ 
	{
	padding-left: 30px;
	color: #FFFFFF;
	font-family: Trebuchet MS, "Trebuchet MS";
	font-size: medium;
	}
	
.element_corps a

	{
	color: #FFFFFF;
	text-decoration:none;
	}

.element_corps a:hover
	{
	background-color: #000099;
	color: #FF9900;
	text-decoration:none; 
	}
	
.element_corps i /* Texte en italique */ 
	{
	font-style: italic;
	font-size: medium;
	}

.element_corps table
	{
	margin: auto; /* Centre tableau */
	border: 4px #000099; /* Bordure tableau */
	border-collapse: collapse; /* Colle les bordures entre elles */
	}

.element_corps th /* Les cellules d'en-tête */
	{
	background-color: #000099;
	font-family: Trebuchet MS, "Trebuchet MS";
	font-size: small;
	color : orange;
	}

.element_corps td /* Les cellules normales */
	{
	border: 1px solid black;
	font-family: Trebuchet MS, "Trebuchet MS";
	text-align: center; /* Tous les textes des cellules seront centrés*/
	padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	font-size: small;
	}

.lf /* Largeur fixe tableau */
	{
	width: 370px;
	}	 
	
.c /* Centrer un texte */ 
	{
	text-align: center;
	}

.g /* mettre en importance un texte */ 
	{
	font-weight: bold;
	color: orange;
	}
.b /* mettre en gras*/ 
	{
	font-weight: bold;
	}
.i2 /* Texte en italique */ 
	{
	font-style: italic;
	font-size: small;
	}	
	
/* Le pied de page */

#pied_de_page
	{
	background:url("degrade.gif") repeat-y;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	background-color: #000099;
    border: 2px solid black;
	font-family: Trebuchet MS, "Trebuchet MS";
	}

.element_pied_de_page a
	{
	color: #FFFFFF;
	text-decoration:none; 
	}

.element_pied_de_page a:hover
	{
	background-color: #0099FF;
	color: #000099;
	text-decoration:none; 
	}

.p 
       {
	font-size: small;
	}