/*-------------------------------------------------------------------------------------------*/
/* Feuille de style DORMANE                                                NBC - 20/08/2008  */
/*-------------------------------------------------------------------------------------------*/
/*
    - global.css -> structures + styles par defaut (bleu) + homepage
    - vert.css -> creances civiles
    - orange.css -> creances commerciales
    - violet.css -> creances internationales
    - Ordre d'insertion :
    1 - global.css
    2 - vert.css || orange.css || violet.css
        (si necessaire. Apres le global.css pour ecraser les proprietes communues a global.css)
    18-12-2009 NBC : ajout <h1> et <h2>
-----------------------------------------------------------------------------------------------
*/
body {
    margin:0;
    text-align:left;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    letter-spacing:1px;
    color:#000000;

  /* new */
  background-color:#a9a9a9;

    }

div {z-index:3; }  /* NB - POUR EVITER LE NON RECOUVREMENT PAR LE MENU HORIZONTAL des Images !!!!!!!! */
p {margin-top:0px; margin-bottom:10px;}

h1      {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0px; }
h1 span {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0px;}
h2      {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0px; }
h2 span {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0px;}
h2.recouvrement  {
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    background:url(../img/puceBlanc10.gif) no-repeat 0px 2px; /* left top */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    }
#global {
    margin-left: auto;
    margin-right: auto;
    width: 1001px;
    text-align: left; /* on retablit l'alignement normal du texte */
    padding-bottom:50px;

/* new */
  border-left:1px solid #696969;
  border-right:1px solid #696969;
  background-color:#ffffff;

    }
.mosaique {width:100%; background:url(../img/mosaique.jpg) no-repeat 100% 101%; /* right bottom; */ }

#page {
    width:100%;


  /* border:1px solid #696969;  */
  /* new */
  border-bottom:1px solid #696969;


    }

#mainConteneur {margin:10px;width:auto;}
#pageLeft {width:103px;height:100%;}
#pageMain {float:left;width:20px;}
.gouttiere {width:10px;}

/* --- Header DORMANE --- */
#headerDormane {background:url(../img/cabinet_dormane.jpg) no-repeat top left; height:87px;}    /* NEW JLB     */
#headerDormane .baseline {position:relative;top:69px;  margin-right:10%; text-align:right; font-family:tahoma; font-size:16px; color:#ff0000;font-weight:bold; letter-spacing:3px;}
#headerDormane .headerBar1, #headerDormane .headerBar2 {position:relative;top:70px;left:123px;width:879px;}
#headerDormane .headerBar1 { border-bottom:2px solid #4f80ff; margin-top:-17px;}
#headerDormane .headerBar2 { border-bottom:1px solid #0056bc; margin-top:-16px;}
/* --- FIN header dormane --- */

/* --- classiques --- */
table {border:0}
td {vertical-align:top;}

/* --- LES LARGEURS --- */
.fullWidth    {width:1001px;}
.fullPageMain {width: 866px;}   /* Colonne entiere  */
.col1PageMain {width: 866px;}   /* 1 colonne pleine */
.col2PageMain {width: 427px;}   /* 2 colonnes       */
.col3PageMain {width: 282px;}   /* 3 colonnes       */
td.menu {width:240px;}          /* menu vertical    */

.marginRight  {margin-right:10px;}
.marginLeft   {margin-left:10px;}
.marginTop    {margin-top:10px;}
.marginBottom {margin-bottom:10px;}
.marginBottomDouble {margin-bottom:20px;}
.marginTopDouble    {margin-top:20px;}
.paddingRight {padding-right:20px; }
.float  {float:left;}
.floatL {float:left;}
.floatR {float:right;}

/*----- pour les images au dessus du menu vertical -------*/
.marginTopImgR {margin-top:20px;}    /* Pages recouvrements */
.marginTopImg  {margin-top:20px;}    /* Pages creances civile, commerciales, internationales */

/* bordures */
.mainBorder {border:1px solid #696969;}

/* Typo : taille */
.f9  {font-size:  9px;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f21 {font-size: 21px;}
.f22 {font-size: 22px;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;}
.f25 {font-size: 25px;}

/* Typo : autres */
.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.j {text-align:justify;}

.lettrine {font-size:34px; padding-right:3px; line-height:30px; }
.indice   {vertical-align:sub;    font-size:80%;}
.exposant {vertical-align:middle; font-size:95%;}
.small {font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; /* bas de page */
        letter-spacing:1px;
        color:#696969;
        font-size:9px;
        }

/*--- divers ---*/
.clear {clear:both;}
img.menu {border-bottom:#FFFFFF solid 1px;}

/*--- Couleurs ---*/
.bgMainColor {background-color:#0056BC;}
.fMainColor  {color:#0056BC;}
.bgBisColor {background-color:#e6eef8;}

/*---- Pour l'utilisateur dans les fichiers textes de paramètres ---- */
.black {color:#000000;}
.white {color:#ffffff;}
.red   {color:#FF0000;}
.blue  {color:#0056bc;}
.green {color:#006b35;}
.orange {color:#ff6e0b;}
.violet {color:#7e599b;}
.gray   {color:#696969;}


/*--- Les blocks de presentation ---*/
.titreBlockGrise {width:100%; }
.titreBlockGrise .titre {color:#FFFFFF; padding:10px; font-weight:bold;}
.titreBlockGrise .contenu { padding:10px;}

.puceBlanc10   {
    background:url(../img/puceBlanc10.gif) no-repeat;
    width:10px;
    height:10px;
    font-size:1px;
    float:left;
    margin-right:5px;
    margin-top:2px;
    }

.puceBlanc10li {
    background:url(../img/puceBlanc10.gif) no-repeat;
    width:10px;
    height:10px;
    font-size:1px;
    float:left;
    margin-right:5px;
    position:relative;
    top:2px;
    margin-left:5px;
    margin-bottom:5px;
    }

a.fleche {
    display:block;
    height:19px;
    background-image:url(../img/puceFleche.gif);
    background-repeat: no-repeat ;
    background-position:0px 0px;
    padding-left:42px;
    padding-top:2px;
    font-weight:bold;
    }

/*---- Pour les FAQ et Etapes du recouvrement ---------- */
.flecheBis {
    background:url(../img/puceFleche.gif) no-repeat;
    margin-left:-8px;
    padding:2px 0px 15px 38px;
   }

.retro {position:relative;left:-10px;}
.ligneBas {
    position:absolute;
    top:-46px !important; top:-49px;
    left:123px;
    border-bottom:2px solid #4f80ff;
    width:880px;
    font-size:1px;
    }

/*-----------------------------------------------------------------------
:link = pour les liens aux pages qui n'ont pas encore ete visitees
:visited = pour les liens aux pages qui ont deja  ete visitees
:hover = pour les liens sur lesquels l'utilisateur passe avec la souris
:active = pour les liens en train d'etre clique
:focus = pour les liens qui deviennent actifs (focus) par exemple lors d'une "recherche" par tabulateur
------------------------------------------------------------------------- */
/* a, a:link, a:visited, a:active, a:focus {color:#002DAA; text-decoration:none;} */
/*  a:hover {color:#002DAA; text-decoration:underline;} */

/* ==============================================================
From Bil
================================================================== */

img {border:0;}

/*------ Page accueil ------------------------------------------- */
.titre_accueil {
    font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size:16px;
    letter-spacing:2px;
    margin-left:9px;
    padding-top:8px;
    color:#000000;
    }

.p_accueil  {
    font-size:12px;
    letter-spacing:1px;
    margin-left:20px;
    margin-right:15px;
    margin-bottom:10px;;
    text-align:justify;
    }

/*---- Menus drapeaux et bas de page -----------------------------*/
a.menu {
    text-decoration:none;
    font-size:11px;
    color:#696969;
    }

a.menu:link    {color:#696969;}
a.menu:active  {color:#696969;}
a.menu:visited {color:#696969;}

a.menu:hover   {
    border-bottom:1px dashed #000000;
    }

a.menu_sel {
    color:#000000;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    }
a.menu_sel:link    {color:#000000; }
a.menu_sel:active  {color:#000000; }
a.menu_sel:visited {color:#000000; }
a.menu_sel:hover   {
    color:#ff0000;
    border-bottom:1px dashed #ff0000;
    }

/*------- Liens noir titre, ------------------*/
a.lien         {text-decoration:none; }
a.lien:link    {/* color:#000000; */}
a.lien:active  {/* color:#000000; */}
a.lien:visited {/* color:#000000; */}
a.lien:hover   {color:#dc143c;}

/*------- lien bouton accueil ------------------*/
.btn_accueil {
    width:100px;
    background-color:#0056BC;
    border:2px solid #99FFFF;
    text-align:center;
    }

/*------- lien bouton telechargement ----------*/
.btn_telec {
    width:100px;
    height:18px;
    padding-top:3px;
    margin-bottom:20px;
    margin-top:5px;
    background-color:#adc5e5;
    border-left:1px solid #696969;
    border-top:1px solid #696969;
    border-right:2px solid #000000;
    border-bottom:2px solid #000000;
    text-align:center;
    }

/*--- Bouton de login ------------*/
.bouton_bleu {
    background-color:#001f9f;
    color:#ffffff;
    font-weight:bold;
    width:100px;
    padding:3px 2px 2px 2px;
    border:0px;
    text-align:center;
    }

/*--- Messages OK ou erreur -------*/
.msg_er {
    color:red;
    text-align:left;
    font-size:100%;
    margin-top:5px;
    margin-bottom:5px;
    }
.msg_ok {
    color:green;
    text-align:left;
    font-size:100%;
    }

/*------- Glossaire --------------------------- */
a.idxlet {
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    padding:4px 10px 4px 10px;
    }
a.idxlet:link    {color:#ffffff; background-color:#0056bc;}
a.idxlet:active  {color:#ffffff; background-color:#0056bc;}
a.idxlet:visited {color:#ffffff; background-color:#0056bc;}
a.idxlet:hover   {color:#006666; background-color:#47a2ff;}

/* formulaire demande de doc  */
.formCol1 {text-align:right; padding-right:2px;}
.formCol2 {text-align:left;  padding-left:4px; }
.formCol3 {text-align:center;}
table.formulaire tr td {padding-bottom:5px;}
.form {border:1px black solid; background-color:white; color:black;}
/* formulaire creances civiles */


/*-------- Puce pour les textes parametres ------------------------------- */
ul.puce    {margin:15px 0px 0px 2px; padding:0px; list-style:disc; }
ul.puce li {margin:0px 0px 28px 15px; padding:0px 20px 0px 0px; letter-spacing:1px; text-align:left;}

/*-------- Puce pour le Plan du site ------------------------------------- */
ul.puce_n1    {margin:15px 0px  0px 20px; padding:0px; list-style:square; }
ul.puce_n1 li {margin:0px  0px 20px 15px; padding:0px 0px 0px 0px; letter-spacing:1px; text-align:left;}

ul.puce_n2    {margin:2px  0px  0px 12px; padding:0px; list-style:disc; }
ul.puce_n2 li {margin:0px  0px  5px 15px; padding:0px 0px 0px 0px; letter-spacing:1px; text-align:left;}


/*-------- Boite avec cadre pour bases légales --------------------------- */
.encadre {
    background-color:white;
    display:block;
    border:2px solid #0056bc;
    padding:15px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:2%;
    margin-right:2%;
   }

/*------- Boite de message d'erreur CLOSED - INCORRECT-SESSION EXPIRED -------------------------- */
.box_erreur {
    border:2px solid #DC143C;
    padding:15px;
    width:60%;
    background-color:#FFc0cb;
    text-align:center;
    font-size:14px; font-weight:bold;
    }


/*-------- Liste des dossiers, saisie nouvelle affaire ------------------- */
input {
    font-size:12px;
    color:#000000;
    text-align:left;
    background-color:#f5f5f5;
    }

textarea {
    font-size:12px;
    color:#000000;
    text-align:left;
    background-color:#f5f5f5;
    }

select {
    font-size:12px;
    color:#000000;
    background-color:#eaedf0;
    }

fieldset {
    position :              relative;
    top :                   1em;
    padding :               0 0.5em 1em 0.5em;
    background-color:#bfcacf;
    }
html>body fieldset {
    padding-top :           1em;
    top :                   0;
    }
legend {
    position :              relative;
    top :                   -1em;
    padding :               0.4em;
    }

.bouton {
    text-align:center;
    background-color:#c0c0c0;
    }

.titre {
    text-decoration:none;
    color:white;
    letter-spacing:1px;
    font-size:12px;
    }

a.txt  {
    text-decoration:none;
    letter-spacing:1px;
    font-family:Arial,courier,sans-serif,Impact;
    font-size:12px;
    }
a.txt:link   {color:black;}
a.txt:active {color:black;}
a.txt:visited{color:black;}
a.txt:hover  {color:blue;}

/* -------- Pour les liste et detail des Factures / Releves ----------- */
pre  {margin:0px; padding:0px; font-family:courier new, courier; font-size:13px; padding:0px 5px 0px 5px;}
a.txt2         {text-decoration:none;}
a.txt2:link    {color:black;}
a.txt2:active  {color:black;}
a.txt2:visited {color:black;}
a.txt2:hover   {color:blue;}
.courier {font-family:courier new, courier}


/*--- Compteur du nombre de caracteres restant à saisir dans zones de textarea --*/
.ctr {
    border:1px solid #000000;
    background-color:#696969;
    color:#ffffff;
    font-weight:bold;
    padding-left:2px;
    }

/*---- Liste des news -------------------- SERT ENCORE ????-----------------------*/
a.lnews {
    text-decoration:none;
    font-weight:normal;
    font-family:Arial,courier,sans-serif;
    font-size:12px;
    }
a.lnews:link    {color:#006666; }
a.lnews:active  {color:#006666; }
a.lnews:visited {color:blue;    }
a.lnews:hover   {color:#FF0000; font-weight:bold; background-color:beige;}

ul.nwlst {
    margin:0px; padding:0px;
    margin-left:2px;
    padding-right:8px;
    list-style:none;
    }

li.nwlst {
    background-image:url(../img/text.png);
    background-repeat:no-repeat;
    background-position:left 1px;
    margin:0px; padding:0px;
    padding-left:25px;
    padding-bottom:8px;
    }

/* ------ Barre de Navigation / Pagination -------------*/

/*--- No de page actuelle de la barre de navigation iverse video ----*/
a.nopage_iv, a.nopage_iv:visited, a.nopage_iv:link {
    background-color:#0056bc; color:white;
    border:#0056bc 2px solid;
    font-size:12px; font-family:Arial,Helvetica,sans-serif; font-weight:bold;
    text-align:center; text-decoration:none; cursor:crosshair;
    }
a.nopage_iv:hover {color:#FFFF00; font-size:12px; font-weight:bold; text-decoration:none; }
a.nopage, a.nopage:visited, a.nopage:link {  /* autres No de la barre de navigation */
    background-color:white;
    font-size:12px; font-family:Arial,Helvetica,sans-serif;
    font-weight:bold; text-decoration:none ; text-align:center;
    }
/* a.nopage:hover {font-size:110%;} */


/*---- RSS NETPME ---------------------------------------------------------------------------*/
ul.rss {margin:0px; padding:0px; }
li.rss {margin: 10px 20px 5px 15px; }
A.rss {font-weight:bold; }
A.rss:link    {color:#000080;}  /* Navy */
A.rss:active  {color:#000080;}  /* Navy */
A.rss:hover   {color:#FFFFFF; text-decoration:none; background-color:#000080; padding-left:3px; }


/*---- Menus haut de page horizontal --NBC $$ 17-02-2010 $$ --------------------------*/
div.navh {                      /* div des items horizontaux */
    background-color:#0056bc;   /* from scripts/menu_horizontal.php => $MENU_BG_COLOR */
    height:18px;
    margin:0;
    /* margin-bottom:20px; */
    padding:0; padding-top:2px;
    letter-spacing:2px;
    color:#ffffff;
    text-align:center;
    border-right:1px solid #ffffff;
    margin-top:2px;
    }

ul.navh {
    background-color:#0056bc;   /* from scripts/menu_horizontal.php => $MENU_BG_COLOR */
    margin:0; margin-top:4px;
    padding:0px 0px 0px 0px;
    }
ul.navh li {
    text-align:left;
    margin:0;
    padding:3px 0px 4px 0px;
    }

/*---- liens dans les menus -------NBC $$ 17-02-2010 $$ ---------*/
a.navh {
    text-decoration:none;
    color:#ffffff;
    }
a.navh:link    {color:#ffffff;}
a.navh:active  {color:#ffffff;}
a.navh:visited {color:#ffffff; text-decoration:none;}
a.navh:hover   {
    color:#ffffff;
    text-decoration:none;       /* from scripts/menu_horizontal.php => $MENU_DECORATION     */
    background-color:navy;      /* from scripts/menu_horizontal.php => $MENU_BG_COLOR_HOVER */
    }

/*---- liens dans sous-les menus ----NBC $$ 17-02-2010 $$ -------*/
a.navhs {
    text-decoration:none;
    letter-spacing:2px;
    color:#ffffff;
    }
a.navhs:link    {color:#ffffff;}
a.navhs:active  {color:#ffffff;}
a.navhs:visited {color:#ffffff;}
a.navhs:hover   {
    color:#ffffff;
    text-decoration:none;       /* from scripts/menu_horizontal.php => $MENU_DECORATION     */
    }

/*---- pour le menu vertical à gauche ----- NBC $$ 17-02-2010 $$  */
ul.menu2 {margin:20px 0px 0px 0px; padding:0 0 0 0px; list-style:none; width:240px;}
ul.menu2 li {
    background-image:url(../img/puceBlanc10.gif) ;
    background-repeat:no-repeat;
    background-position:10px 7px;
    letter-spacing:2px;
    padding:5px 2px 5px 28px;
    text-align:left;
    }
ul.menu2 li a.menu2 {color:#ffffff; text-decoration:none; padding:0px;}
ul.menu2 li a.menu2:hover {border-bottom:1px dashed #ffffff;}


/*------------------------* Fin de feuille de style DORMANE global.css ----------------------------*/
