body {
   margin:0;
   padding:0;
   text-align: center;
   font-family: Arial, sans-serif;
   font-size: 10px;
   background: #ffffff none;
   font:9pt Arial, Helvetica, sans-serif;
}
img  { border:0; }
textarea, input { font-family:Arial,Helvetica,sans-serif; font-size:8pt; padding-left:2px; padding-right:2px; }
object { margin-bottom:0px; }
/*Basic Links*/
a:link    {color:#B7210A;text-decoration:none;}
a:visited {color:#B7210A;text-decoration:none;}
a:hover   {color: #B7210A;text-decoration:underline;}

#pageContainer {
   width: 984px;
   min-width: 984px;
   margin: 0 auto;
}
#page {
   text-align: left;
   background-color:#ffffff;
   margin: 0;
   height:100%;
}
#header {
   background:#ffffff url('/icon/bg-header.gif') repeat-x;
   width:984px;
   height:94px;
}
#headerLogo {
   width:81px; /* 106px - padding de 25px */
   padding: 4px 0 0 25px;
   float:left;
}
#headerBanniere {
   width:730px;
   height:90px;
   border:#d0d0d0 solid 1px;
   float:left;
}
#headerBanniereContainer { width: 100%; height: 100%; }
/* #headerBannierePosition { display:table-cell; vertical-align:middle; text-align:center; } */
#headerBannierePosition {  }
#headerBanniereContent {  }
#headerLeft {
   width:130px;
   height:92px;
   float:right;
}
#headerLeftAbonner {
   padding:10px 0 0 10px;
   font-size: 11px;
}
#headerLeftRecherche {
   padding:5px 0 0 0;
   font-size: 11px;
}
/* navigation */


#content {
   width:984px;
   background-color:#ffffff;
   margin-bottom: 3px;
}
#colLeft {
   width:530px;
   float:left;
}
#colRight {
   width:452px;
   float:right;
}
#subColLeft {
   width:148px;
   background-color:#ffffff;
   float:left;
}
#subColRight {
   width:302px;
   background-color:#ffffff;
   float:right;
}
#subColLeft ul
{
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}
#subColLeft li{
   line-height: 16px;
   background-image:url(/icon/puce-list.gif);
   background-repeat:no-repeat;
   background-position:0px 4px;
   padding-left:11px;
}
/*---- Colonne gauche ----*/
#news {
   width:528px;
   border:solid 1px #5A8DB5;
   background-color:#ffffff;
   float:left;
}
#newsHeader {
   width:100%;
   height:19px;
   background-color:#5A8DB5;
   font-size: 13px;
   font-weight:bold;
   color:#fff;
}
.newstitlelink         { font-family:Arial,sans-serif; font-size:12pt; color:#05294B; font-weight:bold; text-decoration:none; }

.newstext              { font-family:Arial,Helvetica,Sans-serif; font-size:10pt; color:#05294B; font-weight:normal; text-decoration:none; }
a.newstext:link        { color:#05294B; text-decoration:none;}
a.newstext:visited     { color:#123B64; text-decoration:none;}
a.newstext:hover       { color:#123B64; text-decoration:underline;}
.curnewstext           { font-family:Arial,Helvetica,Sans-serif; font-size:10pt; color:#05294B; font-weight:bold; text-decoration:none; }

.newsrubr              { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#686868; font-weight:bold; text-decoration:none; }
a.newsrubr:link        { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#686868; font-weight:bold; text-decoration:none; }
a.newsrubr:visited     { color:#686868; }
a.newsrubr:hover       { color:#686868; text-decoration:underline; }

.newsdate              { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#686868; }

#survey {
   width:528px;
   border:solid 1px #E2AA4C;
   background-color:#ffffff;
   float:left;
}
#surveyHeader {
   width:100%;
   height:19px;
   background-color:#EBC176;
   font-size: 13px;
   font-weight:bold;
   color:#fff;
}
#calendar {
   width:528px;
   margin-top:2px;
   border:solid 1px #78845E;
   background-color:#ffffff;
   float:left;
}
#calendarHeader {
   width:100%;
   height:19px;
   background-color:#9B9F7C;
   font-size: 13px;
   font-weight:bold;
   color:#fff;
}
.calendartitle         { font-family:Arial,Helvetica,Sans-serif; font-size:10pt; color:#292F1D; text-decoration:none; }

.calendartext          { font-family:Arial,Helvetica,Sans-serif; font-size:10pt; color:#292F1D; text-decoration:none; }
a.calendartext:link    { color:#292F1D; text-decoration:none;}
a.calendartext:visited { color:#292F1D; text-decoration:none;}
a.calendartext:hover   { color:#292F1D; text-decoration:underline;}

.calendarrubr          { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#686868; font-weight:bold; text-decoration:none; }
a.calendarrubr:link    { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#686868; font-weight:bold; text-decoration:none; }
a.calendarrubr:visited { color:#686868; }
a.calendarrubr:hover   { color:#686868; text-decoration:underline; }

#links {
   width:528px;
   border:solid 1px #6C2A66;
   background-color:#ffffff;
   float:left;
}
#linksHeader {
   width:100%;
   height:19px;
   background-color:#A77FA3;
   font-size: 13px;
   font-weight:bold;
   color:#fff;
}
td.td-linkheader { padding:3px 5px 3px 5px; font-family:Arial,Helvetica,Sans-serif; color:#4D4F3F; text-decoration:none; font-weight:bold; font-size:8pt; vertical-align:top; }
td.td-linkline   { padding:3px 5px 3px 5px; font-family:Arial,Helvetica,Sans-serif; color:#4D4F3F; text-decoration:none; font-weight:bold; font-size:8pt; vertical-align:top; }

#general {
   width:982px;
   border:solid 1px #666666;
   background-color:#ffffff;
   min-height:400px;
}
#newsGeneral {
   width:100%;
   height:19px;
   background-color:#999999;
   font-size: 13px;
   font-weight:bold;
   color:#fff;
}
/*---- Colonne droite ----*/
#btob {
   width:450px;
   border:solid 1px #86A128;
   background-color:#C9E762;
   float:left;
}
#btobHeader {
   width:100%;
   height:32px;
   background-color:#C9E762;
   font-size: 12px;
   color:#000;
}
/*---- Colonne gauche - Formulaire ----*/
#btobForm {
   width:100%;
}
textarea.styledArea {
   padding-left:2px;
   padding-right:2px;
   border:#86A128 solid 1px;
   background-color:#ffffff;
   font-size:11px;
}
input.styledText {
   padding-left:2px;
   padding-right:2px;
   border:#86A128 solid 1px;
   background-color:#ffffff;
   font-size:11px;
}
input.styledImage {
   padding-left:2px;
   padding-right:2px;
   background-color:#C9E762;
   border:#C9E762 solid 0px;
}
select.styledSelect {
   font-size: 11px;
   border:#86A128 solid 1px;
}
#btobFormLeft {
   width:40%;
   float:left;
   background-color:#C9E762;
}
#btobFormRight {
   width:60%;
   float:right;
   background-color:#C9E762;
}
#btobFooter {
   width:100%;
   height:32px;
   background-color:#C9E762;
   font-size: 12px;
   color:#000;
}
/*---- Colonne droite - sub colonnes ----*/
#rubrique {
   width:146px;
   margin-top: 2px;
   border:#6698C1 solid 1px;
   background-color:#ffffff;
   float:left;
}
#rubriqueHeader {
   width:100%;
   height:19px;
   background-color:#7CAFD9;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}
#pluslus {
   width:146px;
   margin-top: 2px;
   border:#6698C1 solid 1px;
   background-color:#ffffff;
   float:left;
}
#pluslusHeader {
   width:100%;
   height:19px;
   background-color:#7CAFD9;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}
#conseil {
   width:146px;
   margin-top: 2px;
   border:#6698C1 solid 1px;
   background-color:#ffffff;
   float:left;
}
#conseilHeader {
   width:100%;
   height:36px;
   background-color:#7CAFD9;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}
#iphone {
   width:146px;
   margin-top: 2px;
   border:#6698C1 solid 1px;
   background-color:#ffffff;
   float:left;
}
#iphoneHeader {
   width:100%;
   height:36px;
   background-color:#7CAFD9;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}
#dossier {
   width:146px;
   margin-top: 2px;
   border:#6698C1 solid 1px;
   background-color:#ffffff;
   float:left;
}
#dossierHeader {
   width:100%;
   height:19px;
   background-color:#7CAFD9;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}

#pubcarre {
   width:300px;
   margin-top: 2px;
   border:#cccccc solid 1px;
   background-color:#ffffff;
}
#pubbutton {
   width:300px;
   margin-top: 2px;
   border:#cccccc solid 1px;
   background-color:#e5e5e5;
}

#footer {
   width:984px;
   background-color:#e5e5e5;
/*   border-bottom:1px solid #181818; */
   height:24px;
   margin-bottom:2px;
}
.about                 { font-family:Arial,Helvetica,Sans-serif; color:#666666; text-decoration:none; font-size:8pt; }
a.about:link           { color:#666666; }
a.about:visited        { color:#666666; }
a.about:hover          { color:#666666; }

/* Navigation bar */
#nav { width:982; height:28px; border-left:solid 1px #f0f0f0; background:url('/icon/bg-navig.png'); border-right:solid 1px #f0f0f0; }
#nav .content { padding:0; float:left }
#nav ul { float:left; clear:left; height:22px; margin:0; padding:0; list-style:none; }
#nav ul li { float:left; margin:0;  padding:0 10px 0 10px; border-right:1px solid #e8e8e8; height:22px; font-size:13px; font-weight:bold; }
#nav ul li.active { background:#f8f8f8; }
#nav ul li span { color: #000; padding-top:3px; display:block; }
#nav ul li a { text-decoration:none; color:#999; padding-top:3px; display:block; }
#nav ul li a:hover { text-decoration:none; color:#000; }
#nav .date { padding:3px 10px 0 0; float:right }

#navig {
   background:#ffffff url('/icon/bg-navig.png') repeat-x;
   width:977px;
   height:44px;
   text-align:left;
   border-left:solid 1px #f0f0f0;
   border-right:solid 1px #f0f0f0;
   padding:0 0 0 5px;
}
.navigButton {
   width:93px;
   height:25px;
   padding:1px 0 0 0;
   margin:0 1px 0 0;
   font-size:12px;
   font-weight:bold;
   text-align:center;
   z-index:100;
   float:left;
}
.navigButtonOff {
   background: transparent;
   text-decoration:none;
   color:#000;
}
.navigButtonOff a:hover {
   background: transparent url('/icon/navig-on.gif') no-repeat;
   text-decoration:none;
   color:#fff;
}
.navigButtonOff a:link {
   background: transparent;
   text-decoration:none;
   color:#000;
}
.navigButtonOff a:visited {
   background: transparent;
   text-decoration:none;
   color:#000;
}

.navigButtonOn {
   background:url('/icon/navig-on.gif') no-repeat;
   text-decoration:none;
   color:#fff;
}
.navigButtonOn {
   background:url('/icon/navig-on.gif') no-repeat;
   text-decoration:none;
   color:#fff;
}
.navigButtonOn a:hover {
   background:url('/icon/navig-on.gif') no-repeat;
   text-decoration:none;
   color:#fff;
}
.navigButtonOn a:link {
   background-image:url('/icon/navig-on.gif');
   text-decoration:none;
   color:#fff;
}
.navigButtonOn a:visited {
   background:url('/icon/navig-on.gif') no-repeat;
   text-decoration:none;
   color:#fff;
}
#subNavigNews {
   height:14px;
   top:5px;
   font-size:11px;
   text-align:left;
   margin-left:0;
   z-index:10;
}
.TitleRed { font-family:Arial,sans-serif; font-size:10pt; color:#B7210A; font-weight:bold; text-decoration:none; }
.BlogTitleLink         { font-family:Arial,Helvetica,Sans-serif; font-size:11pt; color:#B7210A; font-weight:bold; text-decoration:none; }
a.BlogTitleLink:link   { font-family:Arial,Helvetica,Sans-serif; font-size:11pt; color:#B7210A; font-weight:bold; text-decoration:none; }
a.BlogTitleLink:hover  { font-family:Arial,Helvetica,Sans-serif; font-size:11pt; color:#B7210A; font-weight:bold; text-decoration:underline; }
.BlogText              { font-family:Arial,Helvetica,Sans-serif; font-size:10pt; color:#000000; line-height:150%; }
.BlogMore              { font-family:Arial,Helvetica,Sans-serif; font-size:9pt; color:#808080; text-decoration:none; }
.BlogMoreCur           { font-family:Arial,Helvetica,Sans-serif; font-size:9pt; color:#686868; font-weight:bold; text-decoration:none; }
.BlogMoreLink          { font-family:Arial,Helvetica,Sans-serif; font-size:9pt; color:#B7210A; text-decoration:none; }
a.BlogMoreLink:link    { font-family:Arial,Helvetica,Sans-serif; font-size:9pt; color:#B7210A; text-decoration:none; }
a.BlogMoreLink:hover   { font-family:Arial,Helvetica,Sans-serif; font-size:9pt; color:#B7210A; text-decoration:underline; }
.BlogRubr              { font-family:Arial,Helvetica,Sans-serif; font-size:9pt; color:#686868; font-weight:bold; text-decoration:none; }
a.BlogRubr:link        { font-family:Arial,Helvetica,Sans-serif; font-size:9pt; color:#686868; font-weight:bold; text-decoration:none; }
a.BlogRubr:hover       { font-family:Arial,Helvetica,Sans-serif; font-size:9pt; color:#686868; font-weight:bold; text-decoration:underline; }
.BlogDate              { font-family:Arial,Helvetica,Sans-serif; font-size:9pt; color:#686868; }
/*  Map section  */
#map {
   width:984px;
   text-align:left;
   background-color:#f5f5f5;
   border-top:#cccccc solid 1px;
   padding:0 0 8px 0;
   height:100%;
}
#newsMap{
   width:198px;
   height:100%;
   float:left;
   text-align:left;
}
#calendrierMap{
   width:196px;
   height:100%;
   float:left;
   text-align:left;
}
#dossierMap{
   width:196px;
   height:100%;
   float:left;
   text-align:left;
}
#pratiqueMap{
   width:196px;
   height:100%;
   float:left;
   text-align:left;
}
#siteMap{
   width:198px;
   height:100%;
   float:right;
   text-align:left;
}
#titleMap{
   width:984px;
   background-color:#f0f0f0;
   font-size:14px;
   font-weight:bold;
}
.subtitleMap{
   font-size:12px;
   font-weight:bold;
   padding-left:10px;
}
.textMap{
   font-size: 10px;
   padding-left:20px;
}