/* Document CSS */

/* -------------------
Menus haut 
-----------------------*/
#navH {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;		/* Création du contexte de formatage */
}
#navH li {
	width: 255px ;
	border: none;
	margin: 0 0 0px 0 ;
	padding: 0 ;
	color: #fff ;
	background: #fff ;
}
#navH li a {
	display: block ;
	padding: 0 ;
	text-align: right ;
	text-decoration: none ;
	color:#50492B;
	font-family:Century Gothic, Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
}


#navH li a:hover, #navH li a:focus {
	text-decoration: none ;	color:#FFFFFF;
}
/* Vide */
#navH li.M1V {	background: #FFF url(../images/ccr-menu1-vide.jpg) left top no-repeat ; height : 21px;}
#navH li.M2V {	background: #FFF url(../images/ccr-menu2-vide.jpg) left top no-repeat ; height : 21px;}
#navH li.M3V {	background: #FFF url(../images/ccr-menu3-vide.jpg) left top no-repeat ; height : 21px;}
#navH li.M4V {	background: #FFF url(../images/ccr-menu4-vide.jpg) left top no-repeat ; height : 21px;}
#navH li.M5V {	background: #FFF url(../images/ccr-menu5-vide.jpg) left top no-repeat ; height : 21px;}
#navH li.M6V {	background: #FFF url(../images/ccr-menu6-vide.jpg) left top no-repeat ; height : 22px;}
/* Vide */
#navH li a.M1 {
	background: #FFF url(../images/ccr-menu1.jpg) left top no-repeat ;
	line-height: 21px ;	height : 21px;	padding-right:25px;
}	
/* Vide */
#navH li a.M2 {
	background: #FFF url(../images/ccr-menu2.jpg) left top no-repeat ;
	line-height: 21px ;	height : 21px;	padding-right:35px;
}	
/* Vide */
#navH li a.M3 {
	background: #FFF url(../images/ccr-menu3.jpg) left top no-repeat ;
	line-height: 21px ;	height : 21px;	padding-right:45px;
}	
/* E-Liste */
#navH li a.M4 {
	background: #FFF url(../images/ccr-menu4.jpg) left top no-repeat ;
	line-height: 21px ;	height : 21px;	padding-right:55px;
}	
#navH li a.M4:hover, #navH li a.M4:focus {	background: #FFF url(../images/ccr-menu4.jpg) right top no-repeat ;	}
/* Ceres */
#navH li a.M5 {
	background: #FFF url(../images/ccr-menu5.jpg) left top no-repeat ;
	line-height: 21px ;	height : 21px;	padding-right:65px;
}	
#navH li a.M5:hover, #navH li a.M5:focus {	background: #FFF url(../images/ccr-menu5.jpg) right top no-repeat ;}
/* E-Risk */
#navH li a.M6 {
	background: #FFF url(../images/ccr-menu6.jpg) left top no-repeat ;
	line-height: 22px ;	height : 22px;	padding-right:75px;
}	
#navH li a.M6:hover, #nav li a.M6:focus {	background: #FFF url(../images/ccr-menu6.jpg) right top no-repeat ;	}

/*---------------------
Menus gauche
----------------------*/
#navG {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;		/* Création du contexte de formatage */
}
#navG li {
	width: 175px ;
	border: none;
	margin: 0 0 0px 0 ;
	padding: 0 ;
	color: #fff ;
	background: #fff ;
	
}
#navG li a {
	display: block ;
	color: #fff ;
	padding: 0 ;
	text-align: right; ;
	text-decoration: none ;
	color:#50492B;
	font-family:Tahoma;
	line-height: 29px ;	height : 29px;
	letter-spacing:0.1em;
	font-size:10px;
}
#navG li a:hover, #navG li a:focus {
	text-decoration: none ;	color:#F3E5D7;	
}

/* E-Liste - Consultation par commune */
#navG li a.M401 {	background: #FFF url(../images/ccr-menug1.jpg) left top no-repeat ;	padding-right:20px;}	
#navG li a.M401:hover, #navG li a.M401:focus {	background: #FFF url(../images/ccr-menug1.jpg) right top no-repeat ;}
/* E-Liste - Téléchargement d'un arrêté */
#navG li a.M402 {	background: #FFF url(../images/ccr-menug2.jpg) left top no-repeat ;	padding-right:25px;}	
#navG li a.M402:hover, #navG li a.M402:focus {	background: #FFF url(../images/ccr-menug2.jpg) right top no-repeat ;}

/* Ceres - Accueil */
#navG li a.M501 {	background: #FFF url(../images/ccr-menug1.jpg) left top no-repeat ;	padding-right:20px;}	
#navG li a.M501:hover, #navG li a.M501:focus {	background: #FFF url(../images/ccr-menug1.jpg) right top no-repeat ;}
/* Ceres - Carte de France */
#navG li a.M502 {	background: #FFF url(../images/ccr-menug2.jpg) left top no-repeat ;	padding-right:25px;}	
#navG li a.M502:hover, #navG li a.M502:focus {	background: #FFF url(../images/ccr-menug2.jpg) right top no-repeat ;}
/* Ceres - Liste des départements */
#navG li a.M503 {	background: #FFF url(../images/ccr-menug3.jpg) left top no-repeat ;	padding-right:30px;height : 29px;}	
#navG li a.M503:hover, #navG li a.M503:focus {	background: #FFF url(../images/ccr-menug3.jpg) right top no-repeat ;}
/* Ceres - Mode d'emploi */
#navG li a.M504 {	background: #FFF url(../images/ccr-menug4.jpg) left top no-repeat ;	padding-right:35px;height : 29px;}	
#navG li a.M504:hover, #navG li a.M504:focus {	background: #FFF url(../images/ccr-menug4.jpg) right top no-repeat ;}
#navG li a.M505 {	background: #FFF url(../images/ccr-menug5.jpg) left top no-repeat ;	padding-right:40px;height : 29px;}	
#navG li a.M505:hover, #navG li a.M505:focus {	background: #FFF url(../images/ccr-menug5.jpg) right top no-repeat ;}
/* Ceres Menu sur 2 lignes */
#navG li a.M503_1 {	background: #FFF url(../images/ccr-menug3.jpg) left top no-repeat ;padding-right:30px;height:29px;line-height:normal;}	
#navG li a.M503_1:hover, #navG li a.M503_1:focus {	background: #FFF url(../images/ccr-menug3.jpg) right top no-repeat ;}
#navG li a.M504_1 {	background: #FFF url(../images/ccr-menug4.jpg) left top no-repeat ;	padding-right:35px;height:29px;line-height:normal;}	
#navG li a.M504_1:hover, #navG li a.M504_1:focus {	background: #FFF url(../images/ccr-menug4.jpg) right top no-repeat ;}

/* E-risk - Inondations */
#navG li a.M601 {	background: #FFF url(../images/ccr-menug1.jpg) left top no-repeat ;	padding-right:20px;}	
#navG li a.M601:hover, #navG li a.M601:focus {	background: #FFF url(../images/ccr-menug1.jpg) right top no-repeat ;}
/* E-Risk - Sécheresse */
#navG li a.M602 {	background: #FFF url(../images/ccr-menug2.jpg) left top no-repeat ;	padding-right:25px;}	
#navG li a.M602:hover, #navG li a.M602:focus {	background: #FFF url(../images/ccr-menug2.jpg) right top no-repeat ;}
/* E-Risk - Séismes */
#navG li a.M603 {	background: #FFF url(../images/ccr-menug3.jpg) left top no-repeat ;	padding-right:30px;}	
#navG li a.M603:hover, #navG li a.M603:focus {	background: #FFF url(../images/ccr-menug3.jpg) right top no-repeat ;}
/* E-Risk - Cyclone */
#navG li a.M604 {	background: #FFF url(../images/ccr-menug4.jpg) left top no-repeat ;	padding-right:35px;}	
#navG li a.M604:hover, #navG li a.M604:focus {	background: #FFF url(../images/ccr-menug4.jpg) right top no-repeat ;}
/* E-Risk - Carte des reconnaissances par commune */
#navG li a.M605_1 {	background: #FFF url(../images/ccr-menug5.jpg) left top no-repeat ;	padding-right:32px;height:29px;line-height:normal; }	
#navG li a.M605_1:hover, #navG li a.M605_1:focus {	background: #FFF url(../images/ccr-menug5.jpg) right top no-repeat ;}
/*
centrer verticalement dans un div
soluce 1 : line-height:30px; pour un div de hauteur 30px // Attention, cela pour un texte sur une ligne seulement
pour 2 lignes, mettre le line-height:15px; pour un div de hauteur 30px 
soluce 2 : vertical-align: middle; display: inline; (Appliquer le style à  <p> ou <span> dans le div) 
a.SM4 p{vertical-align: middle; display: inline;}

text-indent permet de décaler le texte horizontalement
padding-right aussi


*/