/***********************************************/
/* index.css                                   */
/* Page d'accueil du site EMSE                 */
/* Grégoire Berthézène, berthezene@emse.fr     */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html {
height:100%;
margin-bottom:1px;
}

body{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #0D4F9C;
	margin: 0px;
	padding: 0px;
	background-color: #D4DEEC;
}

p{
	margin: 0;
}



/***********************************************/
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
/***********************************************/

/***********************************************/
/*    Bloc principal                           */
/***********************************************/
#container {
	position: relative;
	width: 983px; /*	
	left:50%;
	margin-left:-491px;
*/
	background: #fff url(bordure2_fond_cotes.png) repeat-y center;
	overflow: visible; /* Pour Firefox */
	height: 638px;
	z-index: 100;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
		
#containerMargin {
	margin: 7px 17px 3px 17px;
	padding:0px auto;
/*	height:591px;*/
	}

#containerBordureBasse {
	position: relative;
	left: 50%;
	margin-left: -491px;
	border: none;
	background: url(bordure2_fond_cotes.png);
	width: 982px;
	height: 15px;
}

/***********************************************/
/*    Bloc Bandeau                             */
/***********************************************/
#bandeau {
	width: 949px;
	height: 89px; /*	background-color:#CCFF00; */
	margin: 0 0 3px 0;
	background-image: url(scidem_bandeau.gif);
	background-repeat: no-repeat;
}

#logoENSMSE{
	margin-left:800px;
	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: Black;
	border: thin;
}
.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;
	z-index: 0;
}
#scidem {
	width: 787px;
	height: 30px;
	background-color: White;
	float: left;
	margin: 0 0 3px 0;
	color: #EF4726;
	font-size: 16px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bolder;
	letter-spacing: 1px;
	font-variant: small-caps;
	border: 1px solid #0C4E9C;
	padding-top: 12px;
}

#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:#OC4E9C;
	line-height:10px;
	}

/***********************************************/
/*    Bloc Blocs (11 à 33)                     */
/***********************************************/
#blocs {
	/* inclus les bloc11 à bloc33 */
	width: 789px;
	height: 326px; /*	background-color:#00FFFF; */
/*	margin: 0px;*/
	float: left;
	margin: 0 3px 0 0;
		font-size: 10px;
	font-weight: bold;
	
}

#description {
	width:261px;
	height:91px;
	background-color:#C2D3E6;
	margin: 0 3px 0 0;
	float:left;
	color:#0C4E9C;
}
#descriptiontitre {
	font-size: 16px;
	font-weight: bold;
	background-color: Black;
}

#blocs ul {
	list-style-type: square;
	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;
	background-color: #6AA6D3;
	float: left;
	color: White;
	text-align: center;
	vertical-align: middle;
	font: normal normal 20%;
	font-weight: normal;
	font-size: 12px;
}
/***********************************************/
/*    Bloc 22                                  */
/***********************************************/
#bloc22 {
	width:261px;
	height:22px;
	margin: 0 3px 3px 0;
	background-color: #6AA6D3;
	float:left;
	color: White;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	}
/***********************************************/
/*    Bloc 23                                  */
/***********************************************/
#bloc23 {
	width: 261px;
	height: 22px;
	margin: 0 0 3px 0;
	background-color: #6AA6D3;
	float: left;
	color: White;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

/***********************************************/
/*    Bloc session           */
/***********************************************/
#bloc_session_ligne {
	width: 789px;
	height: 22px;
	margin: 0 3px 3px 0;
	background-color: #6AA6D3;
	float: left;
	color: White;
	text-align: center;
	vertical-align: middle;
	font: normal normal 20%;
	font-weight: bold;
	font-size: 12px;
	padding-top: 6px;
}


/***********************************************/
/*    Bloc 31                                  */
/***********************************************/
#bloc31 {
	width: 261px;
	height: 91px;
	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:91px;
	background-color:#C2D3E6;
	margin: 0 3px 0 0;
	float:left;
	color:#0C4E9C;
	}

#bloc32 a, #bloc32 a:link, #bloc32 a:visited {
	color:#0C4E9C;
	text-decoration:none;
	}	

#bloc32 a:hover{
	color: #FFF;
	text-decoration: none;
	background-color:#0C4E9C;
	}

/***********************************************/
/*    Bloc 33                                  */
/***********************************************/
#bloc33 {
width:261px;
	height:91px;
	background-color:#C2D3E6;
	margin: 0px;
	float:left;
	color:#0C4E9C;
	}

#bloc33 a, #bloc33 a:link, #bloc33 a:visited {
	color:#0C4E9C;
	text-decoration:none;
	}	

#bloc33 a:hover{
	color: #FFF;
	text-decoration: none;
	background-color:#0C4E9C;
	}
/***********************************************/
/*    Bloc session col1                                  */
/***********************************************/
#bloc_session_col1 {
width:393px;
	height:225px;
	background-color:#C2D3E6;
	margin: 0;
	float:left;
	color:#0C4E9C;
	}

#bloc_session_col1 a, #bloc_session_col1 a:link, #bloc_session_col1 a:visited {
	color:#0C4E9C;
	text-decoration:none;
	}	

#bloc_session_col1 a:hover{
	color: #FFF;
	text-decoration: none;
	background-color:#0C4E9C;
	}
#bloc_session_col1 h1{
	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;
}


/***********************************************/
/*    Bloc session col2                                  */
/***********************************************/
#bloc_session_col2 {
	width: 393px;
	height: 225px;
	background-color: #C2D3E6;
	margin: 0 0 0 3px;
	float: left;
	color: #0C4E9C;
}

#bloc_session_col2 a, #bloc_session_col2 a:link, #bloc_session_col2 a:visited {
	color:#0C4E9C;
	text-decoration:none;
	}	

#bloc_session_col2 a:hover{
	color: #FFF;
	text-decoration: none;
	background-color:#0C4E9C;
	}
#bloc_session_col2 input{
	color: black;
	font-size: 9px;
	margin: 2px 0 0 0;
	vertical-align: middle;
}
#bloc_session_col2 select{
	color: black;
	font-size: 9px;
	margin: 2px 0 0 0;
}
#bloc_session_col2 h1{
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;
}
#bloc_session_col2 h2{
	display:block;
	width:50px;
	float:left;
	font-size: 9px;
	margin:0;
}

/***********************************************/
/*    Bloc Rubriques                           */
/***********************************************/
#rubriques { 
	width:157px;
	height:256px;
	margin: 0 0 0 0;
	float:left;
	color:black;
	font-size:10px;
	z-index: 0;
	}

#rubriques a, a:link, #rubriques a:visited {
	color: #EF4726;
	text-decoration:none;
	}
#rubriques a:hover {
	color: black;
	text-decoration: none;
	}	

#rubriqueA {
	width:auto;
	height:27px;
	background-color:#AE5E9C;
	margin-bottom:2px;
	padding-left:10px;
	line-height:27px; /* centrage vertical de l'élément */
	}

#rubriqueA a:hover{
	color: #AE5E9C;
	text-decoration: none;
	background-color:#FFF;
	}
	
#rubriqueB {
	width:auto;
	height:27px;
	background-color:#9E1D39;
	margin-bottom:2px;
	padding-left:10px;
	line-height:27px; /* centrage vertical de l'élément */
	}

#rubriqueB a:hover{
	color: #9E1D39;
	text-decoration: none;
	background-color:#FFF;
	}

#rubriqueC {
	width:auto;
	height:27px;
	background-color:#EF4726;
	margin-bottom:1px;
	padding-left:10px;
	line-height:27px; /* 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:10px;
	line-height:18px; /* centrage vertical de l'élément */
	}

#rubrique9 {
	width:auto;
	height:18px;
	background-color:#6AA6D3;
	padding-left:10px;
	line-height:18px; /* 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:159px;
	margin: 0px 3px 3px 0;
	float:left;
	}

#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;
	}
#filinfoTitre {
	width:auto;
	height:18px;
	background-color:#EF4726;
	margin: 0 0 5px 0;
	color:#FFF;
	font-variant:small-caps;
	font-size:12px;
	line-height:18px;
	padding-left:25px;
	}

#agendaLigne {
	width:520px;
	height:150px;
	margin: 0px 3px 3px 0;
	float:left;
	}
	
#agendaColonne1 {
	width:520px;
	height:122px;
	font-size:10px;
	float:left;
	}
	
#agendaColonne2 {
	width:261px;
	height:122px;
	font-size:10px;
	float:right;
	}

#agendaColonne2basse {
	width:140px; /* 261 = pleine largeur */
	height:14px;
	line-height:14px;
	font-size:10px;
	float:right;
	color:#FFFFFF;
	background-color:#EF4726;
	margin: 0 0 0 0px;
	padding-left:0px;
	}

#agendaColonne1 a, #agendaColonne1 a:link, #agendaColonne1 a:visited,
#agendaColonne2 a, #agendaColonne2 a:link, #agendaColonne2 a:visited {
	color:#0C4E9C;
	text-decoration:none;
	}	

#agendaColonne1 a:hover, #agendaColonne2 a:hover {
	color: #FFF;
	text-decoration: none;
	background-color:#0C4E9C;
	}
	
#agendaColonne2basse a {
	color:#FFF;
	text-decoration:none;
	}

#agendaColonne2basse a:hover, #agendaColonne2basse a:hover {
	color: #EF4726;
	text-decoration: none;
	background-color:#FFF;
	}

	
#agenda ul {
	list-style-image: url(../imagesnew/puce_agenda_1.gif);
	margin: 5px 0 0 10px;
	padding: 0 0 0 10px;
	font-weight:bold;
	}

#agenda ul ul {
	list-style-image: url(../imagesnew/puce_agenda_2.gif);
	margin: 0 0 0 0px;
	padding: 0 0 0 5px;
	font-weight:normal;
	}



	
/***********************************************/
/*    Bloc Flash                           */
/***********************************************/
#flash { 
	width:421px;
	height:159px;
/*	background-color:#33CC33; */
	margin: 0px 0 3px 0;
	float:right;
	}
	
#flashTitre {
	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;
	}
#flashOuv {
	width:420px;
	height:75px;
	margin: 0 0 5px 0;
	font-size:10px;
	}
/***********************************************/
/*    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:565px;
	height:20px;
	float:right;
	margin-top:11px;
	background-color:#0C4E9C;
	}

/***********************************************/
/*   Fenêtre Modal                           */
/***********************************************/

#reseau_ligne{
	margin: 0px 0px 0px 8px;
	background: White center;
	float: left;
	width: 470px;
	height: 115px;
}



