* { margin: 0; padding: 0; } .break {clear: both; height: 1px; line-height: 1px; font-size: 1px;} body { font-size: 12px; line-height: 15px; color: #000; background: #470101 url(../../images/bgBody.gif) repeat-x;} body, input, select, textarea { font-family: "Arial", Verdana, sans-serif; font-size: 11px;} a {color: #000;} option {padding: 0 5px;} #allContent { width: 952px; margin: 0 auto; padding: 10px; text-align: justify; position: relative;} /***********************************************************************/ /* Entete */ /***********************************************************************/ #enTete { width: 952px; height: 368px; position: relative;} #enTete #logo { width: 211px; height: 110px; background: transparent url(../../images/logo.png) no-repeat; position: absolute; left: 370px; top: 12px; z-index: 2;} #enTete #logo span {display: none;} /************ bloc dates */ #blocDates { width: 952px; height: 49px; position: absolute; left: 0; top: 34px; background: transparent url(../../images/bandeauDates.png) no-repeat left bottom;} #blocDates p, #blocDates a span {display: none;} #btnFR, #btnEN {height: 45px; display: block; position: absolute; top: 0; z-index: 3;} #btnFR { width: 365px; left: 0; background: transparent url(../../images/versionFR.png) no-repeat right top;} #btnEN { width: 365px; right: 0; background: transparent url(../../images/versionEN.png) no-repeat;} /************ zone flash */ #zoneFlash { background: transparent url(../../images/bgVisuelInterne.gif) no-repeat; display: none; position: absolute; left: 0; top: 83px; z-index: 1; padding: 0 9px 12px 9px; height: 246px;} #pageAccueil #zoneFlash {display: block;} /************ visuel interne */ #visuelInterne { background: transparent url(../../images/bgVisuelInterne.gif) no-repeat; position: absolute; left: 0; top: 83px; z-index: 1;} #visuelInterne img {margin: 0 9px 12px 9px} #pageAccueil #visuelInterne {display: none;} /************ navigation */ #navigation { list-style: none; width: 925px; height: 40px; background: transparent url(../../images/bgNavigation.gif) no-repeat; position: absolute; left: 0; bottom: 0; padding-left: 27px;} #navigation li {float: left;} #navigation li a { display: block; height: 40px; padding: 0 8px;} #navigation li a span {display: none;} #navigation li#btnNavA a {width: 61px; background: transparent url(../../images/btnNavA.gif) no-repeat 18px 15px;} #navigation li#btnNavB a {width: 150px; background: transparent url(../../images/btnNavB.gif) no-repeat 18px 15px;} #navigation li#btnNavC a {width: 131px; background: transparent url(../../images/btnNavC.gif) no-repeat 18px 15px;} #navigation li#btnNavD a {width: 58px; background: transparent url(../../images/btnNavD.gif) no-repeat 18px 15px;} #navigation li#btnNavE a {width: 71px; background: transparent url(../../images/btnNavE.gif) no-repeat 18px 15px;} #navigation li#btnNavF a {width: 95px; background: transparent url(../../images/btnNavF.gif) no-repeat 18px 15px;} #navigation li#btnNavG a {width: 93px; background: transparent url(../../images/btnNavG.gif) no-repeat 18px 15px;} #navigation li#btnNavH a {width: 110px; background: transparent url(../../images/btnNavH.gif) no-repeat 18px 15px;} /***********************************************************************/ /* Main content */ /***********************************************************************/ #mainContent { width: 892px; padding: 20px 30px; background: #c8b98f url(../../images/bgMainContent.gif) no-repeat;} #pageAccueil #mainContent {width: 932px; padding: 20px 10px;} #pageDetailActualite #mainContent h3 {height: 40px;} #mainContent h1 span, #mainContent h2 span, #mainContent h3 span {display: none;} #mainContent h2 { background-color: #f1ede3; margin-bottom: 15px; padding: 2px 5px; font-size: 12px; /*text-transform: uppercase;*/} #mainContent p {margin-bottom: 10px;} #mainContent ul {list-style-position: inside; margin-bottom: 10px;} .btnRetour { font-size: 11px; font-weight: bold; float: right; text-decoration: none; padding-right: 5px; margin-top: 1px;} #ariane { list-style: none; height: 18px; color: #000; margin-bottom: 20px !important; background: transparent url(../../images/filetAriane.gif) repeat-x left bottom;} #ariane li {float: left; font-size: 11px; font-weight: bold;} #ariane li a {color: #000;} /***********************************************************************/ #edito {margin-bottom: 30px; font-weight: bold; height: 105px; overflow: hidden;} #colAB, #colAccueilA, #colAccueilB, #colAccueilC {float: left;} #colAB {width: 599px; margin-right: 18px;} #colAccueilA {width: 290px; margin-right: 19px;} #colAccueilB {width: 290px;} #colAccueilC {width: 315px;} #blocParcours h2, #blocClassement h2, #blocEtape h2, #blocEtapeConc h2 {display: none;} .btnVoir { display: block; float: right; width: 66px; height: 35px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/btnVoir.png) no-repeat;} /************ bloc classement */ #blocClassement { width: 305px; height: 330px; border: 1px #202f50 solid; margin-bottom: 20px; padding: 25px 4px 0 4px; background: #b0a16f url(../../images/bgBlocClassements.gif) no-repeat;} #blocClassement table {border-collapse: collapse; width: 100%;} #blocClassement table th, #blocClassement table td {border: 1px #480a02 solid; padding: 0 4px;} #blocClassement table th {background-color: #b1a270; text-align: left;} #blocClassement table td {background-color: #f1ede3;} /************ bloc parcours */ #blocParcours { background: transparent url(../../images/bgBlocParcours.gif) no-repeat; width: 290px; height: 133px; padding: 25px 0 0 5px; font-weight: bold;} #blocParcours img {border: 1px #000 solid; margin: 0 0 10px 0;} #blocParcours p {padding-bottom: 10px !important; text-align: left;} #blocParcours .btnVoir {margin: 0 18px 0 0;} /************ btn optic 2000 */ #btnOptic {display: block; width: 290px; height: 158px; background: transparent url(../../images/btnOpticBig.jpg) no-repeat; margin-bottom: 15px;} #btnOptic span {display: none;} #btnJeuOptic {display: block; width: 329px; height: 77px; background: transparent url(../../images/btnJeuOptic.gif) no-repeat; padding-bottom: 15px;} #btnJeuOptic span {display: none;} .modeAnnonce #btnOptic, .modeCourse #btnOptic {height: 45px; background: transparent url(../../images/btnOptic.gif) no-repeat; margin-bottom: 15px;} /************ bloc étape par étape */ #blocEtape { width: 290px; height: 79px; padding: 30px 10px 0 10px; position: relative; text-align: left; margin-bottom: 17px; background: transparent url(../../images/bgBlocEtape.gif) no-repeat;} #blocEtape img {position: absolute; left: 230px; top: 17px;} #blocEtape a {font-weight: bold; color: #fff; text-decoration: none;} #blocEtape .btnVoir {margin: 0 18px 0 0;} #blocEtape #lnkVivez {position: relative; top: 7px;} #blocEtape #lnkEtapes {display: block; margin-top: 27px; line-height: 12px;} /************ bloc en bref */ #blocEnBref { width: 309px; margin-bottom: 16px; color: #fff; height: 112px; overflow: hidden; background-color: #5c8aab; border: 3px #fff solid;} #blocEnBref h2 { width: 309px; height: 30px; margin-bottom: 0; background: transparent url(../../images/titreBlocEnBref.gif) no-repeat;} #blocEnBref a {color: #fff;} #blocEnBref .zoneTexte {padding: 5px 10px 10px 10px;} #blocEnBref p {margin-bottom: 0;} /******** Bouton télécharger itinéraire */ #btnItineraireAttente { display: block; width: 210px; height: 167px; margin: 4px 0 34px 35px; background: transparent url(../../images/btnItineraireAttente.gif) no-repeat; text-indent: -5000px; overflow: hidden;} /******** bloc éditions précédentes */ #blocEditionsPassees { width: 270px; height: 122px; padding: 36px 10px 0 10px; margin-bottom: 16px; position: relative; background: transparent url(../../images/bgBlocEditionsPassees.gif) no-repeat;} #blocEditionsPassees h2 {display: none;} #blocEditionsPassees a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none;} /******** inscription + modèles éligibles + engagés */ #btnBulletin, #btnModeles, #btnEngages { display: block; text-decoration: none; font-weight: bold; color: #fff; line-height: 12px;} #btnBulletin { width: 218px; height: 42px; padding: 18px 0 0 72px; text-align: left; background: transparent url(../../images/btnBulletin.gif) no-repeat;} #btnModeles { width: 160px; height: 48px; text-align: right; padding: 18px 130px 0 0; background: transparent url(../../images/btnModeles.gif) no-repeat; } #btnEngages { width: 218px; height: 38px; padding: 22px 0 0 72px; text-align: left; background: transparent url(../../images/btnBulletin.gif) no-repeat;} /********************************* bloc presse */ #blocPresse { width: 290px; height: 124px; padding-top: 46px; background: transparent url(../../images/bgBlocPresse.gif) no-repeat;} #blocPresse h3 {display: none;} #blocPresse a { display: block; float: left; padding-top: 70px; text-align: center; color: #c8b98f; font-size: 11px; font-weight: bold; text-decoration: none;} #btnCommunique {width: 140px; background: transparent url(../../images/btnCommunique.gif) no-repeat 10px 0; margin: 0 10px 0 20px;} #btnAccreditation {width: 97px; background: transparent url(../../images/btnAccreditation.gif) no-repeat;} /*********************** bloc sous les projecteurs */ #blocProjecteur { width: 295px; height: 304px; padding: 50px 10px 5px 10px; background: transparent url(../../images/bgBlocProjecteur.jpg) no-repeat;} #blocProjecteur h3 {display: none;} #blocProjecteur p {line-height: 14px;} #blocProjecteur p em {font-weight: bold; color: #5c8aab; font-size: 12px;} #blocProjecteur p a#lnkNewsletter {font-size: 12px; position: relative; top: 10px;} /********** affiche 2010 */ #affiche2010 {margin: 1px 0 20px 0;} /********** zone logos */ #zoneLogos {text-align: center; padding-top: 10px;} #zoneLogos img {margin: 0 30px;} /**************************************************** Mode annonce */ .modeAnnonce #btnEngages {margin-bottom: 16px;} .modeAnnonce #blocEnBref {margin-bottom: 18px;} /**************************************************** Mode course */ .modeCourse #btnEngages {margin-bottom: 16px;} .modeCourse #blocEnBref {margin-bottom: 18px;} /**************************************************** Mode conclusion */ .modeConc #blocEtape { height: 32px; padding: 35px 10px 0 10px; margin-bottom: 5px; background: transparent url(../../images/bgBlocEtapeConc.gif) no-repeat;} .modeConc #blocEtape span {display: none;} .modeConc #blocEtape .btnVoir {position: relative; top: -10px;} .modeConc #btnEngages {position: relative; top: -5px;} .modeConc #lnkEtapes {display: none !important;} /**************************************************** Mode attente */ .modeAttente #btnBulletin {margin: 0 0 0 0;} .modeAttente #blocEnBref {margin-bottom: 21px;} .modeAttente #btnEngages {position: relative; top: -5px;} .modeAttente #blocEditionsPassees {margin-top: 19px;} /***********************************************************************/ /* Footer */ /***********************************************************************/ #footer {text-align: center; color: #c8b98f; padding-top: 10px; font-size: 11px;} #footer a {color: #c8b98f; } #footer a span {text-decoration: none !important;} /***********************************************************************/ /* Optic 2000 */ /***********************************************************************/ #pageOptic2000 #mainContent h1 { width: 310px; height: 17px; margin-bottom: 15px; background: transparent url(../../images/titreOptic.gif) no-repeat;} #pageOptic2000 #mainContent h3 {font-size: 22px; line-height: 24px; text-align: left; margin-bottom: 10px;} #pageOptic2000 #mainContent img.logoPtic {float: left; margin: 0 15px 10px 0;} #blocVideo { width: 768px; position: absolute; left: 95px; top: 200px; padding: 10px; background-color: #fff; z-index: 300;} #blocVideo a {display: block; text-align: center; padding-bottom: 5px; font-weight: bold; text-decoration: none;} #btnVideo { display: block; width: 120px; height: 87px; float: right; margin: 20px 0 10px 20px; background: transparent url(../../images/btnVoirVideo.gif) no-repeat;} #btnVideo span {display: none;} .colOpticA, .colOpticB, .colOpticC {float: left; width: 277px; padding: 10px 10px 0 10px; background: transparent url(../../images/bgTitreOptic.jpg) repeat-x;} .colOpticA img, .colOpticB img, .colOpticC img {margin: 10px 0;} .colOpticA h2, .colOpticB h2, .colOpticC h2 {width: 270px; height: 60px; padding: 0 !important;} .colOpticA h2 span, .colOpticB h2 span, .colOpticC h2 span {display: none;} .colOpticA h2 {background: transparent url(../../images/titreOpticA.gif) no-repeat;} .colOpticB h2 {background: transparent url(../../images/titreOpticB.gif) no-repeat;} .colOpticC h2 {background: transparent url(../../images/titreOpticC.gif) no-repeat;} /*a#blocJeu { display: block; width: 891px; height: 147px; text-decoration: none; background: transparent url(../../images/bgBlocJeu.jpg) no-repeat; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; margin-bottom: 20px;} a#blocJeu span {display: block; padding: 40px 0 0 20px; font-size: 12px; line-height: 17px;} a#blocJeu span strong {font-size: 14px;}*/ /***********************************************************************/ /* Mentions légales */ /***********************************************************************/ #pageMentions #mainContent h1 { width: 160px; height: 17px; margin-bottom: 15px; background: transparent url(../../images/titreMentions.gif) no-repeat;} #pageMentions #mainContent dl {height: 120px;} #pageMentions #mainContent dl dt, #pageMentions #mainContent dl dd {float: left;} #pageMentions #mainContent dl dt {width: 200px; text-align: right; padding-right: 5px; font-weight: bold;} #pageMentions #mainContent dl dd {width: 640px;} /***********************************************************************/ /* Page contact */ /***********************************************************************/ #pageContact #mainContent h1 { background: transparent url(../../images/titreContacts.gif) no-repeat; height: 17px; margin-bottom: 15px;} .pageNewsletter #mainContent h1 { background: transparent url(../../images/titreNewsletters.gif) no-repeat !important; height: 17px; margin-bottom: 15px;} fieldset { padding: 10px; margin-bottom: 15px; border: 1px #fff dotted;} legend { background-color: #e1d9c4; font-size: 12px; font-weight: bold; padding: 2px 20px; border: 1px #fff dotted; margin-bottom: 5px;} fieldset h2 {background-color: transparent !important; padding: 0 !important; color: #172e51 !important; margin: 0 0 5px 0 !important;} label {font-weight: bold; color: #172e51;} .lineForm label, .lineText label { display: block; float: left; text-align: right; padding-right: 3px;} .lineCheck label {font-weight: normal;} .lineForm, .lineText, .lineSubmit, .lineRadio, .lineCheck {margin-bottom: 5px;} #blocCoordonnees .lineForm label, #blocInfosMedias .lineForm label {width: 180px;} #blocCoordonnees .lineForm input, #blocInfosMedias .lineForm input {width: 200px;} .colFormA, .colFormB {float: left;} .colFormA {width: 400px;} .colFormB {width: 432px;} #blocSearchMail .lineForm, #blocSearchMail p {float: left;} #blocSearchMail .lineForm {width: 322px;} #blocSearchMail p {width: 530px;} #blocSearchMail label {width: 80px;} #blocSearchMail input {float: left; margin-right: 10px;} .lineSubmit input, #searchSubmitter, #pageLogin #submitter, #btnSubmitPresse, #btnFiltre { border: 0; height: 24px; text-align: center; color: #fff; font-weight: bold; padding: 0 10px; float: right; background: transparent url(../../images/bgBtnForm.gif) repeat-x 0 2px;} .obligatoire {font-weight: bold; font-size: 11px;} .mentions {font-size: 10px; padding-top: 10px; line-height: 11px;} #blocDemande .lineForm label {width: 270px;} #blocDemande .lineText label {width: 270px; padding-top: 30px;} #blocDemande .lineText textarea {width: 475px; height: 70px;} #blocInfosMedias .lineText label, #blocCoordonnees .lineText label {width: 180px; padding-top: 20px;} #blocInfosMedias .lineText textarea, #blocCoordonnees .lineText textarea {width: 200px; height: 60px;} .lineCheck input, .lineRadio input {margin-right: 3px;} #blocFormAccreditation span {padding-left: 50px;} #blocFormAccreditation .lineRadio {clear: both;} #blocFormAccreditation .lineRadio input {float: left;} #blocFormAccreditation .lineRadio strong {width: 280px; display: block; float: left;} #blocFormAccreditation .lineRadio label {width: 120px; display: block; float: left;} #precisions { float: right; width: 500px; background-color: #dcd2b7; margin-left: 20px; padding: 10px 10px 0 10px;} #precisions h3 {font-size: 11px;} strong.dateAccred { display: block; text-align: center; font-size: 14px; margin-top: 10px; background-color: #7e3d3d; color: #fff; padding: 2px 0; width: 350px;} #blocConditions ol {list-style-position: inside;} #blocConditions ol li {margin-bottom: 5px;} #formEtapes {padding-top: 10px;} #formEtapes label {visibility: hidden;} .teteA, .teteB, .teteC, .teteD { float: left; text-align: right; font-weight: bold; padding-bottom: 5px;} .teteA {width: 305px;} .teteB {width: 135px;} .teteC {width: 135px;} .teteD {width: 130px;} #accesNewsletter { width: 500px; margin-left: 30px; float: right; background-color: #e1d9c4; font-weight: bold; font-size: 12px; padding: 5px;} #accesNewsletter a {color: #3c7b9e;} #blocNewsletters dl {border-top: 1px #fff dotted;} #blocNewsletters dl dt, #blocNewsletters dl dd {float: left; border-bottom: 1px #fff dotted; padding: 3px 0;} #blocNewsletters dl dt {width: 90px; text-align: right; padding-right: 10px;} #blocNewsletters dl dd {width: 790px; font-weight: bold;} #blocNewsletters dl dd a { display: block; padding-left: 13px; background: transparent url(../../images/downloadNews.gif) no-repeat 0 3px;} #btnOldNewsletters { display: block; width: 173px; height: 22px; margin-top: 10px; text-align: center; color: #fff; font-weight: bold; line-height: 22px; text-decoration: none; background: transparent url(../../images/btnOldNewsletters.gif) no-repeat;} /***********************************************************************/ /* Accueil médias */ /***********************************************************************/ #pageAccesPhototheque .colFormPhotoA .lineForm label {width: 250px;} #pageAccesPhototheque .colFormPhotoB .lineForm label {width: 150px;} #pageAccesPhototheque textarea {width: 460px; height: 70px;} #pageAccesPhototheque .lineText label {width: 250px;} #pageAccesPhototheque .lineSubmit {text-align: center !important; float: none !important;} #pageAccesPhototheque .lineSubmit input {float: none !important;} .colFormPhotoA, .colFormPhotoB {width: 50%; float: left;} .pageMedias #mainContent .titreCateg { background: transparent url(../../images/titreMedias.gif) no-repeat; height: 17px; margin-bottom: 15px !important;} .pageMedias #mainContent h1 {color: #172e51; font-size: 24px; height: auto !important; margin-bottom: 15px;} #pageAccueilPresse .intro {font-weight: bold; font-size: 12px;} #blocAccreditation, #blocCommuniques, #blocPhotos { border: 1px #172e51 solid; color: #c4b88d; float: left;} #blocAccreditation h2, #blocCommuniques h2, #blocPhotos h2 {display: none;} /***************** bloc accréditation */ #blocAccreditation { width: 368px; font-size: 12px; line-height: 15px; position: relative; padding: 40px 15px 10px 15px; margin-right: 20px; height: 174px; background: #172e51 url(../../images/bgBlocAccreditation.gif) no-repeat;} #blocAccreditation ul {list-style: none; position: relative; top: 5px;} #blocAccreditation ul li {float: left;} #blocAccreditation ul li#btnDemandeAcc {padding-right: 10px;} #blocAccreditation ul li#btnDemandeAcc a { display: block; text-decoration: none; line-height: 15px; background: transparent url(../../images/btnDemandeAcc.gif) no-repeat; width: 128px; height: 38px; padding-top: 6px; text-align: center; font-weight: bold;} #blocAccreditation ul li#dateLimite { width: 218px; color: #fff; line-height: 14px; text-align: left; font-size: 11px; padding-left: 10px; border-left: 1px #885d48 dotted;} #blocAccreditation ul li#dateLimite strong { background-color: #e1d9c4; position: absolute; right: -5px; bottom: -30px; padding: 0 3px; color: #000;} /***************** bloc communiqués */ #blocCommuniques a {color: #fff;} #blocCommuniques { width: 163px; height: 139px; margin-right: 20px; padding: 75px 15px 10px 15px; background: #172e51 url(../../images/bgBlocCommuniques.gif) no-repeat; text-align: left;} #blocCommuniques a#btnCom { display: block; width: 158px; height: 24px; line-height: 24px; margin-top: 25px; color: #000; text-decoration: none; text-align: center; font-weight: bold; background: transparent url(../../images/bgBtnCom.gif) no-repeat; margin-left: 2px;} /***************** bloc photos */ #blocPhotos { width: 225px; height: 179px !important; padding: 35px 15px 10px 15px; text-align: left; background: #172e51 url(../../images/bgBlocPhotos.gif) no-repeat; overflow: hidden;} #blocPhotos a {color: #fff;} #blocPhotos a.lnkAffiche { text-decoration: none; width: 107px; color: #fff; display: block; height: 135px; padding: 0 118px 10px 0; text-align: right; position: relative; top: -8px; background: transparent url(../../images/couvAffiche.jpg) no-repeat right top;} #blocPhotos a.lnkAffiche span {position: relative; top: 40px;} #blocPhotos p {position: relative; top: -20px;} #blocTypesMedias { width: 562px; float: left; padding-top: 10px; font-size: 11px; line-height: 13px;} #blocTypesMedias h3 {font-size: 11px;} #blocTypesMedias p {margin-bottom: 5px;} /******************** photothèque */ #accesPresse, #filtre {float: left; position: relative; margin-bottom: 10px !important;} #accesPresse {width: 310px; margin-top: -40px;} #filtre {width: 500px; margin: 13px 35px 0 0; } #btnSubmitPresse, #btnFiltre {position: absolute; width: 40px;} #btnSubmitPresse {right: 40px; top: 30px; } #btnFiltre {right: 20px; top: -5px;} #btnSubmitPresse {right /*\**/: 40px\9} #btnSubmitPresse {top /*\**/: 67px\9} #btnFiltre {right /*\**/: 20px\9} #btnFiltre {top /*\**/: 30px\9} #accesPresse label {width: 100px;} .lineSelect {float: left; } .selectA {width: 110px; } .selectB { } .selectA select {width: 100px;} .vignettes {list-style: none;} .vignettes li { width: 190px; float: left; text-align: center; margin: 0 10px 10px 0; padding: 10px; border: 1px #fff dotted;} .vignettes li img {border: 0; overflow: hidden;} /***********************************************************************/ /* Accréditation */ /***********************************************************************/ #pageAccreditation #mainContent h1 {background: transparent url(../../images/titreAccreditation.gif) no-repeat; height: 17px; margin-bottom: 15px;} #pageAccreditation #mainContent h4 { width: 332px; height: 23px; background: transparent url(../../images/unMailUneAccred.gif) no-repeat; text-indent: -5000px; overflow: hidden; margin: 15px 0 15px 280px;} #typeFreelance {margin-bottom: 10px;} /***********************************************************************/ /* Page actualités */ /***********************************************************************/ #pageListeActualites #mainContent h1, #pageDetailActualite #mainContent h3 { background: transparent url(../../images/titreActualites.gif) no-repeat; height: 17px; margin-bottom: 15px;} #pageDetailActualite #mainContent img {float: right; margin: 0 0 15px 30px; border: 1px #000 solid;} .date {color: #7e3d3d; font-size: 11px; font-weight: bold; margin-bottom: 3px !important;} .actu {border-bottom: 1px #172e51 dotted; padding-bottom: 2px; margin-bottom: 15px;} .actu h3 {font-size: 14px; margin-bottom: 10px;} .actu img {float: left; margin: 0 15px 10px 0; border: 1px #000 solid;} #pageDetailActualite #mainContent h1 {font-size: 22px;} /***********************************************************************/ /* Page corporate */ /***********************************************************************/ /******************* le tour du Tour */ #pageComprendreTour #mainContent .titreCateg { width: 160px; height: 14px; margin-bottom: 15px; background: transparent url(../../images/titreTourDuTour.gif) no-repeat;} #pageComprendreTour #sousNav li#btnNavTourA a, #pageRegulariteTour #sousNav li#btnNavTourB a, #pageClassementTour #sousNav li#btnNavTourC a {background-position: 0 0 !important; color: #360302;} .pageTour #content h2 { float: none; letter-spacing: normal; text-transform: none;} #blocCalendrier { width: 188px; padding: 40px 10px 8px 10px; margin-bottom: 20px; background: #172e51 url(../../images/bgBlocCalendrier.gif) no-repeat; border: 1px #172e51 solid; text-align: left; color: #fff;} #blocCalendrier h2 {display: none;} #blocCalendrier strong {display: block;} .pageTour #colInfosCourse ul {list-style: none; width: 188px; padding: 0 !important; margin: 0 !important; list-style-position: outside;} .pageTour #colInfosCourse ul li {margin: 0 0 10px 0 !important; } .pageTour #colInfosCourse ul li a, #btnEligible, #btnInscription { display: block; text-decoration: none; font-weight: bold; color: #fff; line-height: 12px;} .modeAnnonce a#btnEligible, .modeCourse a#btnEligible {display: none;} .pageTour #btnEligible { width: 138px; height: 34px; text-align: right; padding: 8px 72px 0 0; background: transparent url(../../images/btnEligible.gif) no-repeat; } .pageTour #btnInscription { width: 138px; height: 41px; padding: 18px 0 0 72px; text-align: left; background: transparent url(../../images/btnInscription.gif) no-repeat;} .pageTour #btnItineraire { width: 130px; height: 42px; padding: 18px 80px 0 0; text-align: right; background: transparent url(../../images/btnItineraire.gif) no-repeat;} #pageAsa #mainContent h1 { width: 154px; height: 14px; background: transparent url(../../images/titreAsa.gif) no-repeat; margin-bottom: 15px;} /********** Le Tour de Peter Auto */ #pageTourPeterAuto #mainContent h1 { width: 210px; height: 14px; margin-bottom: 15px; background: transparent url(../../images/titreTourPeter.gif) no-repeat; margin-bottom: 15px;} #pageTourPeterAuto #mainContent dl {width: 500px;} #pageTourPeterAuto #mainContent dl dt, #pageTourPeterAuto #mainContent dl dd {float: left; width: 250px; border-bottom: 1px #f1ede3 dotted; padding: 2px 0 4px 0;} #pageTourPeterAuto #mainContent dl dt {font-weight: bold;} #pageTourPeterAuto #mainContent h2 {width: 490px;} #listeLogos {list-style: none; width: 370px; float: right; margin-left: 20px;} #listeLogos li {padding-bottom: 15px; float: left; width: 185px;} #listeLogos li img {border: 0;} /***********************************************************************/ /* La saga */ /***********************************************************************/ #editoSaga {margin-bottom: 15px;} #editoSaga p, #editoSaga ul, #editoSaga ol {margin-bottom: 10px;} #pageSaga #mainContent h1, #pageSagaTDF #mainContent h1 { width: 71px; height: 14px; margin-bottom: 15px !important; background: transparent url(../../images/titreSaga.gif) no-repeat;} #pageSaga #content { width: 890px; padding: 22px 0 10px 0; float: none; position: relative;} .pageSagaDetail #content, #pageSagaTDF #content {width: 860px !important; padding: 22px 15px 10px 15px !important;} .listeAffiches {list-style: none;} .listeAffiches li {float: left; text-align: center; padding: 0 28px; margin-bottom: 20px; height: 260px;} .listeAffiches li img { width: 150px; display: block; margin-bottom: 6px; border-left: 8px #5f94b4 solid; border-right: 8px #5f94b4 solid; border-top: 8px #5f94b4 solid; border-bottom: 8px #5f94b4 solid;} .listeAffiches li a {color: #215f8b; font-size: 18px; font-weight: normal; text-decoration: none;} #pagination { width: 100%; height: 27px; line-height: 27px; clear: both; font-weight: bold; color: #528db1; position: relative; text-align: center; font-size: 16px; background: transparent url(../../images/bgPagination.jpg) repeat-y;} #pagination .pages {width: 100%; text-align: center;} #pagination a {color: #470101; text-decoration: none;} #pagination .pages a {padding: 0 10px;} #pagination .pages span {font-size: 24px;} #pagination a#btnPrecedent, #pagination a#btnSuivant { position: absolute; top: 0; display: block; width: 20%; } #pagination a#btnPrecedent {left: 0;} #pagination a#btnSuivant {right: 0; } .pageSagaDetail #pagination {width: 322px; background-image: none; height: 35px;} .pageSagaDetail #pagination a {font-size: 12px; width: 120px !important; color: #528db1;} .pageSagaDetail #pagination a#btnPrecedent {text-align: left;} .pageSagaDetail #pagination a#btnSuivant {text-align: right;} .download { display: block; padding: 10px 15px 10px 0; text-decoration: none; color: #fff; float: right; background: transparent url(../../images/flecheDownload.gif) no-repeat right;} #afficheSaga .download {margin-right: 10px;} .pageSagaDetail #mainContent h2 { font-size: 25px; background-color: transparent; margin-bottom: 15px; padding: 0; color: #215f8b;} #zoneAffiche, #zoneRecap {float: left;} #zoneAffiche {width: 300px; margin-left: 25px; padding-top: 30px;} #zoneAffiche img {width: 300px;} #zoneRecap {width: 510px;} #zoneRecap .zoneTexte {margin-bottom: 15px; font-size: 12px;} #btnRetourChrono { display: block; text-decoration: none; color: #528db1; font-weight: bold; height: 35px; line-height: 25px;} #afficheSaga { background: #172e50 url(../../images/bgAffiche.jpg) repeat-x; border: 1px #202f50 solid; padding: 35px 10px 10px 10px; width: 300px; position: relative;} #contentAffiche {position: absolute; left; 0; bottom: 0;} #zoneIti, #blocVainqueurs {float: left;} #zoneIti { width: 170px; height: 380px; margin-right: 15px; border: 1px #202f50 solid; margin-bottom: 20px; background: #162d4f url(../../images/bgVainqueurs.jpg) repeat-x;} #zoneIti h2 { width: 103px; height: 23px; text-indent: -5000px; overflow: hidden; margin-bottom: 10px !important; background: transparent url(../../images/titreItiSaga.gif) no-repeat;} #zoneIti .zoneVilles {padding: 5px;} #zoneIti #lnkIti {display: block; text-align: center;} #zoneIti #lnkIti img {border: 0;} #zoneIti ul {list-style: none; color: #fff; margin-left: 8px} #zoneIti .download {margin-right: 5px;} #blocVainqueurs { width: 320px; height: 380px; border: 1px #202f50 solid; margin-bottom: 20px; background: #162d4f url(../../images/bgVainqueurs.jpg) repeat-x;} #blocVainqueurs h2 { width: 130px; height: 23px; text-indent: -5000px; overflow: hidden; margin-bottom: 10px !important; background: transparent url(../../images/titreVainqueurs.gif) no-repeat;} #blocVainqueurs .zoneTable {padding: 2px 10px 10px 10px;} #blocVainqueurs table {border-collapse: collapse; width: 100%;} #blocVainqueurs table th, #blocVainqueurs table td {border: 1px #480a02 solid; padding: 0 4px;} #blocVainqueurs table th {background-color: #b1a270; text-align: left;} #blocVainqueurs table td {background-color: #f1ede3;} #pageSagaTDF #mainContent h2 { background-color: transparent; margin-bottom: 15px; padding: 0; font-size: 16px; color: #3c7b9e;} #pageSagaTDF #mainContent h3 {font-size: 14px;} .pageSaga1992 #zoneIti, .pageSaga1992 #blocVainqueurs {height: 339px;} .pageSaga1992 #afficheSaga {height: 450px;} .pageSaga1992 #blocVainqueurs .zoneTable {height: 279px;} .pageSaga1993 #zoneIti, .pageSaga1993 #blocVainqueurs {height: 284px;} .pageSaga1993 #afficheSaga {height: 395px;} .pageSaga1993 #blocVainqueurs .zoneTable {height: 224px;} .pageSaga1994 #zoneIti, .pageSaga1994 #blocVainqueurs {height: 259px;} .pageSaga1994 #afficheSaga {height: 400px;} .pageSaga1994 #blocVainqueurs .zoneTable {height: 199px;} .pageSaga1995 #zoneIti, .pageSaga1995 #blocVainqueurs {height: 364px;} .pageSaga1995 #afficheSaga {height: 460px;} .pageSaga1995 #blocVainqueurs .zoneTable {height: 304px;} .pageSaga1996 #zoneIti, .pageSaga1996 #blocVainqueurs {height: 359px;} .pageSaga1996 #afficheSaga {height: 450px;} .pageSaga1996 #blocVainqueurs .zoneTable {height: 299px;} .pageSaga1997 #zoneIti, .pageSaga1997 #blocVainqueurs {height: 299px;} .pageSaga1997 #afficheSaga {height: 380px;} .pageSaga1997 #blocVainqueurs .zoneTable {height: 239px;} .pageSaga1998 #zoneIti, .pageSaga1998 #blocVainqueurs {height: 329px;} .pageSaga1998 #afficheSaga {height: 450px;} .pageSaga1998 #blocVainqueurs .zoneTable {height: 269px;} .pageSaga1999 #zoneIti, .pageSaga1999 #blocVainqueurs {height: 274px;} .pageSaga1999 #afficheSaga {height: 435px;} .pageSaga1999 #blocVainqueurs .zoneTable {height: 214px;} .pageSaga2000 #zoneIti, .pageSaga2000 #blocVainqueurs {height: 384px;} .pageSaga2000 #afficheSaga {height: 510px;} .pageSaga2000 #contentAffiche img {margin-bottom: 15px;} .pageSaga2000 #blocVainqueurs .zoneTable {height: 324px;} .pageSaga2001 #zoneIti, .pageSaga2001 #blocVainqueurs {height: 374px;} .pageSaga2001 #afficheSaga {height: 500px;} .pageSaga2001 #contentAffiche img {margin-bottom: 30px;} .pageSaga2001 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2002 #zoneIti, .pageSaga2002 #blocVainqueurs {height: 374px;} .pageSaga2002 #afficheSaga {height: 500px;} .pageSaga2002 #contentAffiche img {margin-bottom: 30px;} .pageSaga2002 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2003 #zoneIti, .pageSaga2003 #blocVainqueurs {height: 374px;} .pageSaga2003 #afficheSaga {height: 469px;} .pageSaga2003 #contentAffiche img {margin-bottom: 10px;} .pageSaga2003 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2004 #zoneIti, .pageSaga2004 #blocVainqueurs {height: 374px;} .pageSaga2004 #afficheSaga {height: 455px;} .pageSaga2004 #contentAffiche img {margin-bottom: 10px;} .pageSaga2004 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2005 #zoneIti, .pageSaga2005 #blocVainqueurs {height: 374px;} .pageSaga2005 #afficheSaga {height: 455px;} .pageSaga2005 #contentAffiche img {margin-bottom: 10px;} .pageSaga2005 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2006 #zoneIti, .pageSaga2006 #blocVainqueurs {height: 379px;} .pageSaga2006 #afficheSaga {height: 475px;} .pageSaga2006 #blocVainqueurs .zoneTable {height: 319px;} .pageSaga2007 #zoneIti, .pageSaga2007 #blocVainqueurs {height: 384px;} .pageSaga2007 #afficheSaga {height: 470px;} .pageSaga2007 #contentAffiche img {margin-bottom: 5px;} .pageSaga2007 #blocVainqueurs .zoneTable {height: 324px;} .pageSaga2008 #zoneIti, .pageSaga2008 #blocVainqueurs {height: 374px;} .pageSaga2008 #afficheSaga {height: 430px;} .pageSaga2008 #contentAffiche img {margin-bottom: 15px;} .pageSaga2008 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2009 #zoneIti, .pageSaga2009 #blocVainqueurs {height: 374px;} .pageSaga2009 #afficheSaga {height: 444px;} .pageSaga2009 #contentAffiche img {margin-bottom: 25px;} .pageSaga2009 #blocVainqueurs .zoneTable {height: 314px;} /***********************************************************************/ /* Etape par étape Mode course */ /***********************************************************************/ .pageCourse .titreCateg { width: 138px; height: 16px; margin-bottom: 15px !important; background: transparent url(../../images/titreEtapes.gif) no-repeat;} .titreCateg span {display: none;} .pageCourse .zoneTexte ul {margin-left: 30px;} .pageCourse .zoneTexte img {margin-right: 10px;} /******************** sous nav course */ #sousNav { list-style: none; margin-bottom: 0 !important; width: 663px; height: 27px;} #sousNav li { float: left; margin-right: 5px; font-weight: bold;} #sousNav li a { display: block; text-decoration: none; height: 27px; line-height: 27px; padding: 0 10px; font-size: 16px; color: #3c7b9e; float: left; background: transparent url(../../images/bgNavCourse.jpg) repeat-x 0 -27px;} #sousNav li a:hover {color: #000;} #pageResume #sousNav li#btnNavCourseA a, #jsPagePhototheque #sousNav li#btnNavCourseB a, #pageConcurrents #sousNav li#btnNavCourseC a, #pageClassements #sousNav li#btnNavCourseD a, #pageCourseRoute #sousNav li#btnNavCourseF a, #pageSaga #sousNav li#btnSaga2 a, #pageSagaTDF #sousNav li#btnSaga1 a {background-position: 0 0 !important; color: #360302;} #content { width: 643px; padding: 22px 10px 10px 10px; float: left; background: transparent url(../../images/bgContentCourse.jpg) repeat-x; position: relative;} #mainContent p.etape { background: transparent url(../../images/bgBtnForm.gif) repeat-x; color: #c8b98f; font-size: 12px; text-align: left; height: 22px; line-height: 22px; width: 200px; padding: 0 8px; margin-bottom: 20px;} p.etape span {color: #fff;} #jsIdCourse {float: right;} #content h1 {color: #172e51; font-size: 24px; height: auto !important; margin-bottom: 15px;} #content h2.titreCourse { text-transform: uppercase; color: #320202; float: right; background-color: transparent; padding: 0 5px 0 0; font-size: 14px; letter-spacing: 1px; height: 22px; line-height: 22px;} #colInfosCourse { width: 210px; float: left; margin-left: 19px; position: relative; top: -27px;} /******************** Photo du jour */ #blocPhotoJour, #blocPhotoJour img, #blocClassementJour {border: 1px #2c4466 solid;} #blocPhotoJour h3, #blocClassementJour h3 {display: none;} #blocPhotoJour { width: 208px; padding-top: 32px; padding-bottom: 10px; margin-bottom: 20px; background: #202f50 url(../../images/bgBlocPhotoJour.gif) no-repeat;} #blocPhotoJour a {display: block; text-align: center;} #blocPhotoJour img {margin-bottom: 8px;} .btnVoirPhotos { display: block; padding-left: 38px; background: transparent url(../../images/pictoVoirPhotos.gif) no-repeat 24px 0; color: #c8b98f; text-decoration: none; line-height: 24px; font-weight: bold;} .btnVoirPhotos:hover {color: #fff;} #pageAccueil #blocPhotoJour {width: 290px;} /************************ classement du jour */ #blocClassementJour { width: 208px; padding-top: 40px; padding-bottom: 8px; background: #172e51 url(../../images/bgBlocClassementJour.gif) no-repeat;} #blocClassementJour table { margin: 0 10px; font-size: 11px; font-weight: bold; color: #fff; width: 188px;} #blocClassementJour table th, #blocClassementJour table td.rank {color: #c8b98f;} #blocClassementJour table td.rank {padding-right: 3px;} /***********************************************************************/ /* Espace concurrents */ /***********************************************************************/ .pageEspaceConcurrents #mainContent .titreCateg { background: transparent url(../../images/titreEspaceConcurrents.gif) no-repeat; height: 14px; margin-bottom: 15px;} .pageEspaceConcurrents #mainContent h1 {color: #172e51; font-size: 24px; height: auto !important; margin-bottom: 15px;} #pageLogin #mainContent fieldset {width: 350px; margin: 30px 0 30px 250px; padding: 20px 10px;} #pageLogin #mainContent fieldset .lineForm input {float: left; margin-right: 5px;} #pageLogin #mainContent fieldset label {padding-left: 35px;} #pageLogin #submitter {margin-top: -3px;} .pageEspaceConcurrents #mainContent h3 {color: #172e51; font-size: 14px; margin-bottom: 10px;} .listePDF {list-style: none;} .listePDF li {border-bottom: 1px #fff solid; padding: 3px 0; text-align: left;} .listePDF li a { display: block; padding-left: 15px; font-weight: bold; text-decoration: none; background: transparent url(../../images/pictoDoc.gif) no-repeat 0 2px;} .listePDF li a:hover {color: #fff;} .tableConcurrents {border-collapse: collapse; width: 100%; margin-bottom: 20px;} .tableConcurrents th, .tableConcurrents td {padding: 0 4px; border: 1px #e0d5bf solid;} .tableConcurrents th {background-color: #fff; font-size: 14px; padding: 3px 4px;} .cellA {width: 5%; text-align: center;} .cellB {width: 40%;} .cellC {width: 20%;} .cellD {width: 35%;} .plateau {background-color: #528db1; color: #fff;} /***********************************************************************/ /* Partenaires */ /***********************************************************************/ #pagePartenaires #mainContent h1 { width: 107px; height: 14px; margin-bottom: 15px; background: transparent url(../../images/titrePartenaires.gif) no-repeat;} .partenaire { border-bottom: 1px #fff dotted; padding-bottom: 10px; margin-bottom: 10px;} #mainContent .partenaire h2 { background-color: transparent; padding: 0; margin-bottom: 5px;} #mainContent .partenaire p {margin-bottom: 5px;} .partenaire img {border: 0; float: left;} .partenaire .lnkLogo { float: left; margin-right: 15px; width: 118px;} .partenaire .margePart {padding-left: 133px;} /***********************************************************************/ /* Années passées */ /***********************************************************************/ #anneesPassees { width: 500px; height: 170px; padding: 20px; position: absolute; left: 230px; bottom: 330px; background: #fff url(../../images/anneesPassees.jpg) no-repeat 250px 30px; border: 2px #172e51 solid;} #anneesPassees .titreCateg { background: transparent url(../../images/titreAnneesPassees.gif) no-repeat; width: 133px; height: 17px; margin-bottom: 15px;} #anneesPassees ul {list-style: none;} #anneesPassees ul li { margin-bottom: 10px; background: transparent url(../../images/flecheAnnees.gif) no-repeat 0 4px; padding-left: 10px;} #anneesPassees ul li a { text-decoration: none; font-weight: bold;} #anneesPassees ul li a:hover {color: #c8b98f;} #anneesPassees .btnFermer {float: right;} .validation-advice {display: block; color: #cc0000; text-align: center; font-weight: bold;} /***********************************************************************/ /* Les engages */ /***********************************************************************/ #pageEngages #mainContent .titreCateg { background: transparent url(../../images/titreEngages.gif) no-repeat; height: 17px; margin-bottom: 15px;} #outilsEngages {float: right; list-style: none;} #outilsEngages li {float: left; padding-left: 30px;} #outilsEngages li a { display: block; height: 16px; padding-left: 20px; font-weight: bold; text-decoration: none;} #outilsEngages li#btnOutilA a {background: transparent url(../../images/pictoPrint.gif) no-repeat; width: 100px;} #outilsEngages li#btnOutilB a {background: transparent url(../../images/pictoDownload.gif) no-repeat; width: 110px;}