body, td, textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
img {
  border:medium none;
  vertical-align:middle; 
}

/*-------------------------------------------------*/
/*-----------------CSS BACKGROUND-----------------*/
/*-----------------------------------------------*/

div.cont {
  position:absolute;
  border:none 0px grey;
  width: 100%;
  background:#7DC2E7;
}
div#edi {
  overflow-y:hidden;
  top: 87px;
  bottom: 24px;
  left: 0px;
  right: 22px;
  width: auto;
}
div.wizbot {
  position:absolute;
  border:none 0px grey;
  width: 100%;
  overflow-x:auto;
}
.bgWhite{
  background:white;
}

/*-------------------------------------------------*/
/*-----------------CSS BACKGROUND-----------------*/
/*-----------------------------------------------*/

.bgOrange
  {background-color: #FF7B00}

.bgBleuMoyen
  {background-color: #005AA5} /*bleu foncé*/

.bgBleuFonce
  {background-color: #004778} /*bleu foncé*/

.bgBleuO2
  {background-color: #68ACDF} /*bleu logo o2*/

.bgBleuTresClair
  {background-color: #a7cfed} /*bleu tres clair */

.bgGrisClair
  {background-color: #E6E4E5} /*gris clair */

.bgGrisFonce
  {background-color: #C0C0C0} /*gris foncé */

.bgColE
  {background-color: #6699CC} /*bleu services*/
  
.bgJauneClair
  {background-color: #EEF362} /*jaune clair */

.bgJauneFluo
  {background-color: yellow} /*jaune fluo */

.bgBlanc
  {background:#5FA5D6;}
  
.bgBlanc2
  {background:#FFFFFF;}

.bgSurligneur
  {background-color:#FBEBF1/*#D9E6F7*/}

.bgMenuTop  {
  background-attachment: scroll;
  background-image:url(/com/images/menu_bgTop.gif);
background-repeat: no-repeat;
background-position: left top;
}

td.bgMenu {
  background-image:url(/com/images/logoO2.gif);
  background-repeat:no-repeat;
  background-position: left center;
}

td.bgTiretHori
  {background-image:url(/com/images/tiret_hori.gif);}

.bgFiletRouge
  {background-image:url(/com/images/filet-puce_rouge.gif);
  background-repeat:no-repeat;}

.bgTraitBleuVerti
  {background-color: #006699;}

.fdBleuClair{
  background-color: #D1E2EF;

}

.fdGrisClairReflet{
  background-image:url(/portail/img/fdGrisClairReflet.png);
}

.fdBleuFonce{
  background-image:url(/portail/img/fdBleuFonceReflet.png);
}
/*-------------------------------------------------*/
/*-----------------------CSS TEXT-----------------*/
/*-----------------------------------------------*/

.textColA
  {color: #BD2E2E} /*rouge*/

.textColB
  {color: #006699} /*bleu moyen*/

.textColC
  {color: #053770} /*bleu fonce*/

.textColD
  {color: #3079D4} /*bleu clair*/

.textColE
  {color: #6699CC} /*bleu services*/


.textTitreMenu {
  font-weight:bold;
  color: #006699;
}

.textItemMenu {
  color: #053770;
  font-size: 12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-right:3px;
}

.textWelcome {
  color: #BD2E2E;
  font-size: 25px;
  font-weight:bold;
  letter-spacing:2px;
  line-height:35px;
}

.textTitrePage  {
  color: #FFFFFF;
  font-size: 22px;
  font-weight:bold;
  letter-spacing:1px;
  line-height:27px;
}

td.textTitrePage span {
  font-size: 12px;
}

.textTitreRub {
  color: white;
  text-align:center;
  font-weight:bold;
  background-image:url(/portail/img/localisation.png);/* ligne à supprimer quand les styles ci-dessous seront mis en place */
  background-repeat:repeat-x;
  width:200px;
}
/* ----- Bandeau de localisation search ---*/

.customer .textTitreRub{
	background-image:url(/portail/img/localisation-customer.png);
}
.employee .textTitreRub{
	background-image:url(/portail/img/localisation-employee.png);
}
.other .textTitreRub{
	background-image:url(/portail/img/localisation-other.png);
}
/*------------------------------------------*/

.textBlanc {
  color:#FFFFFF;
}

.textSmall {
  font-size: 9px;
}
.textMiddle {
  font-size: 0.8em
}
span:hover.textSmall {
  font-size: 1em
}

/*------------- Aperçu des mails -------------*/
.mailPreview {
  color:black;	
}

/*----------------------------------*/
/*-       styles recherche        -*/
/*--------------------------------*/
.textLibRecherche {
  color:#4F3324;
  font-weight:bold;
}

.autoSearch {
  position:absolute;
  background-color : #EFF7FF;
  border : #00487A 2px solid;
  overflow-y:auto;
  overflow-x:auto;
  visibility:hidden;
}

/*-------------------------------------------------*/
/*-----------------------CSS LINK-----------------*/
/*-----------------------------------------------*/

a {
  text-decoration: none;
}

a:hover  {
 text-decoration: underline;
}

A.linkMenu {
  font-weight:bold;
  color: #006699;
  padding:3px;
}

.delete {
  font-weight:bold;
}

.button {
  color: #004778;
  background-color:#a7cfed;
  font-weight:bold;
  border:solid #004778 1px;
  cursor:pointer;
}

a.button, a.button:visited {
  padding:4px;
}

a.button:hover {
   color:white;
  background-color:#004778;
  text-decoration:none;
}

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

a.linkBase {
  text-decoration: none;
  color: #006699
}

a.linkBase:hover {
  color : #BD2E2E;
  text-decoration:underline;
}

a.linkBlanc {
  text-decoration: none;
  color: #FFFFFF;
  font-weight:bold;
}

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

a img {
  border : none;
}


a.buttonGo {
  background-image:url(/portail/img/button-go.png);
  background-position: 0px 0px;
  display: block;
  width:51px;
  height:27px;
}


a.buttonGo:hover{
  background-position: 0px -27px;
}

a.buttonGo:active{
  background-position: 0px -54px;
}

/*gestion de la navigation par page*/
td.textPageSelect  {
  background-image:url(/com/images/puce_pageSelect.gif);
  color: #FFFFFF;
  font-weight:bold;
  text-align:center;
}

td.textPageSelectNo {
  color: #FFFFFF;
  font-weight:bold;
  text-align:center;
}

td.textPageSelectNo a  {
  color: #FFFFFF;
  text-decoration:none;
}


/*-Gestion des boutons de validation--*/

table.tbButton td {
}

table.tbButton td a {
  color: #FFFFFF;
  text-decoration:none;
}

table.tbButton td a:hover {
  text-decoration:underline;
}

/*---- Boutons d'export/extraction ----*/
.btnExtract a {
  background:#58B131;
  font-weight:bold;
  color:white;
  border:1px solid #075B0A;
  padding:2px;
  line-height:20px;
  text-decoration:none;
}

.btnExtract a:hover{
  background:#62C737;
  border:1px solid #27872E;
}

/*-----------------------------------------------*/
/*---------------     CSS TABLE   ---------------*/
/*-----------------------------------------------*/

table.bord1 {
  border-collapse:collapse; /* equivalent de cellspacing=0; */
  border-left: solid black 1px;
  border-top: solid black 1px;
}
table.bord1>tbody>tr>td, table.bord1 tr>th {
  border-right: solid black 1px;
  border-bottom: solid black 1px;
  padding : 4px;
}

/*-----------------------------------------------*/
/*---------------------CSS IMG-------------------*/
/*-----------------------------------------------*/

img.imgLogo
  {margin-right:8px}

/*-------------------------------------------------*/
/*--------------        DIVERS        ------------*/
/*-----------------------------------------------*/

select.sel_options {
  font-family: Arial narrow;
  font-size: 11px;
  width:118px;
  color: #053770;
}

.loading {
  background-color: #888888;
  color: #FFFFFF
}
div.loading {
  background-color: #CCCCCC;
}
div.notloaded {
  background-color: #CCCCCC;
  text-align:center;
  vertical-align:middle;
  color:#2B2B2B;
  font-weight : bold;
  height:100%;
}
div.notloaded center{
  position:relative;
  top:30%
}

.closeWindow {
  float : right;
}

.autoSearchField {
}

.tooltip {
  display:none;
  position:fixed;
  margin-top:28px;
  padding:7px;
  color:#5F5F5F;
  border:1px solid #5F5F5F;
  background-color:#FFFFBF;
  z-index:0;
}


/*tooltip new */

a.toultip em {
  display:none;
  font-weight:normal;
}
a.toultip:hover {
  text-decoration: none;
}

a.toultip:hover em {
  display: block;
  font-style: normal;
  position: absolute;
  top: 20px;
  left: -10px;
  padding: 5px;
  color: #000;
  border: 1px solid #bbb;
  background: #ffc;
}


/*--------------*/

/*poubtip new */

a.poubtip em {
    display:none;
    font-weight:normal;
}
a.poubtip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.poubtip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -250px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:250px;
}
a.poubtip:hover em span {
    position: absolute;
    top: -7px;
    left: 248px;
    height: 7px;
    width: 11px;
    background: transparent url(/com/images/infobulletop.gif);
    margin:0;
    padding: 0;
    border: 0;
}


/*--------------*/


.fiche {
  position: absolute;
  visibility: hidden;
  padding: 0px;
  left:0px;
  top:0px;
  background-color:white;
}
.hiddenfiche {
  width:0px;
  height:0px;
  display: none;
}

.frmDisabled {
  opacity: 0.3;
}
frmHidden {
  display: none;
}

/*pagination */

.bgDarkBlue{
  background:#1B6BBD;
}

/*-MSC- */

.MCP_control{
  background:white;
  margin-top:5px;
}


/*-tri-*/

.textGris {
  color:#2B2B2B;
}

.textRed {
  color:red;
}

.textGrisGras {
  color:#2B2B2B;
  font-weight : bold;
}
td.textGrisGras {
  white-space:nowrap;
}
table.tri {
  margin-top : 1px;
  border-bottom : 1px;
}

.critere {
  margin-left:2px;
}

.alignImage {
  vertical-align:middle;
}

.interCritere {
  margin-left:5px;
}

.waiting_confirmation {
  color:red;
}
/*-------------------------------------------------*/
/*--------------      RESULTATS  RECHERCHE     ------------*/
/*-----------------------------------------------*/
table.searchResult {
  background:white;
  margin:auto;
  padding:5px;
  border: 0px;
  border-right:1px solid #7F7F7F;
  border-bottom:1px solid #7F7F7F;
  border-top:1px solid #A7A7A7;
  border-left:1px solid #A7A7A7;
}
table.searchResult td {
  padding:1px 2px 1px 2px;
  white-space:nowrap;
}

table.searchResult tr{
}

.separeResult{
  background:white;
}

table.searchResult td.bgBleuFonce {
  padding: 0px;
  width: 1px;
}
table.searchResult td.searchResultTools {
 background:#FFE7E8;
}


table.searchResultTools tr td {
  padding: 2px 8px 2px 8px;
}

table.searchResultTools tr td a {
  color:#1B6BBD;
  text-decoration: none;
  font-variant: small-caps;
  padding: 3px;
  width: 100px;
  
  
}
table.searchResultTools tr td a:hover {
  background-color: white;
  color:#1B6BBD;
}

/* première colonne d'un résultat de recherche */
.sortKey {
  font-size: 8px;
  border-right: #DDDDDD dotted 1px;
}
a.triMoveLeft {
  background-image: url('/com/images/fleche_orange_G.gif');
  display: inline;  vertical-align: middle;  width: 9px
}
a:hover.triMoveLeft {
  background-image: url('/com/images/fleche_bleue_G.gif');
}
a.triMoveRight {
  background-image: url('/com/images/fleche_orange_D.gif');
  display: inline;  vertical-align: middle;  width: 9px
}
a:hover.triMoveRight {
  background-image: url('/com/images/fleche_bleue_D.gif');
}

a.triAZ {
  background-image: url('/com/images/AZ.gif');
  background-position: center;
  font-size: 20px; vertical-align: middle;
  display: inline;
}
a:hover.triAZ { background-image: url('/com/images/AZ_over.gif'); }

a.triZA {
  background-image: url('/com/images/ZA.gif');
  background-position: center;
  font-size: 20px; vertical-align: middle;
  display: inline;
}
a:hover.triZA { background-image: url('/com/images/ZA_over.gif'); }

a.triButton {
  background-image: url('/com/images/trier.gif');
  background-position: center;
  font-size: 19px; vertical-align: middle;
  display: inline;
}
a:hover.triButton { background-image: url('/com/images/trier-over.gif'); }

a.btnTrier{
text-decoration:underline;
margin-left : 200px;
margin-right:10px;
color:#6A6A6A;
}

a:hover.btnTrier{
  color:#FF7B00;
}

/*-------------------------------------------------*/
/*--------------    ONGLET GLISSANT    ------------*/
/*-------------------------------------------------*/
/* Conteneur général */
.conteneur_right_side{
  background-color: transparent;
  position: absolute;
  top:24px;
  right:0px;
  /* width:30px; trop large : contenu fait seulement 23 ! */
  z-index:1000;
  padding:0;
  margin:0;
}

/*conteneur  */
.slideTabContent{
  background-color:#5A9DDF;
  float:right;
  border:1px solid #2B7DD3;
  border-bottom:2px solid #235F8F;
}

/* onglets du menu à droite*/
.onglets_droite{
  float:right;
  margin-right:0;
  padding-right:0;
  cursor:pointer;
}

.slideTabMenu {
  float: left;
  height:30px;
  background-color:#1B6BBD;
  padding-right:15px;
  padding-top:5px;
  color:#FFFFFF;
  font-weight:bold;
  overflow:hidden;
  border-bottom:1px solid #0758A7;
}

.slideTabMenu a img{
  margin-right:2px;
  vertical-align:middle;
}

.slideTabMenu span{
  padding:3px;
  float: left;
}

.slideTabMenu a{
  font-weight: bold;
  text-decoration:none;
  height:30px;
  padding-bottom:2px;
  padding-left:8px;
  margin-top:-10px;
  padding-right:8px;
  padding-top:10px;
  cursor:pointer;
  color:#FFFFFF;
}

/* empilement des onglets */

div#aide {
	z-index:1;
}

div#task{
	z-index:2;
}
div#panel{
	z-index:3;
}
div#annu{
	z-index:4;
}

/*------------------------------------------------*/
/*--------------        AIDE     -------------*/
/*------------------------------------------------*/

#aide_frame {
	height:550px;
	width:95%;
	overflow-y:auto;
}
#aide #content {  width:95%;}
.onglet_aideform { margin-top:230px;}

/*------------------------------------------------*/
/*--------------        ANNUAIRE     -------------*/
/*------------------------------------------------*/

/*conteneur annuaire */
#annu div.slideTabContent {
  height:598px;
  width:600px;
}

/* Menu haut de l'annuaire */
#annu .slideTabMenu {
  width:600px;
}

.rech-nom-prenom{
  display:inline-block;
}

.cat-annuaire{
  height:35px;
  display:inline-block;
}
a.btnUpperCase {
  padding:0;
  color:#D1E2EF;
  width:33px;
  height:36px;
  background-image:url(/portail/img/text_uppercase.png);
  background-position: 0px 0px;
}

a.btnLowerCase {
  padding:0;
  color:#D1E2EF;
  width:33px;
  height:36px;
  background-image:url(/portail/img/text_lowercase.png);
  background-position: 0px 0px;
}

.upperLowerCase {
  margin-right:15px;
  margin-bottom:-2px;
}
.upperLowerCase img{
  margin-left:-8px;
  margin-bottom:-2px;
}
#annu #rech_nom_prenom{
	margin-left:15px;
}
.tooltip{
  float:left;
  margin-left:8px;
  margin-right:10px;
  padding-top:4px;
  cursor:pointer;
}

.choixNomPrenom{
  margin-left:28px;
  margin-top:-5px;
  text-align:left;
}

/* id onglets menu_annuaire */
#rech_agence{background-color:#5EAFF6;}

/*  Recherche multi critères  */
#multicritere{display:block;}

.multicritere{
  display:block;
  float: left;
  height:auto;
  background-color:#EEEEEE;
  width:90.5%;
  padding-left:20px;
  color:black;
  line-height:1.5em;
  border-bottom:1px solid #9F9F9F;
}

.multicritere input{
  border:#8FC0FF 1px solid;
  background-color:#D1E2EF;
  padding-left:4px;
  padding-right:4px;
  margin-right:10px;
  margin-left:10px;
  color:#1B6BBD;
  font-weight:bold;
}

.multicriterePers {
  display:block;
  float: left;
  height:auto;
  padding-top:10px;
  background-color:#EEEEEE;
  width:83%;
  padding-left:65px;
  color:black;
  line-height:1.5em;
  border-bottom:1px solid #9F9F9F;
}

.multicriterePers input{
  color:#1B6BBD;
  font-weight:bold;
  vertical-align: bottom;
}

.multicritereSiege {
  display:block;
  float: left;
  height:100px;
  width:100%;
  padding-left:0px;
  color:black;
  line-height:1.5em;
  border-bottom:1px solid #9F9F9F;
  text-align:left;
}

.multicritereSiege input{
  border:#8FC0FF 1px solid;
  background-color:#D1E2EF;
  padding-left:4px;
  padding-right:4px;
  margin-right:10px;
  margin-left:10px;
  color:black;
  font-weight:bold;
}

/* Boutons Alphabet */

.alpha {
  height:556px; /* 598 - 35 - 7 */
  width:36px;
  background-color:#D1E2EF;
  border-right:1px solid #576D7F;
  text-align:center;
  padding-top:2px;
  float:left;
}

.alpha a{
  font-weight:bold;
  font-size:12px;
  background-image : url(/portail/img/annu/alpha.png);
  background-position: 0px 0px;
  display: block;
  width:25px;
  height:18px;
  padding-top:2px;
  text-decoration:none;
  margin-left:5px;
  margin-bottom:0px;
  color:#2F2F2F;
}

.alpha a:hover { background-position: 0px -20px;cursor:pointer;}

.alpha a:active {
  background-position: 0px -40px;
  color:#FFFFFF;
}

.vide{ clear:left; }

#annuaire_liste {
  height: auto;
}

/*------------------------------------------------------------------------------------------------*/
/*                                          message système                                                 */
/*------------------------------------------------------------------------------------------------*/

#msgsystem{
  position:fixed;
  bottom:0;
  right:0;
  width:260px;
  border:1px solid grey;
  background-color:#FAFAFA;
  font-size:12px;
}

.titremsg{
  background-image:url("/portail/img/titre-alerte.jpg");
  background-repeat : repeat-x;
  height:24px;
  font-weight: bold;
  color:#FF3F42;
  padding-left:15px;
  padding-top:5px;
  border-bottom:1px solid #529FF6;
}

.contenumsg{
  padding-left:10px;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
}

.crossclose{
  margin-left:100px;
}

/*------------------------------------------------------------------------------------------------*/
/*                                         Autocompletion                                             */
/*------------------------------------------------------------------------------------------------*/

.autocpl, .autocplRech{
  display:inline;
}

.autocplList{
  background-color:#CFE7FF;
  border-right:1px solid #1B6BBD;
  border-bottom:1px solid #1B6BBD;
  border-top:none;
  cursor:pointer;
  z-index:1000;
}
/* Class pour imposer une hauteur max sur les résultats d'autocomplete
 400 px représente une vingtaine de résultats.*/
.autocplListScroll {
  max-height:400px;
  overflow-x:hidden;
  overflow-y:scroll;
}
div.autocplList{
  position:absolute; /* pour que la liste de choix sous addr1 soit correctement dimensionnée */
}
#annu #autocplAgence .autocplList {
  margin-left:144px;
}
.autocplList ul{
  padding:0;
  margin:0
}

.autocplList li {
  list-style-type:none;
  text-align:left;
  color:#331B0E;
  margin:0;
  padding: 3 10 3 5px;
  font-size:1em;
}

li.selected {
  background-color:#9FCFFF;
}

.autocplRech input{
  margin-left:-1px;
}

.autocpl img{
  margin-left:5px;
  cursor:pointer;
}

.autocplChoice{
  display: none;
  color:#331B0E;
  font-weight:bold;
  border: solid 1px #9FCFFF;
  background-color:#CFE7FF;
  padding:3px;
  margin: 0px;
}
input.autocplChoice {
  vertical-align: middle; /* pour alignement par ex du bouton "edit mode" a coté du champ ville d'une adresse */
  margin-bottom: 1px;
  padding-top:2px;
  font-size: 11px;
}

/*------------------------------------------------------------------------------------------------*/
/*                                 Overlib       (tooltip avec action)                            */
/*------------------------------------------------------------------------------------------------*/

.overlib {
  position: absolute;
  background:#FFCFCF;
  padding:5 15 5 15;
  border:1px solid #5F5F5F;  
  z-index:1100;
}

.overlib a{
  color:#007BDF;
  font-weight:bold;
  display:block;
}

.overlib img{
  margin-right:5px;
}

/*------------------------------------------------------------------------------------------------*/
/*                                 Overlib Info  (tooltip d'information)                          */
/*------------------------------------------------------------------------------------------------*/

.overlibInfo {
  position: absolute;
  background:#FFFFBF;
  padding:3px;  
  border:1px solid #5F5F5F;  
  color:#5F5F5F;
  z-index:1100;
}

/*------------------------------------------------------------------------------------------------*/
/*             Barre intermédiaire résultats : navigation, affichage et tri des resultats         */
/*------------------------------------------------------------------------------------------------*/

.barreNavTri{
  background:url(/portail/img/bgNavTri.jpg);
  color:#331B0E;
  height:96%;
  border-top:#1B6BBD;
}

.tableNavTri tr{
  height:26px;
}

.barreNav{
  padding-left:15px;
}
.barreTri{
  padding-left:15px;
}

.barreTri select{
  font-weight:normal;
}

.numNavList{
  padding-left:25px;
}

.numNav{
  display:inline;
  font-size:11px;  
  
}

.numNav a{
  color:#022B53;
  border:1px solid #007BDF;
  padding:4px;
  margin-right:2px;
  background:white;
  
}

.numNav a:hover{
  color:black;
  border:1px solid #1B6BBD;
  background:#B6E0F9;
  text-decoration:none;
}

.numNavCurrent{
  color:white;
  font-weight:bold;
  display:inline;
  font-size:11px;
  border:1px solid #1B6BBD;
  background:#1B6BBD;
  padding:4px;
  margin-right:2px;
}

.numNext a, .numNext a:hover{
  color:#007BDF;
  font-weight:bold;
}

/* voile gris transparent */
#fondGris {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #2F2F2F;
  opacity: 0.7;
  z-index: 1200;
}

/*-----------------------------------------------*/
/*-------          hoursCountersInGTS            --------*/
/*-----------------------------------------------*/

.hoursCounter {
	width:40%;
	padding:0px;
}

.hoursCounter td.fondgris {
  border:1px solid;
  background-color: #cccccc;
  width:10%;
  padding:0px 0px 0px 0px;
  text-align:center;
  vertical-align:middle;
}

.hoursCounter td.fondblanc_center {
  font-weight:bold;
  border:1px solid;
  background-color:  #ffffff;
  width:10%;
  padding:0px 0px 0px 0px;
  text-align:center;
  vertical-align:middle;
}

.hoursCounter td.fondgris_center {
  border:1px solid;
  background-color: #cccccc;
  width:10%;
  padding:0px 0px 0px 0px;
  text-align:center;
  vertical-align:middle;
}

.hoursCounter td.fondblanc {
  font-weight:bold;
  border:1px solid;
  background-color:  #ffffff;
  width:10%;
  padding:0px 0px 0px 0px;
  text-align:center;
  vertical-align:middle;
}

.hoursCounter td.entete {
  border:1px solid;
  width:30%;
  padding:0px 0px 0px 0px;
}

.hoursCounter th {
  border:1px solid;
  width:20%
}

/*-----------------------------------------------*/
/*-------          login / logout        --------*/
/*-----------------------------------------------*/

table.login_tbl td {
  padding-right:5px;
}
table.login_tbl input {
  background-image:url(/portail/img/bgGal.png);
  background-color:#DFEFFF;
  border: solid 1px #7DBCFB;
  padding:1 1 1 2;
  margin-top:2px;
}

/*-------------------------------------------------------------*/
/*-------     Bulle d'aide pour les formulaires en dur      ---*/
/*-------------------------------------------------------------*/
div.info-bulle-transport, div.info-bulle-autre {
  display:none;
  width:455px;
  position:absolute;
  margin-top:-50px;
  margin-left:180px;
  padding:10px;
  background-color:white;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 5px #000000;
  box-shadow: 0px 0px 5px #000000;
  text-align:left;
}

.conteneur-bulle-aide-transport:hover div.info-bulle-transport,
.conteneur-bulle-aide-autre:hover div.info-bulle-autre {
  display:block;
}