/*************************************************/
									/*      Styles personnalisés Udiscover ESG       */
									/*************************************************/

@import url("http://www.pole-esg.fr/css/jquery.lightbox-0.5.css"); /* On importe la feuille du script Lightbox */


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


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


              /* C O N T E N T */

div#content {
	margin-top:40px;
	float: left;
	width: 710px;
	display: inline;
}

#menuHorizontal {
	padding: 5px 0 0 40px;
	width: 670px;
	height: 27px;
	margin-bottom: 15px;
	background: url(../images/fd_menu_horizontal.gif) no-repeat;
	font-size:16px;
}

#menuHorizontal a, #menuHorizontal a:visited {
	color:#737373;
	font-weight:bold;
	text-decoration:none;
	margin-right:40px;
}

#menuHorizontal a:hover, #menuHorizontal a.menuHover {
	color:#004489;
}

/* STYLES pour MENU */

.menuAnime {
	position: relative;
	overflow: hidden;
	padding: 5px 0 0 30px;
	width: 680px;
	height: 40px;
	background: url(../images/fd_menu_horizontal.gif) no-repeat;
	font-size:16px;
	margin-left:0; /* Seulement pour ie */
}

.menuAnime li {
	float: left;
	list-style: none;
	margin-right:25px;
}

.menuAnime li.back {
	border-bottom: 3px solid #737373;
	width: 9px;
	height: 20px !important;
	height: 0;
	z-index: 8;
	position: absolute;
}

.menuAnime li a {
	text-decoration: none;
	color: #737373;
	font-weight:bold;
	z-index: 10;
	display: block;
	float: left;
	position: relative;
	margin: auto 10px;
}   

.menuAnime li a:hover, .menuAnime li a:active, .menuAnime li a:visited {
	border: none;
	text-decoration: none;
}

#outilsTopSidebar {
	background: url(../images/fd_outils-sidebar.gif) no-repeat;
	padding: 8px 0 0 11px;
	width: 219px;
	height: 24px;
	margin-bottom: 15px;
}

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


/*   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;
	color:#004489;
}

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

.moduleBig .moduleTop h1{
	width:650px;
}

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

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

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

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

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

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

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


/* 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; height: 30px; }
.module3 .moduleTop { background:url(../images/fd_haut-module-3.gif) no-repeat; border:0; width: 210px; height: 30px; color:#d1e8ff; }


.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 {
	font-size:17px;
	font-weight:normal;
	color:#004489;
}

h2, h2 a {
	font-size:14px;
	color:#004489;
}

h3, h3 a {
	font-size:13px;
	color:#004489;
}

.titreParagraphe { /* Meme style qu'un h2 */
	font-size:14px;
	font-weight:bold;
	color:#004489;
}

.D4 { color:#8fb8bf; } /* Decouverte de Soi */
.D2 { color:#29b6ce; } /* Decouverte des Autres */
.D1 { color:#63998e; } /* Decouverte Culturelle et religieuse */
.D5 { color:#539899; } /* Decouverte institutionnelle */
.D3 { color:#908fbf; } /* Decouverte des metiers et comportements */
.D6 { color:#a6517b; } /* Decouverte internationale */
.D7 { color:#ed7e15; } /* Innovation et decouverte */

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

li.puceD1 {list-style-image:  url(../images/puce_d1.gif);}
li.puceD2 {list-style-image:  url(../images/puce_d2.gif);}
li.puceD3 {list-style-image:  url(../images/puce_d3.gif);}
li.puceD4 {list-style-image:  url(../images/puce_d4.gif);}
li.puceD5 {list-style-image:  url(../images/puce_d5.gif);}
li.puceD6 {list-style-image:  url(../images/puce_d6.gif);}
li.puceD7 {list-style-image:  url(../images/puce_d7.gif);}

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

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

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

.imgFloat {
	float:left;
	margin-right:5px;
	border: solid 1px #4b4b4b;
	}

              /* S I D E   B A R */

div#sidebar {
	margin-top:40px;
	float: right;
	width: 230px;
}

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

.menuDecouvertes a, .menuDecouvertes span {
	text-decoration:none;
	color:#333333;
	padding-left:0;
}

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

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

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

#calendar {
	margin:15px 0;
}


              /* F O O T E R */
			  
#footer {
	text-align:center;
}		
	  
#footer a {
	color:#4b4b4b;
	text-decoration:none;
}	
	  
#footer a:hover {
	text-decoration:underline;
}	
	  
#footer p {
	margin:5px 0 !important;
	margin:5px 0 0 0;
	padding:0;
}	


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

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

/* Formatage des champs de formulaires en cas d'erreur de saisie */

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


/* S T Y L E S   A D M I N I S T R A T I O N   P F A   */


/* PFA */

table.adm {width : 100%; margin :10px 0; text-align : left; background-color:#fff;}
table.adm td {padding-left:5px;}


/* div.center {padding-bottom:50px} Important pour que le bouton "valider" ne passe pas sous le footer */
p.center {margin-top:270px;}


/* ADMIN */

.admtitle {background : #555; font-family : Helvetica, Arial, serif; font-weight:bold; font-size : 13px; color : #fff;}

.adm1 {background : #fff; font-family : Helvetica, Arial, serif; font-size : 13px; color : #000;}

.adm2 {background : #eee; font-family : Helvetica, Arial, serif; font-size : 13px; color : #000;}

.admin {font-family : Helvetica, Arial, serif; font-size : 15px; color : #000; font-weight : bold; background : transparent;}

ul.arbo td.img {cursor: pointer; width: 16px;}

ul.arbo, ul.arbo ul {text-align: left; list-style-type:none;}

ul.arbo li {list-style-type:none; list-style-image: none; margin-left: -20px;}

ul.arbo ul {display:none;}

ul.arbo td.name {width:250px;}

.noborder {border:solid 0px;}

/* DIRECTORY */

.vote {margin : auto; width : 150px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center; vertical-align : middle;}

.sublink {margin : auto; width : 550px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center;}

.categ {text-align : left; vertical-align : top; width : 100%;}

.titre {font-family :Helvetica, Arial, serif; font-size : 13px; background : #ffffff; color : #000; text-align : left;}

.cat {font-family : Helvetica, Arial, serif; font-size : 13px; background : #ffe8cf; color : #000; text-align : left;}



.nbsouscat {font-family : Helvetica, Arial, serif; font-size : 9px; color : #A2BCD6; font-weight : normal; background : transparent;}

.nbcat {font-family : Helvetica, Arial, serif; font-size : 10px; color : #A2BCD6; font-weight : normal; background : transparent;}

.help {font-family : Helvetica, Arial, serif; font-size : 13px; color : #006699; font-weight : normal; background : transparent;}

.obfield {font-family : Helvetica, Arial, serif; font-size : 13px; color : #000; font-weight : bold; background : transparent;}

.keywords {font-family : Arial, serif; font-size : 13px; color : red; font-weight : bold; background : transparent;}

.search {margin : auto; text-align : center; font-size : 14px; width : 100%;}

.error {font-family : Helvetica, Arial, serif; font-size : 18px; color : #ff0000; font-weight : bold; background : transparent;}

.tmp {font-size : 10px; text-align : center; display:none;}

.title {text-align: center; font-family : Helvetica, Arial, serif; font-size : 18px; color : #000;}



.newsletter {margin : auto; width : 200px; height : 100px; text-align : center; vertical-align : middle;}

.transfer {margin-top : 10px; width : 250px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center;}

.submsg {margin : auto; width : 350px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center;}

.tbmsg {margin : auto; text-align : center; font-size : 14px; width : 90%; }

.tbimg {margin : auto; text-align : center; font-size : 14px; width : 600px;}

.imgbrowser {border: solid 1px #FFCC66; margin: auto; text-align: center; font-size: 14px; width: 600px;}

.msg {text-align : right;}

.authart {text-align : right; margin-top : 20px;}

.article {text-align : justify;}

.title_img1 {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 20px; color : #000; text-align: center;}

.title_img2 {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 16px; color : #000; text-align: center;}

.empty {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 17px; color : #000; background : transparent;}