/************************************/
/*    Styles personnalisés MBA FR   */
/************************************/


@import url("jquery.lightbox-0.5.css"); /* On importe la feuille du script Lightbox */
@import url("style_pfa.css"); /* On importe les styles de PFA */


html {
	overflow-y:scroll;
	background-image:url(../images/degrade_fond.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-attachment:fixed;
	}
html, body {
	height: 100%;
	margin: 0;
}
body {
	/*font: 90% "Trebuchet MS", sans-serif;*/
	font:12px Arial, Helvetica, sans-serif;
	color:#5e5e5e;
	position: relative; /* Pour ie */
	text-align: center; /* pour corriger le bug de centrage IE */
}

div#global {
	min-height: 100%;
	height:auto !important;
	height: 100%; /* Pour ie */
	width: 950px;
	margin: 0 auto;
	position: relative !important;
	padding: 0;
	background: url(../images/global_fond.gif) center repeat-y;
	text-align: left; /* on rétablit l'alignement normal du texte */
}


/*  H E A D E R  */


div#header {
	background-image: url(../images/header_fond.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#fff;
	color: #fff;
	height: 420px;
}

div#flagsPGSM {
	position:absolute;
	top:38px;
	left:733px;
}

div#flagsPGSM a{
	font:10px normal Arial, Helvetica, sans-serif;
}

div#logoESGheader {
	position:absolute;
	top: 10px;
	left: 796px;
}

div#fdInfosFlottantes {
	z-index:1;
	position:absolute;
	top:90px;
	left:355px;
	width: 350px;
	height: 200px;
	background-color:#406882;
	filter:alpha(opacity=35); 
	-moz-opacity:0.35; 
	-khtml-opacity:0.3.5; 
	opacity: 0.35; 
}

div#infosFlottantes {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	z-index:11;
	position:absolute;
	top:205px;
	left:370px;
	width: 320px;
}

div#infosFlottantes h1{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#333;
}

div#infosFlottantes li {
	margin:0 0 4px -26px;
	padding:0;
	text-decoration:none;
	font: bold 11px Arial, Helvetica, sans-serif; color: #6B78A9;
}

#infosFlottantes a, #infosFlottantes a:visited {
	color:#fff;
	font-weight:bold;
}

div#header h1 {
	margin: 0;
	/*position: absolute;*/
	bottom: 10px;
	left: 30px;
}

/*   M E N U   H O R I Z O N T A L   */



#fdtransparentMenu {
	z-index:1;
	position:absolute;
	top:69px;
	left:0;
	background-color:#84A6C8;
	height: 28px;
	width: 723px;
}

ul#menu {
	z-index:2;
	position:absolute;
	top: 7px;
	left:15px;
	list-style-type: none;
	height: 30px;
	width: 750px;
	margin: 0;
	padding: 0;
}


#menu a{
	color:#ffffff;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#menu a:visited{
	color:#ffffff;
}

#menu a:hover{
	color:#ffae52;
}

#menu li {
	float:left;
	padding-right:28px;
	padding-left:0;
	margin-left:0;
}
/*   on désactive seulement l'affichage des sous-menu mais leur contenu existe toujours sous pfa pour référencement */
#menu li li {
	display:none;
}


/*   M E N U   V E R T I C A L   */


div#menuVerticalHeader {
	position:absolute;
	width:180px !important;
	width:210px;
	height:340px;
	top:69px;
	left:723px;
	list-style-type: none;
	border-left:solid 10px #fff;
}

div#menuVerticalHeader a,
div#menuVerticalHeader a:visited{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

div#menuVerticalHeader a:hover{
	color:#ffae52;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
div#menuVerticalHeaderTop {
	width:217px;
	height:230px;
	background-color:#376ca4;
	padding-bottom: 0 !important;
	padding-bottom:8px;
	background: url(../images/fd_menu-vertical-header-top.gif) top repeat-x #84a6c8;
}

div#menuVerticalHeaderTop p {
	padding-left:15px;
	padding-right:15px;
	margin-top: 8px !important;
	margin-top: 5px;
}

div#menuVerticalHeaderTop p a{
	color:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

div#menuVerticalHeaderTop p a:hover{
	color:#ffdb00;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.pictosReseauxSociaux {
	display:block;
	margin-top:8px;
}

div#menuVerticalHeaderBottom {
	width:190px!important;
	width:217px;
	height:76px!important;
	height:102px;
	padding:10px 10px 15px 15px !important;
	padding:6px 10px 5px 15px;
	background-color:#fff;
	color:#6b78a9;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	border:solid 1px #5e5e5e;
	margin-top:8px;
}

div#menuVerticalHeaderBottom a, div#menuVerticalHeaderBottom a:visited {
	color:#6b78a9;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:1.4em;
}

div#menuVerticalHeaderBottom a:hover {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	line-height:1.4em;
}



/*   M E N U   E N   A C C O R D E O N   H O R I Z O N T A L   */


div#accordionFormations {
	margin-bottom:20px;
	}
	
#accordionFormations p,
#accordionFormations div,
#accordionFormations h4{
	padding:5px;
	}
#accordionFormations li {
	padding-left: 0px;
	margin: 0 0 5px 0;
	}

#accordionFormations a.formations{
	display:block;
	text-align:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#06F;
	background: #eee url(../images/pages/picto-fleche-collapsed.gif) no-repeat 2px 7px;
	padding:6px 6px 6px 18px;
	margin-bottom:2px;
	cursor:pointer;
	text-decoration:none;
	border-left: 3px solid #e68a00;
	border-right:1px solid #E0E2E0;
	border-top:1px solid #E0E2E0;
	border-bottom:1px solid #E0E2E0;
}

#accordionFormations a.formations:hover {
	background-color: #FFC166;
}

#accordionFormations a.selected {
	color:#fff;
	background: #e68a00 url(../images/pages/picto-fleche-expanded.gif) no-repeat 2px 11px;
}


/*  C E N T E R  */



div#center {
	padding-bottom: 80px; /* Pour éviter la superposition du pied de page et du contenu : */
	margin-top: -400px;
	/margin-top: -390px; /* IE7 */
	overflow: auto;
	/overflow:hidden; /* IE7 */
	height:auto;
	position: relative;
	z-index:90; /* Ajouter lors du debugage: permet à Firefox de laisser les liens cliquables. Le Lightbox est à 100 donc faut laisser à 90 */
}



/*   C O N T E N T   */



div#content {
	float: left;
	width: 715px;
	display: inline; /* Pour ie */
}

div#titresPage {
	position: relative;
	left:0;
	top:-315px;
	width:700px;
	padding-left:10px;
	z-index: 10;
	height: 390px !important;
	height: 400px;
}

	h1 {
		color:#FFF;
		font:bold 15px Arial, Helvetica, sans-serif;
	}
	
	h2 {
		color:#5e5e5e;
		font:bold 13px Arial, Helvetica, sans-serif;
	}
	
	h2 a {
		color:#5e5e5e;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
	}
	
	/*div#fdInfosFlottantes {
		z-index:1000;
		position:absolute;
		top:80px;
		left:370px;
		width: 345px;
		height: 215px;
		background-color:#406882;
		filter:alpha(opacity=0); 
		-moz-opacity:0; 
		-khtml-opacity:0; 
		opacity: 0; 
	}*/
	
	div#infosFlottantes {
		z-index:1001;
		position:absolute;
		top:100px;
		left:370px;
		width: 320px;
	}
	
	div#infosFlottantes p{
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#333;
		padding:10px 0;
	}
	
	div#infosFlottantes h1{
		font:bold 14px Arial, Helvetica, sans-serif;
		color:#cc3399;
	}
	
	div#infosFlottantes li{
		margin-bottom:3px;
	}
	
	#infosFlottantes a, #infosFlottantes a:visited {
		color:#036;
	}
	
	div#distinctions {
		z-index:1000;
		position:absolute;
		top:110px;
		left:400px;
		border-left:1px solid #406882;
		width: 300px;
		padding: 15px;
	}
	
	div#distinctions span{
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#406882;
	}
	
	div#distinctions p{
		font:bold 15px Arial, Helvetica, sans-serif;
		color:#406882;
		margin:5px 0 0 5px;
	}
	
	div#distinctions p span{
		font:bold 14px Arial, Helvetica, sans-serif;
		color:#fff;
		background-color:#F60;
		padding:3px 5px;
	}

	div#distinctions img{
		margin: 0 10px 15px 5px;
	}


h3, h3 a {
	color:#e68a00; /* Orange */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
}

h4 {
	font: bold 12px Arial, Helvetica, sans-serif; color: #6B78A9; 
	text-decoration:none;
	/*clear:both !important; /* Pour permettre a Firefox de faire passer le h4 sous la div id=DescriptifProgramme */
	margin:0;
}

h4 span a {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#00C;
	padding-left:20px;
}

p,
.default {
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
	margin-top:3px;
	text-decoration:none;
}

ul {
	font:12px Arial, Helvetica, sans-serif;
	color:#5e5e5e;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:10px;
}

hr {
	width:70%;
	color:#5e5e5e; /* Pour ie */
	background-color:#5e5e5e; /* Pour Firefox */
	height: 1px;
	border: 0;
}

div#filAriane {
	float:left;
}

/*div#DescriptifProgramme {
	width:100%;
	background:url("../images/onglet_descriptif-programme.gif") no-repeat center;
	color:#5e5e5e;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align:center;
	text-indent:-50px !important;
	text-indent:0px;
	margin-bottom:10px;
	padding:5px 0 10px 0;
}

div#DescriptifProgramme a {
	color:#9a9a9a;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

div#DescriptifProgramme a:hover {
	color:#9a9a9a;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}*/

.navRubriques {
	color:#5e5e5e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:5px 0 15px 10px;
	padding:0;
}
.navRubriques a {
	color:#e68a00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
.orange {
	color:#e68a00;
}

a.orange {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#E68A00;
	text-decoration:underline;
}



/*  L I E N S   */



a.bleu {
	color:#6B78A9;
}

a,
a.blueLink, /* supprimer le bluelink à la fin de la MAJ */
span.blueLink {
	color:#36f;
	text-decoration:none;
}

a:hover,
a.blueLink:hover { /* supprimer le bluelink à la fin de la MAJ */
	text-decoration:underline;
}

.smallFont,
a.smallFont {
	font-size:0.85em;
}

.bigFont,
a.bigFont {
	font-size:1.2em;
}

.bordImg {
	border:solid 1px #5e5e5e;
}

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

.cursorHandLI {
	color:#36f;
	text-decoration:none;
	cursor:pointer;
	}
.cursorHandLI:hover{
	text-decoration:underline;
	}



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



#tbl, #tbl2, .tbl, .tbl3 {
	font:12px Arial, Helvetica, sans-serif;
	color:#424242;
	text-decoration:none;
}

#tbl th, #tbl2 th, .tbl th {
	background:url(../images/pages/fd_th.gif) repeat-x;
	height:25px;
}

#tbl th.thLeft, #tbl2 th.thLeft, .tbl th.thLeft {
	background:url(../images/pages/fd_th-left.gif) no-repeat top left;
}

#tbl th.thRight, #tbl2 th.thRight, .tbl th.thRight {
	background:url(../images/pages/fd_th-right.gif) no-repeat top right;
}

#tbl td, #tbl2 td, .tbl td {
	border-bottom: solid 1px #adb9c2;
}

.tblTarifs th {
	background-color:#6d6d6d;
	color:#fff;
}

.tblTarifs td, .tblTarifs th {
	border-bottom: solid 1px #adb9c2;
	border-right: solid 1px #adb9c2;
}

.borderLeft {
	border-left: solid 1px #adb9c2;
}

.tbl3 table {
	border-collapse:collapse;
}
.tbl3 th, .tbl3 td {
	border:solid 1px #999;
	padding:4px;
}
.tbl3 th {
	font-weight:bold;
	text-align:center;
	background-color: #666;
	color:#FFF;
}

.tblEnseignants td p{
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
}

/*   O N G L E T S   */



.TabContentSmall {width:335px !important; width:345px; font:12px Arial, Helvetica, sans-serif; color:#5e5e5e; background-image:url("../images/fd_bloc.gif"); background-repeat:repeat-x; padding: 5px !important; padding: 10px 5px 5px 5px;}
.TabContentBig {width:705px !important; width:715px; font:12px Arial, Helvetica, sans-serif; color:#5e5e5e; background-image:url("../images/fd_bloc.gif"); background-repeat:repeat-x; padding: 5px !important; padding:  10px 5px 5px 5px; clear:both !important;}
.TabCommon {font: bold 11px Arial, Helvetica, sans-serif; color: #6B78A9;}
.TabOff {cursor:pointer; background:url("../images/tableft.gif") no-repeat left top;}

.ongletsNav {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #a6a6a6;
}


/* Gestion état OFF */


.ongletsNav li {
	display:inline;
	float:left;
	margin:0 1px 0 0;
	padding:0 0 0 2px;
	text-decoration:none;
}

.ongletsNav span {
	display:block;
	background:url("../images/tabright.gif") no-repeat right top;
    padding:5px 10px 4px 6px;
}
.ongletsNav ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}

.TabOff span a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #6B78A9;
	text-decoration:none;
}

/* Gestion du Roll Over */

.ongletsNav li:hover {
	background-position:0% -42px;
}

.ongletsNav li:hover span,
.ongletsNav li:hover span a{
	background-position:100% -42px;
	color:#4A5580;
}

/* Gestion de l'état ON */

.TabOn {
	background:url("../images/tableft.gif") no-repeat left top;
	background-position:0% -42px;
}

.TabOn span {
	background-position:100% -42px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #4A5580;
	text-decoration:none;
}

.ongletsFixe {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #a6a6a6;
}

.ongletsFixe li {
	display:inline;
	float:left;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
	background:url("../images/tableft.gif") no-repeat left top;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #6B78A9;
}

.ongletsFixe span {
	display:block;
	background:url("../images/tabright.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
}

.ongletsFixe ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
}

/*  Lien spécial revoir description MBA  */

.lienDescriptionMBA {
	float:left;
	margin: 5px 0 0 15px;
}

.lienDescriptionMBA a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #36f;
}


/* Ecrans vidéos */

.ecranMBAESGchannel {
	width:150px;
	background:url(../images/fd-ecran-videos-youtube.png) no-repeat top left;
	padding:12px 12px 0 12px;
	float:left;
}

.ecranMBAESGchannel p {
	margin-top:17px;
	font-size:11px;
	display:block;
	width:122px;
}

.ecranMBAESGchannel a {
	color:#666666;
}


/*   W I D G E T    */


.widget3ecrans {
	float:left;
	width:160px;
}

.widget3ecrans ul {
	list-style:none;
	margin:0;
	padding:0;
}

.widget3ecrans li {
	display:block;
	height:37px!important;
	height:44px;
	margin:0;
	padding:6px 5px 0 10px;
	border-bottom:solid 1px #97b8c6;
}

.liOff {
	background-color:#6d97b3;
}

.widget3ecrans li:hover {
	cursor:pointer;
}

.liOn {
	background-color:#034675;
}

.liOn a {
	font-weight:bold;
}

.widget3ecrans li:hover a {
	font-weight:bold;
}

.widget3ecrans a {
	color:#fff;
	text-decoration:none;
}

.widget3ecrans a:hover {
	font-weight:bold;
}



/*  S I D E   B A R  */
 
 

div#sidebar {
	float: right;
	width: 217px;
	margin-top: 10px !important;
	margin-top: 15px; /* Pour ie */
}

.sidebarImg {
	border:solid 1px #cc3399;
	margin-left:5px;
}

div#sidebar p  {
	padding: 0 10px;
	margin: 2px 0;
}

div#sidebar li  {
	margin: 0 10px 5px -15px;
}

.titreSideBar {
	color:#cc3399;
	font: bold 20px Arial, Helvetica, sans-serif;
}

.temoignages {
	font: italic 11px Arial, Helvetica, sans-serif;
	}
	
	
/*   F O O T E R   */



div#footer {
	text-align: center; /* On centre le contenu */
	position: absolute;
	background-color:#FFFFFF;
	padding-top: 5px;
	width: 100%;
	bottom: -75px; /* Sinon le bas du contenu est caché dans PFA */
	color:#afafaf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	/*clear:both; Ajouter par Sylvain pendant debugage: semble ne pas servir */
	z-index:90; /* Pour Firefox : laisser les liens cliquables. Le Lightbox est à 100 donc faut laisser à 90 */
	}



/*   S T Y L E S   G E N E R I Q U E S   */



.w345px {width: 345px;}
.w715px {width: 715px;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.strong {font-weight:bold;}
.cursorHand {cursor:pointer;}
.format_png {behavior: url("win_png.htc"); /* Style qu'il faut donner aux images png pour qu'elles soient affichées correctement dans i.e */}
.btnShowHide {cursor:pointer;}

.imgBorder {border: solid 1px #999;}
.imgAlignLeft {float:left;margin-right:10px;}


/****************************************/
/* Formatage des champs de formulaires  */
/****************************************/


label {
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #000;
}

label.error { /* Sert pour les messages d'erreur de JQuery Validate */
	color : #ff0000;
	font-weight: bold;
	padding-left:5px;
}

input[type=submit] {
	background-color: #F60;
	color : #fff;
	border: 1px solid #000;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: #bfd7ee;
	color : #336699;
}


/* Masquage par défaut des msg d'erreurs */


form.jpo label.error {display: none;}