/**********************************/
/*   Styles personnalisés  ESGI   */
/**********************************/


@import url("lightbox.css"); /* importation des styles Lightbox */
@import url("style_pfa.css"); /* importation des styles PFA */


body {
	margin: 0;
	padding: 0;
	background: #CFCFCF url(../images/fond_page.png) repeat-x;
	text-align: center;
	behavior: url("../csshover.htc"); /* pour IE6 */
}


/*****************/
/*  H E A D E R  */
/*****************/



div#header {
	width:952px;
	height:154px;
	margin:0 auto;
	text-align:left;
}
/* Valable uniquement pour la page ecole-informatique-admissions-complementaires-2009.php à la racine du site */
div#header.admissionsComplementaires {
	height:123px;
}

div#logo {
	position: relative;
	padding-left:21px;
	top: 0;
}

div#profil {
	position:relative;
	float:left;
	margin:-112px 0 0 266px;
	_margin:-112px 0 0 133px;
	width:687px;
	height:112px;
	/height:108px;
	background:url(../images/fond_nav_profil.png) repeat-x bottom;
	/*background-color:#009933;*/
}

div#lienAccueil {
	float:left;
	width: 117px;
	margin: 56px 0 0 10px;
	/margin: 48px 0 0 10px;
	/*background-color:#009933;*/
}

div#imgProfil {
	float:left;
	width: 130px;
	margin-top: 26px;
	/margin-top: 22px;
	/*background-color:#ff00ee;*/
}

div#navProfil li{
	float:left;
	width:82px;
	height:24px;
	margin:34px 0 0 2px;
	/margin:46px 0 0 2px;
	list-style-type: none;
	border-left:1px solid #E4F1F5;
	border-top:1px solid #E4F1F5;
	border-right:1px solid #E4F1F5;
	text-align:center;
	/*background-color:#00ff00;*/
}

div#navProfil li a{
	color:#fff;
}

div#navProfil li:hover{
	background-color: #E4F1F5;
}

div#navProfil li:hover a{
	color:#ff0000;
}


/******************/
/*    M E N U     */
/******************/


#menu {
	display:none; /* classe menu utilisée par défaut dans PFA, désactivée et remplacée par classe listmenu dans un div */
}

div#listmenu {
	position: relative;
	width: 646px; /* Pour IE */
	height: 38px;
	left:21px;
	margin-top:0;
	/margin-top:-4px;
	background:url(../images/fond_menu.gif) repeat-x;
}

div#listmenu ul {
	margin: 0;
	position:absolute;
	display:block;
	padding:0 0 0 5px;
}
	
div#listmenu li {
	float:left;
	width:99px;
	height:38px;
	margin-left:5px;
	list-style-type: none;
	text-align:left;
}

div#listmenu li a,
div#listmenu li a:visited{
	position:relative;
	display:block;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	border-left: 1px solid #E4F1F5;
	padding:7px 0 0 4px;
	text-decoration:none;
	line-height:12px;
}

div#listmenu li:hover {
	width:99px;
	margin-left:5px; 
}

div#listmenu li a:hover{
	color:#ff0000;
}

div#listmenu li ul{
	display:none;
}



/***************************/
/*    S O U S   M E N U    */
/***************************/



div#listmenu li:hover>ul {
	display:block; /* utile pour f3 et ie7 */
	z-index:500;
}

div#listmenu li ul{
	margin-top:7px;
	_height:1%; /* IE6 pour afficher le background */
	background-color:#000;
	width:185px;
}

div#listmenu li li {
	float:none;
	list-style:none;
	width:185px;
	height:20px;
	margin:0;
	padding:0;
	background-color:#444;
	border-bottom:1px solid #000;
	/border-bottom:none;
	z-index:501;
}

div#listmenu li li a,
div#listmenu li li a:visited{
	display:block;
	padding:3px 0 0 3px;
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	border:none;
}

div#listmenu li li:hover{
	margin:0;
	padding:0;
	width:185px;
}

div#listmenu li li a:hover{
	padding:3px 0 0 3px;
	color:#ff0000;
	text-decoration:underline;
}

div#listmenu li li:hover li,
div#listmenu li li ul,
div#listmenu li li li{
	margin:0;
	padding:0;
	display:none;
}



/************************************/
/*       S O U S   M E N U  2       */
/*   2e niveau affiché sous le h2   */
/************************************/



.sousMenu2 {
	width: auto;
	text-align:right;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom: 10px;
}

.sousMenu2 li {
	display:inline;
	margin-bottom: -8px;
}

.sousMenu2 li a {
	background-color:#333;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:2px 4px;
}

.sousMenu2 li a:hover {
	background-color:#2195B6;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
}



/*********************************************************/
/*  D E F I N I T I O N    D E S   C O N T E N E U R S   */
/*********************************************************/



div#global {
	width: 950px;
	margin: 0 auto 10px auto;
	padding: 0;
	text-align: left;
	background: url(../images/fond_global.gif) repeat-y;
}

/* Valable uniquement pour la page ecole-informatique-admissions-complementaires-2009.php à la racine du site */
div#global.admissionsComplementaires {
	margin-top:-3px;
	padding-top:3px;
}

div#contenu {
	float:left;
	width:619px;
	padding:0 0 0 26px;
	_padding:0; /* IE6 */
	_margin-left:10px;
	_border-left: 6px solid #333; /* IE6 */
	_border-right: 6px solid #333; /* IE6 */
	background: transparent !important;
	background-color: #fff;
}


div#contexte{
	position:relative;
	float:right;
	_top:-38px;
	width:286px;
	_width:285px;
	/*background-color:#FF3300;*/
	margin:0;
	padding:0;
	_margin:0 -1px 0 0;
	z-index:3;
}


div#blocBoutons {
	padding-top:50px;
	height: 180px;
	/height: 182px;
	_height: 230px;
	margin:-34px -2px 0 2px;
	_margin:0;
	background:url(../images/fond_bloc_boutons.png) repeat-x;
	/*background-color:#3366FF;*/
	z-index:5;
}



/***********************/
/*    C O N T E N U    */
/***********************/



div.texte{
	/*background:#CC9966;*/
	margin:0 0 15px 15px;
}
div.texte p,
div.texte ul,
div.texte ol,
div.texte td {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
}



/*************************/
/*     C E N T R A L     */
/*************************/


	
div#photoWide {
	margin: 0;
	padding: 0;
	z-index:10;
}

div#filAriane {
	position:relative;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	top: -40px;
	left: 15px;
	width:600px;
	z-index:10;
}

div.blocH3 {
	width: 288px;
	background:#4d4d4d url(../images/pages/fond2_bloc_h3.png) no-repeat;
	border:1px solid #333;
	padding:0;
	margin:10px 0 20px 0;
}

div.blocH3 h3 {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#CBEBF5;
	background-color:#000;
	border-top:1px solid #444;
	border-right:1px solid #fff;
	border-bottom:1px solid #ccc;
	padding:8px;
	margin:10px;
	display:block;
}

div.blocH3 h4 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-left:2px solid #ff0000;
	padding:0 0 0 8px;
	margin: 0 0 20px 10px;
	display:inline;
}

div.blocH3 img{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
}

div.blocH3 p,
div.blocH3 div{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 0 10px !important;
	margin: 0 0 10px 0;
}

div.blocH3 td {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div.blocH3 a {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
}


div.blocH3Large {
	width: 618px;
	_width: 634px;
	background:#333 url(/images/pages/fond_bloc_h3-2.jpg) repeat-x;
	padding:8px;
	margin:0 15px 0 -15px;
	_margin:0 -15px 0 -15px;
}

div.blocH3Large .vignette{
	float:left;
	margin:10px 30px 10px 10px;
	border:3px solid #CFE7EB;
}


div.blocH3Large .vignette:hover{
	border:3px solid #ff0000;
	color:#ff0000;	
}

div.blocH3Large .vignetteMastersScience{
	margin-bottom: 5px;
}

div.blocH3Large p{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 10px;
	/*margin:10px 0;*/
	_margin: 10px 10px; /* IE6 */
}

div.blocH3Large ul{
	padding:15px 0 0 0;
	margin:0;
}

div.blocH3Large li{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;	
	list-style-image: url(../images/pages/puce.gif);
	margin: 0 0 5px 20px;	
}

div.blocH3Large .bachelor td,
div.blocH3Large .master td {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color:#333;
}

div.blocH3Large .bachelor td:hover {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background-color:#27AED6;
}

div.blocH3Large .master td:hover {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background-color:#E42F1B;
}

div.blocH3Large .bachelor td a:hover,
div.blocH3Large .master td a:hover {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
}

/**********************************/
/*  Liens  bloc h3 et blocH3Large */
/**********************************/


div.blocH3 a,
div.blocH3Large a{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#CFE7EB;
}


div.blocH3 a:hover,
div.blocH3Large a:hover,
div.blocH3 img:hover,
div.blocH3Large img:hover{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#ff0000;
}

div.blocContact {
	float:left;
	width: 250px;
	padding: 10px;
	margin-right: 30px;
	margin-bottom: 15px;
	border:1px solid #999;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
}

div.blocContact img{
	float:left;
	margin-right: 12px;
}



/************************************/
/*   C O L O N N E    D R O I T E   */
/************************************/




div.boutons {
	padding: 5px 0;
	margin-left:-6px;
}

div#moteur {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin: 10px 0 0 36px;
}

div#moteur input[type="text"] {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #000;
	padding: 3px;
}

div#moteur input[type="submit"] {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#000;
	border:0;
}

div#blocInfos {
	position:relative;
	width:286px;
	_width:285px;
	padding-left:2px;
	_padding-left:0;
	margin-top:-20px;
	/margin-top:-2px;
	_margin-top:0; /*ancien = 150 */
	z-index:150;
}

/* Valable uniquement pour la page ecole-informatique-admissions-complementaires-2009.php à la racine du site */
div#blocInfos.admissionsComplementaires {
	padding-left:0;
	margin-left:2px;
	background-color:#cfcfcf;
}

div.temoignages,
div.interview,
div.actualites,
div.visiteVirtuelle,
div.concours,
div.rencontres,
div.jpo,
div.blocInfostexte {
	margin-top:0;
	margin-bottom:0;
	background: url(../images/pages/fond_blocinfos.png) repeat-x;
}

div.temoignages h4,
div.interview h4,
div.actualites h4,
div.visiteVirtuelle h4,
div.concours h4,
div.rencontres h4,
div.jpo h4,
div.blocInfostexte h4{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#66A5BE;
	border-top:5px solid #333;
	padding:3px 0 3px 20px;
	_height:1%; /* IE6 */
}

/* Ne pas créer de div.blocInfostexte h5 - conflit avec ie7 */

div.blocInfostexte h6{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#1E84A2;
	padding:0 0 0 20px;
	margin:0;
	border:none;
}

div.interview img,
div.blocInfostexte img {
	float:right;
	margin:0 0 5px 10px;
	border:1px solid #333;
}

div.temoignages img {
	float:left;
	margin:0 10px 5px 20px;
	border:1px solid #333;
	z-index:200;
}

div.temoignages span,
div.interview span ,
div.blocInfostexte span{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}

div.jpo span {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#ff0000;
}

div.actualites h4 span a{
	width: 100px;
	margin-left: 110px;
}

div.actualites span a img{
	float:right;
	margin: -20px 4px 0 0;
}

div.actualites .listPages li{
	list-style-image: url(../images/pages/puce.gif);
	padding-left: 0;
	margin: 0 0 2px -10px;
}

div.actualites #fluxRss {
	padding:4px;
	border-top:2px dotted #666;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333;
}


div.interview p,
div.actualites p,
div.visiteVirtuelle p,
div.concours p,
div.rencontres p,
div.jpo p,
div.blocInfostexte p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 10px 5px 20px;
}

div.blocInfostexte ul {
	font:normal 12px Arial, Helvetica, sans-serif;
}

div.blocInfostexte ol{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 10px 5px 30px;
	/padding:5px 10px 5px 10px;
}

div.temoignages p {
	font:italic 14px Georgia, "Times New Roman", Times, serif;
	line-height:24px;
	color:#333;
	/*background-color:#00CC99;*/
	margin:30px 20px 10px 20px;
	_margin:30px 0 10px 20px;
}


/*********************/
/*    D I V E R S    */
/*********************/


.tmp { /* Mention PFA */
	display:none;
}

.clear{
	clear:both;
	padding:0;
	margin:0;
}



/*******************************************/
/*    F O R M A T A G E    T E X T E S     */
/*******************************************/



div.titres {
	position:relative;
	border-left:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	padding: 0 0 15px 15px;
	margin-top: -20px;
	background: url("../images/pages/fond_titres.gif") no-repeat -1px -8px;
	z-index:100;
}

h1 {
	font:normal 22px Tahoma;
	color:#000;
	margin:0 0 5px 0;
}

h2 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0;
}

h3 {
	font:normal 16px Verdana, Arial, Helvetica, sans-serif;
	color:#E2FDFE;
	background-color:#333;
	display:inline;
	padding:3px 12px 0 21px;
	margin: 20px 0 30px -20px;
}

h4 {
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	color:#2195B6;
}

h5 {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	border: 1px solid #2195B6;
	padding: 8px;
	margin: 10px 0 10px 0;
	display:inline;
	background-color:#EAEAEA;
}

.listPages li{
	list-style-image: url(../images/pages/puce.gif);
	padding-left: 0;
	margin: 0 0 5px -20px;
}




/****************************************/
/*   L I E N S   P A R   D E F A U T    */
/****************************************/




a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ff0000;
}

/* sur fond blanc */
a:hover {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
}



/*************************/
/*    T A B L E A U X    */
/*************************/


 
/*  Programmes - Alternance - Tarifs  */

.programmes,
.alternanceMaster,
.alternanceBachelor,
.tarifs,
.enseignants {
	color:#424242;
	text-decoration:none;
}

.programmes table {
	background-color:#2195B6;
}

.programmes th {
	background-color:#2195B6;
	color:#fff;
	padding:5px;
	font:bold 14px Arial, Helvetica, sans-serif;
}

.programmes td {
	padding:5px;
	font:normal 11px Arial, Helvetica, sans-serif;
}

.alternanceMaster th{
	background-color:#D5330B;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:4px;
	text-align:left;
	border-bottom: 3px solid #000;
}

.alternanceMaster td{
	padding:8px;
	background-color:#F0F0F0;
}

.alternanceBachelor th{
	background-color:#2496CC;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:4px;
	text-align:left;
	border-bottom: 3px solid #000;
}

.alternanceBachelor td{
	padding:8px;
	background-color:#F0F0F0;
}

.alternanceBachelor td.miseAniveau { background-color:#CFE7F3; }

.tarifs th {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:3px;
	background-color:#D5330B;
}

.tarifs td {
	padding:7px;
	background-color:#F0F0F0;	
}

td.sousEntete{
	padding:7px;
	background-color:#ddd;	
}

.enseignants td{ 
	border-bottom:1px dotted #3399FF;
	font:normal 11px Arial, Helvetica, sans-serif
}



/*******************/
/*   F O O T E R   */
/*******************/



div#footer {
	position:relative;
	width:100%;
	padding:0;
	margin-top:-11px;
	background: #3086A7 url(../images/fond_footer.png) repeat-x;
}
div#footerContenu {
	width:930px;
	margin: 0 auto;
	padding: 15px 0;
}

div#footerLogo {
	float:left;
	width: 110px;
	border:0;
	padding:0 20px 0 0;
	_padding:0;
	_margin-right:20px;
	text-align:right;
}

div#footerLogo a,
div#footerLogo span{
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;
}

div.footerLiensProgramme {
	float:left;
	width: 190px;
	height: 100px;
	border-left:1px solid #fff;
	padding:0;
}

div.footerLiensProgramme h4{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#000;
	margin: 0 0 0 15px;
	/margin: 0 0 0 5px;
	padding:0;
	width: 160px;
	text-align:left;
}

div.footerLiensProgramme li{
	list-style-type:none;
	text-align:left;
	margin-left:-25px;
	line-height:12px;
	padding:0;
}

div.footerLiensProgramme li a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
}

div.footerLiensProgramme li a:hover{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#ff0000;
}