*{
   margin:0;
   padding:0;
   font-size:100%;
   vertical-align:top;
}
html, body {
   height:auto !important; /* FF and compliant browsers should automatically size the body/html */
   height: 100%;
   min-height: 100%;
}
body {
   margin:0;
   padding:0;
   text-align: center;
   /* Couleur de fond changée pour le sponsoring */
   /* background: #70ae29 none; */
   background: #f8f8f8 none;
   font:8pt Verdana,Arial,Helvetica,sans-serif;
}

h1 { font-size:11pt; color:#053d44; font-weight:bold; text-decoration:none; margin:0; padding:0; }
h2 { margin:0; padding:0; }
img  { border:0; }
textarea, input { font-family:Arial,Helvetica,sans-serif; font-size:8pt; padding-left:2px; padding-right:2px; }
object { margin-bottom:0px; }
form { margin:0; padding:0; }
/*Basic Links*/
a:link    {color:#B7210A;text-decoration:none;}
a:visited {color:#B7210A;text-decoration:none;}
a:hover   {color: #B7210A;text-decoration:underline;}

/* Page */
#pageContainer {
   /* Taille changée pour le sponsoring 1004 -> 1204 */
   /* width:1004px; height:100%; min-height:500px; */
   width:1004px; height:100%; min-height:500px;
   margin:0 auto; margin-top: 1px; padding-top:4px;
   /* Image changée pour le sponsoring */
   /* background: url('/icon/bg-top-taleo.png') no-repeat left top; */
   background: url('/icon/bg-top.png') no-repeat left top;
}

#page {
   width:984px;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin:0 auto;
   background:#ffffff;
   text-align:left;
}


/* Header */
#header { width:984px; height:116px; border-bottom:1px solid #e19b01; background:#ffffff url('/icon/bg-header.gif') no-repeat left top; }
#headerLogo { width:90px; height:109px; }
#headerBanniere { width:730px; height:300px; z-index:500; }

/* Navigation bar */
#navigation { width:984px; height:21px;
              border-top:solid 1px #75890E;
              background:#fcc03b url('/icon/bg-navigation.gif') repeat-x left top; }
#navigation .content { padding:0; float:left }
#navigation ul { float:left; clear:left; height:21px; margin:0; padding:0; list-style:none; }
#navigation ul li { float:left; height:21px; margin:0;  padding:0 10px 0 10px;
                    font-size:9pt; font-weight:bold;
                    background:url('/icon/bg-navigation-sep.gif') no-repeat right top; }
#navigation ul li.active {  }
#navigation ul li span { color: #000; padding-top:2px; display:block; }
#navigation ul li a { text-decoration:none; color:#66770E; padding-top:2px; display:block; }
#navigation ul li a:hover { text-decoration:none; color:#000; }
#navigation .date { float:right; padding-top:2px; text-align:right;
                    color:#000; font-size:8pt; font-weight:normal; }
#navigation .nleft { float:left; width:6px; height:21px;
                     background:#fcc03b url('/icon/bg-navigation-left.gif') no-repeat right top; }
#navigation .nright { float:right; width:6px; height:21px;
                      background:#fcc03b url('/icon/bg-navigation-right.gif') no-repeat right top; }

/* Content and Column */
#content {
   width:984px;
   margin-top:4px;
   background-color:#ffffff;
}
.colSep  { float:left; width:4px; height:1px; }
#colLeft {
   width:520px;
   float:left;
}
#colLeft ul
{
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}
#colLeft ol
{
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}
#colLeft li{
   line-height: 16px;
   background-image:url(/icon/puce-news.gif);
   background-repeat:no-repeat;
   background-position:0px 4px;
   padding-left:11px;
}
#colCenter {
   width:148px;
   float:left;
}
#colRight {
   width:300px;
   float:left;
}
#colCenter ul
{
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}
#colCenter li{
   line-height: 16px;
   background-image:url(/icon/puce-list.gif);
   background-repeat:no-repeat;
   background-position:0px 4px;
   padding-left:11px;
}
/*---- Colonne gauche - partners ----*/
#colPartners {
   width:672px;
   float:left;
}
#partners {
   width:100%;
   margin-bottom: 10px;
   background-color:#ffffff;
}

/*---- Une seule colonne ----*/
#general {
   width:962px;
   background-color:#ffffff;
   padding-left:20px;
   min-height:400px;
}
#newsGeneral {
   width:100%;
   height:100%;
   font-size: 14pt;
   font-weight:bold;
   color:#E18109;
}
/*---- Colonne gauche - news ----*/
#news {
   width:520px;
   margin-bottom: 10px;
   background-color:#ffffff;
}
#newstab {
   width:520px;
   height:20px;
   margin-bottom:1px;
}
#newstab a:link    { color:#ffffff; font-size:9pt; font-weight:bold; text-decoration:none; }
#newstab a:visited { color:#ffffff; font-size:9pt; font-weight:bold; text-decoration:none; }
#newstab a:hover   { color:#ffffff; font-size:9pt; font-weight:bold; text-decoration:none; }

#newstab .tableft {
   width:8px; height:20px; float:left;
   background:url('/icon/tab-left.gif') no-repeat left top;
}
#newstab .tabright {
   width:8px; height:20px; float:left;
   background:url('/icon/tab-right.gif') no-repeat left top;
}
#newstab .tabcenter {
   height:20px; float:left;
   background-color:#6AA3AB;
}
#newstab .tabsep {
   width:2px; height:20px; float:left;
}

#par-news {
   width:520px;
   background-color:#ffffff;
}
#par-rubrique {
   width:520px;
   display:none;
   background-color:#ffffff;
}
#par-plueslues {
   width:520px;
   display:none;
   background-color:#ffffff;
}
.newsHeader {
   width:100%;
   background-color:#7FC2CC;
   font-size: 10pt;
   font-weight:bold;
   color:#fff;
}
.newsheadertitle        { font-size:10pt; color:#ffffff; font-weight:bold; text-decoration:none; }
.newsheadertext         { padding:0 10px 7px 10px; font-size:8pt; color:#ffffff; font-weight:normal; text-decoration:none; text-align:justify; }

.newstitlelink { font-size:12pt; }

/* page newslist */
.newstitlelist          { font-size:9pt; color:#053d44; font-weight:normal; text-decoration:none; }
a.newstitlelist:link    { color:#053d44; text-decoration:none;}
a.newstitlelist:visited { color:#08525c; text-decoration:none;}
a.newstitlelist:hover   { color:#053d44; text-decoration:underline;}

.newstextlist           { font-size:9pt; color:#053d44; font-weight:normal; text-decoration:none; }
a.newstextlist:link     { color:#053d44; text-decoration:none;}
a.newstextlist:visited  { color:#053d44; text-decoration:none;}
a.newstextlist:hover    { color:#053d44; text-decoration:none;}

/* page newsview */

.newstext               { font-size:9pt; color:#053d44; font-weight:normal; text-decoration:none; line-height: 1.5; text-align:justify; }
.newstext a:link        { color:#053d44; text-decoration:underline;}
.newstext a:visited     { color:#08525c; text-decoration:underline;}
.newstext a:hover       { color:#053d44; text-decoration:underline;}

.tousnews               { font-size:9pt; color:#0B6E7B; font-weight:bold; text-decoration:none; }
.tousnewstext           { font-size:8pt; color:#053d44; font-weight:normal; text-decoration:none; }
a.tousnewstext:link     { color:#053d44; text-decoration:none;}
a.tousnewstext:visited  { color:#123B64; text-decoration:none;}
a.tousnewstext:hover    { color:#123B64; text-decoration:underline;}

.newsrubr               { font-size:8pt; color:#686868; font-weight:bold; text-decoration:none; }
a.newsrubr:link         { 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-size:8pt; color:#686868; }

.TitleRed               { font-size:10pt; color:#B7210A; font-weight:bold; text-decoration:none; }

/*---- Colonne centre ----*/
#formation {
   width:144px;
   border:#CAC8C8 solid 1px;
   background-color:#ffffff;
   margin-bottom: 2px;
/*   display:none; */
   float:left;
}
#promo {
   width:144px;
   border:#CAC8C8 solid 1px;
   background-color:#ffffff;
   margin-bottom: 2px;
/*   display:none; */
   float:left;
}
#rubrique {
   width:144px;
   border:#CAC8C8 solid 1px;
   background-color:#ffffff;
   color:#053d44;
   margin-bottom: 2px;
   float:left;
}
#rubriqueHeader {
   width:100%;
   padding-bottom:5px;
   background-color:#B7D451;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}
#pluslus {
   width:144px;
   margin-bottom: 2px;
   border:#CAC8C8 solid 1px;
   background-color:#ffffff;
   color:#053d44;
   float:left;
}
#pluslusHeader {
   width:100%;
   height:100%;
   padding-bottom:5px;
   background-color:#B7D451;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}
#conseil {
   width:144px;
   border:#CAC8C8 solid 1px;
   background-color:#ffffff;
   color:#053d44;
   margin-bottom: 2px;
   float:left;
}
#conseilHeader {
   width:100%;
   height:100%;
   padding-bottom:5px;
   background-color:#B7D451;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}
#iphone {
   width:144px;
   border:#CAC8C8 solid 1px;
   background-color:#ffffff;
   margin-bottom: 2px;
   float:left;
}
#iphoneHeader {
   width:100%;
   height:100%;
   padding-bottom:5px;
   background-color:#B7D451;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}
#dossier {
   width:144px;
   border:#CAC8C8 solid 1px;
   background-color:#ffffff;
   margin-bottom: 2px;
   float:left;
}
#dossierHeader {
   width:100%;
   height:100%;
   padding-bottom:5px;
   background-color:#B7D451;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}
/*---- Colonne droite ----*/
#search {
   width:298px;
   height:70px;
   padding-top:2px;
   border:#CAC8C8 solid 1px;
   /* background:url('/icon/bg-search.jpg') repeat-x left top; */
   background-color:#fcc03b;

}
#search .flabel {
   height:19px;
   padding:3px 5px 0 0;
   float:right;
   font-size:8pt; font-weight:bold; text-decoration:none;
   text-align:right;
}
#search .finput {
   height:19px;
   padding-left:5px;
   float:right;
   text-align:right;
}
#search input.styledText {
   padding-left:2px;
   padding-right:2px;
   border:#86A128 solid 1px;
   background-color:#ffffff;
   font-size:8pt;
}
.btn { background-color:transparent; border:0px; }
#search .btn-mail {
   width:36px;
   height:21px;
   margin:0 10px 0 10px;
   background:url('/icon/btn-mail.gif') no-repeat left top;
   float:right;
}
#search .btn-search {
   width:36px;
   height:21px;
   margin:0 10px 0 10px;
   background:url('/icon/btn-search.gif') no-repeat left top;
   float:right;
}
#searcherror .btn-searcherror {
   width:36px;
   height:21px;
   margin:0 10px 0 10px;
   background:url('/icon/btn-searcherror.gif') no-repeat left top;
   float:right;
}
#search .btn-contact {
   width:36px;
   height:21px;
   margin:0 10px 0 10px;
   float:right;
}
#transfert .btn-transfert {
   width:80px;
   height:18px;
   background:url('/icon/btn-transfert.gif') no-repeat left top;
   margin:5px 2px 0 0;
   float:right;
}
/*---- Carré de publicité ----*/
#pubcarre {
   width:300px;
   margin-top: 2px;
   text-align: center;
   background-color:#ffffff;
   z-index:0;
}
/*---- Section calendrier ----*/
#calendar {
   width:300px;
   height:300px;
   border:#ff9c00 solid 1px;
   background-color:#ffffff;
   color:#053d44;
   margin-top: 2px;
}
#calendarHeader {
   width:100%;
   height:19px;
   background-color:#ffce00;
   font-size: 13px;
   font-weight:bold;
   color:#000;
}
#calendarList {
   height:273px;
   overflow:auto;
   padding:0 5px 0 5px;
   margin:4px 0 4px 0;
   scrollbar-face-color: #ffffff;
   scrollbar-shadow-color: #D07B10;
   scrollbar-highlight-color: #D07B10;
   scrollbar-3dlight-color: #ffffff;
   scrollbar-darkshadow-color: #ffffff;
   scrollbar-track-color: #ffffff;
   scrollbar-arrow-color: #D07B10;
}
a.calendarListTitle:link     { color:#D47C0D; font-size: 9pt; font-weight:bold; text-decoration:none; }
a.calendarListTitle:visited  { color:#F2A748; font-size: 9pt; font-weight:bold; text-decoration:none; }
a.calendarListTitle:hover    { color:#D47C0D; font-size: 9pt; font-weight:bold; text-decoration:underline; }
a.calendarListText           { font-size: 8pt; }

#calendarList ul
{
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}
#calendarList li{
   line-height: 16px;
   background-image:url(/icon/puce-calendar.gif);
   background-repeat:no-repeat;
   background-position:0px 5px;
   padding-left:11px;
}
/*---- Section movie ----*/
#movie {
   width:300px;
   background-color:#ffffff;
   margin-top: 2px;
}
.videotitre { background-color:#fcc03b;
              padding:0 5px 0 5px;
              font-family:Arial,Helvetica,Sans-serif;
              font-size:12pt;
              color:#000;
              font-weight:bold;
}

/*---- Section map ----*/
#map {
   width:984px;
   height:16px;
   text-align:center;
   background-color:#fff;
   border:#cccccc solid 1px;
   padding:5px 0 5px 0;
   margin-bottom:10px;
}
.sponsoringtext { padding:5px 0 0 10px; font-size:10pt; color:#053d44; font-weight:bold; text-decoration:none; line-height:1.5; text-align:justify; }
#sponsoring a:link     {color:#053d44; text-decoration:none;}
#sponsoring a:visited  {color:#08525c; text-decoration:none;}
#sponsoring a:hover    {color:#053d44; text-decoration:none;}

#barometre table { border-collapse:collapse; border:1px solid #cccccc; }
#barometre th  { font-size:9pt; color:#053d44; font-weight:bold; border:1px solid #cccccc; background-color:#f0f0f0; padding:2px 10px 2px 10px; }
#barometre td  { font-size:9pt; color:#053d44; font-weight:normal; border:1px solid #cccccc; padding:2px 10px 2px 10px; }
#barometre .chiffre { padding-right:30px; text-align:right; }
#barometre .count { text-align:center; }