/****************************************************
 * Style CSS *
 ****************************************************/ 
 
/* Definition des styles generaux du site */ 
body, label {
 font-family: "Lucida-sans", Verdana, sans-serif; 
 font-size: 10pt;

} 

.minheight {
 min-height: 700px;
 /* background-color: #f3f3f3; */
}
/*****************************************************************************/

/**
 *
 * DIVISIONS DE L'ECRAN
 *
 */

/* Partie laterale */
div.lateral {
 z-index: 1;
 margin: 0em 0em 0em 0em;
 height: 100%;
 width: 153px;
 top: 126px;
 left: 0em;
 position: absolute;
 background-image: url(http://www.tele.ucl.ac.be/img/menu/lateral2.png);
 background-repeat: repeat-y;
 text-align: center;
 color: white;
}
html>body div.lateral { position: fixed; }

/* Menu de naviguation */
div.menu {
 background-image: url(http://www.tele.ucl.ac.be/img/menu/menu2.png);
 background-repeat: repeat-y;
 text-align: center;
}

div.logo {
 z-index: 1;
 position: absolute;
 margin: 0em 0em 0em 0em;
 top: 0;
 left: 0;
}

html>body div.logo { position: fixed; }

/* Partie superieure de l'ecran */
.banniere { background-image: url(http://www.aische.be/images/bandeau.jpg); }

div.header {
 z-index: 2;
 margin: 0em 0em 0em 0em;
 top: -15px;
 position: relative;
 margin-left: 193px;
 height: 125px;
 background-image: url(http://www.tele.ucl.ac.be/img/menu/up2.png);
 background-repeat: repeat-x;
}

html>body div.header { position: fixed; margin-left: 195px; top: 0px; width: 79%; }

div.header {
 z-index: 2;
 margin: 0em 0em 0em 0em;
 top: -15px;
 position: relative;
 margin-left: 193px;
 height: 125px;
 background-image: url(http://www.tele.ucl.ac.be/img/menu/up2.png);
 background-repeat: repeat-x;
}

html>body div.header { position: fixed; margin-left: 195px; top: 0px; width: 79% }



/* Zone de titre */
div.title {
 text-align: left;
 height: 65px;
}

html>body div.title { margin-top: 10px; }

.non-imprime { }

.option1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #525A66;
}

.option2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 /* color: #88B3DE; */
 color: #7eaadb;
}

.essai {
 margin-top: 20px;
}

.bandeau-domaine {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 height: 14px;
 font-weight: bold;
 text-transform: uppercase;
}

a.bandeau-domaine:link, a.bandeau-domaine:visited, a.bandeau-domaine:hover {
 color: #2f3e7f;
 text-decoration: none;
}

/* Zone de recherche */
div.search {
 clear: none;
 /* float: right; */
 /* height: 5px; */
 /* text-align: right; */
 font-size: 85%;
 /* margin-right: 10px; */
 margin-top: 0px;
 /* vertical-align: middle; */
 /* margin-bottom : 10px; */
 /* color: white; */
 font-weight: normal;
}

html>body div.search { margin-top: 0px;}


/* Icone de choix de la langue */
div.langue {
 clear: none;
 float: left;
 margin-left: 10px;
 margin-top: 0px;
 margin-bottom : 0px;
}

html>body div.langue { margin-top: 0px;}

/* Contenu de la page */
div.content {
 position: relative;
 margin-left: 180px;
 text-align: justify;
 font-size: 10pt;
}

html>body div.content {
 /* padding-top: 125px; */
 font-size: 10pt;
}

/*****************************************************************************/

/**
 *
 * Paragraphes et divisions
 *
 */

div.titlediv {
 margin-top: 0pt;
 border-bottom: 1px solid #8E8989;
 /* position: relative; */
 /* FIXME: float: center; */
 width: 95%;
 text-align: left;
 font-size: 10pt;
 font-weight: bold;
 color: black;
}

div.photos {
 position: relative;
 /* FIXME: float: center; */
}

.desc {
 text-align: center;
 float: left;
 position: relative;
 height: 170px;
 width: 175px;
 border: 1px solid #9e9784;
}

div.cv {
 width: 94%;
 margin-left: 20px;
 font-size: 10pt;
}

div.detail {
 padding: 5px 5px 5px 5px;
 margin-top: 7px;
 width: 94%;
 height: 120px;
 border: 1px solid #8E8989;
 background-color: #EFEDED;
 text-align: left;
}

div.detailproj {
 padding: 5px 5px 5px 5px;
 margin-top: 17px;
 width: 94%;
 border: 1px solid #8E8989;
 background-color: #EFEDED;
 font-size: 10pt;
 text-align: left;

}

div.private {
 margin-top: 0pt;
 /* FIXME: float: center; */
 width: 95%;
 text-align: left;
}

div.job {
 width: 90%;
 text-align: left;
}
div.right { float: right; width: 300px; }

div.left { float: left; }

div.formdiv {
 padding: 5px 5px 5px 5px;
 width: 94%;
 border: 1px solid #9e9784;
 text-align: center;
 background-color: #EFEDED;
 font-size: 10pt;
 vertical-align: 50%;
}

div.form {
 padding: 5px 5px 5px 5px;
 width: 94%;
 border: 1px solid #9e9784;
 background-color: #EFEDED;
 text-align: left;
}

div.cont {
 position: relative;
 text-align: justify;
 font-size: 10pt;
}

div.cont2 {
 position: relative;
 text-align: justify;
 font-size: 10pt;
}


/*****************************************************************************/

/**
 *
 * Titres
 *
 */

/* Titre de niveau 1 */
h1 {
 text-align: center;
 color: white;
 font-size: 22px;
}

/* Titre de niveau 2 */
h2 {
 font-family: sans-serif;
 text-align: center;
 vertical-align: middle;
 font-size: 16px;
}
/* Titre de niveau 3 */
h3 {
 margin-top: 2px;
 font-size: 100%;
 text-align: center;
 vertical-align: top;
 font-size: 14px;
}

/* Titre de niveau 1b */
h1b {
 text-align: left;
 font-size: 22px;
}

/* Titre de niveau 2b */
h2b {
 font-family: sans-serif;
 text-align: left;
 vertical-align: middle;
 font-size: 16px;
}
/* Titre de niveau 3b */
h3b {
 margin-top: 2px;
 font-size: 100%;
 text-align: left;
 vertical-align: top;
 font-size: 14px;
}

/*****************************************************************************/

/**
 *
 * Listes
 *
 */
/*
ul, li {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
*/
li.menu {
 clear: both;
 margin-top: 5px;
 width: 150px;
 text-align: center;
 font-size: 12px;
 color: white;
}

li.ssmenu {
 color: black;
 text-align: center;
}

#smenu1, #smenu2, #smenu3, #smenu4 {
 display: none; /* Non visible par defaut */
 padding: 5px 0 5px 0;
 width: 150px;
}

ul.info {
 font-size: 90%;
 line-height: 15pt;
 margin-top: 5pt;
 padding: 0; /* fixed by Seb */
 text-align: left;
}

ul.bidon li { list-style-type: none; }

.info li {
 list-style-type: disc;
 list-style-position: inside;
 padding-left: 1.5em;
 font-size: 10pt;
}

/*****************************************************************************/

/**
 *
 * Liens
 *
 */

a {
 text-decoration: none;
 color: blue;
 font-size: 10pt;
}

a:hover { text-decoration: underline; }

a:active { text-decoration: underline; color: red; }

a:visited { color: blue; }

a.ssmenu {
 color: black;
 font-size: 10pt;
 text-align: center;
}

a.ssmenu:hover { color: red; font-weight: bold; }

a.link {
 padding: 0 2em;
 text-align: center;
 font-size: 10pt;
 text-decoration: none;
 margin: 0;
}

a.linksearch {
 white-space: nowrap;
 margin-left: 500px;
 text-align: center;
 font-size: 10pt;
 text-decoration: none;
 color: gray;
}

a.linksearch:visited {
 color: gray;
}

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

a.menu {
 color: white;
 font-size: 10pt;
}

a.italique { font-style: italic; }

a.titre { font-size: 100%; }


/*****************************************************************************/

/**
 *
 * Images
 *
 */

/* Pour toutes les images, on retire les bords et les marges */
img {
 border: 0em;
 margin: 0em 0em 0em 0em;
}

/* Image pour le choix de la langue du site */
img.langue {
 width: 30px;
 height: 25px;
}

/* Photo des membres du personnel */
img.photo {
 border: 2px double #8E8989;
 /* height: 110px; */
 width: 94px;
 float: left;
 margin-right: 1em;
}

/* Photo des membres "In Memoriam" */
img.photo2 {
 border: 2px double #8E8989;
 /* height: 110px; */
 width: 140px;
 /* FIXME: float: center; */
 margin-left: 0.5em;
}

img.map {
 border: 2px double #8E8989;
}

/* Image logo pdf */
img.pdf {
 width: 30px;
 /* height: 25px; */
 margin-top: 5pt;
}
/*****************************************************************************/

/**
 *
 * Bouton des differents formulaires
 *
 */
.button { font-size: 100%; }

.button_small {
 font-size: 90%;
 color: #000000;
 background-color: white;
}

.button:active {
 color: white;
 background-color: #03036A;
}

.button:hover,
.button_small:active,
.button_small:hover {
 color: white;
 background-color: #03036A;
}

/*****************************************************************************/

/* AUTRE */

.search {
 float: right;
 height: 5px;
 font-size: 85%;
 margin-right: 15px;
 vertical-align: middle;
 margin-top: -5px;
 color: white;
 font-weight: normal;
}

.searchtop {
 height: 5px;
 font-size: 85%;
 margin-right: 15px;
 vertical-align: middle;
 color: white;
 font-weight: normal;
}

.entree-boite {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 height: 17px;
 color: #525A66;
 background-color: #E1E9F6;
 border: 1px solid #88B3DE;
}

tr.info {
 width: 94%;
 margin-left: 10px;
 font-size: 10pt;
}

tr.info2 {
 width: 94%;
 font-size: 75%;
}

p.interligne2 { line-height: 80%; }

.small { font-size: 90%; }

.small2 { font-size: 95%; }

.small3 { font-size: 70%; color: #EFEDED; }

td.right { float: right; }

.center { text-align: center; }

.centerwelcome { text-align: center; width: 85%; }

.leftwelcome { text-align: left; width: 85%; }

hr.simple { float: left; width: 95%; }

hr.simplec { /* FIXME: float: center; */ width: 95%; }

span.rouge { color: red }

table.meeting { width: 98%; font-size: 90%; }

td.meeting {
 font-family: sans-serif;
 border: thin solid #8E8989;
 padding: 5px;
 text-align: center;
 background-color: #EFEDED;
}

th.meeting{
 font-family: sans-serif;
 border: thin solid #8E8989;
 text-align: center;
 padding: 5px;
 background-color: #CFCDCD;
}

table.course {
 width: 98%;
 font-size: 80%;
}

td.course {
 font-family: sans-serif;
 border: thin solid #8E8989;
 padding: 3px;
 text-align: center;
 background-color: #EFEDED;
}

th.course{
 font-size: 90%;
 font-family: sans-serif;
 border: thin solid #8E8989;
 text-align: center;
 padding: 1px;
 background-color: #CFCDCD;
}

table.publi {
 width: 98%; font-size: 80%;
}

td.publi {
 font-family: sans-serif;
 /* border: thin solid #8E8989; */
 /* padding: 0px; */
 text-align: center;
 background-color: #EFEDED;
 font-size: 80%;
}

td.publi2 {
 font-family: sans-serif;
 /* border: thin solid #8E8989; */
 /* padding: 0px; */
 text-align: right;
 background-color: #EFEDED;
 font-size: 80%;
}

th.publi {
 font-family: sans-serif;
 /* border: thin solid #8E8989; */
 text-align: center;
 /* padding: 0px; */
 background-color: #CFCDCD;
}

.side_menu {
 font-size: 10pt; /* fixed by Seb */
 color: #FFFFFF;
 text-align: center;
 vertical-align: middle;
 /* background: #5E81DF; */
 background: #8cb2df;
 width: 100%;
 height: 28px;
 padding: 0px 0px 0px 8px;
 text-decoration: none;
}

.side_menu_hover {
 text-align: center;
 vertical-align: middle;
 width: 100%;
 height: 28px;
 padding: 0px 0px 0px 8px;
 text-decoration: underline;
 color: #FFFF00;
 background: #2A2A90;
}

ul.menu {
 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0px 0px 0px 0px;
 list-style-type: none;
}

ul.menu li a {
 height: 28px;
 font-size: 10pt; /* fixed by Seb */
 line-height: 28px;
 display: block;
 text-decoration: none;
 text-align: center;
 background: #7eaadb;
 border-bottom: 1px solid #cdd9ef;

}

ul.menu li a:hover {
 color: #FFFF00;
 background: #f5f8fd;
}

ul.menu2 {
 margin: 0;
 padding: 0px 0px 0px 0px;
 list-style-type: none;
}

ul.menu2 li a {
 height: 28px;
 font-size: 10pt; /* fixed by Seb */
 line-height: 28px;
 display: block;
 text-decoration: none;
 text-align: center;
 background: #7eaadb;
 border-bottom: 1px solid #cdd9ef;
}

ul.menu2 li a:hover {
 color: #FFFF00;
 background: #f5f8fd;
 text-decoration: none;
}

div.sbulle {
 position: absolute;
 visibility: hidden;
 background: #ffa;
 padding: 4px;
 text-align: left;
 font-size: 80%;
 border: 1px solid #8E8989;
}

.fieldsettemp {
 font: 0.8em "Helvetica Neue", helvetica, arial, sans-serif;
 color: #666;
 background-color: #efefef;
 padding: 2px;
 border: solid 1px #d3d3d3;
 width: 60%;
}

.legendtemp {
 color: #666;
 font-weight: bold;
 font-variant: small-caps;
 background-color: #d3d3d3;
 padding: 2px 6px;
 margin-bottom: 8px;
}

.labeltemp {
 font-weight: bold;
 line-height: normal;
 text-align: left;
 margin-right: 10px;
 /* position: relative; */
 display: block;
 float: left;
 width: 225px;
 color: #666;
}

.labeltext {
 font: 1em "Helvetica Neue", helvetica, arial, sans-serif;
 color: #666;
}

.textbox { padding: .2em; }

.fieldtext { width: 20em; }

.fieldtemp {
 border-bottom: 1px dashed gray;
 width: 20em;
}

.center2 {
 text-align: center;
 background-color: #d3d3d3;
}

.conteneur-arrondi {
 padding: 0;
 width: 80%; /* determine la largeur de la boite contenue */
 float: left;
 /* margin: 1%; */
}

.conteneur-arrondi2 {
 padding: 0;
 width: 100%; /* determine la largeur de la boite contenue */
 float: left;
 /* margin: 1%; */
 margin: 0;
}

.un {
 background-color: #BFBFBF;
 margin: 0 4px;
 height: 1px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.deux {
 background-color: #cdd9ef;
 margin: 0 3px;
 height: 1px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.trois {
 background-color: #cdd9ef;
 margin: 0 2px;
 height: 2px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.quatre {
 background-color: #cdd9ef;
 margin: 0 1px;
 height: 2px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.centrearrondi {
 background-color: #cdd9ef;
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
 margin: 0 1px;
 padding: 0 2em;
 min-height: 150px; /* avec eventuellement une hauteur mini */
 height: auto!important;
 height: 150px;
}

.centrearrondi2 {
 background-color: #cdd9ef;
 border-left: 1px solid #BFBFBF;
 border-right: 1px solid #BFBFBF;
 border-bottom: 1px solid #cdd9ef;
 border-top: 0;
 margin: 0;
 padding: 0 1em;
 min-height: 150px; /* avec eventuellement une hauteur mini */
 height: auto!important;
 height: 150px;
}

.conteneur-arrondigroup {
 padding: 0;
 width: 100%; /* determine la largeur de la boite contenue */
 margin: 0;
}

.centrearrondigroup {
 border-left: 1px solid #BFBFBF;
 border-right: 1px solid #BFBFBF;
 border-top: 0;
 margin: 0 1px;
 padding: 10px 1em;
 height: 175px;
 background-color: #cdd9ef;
 border-bottom: 1px solid #cdd9ef;
}

.ungroup {
 background-color: #cdd9ef;
 margin: 0 4px;
 height: 1px;
 background-color: #BFBFBF;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.deuxgroup {
 background-color: #cdd9ef;
 margin: 0 3px;
 height: 1px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.troisgroup {
 background-color: #cdd9ef;
 margin: 0 2px;
 height: 2px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.quatregroup {
 background-color: #cdd9ef;
 margin: 0 1px;
 height: 2px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

/* Pied de page */
.pied-ligne {
 border-top: 1px solid #7eaadb;
}

.blink { text-decoration: blink; }

a.infobulles {
 position: relative;
 text-decoration: none;
 font-weight: bold;
 color: red;
}

a:visited.infobulles { color: red; }

a:hover.infobulles {
 text-decoration: none;
 background: none;
}

a.infobulles span { display: none; }

a:hover.infobulles span {
 display: inline;
 position: absolute;
 top: 1.5em;
 left: 0.5em;
 z-index: 20;
 background: #446D87;
 color: #fff;
 border: 1px solid #000;
 width: 400px;
 text-align: left;
 font-weight: normal;
 font-size: 10px;
 line-height: 12px;
 padding: 2px 4px;
}


/* Definition des boites des conjoints  c4ffc8 */ 

.centrearrondigroupc {
 background-color: #c4ffc8;
 border-left: 1px solid #BFBFBF;
 border-right: 1px solid #BFBFBF;
 border-bottom: 1px solid #c4ffc8;
 border-top: 0;
 margin: 0 1px;
 padding: 10px 1em;
 height: 175px;
}

.ungroupc {
 background-color: #c4ffc8;
 margin: 0 4px;
 height: 1px;
 background-color: #BFBFBF;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.deuxgroupc {
 background-color: #c4ffc8;
 margin: 0 3px;
 height: 1px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.troisgroupc {
 background-color: #c4ffc8;
 margin: 0 2px;
 height: 2px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.quatregroupc {
 background-color: #c4ffc8;
 margin: 0 1px;
 height: 2px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}
.centrearrondigroupi {
 background-color: #fffe94;
 border-left: 1px solid #BFBFBF;
 border-right: 1px solid #BFBFBF;
 border-bottom: 1px solid #fffe94;
 border-top: 0;
 margin: 0 1px;
 padding: 10px 1em;
 height: 175px;
}

.ungroupi {
 background-color: #fffe94;
 margin: 0 4px;
 height: 1px;
 background-color: #BFBFBF;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.deuxgroupi {
 background-color: #fffe94;
 margin: 0 3px;
 height: 1px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.troisgroupi {
 background-color: #fffe94;
 margin: 0 2px;
 height: 2px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}

.quatregroupi {
 background-color: #fffe94;
 margin: 0 1px;
 height: 2px;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #BFBFBF;
 border-top: 0;
 border-bottom: 0;
}
.traitg{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 20px;
}

.espaceg{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 20px;
}

.es5{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 5px;
}

.es10{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 10px;
}

.es20{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 20px;
}

.es25{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 25px;
}

.es50{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 50px;
}

.es75{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 75px;
}

.es100{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 100px;
}

.es150{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 150px;
}
.es200{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 200px;
}

.es250{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 250px;
}

.es500{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 500px;
}

.es750{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 750px;
}

.es1000{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 1000px;
}

.es1500{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 1500px;
}
.es2000{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 2000px;
}
.espacein{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 50px;
}

.lienvert{
 background-color: #000000;
 margin: 0 4px;
 height: 20px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1px;
}
.lienhori0-I{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1px;
}
.lienhoriI-II{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1200px;
}
.lienhoriII-III{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1200px;
}
.lienhoriIII-IV{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1685px;
}
.lienhoriIV-V{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1200px;
}
.lienhoriV-VI{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 2545px;
}
.lienhoriVI-VII{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1400px;
}
.lienhoriVII-VIII{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 3040px;
}
.lienhoriVIII-IXa{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 335px;
}
.lienhoriVIII-IX{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1950px;
}
.lienhoriIX-X{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 3065px;
}
.lienhoriX-XI{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1730px;
}
.lienhoriXI-XII{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 2500px;
}
.lienhoriXII-XIII{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1370px;
}
.lienhoriXIII-XIV{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 2925px;
}
.lienhoriXIV-XVa{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 2px;
}
.lienhoriXIV-XVb{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1475px;
}
.lienhoriXIV-XVc{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 675px;
}
.lienhoriXV-XVIa{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 675px;
}
.lienhoriXV-XVIb{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 543px;
}
.lienhoriXV-XVIc{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 385px;
}
.lienhoriXV-XVId{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 338px;
}
lienhorpart{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1725px;
}
.lienhoriXVI-XVII{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 175px;
}


.esvo{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: ;
}

.lblack{
 background-color: #000000;
 margin: 0 4px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: ;	
}

.es1{
 background-color: #ffffff;
 margin: 0 4px;
 height: 1px;
 background-color: #ffffff;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #ffffff;
 border-top: 0;
 border-bottom: 0;
 width: 1px;
}

/****************************************************** Liens noirs ****************************************************/

.eb5{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 5px;
}
.eb10{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 10px;
}
.eb20{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 20px;
}
.eb25{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 25px;
}
.eb50{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 50px;
}
.eb75{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 75px;
}
.eb100{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 100px;
}
.eb150{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 150px;
}
.eb200{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 200px;
}
.eb250{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 250px;
}
.eb500{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 500px;
}
.eb1000{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 1px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1000px;
}
.eb1500{
 background-color: #000000;
 margin: 0 0px;
 height: 1px;
 background-color: #000000;
 overflow: hidden; /* necessaire pour IE */
 border: 0px solid #000000;
 border-top: 0;
 border-bottom: 0;
 width: 1500px;
}

#gallery {
    list-style: none;
    padding: 0;
    text-align: left;
}

#gallery li {
    padding: 0;
    display: inline;
    margin: 5px;
}

#gallery a:hover {border: none;}

#gallery a img {border: none;}

#gallery a span {display:none;}

#gallery a:hover span {
    display: block;
    position: absolute;
    top: 50px;
    left: 25px;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(lb/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lb/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lb/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}