/* *************************************************************  */
/* Global */
/* *************************************************************  */

body {
margin:0;
padding:0; 
font-size:12px;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
color:#5b5b5b;
background-image:url(/design/images/habillageFondConteneur.gif);
background-repeat:repeat-x;
background-color:#ade80a;
}

a,
a:active,
a:link {text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:0;}

h1, h2, h3, h4, h5, h6, ul, li {margin:0; padding:0;}

/* *************************************************************  */
/* Habillage */
/* *************************************************************  */
#habillageTetiere {
background-color:#6699ff;
background-image:url(/design/images/tetiere/habillageFondTetiere.gif);
background-repeat:repeat-x;
}

#habillagePiedDePage {
height:260px; 
background-color:#345daf;
border:0px solid red;
margin:0;
padding:0;
}

/* *************************************************************  */
/* Menu */
/* *************************************************************  */

#menu {margin:26px 0 0 42px;}

/* *************************************************************  */
/* Contour */
/* *************************************************************  */

#pubTop, #pubBottom {background-color:#fff; overflow: visible; }
#pubBottom {padding:10px 0 0 0;}

#tetiere, #pubTop, #pubBottom, #piedDePage {
display:block;
margin:0 auto;
width:1000px; }

#conteneur {
 background-color:#fff; 
 margin:0 auto;
 width:1000px;
 height: auto;
 display: block;
 overflow: auto;
}

#tetiere {
background-color:#fff;
background-image:url(/design/images/tetiere/FondMenu.gif);
background-repeat:no-repeat;
background-position:center bottom;
height:177px;
}

#tetiere .logoSite {margin:0 0 0 30px; width:505px; border:0px solid red;}
#tetiere .logosTetiere {float:right;}
#tetiere .logosTetiere .logoPR {margin-right: 10px;}

#contenuLeft  {float:left; margin:30px 0 0 30px; width:610px; border:0px solid green; line-height:20px; display:inline;}
#contenuRight {float:left; margin:30px 0 0 30px; width:300px; border:0px solid blue;  line-height:20px;}



#contenuRight .tipsAndTricks {margin:0 0 30px 10px; }
#contenuRight .tipsAndTricks  h3 {font-size:16px; color:#3471ea; padding:10px 0; margin:20px 0; border-bottom:1px solid #a9c4f9;}
#contenuRight  strong.titleAstuces {color:#3471ea; display:block; }
#contenuRight .tipsAndTricks .texte {padding:0; margin:0 20px;}


.datedujour {color:#5b5b5b;}
.nbAnnonces {font-size:25px; color:#3471ea; margin:5px 0 15px 0;}
.nbAnnonces strong {font-size:30px; color:#7bcb2b;}
.titreUne {padding:4px 0 0 20px; margin:0 0 3px 0; height:24px; font-size:16px; font-weight:bold; color:#fff; background-image:url(/design/images/une/fondBarreTitre.png); background-repeat:no-repeat;}
.line2PxUne {margin:0 0 25px 0; text-align:center;}






#contenuLeft .colG, 
#contenuLeft .colD {overflow:auto; float:left; overflow:auto; width:304px;  background-image:url(/design/images/une/colFond.jpg); background-repeat:repeat-x; }



#contenuLeft .colG {margin:0 2px 0 0;}
#contenuLeft .texte ul {margin-top:30px;}
#contenuLeft .texte li {list-style-type:none;  font-weight:bold; color:#3471ea; font-size:14px; margin:5px 0;}
#contenuLeft .texte {margin:0 30px;}
#contenuLeft .texte strong.titlePro {display:block;  text-transform:uppercase;  color:#3471ea; }

.cartoUne {
min-height:865px;
height:auto !important;
height:865px;
background-image:url(/design/images/une/cartoUne.gif);
background-repeat:no-repeat;
background-position:center bottom;
}

/* *************************************************************  */
/* Liens*/
/* *************************************************************  */

#contenuLeft .colG a, 
#contenuLeft .colD a {border:0; margin:0; padding:0; }

#contenuRight .tipsAndTricks .lienAction {
line-height:25px;
border:0px solid red; 
background-image:url(/design/images/une/lienActionFleche.gif);
background-repeat:no-repeat;
background-position:left 11px;
margin:0 0 0 7px;
padding:0 0 0 13px;
}

#contenuLeft .lienAction {
line-height:25px;
border:0px solid red; 
background-image:url(/design/images/une/lienActionFleche.gif);
background-repeat:no-repeat;
background-position:left 11px;
margin:15px 0 0 7px;
padding:0 0 0 13px;
}


#contenuLeft .lienAction a,
#contenuRight .tipsAndTricks .lienAction a {}

#contenuLeft .lienAction  a span ,
#contenuRight .tipsAndTricks .lienAction a span {
color:#3471ea;
text-decoration:underline;
font-weight:bold;
}

.A.Texte03:link, A.Demat:visited, A.Demat:active { color: #3471EA; text-decoration : underline; }
A.Texte03:hover { color: #3471EA; text-decoration : underline; }

pagination {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #4E4E4E;}
A.pagination:link, A.LienTexteCourant:active, A.LienTexteCourant:visited  {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #91C325; text-decoration:none}
A.pagination:hover {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #4E4E4E; text-decoration: underline}

a.RollImage {display:block; width:25px; height:27px; background:url(/images/poubelle.gif); }
a.RollImage:hover {background:url(/images/poubelle.gif) 24px;}

a.RollImage span {display:none;}

/* *************************************************************  */
/* cp */
/* *************************************************************  */

/**/

.TeteAnnonces {margin:15px 0 0 0;}

.LigneListeCP,
.LigneListeNonCP {
 margin:5px 0 0px 50px;
 padding:0;
 overflow:auto;
border-bottom:1px solid #DDDDDD;
}

.LigneListeCP a.Article,
.LigneListeNonCP a.Article {
 display:block;
 text-decoration:none;
 cursor:pointer; 
 padding:2px;
 background:#f5f5f5;
/* background:#f5f5f5;*/
}
.LigneListeCP a.Article:hover,
.LigneListeNonCP a.Article:hover {
 background:#f5f5f5;
}
.LigneListeCP .Tete,
.LigneListeNonCP .Tete {
 padding:5px 7px;
 /* **************************************************** */
 background:#FFFFFF;
}

.TeteAnnonces h1 {
 font:bold 14px Arial, Helvetica, sans-serif;
 color:#4E4E4E;
 margin:0 0 0 50px;
 padding:0 0 0 0; 
}

.TeteAnnonces h2 {
 font:12px Arial, Helvetica, sans-serif;
 color:#4E4E4E;
 margin:0 0 0 50px;
 padding:0 0 0 0; 
}






.LigneListeCP .Tete h1 {
 background:url('/images/fleche.gif') no-repeat;
 font:bold 12pt Arial, Helvetica, sans-serif;
 color:#4E4E4E;
 margin:0;
 padding:0 0 0 23px; 
}
.LigneListeCP .Tete h2 {
 font:9pt Arial, Helvetica, sans-serif;
 color:#4E4E4E;
 margin:0;
 padding:3px 0 0 23px; 
 text-decoration:none;
}

.LigneListeNonCP .Tete h1 {
 background:url('/images/fleche.gif') no-repeat;
 font:bold 12pt Arial, Helvetica, sans-serif;
 color:#8E8E8E;
 margin:0;
 padding:0 0 0 23px; 
}
.LigneListeNonCP .Tete h2 {
 font:9pt Arial, Helvetica, sans-serif;
 color:#8E8E8E;
 margin:0;
 padding:3px 0 0 23px; 
 text-decoration:none;
}

.LigneListeCP h1 {
 font:bold 14px Arial,Helvetica,sans-serif;
 color:#4E4E4E;
 text-decoration:none;
 margin:20px 20px 0 27px;
}
.LigneListeCP h2 {
 font:bold 14px Arial,Helvetica,sans-serif;
 color:#3471EA;
 text-decoration:underline;
 margin:0 20px 0 27px;
}


.LigneListeNonCP h1 {
 font:bold 14px Arial,Helvetica,sans-serif;
 color:#8E8E8E;
 text-decoration:none;
 margin:20px 20px 0 27px;
}
.LigneListeNonCP h2 {
 font:bold 14px Arial,Helvetica,sans-serif;
 color:#286cce;
 text-decoration:underline;
 margin:0 20px 0 27px;
}
.LigneListeNonCP h3,
.LigneListeCP h3 {
 font:BOLD 22px Arial,Helvetica,sans-serif;
 color:#000000;
 text-decoration:none;
 margin:10px 20px 0 27px;
}

.LigneListeCP h4,
.LigneListeNonCP h4 {
 font:normal 12px Arial,Helvetica,sans-serif;
 color:#4E4E4E;
 text-decoration:none;
 margin:10px 20px 0 27px;
}



.LigneListeCP .Btn,
.LigneListeNonCP .Btn {
 margin:10px 0 0;
 text-align:right;
}

/* ## dematerialisation. ## */

.Demat {
 font:bold 8.5pt Arial, Helvetica, sans-serif;
 color:#DE220D;
 margin:5px 4px 4px 0;
 padding:0;
}
.Demat a:link,
.Demat a:visited,
.Demat a:active {
 display:block;
 height:18px;
 padding:4px 0 0 25px;
 color:#DE220D;
 text-decoration:none;
}
.Demat a:hover {
 color:#DE220D;
 text-decoration:underline;
}



/* *************************************************************  */
/* PUSH */
/* *************************************************************  */

h1.Push {
 background:url('/images/AbonnementAlerteMail.gif') no-repeat;
 height:38px;
 margin:0;
 padding:0;
}
h1.Push span {
 display:none;
}
h2.Push {
 font:bold 12.5pt Arial,Helvetica,sans-serif;
 letter-spacing:-.05em;
 color:#6b6b6b;
 margin:0 0 8px 20px;
 padding:10px 0 0;
 text-align:left;
}
h3.Push {
 font:bold 10pt Arial,Helvetica,sans-serif;
 color:#000;
 margin:0 0 0 60px;
 padding:5px 0 5px 10px;
 background:#f5f5f5;
}
.SaisiePush,
.ListeAbo {
 float:left;
 margin:10px 0 0;
 padding:0 0 20px;
 text-align:left;
 width:608px;
 border:1px solid #a1a1a1;
}
.Presentation {
 font:10pt Arial,sans-serif;
 color:#4e4e4e;
 margin:0 0 0 58px;
 padding:10px 5px 10px 10px;
 text-align:justify;
 line-height:1.1em;
 background:#f5f5f5;
}
.Legal {
 font:8pt Arial,sans-serif;
 color:#4e4e4e;
 padding:10px 5px 10px 10px;
 text-align:justify;
 line-height:1.1em;
}
.Legal a:link,
.Legal a:visited,
.Legal a:active {
 font:bold 8pt Arial,sans-serif;
 color:#4e4e4e;
 text-decoration:underline;
 font-weight:bold;
}
.Legal a:hover {
 font:bold 8pt Arial,sans-serif;
 color:#000;
}
.Presentation p,
.Legal p {
 margin:2px 0 0;
}
.DivHr {
 clear:both;
 padding:0;
}
.DivHr span {
 display:block;
 margin:0;
 padding:0;
 height:0;
}
.DivHr span hr {
 display:none;
}

.SaisiePush .Ligne {
 clear:left;
 padding:5px 5px 5px 20px;
 margin:0 0 0 58px;
 background:#f5f5f5;
}
.SaisiePush .Ligne label {
 display:block;
 font:bold 9.5pt arial,sans-serif;
 color:#4e4e4e;
 float:left;
 width:200px;
 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 {
 dispaly:inline;
 margin-left:0;
}
.SaisiePush iframe {
 margin:0 0 0 60px;
 border:1px solid #a1a1a1;
}
.SaisiePush .ZnSaisie,
.SaisiePush textarea,
.SaisiePush select {
 width:240px;
 border:1px solid #a1a1a1;
 font-size:9pt;
 margin:0;
 background:#fff;
}
.SaisiePush .ZnDate {
 width:140px;
 border:1px solid #a1a1a1;
 font-size:9pt;
 margin:0;
 background:#fff;
}
.SaisiePush .BtnCalendrier {
 width:90px;
 border:1px solid #000;
 font-size:8.5pt;
 margin:0 0 0 10px;
}
.SaisiePush .BtnCalendrier:hover {
 border:1px solid #999;
}
.SaisiePush .presentation {margin:0 0 15px 25px;}


/* ### LISTE ABONNEMENTS ### */



.ListeAbo .Ligne {
 clear:left;
 padding:2px 0;
 margin:1px 0 0 60px;
 background:#f5f5f5;
 border-bottom:1px solid #a1a1a1;
}
.ListeAbo .Ligne label {
 font:9pt arial,sans-serif;
 color:#444;
 float:left;
 width:450px;
 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:20px;
 text-align:right;
}

.BtnPush {
 clear:left;
 float:right;
 width:550px;
 margin:0;
 padding:10px 0;
 background:#f5f5f5;
}

.BtnPushSuiv {
 clear:right;
 float:right;
 width:550px;
 margin:0;
 padding:0 0 10px;
 background:#f5f5f5;
}

.BtnPush a,
.BtnPushSuiv a {
 float:right;
 display:block;
 padding:0 10px 0 25px;
 text-decoration:none;
 background:url('/images/BtnG.gif') no-repeat;
 color:#356fe1;
 font:bold 16px arial,sans-serif;
/* text-transform:uppercase;*/
 white-space:nowrap;
  text-decoration:underline;
 }
 
.BtnPush a span,
.BtnPushSuiv a span {
 display:block;
 padding:8px 18px 9px 12px;
 background:url('/images/BtnD.gif') no-repeat top right;
 
}

.BtnPush a:hover,
.BtnPushSuiv a:hover {
 background:url('/images/BtnG.gif') no-repeat left -33px;
 color:#356fe1;
 text-decoration:underline;
}

/*
.titre_om {
float:left;
}

.titre_om2 {
float:left;
margin-left:10px;
}

.titre_om3 {
float:left;
}

.titre_om4 {
float:right;
border:none
}

#titre_lien {
position: absolute;
display: block;
float:left;
margin-top:45px;
margin-left:632px;
}

a#titre_lien img { 
height:40px;
width:140px;
border: none;
float:left
}

.om_entete{
width:100%;
}
*/

#PushContour table {margin:0;
padding:0; 
font-size:12px;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}


#listedepageliste {color:#7BCB2B; padding:20px;  font-size:12px;}
#listedepageliste a {color:#3471EA; text-decoration:underline; font-weight:normal; font-size:12px;}
#listedepageliste a:hover { color:#ffffff; background:#7BCB2B;}
/* *************************************************************  */
/* Pied de page */
/* *************************************************************  */


.combo { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; width:300px; border:1px solid #A1A1A1;}


#piedDePage {
text-align:center;
font-size:12px;
color:#fff;
}

#piedDePage .liensMentions {
margin:10px 0 0;
padding:0;
}

#piedDePage .liensMentions a {
color:#fff;
}
