body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 background-color:#FFF;
 margin:0px;
 padding:0px; }

label {
 width:150px;
 float:left; }
 
#contour {
 position:relative; 
 left:50%;
 text-align:left;
 width:774px;
 margin:0 0 0 -387px;
 padding:0; }

.menuTet {
 font-family:Verdana;
 font-size:6.5pt;
 font-weight:bold;
 color:#3d3d3d;
 letter-spacing:-0.03em;
 text-transform:uppercase;
 padding:1px 8px 0 8px; }

.pipe {
 color:#999; }

A.noir:link, A.noir:active, A.noir:visited {
 color:#3d3d3d;
 text-decoration:none; }

A.noir:hover {
 color:#000;
 text-decoration:none; }
 
A.lien:hover {
 color:#000;
 text-decoration:underline; }

.menuFond {
 border-top:solid 1px #FFF;
 border-bottom:solid 1px #999;
 background-color:#CCC;
 height:14px; }

.contenu {
 width:772px;
 border-left:solid 1px #999;
 border-right:solid 1px #999;
 border-bottom:solid 1px #999;
 margin-top:3px;
 float:left; }

.mentions,
.mentions a,
.mentions a:active,
.mentions a:visited {
 font-size:7.5pt;
 color:#999;
 text-align:center; }

.date {
 font-size:8pt;
 font-weight: bold;
 color:#c03;
 text-align:center; }
 
.texteCourant,
.texteCourant a,
.texteCourant a:active,
.texteCourant a:visited {
 font-size:10pt;
 font-weight:normal;
 color:#333;
 text-decoration:none; }
 
.titreCourant,
.titreCourant a,
.titreCourant a:active,
.titreCourant a:visited {
 font-size:10pt;
 font-weight:bold;
 color:#003399;
 text-decoration:none; }

.connexion,
.connexion a,
.connexion a:active,
.connexion a:visited { 
 font-size:9pt;
 font-weight:bold;
 color:#003399;
 text-decoration:none; }

.pointille {
 width:100%;
 height:9px;
 margin-bottom:20px;
 background:url(/images/alacarte/FiletPointille.gif) repeat-x;
 display:block; }

A.btnSavoirPlus:link, A.btnSavoirPlus:visited, A.btnSavoirPlus:active {
 font-size:8.5pt;
 font-weight:bold;
 color:#003399;
 text-decoration:none; }

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

.accesCol {
 width:173px;
 height:378px;
 margin:25px 0 20px 16px;
 float:left;
 display:inline; 
 left:15px; }

.accesFond {
 background:url(/images/accesFond.gif) repeat-y center;
 padding:30px 0 25px 0; }

A.accesTrt, A.accesTrt:visited, A.accesTrt:active {
 display:block;
 font-size:16px;
 font-weight:bold;
 color:#CC0000;
 line-height:1.0em;
 margin-top:6px;
 margin-left:36px; }

A.accesSousTrt, A.accesSousTrt:visited, A.accesSousTrt:active {
 display:block;
 font-size:12px;
 color:#333333;
 line-height:1.4em;
 margin-left:36px; }

A.accesTxt, A.accesTxt:visited,A.accesTxt:active {
 display:block;
 font-size:9.5pt;
 font-weight:bold;
 text-align:center;
 line-height:1.5em;
 text-decoration:none;}

A.accesTxtCom, A.accesTxtCom:visited,A.accesTxtCom:active {
 display:block;
 font-size:9px;
 font-style: italic;
 text-align:center;
 line-height:1.5em;
 text-decoration:none; }

A.accesBtn, A.accesBtn:visited, A.accesBtn:active {
 display:block;
 font-size:9.5pt;
 font-weight:bold;
 color:#FFFFFF;
 text-align:center;
 text-decoration:none; }

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

.accesPrix {
 width:95px;
 height:69px;
 font-size:11pt;
 font-weight:bold;
 color:#FFF;
 background:url(/images/accesFondPrix.gif) no-repeat; }
 
.menuOngletTxt,
.menuOngletTxt a,
.menuOngletTxt a:active,
.menuOngletTxt a:visited {
 font-size:8.5pt;
 font-weight:normal;
 color:#333;
 text-decoration:none; }

.menuOngletTrt {
 font-size:8.5pt;
 color:#CC0000;
 font-weight:bold;
 text-transform:uppercase;
 text-align:center; }

/* MENU COLONNE DROITE */

.ColTrt {
 display:block;
 font-size:8.5pt;
 color:#FFFFFF;
 font-weight:bold;
 text-transform:uppercase;
 text-align:center;
 padding: 14px 0px 14px 0px; }

.Onglet {
 width:160px;
 height:73px;
 display:block; }

A.OngletTtr, A.OngletTtr:visited, A.OngletTtr:active {
  display:block;
  font-size:8.5pt;
  color:#CC0000;
  font-weight:bold;
  text-align:left;
  padding-top:11px;
  padding-left:29px; }

A.OngletTtr:hover {
 text-decoration:none; }

A.OngletTxt, A.OngletTxt:visited, A.OngletTxt:active {
  display:block;
  font-size:8.5pt;
  font-weight:normal;
  color:#333333;
  padding-left:29px; }

A.OngletTxt:hover {
  text-decoration:none; }

A.OngletBtn, A.OngletBtn:visited, A.OngletBtn:active {
  display:block;
  font-size:11px;
  font-weight:bold;
  text-align:right;
  color:#333333;
  padding-top:16px;
  padding-right:5px; }

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

.ColSousTrt {
 display:block;
 font-size:8.5pt;
 color:#718092;
 font-weight:bold;
 text-transform:uppercase;
 text-align:left;
 padding-top: 22px; }

/* Fin MENU COLONNE DROITE */

/* PAIEMENT */

.PaieCol {
 width:173px;
 height:520px;
 float:left;
 text-align:center;
 margin:5px 16px 0px 0px; }

.PaieTtr {
  display:block;
  font-size:15px;
  color:#CC0000;
  font-weight:bold;
  text-align:left;
  padding-top:6px;
  padding-left:29px;
  padding-bottom:35px; }

.PaieTxt {
  display:inline;
  font-size:12px;
  color:#333333;
  font-weight:bold; }

A.PaieTxtBtn, A.PaieTxtBtn:visited, A.PaieTxtBtn:active {
  display:inline;
  font-size:12px;
  color:#CC0000;
  font-weight:bold;
  text-decoration:underline; }

.PaieImportant {
  font-size:10px;
  color:#333333;
  text-align:left; }

A.PaieImportant:visited, A.PaieImportant:active {
  font-size:10px;
  color:#333333;
  text-align:left; }

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

/* Fin PAIEMENT */

.carreRouge {
 background:url(/images/carreRouge.gif) no-repeat 0 6px;
 padding-left:15px;
 margin:10px 0; }

.encadreBleu {
 width:546px;
 border:solid 1px #C6DAF2;
 padding:10px; }

.cadreBleuHaut {
 width:566px;
 border:solid 1px #000;
 margin-top:20px; }

.cadreBleuBas {
 width:540px;
 padding:13px;
 border-right:solid 1px #000;
 border-bottom:solid 1px #000;
 border-left:solid 1px #000;
 margin-bottom:20px; }

.champ {
 border:solid 1px #000;
 height:14px; }

.champ17 {
 border:solid 1px #000;
 text-align: center;
 height:17px; }

/* PUSH */

.SaisiePush {
 padding:0 25px 25px 25px; }

.DivHr {
 clear:both;
 padding:0 25px;
}
.DivHr span {
 display:block;
 margin:0;
 padding:0;
 height:9px;
 background:url(/images/alacarte/FiletPointille.gif) repeat-x;
}
.DivHr span hr {
 display:none;
}

.Legal {
 padding:0 25px 20px 25px;
 font-size:7.5pt; }

.Legal a {
 font-size:7.5pt; }

.Legal a:hover {
 color:#000; }

.Article,
.Article a,
.Article a:hover {
 text-decoration:none;
 display:block;
 float:left;
 margin: 0;
 padding: 0;
 width: 100%;
}

.savoirplus { 
 font-size:9pt;
 color:#444;
 text-decoration:none; }
 
.note,
.note a,
.note a:active,
.note a:visited {
 font-size:7pt;
 color:#000;
 text-align:center; }
 
/* #################
   ### Form Push ###
   ################# */


h2.Push {
 font-weight:bold;
 font-size:12pt;
 margin:0 0 10px 0;
 padding:0 0 0 16px;
 text-align:left;
 background:url('/images/carreRouge.gif') no-repeat 0 6px;
}
h3.Push {
 font:bold 10pt Arial,Verdana,Helvetica,sans-serif;
 color:#000;
 margin:15px 0 5px 20px;
 padding:0;
}
.SaisiePush,
.ListeAbo {
 margin:0;
 padding:0;
 text-align:left;
 width:598px;
}
.Presentation {
 font-size:9pt;
 margin-bottom:10px;
}
.Legal {
 font-size:7.5pt;
 margin:0;
 text-align:justify;
}
.Presentation p,
.Legal p {
 margin:2px 0 0;
}
.DivHr {
 clear:both;
 padding:4px 0 10px 0;
}
.DivHr span {
 display:block;
 margin:0;
 padding:0;
 height:3px;
 background:url('/images/push/PtPointil.gif');
}
.DivHr span hr {
 display:none;
}

.SaisiePush .Ligne {
 clear:left;
 padding:5px 0 0;
 margin:1px 0 0 20px;
}
.SaisiePush .Ligne label {
 display:block;
 font:bold 9pt verdana,sans-serif;
 color:#0749A5;
 float:left;
 width:210px;
 padding:2px 0 0;
}
.SaisiePush .Ligne label strong {
 color:#000;
}
.SaisiePush .Ligne span {
 display:block;
 margin:0 0 0 215px;
 font:7pt arial,sans-serif; 
}
.SaisiePush .Ligne span a,
.SaisiePush .Ligne span a:visited {
 text-decoration:none; 
}
.SaisiePush .Ligne span a:hover {
 text-decoration:underline; 
}
.SaisiePush .Ligne span ul {
 margin:0;
 padding:0;
 list-style:none;
}
.SaisiePush .Ligne span ul li {
 display:inline;
 margin-left:30px;
}
.SaisiePush .Ligne span ul li.Prems {
 display:inline;
 margin-left:0;
}
.SaisiePush .ZnSaisie,
.SaisiePush textarea,
.SaisiePush select {
 width:340px;
 border:1px solid #000;
 font-size:9pt;
 margin:0;
}
.SaisiePush .ZnDate {
 width:240px;
 border:1px solid #000;
 font-size:9pt;
 margin:0;
}
.SaisiePush .BtnCalendrier {
 width:90px;
 border:1px solid #000;
 font-size:8.5pt;
 margin:0 0 0 10px;
}
.SaisiePush .BtnCalendrier:hover {
 border:1px solid #999;
}

/* ### LISTE ABONNEMENTS ### */

.ListeAbo .Ligne {
 clear:left;
 padding:2px 0;
 margin:1px 20px 0 20px;
 background:#eee;
}
.ListeAbo .Ligne label {
 font:9pt arial,sans-serif;
 color:#444;
 float:left;
 width:500px;
 padding:2px 0 0;
}
.ListeAbo .Ligne label a.Lien,
.ListeAbo .Ligne label a.Lien:visited {
 padding:0 0 0 4px;
 Color:#444;
 text-decoration:none;
}
.ListeAbo .Ligne label a.Lien:hover {
 Color:#000;
 font-weight:bold;
}
.ListeAbo .Ligne span {
 width:40px;
 text-align:right;
}
.BtnPush {
 color:#FFF;
 font-family: arial, sans-serif;
 font-size:8pt;
 font-weight:bold;
 color:#FFF;
 display: block;
 height:19px;
 clear:left;
 float:right;
 padding:15px 20px 10px 0;
}
.BtnPushSuiv {
 color:#FFF;
 font-weight: bold;
 clear:right;
 float:right;
 padding:4px 0 0;
}
.BtnPush a,
.BtnPushSuiv a {
 float:left;
 display:block;
 padding:0 0 0 18px;
 background:url('/images/push/FdBtnD.gif') no-repeat;
 text-decoration:none;
 color:#FFF;
 font:bold 8pt verdana,sans-serif;
}
.BtnPush a span,
.BtnPushSuiv a span {
 font-size:8pt;
 display:block;
 color:#FFF;
 font-weight: bold;
 background:url('/images/push/FdBtnG.gif') no-repeat 100% 0;
 padding:4px 6px 5px 0;
}
.BtnPush a:hover,
.BtnPushSuiv a:hover {
font-weight: bold;
 color:#FFF;
}

.texteRecap {
 font-size:10pt;
 font-weight: bold;
 color:#039; }
 
.forme {
 border: 1px solid #444; margin: 2px 0; background: #E4EEFA;}
 
.menujournal {
 background:url(/images/journal/Barre_fond.gif) no-repeat;
 height: 18px;
}

.titreRouge { font-size:10pt; font-weight:bold; color:#D21414; margin-bottom:10px; }

.ALTitre { font-size:13pt; font-weight:bold; color:#333; text-decoration:none; }
.ALTitre a,
.ALTitre a:active,
.ALTitre a:visited { font-size:13pt; font-weight:bold; color:#333; text-decoration:underline; }
.ALSurtitre { font-size:10pt; font-weight:normal; color:#333; text-decoration:none; }
.ALChapeau { font-size:10pt; font-weight:bold; color:#333; text-decoration:none; }
.AAuteur { font-size:10pt; font-weight:bold; color:#333; text-decoration:none; }
.ALegendePhoto { font-size:7.5pt; font-weight:normal; font-style:italic; color:#333; }
.ALLien a,
.ALLien a:active,
.ALLien a:visited { font-size:10pt; font-weight:bold; color:#333; text-decoration:underline; }
.ALLien a:hover { text-decoration:none; }

.REGlien, .REGlien a, .REGlien a:visited, .REGlien a:active { margin:5px 10px 5px 0; color:#CC0000; text-decoration:none; font-weight:bold; font-size:8.5pt; }

/* ### BLOCS UNE ### */

.BlocUne {
 margin: 0 19px 20px 16px;
 display: block;
 overflow: auto;
}
 
.BlocReconnexion {
 float: left; 
 width: 337px;
 height: 100px;
 overflow: hidden;
 border: 1px solid #686C6F; 
 padding: 10px; } 
 
.BlocReconnexion .Texte {
 font-family: Verdana; 
 font-size: 11px; 
 color:#686C6F; 
 margin: 10px 0 0 20px;}
 
.BlocReconnexion .Texte02 {
 font-family: Verdana; 
 font-size: 11px; 
 color:#686C6F; 
 margin-top: 10px; }
 
.BlocReconnexion .champ {
 border:solid 1px #000;
 padding: 0;
 margin: 0;
 height:14px;
 width:150px; }
 
.BlocReconnexion label {
 width:140px;
 float:left; }
 
.BlocReconnexion .pointille {
 width:100%;
 height:9px;
 margin-bottom:10px;
 background:url(/images/alacarte/FiletPointille.gif) repeat-x;
 display:block; }

.BlocAJL {
 float: right; 
 width: 357px; }