/*******************************************/
									/*    Styles personnalisés ESG-EDU.COM     */
									/*******************************************/

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

         /*  B O D Y  */
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 */
	font: normal 12px Arial, Helvetica, sans-serif;
}
html, body {
	margin:0;
	padding:0;
}

body {
	text-align: center; /* pour corriger le bug de centrage IE */
}

#global {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* on rétablit l'alignement normal du texte */
	color: #4b4b4b;
}

a {
	color:#36f;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	font-family:
}

              /* H E A D E R */
			  
#header {
	width: 950px;
}

/*  M E N U   D O C K  */
.dock {
	position: relative; 
	margin-top: 13px;
}
.dock-container {
	position: absolute;
}
a.dock-item {
	display: block;
	width: 40px;
	position: absolute;
	font-size:12px;
	text-align: center;
	text-decoration: none;
	color: #4b4b4b;
	font-weight: bold;
}
.dock-item img {
	border: none;
	width: 100%;
}
.dock-item span {
	display: none;
	padding-left: 20px;
}


              /* C E N T E R */

div#center {
	width: 950px;
	margin-top: 270px;
}

              /* C O N T E N T */

div#content {
	float: left;
	width: 710px;
	display: inline;
}

#filAriane {
	padding: 3px 10px;
	width: 690px !important;
	width: 710px;
	height: 16px !important;
	height: 22px;
	margin-bottom: 15px;
	background: url(../images/fd_fil-ariane.gif) no-repeat;
}
#filAriane a, #filAriane a:visited { color:#4b4b4b; font-weight:bold; text-decoration:none; }
#filAriane a:hover { text-decoration:underline; }

#outilsTopSidebar {
	padding: 3px 10px;
	width: 210px !important;
	width: 230px;
	height: 16px !important;
	height: 22px;
	margin-bottom: 15px !important;
	margin-bottom: 12px;
	text-align: right;
	font-size: 10px;
	color: #787878;
}

#outilsTopSidebar img {
	margin-left:20px;
}

.barreSeparation {
	margin: 0 15px 0 10px;
	background-color: #dadada;
}

#decreaseFont, 
#decreaseFont:visited {
	font-size: 13px;
	font-weight: bold;
	color: #787878;
	text-decoration: none;
	cursor:pointer;
}

#increaseFont, 
#increaseFont:visited {
	font-size: 18px;
	font-weight: bold;
	color: #787878;
	text-decoration: none;
	cursor:pointer;
}

#decreaseFont:hover,
#increaseFont:hover {
	text-decoration: underline;
}

/*   C O L O N N E S   E T   M O D U L E S   */


.colonneGauche,
.colonneCentre,
.colonneDroite {
	float:left;
}

.colonneCentre,
.colonneDroite {
	margin-left: 10px;
}

.largeur1col {
	width: 230px;
}

.largeur2col {
	width: 470px;
}

.module1 .coinHautGaucheModule { background:url(../images/fd_coin-haut-gauche-module-1.gif) no-repeat #fff; }
.module1 .fdHautModule { background:url(../images/fd_haut-module-1.gif) repeat-x; }
.module1 .coinHautDroitModule { background:url(../images/fd_coin-haut-droit-module-1.gif) no-repeat #fff; }
.module1 .coinBasGaucheModule { background:url(../images/fd_coin-bas-gauche-module-1.gif) no-repeat #fff; }
.module1 .fdBasModule { background:url(../images/fd_bas-module-1.gif) repeat-x; }
.module1 .coinBasDroitModule { background:url(../images/fd_coin-bas-droit-module-1.gif) no-repeat #fff; }

.module2 .coinHautGaucheModule { display:none; }
.module2 .fdHautModule { display:none; }
.module2 .coinHautDroitModule { display:none; }
.module2 .coinBasGaucheModule { background:url(../images/fd_coin-bas-gauche-module-2.gif) no-repeat #fff; }
.module2 .fdBasModule { background:url(../images/fd_bas-module-2.gif) repeat-x; }
.module2 .coinBasDroitModule { background:url(../images/fd_coin-bas-droit-module-2.gif) no-repeat #fff; }

.module3 .coinHautGaucheModule { display:none; }
.module3 .fdHautModule { display:none; }
.module3 .coinHautDroitModule { display:none; }
.module3 .coinBasGaucheModule { background:url(../images/fd_coin-bas-gauche-module-3.gif) no-repeat #fff; }
.module3 .fdBasModule { background:url(../images/fd_bas-module-3.gif) repeat-x; }
.module3 .coinBasDroitModule { background:url(../images/fd_coin-bas-droit-module-3.gif) no-repeat #fff; }

.coinHautGaucheModule {
	float:left;
	font-size:1px; /* Pour ie6 : évite d'exploser la hauteur de la div */
	width:7px;
	height:7px;
	position:relative;
	top:0;
	left:0;
	z-index:1; /* Utile uniquement pour FireFox */
}

.fdHautModule {
	float:left;
	font-size:1px; /* Pour ie6 : évite d'exploser la hauteur de la div */
	height:7px;
	position:relative;
	top:0;
	left:0;
	z-index:1; /* Utile uniquement pour FireFox */
}

.coinHautDroitModule {
	float:left;
	font-size:1px; /* Pour ie6 : évite d'exploser la hauteur de la div */
	width:7px;
	height:7px;
	position:relative;
	top:0;
	right:0;
	z-index:1; /* Utile uniquement pour FireFox */
}

.coinBasGaucheModule {
	float:left;
	font-size:1px; /* Pour ie6 : évite d'exploser la hauteur de la div */
	width:7px;
	height:10px;
	position:relative;
	bottom:0;
	left:0;
	z-index:1; /* Utile uniquement pour FireFox */
}

.fdBasModule {
	float:left;
	font-size:1px; /* Pour ie6 : évite d'exploser la hauteur de la div */
	height:10px;
	position:relative;
	bottom:0;
	left:0;
	z-index:1; /* Utile uniquement pour FireFox */
}

.coinBasDroitModule {
	float:left;
	font-size:1px; /* Pour ie6 : évite d'exploser la hauteur de la div */
	width:7px;
	height:10px;
	position:relative;
	bottom:0;
	right:0;
	z-index:1; /* Utile uniquement pour FireFox */
}

.moduleTop {
	position: relative;
	padding: 10px 10px 0px 10px;
	font-size: 18px;
	font-weight: bold;
	background-color: #f6f6f6;
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	cursor:pointer;
}

.moduleTop h1{
	font-size:18px;
	font-weight: bold;
	margin:0;
	padding:0;
}


.moduleCenter {
	padding: 10px;
	background-color: #f6f6f6;
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
}

.moduleTop .boutonOpenCloseModule {
	position: absolute;
	top: 15px;
	right: 10px;
	cursor:pointer;
}

/* Module de 1 colonne */

.moduleSmall {
	width: 230px;
	margin-bottom: 15px;
}

.moduleSmall .fdHautModule, .moduleSmall .fdBasModule {
	width:216px;
}

.moduleSmall .moduleTop, .moduleSmall .moduleCenter {
	width: 208px !important;
	width: 230px;
}

/* Module de 2 colonnes */
.moduleMedium {
	width: 470px;
	margin-bottom: 15px;
}

.moduleMedium .fdHautModule, .moduleMedium .fdBasModule {
	width:456px;
}

.moduleMedium .moduleTop, .moduleMedium .moduleCenter {
	width: 448px !important;
	width: 470px;
}

/* Module de 3 colonnes */
.moduleBig {
	width: 710px;
	margin-bottom: 15px;
}

.moduleBig .fdHautModule, .moduleBig .fdBasModule {
	width:696px;
}

.moduleBig .moduleTop, .moduleBig .moduleCenter {
	width: 688px !important;
	width: 710px;
}


/* Les modules de type 2 et 3 n'existent qu'en small */
.module2 .moduleTop { background:url(../images/fd_haut-module-2.gif) no-repeat; border:0; width: 210px !important; width: 230px; height: 30px !important; height: 40px; }
.module3 .moduleTop { background:url(../images/fd_haut-module-3.gif) no-repeat; border:0; width: 210px !important; width: 230px; height: 30px !important; height: 40px; }


.traitSeparationModule {
	display: block;
	height: 1px;
	margin-top: 10px;
	font-size: 1px;
	line-height:1px;
}

p.traitSeparationModule {
	margin:7px 0;
	padding:0;
}

.module3 .traitSeparationModule {
	display:none;
}

.moduleSmall .traitSeparationModule {
	width: 208px;
	background: url(../images/fd_trait-separation-module-small.gif) no-repeat;
}

.moduleMedium .traitSeparationModule {
	width: 448px;
	background: url(../images/fd_trait-separation-module-medium.gif) no-repeat;
}

.moduleBig .traitSeparationModule {
	width: 688px;
	background: url(../images/fd_trait-separation-module-big.gif) no-repeat;
}
/*   F I N   C O L O N N E S   E T   M O D U L E S   */


h1, h1 a, .texteBig, .texteBig a {
	font-size:16px;
	font-weight:normal;
	color:#648eb6;
}

h2 {
	font-size:14px;
}

h3 {
	font-size:13px;
}

.CarouselNext, .CarouselPrev {
	float:left;
	cursor:pointer;
}
.carousel {
	height:103px;
	float:left;
	background:url(../images/fd_carousel.png) repeat-x;
	margin:auto !important;
	margin:0 -3px;
}

.carousel li {
	margin: 13px 7px !important;
	margin: 15px 7px;
	border:solid 1px #6d6d6d;
	height:75px !important;
	height:77px;
	width:75px !important;
	width:77px;
}

.CarouselTvNext, .CarouselTvPrev {
	float:left;
	cursor:pointer;
	margin-top:102px;
}

.CarouselTvNext {
	margin-left:5px !important;
	margin-left:12px;
}

.CarouselTvPrev {
	margin-right:5px !important;
	margin-right:0;
}

.carouselTv {
	float:left;
	margin:auto !important;
	margin:0 -3px;
	height:auto !important;
	height:160px; /* Sans ce paramètre, ie6 met automatiquement un hauteur d'environ 400px */
}

.carouselTv li {
	margin: 13px 7px;
	position:relative;
	width:120px !important;
	width:122px;
}

.carouselTv li img.pictoLecture {
	position: absolute;
	top:47px;
	right:15px;
}

.carouselTv li span {
	display:block;
	padding:2px 8px;
	font-size:11px;
	font-weight:bold;
	color:#00adef;
	background:url(../images/fd_titre-video-carousel.png) repeat-x !important;
	background-image:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fd_titre-video-carousel.png', sizingMethod='scale');
	width:104px!important;
	width:120px;
	height:45px;
}

.carouselTv li a:hover {
	text-decoration:none;
	cursor:pointer;
}

.carouselTvNew, .carouselTvNewPrev, .carouselTvNewNext {
	float:left;
	cursor:pointer;
}

#listRubriquesVideos {
	float:right;
}

.accordionRubriquesVideosContainer {
	background-color:#00adef;
	width:235px;
	padding:5px;
	margin:0 0 -14px 0;
}

.accordionRubriquesVideosContainer:hover, #listRubriquesVideos div.selected { /* On ajoute #listRubriquesVideos pour cibler plus précisément et éviter des problèmes potententiels sur le reste du site */
	background-color:#a8a8a8;
}

.accordionRubriquesVideosContainer div {
	padding-left:10px;
}

.accordionRubriquesVideosContainer div a {
	color:#3f3f3f;
	font-size:11px;
}

.accordionRubriquesVideos {
	color:#fff;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
}

.accordionRubriquesVideos:hover {
	text-decoration:none;
}

.carouselTvContainer {
	width:188px;
	height:120px;
	border:solid 1px #999;
	padding:3px 2px;
}

.carouselTvTextContainer {
	width:176px;
	height:55px;
	margin-top:7px;
	padding:6px 8px;
	border:solid 1px #999;
	color:#00adef;
	font-size:14px;
	font-weight:bold;
	background:url(../images/fd_carousel-tv-text.gif) repeat-x top #fff;
}

.carouselTvNew li {
	position:relative;
	margin:0 2px;
}

.carouselTvNewText li {
	width:170px;
	height:50px;
}

img.screen {
	border:solid #373737;
	border-width:5px 10px;
}

img.pictoLecture {
	position: absolute;
	bottom:15px;
	right:15px;
}

img.pictoLectureVimeo {
	position: absolute;
	bottom:10px;
	left:5px;
}

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

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

.lienTexte, .lienTexte:visited {
	color: #4b4b4b;
	text-decoration: none;
}

.lienTexte:hover {
	text-decoration: underline;
}

a.smallLink, smallTexte {
	font-size:10px;
}

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

table {
	border-collapse: collapse;
	font: normal 12px Arial, Helvetica, sans-serif; /* Pour ie 6 */
}

th {
	background-color: #4b4b4b;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
	border-right: 1px solid #fff;
}

td {
	padding: 5px 11px;
	border-bottom: 1px solid #95bce2;
}

tr.alt td { /* style donné en "dynamique" pour coloré une ligne sur deux par jquery (cf fichier "inc_code-config-javascript.php") */
	background-color: #ecf6fc;
}

a.itemAccordeonIncomingStudents {
	cursor:pointer;
}

a.itemAccordeonIncomingStudents:hover h1 {
	text-decoration:underline;
}

.galeriePhoto {
	border: solid 8px #333;
}

.imgTopHabillageTV, #containerVideo {
	margin-bottom: auto !important;
	margin-bottom:-3px;
}



#containerVideo {
	background:url(../images/fd_module-tv.gif) repeat-x bottom;
}

#titreVideo {
	display:block;
	width:400px !important;
	width:688px;
	padding:0 144px 5px;
	margin:0;
	color:#00adef;
	font-size:18px;
	font-weight:bold;
	background-color: #373737;
}

#tabContainer {
	margin-top:10px;
}

.btnShowHide { /* Bouton pour masquer ou afficher un texte (cf Mot du directeur sur la Home) */
	cursor:pointer;
}

.thumbnailScreen {
	width:120px;
	float:left;
	margin:0 10px 10px 0;
	cursor:pointer;
}

.thumbnailScreen img {
	background-color: #373737;
	padding:5px 10px;
}

.thumbnailScreen p {
	padding-left:5px;
	margin:0;
	font-weight:bold;
	font-size:11px;
	color:#00adef;
}


              /* S T Y L E S   P R O P R E S   A   C H A Q U E   R U B R I Q U E */

/* Rubrique Programs */
.rubriqueProgrammes .module1 .moduleTop {
	color:#8eb7be;
}
.rubriqueProgrammes .module3 .moduleTop {
	color:#abdde5;
}
.rubriqueProgrammes h1, .rubriqueProgrammes h2, .rubriqueProgrammes h3, .rubriqueProgrammes .couleurRubrique, .rubriqueProgrammes .texteBig, .rubriqueProgrammes .texteBig a {
	color:#739399;
}


/* Rubrique Admission (Concours) */
.rubriqueConcours .module1 .moduleTop {
	color:#28b5cc;
}
.rubriqueConcours .module3 .moduleTop {
	color:#32e0fb;
}
.rubriqueConcours h1, .rubriqueConcours h2, .rubriqueConcours h3, .rubriqueConcours .couleurRubrique, .rubriqueConcours .texteBig, .rubriqueConcours .texteBig a {
	color:#28b5cc;
}


/* Rubrique International */
.rubriqueInternational .module1 .moduleTop {
	color:#63998c;
}
.rubriqueInternational .module3 .moduleTop {
	color:#79d4c2;
}
.rubriqueInternational h1, .rubriqueInternational h2, .rubriqueInternational h3, .rubriqueInternational .couleurRubrique, .rubriqueInternational .texteBig, .rubriqueInternational .texteBig a {
	color:#63998c;
}


/* Rubrique Faculty (Enseignants) */
.rubriqueEnseignants .module1 .moduleTop {
	color:#519797;
}
.rubriqueEnseignants .module3 .moduleTop {
	color:#67bdbe;
}
.rubriqueEnseignants h1, .rubriqueEnseignants h2, .rubriqueEnseignants h3, .rubriqueEnseignants .couleurRubrique, .rubriqueEnseignants .texteBig, .rubriqueEnseignants .texteBig a {
	color:#519797;
}
.rubriqueEnseignants h3 {
	margin-bottom:0;
}


/* Rubrique Recherche */
.rubriqueRecherche .module1 .moduleTop {
	color:#8786b3;
}
.rubriqueRecherche .module3 .moduleTop {
	color:#adace6;
}
.rubriqueRecherche h1, .rubriqueRecherche h2, .rubriqueRecherche h3, .rubriqueRecherche .couleurRubrique, .rubriqueRecherche .texteBig, .rubriqueRecherche .texteBig a {
	color:#69688c;
}


/* Rubrique Faculty (Anciens et Entreprises) */
.rubriqueAnciens .module1 .moduleTop, .rubriqueEntreprises .module1 .moduleTop {
	color:#a5507a;
}
.rubriqueAnciens .module3 .moduleTop, .rubriqueEntreprises .module3 .moduleTop {
	color:#fe7bbf;
}
.rubriqueAnciens h1, .rubriqueAnciens h2, .rubriqueAnciens h3, .rubriqueAnciens .couleurRubrique, .rubriqueAnciens .texteBig, .rubriqueAnciens .texteBig a, .rubriqueEntreprises h1, .rubriqueEntreprises h2, .rubriqueEntreprises h3, .rubriqueEntreprises .couleurRubrique, .rubriqueEntreprises .texteBig, .rubriqueEntreprises .texteBig a {
	color:#a5507a;
}


/* Rubrique Contact */
.rubriqueContact .module1 .moduleTop {
	color:#ff6600;
}
.rubriqueContact .module3 .moduleTop {
	color:#f2a815;
}
.rubriqueContact h1, .rubriqueContact h2, .rubriqueContact h3, .rubriqueContact .couleurRubrique {
	color:#ff6600;
}


              /* S I D E   B A R */

div#sidebar {
	float: right;
	width: 230px;
}

ul.menuRubrique  {
	margin:0;
	padding:0;
	border-top:solid 1px #aeaeae;
	list-style: outside;
}

.menuRubrique a, .menuRubrique span {
	text-decoration:none;
	color:#333333;
	padding-left:8px;
}

.menuRubrique a:hover {
	display:block;
	background-color:#e3e3e3;
	text-decoration:none;
}

.menuRubrique li {
	border-bottom:solid 1px #aeaeae;
	list-style:none;
	font-size: 14px;
	line-height:2.5em;
	margin:0;
	padding:0;
}

.menuRubrique li a, .menuRubrique li a:hover { /* Style uniquement pour ie 6 */
	height:auto !important;
	height:35px;
	padding-top:0 !important;
	padding-top:10px;
}


              /* F O O T E R */
			  
#footer {
	text-align:center;
}		
	  



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


.imgBorder {
	border: solid 1px #4b4b4b;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

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

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

.divAlignRight {
	float: right;
	margin: 0 0 10px 10px;
}

.divAlignLeft {
	float: left;
	margin: 0 10px 10px 0;
}

.clear {
	clear: both;
}

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

.corpsSup {
	font-size:1.2em;
}

.marginLeft10px {
	margin-left: 10px;
}

.w220px {
	width:220px;
}

.w320px {
	width:320px;
}

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