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

html {background-color: #1F4F7F;}

body {background: #fff url(../../images/bgBody.gif) repeat-x;}
body, input, textarea, select {
   font-family: "Arial", Verdana, sans-serif;
   font-size: 11px;
   color: #002753;}

a {color: #F12909;}
a:hover {color: #002753;}

#allContent {
   width: 980px;
   margin: auto;}

#mainContent {
   border-bottom: 1px #eee solid; 
   padding: 24px 0 15px 0;}
   
#pageAccueil #mainContent {padding: 0 0 15px 0;}

#pageVillage3D #mainContent,
#pageMentions #mainContent {padding: 24px 15px 10px 15px;}

.btnSuite {
   display: block;
   height: 15px;
   background: transparent url(../../images/btnSuite.gif) no-repeat right top;} 
.btnSuite span {display: none;}
.btnSuite:hover {background-position: right -15px;}
   
.zoneTexte {margin-bottom: 10px; text-align: justify;}
.zoneTexte p {margin-bottom: 10px;}

.intro {font-size: 12px; margin-bottom: 10px;}

/************************************************************************************** Titres des pages */

#mainContent h1 {width: 728px; height: 30px; margin-bottom: 20px;}
#mainContent h1 span {display: none;}
   
.pageActualites #mainContent h2,
.pageCorporate #mainContent h2 {
   font-size: 12px; padding-bottom: 2px; margin-bottom: 10px;
   text-transform: uppercase; border-bottom: 1px #A6BCD1 solid;}
#mainContent h2 .cartouche {background-color: #A6BCD1; padding: 2px 5px;}
     
.pageActualites #mainContent h1 {background: transparent url(../../images/titreActualites.gif) no-repeat;}
.pageExposants #mainContent h1 {background: transparent url(../../images/titreExposants.gif) no-repeat; margin-bottom: 10px;}
#pageContact #mainContent h1 {background: transparent url(../../images/titreContact.gif) no-repeat;}
#pageMentions #mainContent h1 {background: transparent url(../../images/titreMentions.gif) no-repeat;}
.pageVillage #mainContent h1 {background: transparent url(../../images/titreVillage.gif) no-repeat;}
#pageRelationsPubliques #mainContent h1 {background: transparent url(../../images/titreRelationsPubliques.gif) no-repeat;}

#pageMentions #mainContent h1,
#pageVillage3D #mainContent h1 {width: 950px;}

.exposantsDepart #mainContent h1 {background: transparent url(../../images/titreExposantsDepart.gif) no-repeat; margin-bottom: 10px;}

/************************************************************************************** Entete */
   
#enTete {
   width: 980px; height: 145px;
   background: transparent url(../../images/bgEntete.jpg) no-repeat;
   position: relative;}
   
#enTete h1 a {
   display: block; position: absolute; top: 26px; left: 10px;
   width: 269px; height: 103px;
   background: transparent url(../../images/logoVillage.png) no-repeat;}
#enTete h1 a span {display: none;}
   
#navigation {
   list-style: none;
   width: 715px; height: 30px;
   position: absolute; left: 265px; bottom: 0;}
#navigation li {float: left; height: 30px; margin-right: 20px; position: relative;}
#navigation li a {
   display: block; height: 30px;
   background-repeat: no-repeat;}
#navigation li a:hover {background-position: 0 -30px;}
#navigation li a span {display: none;}
#navigation li#btnNavA a {background-image: url(../../images/btnNavA.gif); width: 51px;}
#navigation li#btnNavB a {background-image: url(../../images/btnNavB.gif); width: 69px;}
#navigation li#btnNavC a {background-image: url(../../images/btnNavC.gif); width: 74px;}
#navigation li#btnNavD a {background-image: url(../../images/btnNavD.gif); width: 74px;}
#navigation li#btnNavE a {background-image: url(../../images/btnNavE.gif); width: 141px;}
#navigation li#btnNavF a {background-image: url(../../images/btnNavF.gif); width: 127px;}
#navigation li#btnNavG a {background-image: url(../../images/btnNavG.gif); width: 58px;}
#navigation li#btnNavG {margin-right: 0;}
     
#logoVG {border: 0; position: absolute; right: 20px; top: 5px;}
#logoVG img {border: 0;}
   
/************************************************************************************** Accueil */
   
#colGaucheHome,
#colDroiteHome,
#colCentreHome {float: left;}
   
#colGaucheHome {width: 210px; padding-top: 24px;}
#colCentreHome {width: 470px; padding: 24px 20px 0 20px;}
#colDroiteHome {width: 260px;}
   
/******** publicité */
   
.ban200x200,
.ban728x90,
.ban120x600,
.ban120x240 {display: block;}
   
.ban200x200 img,
.ban728x90 img,
.ban120x600 img,
.ban120x240 img {border: 0;}
   
.ban200x200 {width: 200px; height: 200px; margin: 0 0 15px 10px;}
.ban728x90 {width: 728px; height: 90px; padding-bottom: 15px;}
.ban120x600 {width: 120px; height: 600px;}
.ban120x240 {width: 120px; height: 240px;}

#colGaucheExpo .ban120x600,
.pageCorporate .ban120x240 {float: right;}

#pageVillage3D .ban728x90 {width: 950px; text-align: center;}

/******** bloc jeu */
   
#blocJeu {
   width: 200px; height: 219px; 
   margin: 0 0 15px 10px;}
#blocJeu h4 {display: none;}
#blocJeu a {
   display: block;
   width: 200px; height: 219px;
   /*background: transparent url(../../images/prochainement.gif) no-repeat;*/
   background: transparent url(../../images/blocJeu.gif) no-repeat;}
#blocJeu a span {display: none;}
   
/******** bloc newsletter */
   
#blocNewsletter {
   border: 0; margin: 0 0 15px 15px;
   width: 160px; padding: 36px 15px 15px 15px !important;
   background: #A6BCD1 url(../../images/bgBlocNewsletter.gif) no-repeat;
   color: #1f4f7f; font-size: 10px;}
#blocNewsletter legend,
#blocNewsletter label {display: none;}
#blocNewsletter p {margin-bottom: 13px;}
#blocNewsletter input#email {border: 0; padding: 2px; margin-right: 5px;}

.btnSubmit {
   background-color: #1F4F7F; text-align: center; 
   color: #fff; font-weight: bold; height: 18px;
   border: 0; padding-bottom: 2px; cursor: pointer;}
   
/******** bloc programme */
   
#blocProgramme {
   width: 260px; height: 225px; padding-top: 10px;
   background: transparent url(../../images/bgBlocProgramme.jpg) no-repeat;}
#blocProgramme h4 {
   width: 260px; height: 64px;
   background: transparent url(../../images/titreBlocProgramme.gif) no-repeat;}
#blocProgramme h5,
#blocProgramme h4 span {display: none;}
   
/******** btn second life */
   
#btnSecondLife {
   display: block;
   width: 220px; height: 120px; margin: 0 0 20px 20px;
   background: transparent url(../../images/btnSecondLife.gif) no-repeat; display: none;}
#btnSecondLife span {display: none;}
  
/******** btn second life */
   
#btnInfosPratiques {
   display: block;
   width: 220px; height: 120px; margin: 0 0 20px 20px;
   background: transparent url(../../images/btnInfosPratiques.gif) no-repeat;}
#btnInfosPratiques span {display: none;} 

/******** blocactu RSS Vendée Globe */
   
#blocRss {width: 220px; margin-left: 20px; margin-bottom: 20px;}
#blocRss h3 {
   width: 220px; height: 26px; margin-bottom: 12px;
   background: transparent url(../../images/titreBlocRss.gif) no-repeat;}
#blocRss h3 span {display: none;}
#blocRss h2 {color: #FF0000; font-size: 14px; margin-bottom: 5px;}
    
/******** bloc animations flux rss */
   
#blocAnimations {width: 220px; margin-left: 20px; display: none;}
#blocAnimations h3 {
   width: 220px; height: 26px; margin-bottom: 12px;
   background: transparent url(../../images/titreBlocAnimations.gif) no-repeat;}
#blocAnimations h3 span {display: none;}
#blocAnimations ul li a {text-decoration: none; color: #002753;}
    
/******** Bloc zoom sur */
   
#blocUne {margin-bottom: 15px;}
#blocUne h3 {
   width: 470px; height: 26px; margin-bottom: 20px;
   background: transparent url(../../images/titreBlocUne.gif) no-repeat;}
#blocUne h3 span {display: none;}
#blocUne h2 a {
   text-decoration: none; font-size: 24px; display: block; margin-bottom: 10px;
   font-weight: normal; color: #1f4f7f; line-height: 24px;}
#blocUne img {border: 0; margin-bottom: 12px;}
#blocUne .zoneTexte {font-size: 12px;}
   
/******** Bloc actualités*/
   
#blocActualites {margin-bottom: 15px;}
#blocActualites h3 {
   width: 470px; height: 26px; margin-bottom: 10px;
   background: transparent url(../../images/titreBlocActualites.gif) no-repeat;}
#blocActualites h3 span {display: none;}
#blocActualites ul {list-style: none; padding-left: 5px;}
#blocActualites ul li {padding-bottom: 10px;}
#blocActualites ul li a {
   display: block; padding-left: 12px; line-height: 11px;
   background: transparent url(../../images/fleche.png) no-repeat 0 3px;
   color: #235383; text-decoration: none;}
#blocActualites ul li a:hover {text-decoration: underline;}
   
/********************************************************************************** Actualités */
   
#colGauche,
#colDroite {float: left;}
   
#colGauche {width: 728px; padding-right: 42px; position: relative;}
#colDroite {width: 210px;}
   
.blocActu img {float: left; margin: 0 15px 0 0; border: 0;}
#pageDetailActu .blocActu img {float: none; margin: 0;}
.blocActu .date {color: #F12909; font-weight: bold;}
.blocActu h3 {margin-bottom: 15px; font-size: 18px; font-weight: normal;}
.blocActu h3 a {
   color: #002753; 
   text-decoration: none;}

.pageActualites .btnSuite {clear: both;}
   
.pageActualites #zoneTitre {width: 728px;}
   
#btnRetour {
   position: absolute; right: 0; top: 0; text-decoration: none;
   margin-top: 20px; padding: 2px 5px 2px 16px; color: #fff;
   background: #1F4F7F url(../../images/flecheRetour.gif) no-repeat 4px 5px;}
#btnRetour:hover {color: #A6BCD1;}

#pageDetailActu .blocActu .zoneTexte {font-size: 12px;}

/************************************************************************************** Contact */

#pageContact fieldset,
#emailFound {
   border: 1px #A6BCD1 solid; 
   padding: 15px; margin-bottom: 10px;}
   
#emailFound {
   text-align: center; font-weight: bold; 
   background-color: #A6BCD1; border-color: #577B9F;}

#pageContact fieldset legend {
   font-size: 11px; text-transform: uppercase;
   padding: 2px 5px; background-color: #A6BCD1;
   font-weight: bold;}

#pageContact fieldset textarea {width: 500px; height: 50px;}

#blocSearchMail p,
#blocSearchMail .lineForm {float: left;}

#blocSearchMail p {width: 400px;}
#blocSearchMail .lineForm {width: 266px; padding-left: 20px;}

.mentions {padding-top: 10px; font-size: 10px; line-height: 11px;}

.lineRadio input {margin-right: 5px;}
.lineRadio span {text-align: right; width: 330px; display: block; float: left; padding-right: 3px;}

.colContact {width: 50%; float: left;}
.colContact .lineForm {margin-bottom: 5px;}
.colContact label {
   display: block; float: left;
   text-align: right; padding-right: 3px;
   width: 110px;}
.colContact input {width: 180px;}

#submitter {float: right;}

/********************************************************************************** Exposants */
   
#btnArchives {
   display: block; float: right; padding-left: 12px;
   text-decoration: none; font-weight: bold; color: #1f4f7f;
   background: transparent url(../../images/fleche.gif) no-repeat 0 3px;}
   
#colGaucheExpo,
#colDroiteExpo {float: left;}
   
#colGaucheExpo {width: 210px;}
#colDroiteExpo {width: 728px; padding-left: 42px;}

h2#titreExposantJour {
   width: 198px; height: 30px;
   background: transparent url(../../images/titreExposantJour.gif) no-repeat;}
h2#titreExposantJour span {display: none;}

#pageListeExposants h3 {color: #577B9F; font-size: 22px; margin-bottom: 20px;}

#blocExposantJour {border: 1px #577B9F solid; padding: 15px; margin-bottom: 15px;}
#blocExposantJour img {float: left; margin-right: 15px; border: 0;}

.lnkSite {
   display: block;
   height: 15px; clear: both;
   background: transparent url(../../images/lnkSite.gif) no-repeat right top;} 
.lnkSite span {display: none;}
.lnkSite:hover {background-position: right -15px;}

#exposants {
   background: transparent url(../../images/bgListeExpos.jpg) repeat-x left top;
   padding-bottom: 15px;}

.listeExpos {
   width: 200px; float: left; 
   margin: 0 10px 0 10px; 
   padding: 10px 10px 0 10px;}

.listeExposArrivee {padding: 20px 0 0 0;}
.listeExposArrivee img {float: left; margin-right: 20px; width: 350px;}
.listeExposArrivee .zoneTexte {padding: 0 20px; font-size: 12px;}

 #separe {background: transparent url(../../images/bgSepare.gif) repeat-y;}

.listeExpos h3,
.listeExposArrivee h3 {margin-bottom: 10px;}
.listeExpos h3 span,
.listeExposArrivee h3 span {display: none;}

.listeA h3 {width: 200px; height: 18px; background: transparent url(../../images/titreListeA.gif) no-repeat 20px 0;}
.listeB h3 {width: 200px; height: 18px; background: transparent url(../../images/titreListeB.gif) no-repeat 17px 0;}
.listeC h3,
.listeExposArrivee h3 {width: 200px; height: 18px; background: transparent url(../../images/titreListeC.gif) no-repeat 15px 0;}

.listeExpos ul {list-style: none;}
.listeExpos ul li {
   margin-bottom: 8px; color: #1F4F7F; border: 1px red solid;
   padding-left: 12px; font-weight: bold; line-height: 11px;
   background: transparent url(../../images/fleche.png) no-repeat 0 3px;}
.listeExpos ul li a {
   display: block; line-height: 11px;
   color: #1F4F7F; text-decoration: none;}

.listeExpos img, 
.listeExpos p,
.listeExposArrivee img,
.listeExposArrivee p {margin-bottom: 10px; border: 0;}

.btnVoir a {
   padding-left: 12px; font-weight: bold; line-height: 11px;
   background: transparent url(../../images/fleche.png) no-repeat 0 3px;
   color: #1F4F7F; text-decoration: none;}

.listeExposArrivee .btnVoir {padding-left: 20px; padding-top: 20px;}

#pageListeExposants #exposants {padding: 10px;}

.listeThemesExpos {list-style: none;}
.listeThemesExpos li {
   float: left; width: 300px; color: #1F4F7F; margin-bottom: 8px;
   padding-left: 12px; font-weight: bold; line-height: 11px;
   background: transparent url(../../images/fleche.gif) no-repeat 0 2px;}
.listeThemesExpos li a {text-decoration: none; color: #1F4F7F;}

#pageFicheExposant #colDroiteExpo h2 {font-size: 22px; font-weight: normal; margin-bottom: 10px;}
#pageFicheExposant .zoneTexte {font-size: 12px;}
#colDroiteExpo img.logo {float: right; margin: 0 0 15px 15px; border: 0;}

#listePhotos {list-style: none;}
#listePhotos li {float: left; padding: 5px;}
#listePhotos li img {border: 1px #fff solid;}
#listePhotos li a:hover img {border: 1px #1F4F7F solid;}

/**************************************************************************** Mentions légales */

ul.liste {list-style: none; margin-bottom: 10px;}
ul.liste li {background: transparent url(../../images/fleche.png) no-repeat 0 3px; padding-left: 12px;}

#pageRelationsPubliques ul.liste a {text-decoration: none; color: #1f4f7f;}
#pageRelationsPubliques ul.liste a:hover {color: #f12909;}

.pageCorporate #mainContent p {margin-bottom: 10px;}
.pageCorporate #mainContent h2 {font-size: 11px;}

#pageMentions dl {margin-bottom: 15px; height: 145px;}

#pageMentions dl dt,
#pageMentions dl dd {float: left; height: 16px;}

#pageMentions dl dt {font-weight: bold; padding-right: 3px; width: 180px; text-align: right;}
#pageMentions dl dd {width: 740px;}

/**************************************************************************** Le Village */

#colGaucheCorpo,
#colDroiteCorpo {float: left;}
   
#colGaucheCorpo {width: 210px;}
#colDroiteCorpo {width: 728px; padding-left: 42px; position: relative;}

#colDroiteCorpo p {text-align: justify;}

#zoneTitre {position: relative;}
#pageVillage3D #zoneTitre {width: 950px;}

ul#sousNav {
   list-style: none; padding: 2px;
   background-color: #1F4F7F; position: absolute; right: 0; top: 20px;}
ul#sousNav li {float: left; border-left: 1px #577B9F solid;}
ul#sousNav li.noBorder {border: 0;}
ul#sousNav li a {
   background-image: none !important; 
   height: auto; color: #fff; padding: 5px 10px;
   text-decoration: none;}
ul#sousNav li a:hover {color: #A2B9CF;}

.pageVillage #mainContent h2 span {display: none;}

#pagePresentation #mainContent h2 {height: 16px; background: transparent url(../../images/titrePresentation.gif) no-repeat;}
#pageOrganisation #mainContent h2 {height: 13px; background: transparent url(../../images/titreOrganisation.gif) no-repeat;}

.villageDepart #mainContent h2 {height: 13px; background: transparent url(../../images/titreVillage3Ddepart.gif) no-repeat;}
.villageArrivee #mainContent h2 {height: 13px; background: transparent url(../../images/titreVillage3Darrivee.gif) no-repeat;}

#pageInfosPratiques #mainContent h2 {height: 13px; background: transparent url(../../images/titreInfosPratiques.gif) no-repeat;}

.pageVillage #mainContent h3 {color: #F12909; font-size: 16px; margin-bottom: 10px;}

#pageOrganisation #colDroiteCorpo {text-align: center;}

#pageInfosPratiques #mainContent h4 {font-size: 14px; color: #1f4f7f; margin-bottom: 5px;}

#pagePresentation #mainContent h4 {font-size: 13px; margin-bottom: 10px; color: #3a6b9c;}

/************************************************************************************** Footer */
   
#footer {
   text-align: center; width: 100%; padding-top: 8px;
   background: #1F4F7F url(../../images/bgFooter.gif) repeat-x;
   font-size: 10px;}
#footer img {border: 0; margin: 0 10px 18px 10px;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer #links {color: #fff;}

/************************************************************************** Messages / Erreurs */

.validation-advice,
#errMsg {
   display: block; background-color: #cc0000; 
   font-weight: bold; color: #fff;
   padding: 2px 5px; margin-top: 5px; text-align: center;}

#ecranA .validation-advice {
   float: right;  width: 50px; margin: -20px 0 0 10px; 
   padding: 2px 5px !important; font-size: 10px; font-weight: normal;}

#blocSearchMail #errMsg {width: 260px; }

/************************************************************************** Jeu Concours */

.pageJeu {
   background-color: #002753 !important;
   background-image: none; }
   
#zoneJeu {
   width: 500px; height: 500px; position: relative;
   background: #002753 url(../../images/jeu/bgJeu.jpg) no-repeat left bottom;}
   
#zoneJeu h1 {
   width: 500px; height: 110px;
   background: transparent url(../../images/jeu/titreJeu.gif) no-repeat;}
#zoneJeu h1 span {display: none;}

#ecranB #zoneJeu h1 {background: transparent url(../../images/jeu/titreJeuEcranB.gif) no-repeat;}

#contentJeu {padding: 0 15px;}

#contentJeu h2 {
   font-family: "Georgia", Times New Roman, serif; 
   font-size: 20px; line-height: 18px; color: #fff;
   font-weight: normal; margin-bottom: 15px;}

#contentJeu fieldset {border: 0; padding: 15px;}

#contentJeu fieldset ol {list-style-position: inside;}
#contentJeu fieldset ol li {
   font-size: 12px; color: #cc0000; font-weight: bold;
   clear: both;}

#contentJeu fieldset .lineRadio {
   float: left; height: 25px; padding-top: 5px;
   font-size: 11px; color: #002753; padding-right: 15px;}

#contentJeu #btnValider {position: absolute; left: 0; bottom: 0;}

#ecranA #contentJeu fieldset,
#ecranC #zoneReglement {background: transparent url(../../images/jeu/bgFieldset.png);}
#ecranB #contentJeu fieldset {
   background-color: #a1c8ef; width: 250px; 
   float: left; margin-left: 8px; height: 303px;}

#ecranB #contentJeu h3 {
   width: 167px; height: 106px; float: left; margin-top: 15px;
   background: transparent url(../../images/jeu/titreFormulaire.gif) no-repeat;}
#ecranC #contentJeu h3 {
   width: 456px; height: 18px; margin-bottom: 15px;
   background: transparent url(../../images/jeu/titreReglement.gif) no-repeat right top;}
#contentJeu h3 span {display: none;}

#ecranB #contentJeu fieldset .lineForm {margin-bottom: 5px;}
#ecranB #contentJeu fieldset .lineForm label {
   display: block; float: left;
   width: 100px; text-align: right;
   padding-right: 3px; font-size: 12px;
   font-weight: bold;}

#ecranB #contentJeu fieldset .lineCheck {margin-top: 10px;}
#ecranB #contentJeu fieldset .lineCheck input {margin-right: 5px;}
#ecranB #contentJeu fieldset p {padding-left: 17px;}
#ecranB #contentJeu fieldset p a { 
   font-weight: bold; text-decoration: none;
   background: transparent url(../../images/jeu/fleche.gif) no-repeat 0 3px;
   color: #002753; padding-left: 10px;}

#ecranC #zoneReglement {width: 450px; height: 300px; padding: 10px; overflow: auto;}
#ecranC #zoneReglement p {margin-bottom: 10px;}

#retour {text-decoration: none; text-align: right;padding-left: 15px; margin-bottom: 5px; display: block;}
#retour:hover {color: #fff;}

#ecranD #contentJeu p {font-size: 12px; color: #fff; font-weight: bold; padding-top: 10px;}