/* --- STYLES POUR LE CONTENANT ET LE FOND --- */

/* Général */	 
body {
	height: 100%;
	color: #0066CC;			  /* Police site */
	background: #ffffff;	  /* Fond site */
}
a {
	color: #B1C6FA;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #0066CC;			 /* Police Gras */
}
	
/* Page */
#global {
	height: 100%;
	background: #ffffff;	  /* Fond site */
}
#entete {
	color: #FF6600;			  /* Police en tête */	
	background: #FFFFFF;
	background-repeat:no-repeat;  
	background-position:center center; 
	background-image:url(http://www.elifes.biz/images/mapmonde.gif) ;	  /* Fond en tête */   
	border-bottom: solid 3px #0000CC; 
}	

/* Conteneur central */
#centre {
		background: url(colgauche.png) repeat-y scroll top left;
}
#centre-bis {
		background: url(coldroite.png) repeat-y right top; 
}

/* Contenu principal */
#principal {
	color: #0066CC;			  /* Police */	
	background: #ffffff;	  /* Fond contenu */	
	height:screen.availHeight;
}
#principal a {
	color: #0066FF;			  /* Police Liens */
}
#principal a:hover, #contenu a:focus {
	color: #FF0033;			  /* Police Liens survolé */
}
#principal strong {
	color: #0066CC;			 /* Police Gras */
}

/* Pied de page */
#pied {
	border-top: solid 3px #0000CC;
	color: #0000CC;			 /* Police pied */	
	background: #B1C6FA;	 /* Fond pied */
}
#pied a {
	color: #0000CC;			 /* Police pied */
}
#pied a:hover, #pied a:focus {
	color: #FF0033;			  /* Police Liens survolé */
}
#copyright {
	color: #0000CD;			 /* Police pied */
}
#copyright a:hover, #copyright a:focus {
	color: #FF0033;			  /* Police Liens survolé */
}

/* --- POSITIONNEMENT --- */ 
/* Page */
html, body {
	height: screen.availHeight; /* Voir -> Note 1 ci-dessous */
}
body {
	padding: 0;
}
#global {
	min-height: screen.availHeight; /* -> 1 */
	width: 90%;
	min-width: 1100px;
	max-width: 1400px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

/* En-tête */
#entete {
	width: 90%;
	min-width: 1100px;
	max-width: 1400px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
	position: fixed;		 /* on fixe la position */	
	top: 0;				 /* en haut de page */	
	text-align: right;
	padding: .7px .6px;
	font-size: .85em;
	padding: 5px 0px 5px 0px;	   /* Top Right Bottom Left */
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;  
	}
#entete .sous-titre {
	text-align: center;
	margin: 4px 0 4px 0;
}

/* Menu de navigation */
#centre {
	width: 100%; /* -> 5 */
	overflow: hidden; /* -> 5 */
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 230px;
	padding: 118px 2px;  
	position: fixed;
}

/* Contenu principal */
#principal {
	margin-left: 250px;
	margin-right: 260px;
	padding: 10px 20px;
	min-height : 1000px;		 
    height:auto !important;

	/* min-height : "screen.availheight";	    &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&  */
}
#principal > :first-child {
	margin-top: 140px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire  */
#secondaire {
	float: right;
	width: 210px;
	padding: 118px 20px; 
	   /*si ca bouge avec asc sinon : 
width:190px;position:fixed;top:170px;right:90px;z-index:0;	*/    
}															 

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}

/* Pied de page */
#pied {
	width: 89.95%;
	min-width: 1100px;
	max-width: 1400px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
	position: fixed;		 /* on fixe la position */	
	bottom: 0;				 /* en bas de page */	
	text-align: right;
	padding: .7px .6px;
	font-size: .85em;
}

#pied a {
	text-decoration: none;
}

#pied p {
	margin: .3em 0;
}
#copyright {
	text-align: center;
	font-size: .74em;
}