* {margin: 0; padding: 0;}
.break {clear: both; height: 1px; line-height: 1px;}

body {background: #9a9c9d url(../../images/bgBody.gif) repeat-x;}

body, input, select, textarea {
   font-family: "Arial", Verdana, sans-serif;
	font-size: 11px;
   color: #000;}

a { color: #a40133;}

/*************************************************************************************************************/
/*                                                                                               Formulaires */
/*************************************************************************************************************/

fieldset { border: 1px #666 dotted; margin-bottom: 10px; padding: 10px;}

.lineForm { margin-bottom: 10px; }

input.btnOK {border: 0; background-color: #000; color: #fff; font-weight: bold; text-align: center;}
input.btnForm { width: 90px !important; border: 0; background-color: #000; color: #fff; }

legend {color: #69085a; padding: 0 10px; background-color: #fff; font-weight: bold; font-size: 14px;}

label {
   display: block; text-align: right;
   padding-right: 4px; float: left; }

.noSize { width: auto !important; border: 0 !important; }

.erreur { border: 1px #D71343 solid; color: #D71343; background-color: #fff; padding: 0 4px; text-align: center; font-weight: bold;}

.mentions {font-size: 10px;}

/*************************************************************************************************************/
/*                                                                              Structure générale et entete */
/*************************************************************************************************************/

#allContent {
   width: 980px;
   margin: 0 auto;
   background-color: #fff;}

#enTete {
   width: 790px; height: 130px;
   background: #000 url(../../images/bgEntete.jpg) no-repeat right top;
   position: relative; margin-bottom: 10px;}
#enTete h2 {
   width: 250px; height: 45px; position: absolute; left: 226px; top: 32px;
   background: transparent url(../../images/dateDepart.gif) no-repeat;}
#enTete h2 span {display: none;}

#decompte {
   width: 136px; height: 18px; position: absolute; left: 80px; top: 32px;
   background: #fff url(../../images/bgDecompte.gif) no-repeat;
   text-align: center; font-size: 14px; font-weight: bold; padding-top: 26px;}
#decompte em {display: none;}

#navigation {
   list-style: none; 
   width: 790px; height: 30px;
   position: absolute; left: 0; bottom: 0;}
#navigation li { float: left; position: relative;}
#navigation li a {
   display: block;
   height: 30px;
   background-repeat: no-repeat;
   background-position: 0 0;}
#navigation li a:hover { background-position: 0 -30px; }
#navigation li a span { display: none; }
#navigation li#btnA a { background-image: url(../../images/btnA.gif); width: 87px; }
#navigation li#btnB a { background-image: url(../../images/btnB.gif); width: 95px; }
#navigation li#btnC a { background-image: url(../../images/btnC.gif); width: 93px; }
#navigation li#btnD a { background-image: url(../../images/btnD.gif); width: 112px; }
#navigation li#btnE a { background-image: url(../../images/btnE.gif); width: 74px; }
#navigation li#btnF a { background-image: url(../../images/btnF.gif); width: 118px; }
#navigation li#btnG a { background-image: url(../../images/btnG.gif); width: 107px; }
#navigation li#btnH a { background-image: url(../../images/btnH.gif); width: 104px; }

/*********** sous nav */

#navigation li ul {
   list-style: none;   
   background-color: #000; width: 180px;
   padding: 10px; position: absolute; left: 0; top: 30px;}
#navigation li ul li {
   border-top: 1px #666 dotted;
   float: none;}
#navigation li ul li a {
   text-decoration: none;
   background-image: none !important;
   color: #b1b3b4; width: 180px !important;
   font-size: 12px; height: auto; padding: 5px 0;}
#navigation li ul li a:hover { font-weight: bold; }

#navigation li ul#sousNavH {width: 150px; left: -66px;}

#navigation li#btnG div#sousNavG {
   width: 232px; background-color: #000; padding: 6px;
   position: absolute; left: -70px; top: 30px;}
#navigation li#btnG #sousNavG a {
   width: 50px; height: 50px; padding: 4px; 
   text-align: center;
   background-image: none;
   float: left;}
#navigation li#btnG #sousNavG img {border: 0; width: 50px; height: 50px; }

#mainContent {width: 790px;}

#colGauche,
#colCentre,
#colDroite,
#mainContent { float: left; }

#colGauche { width: 190px; background: transparent url(../../images/bgColGauche.gif) repeat-x; padding-bottom: 50px;}
#colCentre { width: 560px; padding: 0 0 15px 20px;}
#colDroite { width: 170px; padding: 0 0 15px 20px;}

#colGauche h1 {
   width: 190px; height: 22px; margin: 18px 0 15px 0;
   background: transparent url(../../images/slogan.gif) no-repeat;}
#colGauche h1 span {display: none;}

#footer { clear: both; font-size: 10px; text-align: center; padding: 5px 0 5px 0; margin: 0 15px; border-top: 1px #000 dotted;}
#footer a { color: #000;}
#footer a:hover { color: #003366 }

/*************************************************************************************************************/
/*                                                                     Modules des colonnes gauche et droite */
/*************************************************************************************************************/

#colGauche h3 span,
#colDroite h3 span {display: none;}

/***** Colonne gauche */

#blocPartenaires { 
   width: 170px; height: 170px;
   text-align: center; margin: 10px 10px 0 10px; }
#blocPartenaires h3 { 
   width: 170px; height: 9px; margin-bottom: 15px;
   background: transparent url(../../images/titrePartenaires.gif) no-repeat; }
#blocPartenaires img { width: 120px; border: 0; }

#logoPenduick { display: block; width: 170px; height: 80px; margin: 0 10px 20px 10px; }
#logoPenduick img { border: 0;}

#outilsPresse {
   list-style: none; 
   width: 170px; margin: 0 10px 15px 10px;}
#outilsPresse li a {display: block;}
#outilsPresse li a span {display: none;}

#btnEspacePresse {
   width: 170px; height: 20px; margin-bottom: 8px;
   background: transparent url(../../images/btnEspacePresse.gif) no-repeat;}
#btnRP {
   width: 170px; height: 22px;
   background: transparent url(../../images/btnRP.gif) no-repeat;}

#blocNewsletter { 
   background: transparent url(../../images/bgNewsletter.png) no-repeat; 
   width: 170px; height: 36px; margin: 0 10px 15px 10px; padding-top: 30px;}
#blocNewsletter label {display: none;}
#blocNewsletter .lineForm {margin: 0;}
#blocNewsletter input.btnOK {width: auto !important;}
#blocNewsletter input#votreEmail { width: 135px; border: 1px #666 solid; margin-left: 5px;}
#blocNewsletter a {font-size: 10px; color: #000; display: block; text-decoration: none; padding: 3px 0 0 5px;}
#blocNewsletter a:hover { color: #a40133; }

#services {list-style: none; }
#services li a {
   width: 125px; color: #000; text-decoration: none; 
   font-weight: bold; padding-left: 35px;
   display: block; line-height: 18px;}
#services #btnRss { background: transparent url(../../images/pictoRss.gif) no-repeat 10px 2px;}
#services #btnContact { background: transparent url(../../images/pictoContact.gif) no-repeat 10px 4px;}

#blocKitEnfants {
   width: 170px; height: 120px; display: block;
   background: transparent url(../../images/kitEcole.jpg) no-repeat; 
   margin: 20px 10px 5px 10px;}
#blocKitEnfants span,
#telechargerCarte span {display: none;}

#telechargerCarte {
   display: block; margin: 0 10px 20px 10px;
   width: 170px; height: 30px;
   background: transparent url(../../images/btnTelechargerCarte.gif) no-repeat;}

/***** Colonne droite */

#blocVacationsLive {
   display: block; width: 170px; height: 190px; margin-bottom: 15px;
   background: transparent url(../../images/blocVacationsLive.gif) no-repeat;}
#blocVacationsLive span {display: none;}

#blocCartographie { 
   display: block; width: 110px; height: 64px;
   background: transparent url(../../images/bgCartographie.gif) no-repeat;
   padding: 40px 50px 0 10px; color: #fff; text-decoration: none; margin-bottom: 15px;}

#blocMediatheque { 
   width: 170px; margin-bottom: 15px;
   background: #000 url(../../images/bgMediatheque.jpg) repeat-x;}
#blocMediatheque h3 {display: none;}
#blocMediatheque ul { list-style: none; width: 170px; height: 30px;}
#blocMediatheque ul li {float: left;}
#blocMediatheque ul li a {display: block; height: 30px;}
#blocMediatheque ul li a span { display: none; }
#blocMediatheque ul li#lnkVideos a { background: transparent url(../../images/ongletVideo.gif) no-repeat; width: 56px;}
#blocMediatheque ul li#lnkPhotos a { background: transparent url(../../images/ongletPhoto.gif) no-repeat; width: 57px;}
#blocMediatheque ul li#lnkAudios a { background: transparent url(../../images/ongletAudio.gif) no-repeat; width: 57px;}

#blocMediatheque ul li a.selected {background-position: 0 -30px !important;}

#tousMedias {width: 170px; height: 18px !important; list-style: none; background-color: #aa3041;}
#tousMedias li {float: left; width: 56px !important;}
#tousMedias li a {
   width: 56px !important; height: 18px !important; color: #fff; line-height: 18px; 
   font-size: 10px; text-decoration: none; text-align: center;}

.apercuMediatheque { 
   width: 170px; text-align: center; font-size: 10px; 
   line-height: 10px; padding-top: 8px;}
.apercuMediatheque img { margin: 0 auto 5px auto; border: 0;}
.apercuMediatheque p {color: #fff; text-align: center;}

.apercuMediatheque .lnkVacation {
   text-align: left; padding: 0 0 5px 0; width: 150px;
   border-bottom: 1px #afb0b2 solid; margin-bottom: 5px;}

.apercuMediatheque .lnkVacation a {
   display: block; color: #e85875;
   text-decoration: none; margin-bottom: 5px;}
#blocMediatheque .apercuMediatheque .lnkVacation span { 
   display: block; color: #fff;}

#blocMediatheque #calque1 { width: 154px; padding: 8px 5px;}
#blocMediatheque #calque2 p { padding: 10px; }
#blocMediatheque #calque3 {padding: 5px 10px; width: 150px;}

#blocMediatheque .apercuMediatheque .toutesVideos {
   display: block; text-align: right;
   padding: 0 5px 0 0 !important; font-weight: bold;
   text-decoration: none; margin-top: 10px;
   background: transparent url(../../images/flecheSuite.gif) no-repeat 35px 1px;}

#btnTransatVirtuelle { 
   display: block; width: 170px; height: 120px;
   background: transparent url(../../images/btnTransatVirtuelle.gif) no-repeat;
   margin-bottom: 15px; }
#btnTransatVirtuelle span {display: none;}

#blocMeteo {background: #b2b3b5 url(../../images/bgMeteo.jpg) no-repeat; margin-bottom: 15px;}
#blocMeteo .zoneTexte h4 {display: block; font-size: 12px;}
#blocMeteo .zoneTexte {padding: 35px 10px 10px 10px;}
#blocMeteo .zoneTexte img {margin: 5px 10px 0 0; border: 0;}
.suiteMeteo {
   display: block; color: #fff; font-weight: bold;
   background-color: #aa3041; text-align: center;
   height: 18px; line-height: 18px; text-decoration: none;}
#blocMeteo .lnkMeteo {display: block; color: #000; margin-bottom: 10px;}
   
#blocPerformance {width: 170px; background-color: #6a0c5a; margin-bottom: 15px;}
#blocPerformance h3 {
   width: 170px; height: 100px;
   background: transparent url(../../images/titreBlocPerformance.gif) no-repeat;}
#blocPerformance h3 span { display: none; }
#blocPerformance .zoneTexte {padding: 10px; background-color: #ddd;}


/*************************************************************************************************************/
/*                                                                                             Zone centrale */
/*************************************************************************************************************/

#animVacations {margin-bottom: 15px;}

#blocClassement,
#blocPalmares {
   width: 750px; height: 40px; 
   background-color: #afb0b2;
   margin: 10px 20px 20px 20px;}
.titreClass {
   width: 140px; height: 16px; text-align: center;
   background: #000 url(../../images/titreBlocClassement.gif) no-repeat 14px 8px;
   font-size: 10px; color: #ac2940; padding: 24px 0 0 0; float: left; text-decoration: none;}
   
#blocPalmares .titreClass {letter-spacing: 3px;}

.titreClass span {display: none;}

#blocClassement ul,
#blocPalmares ul {list-style: none; padding-top: 8px;}

#blocClassement ul li,
#blocPalmares ul li {
   float: left; width: 167px; height: 26px; 
   padding-left: 36px; font-size: 12px; line-height: 13px;}

#blocClassement ul li a,
#blocPalmares ul li a {color: #000; text-decoration: none;}

#blocClassement ul li span,
#blocPalmares ul li span {display: block; font-size: 11px; color: #fff;}

#premier {background: transparent url(../../images/premier.gif) no-repeat 10px 0;}
#deuxieme {background: transparent url(../../images/deuxieme.gif) no-repeat 10px 0;}
#troisieme {background: transparent url(../../images/troisieme.gif) no-repeat 10px 0;}

#ticker {
   background-color: #a3488d;
   margin-bottom: 20px;
   width: 560px; color: #fff;
   font-weight: bold;
   padding: 2px; }
#ticker * { margin: 0; border: 0;}

#ariane {list-style: none; background-color: #eee; height: 20px; padding: 0 5px; line-height: 20px; margin-bottom: 25px !important;}
#ariane li {float: left; padding-right: 15px; padding-left: 10px;}
#ariane li a {font-size: 10px; color: #000;}
#ariane li {background: transparent url(../../images/flecheAriane.gif) no-repeat 0 7px;}
#ariane li a:hover {color: #a40133;}

/********************* éléments de mise en page */

#colCentre h3 span {display: none;}

#colCentre h4 {font-size: 14px; color: #69085a; margin-bottom: 5px;}
#colCentre h5 {font-size: 12px; color: #a40133; margin-bottom: 5px;}

#colCentre p,
#colCentre ul { margin-bottom: 10px; }

.zoneTexte {padding-bottom: 10px;}

ul.liste,
.zoneTexte ul {list-style: square; margin-left: 30px;}

.retour {
   float: right; font-weight: bold; text-decoration: none;
   padding-left: 12px; margin-top: 6px;
   background: transparent url(../../images/flecheRetour.gif) no-repeat 0 3px;}
.download { background: transparent url(../../images/flecheDownload.gif) no-repeat 0 4px; }

/****** tableaux */

table {
   border-collapse: collapse;
   width: 560px;
   margin-bottom: 10px;}
table td,
table th {
   border: 1px #666 dotted;
   padding: 2px 4px;}
table th { background-color: #bbb; color: #fff; text-align: left;}

table td a { text-decoration: none; font-weight: bold; }
table td a:hover { color: #000; }

/********************** Pagination */

.pagination {
	position: relative; width: 560px;
	border-top: 1px #000 dotted;
	text-align: center;
	padding-top: 3px;
	clear: both;}
.pagination a {text-decoration: none;}
.pagination a:hover {text-decoration: underline;}
.pagination a#btnPrecedent {
   position: absolute; left: 0; top: 3px;
   background: transparent url(../../images/flecheRetour.gif) no-repeat 0 3px;
   padding-left: 12px;}
.pagination a#btnSuivant {
   position: absolute; right: 0; top: 3px;
   background: transparent url(../../images/flecheSuite.gif) no-repeat 88px 3px;
   padding-right: 12px;}

#pageToutesActualites .pagination a#btnSuivant,
#pagePhotos .pagination a#btnSuivant,
#pageAudios .pagination a#btnSuivant { background-position: 70px 4px; }

/****************** Sous navigation */

ul.sousNavigation { height: 25px; list-style: none;}
ul.sousNavigation li {
   float: left;
   font-weight: bold;
   padding-right: 10px;}
ul.sousNavigation li a {
   padding-left: 12px;
   text-decoration: none; background: transparent url(../../images/flecheSuite.gif) no-repeat 0 3px;}

/****************** Page d'accueil */

#pageAccueil #colCentre h3 span {display: none;}

.date {display: block; margin-bottom: 5px;}
.date em {
   background-color: #a3488d; color: #fff; width: 125px; font-style: normal;
   font-size: 10px; padding: 0 2px; margin-bottom: 2px; text-align: center;}

.suite { clear: both; text-align: right; height: 18px; margin: 0 !important;}
.suite a {
   float: right;
   display: block;
   padding-left: 12px; color: #000;
   font-weight: bold; 
   text-decoration: none; margin-left: 10px;
   background: transparent url(../../images/fleche.gif) no-repeat 0 3px;}

#blocAlaune h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreAlaune.gif) no-repeat;}
#blocAlaune h2 { font-size: 18px; margin-bottom: 10px;}
#blocAlaune img { float: left; margin: 0 10px 0 0; }

#blocDernieresBreves h3 {
   background: transparent url(../../images/titreDernActus.gif) no-repeat;
   width: 560px; height: 23px; margin-bottom: 15px;}
.breve { 
   padding: 3px 0 3px 0; 
   border-bottom: 1px #000 dotted; margin-bottom: 5px;}
.breve h2 {margin-bottom: 10px;}
.breve h2 a {text-decoration: none; color: #000; font-size: 20px; line-height: 22px;}

.lnkActu {text-decoration: none; color: #000;}

.breve a.lnkBreve {
   display: block;
   text-decoration: none;
   color: #000; font-weight: bold;
   padding: 2px 5px 3px 5px;
   background: transparent url(../../images/flecheBreve.gif) no-repeat 503px 5px;
   line-height: 14px;}
.breve a.lnkBreve:hover { background-color: #eee; }
.breve a.lnkBreve span { color: #D71343; font-size: 10px; font-weight: bold; display: block;}

.detailBreve { padding: 2px 5px 3px 5px;}
.detailBreve img {float: left; margin-right: 10px; border:0 } /* width: 150px; border: 0;} */

#pageAccueil #blocCommunique .detailBreve img {width: auto;}

.btnToutesBreves {
   display: block; width: 110px; padding-left: 18px; float: right;
   color: #fff; font-weight: bold; text-decoration: none;
   background: #aa3041 url(../../images/flecheToutes.gif) no-repeat 5px 3px;}

#blocCommunique {margin-bottom: 10px;}
#blocCommunique h3 {
   background: transparent url(../../images/titreAlaune.gif) no-repeat;
   width: 560px; height: 23px; margin-bottom: 15px;}
#blocCommunique .breve {border-bottom: 0;}
#blocCommunique .detailBreve {font-size: 14px; line-height: 18px; padding: 0 30px 0 0; text-align: justify;}
#blocCommunique .detailBreve .suite a {font-size: 12px; background-position: 0 6px;}

/**************** Pages actualités */

.pageActualites #colCentre h3,
.pagePartenaires #colCentre h3 {
   border-bottom: 1px #000 dotted; font-size: 22px; 
   font-weight: normal; padding-bottom: 5px; margin-bottom: 15px;}

.actu { border-bottom: 1px #000 dotted; margin-bottom: 10px;}
.actu h2 a {font-size: 16px; line-height: 17px; margin-bottom: 5px; text-decoration: none; color: #000;}
.actu img {float: left; margin-right: 10px;}

.pageActualites .date {width: auto;}
.pageActualites #colCentre img { float: left; margin: 0 15px 5px 0; border: 0;}

#pageDetailActualites #colCentre h2 { font-size: 20px; line-height: 22px; margin-bottom: 15px;}

/**************** Pages présentation */

#pageIntro #colCentre h3 { 
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titrePresentation.gif) no-repeat; }

#pageParcours #belleIle,
#pageParcours #marieGalante {  width: 560px;}

#pageParcours #belleIle { background: transparent url(../../images/titreBelleIle.jpg) no-repeat; padding: 260px 0 10px 0;}
#pageParcours #marieGalante { background: transparent url(../../images/titreMarieGalante.jpg) no-repeat left bottom; padding: 10px 0 260px 0;}

#pageParcours #belleIle h2,
#pageParcours #marieGalante h2 { display: none; }

#carteParcours {border: 0;}

/******************** Page Figaro */

#pageFigaro #colCentre .bloc { 
   border: 1px #000 dotted; padding: 10px 10px 0 10px;
   width: 260px; float: left; margin: 5px 15px 15px 0;}
#pageFigaro #colCentre .bloc h5 {
   background-color: #ac2940; text-transform: uppercase; 
   font-size: 11px !important; padding: 0 4px; color: #fff; }

#pageFigaro #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreFigaro.gif) no-repeat;}

/****************** Pages historique */

#pageHistorique #colCentre h3 { 
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreHistorique.gif) no-repeat;}

/******************* Page Animations */

#pageAnimations #colCentre h2 { color: #D71343 }
#pageAnimations #colCentre h4 { color: #409FFE; font-size: 14px; margin-bottom: 5px; }

#pageAnimations #colCentre th { background-color: #ECF6FF; }
#pageAnimations #colCentre .alignRight { text-align: right; width: 120px; }
#pageAnimations #colCentre .horaires { width: 90px; }
#pageAnimations #colCentre .lieu { width: 65px; }

/******************* Page transat des enfants */

#pageTransatEnfants #colCentre ul li { 
   background: transparent url(../../images/flecheSuite.gif) no-repeat 0 4px; 
   padding-left: 12px;
   margin-bottom: 15px;}

#pageTransatEnfants #colCentre ol { list-style: none; float: left;}
#pageTransatEnfants #colCentre ol li { 
   background: transparent url(../../images/flecheAriane.gif) no-repeat 0 4px;
   margin-bottom: 0;
   padding-left: 12px;
   font-weight: bold;}

#pageTransatEnfants #colCentre img.visuelA { float: left; margin: 0 20px 30px 0; }
#pageTransatEnfants #colCentre img.visuelB { float: right; margin: 20px 0 0 20px; }
   
/**************** Pages pen duick */

#pageSociete #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titrePenduick.gif) no-repeat;}

#urlPenduick {
   display: block;
   height: 45px; padding: 5px 0 0 200px;
   background: transparent url(../../images/miniPenduick.gif) no-repeat 80px 0; }
#urlPenduick a { color: #003366; }

#pageSociete dl { clear: both; }

#pageSociete dt,
#pageSociete dd { background: transparent url(../../images/filetBreves.gif) no-repeat left top; }
#pageSociete dt { width: 113px; text-align: right; float: left; padding: 2px 5px 2px 0; font-weight: bold;}
#pageSociete dd { width: 395px; float: right; padding: 2px 0 2px 5px; }

/***** organigramme */

#pageOrganigramme #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreOrganigramme.gif) no-repeat;}

#pageOrganigramme #colCentre h4 {border-bottom: 1px #69085a dotted; margin-top: 20px;}

/**************** Pages multimédia */

.pageMultimedia #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreMultimedia.gif) no-repeat;}

.pageMultimedia #triMedias p { margin-bottom: 2px; }
.pageMultimedia #triMedias label {
   width: 200px; line-height: 20px;
   height: 20px; }
.pageMultimedia #triMedias select { width: 200px; margin-right: 5px;}
.pageMultimedia #colCentre img,
#pageZoom img,
#pageDernInfos #colCentre img {border: 0; display: block;}
#pageDernInfos .lecteurAudio { float: right; }

/*** Photos */

#pagePhotos #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titrePhotos.gif) no-repeat;}

ul.listeMedias {
   clear: both; padding-top: 10px; 
   list-style: none;}
ul.listeMedias li {
   width: 182px;
   padding: 5px 0 5px 0; 
   text-align: center; 
   float: left;}
ul.listeMedias li a {
   display: block;
   font-size: 10px;
   text-decoration: none; line-height: 12px;}
ul.listeMedias li a:hover { color: #003366; }
ul.listeMedias li img {margin: 0 auto 0 auto;}

.pageSkippers ul.listeMedias {width: 530px;}
.pageSkippers ul.listeMedias li {width: 176px;}

/*** Audios */

#pageAudios #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreAudios.gif) no-repeat;}

#pageAudios .blocVacation {border-bottom: 1px #000 dotted; margin-bottom: 15px; padding-bottom: 10px;}
#pageAudios .blocVacation p strong { display: block; }
#pageAudios .blocVacation img { width: 70px; float: left; margin: 0 10px 0 0;}
#pageAudios .blocVacation .downloadAudio {
   display: block; height: 12px; float: right;
   background: transparent url(../../images/pictoAudios.gif) no-repeat;
   padding-left: 20px; text-decoration: none; font-weight: bold; color: #000;}
#pageAudios .lecteurAudio { float: right; }

/****** zoom */

#pageZoom { margin: 10px;}
#pageZoom #contentZoom {
   text-align: center;
   background-color: #fff; padding: 10px;}
#pageZoom #flvPlayer {
   text-align: center;
   align: center
   background-color: #fff; padding: 10px;}   
#pageZoom #contentZoom img { margin: 0 auto 10px auto; }
#pageZoom #contentZoom .pagination { width: auto; margin-bottom: 10px }

/*** Vidéos */

#pageVideos #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreVideos.gif) no-repeat;}

#pageVideos #colCentre h4 span.date {display: block;}

#pageVideos .blocVacation img {margin: 0 10px 10px 0;}

/******************* Partenaires */

.pagePartenaires #colCentre img {
   float: left;
   margin: 0 10px 10px 0;
   border: 0;}

/******************* Skippers */

#pageListeSkippers #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreInscrits.gif) no-repeat;}

/**** Liste des skippers */

#pageListeSkippers h2 {font-size: 14px; margin-bottom: 5px;}
#pageListeSkippers .sousNavigation { width: 200px; float: left; }
#pageListeSkippers .sousNavigation li { float: none; }
#pageListeSkippers h4 span {
   color: #003366; padding-left: 12px;
   background: transparent url(../../images/flecheSuite.gif) no-repeat 0 5px; }

.blocSkipper {
   width: 250px; height: 110px; float: left; padding-right: 10px; padding-top: 10px;
   position: relative; border-bottom: 1px #000 dotted; margin: 0 10px;}
.blocSkipper img {border: 0; float: left; margin: 0 10px 0 0;}
.blocSkipper h2 { font-size: 14px !important; margin-bottom: 0 !important;}
.blocSkipper h3 { font-size: 12px !important; margin-bottom: 0 !important; color: #569CCD;}
.blocSkipper .suite { clear: none; position: absolute; bottom: 0; right: 10px;}

/****** Liste des skippers par classe */

#pageClassesSkippers .classeBateau {
   margin-bottom: 10px;
   padding-bottom: 10px;}
#pageClassesSkippers .classeBateau img {
   background-color: #fff; border: 1px #669BC8 solid; padding: 3px;
   float: left; margin: 0 10px 0 0; }
#pageClassesSkippers .classeBateau .sponsor { float: right; }
#pageClassesSkippers .classeBateau ul { float: left; }
#pageClassesSkippers .classeBateau ul li.nomSkipper { font-weight: bold; font-size: 14px; }

/***** fiche skipper */

#portrait {position: relative; width: 560px; padding-bottom: 10px;}
#portrait h2 { font-size: 24px; margin: 0 0 5px 0;}
#portrait h4 { font-size: 18px; color: #a3498f;}
#portrait img {
   margin: 0 10px 0 0;
   float: left; width: 166px; overflow: hidden;}
#portrait img.sponsor { float: right; margin: 10px 0 10px 10px; width: auto;}
#portrait #infos {width: 384px; float: left; }

/**** infos plus */

#lstInfos {list-style: none;}

/**** sous nav skippers */

#sousNavSkipper {
   width: 560px; height: 24px; 
   clear: both; list-style: none; margin-bottom: 0 !important;}
#sousNavSkipper li { float: left; }
#sousNavSkipper li a {
   display: block;
   height: 24px;
   background-repeat: no-repeat;}
#sousNavSkipper li a span { display: none; }
#sousNavSkipper li#btnPalmares a { width: 184px; background-image: url(../../images/btnPalmares.gif); }
#sousNavSkipper li#btnBateau a { width: 104px; background-image: url(../../images/btnBateau.gif); }
#sousNavSkipper li#btnDernInfos a { width: 152px; background-image: url(../../images/btnDernInfos.gif); }
#sousNavSkipper li#btnStatistiques a { width: 114px; background-image: url(../../images/btnStatistiques.gif); }

#pagePalmares #sousNavSkipper li#btnPalmares a,
#pageBateau #sousNavSkipper li#btnBateau a,
#pageDernInfos #sousNavSkipper li#btnDernInfos a,
#pageStatistiques #sousNavSkipper li#btnStatistiques a,
#sousNavSkipper li a:hover { background-position: 0 -24px; }

#sousNavSkipper li#btnPalmares,
#sousNavSkipper li#btnBateau,
#sousNavSkipper li#btnDernInfos {margin-right: 2px;}

#zoneSkippers {
   width: 530px; padding: 15px;
   background: transparent url(../../images/bgZoneSkippers.jpg) repeat-x;}

#infos .liste {margin-left: 15px;}
#infos .liste li a {color: #666;}
#infos .liste li a:hover {color: #000;}

#blocPalmares .sousTitreOrange,
.pageSkippers h4 {
   font-size: 14px !important;
   font-weight: bold;
   color: #D71343;
   margin-bottom: 5px;}

#blocSpecsSkipper {list-style: none; width: 530px; height: 50px; margin: 0 !important;}
#blocSpecsSkipper li {
   float: left; width: 265px; border-bottom: 1px #fff dotted;
   padding-bottom: 3px; margin-bottom: 3px;}

/***** palmarès */

#blocPalmaresSkipper {padding-top: 15px;}

#pagePalmares #colCentre h3,
#pageListeFichesSkippers #colCentre h3 { 
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreSkippers.gif) no-repeat;}

#pagePalmares #blocSpecsSkipper { height: 60px; }

#pagePalmares #colSkipper {
   float: right;
   width: 270px;
   background-color: #000; color: #fff;
   margin: 15px 0 10px 10px;}

#pagePalmares .contactSkipper {
   padding: 10px 10px 0 10px;
   margin-bottom: 10px;}
#pagePalmares .contactSkipper h4 {
   border-bottom: 1px #fff dotted;
   font-size: 14px !important;
   color: #fff;
   margin-bottom: 5px;}
#pagePalmares .visuelBateau { float: right; border: 0; margin:0 10px 10px 0;}

/***** bateau */

#pageBateau #blocSpecsSkipper { height: 100px; }

/***** dernières infos */

#colCentre h4 span {display: none;}

h4.titreDernVideos,
h4.titreDernVacations,
h4.titreDernPhotos {width: 560px; height: 23px; margin: 15px 0;}

h4.titreDernVideos {background: transparent url(../../images/titreDernVideos.gif) no-repeat;}
h4.titreDernVacations {background: transparent url(../../images/titreDernVacations.gif) no-repeat;}
h4.titreDernPhotos {background: transparent url(../../images/titreDernPhotos.gif) no-repeat;}

.blocVacation h2 {font-size: 14px;}
.blocVacation h5 strong {color: #000; font-size: 11px; font-weight: normal;}
.blocVacation {border-bottom: 1px #000 dotted; margin-bottom: 10px;}
.blocVacation img {float: left; margin-right: 10px;}

.ecouterAudio {
   display: block; height: 12px; float: right;
   background: transparent url(../../images/pictoAudios.gif) no-repeat;
   padding-left: 20px; text-decoration: none; font-weight: bold; color: #000;}
.voirVideo {
   display: block; height: 15px; float: right;
   background: transparent url(../../images/pictoVideos.gif) no-repeat right;
   padding-right: 18px; text-decoration: none; font-weight: bold; color: #000;}

/*** envoyer un message au skipper */

#pageEnvoiMessage #colCentre fieldset { border-color: #BBDDF6; }
#pageEnvoiMessage #colCentre label {width: 200px;}
#pageEnvoiMessage #colCentre input,
#pageEnvoiMessage #colCentre textarea { width: 200px; }
#pageEnvoiMessage #colCentre .margeForm { margin-left: 204px; }

/******************* page contact */

.pageContact #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreContact.gif) no-repeat;}

.pageContact #searchMail input { margin-right: 10px; }

.pageContact label { width: 180px; }
.pageContact input,
.pageContact select,
.pageContact textarea { width: 180px; }

.pageContact .margeForm,
.pagePresse .margeForm {text-align: center;}

.listeRadios {list-style: none; height: 20px;}
.listeRadios li {float: left; margin-right: 10px; }

.pageContact .bloc { border: 1px #a40133 dotted; margin: 0 15px 10px 0; padding: 10px;}
.pageContact .bloc h2 { width: 250px; font-size: 12px !important; line-height: 13px; margin-bottom: 5px; float: left;}
.pageContact .bloc ul { width: 250px; float: left; margin-bottom: 0 !important; list-style: none;}
.pageContact .bloc ul li {text-align: left;}

#pageNewsletter #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreNewsletter.gif) no-repeat;}

/************** Classements */

#pageClassement #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreClassement.gif) no-repeat;}

.pageClassFinal #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreClassementFinal.gif) no-repeat !important;}

.pageClassPrologue #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreClassementPrologue.gif) no-repeat !important;}

#pageClassement #colCentre h2 {margin-bottom: 10px;}

/*#lnkClassements,
#pageClassement ul.sousNavigation { float: left; }*/

#lnkClassements { margin-bottom: 10px; list-style: none; float: right;}
#lnkClassements li {border-bottom: 1px #000 dotted; list-style: none;}
#lnkClassements li a { color: #000; display: block; text-decoration: none; font-weight: bold; }
#lnkClassements li.excel a { background: transparent url(../../images/pictoExcel.png) no-repeat; padding-left: 20px; height: 22px; line-height: 20px;}
#lnkClassements li.histo a { background: transparent url(../../images/pictoClock.png) no-repeat 0 2px; padding-left: 20px; height: 22px; line-height: 22px;}
#lnkClassements li.maxSea {background: transparent url(../../images/pictoMaxSea.gif) no-repeat 0 4px; padding-left: 50px; height: 22px; line-height: 22px;}

.hautPage { 
   float: right; color: #000; font-weight: bold; text-decoration: none; display: block;
   background: transparent url(../../images/flecheHaut.gif) no-repeat 75px 4px; padding-right: 12px; }

#pageClassement .cellA { width: 35px; text-align: center; }
#pageClassement .cellB { width: 195px }
#pageClassement .cellB span { display: block; color: #666;}
#pageClassement .cellC { width: 60px; text-align: center;}

#pageClassement ul.sousNavigation {width: 264px;}
#pageClassement ul.sousNavigation li {width: 130px;}

#pageAllClassements  #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreHistoClassements.gif) no-repeat;}

#pageAllClassements  #colCentre ul.listeClassHistos {list-style: none;}
#pageAllClassements  #colCentre ul.listeClassHistos li {border-bottom: 1px #666 dotted; padding: 2px 0;}

/*************************************************************************************************************/
/*                                                                         Page Flux RSS et mentions légales */
/*************************************************************************************************************/

.pageFluxRSS #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreRss.gif) no-repeat;}

.pageMentionsLegales #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titreMentions.gif) no-repeat;}

/*************************************************************************************************************/
/*                                                                                             Espace Presse */
/*************************************************************************************************************/

.pagePresse #colCentre h3 {
   width: 560px; height: 23px; margin-bottom: 15px;
   background: transparent url(../../images/titrePresse.gif) no-repeat;}

.pagePresse label { width: 200px; }

#loginPresse .btnOK {float: right; margin: -40px 60px 0 0;}

.pagePresse #urlPenduick {
   padding: 55px 0 10px 0; height: 65px; text-align: center;
   background-position: 40px 0;}

#contactPresse {float: right; width: 200px; border: 1px #000 dotted; padding: 10px 10px 0 10px;}

/*************************************************************************************************************/
/*                                                                                                 Vainqueur */
/*************************************************************************************************************/

#vainqueur {  
   background-color: #fff;
   padding: 0 20px 0 20px;}
#vainqueur h1 { 
   color: #a40133; 
   line-height: 20px;
   font-size: 20px;
   margin: 10px 0 10px 0 !important;}
#vainqueur p { margin-bottom: 10px; }

/*************************************************************************************************************/
/*                                                                                              Statistiques */
/*************************************************************************************************************/

#pageStatistiques #colCentre h4 {background-color: #888; margin-bottom: 10px; padding-left: 5px; padding: 2px 5px; color: #fff;}

#positionnement { margin-bottom: 20px;}

.position { background-color: #666666; color: #fff; height: 16px; line-height: 16px;}
.position span {
	display: block;
	background: url(../../images/bgPosition.gif) no-repeat;
	float: left; margin-right: 5px;
	width: 16px; height: 16px;
	text-align: center; color: #fff;
	padding-right: 5px;}
.select { font-weight: bold; background-color: #ac76a4; }
.select span { background: transparent url(../../images/bgPositionSelect.gif) no-repeat; }

.distance { height: 34px; line-height: 34px; color: #000; padding-left: 16px;}
.moins { background: transparent url(../../images/distanceVerte.png) no-repeat 5px 0; }
.plus { background: transparent url(../../images/distanceRouge.png) no-repeat 5px 0; }