* { margin: 0; padding: 0; } .break {clear: both; height: 1px; line-height: 1px; font-size: 1px;} body { font-size: 12px; color: #000; font-family: "Arial", Verdana, sans-serif; background: #fff url(../../images/bgBody_20edition.jpg) repeat;} input, select, textarea { font-family: "Arial", Verdana, sans-serif; font-size: 11px;} a {color: #000;} option {padding: 0 5px;} #allContent { width: 952px; margin: 30px auto 0 auto; text-align: justify; position: relative;} /***********************************************************************/ /* Entete */ /***********************************************************************/ #enTete { width: 952px; height: 287px; position: relative; padding-top: 73px; background: transparent url(../../images/bgEntete.png) no-repeat left top;} #enTete #logo {position: absolute; left: 375px; top: 0; z-index: 3; } #enTete #logo img {border: 0;} #btnFR, #btnEN { height: 37px; display: block; position: absolute; top: 30px; z-index: 3; text-indent: -5000px; overflow: hidden;} #btnFR { width: 44px; left: 320px; background: transparent url(../../images/versionFR.png) no-repeat;} #btnEN { width: 40px; right: 320px; background: transparent url(../../images/versionEN.png) no-repeat;} /************ visuel bandeau */ #bandeau {width: 952px; height: 245px; position: relative;} #bandeau #masque { display: block; width: 952px; height: 245px; background: transparent url(../../images/bgBandeau.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 2;} #bandeau .visuelBandeau { display: block; width: 952px; height: 245px; position: absolute; left: 10px; top: 0; z-index: 1; background-image: url(../../images/visuelBandeau.jpg); background-repeat: no-repeat;} .pageTour #bandeau .visuelBandeau {background-image: url(../../images/bgTour.jpg);} #pageSaga #bandeau .visuelBandeau {background-image: url(../../images/bgSaga.jpg);} #pageAsa #bandeau .visuelBandeau {background-image: url(../../images/bgAsa.jpg);} .pageMedias #bandeau .visuelBandeau {background-image: url(../../images/bgMedias.jpg);} .pageNewsletter #bandeau .visuelBandeau {background-image: url(../../images/bgNewsletters.jpg);} #pageContact #bandeau .visuelBandeau {background-image: url(../../images/bgContacts.jpg);} #pagePeterAuto #bandeau .visuelBandeau {background-image: url(../../images/bgPeter.jpg);} /************ navigation */ #navigation { list-style: none; width: 863px; height: 42px; padding: 0 45px 0 44px; background: transparent url(../../images/bgNavigation.png) no-repeat;} #navigation li {float: left;} #navigation li a {display: block; height: 42px; text-indent: -5000px; overflow: hidden;} #navigation li a:hover {background-position: 0 -42px !important;} #navigation li#btnNavA a {width: 57px; background: transparent url(../../images/btnNavA.png) no-repeat;} #navigation li#btnNavB a {width: 144px; background: transparent url(../../images/btnNavB.png) no-repeat;} #navigation li#btnNavC a {width: 54px; background: transparent url(../../images/btnNavC.png) no-repeat;} #navigation li#btnNavD a {width: 128px; background: transparent url(../../images/btnNavD.png) no-repeat;} #navigation li#btnNavE a {width: 65px; background: transparent url(../../images/btnNavE.png) no-repeat;} #navigation li#btnNavF a {width: 104px; background: transparent url(../../images/btnNavF.png) no-repeat;} #navigation li#btnNavG a {width: 126px; background: transparent url(../../images/btnNavG.png) no-repeat;} #navigation li#btnNavH a {width: 89px; background: transparent url(../../images/btnNavH.png) no-repeat;} #navigation li#btnNavI a {width: 96px; background: transparent url(../../images/btnNavI.png) no-repeat;} #navigation li#btnNavG {display: none;} #navigation li {margin: 0 7px;} /***********************************************************************/ /* Main content */ /***********************************************************************/ #mainContent { width: 922px; padding: 10px 15px 10px 15px; background: #c8b98f url(../../images/bgMainContent.gif) no-repeat;} #pageDetailActualite #mainContent h3 {height: 40px;} #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;} .titreCateg { width: 560px; height: 27px; margin-bottom: 10px; text-indent: -5000px; overflow: hidden;} .pageMedias #mainContent .titreCateg {background: transparent url(../../images/titreMedias.png) no-repeat;} .pageTour #mainContent .titreCateg {background: transparent url(../../images/titreTourDuTour.png) no-repeat;} #pageSaga #mainContent .titreCateg, #pageSagaTDF #mainContent .titreCateg {background: transparent url(../../images/titreSaga.png) no-repeat;} #pageAsa #mainContent .titreCateg {background: transparent url(../../images/titreAsa.png) no-repeat;} #pageContact #mainContent .titreCateg {background: transparent url(../../images/titreContacts.png) no-repeat;} .pageNewsletter #mainContent .titreCateg {background: transparent url(../../images/titreNewsletters.png) no-repeat !important;} #pageMerchandising #mainContent .titreCateg {background: transparent url(../../images/titreProduitsDerives.png) no-repeat;} #pagePeterAuto #mainContent .titreCateg {background: transparent url(../../images/titrePeterAuto.png) no-repeat;} .pageEspaceConcurrents #mainContent .titreCateg {background: transparent url(../../images/titreEspaceConcurrents.png) no-repeat;} #pagePhototheque #mainContent .titreCateg {background: transparent url(../../images/titrePhototheque.png) no-repeat;} #pageModelesEligibles #mainContent .titreCateg {background: transparent url(../../images/titreModelesEligibles.png) no-repeat;} #pageMentions #mainContent .titreCateg {background: transparent url(../../images/titreMentions.png) no-repeat;} #pageAccreditation #mainContent .titreCateg {background: transparent url(../../images/titreAccreditation.png) no-repeat;} #pagePartenaires #mainContent .titreCateg {background: transparent url(../../images/titrePartenaires.png) no-repeat;} #pageNotice #mainContent .titreCateg {background: transparent url(../../images/titreLicences.png) no-repeat;} #pageEngages #mainContent .titreCateg {background: transparent url(../../images/titreEngages.png) no-repeat;} .pageCourse .titreCateg {background: transparent url(../../images/titreEtapes.png) no-repeat;} #pageListeActualites #mainContent .titreCateg {background: transparent url(../../images/titreActualites.png) no-repeat;} #pageOptic2000 #mainContent .titreCateg {background: transparent url(../../images/titreOptic.png) no-repeat;} #anneesPassees .titreCateg {background: transparent url(../../images/titreAnneesPassees.gif) no-repeat; width: 200px;} #pageAccesPhototheque #mainContent .titreCateg {background: transparent url(../../images/titreAccesGalerie.png) no-repeat;} /***********************************************************************/ #edito {height: 137px; line-height: 15px; overflow: hidden;} #colAB, #colAccueilA, #colAccueilB, #colAccueilC {float: left;} #colAB {width: 592px; margin-right: 10px; padding-right: 5px;} #colAccueilA {width: 290px; margin-right: 15px;} #colAccueilB {width: 287px;} #colAccueilC {width: 315px;} #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;} .btnVoir:hover {background-position: 0 -35px;} /************ bloc classement */ #blocClassement { width: 295px; height: 305px; margin-top: 20px; padding: 40px 10px 0 10px; background: transparent url(../../images/bgBlocClassement.gif) no-repeat; position: relative;} #blocClassement h2 {display: none;} #blocClassement table {border-collapse: collapse; width: 100%;} #blocClassement table th, #blocClassement table td {border-bottom: 1px #7b3a38 solid; padding: 0 4px; line-height: 17px;} #blocClassement table th {background-color: #5b1616; text-align: left; color: #fff;} #blocClassement table td {background-color: #fff;} #blocClassement a { position: absolute; right: 0; top: 12px; font-size: 11px; font-weight: bold; background-color: #fff; padding: 2px 5px; text-decoration: none;} /************ bloc parcours */ #blocParcours { display: block; background: transparent url(../../images/bgBlocParcours.png) no-repeat; width: 287px; height: 137px; text-indent: -5000px; overflow: hidden; margin-bottom: 10px;} #blocParcours img {border: 1px #000 solid; margin: 0 0 10px 0;} #blocParcours p {padding-bottom: 10px !important; text-align: center; } #blocParcours p a {color: #fff; text-decoration: none; cursor: default;} /************ btn jeu optic 2000 */ #btnJeuOptic {display: block; width: 329px; height: 77px; background: transparent url(../../images/btnJeuOptic.gif) no-repeat; padding-bottom: 15px;} #btnJeuOptic span {display: none;} /************ bloc étape par étape */ #blocEtape { width: 260px; height: 42px; padding: 35px 12px 0 15px; text-align: left; background: #480202 url(../../images/bgBlocEtape.gif) no-repeat; margin-bottom: 10px;} #blocEtape a {font-weight: bold; color: #fff; text-decoration: none;} #blocEtape .btnVoir {margin: -5px 0 0 0;} #blocEtape #lnkVivez {} /************ bloc en bref */ #blocEnBref { width: 293px; height: 103px; color: #fff; overflow: hidden; background-color: #520c0c; border: 3px #fff solid; padding: 8px 8px 0 8px;} #blocEnBref h2 { width: 160px; height: 15px; margin-bottom: 5px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/titreBlocEnBref.gif) no-repeat;} #blocEnBref a {color: #fff;} #blocEnBref .zoneTexte {} #blocEnBref p {margin-bottom: 0;} /******** Bouton télécharger itinéraire */ #btnItineraire {display: block; text-indent: -5000px; overflow: hidden;} /************** DVD */ #blocDvd { width: 257px; height: 368px; padding: 0 15px; text-align: center; background: transparent url(../../images/bgBlocDvd.png) no-repeat;} #blocDvd strong { display: block; width: 257px; height: 86px; background: transparent url(../../images/titreBlocDvd.png) no-repeat;} #blocDvd p { display: block; width: 257px; height: 142px; margin-bottom: 15px; background: transparent url(../../images/visuelDvd.png) no-repeat;} #blocDvd a { display: block; width: 115px; height: 48px; line-height: 13px; background: transparent url(../../images/btnDownloadDvd.png) no-repeat; font-size: 12px; text-decoration: none; color: #000; font-weight: bold; margin: 0 auto 10px auto; text-align: right; padding: 20px 68px 0 10px;} #blocDvd span { display: block; width: 257px; height: 24px; background: transparent url(../../images/mentionDvd.png) no-repeat;} #blocDvd strong, #blocDvd p, #blocDvd span {text-indent: -5000px; overflow: hidden;} /******** bloc éditions précédentes */ #blocEditionsPassees { width: 270px; height: 60px; padding: 40px 10px 0 10px; margin-bottom: 10px; position: relative; background: transparent url(../../images/bgBlocEditionsPassees.gif) no-repeat;} #blocEditionsPassees h2 {display: none;} #blocEditionsPassees a {color: #c8b98f; font-size: 11px; font-weight: bold; text-decoration: none;} /******** inscription + modèles éligibles + engagés */ #btnBulletin, #btnModeles, #btnEngages, #btnNewsletter, #btnFilm, #btnLaSpeciale, #btnMerchandising { display: block; text-decoration: none; font-weight: bold; color: #fff; line-height: 12px;} #blocInscription { width: 270px; height: 143px; padding: 37px 10px 0 10px; margin-bottom: 10px; background: #a9955e url(../../images/bgBlocInscription.gif) no-repeat;} #btnBulletin { width: 130px; height: 48px; padding: 18px 65px 0 75px; text-align: left; line-height: 13px; background: transparent url(../../images/btnBulletin.png) no-repeat; margin-bottom: 18px;} #btnModeles { width: 152px; height: 48px; padding: 10px 118px 0 0; text-align: right; line-height: 13px; background: transparent url(../../images/btnModeles.png) no-repeat; } #btnEngages { width: 195px; height: 43px; padding: 18px 0 0 75px; text-align: left; margin-bottom: 0; background: transparent url(../../images/btnEngages.png) no-repeat;} #btnNewsletter { width: 174px; height: 43px; padding: 18px 96px 0 0; text-align: right; background: transparent url(../../images/btnNewsletter.png) no-repeat;} #btnFilm { width: 192px; height: 43px; padding: 15px 0 0 78px; text-align: left; margin-left: 10px; background: transparent url(../../images/btnFilm.png) no-repeat; margin-bottom: 0;} #btnMiniTour { display: block; width: 325px; height: 90px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/btnMiniTour.png) no-repeat;} #btnMerchandising { width: 132px; height: 49px; padding: 20px 138px 0 0; text-align: right; margin-left: 10px; background: transparent url(../../images/btnProduitsDerives.png) no-repeat; } #btnLaSpeciale { width: 278px; height: 57px; padding: 53px 12px 0 0; text-align: right; text-transform: uppercase; line-height: 18px; background: transparent url(../../images/btnLaSpeciale.png) no-repeat; margin-bottom: 10px;} #btnLaSpeciale strong {display: none;} #btnLaSpeciale span {display: block; font-size: 14px;} #btnLaSpeciale em {font-style: normal; font-weight: normal; font-size: 11px;} /*********************** bloc sous les projecteurs */ #blocProjecteur { width: 285px; height: 308px; padding: 60px 15px 0 15px; margin-bottom: 10px; background: #b88f71 url(../../images/bgBlocProjecteur.jpg) no-repeat left bottom; position: relative;} #blocProjecteur h3 { width: 315px; height: 56px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/titreBlocProjecteur.gif) no-repeat; position: absolute; left: 0; top: 0;} #blocProjecteur p {font-size: 11px; line-height: 14px;} /********** affiche */ #affiche { display: block; width: 290px; height: 307px; background: transparent url(../../images/affiche2011.png) no-repeat; margin: 0 0 0 0; text-indent: -5000px; overflow: hidden;} #blocPart {width: 932px; height: 100px; position: relative; display: none;} #bandeauWebTV { display: block; width: 600px; height: 100px; background: transparent url(../../images/bandeauWebTV.jpg) no-repeat; text-indent: -5000px; overflow: hidden; float: left;} #btnBoutique { display: block; width: 290px; height: 67px; float: left; background: transparent url(../../images/btnBoutique.gif) no-repeat; text-indent: -5000px; overflow: hidden; position: absolute; top: 16px; right: 0; padding: 8px;} #blocBas {background-color: #380e0e; padding: 10px 10px 9px 10px;} /********** bloc medias */ #blocMedias { width: 290px; height: 170px; background: transparent url(../../images/bgBlocMedias.gif) no-repeat;} #blocMedias ul {list-style: none; position: relative; top: 40px; left: 15px;} #blocMedias ul li {float: left;} #blocMedias ul li a { display: block; text-decoration: none; font-weight: bold; color: #c8b98f; text-align: center; height: 27px; padding-top: 73px;} #blocMedias ul li#lnkDerComm a {width: 141px; background: transparent url(../../images/lnkDerComm.png) no-repeat;} #blocMedias ul li#lnkDemAccred a {width: 120px; background: transparent url(../../images/lnkDemAccred.png) no-repeat;} /********** btn optic */ #btnOptic, #btnOpticCourse { display: block; text-indent: -5000px; overflow: hidden; margin-bottom: 10px; height: 68px;} #btnOptic { width: 290px; background: transparent url(../../images/btnOptic.gif) no-repeat;} #btnOpticCourse { width: 315px; background: transparent url(../../images/btnOpticCourse.gif) no-repeat;} /**************************************************** Mode annonce */ .modeAnnonce #bandeauWebTV {border: 0;} .modeAnnonce #blocProjecteur {position: relative; top: 20px;} .modeAnnonce #blocBas, .modeAnnonce #btnModeles, .modeAnnonce #btnLaSpeciale, .modeAnnonce #blocMedias, .modeAnnonce #btnOpticCourse {display: none;} .modeAnnonce #btnBulletin {margin-bottom: 0; height: 45px;} .modeAnnonce #blocInscription {height: 188px;} .modeAnnonce #blocProjecteur {height: 368px; padding: 60px 15px 0 15px;} .modeAnnonce #blocProjecteur p {line-height: 15px;} /**************************************************** Mode course */ .modeCourse #btnEngages {margin-bottom: 5px;} .modeCourse #blocEnBref {margin-bottom: 18px;} .modeCourse #blocPart {margin-bottom:15px;} .modeCourse #affiche {height: 214px; background: transparent url(../../images/affiche2011Mini.png) no-repeat center;} .modeCourse #btnFilm {margin-bottom: 16px;} .modeCourse #bandeauWebTV { width: 410px; height: 90px; margin-right: 10px; background: transparent url(../../images/bandeauTV2011.jpg) no-repeat;} .modeCourse #blocMedias, .modeCourse #btnOptic {display: none;} .modeCourse #blocInscription {background: #a9955e url(../../images/bgBlocInscriptionCourse.gif) no-repeat;} /**************************************************** Mode conclusion */ .modeConc #blocEtape, .modeConc #btnLaSpeciale, .modeConc #btnFilm, .modeConc #btnNewsletter, .modeConc #blocBas, .modeConc #blocMedias, .modeConc #btnOpticCourse {display: none;} .modeConc #blocInscription {height: 135px; padding: 45px 10px 0 10px; } /**************************************************** Mode attente */ .modeAttente #blocEnBref {margin-bottom: 22px;} .modeAttente #btnMerchandising, .modeAttente #btnLaSpeciale, .modeAttente #btnFilm, .modeAttente #btnNewsletter, .modeAttente #blocBas, .modeAttente #blocMedias, .modeAttente #btnOpticCourse, .modeAttente #btnItineraire {display: none;} .modeAttente #btnBulletin {margin-bottom: 0; height: 45px;} .modeAttente #btnModeles {margin-bottom: 0; height: 45px;} .modeAttente #blocInscription { height: 175px; padding: 5px 10px 0 10px; margin-bottom: 10px; background: #a9955e url(../../images/bgBlocInscriptionAttente.gif) no-repeat} .modeAttente #btnEngages {position: relative; top: -5px;} /*.modeAttente #btnItineraire { width: 287px; height: 368px; background: transparent url(../../images/btnItineraireAttente.png) no-repeat;}*/ /********** zone logos */ #zoneLogos { text-align: center; height: 62px; padding-top: 16px; background: transparent url(../../images/bgZoneLogos.gif) repeat-x;} #zoneLogos img {margin: 0 30px; border: 0;} /***********************************************************************/ /* Footer */ /***********************************************************************/ #footer {text-align: center; color: #c8b98f; padding: 10px 0; font-size: 11px;} #footer a {font-weight: bold; color: #520c0c; text-decoration: none;} #footer a span {text-decoration: none !important;} #lnkFooterC, #lnkFooterD {display: none;} /***********************************************************************/ /* Optic 2000 */ /***********************************************************************/ #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;} /***********************************************************************/ /* Mentions légales */ /***********************************************************************/ #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 */ /***********************************************************************/ fieldset { padding: 10px; margin-bottom: 15px; border: 1px #fff dotted;} legend { background-color: #7e3d3d; color: #fff; 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: #000 !important; margin: 0 0 5px 0 !important;} label {font-weight: bold; color: #000;} .lineForm label, .lineText label, .lineFile label { display: block; float: left; text-align: right; padding-right: 3px;} .lineCheck label {font-weight: normal;} .lineForm, .lineText, .lineSubmit, .lineRadio, .lineCheck, .lineFile {margin-bottom: 5px;} #blocCoordonnees .lineForm label, #blocInfosMedias .lineForm label {width: 180px;} #blocCoordonnees .lineForm input, #blocInfosMedias .lineForm input {width: 200px;} #blocInfosMedias .lineFile label {width: 250px; line-height: 22px;} .margeTop {padding-top: 20px !important;} .colFormA, .colFormB {float: left;} .colFormA {width: 400px;} .colFormB {width: 462px;} #blocSearchMail .lineForm, #blocSearchMail p {float: left;} #blocSearchMail .lineForm {width: 342px;} #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; cursor: pointer; 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: 250px;} #blocDemande .lineText label {width: 250px; 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: #fff; 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: #fff; font-weight: bold; font-size: 12px; padding: 5px;} #accesNewsletter a {color: #6c2424;} #blocNewsletters dl {border-top: 1px #fff dotted;} #blocNewsletters dl dt, #blocNewsletters dl dd {float: left; height: 16px; 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/flecheDownload.png) 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.png) 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;} .intro {font-weight: bold; font-size: 12px;} #blocAccreditation, #blocCommuniques, #blocPhotos {color: #c4b88d; float: left;} #blocAccreditation h2, #blocCommuniques h2, #blocPhotos h2 {display: none;} /***************** bloc accréditation */ #blocAccreditation { width: 370px; font-size: 12px; line-height: 15px; padding: 40px 15px 10px 15px; margin-right: 20px; height: 184px; background: #172e51 url(../../images/bgBlocAccreditation.gif) no-repeat;} #blocAccreditation ul {list-style: none;/*display: none;*/} #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: relative; top: 2px; padding: 0 5px; color: #000;} /***************** bloc communiqués */ #blocCommuniques a {color: #fff;} #blocCommuniques { width: 165px; height: 164px; margin-right: 20px; padding: 60px 15px 10px 15px; background: #172e51 url(../../images/bgBlocCommuniques.gif) no-repeat; text-align: justify;} #blocCommuniques p {margin-bottom: 15px;} #blocCommuniques a#btnCom { display: block; width: 158px; height: 24px; line-height: 24px; 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: 255px; height: 189px !important; padding: 35px 15px 10px 15px; text-align: justify; background: #172e51 url(../../images/bgBlocPhotos.gif) no-repeat; overflow: hidden;} #blocPhotos a {color: #fff;} #blocPhotos a.lnkAffiche { text-decoration: none; width: 120px; color: #fff; display: block; height: 116px; padding: 0 108px 0 0; text-align: right; position: relative; top: -15px; background: transparent url(../../images/couvAffiche.png) no-repeat right top;} #blocPhotos a.lnkAffiche span {position: relative; top: 30px;} #blocPhotos p {margin-top: 10px /*-10px*/; line-height: 13px;} #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 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 */ /***********************************************************************/ #pageDetailActualite #mainContent img {float: right; margin: 0 0 15px 30px; border: 1px #000 solid;} .date {color: #4582a6; 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;} /***********************************************************************/ /* Page corporate */ /***********************************************************************/ /******************* le tour du Tour */ #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: 190px; padding: 40px 10px 8px 10px; margin-bottom: 20px; background: #470101 url(../../images/bgBlocCalendrier.gif) no-repeat; text-align: left; color: #fff;} #blocCalendrier h2 {display: none;} #blocCalendrier strong {display: block;} .modeAnnonce a#btnEligible, .modeCourse a#btnEligible {display: none;} /********** Le Tour de Peter Auto */ #logoPeter {float: left !important; margin: 25px 15px 25px 0;} #pagePeterAuto #mainContent p {padding: 0 !important;} #pagePeterAuto #mainContent h1 {padding-top: 15px;} #listeLogos {list-style: none; width: 385px; height: 552px; position: relative; margin-left: 20px;} #listeLogos li {float: left;} #listeLogos li.double img {margin: auto;} #listeLogos li img {border: 0;} #listeLogos .logoCenter {width: 370px; text-align: center;} #listeLogos li.logA {width: 192px; height: 100px; text-align: center;} #listeLogos li.logB {width: 193px; height: 100px; text-align: center;} #listeLogos li.logC {width: 192px; height: 80px; text-align: center; position: relative; top: -10px;} #listeLogos li.logD {width: 193px; height: 70px; padding-top: 10px; text-align: center;} #listeLogos li.logE {width: 129px; height: 120px;} #listeLogos li.logF {width: 142px; height: 120px;} #listeLogos li.logG {width: 100px; height: 100px;} #listeLogos li.logH {width: 100px; height: 132px; margin-left:25px;} #listeLogos li.logI {width: 110px; height: 80px;} #listeLogos li.logJ {width: 120px; margin-left: 20px;} #listeLogos li.logK {width: 140px; height: 100px; margin-top:10px; margin-left:20px;} #listeLogos li.logL {width: 100px; height: 120px;} #listeLogos li.logM {width: 122px; height: 120px;} #colTour, #listeLogos {float: left;} #colTour {width: 510px; font-size: 12px; line-height: 16px;} #colTour h2 {margin-top: 15px;} /***********************************************************************/ /* La saga */ /***********************************************************************/ #editoSaga {margin-bottom: 15px;} #editoSaga p, #editoSaga ul, #editoSaga ol {margin-bottom: 10px;} #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 #fff solid; border-right: 8px #fff solid; border-top: 8px #fff solid; border-bottom: 8px #fff solid;} .listeAffiches li a {color: #6C2424; font-size: 18px; font-weight: normal; text-decoration: none;} #pagination { width: 100%; height: 27px; line-height: 27px; clear: both; font-weight: bold; position: relative; text-align: center; font-size: 14px; background: transparent url(../../images/bgPagination.png) 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: 20px;} #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: #6c2424;} .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.png) no-repeat right;} #afficheSaga .download {margin-right: 10px;} #zoneAffiche, #zoneRecap {float: left;} #zoneAffiche {width: 300px; margin-left: 25px; padding-top: 30px;} #zoneAffiche img {width: 300px; margin-left: 10px;} #zoneRecap {width: 510px;} #zoneRecap .zoneTexte {margin-bottom: 15px; font-size: 12px;} #btnRetourChrono { display: block; text-decoration: none; color: #6c2424; font-weight: bold; height: 35px; line-height: 25px;} #afficheSaga { background: #470101 url(../../images/bgAffiche.gif) repeat-x; padding: 35px 10px 10px 10px; width: 300px; position: relative;} #contentAffiche {position: absolute; left: 0; bottom: 0;} #zoneIti, #blocVainqueurs {float: left;} #zoneIti { width: 170px; margin-right: 15px; margin-bottom: 20px; padding-top: 40px; background: #470101 url(../../images/bgZoneIti.gif) no-repeat;} #zoneIti h2 {display: none;} #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; margin-bottom: 20px; padding-top: 40px; background: #470101 url(../../images/bgVainqueurs.gif) no-repeat;} #blocVainqueurs h2 {display: none;} #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 h3 {font-size: 14px;} .pageSaga1992 #zoneIti, .pageSaga1992 #blocVainqueurs {height: 324px;} .pageSaga1992 #afficheSaga {height: 450px;} .pageSaga1992 #blocVainqueurs .zoneTable {height: 264px;} .pageSaga1993 #zoneIti, .pageSaga1993 #blocVainqueurs {height: 324px;} .pageSaga1993 #afficheSaga {height: 440px;} .pageSaga1993 #contentAffiche img {margin: 35px 0 25px 10px;} .pageSaga1993 #blocVainqueurs .zoneTable {height: 224px;} .pageSaga1994 #zoneIti, .pageSaga1994 #blocVainqueurs {height: 315px;} .pageSaga1994 #afficheSaga {height: 471px;} .pageSaga1994 #contentAffiche img {margin: 30px 0 30px 10px;} .pageSaga1994 #blocVainqueurs .zoneTable {height: 184px;} .pageSaga1995 #zoneIti, .pageSaga1995 #blocVainqueurs {height: 334px;} .pageSaga1995 #afficheSaga {height: 460px;} .pageSaga1995 #blocVainqueurs .zoneTable {height: 274px;} .pageSaga1996 #zoneIti, .pageSaga1996 #blocVainqueurs {height: 340px;} .pageSaga1996 #afficheSaga {height: 450px;} .pageSaga1996 #blocVainqueurs .zoneTable {height: 280px;} .pageSaga1997 #zoneIti, .pageSaga1997 #blocVainqueurs {height: 340px;} .pageSaga1997 #afficheSaga {height: 426px;} .pageSaga1997 #contentAffiche img {margin: 30px 0 20px 10px;} .pageSaga1997 #blocVainqueurs .zoneTable {height: 239px;} .pageSaga1998 #zoneIti, .pageSaga1998 #blocVainqueurs {height: 338px;} .pageSaga1998 #afficheSaga {height: 450px;} .pageSaga1998 #blocVainqueurs .zoneTable {height: 278px;} .pageSaga1999 #zoneIti, .pageSaga1999 #blocVainqueurs {height: 320px;} .pageSaga1999 #afficheSaga {height: 486px;} .pageSaga1999 #contentAffiche img {margin-bottom: 20px;} .pageSaga1999 #blocVainqueurs .zoneTable {height: 209px;} .pageSaga2000 #zoneIti, .pageSaga2000 #blocVainqueurs {height: 384px;} .pageSaga2000 #afficheSaga {height: 515px;} .pageSaga2000 #contentAffiche img {margin-bottom: 20px;} .pageSaga2000 #blocVainqueurs .zoneTable {height: 324px;} .pageSaga2001 #zoneIti, .pageSaga2001 #blocVainqueurs {height: 374px;} .pageSaga2001 #afficheSaga {height: 505px;} .pageSaga2001 #contentAffiche img {margin-bottom: 35px;} .pageSaga2001 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2002 #zoneIti, .pageSaga2002 #blocVainqueurs {height: 374px;} .pageSaga2002 #afficheSaga {height: 520px;} .pageSaga2002 #contentAffiche img {margin-bottom: 35px;} .pageSaga2002 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2003 #zoneIti, .pageSaga2003 #blocVainqueurs {height: 374px;} .pageSaga2003 #afficheSaga {height: 475px;} .pageSaga2003 #contentAffiche img {margin-bottom: 15px;} .pageSaga2003 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2004 #zoneIti, .pageSaga2004 #blocVainqueurs {height: 374px;} .pageSaga2004 #afficheSaga {height: 485px;} .pageSaga2004 #contentAffiche img {margin-bottom: 20px;} .pageSaga2004 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2005 #zoneIti, .pageSaga2005 #blocVainqueurs {height: 374px;} .pageSaga2005 #afficheSaga {height: 445px;} .pageSaga2005 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2006 #zoneIti, .pageSaga2006 #blocVainqueurs {height: 374px;} .pageSaga2006 #afficheSaga {height: 490px;} .pageSaga2006 #contentAffiche img {margin-bottom: 5px;} .pageSaga2006 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2007 #zoneIti, .pageSaga2007 #blocVainqueurs {height: 394px;} .pageSaga2007 #afficheSaga {height: 540px;} .pageSaga2007 #contentAffiche img {margin-bottom: 25px;} .pageSaga2007 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2008 #zoneIti, .pageSaga2008 #blocVainqueurs {height: 374px;} .pageSaga2008 #afficheSaga {height: 520px;} .pageSaga2008 #contentAffiche img {margin-bottom: 55px;} .pageSaga2008 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2009 #zoneIti, .pageSaga2009 #blocVainqueurs {height: 374px;} .pageSaga2009 #afficheSaga {height: 480px;} .pageSaga2009 #contentAffiche img {margin: 20px 0 18px 10px;} .pageSaga2009 #blocVainqueurs .zoneTable {height: 314px;} .pageSaga2010 #zoneIti, .pageSaga2010 #blocVainqueurs {height: 374px;} .pageSaga2010 #afficheSaga {height: 435px;} .pageSaga2010 #contentAffiche img {margin-bottom: 0px;} .pageSaga2010 #blocVainqueurs .zoneTable {height: 314px;} /***********************************************************************/ /* Etape par étape Mode course */ /***********************************************************************/ .pageCourse .zoneTexte ul {margin-left: 30px;} .pageCourse .zoneTexte img {margin-right: 10px;} /******************** sous nav course */ #sousNav { list-style: none; margin-bottom: 0 !important; width: 750px !important; height: 27px;} #sousNav li { float: left; margin: 0 3px 0 0 !important; padding: 0 !important; font-weight: bold;} #sousNav li a { display: block; text-decoration: none; height: 27px; line-height: 27px; padding: 0 10px ; margin: 0 !important; font-size: 16px; color: #6c2424; background: transparent url(../../images/bgNavCourse.jpg) repeat-x 0 -27px;} #sousNav li a:hover {color: #000;} #sousNav li#btnNavCourseF {margin-right: 0;} #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: #6c2424;} #content { width: 643px; padding: 22px 10px 10px 10px; float: left; background: transparent url(../../images/bgContentCourse.jpg) repeat-x; position: relative;} .pageCourse #content {width: 673px;} #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: 180px; padding: 0 8px; margin-bottom: 20px;} p.etape span {color: #fff;} #jsIdCourse {float: right;} #mainContent h1 {color: #000; font-size: 20px; font-weight: normal; margin-bottom: 15px;} #mainContent h2 {color: #6c2424; font-size: 14px; margin-bottom: 5px;} #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;} #colInfosCourse #btnBulletin { width: 160px; height: 34px; padding: 8px 0 0 50px; background: transparent url(../../images/btnBulletinMini.png) no-repeat;} #colInfosCourse #btnModeles, #pageModelesEligibles #btnModeles { width: 145px; height: 34px; padding: 8px 65px 0 0; background: transparent url(../../images/btnModelesMini.png) no-repeat;} /******************** Photo du jour */ #blocPhotoJour { width: 287px; height: 160px; margin-bottom: 10px; padding-top: 40px; background: #470101 url(../../images/bgBlocPhotoJour.gif) no-repeat;} #blocPhotoJour a {display: block; text-align: center;} #blocPhotoJour img {border: 1px #fff solid;} #blocPhotoJour h3 {display: none;} .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;} .pageCourse #blocPhotoJour {width: 210px; } /************************ classement du jour */ #blocClassementJour { width: 180px; padding: 40px 15px 10px 15px; color: #fff; font-size: 11px; background: #470101 url(../../images/bgBlocClassementJour.gif) no-repeat; text-align: left;} #blocClassementJour h3 {display: none;} #blocClassementJour p {margin: 0 0 10px 0; } #blocClassementJour table { font-size: 11px; font-weight: bold; color: #fff; width: 100%;} #blocClassementJour table th, #blocClassementJour table td.rank {color: #c8b98f;} #blocClassementJour table td.rank {padding-right: 3px;} /***********************************************************************/ /* Espace concurrents */ /***********************************************************************/ #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: #6a2626; font-size: 14px; margin-bottom: 10px; padding-left: 15px; background: transparent url(../../images/flecheDownload.png) no-repeat 0 5px;} .listePDF {list-style: none;} .listePDF li {border-bottom: 1px #fff solid; padding: 3px 0; text-align: left;} .listePDF li a { display: block; padding: 0 0 5px 20px; font-weight: bold; text-decoration: none; background: transparent url(../../images/pictoDoc.png) no-repeat 0 0;} .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: #945353; color: #fff;} /***********************************************************************/ /* Page Merchandising */ /***********************************************************************/ #pageMerchandising .blocProduit { width: 428px; margin: 0 5px 10px 5px; float: left; padding: 10px; border: 1px #fff solid;} #pageMerchandising .blocProduit img { margin: 0 10px 0 0; float: left;} #pageMerchandising .blocProduit h1 {margin-bottom: 0 !important; padding: 5px 10px 0 0; text-align: left;} #pageMerchandising .blocProduit p {margin: 5px 5px 5px 0; float: left; width: 248px;} #pageMerchandising .blocProduit p a {display: block; padding-top: 5px;} .coinsArrondis { /* Coins arrondis */ -moz-border-radius: 10px 10px 10px 10px; /* Firefox */ -webkit-border-radius: 10px 10px 10px 10px; /* Safari et Chrome */ -khtml-border-radius: 10px 10px 10px 10px; /* Linux */ border-radius: 10px 10px 10px 10px; /* Opera 10.5+, norme CSS3 */ } /***********************************************************************/ /* Partenaires */ /***********************************************************************/ #pagePartenaires #mainContent .intro {margin-bottom: 30px;} .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;} .partenaire .margePart h1 {margin-bottom: 0 !important;} /***********************************************************************/ /* 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 6a2626 solid;} #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 */ /***********************************************************************/ #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;} /***********************************************************************/ /* Liste des modeles eligibles */ /***********************************************************************/ #pageModelesEligibles #mainContent h3 {font-size: 11px; } #alphabet {list-style: none; height: 20px;} #alphabet li {float: left; margin-right: 11px;} #alphabet li a { display: block; width: 20px; height: 20px; text-align: center; background-color: #651e1e; text-decoration: none; color: #fff; font-size: 14px; font-weight: bold; line-height: 20px;} .haut {display: block; margin-bottom: 15px; font-weight: bold; color: #fff; text-align: right;} #pageModelesEligibles #btnModeles {float: right; margin-left: 30px;} #pageNotice #mainContent ul.listeLicences {list-style: none; height: 130px;} #pageNotice #mainContent ul.listeLicences li { float: left; padding: 0 15px; width: 90px; height: 110px; text-align: center; position: relative;} #pageNotice #mainContent ul.listeLicences li a { display: block; width: 110px; margin: auto; position: absolute; left: 0; bottom: 0;} #pageNotice #mainContent ul.listeLicences li img {border: 0; display: block; margin: 0 auto 10px auto;} #pageNotice #mainContent h3 {color: #631b1b; font-size: 14px; margin-bottom: 10px;}