/*
=====================================================================================
Feuille de style site CORINTE par Peter Mepa SCAM Multimédia ENS LSH pmepa@ens-lsh.fr
Janvier 2008
=====================================================================================
*/









/* --- GÉNÉRAL ----------------------------------------------------- */	

html, body { margin: 0; padding: 0; height: 100%;}
	
html{ background-color: #CCCCCC;}
	
	
/* --- BLOC CONTENEUR GLOBAL ----------------------------------- */

div#page {
		position: relative;
			/* permet au bloc de servir de référent pour
			   ses descendants positionnés en absolu */
		width: 60%;
		min-width: 801px;
		margin: 0 auto;
		min-height: 100%;
		background: url(../images/filet.gif) repeat-y;
		/*bottom:0; left:0;*/
		
		
		}
		
div#page #premier-element {
			margin-top: 0; /* évite tout risque de fusion des marges */
		}
		
div#page #dernier-element {
			margin-bottom: 0; /* évite tout risque de fusion des marges */
			padding-bottom:4em;
				/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
		}
	

div#page h1 {
		margin: 0 ;
		padding-top: 1px;
		text-align: right;
		font-size: 1.5em;
		font-style: italic;
}
	

div#dernier-element { visibility: hidden;}
	
	
/* --- PIED DE PAGE ------------------------------------------ */

div#piedpage {
	position: absolute;
	bottom: 0;
	left:179px;
	width: 512px;
	height:7em;
	background-image: url(../images/piedpage.gif);
	background-repeat: no-repeat;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	margin-top:7em;
	
	
	}	
	
div#piedpage p{
	text-align: right;
	position:relative;
	top:25px;
	right:15px;
	background-color:none;
}	

div#piedpage a{ color: #6699CC; text-decoration: none;}
div#piedpage a:hover{ color: #666666; text-decoration: underline;}
div#piedpage a:visited{ color: #6699CC;}
	
 
/* Hack pour IE 6 */

*html div#piedpage p{
	top:32px;
	font-size: 10px;
}

/* Hack pour IE 7 */

*+html div#piedpage p{
	top:32px;
	font-size: 10px;
}		
	

/*----- BANDEAU ---------------------------------------------*/
	
#bandeau{
	background-image: url(../images/bandeau.gif);
	height: 132px;
	width: 801px;	
	}
	
/*----- LOGOS ---------------------------------------------*/


#logo_corinte{
	height: 80px;
	width: 300px;
	position: absolute;
	left: 6px;
	top: 5px;
}

#logo_corinte a img {border:0; }

#logo_icar{
	height: 80px;
	width: 200px;
	position: absolute;
	right: 6px;
	top: 5px;
}

#logo_icar a img{ border:0; }




/*---- MENU HAUT & SOUS MENU HAUT ---------------------------*/
	
#menu_haut{
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 47px;
	width: 500px;
	left: 167px; /* 175px */
	top: -5px;	/** !!!! **/
	}
	
	
#sous_menu_haut{
	margin: 0px;
	position: relative;
	height: auto;
	width: 518px;
	padding-top:0px;
	left:166px;
	
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	
	}
	
	
	
	
/*----- CONTENEUR -------------------------------------*/
	
#conteneur{
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
	
	}
	
	
#menu_gauche{
	margin: 0;
	padding: 0;
	position: absolute;
	height: 275px;
	width: 165px;
	top:280px;
	left:6px;
	background-image: url(../images/fond_gauche.jpg);
	background-repeat:no-repeat;
	
	list-style-type: none;
	
}


/* Hack pour IE 7 */

*+html #contenu{

margin: 0px 0px 60px; 
	
}
	
/* Fin de Hack */
	
#contenu{
	position: relative;
	width:495px;
	left:172px;
	border-right: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	min-height:245px;  /* Permet d'occuper toute la hauteur de l'écran avec pied de page en bas */
	top: 40px;
	padding-right: 1em;
	padding-left: 1em;
	text-align:justify;
	margin: 0px 0px 40px; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

	
	
	}
	.tableau table{	border-collapse:collapse; border:1px solid #dedede;	}
	.tableau td {padding:1px; Border:1px solid #dedede}
	
/* Hack pour IE 6 */	
	*html #contenu{
	position: relative;
	width:495px;
	left:172px;
	border-right: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	min-height:478px;  /* Permet d'occuper toute la hauteur de l'écran avec pied de page en bas */
	top: 40px;
	padding-right: 1em;
	padding-left: 1em;
	text-align:justify;
	margin: 0px 0px 40px; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

}
	
/* Hack pour IE 7 */

*+html #contenu{
	position: relative;
	width:495px;
	left:172px;
	top: 65px;
}
	
/* Fin de Hack */

#menu_droite{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:250px;
	height: auto;
	width: 102px;
	right:6px;
	background-image: url(../images/fond_droite.jpg);
	background-repeat: no-repeat;
	
	
	
	
	}
	
/*---- Niveaux de titre ----------------------------------------*/	
h4{
	font-family: Geneva, Arial, Helvetica, sans-serif; /* Titre de la page */
	font-size: 20px;
	color: #666666;
	font-weight: bold;
	width: 475px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	}
	
h3{
	font-family: Geneva, Arial, Helvetica, sans-serif; /* Titre de niveau 2 */
	font-size: 15px;
	color: #6699cc;
	font-weight: bold;
	width: 475px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	}
	
h2{
	font-family: Geneva, Arial, Helvetica, sans-serif;  /* Titre de niveau 3 */
	font-size: 15px;
	color: #666666;
	font-weight: bold;
	width: 475px;
	
	}
	
h5{
	font-family: Geneva, Arial, Helvetica, sans-serif; /* Titre de niveau 4 */
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	width: 475px;
	font-style: normal;	
	}
	


#contenu a{ color: #6699CC; text-decoration: none;}
#contenu a:hover{ color: #666666; text-decoration: underline;}
#contenu a:visited{ color: #6699CC;}

/*---- Fil d'Ariane ----------------------------------------*/

#fil_ariane{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*text-transform: capitalize;*/
	position:relative;
	width:470px;
	top:110px;
	left:185px;
}

#fil_ariane a{ color: #6699CC; text-decoration: none;}
#fil_ariane a:hover{ color: #666666; text-decoration: underline;}


/* Hack pour IE 6 */

*html #fil_ariane{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: capitalize;
	position:relative;
	width:470px;
	top:125px;
	left:186px;
	
}

/* Hack pour IE 7 */

*+html #fil_ariane{
	font-size: 10px;
	top:112px;
}


/*---- Imprimer --------------------------------------------*/

	
#imprimer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position:relative;
	width:70px;
	top:98px;
	left:590px;
	background-image: url(../images/imprimer.gif);
	background-repeat: no-repeat;
	background-position: right;	
	
	}	
	
#imprimer a{ color: #666666; text-decoration: none;}
#imprimer a:hover{ color: #6699cc; text-decoration: underline;}
#imprimer a:visited{ color: #666666;}	

/* Hack pour IE 6 */

*html #imprimer{
	font-size: 9px;
	top:130px;
	
}

/* Hack pour IE 7 */

*+html #imprimer{
	font-size: 10px;
	top:112px;
	
}	
blockquote {
	margin-top: -8px;
	margin-bottom: -5px;
	margin-right: 12px;
}