/*********************************/
/*   Styles personnalisés PGSM   */
/*********************************/

/* couleurs souvent utilisées
   #0073b2 : nouveau bleu logo esg
   #00438A : ancien bleu logo esg 
   #F38F34 : orange */


@import url("style_pfa.css");
@import url("jquery.lightbox-0.5.css");

html {
	overflow-y:scroll; /* Pour forcer FireFox à mettre un ascenceur sur les pages qui n'en n'ont pas besoin et éviter un decalage avec les pages qui en ont un */
	background-image:url(../images/fond_page.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-attachment:fixed;
}

html, body {
	height: 100%;
    margin: 0;
}

body {
	font: normal 90% Arial, Helvetica, sans-serif;
	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/fond_global.png) center repeat-y;
	text-align: left; /* on rétablit l'alignement normal du texte */
}


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


div#header {
	height: 420px;
	background-color:#FFFFFF;
}

	div#baseline {
		position:absolute;
		top: 15px;
		left: 77px;
		font:17px normal Verdana, Geneva, sans-serif;
		color:#0073b2;
	}
		
	div#flagsPGSM {
		position:absolute;
		top:38px;
		left:732px;
	}
	
	div#flagsPGSM a{
		font:10px normal Arial, Helvetica, sans-serif;
	}
	
	#imgRandom {
		position:absolute;
		top:98px;
		left:0;
		width: 732px !important;
		width: 734px;
		height: 312px !important;
		height: 314px;
		margin: 0;
		padding: 0;
		border: 1px solid #0073b2;
		background: url(../images/photo_header.jpg);
	}


	/*   M E N U   H O R I Z O N T A L  
	------------------------------------------------------------------------- */
	
	
	div#fdtransparentMenu {
		z-index:1;
		position:absolute;
		top:69px;
		left:0;
		background-color:#0073b2;
		height: 29px !important;
		height: 30px;
		width: 734px !important; /* Pour IE, il faut absolument mettre une largeur */
		width: 734px; /* Pour IE, il faut absolument mettre une largeur */
	}
	
	ul#menu {
		z-index:2;
		position:absolute;
		top: 7px;
		left:15px;
		list-style-type: none;
		height: 30px;
		width: 750px; /* Pour IE, il faut absolument mettre une largeur */
		margin: 0;
		padding: 0;
	}
	
	#menu a{
		color:#B3F1FF;
		font: bold 13px Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	#menu a:hover{
		color:#B0E9F4;
		text-decoration:underline;
	}
	
	#menu li {
		float:left;
		padding-right:30px;
		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#menuVerticalHeaderTop {
		position:absolute;
		top:69px;
		left:734px;
		width:185px !important;
		width:215px;
		height:311px !important;
		height:222px;
		_height:343px;
		padding:15px;
		z-index:202;
		background-color:#E8E8E8;
		border-top:1px solid #0073b2;
		border-right:1px solid #0073b2;
		border-bottom:1px solid #0073b2;
	}
	
	div#menuVerticalHeaderTop a {
		font:bold 14px Arial, Helvetica, sans-serif;
		color:#0073b2;
		text-decoration:none;
	}
	
	div#menuVerticalHeaderTop a:visited {
		color:#0073b2;
	}
	
	div#menuVerticalHeaderTop a:hover{
		color:#FF9933;
		text-decoration:underline;
	}


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


div#center {
	padding-bottom: 80px; /* Pour éviter la superposition du footer et du contenu : */
	margin-top: -400px;
	_margin-top: -420px;
	margin-bottom: 10px;
	overflow: hidden !important;
	overflow: visible; /* Pour ie */
	height:auto !important;
	height: 1%; /* Pour ie */
	position: relative;
	z-index:20; /* Ajouter lors du debugage: permet à Firefox de laisser les liens cliquables */
}

	div#content {
		float: left;
		width: 715px;
		display: inline; /* Pour ie */
		color:#333;
		font: normal 12px Arial, Helvetica, sans-serif;
		/*background-color:#3F9;*/
	}
	
	div#titresPage {
		position: relative;
		left:0; /* utile pour ie6 */
		top:-320px !important;
		top:-310px; /* pour ie6 */
		padding:0 0 0 15px !important;
		margin:10px 0 0 0 !important;
		margin:0;
		text-align:left;
		width:700px;
		height: 390px !important;
		height: 400px;
		z-index: 10;
	}
	
	h1 {
		display:inline;
		font: bold 14px Arial, Helvetica, sans-serif;
		color:#0073b2;
		text-align:left;
		margin:0;
		padding:4px;
		background-color:#eee;
	}
	
	h2 {
		color:#0073b2;
		font: bold 13px Arial, Helvetica, sans-serif;
		text-align:left;
		margin-top:30px;
	}
	
	h3 {
		font: bold 17px Arial, Helvetica, sans-serif;
		color: #F38F34;
		text-align:left;
	}
	
	h4 {
		font: bold 14px Arial, Helvetica, sans-serif;
		color:#258CD4;
		text-align:left;
	}
	
	h5{
		font: bold 15px Arial, Helvetica, sans-serif;
		color:#666;
		text-align:left;
	}

	p,
	table{
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#424242;
		text-decoration:none;
	}
	
	.corpsSup {
		font-size:14px;
		color:#847a5d;
	}
	
	a {
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#1F78B4;
		text-decoration:none;
	}

	a:hover {
		text-decoration:underline;
	}
	
	a:visited {color:#1F78B4;}
		
	ul {
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#424242;
		text-decoration:none;
		margin-top:5px;
		margin-bottom:10px;
	}
	
	.left ul{ /* affichage des news */
		display:inline-block;
		border-left:1px solid #333;
		margin-left:30px;
	}

	.listPages li{
		padding-left: 0px;
		margin: 0 0 5px -20px;
		list-style-type:square;
		color:#0073b2;
		text-align:left;
	}

	.photoSmall {
		float:left;
		margin-right:6px;
	}


/*   O N G L E T S   
------------------------------------------------------------------------- */


.TabContentBig {
	width:705px !important;
	width:715px;
	font:normal 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;
	overflow:auto;
}

.TabCommon {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #DADADA;
}

.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 #0073b2; /* filet bleu */
}

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

.ongletsNav li {
	display:inline;
	float:left;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
	cursor:pointer;
	background:url("../images/tableft.gif") no-repeat left top;
}
.ongletsNav li span {
	display:block;
	background:url("../images/tabright.gif") no-repeat right top;
    padding:5px 15px 4px 2px;
}

.ongletsNav li a{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #0073b2;
	text-decoration:none;
}


/* Séparation en 2 colonnes uniquement sur la home */
.colonneGauche {
	width:340px;
	float:left;
}

.colonneDroite {
	width:340px;
	float:right;
	margin-left:15px;
}

.encadreActu {
	width:300px;
	margin:10px;
	padding:0;
	border:1px solid #ddd;
	}
	
.encadreActu h3{
	margin:0;
	padding:10px;
	background-color:#eee;
	}

.encadreActu h4{
	margin:0;
	padding:10px;
	}
	
.encadreActu p{
	margin:10px;
	padding:0;
	}




	/* Gestion du Roll Over 
	------------------------------------------------------------------------- */
	
	.ongletsNav li:hover {
		display:block;
		background-position:0% -28px;
	}
	
	.ongletsNav li:hover span,
	.ongletsNav li:hover a {
		display:block;
		background-position:100% -28px;
		color:#fff;
	}
	
	
	/* Gestion de l'etat On
	------------------------------------------------------------------------- */
	
	
	.ongletsNav .TabOn{
		display:block;
		background-position:0% -28px;
	}
	
	.ongletsNav .TabOn span,
	.ongletsNav .TabOn span a {
		display:block;
		background-position:100% -28px;
		font: bold 11px Arial, Helvetica, sans-serif;
		color:#fff;
		text-decoration:none;
	}



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


#ecolesPGSM,
#internatProgram,
#logotheque {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
}

#ecolesPGSM td,
#internatProgram td,
#logotheque td{
	border-bottom: 1px solid #44A4DD;
	text-align:left;
}

#ecolesPGSM td table td{
	border:none;
	}
	
	.TabContentBig {
	width: 680px;
	overflow:auto;

	
	}


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


.galeriePhoto {
	border: solid 4px #0073b2;
}


/* Forum de l'orientation */

.salle {
	background-color:#6CF;
	padding:5px;
	border:1px solid #39F;
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#36C;
	width:100px;
	text-align:center;
	}
	
/*.btnImprimer {
	width: 250px;
	float:right;
	margin: 0 50px 0 0;
}*/

#coordonnees {
	background-color:#6CF;
	padding:5px;
	border:1px solid #39F;
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#36C;
	width: 244px;
	float:right;
	margin: 0 0 0 10px;
	}


/*   S I D E   B A R   
------------------------------------------------------------------------- */



div#sidebar {
	float: right;
	width: 215px;
	padding:0;
	margin: 0;
	text-align:left;
}

	div#sidebar h3{
		font: bold 16px Arial, Helvetica, sans-serif;
		color:#efefef;
		padding: 2px 5px;
		margin:0;
		background-color:#0073b2;
	}
	
	div#sidebar h4{
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#0073b2;
	padding: 0 5px;
	margin: 0px 0px -10px;
	}

	div#sidebar p {
		padding: 0 8px;
		color:#333;
	}
	
	div#sidebar a {
		color:#0000ff;
	}
	
	div#sidebar a:hover {
		color:#B82C29;
	}
	
	div#sidebar .chiffres {
		font: normal 22px Arial, Helvetica, sans-serif;
		color:#efefef;
	}
	
	div#sidebar td {
		padding: 5px;
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#333333;
		border-bottom: 1px solid #0073b2;
	}



/*   F O R M U L A I R E S 
------------------------------------------------------------------------- */

fieldset {
	border:0;
	}
	
.tblForm td{
	font: normal 12px Arial, Helvetica, sans-serif;
}

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

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

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

label.error {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ff0000;
	padding-left:5px;
}


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

form.formProspect label.error,
form.infoPresse label.error,
form.adminLogo label.error,
form.formNewsletter label.error
{ 
	display: none;
}


/*   Tableaux JPO, Salons, lycées, IUT   */

.tblSalons,
.tblJPO,
.tblContact {
	border-bottom: 1px solid #ccc;
}

a.lienInscription {
	background-color:#0073b2;
	padding:4px 6px;
	color:#fff;
	font-weight:bold;
}
	
a.lienInscription:hover{
	background-color:#6DC2F7;
	padding:4px 6px;
	color:#0073b2;
	font-weight:bold;
}
	
.hidden {display: none;} /* form newsletter */



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



div#footer {
/*display:none;*/
	text-align: center; /* On centre le contenu */
	position: absolute;
	background-color:#FFFFFF;
	padding-top: 5px;
	margin: 0 auto;
	width: 100%;
	bottom: 0;
	color:#afafaf;
	font:12px bold Arial, Helvetica, sans-serif;
	text-decoration:none;
	z-index:20; /* Pour Firefox : laisser les liens cliquables */
}


/*  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,
/*a.strong {
	font-weight:bold;
	color:#666;
}*/
.cursorHand {cursor:pointer;}