/***********************************************/
/* index.css                                   */
/* Page d'accueil du site EMSE                 */
/* Grégoire Berthézène, berthezene@emse.fr     */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #0D4F9C;
	margin: 0px;
	padding: 0px;
	background-color: #D4DEEC;
}



/***********************************************/
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
/***********************************************/

/***********************************************/
/*    Bloc principal                           */
/***********************************************/
#container {
	position:relative;
	width:983px;
	/*	
	left:50%;
	margin-left:-491px;
*/
	background:#fff url(../statique/img/bordure2_fond_cotes.png) repeat-y center;
	overflow:visible; /* Pour Firefox */
	/*	height:598px; */
	height:631px;
	z-index:100;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	}
		
#containerMargin {
	margin: 0px 17px 3px 17px;
	padding:0px;
/*	height:591px;*/
	}

#containerBordureBasse {
	position:relative;
	left:50%;
	margin-left:-491px; 
	border: none;
	background:url(../statique/img/bordure2_fond_bas.png);
	width:982px;
	height:15px; 
	}

/***********************************************/
/*    Bloc Bandeau                             */
/***********************************************/
#bandeau {
	width:949px;
	height:89px;
/*	background-color:#CCFF00; */
	margin: 0 0 3px 0;
	background-image: url(../statique/img/logoEcoleDesMines.gif);
	background-repeat: no-repeat;
	}

#logoENSMSE{
	margin-left:732px;
	margin-top:14px;
}

#drapeauUSA{
	float:right;
	margin-top:10px;
}

#rechercher {
  height: 20px;
  text-align: center;
  overflow: hidden; /* IE6 */
  width: 157px;
  margin: 0 0 3px 0;
  float: right;
  background-color: #0C4E9C;
}
.formulaire_recherche input.forml {
  background:#0C4E9C none repeat scroll 0%;
  color:#FFF;
  border: none;
  font-size:12px;
  text-align: center;
  margin-top: 2px;
}
/***********************************************/
/*    Bloc Base Line                           */
/***********************************************/
#baseLine {
	width:789px;
	height:20px;
	background-color:#000;
	float:left;
	margin: 0 0 3px 0;
}

#baseLine_fla {
	position:relative;
	}

#baseLine_img  {
	display:none ;
}	
	
/***********************************************/
/*    Bloc Moteur de recherche                 */
/***********************************************/
#moteurRecherche {
	width:157px;
	height:20px;
	background-color:#0D4F9C;
	float: right;
	margin: 0 0 3px 0;
/*	line-height:20px; */
	}
#moteurRecherche input {
	font-size:10px;
	margin-top: 3px;
	padding: 0px;
	display:inline;
	height:10px;
	width:80px;
	vertical-align:top;
	border-color:#0C4E9C;
	line-height:10px;
	}

/***********************************************/
/*    Bloc Blocs (11 à 33)                     */
/***********************************************/
#blocs { /* inclus les bloc11 à bloc33 */
	width:789px;
	height:266px;
	/*	background-color:#00FFFF; */
/*	margin: 0px;*/
	margin: 0 3px 0 0;
	float:left;
	font-size:10px;
	font-weight:bold;
	}

#blocs ul {
	list-style-type:disc;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
}

#blocs p {
	margin: 0px;
	}
	

/***********************************************/
/*    Bloc 11  1 ligne 1re colonne             */
/***********************************************/
#bloc11 {
	width:261px;
	height:137px;
	margin: 0 3px 3px 0;
	float:left;
	}
/***********************************************/
/*    Bloc 12  1 ligne 2e colonne              */
/***********************************************/
#bloc12 {
	width:261px;
	height:137px;
	margin: 0 3px 3px 0;
	float:left;
	}
/***********************************************/
/*    Bloc 13  1 ligne 3e colonne              */
/***********************************************/
#bloc13 {
	width:261px;
	height:137px;
	margin: 0 0 3px 0;
	float:left;
	}



/***********************************************/
/*    Bloc 21  2e ligne 1re colonne            */
/***********************************************/
#bloc21 {
	width:261px;
	height:22px;
	margin: 0 3px 3px 0;
	float:left;
	}
/***********************************************/
/*    Bloc 22                                  */
/***********************************************/
#bloc22 {
	width:261px;
	height:22px;
	margin: 0 3px 3px 0;
	float:left;
	}
/***********************************************/
/*    Bloc 23                                  */
/***********************************************/
#bloc23 {
	width:261px;
	height:22px;
	margin: 0 0 3px 0;
	float:left;
	}


/***********************************************/
/*    Bloc 31                                  */
/***********************************************/
#bloc31 {
	width:261px;
	height:100px;
	background-color:#C2D3E6;
	margin: 0 3px 0 0;
	float:left;
	color:#0C4E9C;
	}

#bloc31 a, #bloc31 a:link, #bloc31 a:visited {
	color:#0C4E9C;
	text-decoration:none;
	}	

#bloc31 a:hover{
	color: #FFF;
	text-decoration: none;
	background-color:#0C4E9C;
	}

/***********************************************/
/*    Bloc 32                                  */
/***********************************************/
#bloc32 {
	width:261px;
	height:100px;
	background-color:#F7E7C8;
	margin: 0 3px 0 0;
	float:left;
	/*	color:#E1A125; */
	color:#C08400;
	}

#bloc32 a, #bloc32 a:link, #bloc32 a:visited {
	color:#C08400;
	text-decoration:none;
	}	

#bloc32 a:hover{
	color: #FFF;
	text-decoration: none;
	background-color:#E1A125;
	}

/***********************************************/
/*    Bloc 33                                  */
/***********************************************/
#bloc33 {
	width:261px;
	height:100px;
	background-color:#DFE1D6;
	margin: 0px;
	float:left;
	color:#7F875B;
	}

#bloc33 a, #bloc33 a:link, #bloc33 a:visited {
	color:#7F875B;
	text-decoration:none;
	}	

#bloc33 a:hover{
	color: #FFF;
	text-decoration: none;
	background-color:#7F875B;
	}



/***********************************************/
/*    Bloc Rubriques                           */
/***********************************************/
#rubriques {
	width:157px;
	height:266px;
	margin: 0 0 1px 0;
	float:left;
	color:#FFFFFF;
	font-variant:small-caps;
	font-size:12px;
	overflow: hidden;
	}

#rubriques a, a:link, #rubriques a:visited {
	color:#FFF;
	text-decoration:none;
	}	

#rubriqueA {
	width:auto;
	height:25px;
	background-color:#AE5E9C;
	margin-bottom:2px;
	padding-left:6px;
	line-height:25px; /* centrage vertical de l'élément */
	}

#rubriqueA a:hover{
	color: #AE5E9C;
	text-decoration: none;
	background-color:#FFF;
	}
	
#rubriqueB {
	width:auto;
	height:25px;
	background-color:#9E1D39;
	margin-bottom:2px;
	padding-left:6px;
	line-height:25px; /* centrage vertical de l'élément */
	}

#rubriqueB a:hover{
	color: #9E1D39;
	text-decoration: none;
	background-color:#FFF;
	}

#rubriqueC {
	width:auto;
	height:25px;
	background-color:#EF4726;
	margin-bottom:1px;
	padding-left:6px;
	line-height:25px; /* centrage vertical de l'élément */
	}

#rubriqueC a:hover{
	color: #EF4726;
	text-decoration: none;
	background-color:#FFF;
	}

#rubrique1, #rubrique2, #rubrique3, #rubrique4, #rubrique5, #rubrique6, #rubrique7, #rubrique8 {
	width:auto;
	height:18px;
	background-color:#6AA6D3;
	margin-bottom:1px;
	padding-left:6px;
	line-height:18px; /* centrage vertical de l'élément */
	}

#rubrique9 {
	width:auto;
	height:33px;
	background-color:#6AA6D3;
	padding-left:6px;
	line-height:15px; /* centrage vertical de l'élément */
	}


#rubrique1 a:hover, #rubrique2 a:hover, #rubrique3 a:hover, #rubrique4 a:hover, 
#rubrique5 a:hover, #rubrique6 a:hover, #rubrique7 a:hover, #rubrique8 a:hover,
#rubrique9 a:hover {
	color: #6AA6D3;
	text-decoration: none;
	background-color:#FFF;
	}




/***********************************************/
/*    Bloc Agenda                              */
/***********************************************/
#agenda {
	width:525px;
	height:200px;
	float:left;
/*	margin-top: 27px; */
	margin-top: 12px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0;
	}

#agendaTitre {
	width:auto;
	height:18px;
	background-color:#0C4E9C;
	margin: 0 0 5px 0;
	color:#FFF;
	font-variant:small-caps;
	font-size:12px;
	line-height:18px;
	padding-left:25px;
	}

#agendaColonneDouble {
	width:522px;
	height:177px;
	font-size:10px;
	float:left;
	}

#agendaColonne1 {
	width:261px;
	height:177px;
	font-size:10px;
	float:left;
	}
	
#agendaColonne2 {
	width:261px;
	height:163px;
	font-size:10px;
	float:right;
	}

#agendaColonne2basse {
	width:160px; /* 261 = pleine largeur */
	height:14px;
	line-height:14px;
	font-size:10px;
	color:#FFFFFF;
	background-color:#0C4E9C;
	margin: 0 0 0 0px;
	padding-left:0px;
	display: inline;
	float: right;
	}

#agendaColonne1 a, #agendaColonne1 a:link, #agendaColonne1 a:visited,
#agendaColonne2 a, #agendaColonne2 a:link, #agendaColonne2 a:visited,
#agendaColonneDouble a, #agendaColonneDouble a:link, #agendaColonneDouble a:visited {
	color:#0C4E9C;
	text-decoration:none;
	}	

#agendaColonne1 a:hover, #agendaColonne2 a:hover, #agendaColonneDouble a:hover {
	color: #FFF;
	text-decoration: none;
	background-color:#0C4E9C;
	}
	
#agendaColonne2basse a {
	color:#FFF;
	text-decoration:none;
	}

#agendaColonne2basse a:hover, #agendaColonne2basse a:hover {
	color: #0C4E9C;
	text-decoration: none;
	background-color:#FFF;
	}

#reseaux_sociaux {
	width:40px;
	height:14px;
	line-height:14px;
	color:#FFFFFF;
	background-color:#FFFFFF;
	margin: 0 0 0 0px;
	padding-left:0px;
	display: inline;
	float: right;
	}

#reseaux_sociaux a {
	color:#FFF;
	text-decoration:none;
	}

#reseaux_sociaux a:hover, #agendaColonne2basse a:hover {
	color: #0C4E9C;
	text-decoration: none;
	background-color:#FFF;
	}
	
#agenda ul {
	list-style-image: url(../statique/img/puce_agenda_1.gif);
	font-weight:bold;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}

#agenda ul ul {
	list-style-image: url(../statique/img/puce_agenda_2.gif);
	margin: 0 0 0 0px;
	padding: 0 0 0 2px;
	font-weight:normal;
	}



	
/***********************************************/
/*    Bloc Flash                           */
/***********************************************/
#flash {
	width:421px;
	height:190px;
	float:right;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	}

/***********************************************/
/*    Bloc Pied de page                           */
/***********************************************/
#pieddepage { 
	width:949px;
	height:31px;
	margin: 0 0 3px 0;
	float:left;
	vertical-align:bottom
	}
#PieddepageLogos {
	display:inline;
	width:auto;
	height:31px;
	float:left;
	background-color:#FFF;
	}
#PieddepageBoutons {
	display:inline;
	width:404px;
	height:20px;
	float:right;
	margin-top:11px;
	background-color:#0C4E9C;
	}