body
{
margin: 0;
margin-bottom: 1%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}

p
{
text-align: justify;
margin-top: 20px;
margin-bottom: 20px;
}


p.hauPag
{ 
font-size: 6pt;
text-align: center;
width: 100%;
}


font.erreur-acces
{
font-weight: bold;
color: white;
font-size: 12pt;
}

/* Erreurs */

div.erreur
{
color: red;
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
}
/********************/


span.note
{
font-style:italic;
}


span.ex
{
color: #616469;
}

div.datRdv
{
font-size: 12pt;
color: red;
font-weight: bold;
margin-bottom: 8px;
margin-top: 16px;
}

div.linRdv
{
font-size: 11pt;
color: black;
font-weight: bold;
margin: 0;
}

span.nobr
{
font-size: 6pt;
margin: 0;
padding:0;
white-space: nowrap;
}


/* Pour l'affichage du planning */


/* cadre de connexion */
div.co
{
  font-weight: bold;
  font-size: 10px;
  border: 1px;
  border-style:solid;
  border-color:black;
  background-color : #ED1C2F;
  text-align: center;
  padding-top:5px;
  padding-bottom:5px;
  color: white;
  width: 80%;
}



div.pied
{
color: white;
font-size: 10pt;
font-weight: bold;
margin-left: 2%;
margin-top: 4px;
}


/*****************TABLE****************************/

table.frm
{
font-size: 10pt;
}


table.menu
{
width: 100%;
padding: 0;
margin: 0;
}

table.aide
{
width: 100%;
background-color: white;
border-color:#ED1C2F;
border-style:dashed;
border-width: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}

/* légende aide */
table.leg
{
border: none;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: justify;
}

TABLE
{
border-collapse:collapse;
}

TABLE.contenu
{
WIDTH: 96%;
margin-top: 2%;
margin-left: 2%;
margin-right: 2%;
}


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




/*****************TD*******************************/


td.pad
{
padding-left: 10px;
}

td.aide
{
text-align: justify;
padding: 2%;
}

TD.noBord
{
  border-style:none;
}

TD.bord
{
border-color:black;
border-style:solid;
border-width: 1px;
}

TD.aucun
{
text-decoration: none;
color: #616469;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt; 
font-style:italic;
text-align: center;
}

/* vide */
TD.v
{
background-color: #99FF99;
text-align: center;
font-size: 10px;
}

/* rendez-vous */
TD.r
{
background-color: #FF6666;
text-align: center;
font-size: 10px;
}

/* rendez-vous en dehors de la plage horaire */
TD.o
{
background-color: #a52a2a;
text-align: center;
font-size: 10px;
}

/* entête plage horaire */
TD.p
{
background-color: #C1C1C1;
text-align: center;
font-size: 11pt;
font-weight: bold;
border-color:black;
border-style:solid;
border-width: 1px;
}

TD.pex
{
background-color: #C1C1C1;
}


/* entête ligne */
TD.l
{
background-color: #818181;/*#BACBDC;*/
text-align: center;
color: white;
font-size: 12pt;
font-weight: bold;
}

TD.l2
{
border-bottom-color:black;
border-bottom-style:solid;
border-bottom-width: 1px;
}

/* pour client si rendez-vous autre client */
TD.g
{
background-color: #e0e0e0;
text-align: center;
font-size: 10px;
}

/* fermeture */
TD.f
{
background-color: #606060;
text-align: center;
font-size: 10px;
color: white;
}

/* créneaux */
TD.c
{
background-color: #80a0ff;
text-align: center;
font-size: 10px;
}


/* toutes cellule de données dans tableau */
TD.d
{
  border-width:1px;
  border-style:solid;
  border-color:black;
  /*height: 50px;*/
}


TD.h
{
font-weight: bold;
text-align: right;
font-size: 10px;
}


TD.menu
{
text-align: center;
border: 1px;
border-style:solid;
padding:1px;
}

TD.menuOn
{
color: #F92136;
background-color: white;
border-color: #F92136;
}

TD.menuOff
{
cursor: pointer;
text-align: center;
font-weight: bold;
background: #616469;
border: 1px solid white;
}


TD.menuSiteOff
{
background-color: #C1C1C1;
text-align: center;
padding:4px;
border: 1px;
border-style:solid;
border-color:black;
}

TD.menuSiteOn
{
background-color: white;
text-align: center;
padding:4px;
border-left-color:black;
border-left-style:solid;
border-left-width: 1px;
border-right-color:black;
border-right-style:solid;
border-right-width: 1px;
border-top-color:black;
border-top-style:solid;
border-top-width: 1px;
}

TD.menuSiteVide
{
border-bottom-color:black;
border-bottom-style:solid;
border-bottom-width: 1px;
}

TD.ContenuSite
{
background-color: white;
border-left-color:black;
border-left-style:solid;
border-left-width: 1px;
border-right-color:black;
border-right-style:solid;
border-right-width: 1px;
border-bottom-color:black;
border-bottom-style:solid;
border-bottom-width: 1px;
padding: 1%;
font-size: 10pt;
color: black;
}

TD.contenu
{
background-color: white;
border-color:black;
border-style:solid;
border-width: 1px;
padding: 1%;
font-size: 10pt;
color: black;
}



TD.AffDat1
{
font-size: 10pt; 
background-color: #CFD1D8;
border-color:#F4F4F4;
border-style:solid;
border-width: 1px;
}



TD.AffDat2
{
font-size: 10pt; 
background-color: #E7E8EB;
border-color:#F4F4F4;
border-style:solid;
border-width: 1px;
}

TD.ctr
{
text-align: center;
}

TD.vctr
{
vertical-align: middle;
}

Th.tit
{
height: 2px;
font-style: italic;
}


th.data
{
font-size: 10pt; 
color: #ffffff; 
background-color: #79868C;
font-weight: bold;
border-width:1px;
border-style:solid;
border-color:#F4F4F4;
}

th.jps
{
font-size: 10pt; 
color: #ffffff; 
background-color: white;
font-weight: bold;
border-width:1px;
border-style:solid;
border-color:#ED1C2F;
}


th.nomSite
{
font-size: 10pt; 
color: #ffffff; 
background-color: #B0B0B0;
font-weight: bold;
border-width:1px;
border-style:solid;
border-color:#F4F4F4;
}





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



li.lstRdv
{
font-size: 10pt; 
margin: 4px;
}

li.menu
{
padding-bottom: 2%
}


hr
{
color:#ED1C2F; 
border-color:#ED1C2F;
border-style:dashed;
border-width: 1px;
}


h2
{
font-size: 22px;
color: white;
margin-bottom: 0;
margin-left: 2%;
margin-top: 2%;
}


h3
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: white;
background-color: #ED1C2F;
text-align: center;
padding: 4px;
}

h4
{
text-decoration: underline;
color: #616469;
text-align: center;
padding: 4px;
vertical-align: middle;
}











input
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; 
}

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

input.gris
{
background-color: #e0e0e0;
text-align: center;
}

input.aujGris
{
background-color: #ffffc0;
text-align: center;
}

input.aujBon
{
background-color: #ffff00;
text-align: center;
}

input.aujBonOv
{
background-color: #ffa020;
text-align: center;
}

input.bon
{
background-color: #99FF99;
text-align: center;
}

input.bonOv
{
background-color: #40e0c0;
text-align: center;
}

input.numSem
{
background-color: white;
text-align: center;
font-style:italic;
border-style: none;
}

input.maj
{
text-transform: uppercase;
}










/****************** Liens *********************/

A.menuOff
{
font-size: 12pt; 
color: white;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

A.menuOn
{
font-size: 12pt; 
text-decoration: none;
color: #F92136;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

A.menuOn:hover
{
text-decoration: underline overline;
}

A.menuOff:hover
{
color: #ED1C2F;
background: #eee;
}

A.menuAide
{
font-size: 12pt; 
color: white;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

A.menuAide:hover
{
color: #ED1C2F;
background: #FFFFB9;
}

A.menuSiteOff
{
text-decoration: none;
color: #616469;
font-size: 10pt; 
font-weight: bold;
}

A.menuSiteOn
{
text-decoration: none;
font-size: 10pt; 
font-weight: bold;
color: #ED1C2F;

}

A.menuSiteOff:hover
{
text-decoration: underline;
}

A.menuSiteOn:hover
{
text-decoration: underline;
}

A.Ajout
{
text-decoration: none;
color: #F92136;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; 
font-weight: bold;
}

A.ModSup
{
text-decoration: none;
color: #F92136;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; 
}

A.data
{
text-decoration: none;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; 
}

A.jps
{
text-decoration: none;
color: #ED1C2F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt; 
}

A.jps:hover
{
text-decoration: underline; 
}

A.ModSup:hover , A.Ajout:hover
{
text-decoration: underline;
}

A.data:hover
{
text-decoration: underline;
color: #F92136;
}

A.co
{
text-decoration: underline;
color: white;
}

A.co:hover
{
text-decoration: underline;
font-weight: bold;
}

A.aidTit
{
font-size: 10pt; 
font-weight: bold;
color: #ED1C2F;
}