/**********************************/
/*   Styles personnalisés ESGCI   */
/**********************************/

@import url("http://www.pgsm.fr/css/jquery.lightbox-0.5.css"); /* On importe la feuille de style Lightbox */
/*@import url("http://www.pgsm.fr/css/style_validation_form.css");*/
@import url("style_pfa.css"); /* On importe les styles PFA */

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: 90% "Trebuchet MS", sans-serif;
	position: relative; /* Pour ie */
	text-align: center; /* pour corriger le bug de centrage IE */
	background-image:url(../images/fd_bandeau_largeur.gif);
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:top;
}

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-color:#fff;
	height: 410px;
	padding-left:0;
}

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

div#flagsPGSM a{
	font:10px normal Arial, Helvetica, sans-serif;
}
	
	
	
#boutonHeaderIMCO, #boutonHeaderIMRI, #boutonHeaderICRP, #boutonHeaderIMTH, #boutonHeaderIALM {
	display:block;
	position:relative;
	top:106px !important;
	top:97px;
	left:1px;
	width:183px; /* Il faut retirer 37 px pour revenir à 5 boutons (avec l'IALM) */
	height:40px;
	float:left;
	cursor:pointer;
	z-index:15;
	background-position:left top;
}

#boutonHeaderIMCO:hover, #boutonHeaderIMRI:hover, #boutonHeaderICRP:hover, #boutonHeaderIMTH:hover, #boutonHeaderIALM:hover {
	background-position:left bottom;
}

.boutonBodyIMCO, .boutonBodyIMRI, .boutonBodyICRP, .boutonBodyIMTH, .boutonBodyIALM {
	display:block;
	width:150px;
	height:50px;
	cursor:pointer;
	background-position:left top;
}

#boutonHeaderIMCO {
	background:url(../images/bouton-header_imco.png) no-repeat;
}

.boutonBodyIMCO {
	background:url(../images/bouton-body_imco.jpg) no-repeat;
}

#boutonHeaderIMRI{
	background:url(../images/bouton-header_imri.png) no-repeat;
}

.boutonBodyIMRI{
	background:url(../images/bouton-body_imri.jpg) no-repeat;
}

#boutonHeaderICRP {
	background:url(../images/bouton-header_icrp.png) no-repeat;
}

.boutonBodyICRP {
	background:url(../images/bouton-body_icrp.jpg) no-repeat;
}

#boutonHeaderIMTH {
	background:url(../images/bouton-header_imth.png) no-repeat;
}

.boutonBodyIMTH {
	background:url(../images/bouton-body_imth.jpg) no-repeat;
}

#boutonHeaderIALM {
	background:url(../images/bouton-header_ialm.png) repeat-x;
	width:148px;
}

.boutonBodyIALM {
	background:url(../images/bouton-body_ialm.jpg) no-repeat;
}


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


ul#menu {
	z-index:2;
	position:absolute;
	top:74px;
	left:15px;
	list-style-type: none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	height: 28px;
	width: 750px; /* Pour IE, il faut absolument mettre une largeur */
}

div#fdtransparentMenu {
	z-index:1;
	position:absolute;
	top:69px;
	left:auto !important;
	left:0;
	background:url(../images/fd_menu.gif) repeat-x #5d5852;
	height: 28px !important;
	height: 29px;
	width: 732px !important; /* Pour IE, il faut absolument mettre une largeur */
	width: 733px; /* Pour IE, il faut absolument mettre une largeur */
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
}

ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu a{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#menu a:visited{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#menu a:hover{
	color:#b5e1ed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#menu li {
	float:left;
	padding-right:21px;
	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;
}


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


div#fdSousMenu {
	z-index:1;
	position:absolute;
	top:98px;
	left:auto !important;
	left:0;
	background:url(../images/fd_sous-menu.gif) repeat-x;
	height: 70px !important;
	height: 71px;
	width: 732px !important; /* Pour IE, il faut absolument mettre une largeur */
	width: 733px; /* Pour IE, il faut absolument mettre une largeur */
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
}


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


div#menuVerticalHeader {
	position:absolute;
	top:69px;
	left:733px;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
}

div#menuVerticalHeaderTop {
	background-color:#eee;
	border:solid 1px #90a09d;
	height:228px;
	/*padding-bottom: 10px !important;
	padding-bottom:8px;*/
}

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

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

div#menuVerticalHeader p a:hover{
	color:#0099c4;
}

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


div#menuVerticalHeaderBottom {
	width:184px !important;
	width:216px;
	padding:12px 15px !important;
	margin-top:7px;
	border:1px solid #82b008;
}


div#menuVerticalHeaderBottom a {
	color:#00c;
	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;
	color:#00c;
	text-decoration:underline;
	line-height:1.4em;
}

              /* 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 */
	border-top:solid 20px #fff;
}


              /* C O N T E N T */

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

div#imgBackground {
	position:relative;
	left:1px; /*utile pour ie 6*/
	top:-330px !important;
	top:-331px;
	width:700px;
	z-index:10;
	height:310px;
}

div#animFlashHeader {
	position:absolute;
}

div#titresPage { /* Div contenant les H1 et H2 */
	position: relative;
	left:0; /*utile pour ie 6*/
	top:-310px !important;
	top:-300px;
	width:700px;
	padding-left:25px;
	text-align:left;
	z-index: 10;
	height: 80px !important;
	height: 90px;
}

h1 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-bottom:0;
	margin-bottom:7px;
}

h2 {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:0;
	padding-top:0;
}

h3 {
	color: #0e3e67;
	font: bold 17px Arial, Helvetica, sans-serif;
	margin-top:3px;
}

h3.IMCO {color:#d73133;}
h3.IMRI {color:#d3bb03;}
h3.ICRP {color:#3cb5b0;}
h3.IMTH {color:#d88ed3;}
h3.IALM {color:#58b44c;}


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

h4.IMCO {background-color:#f0383a;}
h4.IMRI {background-color:#d1cf46;}
h4.ICRP {background-color:#7de3df;}
h4.IMTH {background-color:#f2b2ee;}
h4.IALM {background-color:#67de58;}


h5.IMCO:hover {background-color:#d73133;}
h5.IMRI:hover {background-color:#ddc612;}
h5.ICRP:hover {background-color:#3cb5b0;}
h5.IMTH:hover {background-color:#d88ed3;}
h5.IALM:hover {background-color:#56d146;}


p, .default {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#424242;
	text-decoration:none;
}

.extraBold, a.extraBold, a.extraBold:visited {
	color: #0e3e67;
	font: bold 14px Arial, Helvetica, sans-serif;
	/*text-decoration:none;*/
}

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

.corpsSup {
	font-size:14px;
	font-weight:bold;
	color:#6a9912;
}

a, a:visited {
	font:12px Arial, Helvetica, sans-serif;
	color:#00c;
	text-decoration:none;
}

a:hover {text-decoration:underline;}

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

.bordImage {
	border: solid 1px #424242;
}

div#accueil {
	float:left;
}


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

a.blueLink:hover, .blueLink:hover {
	text-decoration:underline;
}

a.greenLink:hover, .greenLink:hover {
	color:#6a9912;
	font-weight:normal;
	text-decoration:none;
}

a.greenLink, .greenLink {
	text-decoration:none;
}

a.greenLink:hover, .greenLink:hover {
	text-decoration:underline;
}

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

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

.chapoTemoignage {
	color:#6a9912;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.chapoTemoignage strong {
	color:#5e5e5e;
	font-size:14px;
}

.cadrePhotoLeft {
	width:150px !important;
	width:130px;
	float:left;
	font-size:11px;
	text-align:left;
	padding:10px;
	margin: 5px 20px 10px 5px;
	border:solid 1px #ccc;
	background-color:#eee;
}

.cadrePhotoRight {
	width:130px !important;
	width:150px;
	float:right;
	font-size:11px;
	text-align:right;
	padding:10px;
	margin: 5px 5px 10px 20px;
	border:solid 1px #ccc;
	background-color:#eee;
}

.partenaires {
	font:normal 10px Arial, Helvetica, sans-serif;
}

.hotNews {
	float:right;
	/*width:300px;*/ /* Quand on affiche une hotnews */
	width:230px;
	padding:10px 10px 0 10px;
	margin:5px 5px 5px 10px;
	border:solid 2px #82b008;
	background:#fff;
}
	
	
/***** DEBOUCHES *******/


.debouches {
	float:left;
	width:200px;
	margin:10px;
	padding:5px;
	border:1px solid #CCC;
	background-color:#F3F3F3;
	text-align:center;
	}

.debouches a:hover{
	text-decoration:none;
}

.debouches img {
	margin-bottom:5px;
}

.fdIMCO:hover .debouches {
	background-color:#d73133;
}

.fdIMRI:hover .debouches {
	background-color:#d3bb03;
}

.fdICRP:hover .debouches {
	background-color:#3cb5b0;
}

.fdIMTH:hover .debouches {
	background-color:#d88ed3;
}

.fdIALM:hover .debouches {
	background-color:#58b44c;
}


/*****  TABLEAUX ******/
 


.tblCommun {
	font:11px Arial, Helvetica, sans-serif;
	color:#424242;
	text-decoration:none;
	border-collapse: collapse;
}

.tblCommun th {
	/*background-color:#eee;*/
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	height:16px;
	padding:5px;
	border: solid 1px #adb9c2;
}

.tblCommun td {
	font:11px Arial, Helvetica, sans-serif;
	padding:5px;
	border: solid 1px #adb9c2;
}

.tblCommun td p{
	font:11px Arial, Helvetica, sans-serif;
}

/*
.bordTop {
	border-top: solid 1px #adb9c2;
}
.bordLeft {
	border-left: solid 1px #adb9c2;
}

.bordRight {
	border-right: solid 1px #adb9c2;
}
 */
 
/*******  Programmes  *******/


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

.programmes th {
	background:url(../images/fd_th.gif) repeat-x;
	height:25px;
	padding:5px;
}

.programmes th.thLeft {
	background:url(../images/fd_th-left.gif) no-repeat top left;
}

.programmes th.thRight {
	background:url(../images/fd_th-right.gif) no-repeat top right;
}

.programmes td {
	border-bottom: solid 1px #adb9c2;
	padding:5px;
}

.programmes td.bordTop {
	border-top: solid 1px #adb9c2;
}

.programmes td.bordLeft {
	border-left: solid 1px #adb9c2;
}

.programmes td.bordRight {
	border-right: solid 1px #adb9c2;
}


/*  Organisation Instituts */


.tblOrgaInstitut {
	width:100%;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#424242;
	text-decoration:none;
}

.tblOrgaInstitut th {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFF;
}


.tblOrgaInstitut th {
	/*background-color:#3CB5B0;*/
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFF;
}

.tblOrgaInstitut th, .tblOrgaInstitut td {
	border-bottom: solid 2px #fff;
	border-left: solid 2px #fff;
	padding:5px;
}


/*  Pays */


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

.tblPays td {
	border-bottom: solid 1px #adb9c2;
}

.tblTaxeApprentissage {
	border-collapse:collapse;
}

.tblTaxeApprentissage td {
	border:solid 1px #adb9c2;
	padding:5px;
}

.tblTaxeApprentissage  th {
	background-color:#6a9912;
	border:solid 1px #adb9c2;
	color:#fff;
	padding:5px;
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	height:16px;
}

.tblUniversitesPartenaires, .tblUniversitesPartenaires td, .tblUniversitesPartenaires th {
	padding:5px;
	border: 1px solid #adb9c2;
	border-collapse:collapse;
}

.tblUniversitesPartenaires th {
	background-color:#666;
	color:#fff;
	font-size:16px;
}

.tblUniversitesPartenaires td.pays {
	background-color:#a4cf54;
	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: #12364e;}

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

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

.ongletsNav li {
	display:inline;
	float:left;
	margin:0;
	padding:0 0 0 4px;
	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 10px 4px 6px;
}


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

li.lienDur {cursor:pointer; background:url("../images/tableft.gif") no-repeat left top;}

li.lienDur a, li.lienDur a:visited {font: bold 11px Arial, Helvetica, sans-serif; color:#12364d; text-decoration:none;}

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


/* Gestion du Roll Over */
.ongletsNav li:hover {
	background-position:0% -42px;
}
.ongletsNav li:hover span,
.ongletsNav li:hover a{
	display:block;
	background-position:100% -42px;
	color:#fff;
}

/* Gestion de l'etat On */
.ongletsNav .TabOn {
	display:block;
	background-position:0% -42px;
}

.ongletsNav .TabOn span,
.ongletsNav .TabOn span a {
	background-position:100% -42px;
	color:#fff;
}


li.IMCO {background:url("../images/tableft_imco.gif") no-repeat;}
li.IMCO span {background:url("../images/tabright_imco.gif")  no-repeat right top;}

li.IMRI {background:url("../images/tableft_imri.gif") no-repeat;}
li.IMRI span {background:url("../images/tabright_imri.gif") no-repeat right top;}

li.ICRP {background:url("../images/tableft_icrp.gif") no-repeat;}
li.ICRP span {background:url("../images/tabright_icrp.gif") no-repeat right top;}

li.IMTH {background:url("../images/tableft_imth.gif") no-repeat;}
li.IMTH span {background:url("../images/tabright_imth.gif") no-repeat right top;}

li.IALM {background:url("../images/tableft_ialm.gif") no-repeat;}
li.IALM span {background:url("../images/tabright_ialm.gif") no-repeat right top;}

li.ongletFixe {
	font: bold 11px Arial, Helvetica, sans-serif; color: #6B78A9;
	color:#fff;
	background-position:0% -42px;
}

li.ongletFixe span {
	background-position:100% -42px;
}


li.lienDur span {background-position:right top;}


              /* S I D E   B A R */

div#sidebar {
	color:#5e5e5e;
	float: right;
	width: 217px;
	border-top:solid 1px #898989;
}

div#contenuSidebar {
	padding:10px;
}

div#pictoFocus {
	float:left;
	margin:-1px 15px 10px 0;
}


div#sidebar ul {
	color:#5e5e5e;
}

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

div#sidebar p  {
	margin: 2px 0;
	color:#5e5e5e;
}

.cadrePhotoRightSidebar {
	float:left;
	width:130px !important;
	width:110px;
	font-size:11px;
	text-align:right;
	padding:5px;
	margin: 0 0 5px 5px;
	border:solid 1px #807557;
	background-color:#eee;
	color:#666;
}

a.lienGrisSidebar {
	color:#666;
}

/* Diaporama */
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	/*position: relative;*/
}



#fade-diaporama li {
	/*position: absolute;
	top: 0;
	left: 5px;*/
	width: 155px;
	visibility: hidden;
}


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

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


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

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

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

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


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

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


              /* F O O T E R */

div#footer {
	text-align: center; /* On centre le contenu */
	position: absolute;
	background-color:#fff;
	margin-top:50px;
	padding-top: 5px;
	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;
}

.imgAlignRight {
	float: right;
	margin: 0 0 5px 5px;
}

.imgAlignLeft {
	float: left;
	margin: 0 5px 5px 0;
}

.clear {
	clear:both;
}
.strong, a.strong {
	font-weight:bold;
}

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