/*  Feuille de style associé au gabrit au template par défaut fournit dans l'archetype de presentation
Mises à jours:
- version 1.1.0 : version initiale
- version 1.2.0 :
	ajout style pour affichage info connexion utilisateur dans fil d'arianne
	modifications positionnement navigation et contenu	
*/

/* Page */
#global {
	width:1000px;
	margin: 0 auto 0 auto;
	background-color: #F2F3EE;
}

/* En-tete */
#entete {
	position: relative;
	height: 120px;
	color: #484f3d;
}

#entete h1 {
	margin: 10px 10px 0 0 ;	
	font-family: NeoSansRegular;
}
#entete h1 p.sous-titre{	
	font-size: 14px;
}

#entete h1 a, .blocChangeLang a {
	color: #FFFFFF;	
	text-decoration: none;
}

#entete h1 a:hover, #entete h1 a:focus, .blocChangeLang a:hover, .blocChangeLang a:focus {
	text-decoration: none;
	color: #C96A1A;
}

#entete .blocAlignRight, .blocChangeLang {
	float: right;
}

#entete .blocAlignLeft {
	float: left;
}

#entete .lisere-top{
	margin-top:0px;
	margin-left:400px;	
	width:500px;
	height:5px;
}

#blocLogoFAM {
	width: 200px;
	overflow: hidden;	
}

#blocLogoLang {
	width: 146px;
}

#bloc-info-connexion-entete {
	position: absolute;
	top: 50px;
	right: 10px;
	text-align:right;
}

/* Navigation Horizontal */
#menubar {
	position:absolute;
	bottom: 0;
	margin:0;
	padding:0;
	height:25px;
	width:100%;
	text-align:center;
	clear:both;
	background-color: #95BF0D;
}

#nav {	
    margin:0 auto 0 auto;
    padding:0; 
    list-style:none;
}   
     
#nav li {
    float:left; 
    display:block; 
    background-color: #95BF0D;
    position:relative;
    color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	margin: 0;
	width: auto;
	z-index: 10;
}
     
/* menu parent*/
#nav li a {
    display:block; 
    text-decoration:none; 
    color:#fff;      
    width: auto;
	height: 25px;
	line-height: 25px;
	padding: 0 30px;
	font-size: 10px;
	text-align: center;
}

#nav li a:hover  {
    background-color: #ACD622;
}
 
/* #nav a.selected {
    background-color: #ACD622;
} */

#nav li.connexion {
    float:right; 
    border-left: 1px solid #FFFFFF;
	border-right: 0 none;
} 
/* sous-menu ( caché par défaut)*/
#nav ul {
    position:absolute; 
    left:0; 
    display:none; 
    margin:0 0 0 -1px; 
    padding:0; 
    list-style:none;
}
 
#nav ul li {
    width:100%;
    float:left; 
    border-top:1px solid #fff;
}
 
/* display block will make the link fill the whole area of LI */
#nav ul a {
    display:block;  
    /* height:15px;
    padding: 8px 5px;  */
    color:#fff; 
    /* height: 25px;
	line-height: 25px; */
	padding: 0;
	font-size: 10px;
	text-align: center;
}
 
/* fix ie6 small issue */
*html #nav ul {
    margin:0 0 0 -2px;
}

/* Fil arianne */

#fil-ariane{
	height: 30px;	
}

.contenu-fil-ariane {
	font-size: 0.9em;
	background-color: #e4e6d9;
	height: 15px;
	padding: 5px;
	color: #61615F;
	position:relative;
	
}
.connexion-fil-ariane{
	position:absolute;
	text-align:right;
	right:5px;
}

.contenu-fil-ariane a{
	color: #61615F;
}	

.gradient-gris-fil {
	background-image: -moz-linear-gradient(top, #C8C8C8, #F2F3EE);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#F2F3EE));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8,endColorstr=#F2F3EE);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8,endColorstr=#F2F3EE)";
	height: 10px;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	overflow: hidden;
	margin:10px 10px 10px 0;
	width: 1000px;
}

/* Navigation */


#navigation {
	/* margin: 0px; */
	margin-right:10px; /* version 1.1.5 : pour gérer espacement avec bloc contenu */
	width: 120px;
	float: left;
}

#navigation .menugauche{
	text-align:center;	
}

#navigation ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	white-space: nowrap;
}

#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: 11px;
	text-decoration: none;
}

#navigation ul a {
	color: white;
}
#navigation ul a:hover, #navigation ul a:focus {
	color: black;
}

/* Contenu principal */
#contenu{
	margin-left:10px;
	min-height:500px;
	margin-right:10px;
	overflow:hidden; # maj : 1.1.5: permet d'afficher le menu gauche sans superposition 
	color: #5B5B5B;
}

/* Pied de page */
#pied {
	color: #666;
	background-color: #F2F3EE;
}

#pied a{
	color: #4C4C4C;
}

#pied .lisere-pied {
	margin-top:0px;
}

#pied .menu-pied {
	margin-top:0px;
	height:30px;
	
}

#pied .menu-pied ul {
	list-style: none;
	display:inline;	
}

#pied .menu-pied ul li {
	float:left;
	padding-left: 20px;
	padding-top:5px;
}

/* Mention de copyright */
#pied .copyright {
	float: right;
	padding-right: 20px;
	padding-top:5px;
}

#pied .liens-pied{
	margin-bottom:10px;
}

#pied .liens-pied ul {
	list-style: none;
	margin:0;
	padding:0;
	vertical-align: baseline;
}

#pied .liens-pied ul li {
	float:left;
	padding-left: 20px;
	padding-top:5px;
	font-weight: bold;
}

#pied .liens-pied ul li ul  {
	list-style: none;
	margin-bottom:10px;	
	min-width:150px;
}

#pied .liens-pied  ul li ul li {
	float:none;
	padding:0px;
	font-weight: lighter;
}

#pied .liens-pied  ul li ul li a{
	color:#666;
}

#pied .liens-pied  ul li ul li {
    background: url("/pad-presentation/javax.faces.resource/img/puce-rectangle.jpg.xhtml?ln=socle") no-repeat scroll left 5px transparent !important;
    padding: 0 0 0 10px;
}

#pied .liens-pied  ul li ul span {
	font-weight: bold;
}

.gradient-gris-pied {
	background-image: -moz-linear-gradient(top, #C8C8C8, #F2F2F2);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#F2F2F2));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8,endColorstr=#F2F2F2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8,endColorstr=#F2F2F2)";
	height: 10px;
}

.clearfix:after /* force un conteneur à englober tous les éléments flottants  */
{
	content: "\0020";
	visibility: hidden;
	display: block;
	clear: both;
	height:0;
}

.rf-pick-fc {display : none;}
