body                        {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; background: url("/images/bg.jpg"); margin: 0; padding: 0;}
h1                          {color: #679ec9; font-size: 16px; font-weight: bold; text-align: left;  margin:0; padding: 0;}
h2                          {color: #88af3a; font-size: 12px; font-weight: bold; text-align: left;  margin:0; padding: 0; padding-bottom: 8px;}
h3                          {font-size: 13px;}
h4                          {color: #ca0000; font-size: 12px; font-weight: bold; text-align: left;  margin:0; padding: 0; padding-bottom: 15px;}
a                           {color: #88ae3d; text-decoration: none }
a:hover                     {text-decoration: underline }

#entete                     {width: 790px; height: 108px; margin: 0 auto; background: #FFFFFF;}
#contenu                    {width: 750px; min-height: 420px; margin: 0 auto; padding: 0 20px 10px; background: #FFFFFF; font-size: 11px; color: #4d4d4d; overflow: auto;}
#contenu p                  {margin: 0 0 10px; padding: 0;}
#baspage                    {width: 790px; margin: 0 auto; text-align: center; padding: 10px; font-size: 9px; color: #5a89ae;}
#baspage a                  {color: #5a89ae; text-decoration: none }
#baspage a:hover            {text-decoration: underline }
.credits                    {color: #7e7e7e;}
.credits a                  {color: #7e7e7e !important; text-decoration: none }
.credits a:hover            {text-decoration: underline }

.photodroite                {float: right; margin-left: 30px; padding-bottom: 10px;  clear: right;}
.hammeconnage               {font-size: 12px; font-weight: bold; text-align: center;}


#entete a                   {float: left;}
#btcentre                   {float: left; width: 175px;}
#logoAccueil                {float: left; width: 350px; height: 93px;}

#corporatif                 {float: right; margin-right:7px; width:405px; height:60px; position:relative; background:url(/images/fond_case_compte.jpg)}
#corporatif h2              {color: #ffffff; font-size: 11px; font-weight: bold; margin: 0; padding: 0;}
#corporatif .btcompte       {float:right; top:13px; left:240px; position:absolute;}
#corporatif input           {float: none; font-size: 11px}
#corporatif .menucompte     {float:left; top:12px; left:15px; position:absolute; text-align:left; }
#corporatif select          {font-size: 11px}

#video                      {position:relative; float: right; top: 108px; height: 337px; z-index: 100 !important; width: 230px; background: #FFFFFF; margin: 3px;}
#accueil                    {margin: 0; padding: 0;}
.flgauche                   {float: left; width: 260px;}
.flcentre                   {float: left; width: 237px;}
.fldroite                   {float: right; width: 237px;}
.flnouvelles                {float: right; width: 237px; height: 20px;}
.nouvelles                  {float: right; width: 230px; height: 180px; padding: 35px 0; background: url("/images/fr/nouvelle_fond.jpg") no-repeat; }
.nouvelles a                {display: block; color: #000000; margin-right: 5px;}
.nouvelles a:hover          {text-decoration: none;}
.nouvelles h3               {color: #88af3a; font-size: 12px; margin: 0; padding: 0 0 10px;}
.news                       {float: right; width: 230px; height: 180px; padding: 35px 0; background: url("/images/en/nouvelle_fond.jpg") no-repeat; }
.news a                     {display: block; color: #000000; margin-right: 5px;}
.news a:hover               {text-decoration: none;}
.news h3                    {color: #88af3a; font-size: 12px; margin: 0; padding: 0 0 10px;}
.detailnouvelles {display: block; height: 162px; overflow: hidden;}


#fiche                      {width: 500px; margin-left: 15px; padding-top: 25px; min-height: 500px; float: left;}
#fiche .description         {width: 500px; height: 218px; overflow: auto; margin: 0;}
#fiche .description ul      {list-style-type: disc;}
#fiche .description ol      {list-style-type: decimal;}
#fiche .description li      {margin: 0; padding: 0; float: none; list-style-type: inherit ;}
#fiche h2                   {margin: 0 0 5px; padding: 0; font-size: 14px;}
#fiche h2 strong            {color: #4d4d4d;}
#fiche h3                   {margin: 0; padding: 0; text-align:right; background: #4F7698; color : #FFFFFF; padding: 2px 5px 2px 0;}
#fiche #zonehaut            {width: 500px; margin: 8px 0; border-top: solid 2px #C4C4C4; overflow: auto; line-height: 15px;}
#fiche #pratique            {margin: 2px 0;text-align: right; font-style: italic; }
#fiche #bordurebas          {margin-left: 5px; height: 6px; border-bottom: solid 2px #C4C4C4; background: #EBEBEB; }
#fiche #zonebas             {margin: 0; padding: 0 5px; overflow: auto; line-height: 15px; background: #EBEBEB;}
#fiche #zonebas a           {color: #4F7698;}
#fiche .gauche              {float: left; width: 230px;}
#fiche .droite              {float: right; width: 230px;}
#onglets                    {height: 20px; width: 500px; background: #4F7698;}
#onglets ul                 {margin: 0; padding: 0;}
#onglets li                 {float: left; list-style-type: none; padding-right: 30px; line-height: 18px; text-indent: 15px; display: block; height: 20px;  text-align: left; font-weight: bold; cursor: pointer; border-left: solid 2px #FFFFFF;}
#onglets a                  {color: #CBCBCB;}
#onglets a:hover            {text-decoration: none; color : #FFFFFF}
#onglets .actif             {color : #FFFFFF}
#fichevideo                 {margin-left: 0; position:relative; float: left; width: 230px; min-height: 300px; text-align:center; margin: 25px 0; }
#fichevideo select          {width: 230px;}
#fichevideo img             {margin: 3px 0; }
.description .ligauche      {float: left; display: block; width: 230px; margin: 0; padding: 10px 0 0;}
.description .lidroite      {float: right; display: block; width: 230px; margin: 0; padding: 10px 0 0;}

#listeprofession            {text-align: left; margin: 0 0 20px; font-size: 12px; color: #000000}
#listeprofession a          {color: #679ec9;}
#listeprofession strong     {color: #88af3a;}
.pfichelistepro             {width: 750px; min-height: 170px; margin-bottom: 15px; background: #FFFFFF;}
.ifichelistepro             {width: 750px; min-height: 170px; margin-bottom: 15px; background: #F1F1F1;}
.ficheentete                {width: 521px; height: 28px; text-align: right; padding: 2px 8px; border-bottom: solid 2px #E3E3E3;}
.ficheentete h3             {float: left; font-size: 12px; max-width: 250px; overflow: hidden; height: 28px; margin: 0; padding:0; text-align: left; line-height: 28px;}
.detailfiche                {width: 521px; min-height: 130px; margin: 5px 0 15px; }
.detailfiche .photo         {display: block; float: left; margin: -4px 5px 4px;}
.detailfiche .description   {text-align:left; margin:0; margin-bottom: 5px;  font-size: 10px;}
.detailfiche img            {padding: 2px;}
.detailfiche .hautfiche     {height: 70px;}
.detailfiche .basfiche      {height: 47px; bottom: 0;}
.calendrier                 {float: right; width:206px; height:170px; background: #E3E3E3;}
.calendrier h3              {font-size: 12px; margin:0; padding: 5px 0; width: 206px; height: 30px; background: #4F7698; text-align: center; color: #FFFFFF; margin-bottom: 10px;}
.calendrier p               {margin: 5px 10px 0;}
.calendrier .lblDate        {font-weight: bold; color: #88af3a;}
.calendrier input           {margin: 5px 0;}


.accord                     {width: 100%; height: 120px; overflow: auto; border: solid 1px #7F9DB9; padding: 3px;}
.accord ul                  {margin-top: 0;}
.accord li                  {padding-bottom: 5px;}
.accord h1                  {padding: 0; padding-top: 10px; margin: 0; font-size: 10pt; }
.accord h2                  {padding: 0; margin: 0; font-size: 9pt; }
.accord span                {font-size: 7pt;}
.accord hr                  {color: #7F9DB9; width: 60%;}

.lblformulaire              {float: left; width: 170px; margin-right: 10px; margin-bottom: 14px;}
.formulaire label           {float: left; width: 170px; margin-right: 10px; margin-bottom: 14px;}
.formulaire input select    {border: solid 1px #7F9DB9; min-width: 260px; }
.formulaire br              {clear: left; }
.formulaire .listeform      {float: left; display: block;}
.formulaire .listeform>label     {display: inline; float:none;}

.listelanguemin             {width: 560px; height: 80px; overflow:auto; border: solid 1px #7F9DB9; }

.listescroll                {width: 400px; height: 80px; overflow:auto; border: solid 1px #7F9DB9; }

.sanslabel                  {float:left; margin-left: 180px;}
.retraitform                {float: left; min-width: 300px; padding-bottom: 5px;}
.retraitbt                  {float: left; margin-left: 200px; padding-bottom: 5px;}
.validationdroite           {display:block; float:left}

#progression                {margin: 0; padding: 0;}
#progression li             {margin: 0; padding: 0; float: left; list-style-type: none;}
#progression a              {font-weight: bold !important;}
#progression a:hover        {text-decoration: none;}

#progression #progprem a        {display: block; width: 114px; height: 33px; padding: 8px 10px 5px 10px; color: #FFFFFF; background-image: url("/images/bg_etape_prem.gif");}
#progression #progprem strong   {display: block; width: 114px; height: 33px; padding: 8px 10px 5px 10px; color: #FFFFFF; background-image: url("/images/bg_etape_prem_on.gif");}
#progression .etape a           {display: block; width: 105px; height: 33px; padding: 8px 10px 5px 10px; color: #FFFFFF; background-image: url("/images/bg_etape_cent.gif");}
#progression .etape strong      {display: block; width: 105px; height: 33px; padding: 8px 10px 5px 10px; color: #FFFFFF; background-image: url("/images/bg_etape_cent_on.gif");}
#progression #progdern a        {display: block; width: 95px; height: 33px; padding: 8px 10px 5px 10px; color: #FFFFFF; background-image: url("/images/bg_etape_dern.gif");}
#progression #progdern strong   {display: block; width: 95px; height: 33px; padding: 8px 10px 5px 10px; color: #FFFFFF; background-image: url("/images/bg_etape_dern_on.gif");}

.prochaineetape             {text-align: right; background: #4F7698; margin: 10px 0; padding: 3px;}

.formulaire .watermark      {color: #999999; background: #EEEEEE; border: solid 1px #7F9DB9;}
.formulaire input           {border: solid 1px #7F9DB9;}


#formulaire .watermark      {color: #999999; background: #EEEEEE; border: solid 1px #7F9DB9;}
#formulaire label           {float: left; width: 170px; margin-right: 10px; margin-bottom: 14px;}
#formulaire input select    {border: solid 1px #7F9DB9; min-width: 260px; }
#formulaire br              {clear: both; }
#formulaire .erreur         {background: #EEEEEE; border: solid 1px #7F9DB9;}

#profilmenu                {float: left; width: 175px;}
#profilzone                {float: left; width: 575px;}

#popuprdv                   {margin: 0 10px; padding: 60px 10px 0; top: 0; background: #FFFFFF; font-size: 11px; height: 335px;}
#backrdv                    {position: absolute; margin: 3px 0;  padding: 8px 15px; top: 8px; width: 100%; height: 45px; background: url("/images/bgdispoimmediate.gif") no-repeat;}
#popuprdv p                 {margin: 5px 0; padding: 0; }
#popuprdv .raison           {width: 360px; height: 80px; margin: 0 auto; overflow:auto;}
#popuprdv .lblou            {width: 30px; height: 60px;  display: block; float: left; border: solid 1px #000000;}
#popuprdv #infosdemande     {margin: 20px 0; width: 100%; height: 60px; overflow:auto;}
#popuprdv .highlight        {color: #5a89ae;}

.btnondispo                 {display: block; width: 200px; margin: 5px 0; padding: 2px 2px 6px; background: #AC2A2A; color: #FFFFFF; font-weight: bold;}
.btfermer                   {margin: 10px 0; padding: 4px 6px 4px 22px; background: #AC2A2A url("/images/bt_x.gif") no-repeat; background-position: 3px 3px; color: #FFFFFF; font-weight: bold;}
.btfermer:hover             {text-decoration: none;}

.progress                   {width: 360px; height: 21px; border: solid 1px #7F9DB9; background: #E0E0E0; background-position: center ;   }
.progressbar                {height: 21px; background: url("/images/progress_bar.gif");}

#formcredit                 {float: left; width: 400px;}
#creditmodalites            {float: left; width: 300px;}
.errcredit                  {margin: 5px 0; display: block; font-weight:bold;}

#calinfo                    {float: left; width: 185px;}
#calinfo a                  {color: #FFFFFF;}
.caldialogue                {z-index: 10; position: absolute; top: 400px; margin: 0 0 0 70px; width: 455px; height: 200px; border: solid 2px #FFFFFF; padding: 10px; color: #FFFFFF;}
.caldialogue h2             {font-weight: bold;}
.caldialogue h3             {font-weight: bold; font-size: 11px; padding: 0; margin: 0; padding-bottom: 10px;}
.caldialogue .fermer        {position: relative; float: right; display: block; margin: 0;}
.caldialogue>div            {padding: 0 10px;}
#calael                     {float: left; width: 565px;}
#calael #legende            {width : 490px; text-align: center; padding:0 20px 10px 70px;}
#calael #calentete          {width : 480px; text-align: center; padding:0 20px 10px 70px;}
#calael #calentete .prec    {float: left;}
#calael #calentete .suiv    {float: right;}
#calael .dpcalendrier       {}
#calael .calerreur          {color : #000000;}
#calael #boutons            {text-align: left;}
#legende span               {display: block; float: left; width: 152px; padding: 3px; border: solid 1px #FFFFFF;}
#legende br                 {clear: both;}
#legende .dispo             {background: #91B450; color: #FFFFFF;}
#legende .demande           {background: #E5D005; color: #3C3C3C;}
#legende .confirme          {background: #B23023; color: #FFFFFF;}
#calael>div.refus			{background: #FFFFFF; border: solid 2px #CC0000; }
#calael>div.refus>h2		{color: #CC0000;}
#calael>div.refus>p			{color: #CC0000;}
#calael>div.refus>a.fermer  {color: #CC0000;}

.admlisteutilisateur        {height : 200px; overflow: auto;}
.infousager                 {float: right; padding: 5px; width: 300px; margin-right: 60px; height: 73px; background: #F3F3F3; overflow: auto;}

.listefacture               {height: 300px; overflow: auto;}
.listefacture label         {float: left; width: 170px; margin-right: 10px; margin-bottom: 14px;}
.listefacture br            {clear: left; }
.infologin                  {float: right; width: 350px; margin-right: 10px; text-align: center;}
#videostatique              {float: right; width: 230px; text-align: right; margin-left: 30px; padding-bottom: 10px;}
#flplayer                   {margin-top: 10px;}

#calael>div.creation            {color: #ffffff; background: #5787ad;}
#calael>div a                   {color: #ffffff;}
#calael>div h2                  {color: #ffffff;}
#calael>div h3                  {color: #ffffff;}
#calael>div.pldispo             {color: #ffffff; background: #91b450;}
#calael>div.pldemandeperso      {color: #3c3c3c; background: url('../images/attente_enpersonne.gif') bottom right no-repeat #e5d005;}
#calael>div.pldemandeperso a    {color: #3c3c3c;}
#calael>div.pldemandeperso h2   {color: #3c3c3c;}
#calael>div.pldemandeperso h3   {color: #3c3c3c;}
#calael>div.pldemandevisio      {color: #3c3c3c; background: url('../images/attente_webcam.gif') bottom right no-repeat #e5d005;}
#calael>div.pldemandevisio a    {color: #3c3c3c;}
#calael>div.pldemandevisio h2   {color: #3c3c3c;}
#calael>div.pldemandevisio h3   {color: #3c3c3c;}
#calael>div.plconfirmperso      {color: #ffffff; background: url('../images/confirmation_enpersonne.gif') bottom right no-repeat #b23023;}
#calael>div.plconfirmvisio      {color: #ffffff; background: url('../images/confirmation_webcam.gif') bottom right no-repeat #b23023;}
#errajout                       {font-weight: bold; padding: 0 0 10px;}


.listenouvelles td                  {padding-bottom: 15px;}
.listenouvelles .lienvideo          {display: block; width: 100px; text-indent: 20px; padding: 3px; margin: 3px 0; background: #4F7698 url("/images/camera_btn.gif") no-repeat 3px; color: #FFFFFF;}
.listenouvelles .lienvideo:hover    {text-decoration: none;}
.pagination                         {width: 600px; margin: 5px auto; text-align: center; line-height: 15px; font-size: 14px;}
.pagination a                       {color : #4F7698}


.listejournal                       {height: 300px; overflow: auto;}
.listejournal div                   {float: left; width: 175px; line-height: 18px;}

#gestioncorpo .itmcopro             {width: 230px; float: left;}
#gestioncorpo .btcopro              {width: 75px; float: left; text-align: center; padding: 15px 0;}
#gestioncorpo .btcopro input        {margin: 5px 0;}

#listevideoadm                      {margin: 10px 0;}
#listevideoadm div                  {float: left; width: 175px; margin-left: 5px;}
#menutexte                          {width: 780px; min-height: 51px; margin: 0 auto; padding: 0 5px; font-size: 10px; background: #5a89ae;}
#menutexte ul, li                   {margin: o; padding: 0;}
#menutexte ul li                    {float: left; list-style: none;}
#menutexte a                        {display: block; padding: 0 5px 0 0; color: #ffffff;}

.notecalendrier                     {border: dashed 2px #679ec9; padding: 20px; margin: 20px;}
.msgerr								{color: Red;}