body {
  background-color: cyan;
}

body, td, textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}


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

div.cont {
  position:absolute;
  border:none 0px grey;
  width: 100%;
}
div#edi {
  overflow-y:hidden;
}

/*-------------------------------------------------*/
/*-----------------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} /*bleu tres clair */

.bgColE
  {background-color: #6699CC} /*bleu services*/

.bgBlanc
  {background-color:#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: #053770;
  font-size: 1.2em;
  font-weight:bold;
}

.textBlanc {
  color:#FFFFFF;
}

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


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

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

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

a {
  text-decoration: none;
}

a:hover  {
 text-decoration: underline;
}

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

.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: #FFF;
  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;
}

/*-------------------------------------------------*/
/*----------------------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: #DDDDDD
}
div.loading {
  background-color: #DDDDDD;
}

.closeWindow {
  float : right;
}

.autoSearchField {
  border-color:red;
}

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

/*-tri-*/

.textGris {
  color:#6A6A6A;
}

.textGrisGras {
  color:#6A6A6A;
  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;
}
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;
}

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

/* Conteneur général */

.conteneur_right_side{
  background-color: transparent;
  position: fixed;
  top:24px;
  right:0px;
  width:30px;
  z-index:1000;
  padding:0;
  margin:0;
}

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

/*conteneur annuaire */
.annuaire{
  height:598px;
  width:600px;
  background-color:#6690CA;
  float:right;
  border:1px solid #2B7DD3;
  border-bottom:2px solid #235F8F;
}

/* Menu haut de l'annuaire */
.menu_annuaire{
  float: left;
  height:30px;
  width:600px;
  background-color:#1B6BBD;
  padding-right:15px;
  padding-top:5px;

  color:#FFFFFF;
  font-weight:bold;
  overflow:hidden;
  border-bottom:1px solid #0758A7;
}

.cat-annuaire{
  height:35px;
}

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

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

.upperLowerCase {
  margin-right:55px;
  margin-bottom:-2px;
}
.upperLowerCase img{
  margin-left:-8px;
  margin-bottom:-2px;
}

.tooltip{
  float:left;
  margin-left:8px;
  margin-right:10px;
  padding-top:4px;
  cursor:pointer;
}


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

}

.menu_annuaire a, .menu_annuaire span{
  padding:3px;
  float: left;
}

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

}


.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:38px;
  background-color:#EEEEEE;
  width:83%;
  padding-left:65px;
  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:28px;
  padding-top:10px;
  background-color:#EEEEEE;
  width:83%;
  padding-left:65px;
  color:black;
  line-height:1.5em;
  border-bottom:1px solid #9F9F9F;
}

.multicriterePers input{
  margin-left:20px;
  color:#1B6BBD;
  font-weight:bold;
  padding-left:4px;
}

/* Boutons Alphabet */

.alpha{
  height:556px; /* 598 - 35 - 7 */
  width:36px;
  background-color:#D1E2EF;
  border-right:1px solid #576D7F;
  text-align:center;
  padding-top:7px;
  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:1px;
  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: 100%;
}

/*------------------------------------------------------------------------------------------------*/
/*                                            fiches de résultats                                                    */
/*------------------------------------------------------------------------------------------------*/

#annuaire_contenu{
  display:block;
  overflow:-moz-scrollbars-vertical;
  float:left;
  height:523px;  /* 598 -35 - 32 -1 -6 = 598 - 68 (si pas de multicritère, ajouter 32 + 1 + 6 = 39 */
  width:563px;  /* 600 -36 - 1 */	
	}

.lienOrangeB a{
	color:#FF5A00;
	font-weight:bold;
	margin-left:50px;
}

.result_annuaire{
  width:510px;
  background-color:#EFEFEF;
  margin-top:6px;
	margin-bottom:6px;
  margin-left:20px;
  float:left;
  border-right:1px solid #022B53;
  border-left:1px solid #1B6BBD;
  border-top:1px solid #1B6BBD;
  border-bottom:1px solid #022B53;
}

.result_annuaire h1 {
  height:27px;
  background-image:url('/portail/img/bleuDuo.jpg');)
  border-bottom:1px solid #88C3F3;
  color:#04488B;
  font-weight:bold;
  padding-top:2px;
  font-size:14px;
  margin:0;
  font-size:11px;
}


.result_annuaire ul {
  list-style-type:none;
  padding-left:0px;
  margin-top:15px;
  color:#00345F;
  padding-bottom:10px;
}

.result_annuaire ul li{
  margin-bottom:1px;
  padding-left:55px;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:10px;
}

.result_annuaire ul li.border_grey{
  border-top: 1px #CFCFCF dotted;
}

.result_annuaire ul li img{
  vertical-align:middle;
}

.result_annuaire ul li a{
  text-decoration:none;
  color:#007BDF;
  text-decoration:none;
  cursor:pointer;
}

.result_annuaire ul li a:hover{
  text-decoration:underline;
}

.result_annuaire ul li.pers-agence{
  margin-bottom:4px;
  color:#2D062F;
  font-weight:normal;
  padding-left:55px;
  padding-bottom:15px;
  height:90px;
}



.flag{
  float:left;
  margin-left:8px;
  margin-right:10px;
  padding-top:4px;
  cursor:pointer;
}

#statutUser{
  display:none;
  position:absolute;
  margin-top:-17px;
  margin-left:20px;
  padding:7px;
  color:#5F5F5F;
  border:1px solid #5F5F5F;
  background-color:#FFFFBF;
  z-index:0;
}

.minmax{
  float:right;
  margin-right:8px;
  padding-top:4px;
}

.enteteFicheAnnu{
  width:230px;
  float:left;
  padding-top:4px;
  margin-left:25px;
}

.enteteFicheAnnuAgence{
  width:230px;
  float:left;
  padding-top:4px;
  margin-left:25px;
}

.barreEnteteAnnu{
  background-color:#FFFFFF;
  width:160px;
  margin-left:20px;
  padding-top:3px;
  border:1px solid #95C9EF;
  height:20px;
  float:left;
  margin-right:10px;
}

.barreEnteteAnnu img{
  margin-left:8px;
}

.barreFicheAgence{
  background:#E0EDF7;
  margin:inherit;padding:inherit;
  margin-left:35px;
  padding:0;
  padding-top:-3px;
  border:1px solid #95C9EF;
  width:180px;
  margin-top:4px;
  margin-bottom:-28px;
}

.barreFicheAgence img{
  margin-left:8px;
  padding:2px;
}

 img.ficheAnnuaire {

	 margin-left:35px;
  width:96px;
  height:95px;
	border: 1px solid lightgrey;
  border-right: 1px solid grey;
  border-bottom: 1px solid grey;
}

.result_annuaire ul li a.pers-agence{
  margin-left:15px;
}



.result_annuaire ul li a.persAgence{
  margin-left:15px;
}


.result_annuaire ul li.persAgence .ra{
  color:red;
  margin-right:15px;
}

.result_annuaire ul li.persAgence .rs{
  color:#D34CD3;
  margin-right:15px;
}

.result_annuaire ul li.persAgence .dr{
  color:green;
  margin-right:15px;
}

.result_annuaire ul li.persAgence a{
  color:#FF7200;
  font-weight:bold;
  text-decoration:none;
}

.result_annuaire ul li.persAgence a:hover {
  color:#FF5A00;
  text-decoration:underline;
}

.result_annuaire ul li.contact{
  padding-top:5px;
  font-weight:bold;
  cursor:pointer;
}

.result_annuaire ul li.contact img{
  margin-right:5px;
}

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

.autocplList ul{
  padding:0;
  margin:0
}

.autocplList li{
  list-style-type:none;
  text-align:left;
  color:#331B0E;
  margin:0;
  text-indent:3px;
}

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




/*------------------------------------------------------------------------------------------------*/
/*                                       Barre Odynaute                                           */
/*------------------------------------------------------------------------------------------------*/

.barreOdynaute{
  height:100%;
  width:100%;
  background-color:#1B6BBD;
  border-top:1px solid #022B53;
}

.proprietesOdynaute{
  display : inline;
  margin-left:6px;
  background:url('/portail/img/fdBleuCielReflet.png');
  padding-top:2px;
  padding-bottom:7px;
  padding-left:10px;
  border:1px solid #52A7FB;
  border-left:1px solid #1B6BBD;
  border-right:1px solid #1B6BBD;
  border-top:1px solid #022B53;
  color:#331B0E;
  font-weight:bold;
}

.proprietesOdynaute img{
  margin-left:1px;
  margin-right:10px;
}

.proprietesOdynaute a{
  color:#331B0E;
  text-decoration:none;
}

.identiteOdynaute{
  display : inline;
  margin-left:15px;
  color:white;
  font-weight:bold;
  padding-top:2px;
  padding-bottom:7px;
  padding-left:20px;
  padding-right:40px;
}

/* fenetre choix du statut */

#chxStatut{
  position:fixed;
  bottom:21px;
  left:9px;
  width:360px;
  border:1px solid #1B6BBD;
  border-left:1px solid #78C9FF;
  border-top:1px solid #78C9FF;
  border-right:1px solid #022B53;
  background-color:#FAFAFA;
  font-size:12px;
}

.contenuChxStatut{
  padding-left:10px;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:10px;
  background:#DCF2FC;
  min-height:356px;
}

.statutActuel {
  padding:7px;
  margin-bottom:15px;
  color:#5F5F5F;
  font-weight:bold;
  border:1px solid #5F5F5F;
  background-color:#FFFFBF;
}

.contenuChxStatut b{
  color:#331B0E;
}

.contenuChxStatut input{
  margin-left:10px;
}

#situationChxStatut{
  display:none;
}

#precisionsChxStatut{
  margin-top:10px;
  display:none;
}

#precisionsChxStatut textarea{
  background-color:white;
  border:1px solid #78C9FF;
  padding:10px;
}

#minPrecisionsChxStatut, #maxPrecisionsChxStatut{
  vertical-align:middle;
  padding-left:15px;
}

#heuresChxStatut{
  display:none;
  margin-bottom:15px;
}

#msgConfirmSave {
  display:none;
  padding:1px;
	padding-left:3px;
	padding-right:3px;
  color:#5F5F5F;
  font-weight:bold;
  border:1px solid #5F5F5F;
  background-color:#FFFFBF;  
  height:15px;
	position:absolute;
	right:2px;
}

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

.overlib {
  position: absolute;
  background:#FFE7E8;
  padding:25px;
  padding-top:15px;
  padding-bottom:15px;
  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;
}