﻿* {margin:0; padding:0;}
* { box-sizing: border-box;}

/*
body {background-color:#D8EEF9;padding:0; margin:0; font-family: verdana, arial, sans-serif; font-size:10pt; font-weight:normal; color: #000000;}
*/
/*
#frmMaster {position:relative; width:1000px; height:auto; margin:2px auto 10px; padding:0;
 background-color:#FFFFFF; border-style:solid; border-width:4px 1px 2px 1px; border-color:#000080;} */

/* body {width:1024px; background-color:#D8EEF9; padding:0; margin:0 auto; font-family: verdana, arial, sans-serif; font-size:10pt; font-weight:normal; color: #000000;} */

body {background-color:#d8eef9; font-family: Calibri, "Lucida Grande", "Trebuchet MS", Verdana, "Segoe UI", Arial; 
      color: #000000; margin: 0 auto; width: 1000px; font-size: 1.0em; font-weight: normal;}

#frmMaster { width: 100%; margin-bottom: 20px; background-color: #ffffff; border-style:solid; border-width:4px 1px 2px 1px; border-color:#000080; overflow:hidden;}


#menuH {position:relative; margin:0; padding:0;left:0; top:0; text-align:center;  width: 100%; height:152px;background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#000080;}

#menuH1 {border: 0 solid #000080;
  position:relative; padding:0;left:0; top:0; text-align:center;  width: 100%; height:50px;background-color:#FFFFFF; margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

#salon {position:relative; margin:0; padding:0 0 20px 0;left:0; top:0; text-align:left; width: 100%; height:auto;background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#7F7F7F; clear:both;}

#salon2 {position:relative; margin:0; padding:0;left:0; top:0; float:left; text-align:left; width: 690px; height:auto;background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#7F7F7F;}

#salon3 {display: block; margin:0px; padding:0px;left:0; top:0; float:left; text-align:left; background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#7F7F7F;}

#menuG {margin:0 0 0 2px; padding:0;top:0; float:left; text-align:left; width: 168px; height:auto;background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#7F7F7F;}

#menuG200 {position:relative; float: left; margin:0; padding:0;left:1px; top:0;  text-align:left; width: 200px; height:auto;background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#7F7F7F;}

#principal {position:relative; margin:0; padding:10px;left:2px; top:0; float: left; text-align:center; height:auto;background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#7F7F7F;}

#princ800 {position:relative; margin:0; padding:0;left:10px; top:10px; float: left; text-align:left; width: 810px; height:auto;background-color:#000080; border-style:solid; border-width:0; border-color:#7F7F7F;}

#princ500 {position:relative; margin:0; padding:0;left:10px; top:0; float: left; text-align:left; width: 480px; height:auto;background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#7F7F7F;}

#sam690 {position:relative; margin:0; padding:0;left:1px; top:10px; float: left; text-align:left; width: 687px; height:auto;background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#7F7F7F;}

#sam1000 {position:relative; margin:0; padding:10px 5px;left:1px; top:0; float: left; text-align:left; width: 998px; height:auto;background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#7F7F7F;}

#lecteur {position:relative; margin:0; padding:0;left:0; top:10px; float: left; text-align:left; width: 998px; height:auto;background-color:#FFFFFF; border-style:solid; border-width:0; border-color:#7F7F7F;}

#menuD, #menuActu, #pubD { margin: 10px 2px 0 0; padding:0px; top:0; float: right; text-align:left; width: 300px; height:auto;background-color:#FFFFFF; border-style: solid; border-width:0; border-color:#7F7F7F;}

#menuD2 {position:relative; margin:0; padding:0;left:-3px; top:-23px; float: right; text-align:left; width: 300px; height:auto;background-color:#ffffff; border-style: solid; border-width:0; border-color:#7F7F7F;}

H4 {font-family: verdana; font-size:16pt; font-weight: bold; color: #000000; }
img {border:none; padding:0; margin:0;}

.noJs {display:none;}

#mainH {position:relative;WIDTH: 1000px; HEIGHT: 132px;padding:0;margin:auto;
         border-style:solid; border-width:0; border-color:#000080; background-color:#FFFFFF;}
                       
#PH {position: absolute; Z-INDEX: 2; LEFT: 155px; TOP: 3px; WIDTH: 728px; HEIGHT: 90px;}

#ContainerPage {border-left:2px solid #000080; border-right:2px solid #000080; 
    border-bottom:5px solid #000080; position: absolute; Z-INDEX: 30; LEFT: 0; TOP: 144px; WIDTH: 987px; 
    background-color:#ffffff; padding:3px;margin:3px 1px;}
      
#logbar {position: absolute; Z-INDEX: 40; LEFT: 886px; TOP: 3px; WIDTH: 90px; HEIGHT: 150px;margin:0;padding:0;}

#menu dd {position:absolute;left:-156px;width:1000px;height:20px;margin:0; padding:3px 0 0 0;
          background-color:#000080;font-size:10pt;border-top:1px solid #000080; font-weight:normal;text-align:left;}

#menu {list-style-type:none;font:10pt verdana;height:40px;font-weight:bold; margin-top:0; margin-left:156px;
       position: absolute; left:0; top: 100px; padding-top:0;}   

#actif {COLOR: #FFFFFF; background-color:#000080;list-style-type:none;
      margin:0 -5px; padding-left:7px; padding-right:14px; padding-top:4px; padding-bottom:4px;}

#menu dl dt a {COLOR: #FFFFFF; text-decoration: none;background-color:#0000ff;
      margin-top:0; margin-right:-5px; margin-bottom:0; margin-left:-5px;
      padding-left:7px; padding-right:6px; padding-top:3px; padding-bottom:3px}

#menu dl dt a:hover {COLOR: #FFFFFF; text-decoration: none;background-color:#000080;
      margin:0 -5px; padding-left:5px; padding-right:6px; padding-top:2px; padding-bottom:4px}

#menu dl {float: left;}
#menu li, #pgactif, #pgleft, #pgli {display: inline;}

#menu a, #menu dt {margin-right:5px;padding:2px 4px;text-decoration:none;color:#ffffff;}

#menu dd a {text-decoration:underline;background-color:#000080;margin-right:1px; padding-left:3px; 
      padding-right:3px; padding-top:1px; padding-bottom:1px; }

#pgactif, #pgleft, #menu A:hover{
	border-left:2px solid #000000; border-right:0 solid #000000; 
	border-top:1px solid #000000; border-bottom:1px solid #FFFFFF; 
	color: #000000; text-decoration: none;background-color:#FFFFFF;
	Padding-bottom: 3px;Padding-top: 0;Padding-left: 3px;Padding-right: 2px;margin:0;}
	
#pgleft, #pgli {margin-left:168px; margin-right:4px;}

#pgleft a:hover{
	border-left:0 solid #000000; border-right:0 solid #000000; cursor: default;
	border-top:0 solid #000000; border-bottom:1px solid #FFFFFF; 
	color: #000000; text-decoration: none; background-color:#FFFFFF;
	Padding-bottom: 0;Padding-top:0;Padding-left: 1px;Padding-right: 2px;margin:0;}

.pub {border:inset 00 #7F7F7F; background-color:#FFFFFF;padding:0; margin:-1px 0 0 0; 
      width:100%; height:auto; text-align:left; overflow: visible; float:right;}

.pubG {border:inset 00 #7F7F7F; background-color:#FFFFFF;padding:0; margin:0; 
      width:100%; height:100%; text-align:left; overflow: visible; float:left;}

.menuTabD {background-color:#ffffff;}
.tab3D {border-style:solid; border-width:1px; border-color:#7F7F7F; padding:0; margin:0;}

#pgactif {Padding-bottom: 3px;Padding-top: 0px;Padding-left: 2px;Padding-right: 2px;margin: 0 5px;color: #000000;font-weight:normal; background-color:#ffffff;}

#pgactif a:hover{
	border-left:0 solid #000000; border-right:0 solid #000000; cursor: default;
	border-top:0 solid #000000; border-bottom:1px solid #FFFFFF; 
	color: #000000; text-decoration: none; background-color:#FFFFFF;
	Padding-bottom: 0;Padding-top:0;Padding-left: 1px;Padding-right: 3px;margin:0;}

#rd1, #rd2, #rd3 {margin:0 0 0 4px; padding:0}
.rd {padding:0 0 0 2px; margin:0  0 0 5px}

hr {margin:0 ; padding:0;}

.cl1 { text-align:left; background-color: #A5A5A5; color:#000080; width:200px; vertical-align:top; font-family:verdana; font-size:10px; font-weight:bold; padding:0;}       
.cl2 {text-align:left; background-color: #A5A5A5; color:#000000; width:200px; height:25px; vertical-align:top;font-family:arial; font-size:11px; border-color:#A5A5A5; font-weight:normal; padding:0 2px;}       
.cl3 { text-align:right; background-color: #A5A5A5; color:#000080; width:120px; height:32px; font-family:verdana; font-size:9pt; font-weight:bold; padding:0 3px 0 2px;}       
.cl4 {text-align:left; background-color: #FFFFFF; color:#000000; width:220px; font-family:verdana; font-size:9pt; padding:0 2px 0 2px;}
.cl5 {text-align:center; background-color: #7F7F7F; color:#000080;font-family:arial; font-size:8pt; padding:0; margin:0;}
.cl6 {text-align:left; background-color: #A5A5A5; color:#000000;font-family:arial; font-size:8pt; padding:0; margin:0;}
.btn {text-align:center; background-color: #A5A5A5; color:#000000; width:27px; font-family: verdana; font-size:12px; font-weight:bold; margin:0; padding:0;}
.btnG {text-align:center; color:#FFFFFF;
       vertical-align:middle; font-family:verdana; font-size:10pt; font-weight:normal;padding: 0;margin:0;
       border-left: 1px solid #C0C0C0; border-right: 1px solid #000000; border-top: 2px solid #000000; 
       border-bottom: 1px solid #C0C0C0; background-color: #7F7F7F;text-decoration:none;}
.p10gg {text-align:left; background-color: #A5A5A5; color:#000000;font-family:verdana; font-size:10pt; padding:0 2px;}
.p10cb {text-align:center; background-color: #FFFFFF; color:#000000;font-family:verdana; font-size:10pt; padding:0;margin:0;}
.p9gg {text-align:left; background-color: #A5A5A5; color:#000000;font-family:arial; font-size:9pt; padding:0 2px;}
.p9cb {text-align:center; background-color: #FFFFFF; color:#000000;font-family:arial; font-size:9pt; padding:0;margin:0;}
.p8cb {text-align:center; background-color: #FFFFFF; color:#000000;font-family:arial; font-size:8pt; padding:0;margin:0;}

.titre {font-family: Verdana; font-size: 11pt;color: #0000ff; text-align:left;font-weight:bold; 
 background-color:#A5A5A5; padding:2px; cursor:pointer;}
.arTitre {text-align: justify; font-family: Times new roman; font-size: 14pt; color: #000000; font-weight: bold; 
          letter-spacing: 0em; margin:0px;padding:0px;}
.cyList {font-family: Verdana; font-size: 10pt;color: #0000ff; text-align:center;font-weight:bold; 
 background-color:#A5A5A5; padding:2px;}

.m1, .m2, .m3, .m5, m55 {text-align:center;
       vertical-align:middle; font-family:verdana; font-size:10pt; font-weight:normal;padding: 0 2px;
       border-left: 1px solid #C0C0C0; border-right: 1px solid #000000; border-top: 2px solid #000000; 
       border-bottom: 1px solid #C0C0C0; text-decoration:none;}

.m1   {color:#FFFFFF; background-color: #000080;}
.m2   {color:#FFFF00; background-color: #000080;}
.m3   {color:#FFFF00; background-color: #77B5FE;}
.m4   {color:#FFFF00; background-color: #000080;}
.m5 a {color:#FFFFFF; background-color: #808080; text-decoration:none;font-weight:normal; cursor:auto; 
      font-size:10pt}
.m55 a:hover {color:#0000FF; background-color: #FFFF00; text-decoration:none; padding: 0 7px;
      font-weight:normal; cursor:pointer;
      font-size:10pt; border-left: 2px solid #C0C0C0; border-right: 0 solid #000000; border-top: 2px solid #000000; 
      border-bottom: 0 solid #C0C0C0; font-size:10pt;}
      

.cellNorm, .tabover{font-family:Verdana; font-size:10pt; color: #FFFFFF; width:25%;
            background-color:#A5A5A5; height:20px;}
.cellOver  {background-color:#00FF00; color:#0000FF; font-family:Verdana;  font-size:10pt; font-weight:bold;
            cursor:pointer;}
.cellBlue  {background-color:#0000FF; color:#FFFF00; font-family:Verdana;  font-size:10pt; font-weight:normal;}
.cellBlanc {font-family:Verdana; font-size:10pt; color: #0000FF; text-align:center; height:16px;}
.cellJaune {font-family:Verdana; font-size:10pt; color: #0000FF; width:100%; background-color:#FFFF00; cursor:pointer;}
.cellOn    {Text-align:left; background-color:#FFFFFF; padding-left:3px; cursor:pointer;}
.cellOut   {Text-align:left; background-color:#FFFF00; padding-left:3px; cursor:auto;}
.cellOutB  {background-color:#FFFFFF; cursor:auto;}
.cellOnJ   {background-color:#FFFF00; cursor:pointer;}

.tdBB7F {border-bottom: 1px solid #7F7F7F;}
.tdHH7F {border-top: 1px solid #7F7F7F;}
.tdBH7F {border-bottom: 1px solid #7F7F7F; border-top: 1px solid #7F7F7F;}
.tdBC7F {border: 1px solid #7F7F7F;}

.gauche    {text-align:left;}
.droit     {text-align:right;}
.centre    {text-align:center;}
.justifier {text-align:justify;}
.haut      {vertical-align:top;}
.milieu    {vertical-align:middle;}
.bas       {vertical-align:bottom;}

.normal    {font-weight:normal;}
.gras      {font-weight:bold;}
.italique  {font-style:italic;}
.retrait2c {margin-left: 9px;text-indent: -9px; text-align: left; }
.retrait3c {margin-left: 15px;text-indent: -15px; text-align: left; }

.padTC5 {padding:5px;}

.bc1gr    {background-color:#CECECE;}
.bc11gr   {background-color:#808080;}
.bc2gr    {background-color:#AFAFAF;}
.bc3gr    {background-color:#BBACAC;}
.bc4gr    {background-color:#9E9E9E;}
.bc5gr    {background-color:#7F7F7F;}


#fin {float:left;width:1em;}
#fin:after {content:  "."; display:  block;height:0;clear:both; visibility:hidden;}
   
.sign {text-align: right; font-family: Trebuchet MS, Times New Roman;font-style:italic; font-size: 1.0em; color: #000000; font-weight: normal;}