/***********************************/
/*   Styles personnalisés ESG FC   */
/***********************************/

/* Couleurs utilisées 

Rouge logo et menu
color:#B82C29;

*/

@import url("jquery.lightbox-0.5.css"); /* On importe la feuille du script Lightbox */
@import url("styles_pfa.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/degrade_fond.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-attachment:fixed;
}

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

body {
	font: normal 93% 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/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 {
	color: #fff;
	height: 420px;
	background-color:#FFFFFF;
}

div#header h1 {
	margin: 0;
	bottom: 10px;
	left: 30px;
}

#logo {
	position: relative;
	top: 5px;
}

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

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

#imgRandom {
	top:99px;
	left:0;
	position:absolute;
	width: 734px;
	height: 310px;
}

#stickerUne {
	z-index:110;
	position:absolute;
	top:260px;
	left:10px;
	background-color:#C33;
	width: 300px; /* Pour IE, il faut absolument mettre une largeur */
	padding:10px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	border:6px solid #E8E8E8;
}

#stickerUne h1{
	padding:5px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#000;
}


#stickerUne span a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#FF9900;
}


/*   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:#B82C29;
	height: 29px !important;
	height: 30px;
	width: 734px !important; /* 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:#fff;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#menu a:hover{
	color:#F93;
	text-decoration:underline;
}

#menu li {
	float:left;
	padding:0 20px;
	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:177px;
	_width:197px;
	top:80px;
	left:730px;
	list-style-type: none;
	padding: 0 20px;
	z-index:200;
}

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

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

#fdtransparentMenuVertical {
	z-index:0;
	position:absolute;
	top:69px;
	left:733px;
	background-color:#D8D8D8;
	height: 340px;
	width: 217px; /* Pour IE, il faut absolument mettre une largeur */
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
}

.liensFormation {
	/*idth: 290px;*/
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 0;
	text-align:left;
}

.liensFormation h3,
.liensFormation h4 {
	margin:0;
	padding:0;
}


/*   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;
	}
	
a.formations{
	display:block;
	text-align:left;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#B82C29;
	padding:5px;
	margin-bottom:1px;
	cursor:pointer;
	background-color:#eee;
	text-decoration:none;
	border-left: 3px solid #DD6002;
}

a.formations:hover {
	color: #fff;
	background-color: #B82C29;
}


/*   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; /* Ajouter par Sylvain lors du debugage */
	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 */
}


/*   C O N T E N T   */

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

.NewsEcole {
	width:950px;
	height:23px;
	color:#000;
	font-size:0.9em;
	background-color:#fff;
	padding-left:10px;
	display:block;
	overflow:hidden;
}

div#scrollText {
	width:auto !important;
	width:700px;
	white-space:nowrap;
	position: absolute;
	left:0;
	overflow:hidden;
}

div#titresPage {
	position: relative;
	left:0; /* utile pour ie6 */
	top:-320px;
	_top:-310px; /* pour ie6 */
	padding:0 0 0 15px !important;
	margin:10px 0 0 0;
	_margin:0;
	text-align:left;
	z-index: 10;
	height: 390px !important;
	height: 400px;
}

#titresPage.homepage {
	background:url(../images/fd-gris-header.png) no-repeat top left;
	width:740px;
}

.ecranYoutube {
	width:200px;
	/*color:#3369a1;*/
	font-size:12px;
	float:right;
	margin:20px 50px 0 0;
}

.ecranYoutube a {
	color:#424242;
}


h1 {
	color:#333;
	font: bold 14px Arial, Helvetica, sans-serif;
	width:330px;
	text-align:left;
}

h2 {
	color:#333;
	font: normal 12px Arial, Helvetica, sans-serif;
	width:330px;
	text-align:left;
}

#titresPage.homepage h1, #titresPage.homepage h2 {
	width:700px;
	font-size:1.1em;
}

#titresPage.homepage h1 {
	color:#b82c29;
	padding-top:10px;
}

h2 a {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

h3 {
	color: #C77552;
	font: normal 19px Arial, Helvetica, sans-serif;
	margin-top:12px;
	text-align:left;
}

h4 {
	color:#DD6002;
	font: bold 14px Arial, Helvetica, sans-serif;
}

.tarif{
	color:#DD6002;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align:left;
}

p, .default {
	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:#36F;
	text-decoration:none;
}

a:hover {
	color:#B82C29;
	text-decoration:underline;
}

.callToAction a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#36F;
	text-decoration:none;
}

.callToAction a:hover{
	text-decoration:underline; 
}

ul {
	font:12px Arial, Helvetica, sans-serif;
	color:#424242;
	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;
}

a.blueLink {
	color:#00C;
	font-weight:normal;
	text-decoration:underline;
}

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

.listPages li a{
	font-weight:normal;
}

/* Fil d'ariane */
#filAriane {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	}
#filAriane a{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	}
#filAriane a:hover{
	text-decoration:underline;
	}

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

.tbl {
	font:12px Arial, Helvetica, sans-serif;
	color:#424242;
	text-decoration:none;
}
 
.tblFormationsNiv2et3 td,
.tblFinancement td,
.tblElearning td {
	border-bottom: 1px dotted #BA8974;
	padding:10px;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.tblFormationsNiv2et3 td b{
	color: #A39489;
	font: normal 19px Arial, Helvetica, sans-serif;
}

.promoInscription,
.tblTarifs {
	border: 1px solid #ccc;
	background-color:#F0F0F0;
	padding: 4px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#CC3333;
}

/* Tables de contenu programmes des certifications */

#tblContent {
	background:#f3f3f3;
	text-align:left;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 20px;
}

#tblContent td{
	padding: 6px;
	border-top:2px solid #ddd;
}

.tblContentTitle {
	font-weight: bold;
	background:#ccc;
}

#tblContent h4{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #CC4011;
	text-align:center;
}



/*   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;
	text-align:left;
}

.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, li.lienDur a, li.lienDur a:visited {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #B82C29;
	text-decoration:none;
}

.TabOff, li.lienDur {
	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 #B82C29; /* filet rouge */
}

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

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

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

li.lienDur:hover a {color: #fff;}

/* Gestion du Roll Over */
.ongletsNav li:hover {
	background-position:0% -26px;
}

.ongletsNav li:hover span,
.ongletsNav li:hover span a{
	background-position:100% -26px;
	color:#fff;
}
/*.ongletsNav span:hover {
	background-position:100% -26px;
}*/

/* Gestion de l'etat On */
.TabOn {
	background:url("../images/tableft.gif") no-repeat left top;
	background-position:0% -26px;
}
.TabOn span,
.TabOn span a{
	background-position:100% -26px;
	color:#fff;
}


.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: #B82C29;
}
.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;
}


/*   S I D E   B A R   */

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

div#sidebar h3{
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding:10px 5px 0 5px;
}

div#sidebar h4{
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#B0002D;
	padding:2px;
}

div#sidebar strong{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff;
	padding:2px;
	border: 1px solid #ccc;
	text-align:left;
}

/*div#sidebar a {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

div#sidebar a:hover {
	color:#B82C29;
	text-decoration:underline;
}*/

/*div#sidebar ul {
	color:#FFF;
	font-weight:bold;
}*/

.pictosTelecharger {
	padding-left:5px;
}

div#sidebar p {
	padding: 0 8px;
	color:#333;
}

div#sidebar img {
	padding: 0 8px;
	color:#333;
}

div#sidebar td {
	margin-bottom: 2px;
	padding: 5px 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#333333;
	border-bottom: 1px solid #fff;
}

	div.listDocs { 
		background-color:#B82C29;
		padding:2px;
		}
		
		.listDocsTD a{
			padding-right: 10px;
			color:#000;
			font-weight:normal;
		}
		
		
		/*div.listDocs { 
		background-color:#B82C29;
		}
		
		div.listDocs ul{
			margin:0;
			padding:0 0 1px 0;
		}
		
		div.listDocs li{
			list-style-type:none;
			padding: 10px 2px 8px 0;
			margin: 0 2px 0 2px;	
			background:#eee;
		}
		
		div.listDocs li a{

		}
		
		div.listDocs li:hover{
			background-color:#fff;
		}*/


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


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

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

input[type=submit]:hover {
    background : #66CC33;
    color : #fff;
}

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

form.emailing label.error { /* masquage par défaut des msg d'erreurs */
	display: none;
}

/*   D I V E R S   */

.logosTbl {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #003369;
	margin-bottom: 30px;
}

.logosTbl td {
	padding:6px 0;
	border-bottom:1px dotted #B08C82;
}


/*   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-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	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;
}

a.underlineHover {
	text-decoration:none;
}

a.underlineHover:visited {
	text-decoration:none;
}

a.underlineHover:hover {
	text-decoration:underline;
}

.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 */
}