/********************************************************/
/* GÉNÉRAL*/
/********************************************************/
body {
	font-family : Verdana, Geneva, Arial, Helvetica;
	color:black;
	font-size : smaller;
	background-color: #F5F5F5;
	border:0; margin:0; padding:0;
	text-align:center;}
body.blanc {
font-family : Verdana, Geneva, Arial, Helvetica;
	color:black;
	font-size : smaller;
	background-color: white;
	border:0; margin:0; padding:0;
	text-align:center;}	
h1 {font-size:160%;}
p {text-align:justify;}
table {font-size: medium;}
a {color:#3D688D; font-weight:bold; text-decoration:underline; background-color:transparent;}
a:hover {color:#3D688D; font-weight:bold; text-decoration:none; background-color:transparent;}
a[href*="http"] {padding-right: 12px;background: transparent url("icones/lien_externe.gif") no-repeat center right;}
a.alt {text-decoration:none;}
a.alt:hover {text-decoration:underline;}
img {border:none;}
li {text-align:left;margin-bottom:0.5em;}
option.francophonie {font-weight:bold;color:blue;}

/***********************/
/*AUTRE MISE EN FORME SPÉCIFIQUE*/
/***********************/
b.exergue {color:red;font-size:110%}
ul.region {margin-left:-10px;}
ul.region li {
	list-style-image : url("icones/region.png");
	list-style-position:inside;
	margin-bottom:1em;}
li.presentation {list-style-image : url("icones/presentation.png");} 
li.nouvelle {list-style-image : url("icones/recherche.png");}
li.modifier {list-style-image : url("icones/modifier.png");}
img.intext {vertical-align:middle;}
img.api {vertical-align:middle;}
.aide {text-decoration:none;border:none;background-color:transparent;background: transparent url("icones/aide.png") no-repeat center right;}


div.presentation {width:768px;margin-left:auto;margin-right:auto;}
div.presentation p, div.presentation blockquote {text-align:justify}
div.contact {width:768px;margin-left:auto;margin-right:auto;text-align:left;}
div.contact img {vertical-align:middle;}
div.contact table {font-size:100%;width:100%;}
div.contact table td.nom {text-align:left}
div.contact table td.courriel {text-align:right}
div.contact table td.titrebase {text-align:center;font-weight:bold;font-size:120%;padding-top:2em;}
p.biblio {padding:0em 4em 0em 4em}
                                                
/***********************/
/*PIED DE PAGE DU SITE WEB*/
/***********************/                                                                                         
div#footer {
	color:black;
	font-size:70%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	clear:both;}

div#footer hr {width:350px;}

div#footer p {text-align:center;}
 
/***********************/
/*ENTETE DU SITE WEB*/
/***********************/
div.titrepage {padding:0px;width:100%;background-color:#3D688D;text-align:left;}
div.options {background-image:url('ligne_francophone.jpg');background-repeat:repeat-y;font-size:smaller;width:100%;background-color:black;color:white;}                   /*height:2em;padding:2px 0px 4px 0px;*/
div.options a {display:inline-block; font-weight:bold;color:white;text-decoration:none;background-color:black;margin-right:6px;padding:2px;}
div.options a:hover {font-weight:bold;color:white;text-decoration:none;background-color:#3D906E;}
div.options img {vertical-align:middle;}

 /***********************/
/*ENTETE SECONDAIRE*/
/***********************/
div.centre {width:768px;margin-left:auto;margin-right:auto;}
div.gauche {padding-left:10px;}
div.titrebdlp {text-align:left;}
div.titrebdlp h1.centre {text-align:center;}
div.titrebdlp p.consultation {font-weight:bold;margin-bottom:1em;}
div.titrebdlp table {text-align:center;margin-left:auto;margin-right:auto;font-size:100%;} 
div.titrebdlp table td {text-align:center;width:170px;}
div.titrebdlp div#lienfranco {text-align:center;margin-bottom:3em;}

/***********************/	
/* BUTTONS */
/* Source: http://particletree.com/features/rediscovering-the-button-element/*/
/***********************/
.centre {margin-left:auto;margin-right:auto;text-align:center;clear:both;}
.buttons a, .buttons button{
    display:inline;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */}
.buttons a {margin-right:12px;}
.buttons button{width:auto;overflow:visible;padding:4px 10px 3px 7px; /* IE6 */}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;}

/* STANDARD */
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;}

/* POSITIVE */
button.positive, .buttons a.positive{color:#529214;}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;}

/* NEGATIVE */
.buttons a.negative, button.negative{color:#d12f19;}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;}


/***********************/
/*COINS ARRONDIES      */
/***********************/
.rond_top	{
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  webkit-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
  -webkit-border-top-right-radius: 10px; /* pour Chrome */ } 
.rond	{
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  webkit-border-radius: 10px 10px 10px 10px;
  -khtml-border-radius: 10px 10px 10px 10px;}   
.rond_gauche	{
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  webkit-border-radius: 10px 0px 0px 10px;
  -khtml-border-radius: 10px 0px 0px 10px;
  -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
  -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ } 
    	
/***********************/
/*MENU DE SÉLECTION/NAVIGATION*/
/***********************/
div#menu_francophonie {display:none;clear:both;width:768px;margin-top:4px;margin-left:auto;margin-right:auto;}
div#menu_francophonie #contenu {padding-bottom:6px;padding-top:6px;background-color:#D2DEE8;border:2px solid #3D688D;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  webkit-border-radius: 0px 0px 10px 10px;
  -khtml-border-radius: 0px 0px 10px 10px;}
div#menu_francophonie #contenu table {text-align:center;margin-left:auto;margin-right:auto;font-size:100%; width:95%;} 
div#menu_francophonie #contenu table td {text-align:left;}
div#menu_francophonie #contenu p {text-align:center;font-size:85%;color:#3D688D}
div#menu_francophonie #contenu div#par_base {display:block;}
div#menu_francophonie #contenu div#par_zone {display:none;text-align:center;margin-left:auto;margin-right:auto;}
div#menu_francophonie #contenu div#par_zone img {border:none;}
div#menu_francophonie #barre {background-color:#3D688D;height:2.2em; font-size:70%;clear:both;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  webkit-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
  -webkit-border-top-right-radius: 10px; /* pour Chrome */ } 
div#menu_francophonie #barre div#fermer {margin-left:3px;margin-top:2px;float:left;text-align:left;}  
div#menu_francophonie #barre div#switch {float:right;text-align:right;margin-top:5px;margin-right:6px;}
div#menu_francophonie #barre div#switch a {text-decoration:none;color:white;font-weight:normal}
div#menu_francophonie #barre div#switch a:hover {text-decoration:none;color:black;font-weight:normal}

a.fermer {text-decoration:none;padding:0px 14px 5px 3px;border:none;background-color:transparent;background: transparent url("icones/fermer.png") no-repeat center right;}
a.fermer:hover {background: transparent url("icones/fermer2.png") no-repeat center right;}

div#verif {color:white; font-size:130%; background-color:red; width:100%; padding:4px 4px 4px 4px; font-weight:bold;}
div#verif a {font-size:60%;font-weight:normal;color:white;vertical-align:middle;}

/***********************/
/*FORMULAIRES DE RECHERCHE*/
/***********************/

div#simple {width:768px;margin:0px auto;}
div#avancee {width:768px;margin:0px auto;}

div#simple div.formulaire {color:white;background-color:#3D688D;padding-bottom:20px;padding-top:20px;clear:both;}

div#simple div.formulaire div.lexique {text-align:center;margin-left:auto;margin-right:auto;width:320px;margin-bottom:12px;}
div#simple div.formulaire div.lexique input {width:99%; margin-bottom:1px;}
div#simple div.formulaire div.lexique select {width:100%;}



div#simple div.formulaire div.navigateur {margin-top:8px; margin-bottom:26px; color:white; font-size:120%; font-weight:bold; margin-right:auto;margin-left:auto;text-align:center;}
div#simple div.formulaire div.navigateur a {color:white; text-decoration:none; background-color:#ADC1D2; padding:5px;}                                                                                                                                                                                    
div#simple div.formulaire div.navigateur a:hover {color:black; text-decoration:none; background-color:#8B96A0;}
div#simple div.formulaire div.navigateur a.courant {color:white; text-decoration:none; background-color:#8B96A0; padding:5px;}                                                                                                                                                                                    
div#simple div.formulaire div.note {margin-bottom:6px;}

div#avancee div.formulaire {color:white;font-weight:bold;background-color:#3D906E;padding:20px 0px 20px 0px;clear:both;}
div#avancee div.formulaire div#menu {margin-left:auto;margin-right:auto;width:95%;margin-bottom:16px;}
div#avancee div.formulaire div#menu div#rubriques {text-align:right;width:28%;float:left;}
div#avancee div.formulaire div#menu div#rubriques a {color:white;text-decoration:underline;background-color:transparent;}
div#avancee div.formulaire div#menu div#rubriques a:hover {color:black;text-decoration:none;background-color:transparent;}  
div#avancee div.formulaire div#menu div#rubriques div#lnk_mots {color:white;text-decoration:none;background-color:#ADD6C6;padding:3px 3px 5px 3px;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  webkit-border-radius: 10px 0px 0px 10px;
  -khtml-border-radius: 10px 0px 0px 10px;
  -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
  -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ }
div#avancee div.formulaire div#menu div#rubriques div#lnk_citations {color:white;text-decoration:none;background-color:#3D906E;padding:3px 3px 5px 3px;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  webkit-border-radius: 10px 0px 0px 10px;
  -khtml-border-radius: 10px 0px 0px 10px;
  -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
  -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ }
div#avancee div.formulaire div#menu div#rubriques div#lnk_marques {color:white;text-decoration:none;background-color:#3D906E;padding:3px 3px 5px 3px;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  webkit-border-radius: 10px 0px 0px 10px;
  -khtml-border-radius: 10px 0px 0px 10px;
  -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
  -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ }
div#avancee div.formulaire div#menu div#rubriques div#lnk_historique {color:white;text-decoration:none;background-color:#3D906E;padding:3px 3px 5px 3px;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  webkit-border-radius: 10px 0px 0px 10px;
  -khtml-border-radius: 10px 0px 0px 10px;
  -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
  -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ }
div#avancee div.formulaire div#menu div#rubriques div#lnk_semantique {color:white;text-decoration:none;background-color:#3D906E;padding:3px 3px 5px 3px;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  webkit-border-radius: 10px 0px 0px 10px;
  -khtml-border-radius: 10px 0px 0px 10px;
  -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
  -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ }
div#avancee div.formulaire div#menu div#rubriques div#lnk_geoling {color:white;text-decoration:none;background-color:#3D906E;padding:3px 3px 5px 3px;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  webkit-border-radius: 10px 0px 0px 10px;
  -khtml-border-radius: 10px 0px 0px 10px;
  -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
  -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ }
div#avancee div.formulaire div#menu div#rubriques div#lnk_critiquestatut {color:white;text-decoration:none;background-color:#3D906E;padding:3px 3px 5px 3px;
  border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  webkit-border-radius: 10px 0px 0px 10px;
  -khtml-border-radius: 10px 0px 0px 10px;
  -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
  -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ }
div#avancee div.formulaire div#menu div#champs {color:black;background-color:#C9EBDD;margin-left:28%;padding:12px;border:4px solid #ADD6C6;}

div#avancee div.formulaire div#menu div#champs table {text-align:right;font-size:100%;margin-left:auto;margin-right:auto;}
div#avancee div.formulaire div#menu div#champs table tr td.alt {text-align:left;}
div#avancee div.formulaire div#menu div#champs div#rubr_mots {display:block;}
div#avancee div.formulaire div#menu div#champs div#rubr_citations {display:none;}
div#avancee div.formulaire div#menu div#champs div#rubr_marques {display:none;}
div#avancee div.formulaire div#menu div#champs div#rubr_historique {display:none;}
div#avancee div.formulaire div#menu div#champs div#rubr_semantique {display:none;}
div#avancee div.formulaire div#menu div#champs div#rubr_geoling {display:none;}
div#avancee div.formulaire div#menu div#champs div#rubr_critiquestatut {display:none;}
div#avancee div.formulaire div#menu div#champs hr {width:80%}
div#avancee div.formulaire div#menu div#champs input {width:260px;color:black;margin-bottom:2px;}
div#avancee div.formulaire div#menu div#champs select {width:264px;margin-bottom:2px;}
div#avancee div.formulaire div#menu div#champs select#geoling {width:294px;margin-bottom:2px;}
div#avancee div.formulaire div#menu div#champs select.small {width:92px;margin-bottom:2px;}
div#avancee div.formulaire div#menu div#champs select#classe_conceptuelle {width:420px;margin-bottom:2px;}
div#avancee div.formulaire div#menu div#champs input.date {width:66px;margin-bottom:2px;}
div#avancee div.formulaire div#menu div#champs input.cocher {width:12px;margin:0px;margin-bottom:2px;}
              
/***********************/
/*DÉTAIL D'UNE VEDETTE*/
/***********************/
div#extra {clear:both;margin-left:27px;}
div#onglets {clear:both;margin-left:2px;}
div#ident {text-align:right;width:800px;font-size:80%;}
div#identv {text-align:right;width:800px;font-size:80%;color:red;font-weight:bold;}

div#fiche {width:800px;background:#E4F1EB;color:black;clear:both;padding-top:12px;margin-left:2px;}
div#fiche div#ouvrir {text-align:right;padding-right:12px;}
div#fiche div#top {padding:10px;}
div#fiche div.bottom {padding:10px;border-top:2px solid white;}
div#fiche div#commentaires {display:none;}
div#fiche div#citations {display:none;}
div#fiche div#renvois {display:none;}
div#fiche div#geoling {display:none;}
div#fiche div#metaling {display:none;}
div#fiche div#encyclopedie {display:none;}
div#fiche div#historique {display:none;}
div#fiche div#francophonie {background:#D2DEE8;display:none;}

div#fiche table {font-size:100%;color:black;width:100%;text-align:left;}
div#fiche table tr.rubrique {font-size:smaller;}
div#fiche table tr.rubrique td {text-align:left;color:white;padding:4px;background-color:#51A27D;border-right:3px solid #E4F1EB;font-weight:bold;}
div#fiche table tr.donnees td {text-align:left;vertical-align:top;border-left:4px solid #51A27D; padding:4px;} 
div#fiche table td#vedette {text-align:left;min-width:36%}
div#fiche table td#definition {text-align:left;width:auto;}
div#fiche table td#definition div#etat {text-align:right;width:100%;font-size:80%;}
div#fiche table td.variantes {text-align:left;border-top:3px solid #E4F1EB;}
div#fiche table td.bilan {text-align:left;border-top:3px solid #E4F1EB;}
div#fiche table td.bordure {text-align:left;border-top:3px solid #E4F1EB;}

div#fiche table#exemples td.reference {text-align:left;vertical-align:top; padding:4px; border:none;min-width:40%;}
div#fiche table#exemples td.citation {text-align:left;vertical-align:top;border-left:4px solid #51A27D; padding:4px; border-right:3px solid white;}
div#fiche table#exemples tr.ligne1 {text-align:left;vertical-align:top;border-left:4px solid #51A27D; padding:4px; background-color:#F1F8F5}
div#fiche table#exemples tr.ligne2 {text-align:left;vertical-align:top;border-left:4px solid #51A27D; padding:4px; background-color:#E4F1EB}

div#fiche table.t_francophonie {text-align:left;border-top:3px solid #D2DEE8;;font-size:100%;color:black;width:100%;}
div#fiche table.t_francophonie tr.titre {text-align:left;font-size:smaller;}
div#fiche table.t_francophonie tr.titre td {text-align:left;width:50%; color:white;padding:4px;background-color:#3D688D;border-right:3px solid #D2DEE8;font-weight:bold;}
div#fiche table.t_francophonie tr.donnees td {font-weight:normal;text-align:left;vertical-align:top;border-left:4px solid #3D688D; padding:4px;} 
div#fiche table.t_francophonie tr.donnees td.rubrique {text-align:left;font-weight:bold;text-align:left;background:#EAF0F5;border-right:3px solid #D2DEE8;vertical-align:top;border-left:4px solid #3D688D; padding:4px;}

/***********************/
/*ONGLETS
/***********************/
div.fiche_onglet {position:relative; width:auto;text-align:center;color:white;font-weight:bold;float:left;margin-right:6px;padding:4px 2px 2px 2px;}
div.fiche_onglet_alt {position:relative; width:auto;text-align:center;color:white;font-weight:bold;float:left;margin-right:6px;padding:4px 2px 3px 2px;font-size:smaller;line-height:1.6em;}
div.fiche_onglet_top {position:relative; width:auto;text-align:center;color:white;font-weight:bold;float:left;margin-right:6px;border-bottom:1px solid white;padding:4px 2px 2px 2px;}
div.onglet_inventaire {background:#E4F1EB;color:black;font-weight:bold;padding-left:8px;padding-right:8px; padding-bottom:3px;}
div.onglet_francophonie {background:#3D688D;font-weight:bold;padding-left:8px;padding-right:8px; padding-bottom:3px;}  
div.onglet_francophonie a{color:white;text-decoration:underline;}
div.onglet_autre {background:#51A27D;font-weight:bold;padding-left:8px;padding-right:8px; padding-bottom:3px;}  
div.onglet_autre a{color:white;text-decoration:underline;} 
div.onglet_simple  {width:178px;text-align:center;color:white;font-weight:bold;float:left;margin-right:6px;background:#3D688D; padding:6px 2px 6px 2px;}
div.onglet_simple a {color:white;text-decoration:underline;}
div.onglet_simple a:hover {color:black;background-color:transparent;text-decoration:none;}
div.onglet_avancee {width:178px;text-align:center;color:white;font-weight:bold;float:left;margin-right:6px;background:#3D906E; padding:6px 2px 6px 2px;}
div.onglet_avancee a {color:white;text-decoration:underline;}
div.onglet_avancee a:hover {color:black;background-color:transparent;text-decoration:none;}

/***********************/
/*TABLEAU DES RÉSULTATS*/
/***********************/
.simple {background-color:#3D688D;}
.avancee {background-color:#3D906E}

div.entete {text-align:left;padding:10px;font-weight:bold;color:white;width:auto;margin:0px 10px 0px 10px;}
div.resultats {margin:0px 10px 0px 10px;}

table#fiches tr {background-color:#F5F5F5;} 
table#fiches tr.ligne2simple {background-color:#E3EAEF;}
table#fiches tr.ligne2avancee {background-color:#E5F0EC;}

table#fiches {width:100%;font-size:100%;padding:3px;}
table#fiches tr {min-height:36px}
table#fiches tr td.num {width:36px;text-align:center;padding:3px;font-weight:bold;color:black;}
table#fiches tr td.nsens {width:36px;font-size:80%;text-align:center;padding:3px;font-weight:bold;color:black;background: transparent url("nosens.png") no-repeat center;}
table#fiches tr td.vedette {text-align:left;width:20%;padding:3px;color:black;border-right:1px solid #F5F5F5;height:42px;}
table#fiches tr td.prononciation {text-align:left;font-weight:bold;padding:3px;color:black;}
table#fiches tr td.sommaire {text-align:left;padding:3px;color:black;}
table#fiches tr td.inventaire {width:80px;padding:4px;text-align:center;font-weight:bold;color:black;}
                                                                                                  
/***********************/
/*INFO-BULLES*/
/***********************/ 
.ToolTextHelpIcon {position:relative;display:inline;} 
.ToolTextHelpIcon div {display: none;} 
.ToolTextHoverHelpIcon {position:relative;z-index:2;display:inline;} 
.ToolTextHoverHelpIcon div.contenu div.titre {background-color:#ADC1D2;width:auto;color:white;margin-bottom:2px;padding:1px 1px 1px 1px;font-weight:bold;}
.ToolTextHoverHelpIcon div.contenu{font-size:85%;display:block; position:absolute; border:1px solid #8B96A0; top:2em; left:-235px; width:470px;background-color:#F5F5F5; color:black;padding:5px 5px 5px 5px;text-align:justify;font-weight:normal;}

.ToolTextHelpIconUp {position:relative;display:inline;} 
.ToolTextHelpIconUp div {display: none;} 
.ToolTextHoverHelpIconUp {position:relative;z-index:3;display:inline;} 
.ToolTextHoverHelpIconUp div.contenu div.titre {background-color:#ADC1D2;width:auto;color:white;margin-bottom:2px;padding:1px 1px 1px 1px;font-weight:bold;}
.ToolTextHoverHelpIconUp div.contenu {font-size:85%;display:block; position:absolute; border:1px solid #8B96A0; bottom:1.5em; left:-8em; width:470px;background-color:#F5F5F5; color:black;padding:5px 5px 5px 5px;text-align:justify;font-weight:normal;}

.ToolTextWide, .ToolTextWideUp {position:relative;text-decoration:underline;width:auto;display:inline;} 
.ToolTextWide div, .ToolTextWideUp div {display: none;} 
.ToolTextHoverWide, .ToolTextHoverWideUp {position:relative;z-index:1;display:inline;} 
.ToolTextHoverWide div.contenu {z-index:3; display:block; position:absolute; border:1px solid #145596; top:1.2em; left:-5em; width:440px;background-color:#F5F5F5; color:black;padding:5px 5px 5px 5px;text-align:justify;font-weight:normal;} 
.ToolTextHoverWide div.contenu div.titre, .ToolTextHoverWideUp div.contenu div.titre {background-color:#9cb8d3;width:auto;color:white;margin-bottom:2px;padding:1px 1px 1px 1px;font-weight:bold;}
.ToolTextHoverWideUp div.contenu {z-index:3; display:block; position:absolute; border:1px solid #145596;bottom:0.75em; left:-5em; width:440px;background-color:#F5F5F5; color:black;padding:5px 5px 5px 5px;text-align:justify;font-weight:normal;}