body#main{ background: #000 url(gx/M/background_top.jpg) repeat-x center top; margin: 0; padding: 0; text-align:center; } html{ color: #717172; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{ border:0; margin:0; padding:0; } /* TEXTES ET HYPERLIENS GLOBAUX --------------------------------------------------------------------------------------- */ a, a:link, a:visited, a:hover{ outline:none; color: #69788A; } h1{color: #69727D; font-size:18px; margin-bottom: 10px; text-transform: uppercase; } h1 a, h1 a:link, h1 a:visited{color:#C21527;} h2{color: #69727D; font-size:15px;} h2 a, h2 a:link, h2 a:visited{color:#333;} p{ font-size: 11px; line-height: 150%; color: #717172; } p.textePetit{ font-size:10px; } #textes ul li{font-size:11px;line-height:150%; margin-left:16px; margin: 0 0 2px 0; padding: 0 0 0 17px; background: url(Gx/puce_icar.gif) no-repeat left top; list-style-type: none; } #listeDocumentBoitesOutils{ list-style-type: none; } #listeDocumentBoitesOutils li{ margin-bottom: 10px; } /* CONTENEURS ET CLASSES GÉNÉRALES --------------------------------------------------------------------------------------- */ #conteneur{ margin: 0 auto; text-align: left; width: 966px; } .both{ clear: both; } .preload{ display: none; } /* HAUT --------------------------------------------------------------------------------------- */ #haut #menuHaut{ width: 966px; height: 57px; background: url(Gx/M/bg_menu_haut.jpg) no-repeat center top; position: relative; } #haut #menuHaut ul{ width: 644px; text-align: center; padding: 24px 0 0 11px; } #haut #menuHaut ul li{ display: inline; list-style-type: none; font: 12px Arial, Helvetica, sans-serif; color: black; } #haut #menuHaut ul li.sep{ margin: 0 10px; position: relative; top: -1px; } #haut #menuHaut ul li a{ font: 12px Arial, Helvetica, sans-serif; color: black; text-decoration: none; } #haut #menuHaut ul li a:hover{ color: #427fd1; } #haut #menuHaut #btn_corpo_fr{ display: block; width: 143px; height: 48px; background: url(Gx/M/btn_corpo_fr.gif) no-repeat left top; text-decoration: none; position: absolute; top: 0; left: 655px; } #haut #menuHaut #btn_corpo_fr:hover{ background: url(Gx/M/btn_corpo_fr.gif) no-repeat left bottom; } #haut #menuHaut #btn_icar_fr{ display: block; width: 143px; height: 48px; background: url(Gx/M/btn_icar_fr.gif) no-repeat left top; text-decoration: none; position: absolute; top: 0; left: 799px; } #haut #menuHaut #btn_icar_fr:hover{ background: url(Gx/M/btn_icar_fr.gif) no-repeat left bottom; } #haut #menuHaut #btn_corpo_en{ display: block; width: 143px; height: 48px; background: url(Gx/M/btn_corpo_en.gif) no-repeat left top; text-decoration: none; position: absolute; top: 0; left: 655px; } #haut #menuHaut #btn_corpo_en:hover{ background: url(Gx/M/btn_corpo_en.gif) no-repeat left bottom; } #haut #menuHaut #btn_icar_en{ display: block; width: 143px; height: 48px; background: url(Gx/M/btn_icar_en.gif) no-repeat left top; text-decoration: none; position: absolute; top: 0; left: 799px; } #haut #menuHaut #btn_icar_en:hover{ background: url(Gx/M/btn_icar_en.gif) no-repeat left bottom; } #haut #logoHeader{ width: 944px; height: 176px; margin-left: 11px; background: url(Gx/M/bg_header_logo.gif) no-repeat left top; position: relative; } #haut #lienLogo{ display: block; width: 156px; height: 176px; position: absolute; top: 0; left: 168px; text-decoration: none; } #haut #logoHeader_fr{ width: 944px; height: 176px; margin-left: 11px; background: url(Gx/M/bg_header_logo_fr.gif) no-repeat left top; position: relative; } #haut #logoHeader_en{ width: 944px; height: 176px; margin-left: 11px; background: url(Gx/M/bg_header_logo_en.gif) no-repeat left top; position: relative; } /* MENUS --------------------------------------------------------------------------------------- */ #haut #menu{ width: 944px; height: 51px; margin-left: 11px; background: url(Gx/M/bg_menu.gif); } #haut #menu ul{ width: 944px; height: 51px; margin: 0; padding: 0; } #haut #menu ul li{ float: left; margin: 0; padding: 0; list-style-type: none; height: 51px; } #haut #menu ul li a{ display: block; height: 51px; } #haut #menu ul li span{ display: none; } /* FRANÇAIS */ /* MENU NON MEMBRES */ #haut #menu ul#langue_fr li.nonmembre a{ background: url(Gx/M/menu_non_membre_fr.gif) no-repeat left top; } #haut #menu ul#langue_fr li#nomMembre_espace_left{ width: 204px; background-position: 0px top; } #haut #menu ul#langue_fr li#nomMembre_leclub a{ width: 84px; background-position: -204px top; } #haut #menu ul#langue_fr li#nomMembre_pistes a{ width: 74px; background-position: -288px top; } #haut #menu ul#langue_fr li#nomMembre_memberships a{ width: 109px; background-position: -362px top; } #haut #menu ul#langue_fr li#nomMembre_media a{ width: 136px; background-position: -471px top; } #haut #menu ul#langue_fr li#nomMembre_membre a{ width: 133px; background-position: -607px top; } #haut #menu ul#langue_fr li#nomMembre_espace_right{ width: 204px; background-position: -753px top; } #haut #menu ul#langue_fr li#nomMembre_leclub a:hover{ width: 84px; background-position: -204px -52px; } #haut #menu ul#langue_fr li#nomMembre_pistes a:hover{ width: 74px; background-position: -288px -52px; } #haut #menu ul#langue_fr li#nomMembre_memberships a:hover{ width: 109px; background-position: -362px -52px; } #haut #menu ul#langue_fr li#nomMembre_media a:hover{ width: 136px; background-position: -471px -52px; } #haut #menu ul#langue_fr li#nomMembre_membre a:hover{ width: 133px; background-position: -607px -52px; } #haut #menu ul#langue_fr li#nomMembre_leclub a.actif{ width: 84px; background-position: -204px bottom; } #haut #menu ul#langue_fr li#nomMembre_pistes a.actif{ width: 74px; background-position: -288px bottom; } #haut #menu ul#langue_fr li#nomMembre_memberships a.actif{ width: 109px; background-position: -362px bottom; } #haut #menu ul#langue_fr li#nomMembre_media a.actif{ width: 136px; background-position: -471px bottom; } #haut #menu ul#langue_fr li#nomMembre_membre a.actif{ width: 133px; background-position: -607px bottom; } /* MENU MEMBRES */ #haut #menu ul#langue_fr li.membre a{ background: url(Gx/M/menu_membre_fr.gif) no-repeat left top; } #haut #menu ul#langue_fr li#membre_espace_left{ width: 28px; background-position: 0px top; } #haut #menu ul#langue_fr li#membre_leclub a{ width: 73px; background-position: -28px top; } #haut #menu ul#langue_fr li#membre_pistes a{ width: 63px; background-position: -101px top; } #haut #menu ul#langue_fr li#membre_evenements a{ width: 193px; background-position: -164px top; } #haut #menu ul#langue_fr li#membre_nouvelles a{ width: 93px; background-position: -357px top; } #haut #menu ul#langue_fr li#membre_memberships a{ width: 93px; background-position: -450px top; } #haut #menu ul#langue_fr li#membre_media a{ width: 116px; background-position: -543px top; } #haut #menu ul#langue_fr li#membre_boiteoutils a{ width: 109px; background-position: -661px top; } #haut #menu ul#langue_fr li#membre_membre a{ width: 116px; background-position: -770px top; } #haut #menu ul#langue_fr li#membre_espace_right{ width: 26px; background-position: -928px top; } #haut #menu ul#langue_fr li#membre_leclub a:hover{ width: 73px; background-position: -28px -52px; } #haut #menu ul#langue_fr li#membre_pistes a:hover{ width: 63px; background-position: -101px -52px; } #haut #menu ul#langue_fr li#membre_evenements a:hover{ width: 193px; background-position: -164px -52px; } #haut #menu ul#langue_fr li#membre_nouvelles a:hover{ width: 93px; background-position: -357px -52px; } #haut #menu ul#langue_fr li#membre_memberships a:hover{ width: 93px; background-position: -450px -52px; } #haut #menu ul#langue_fr li#membre_media a:hover{ width: 116px; background-position: -543px -52px; } #haut #menu ul#langue_fr li#membre_boiteoutils a:hover{ width: 109px; background-position: -661px -52px; } #haut #menu ul#langue_fr li#membre_membre a:hover{ width: 116px; background-position: -770px -52px; } #haut #menu ul#langue_fr li#membre_leclub a.actif{ width: 73px; background-position: -28px bottom; } #haut #menu ul#langue_fr li#membre_pistes a.actif{ width: 63px; background-position: -101px bottom; } #haut #menu ul#langue_fr li#membre_evenements a.actif{ width: 193px; background-position: -164px bottom; } #haut #menu ul#langue_fr li#membre_nouvelles a.actif{ width: 93px; background-position: -357px bottom; } #haut #menu ul#langue_fr li#membre_memberships a.actif{ width: 93px; background-position: -450px bottom; } #haut #menu ul#langue_fr li#membre_media a.actif{ width: 116px; background-position: -543px bottom; } #haut #menu ul#langue_fr li#membre_boiteoutils a.actif{ width: 109px; background-position: -661px bottom; } #haut #menu ul#langue_fr li#membre_membre a.actif{ width: 116px; background-position: -770px bottom; } /* ANGLAIS */ /* MENU NON MEMBRES */ #haut #menu ul#langue_en li.nonmembre a{ background: url(Gx/M/menu_non_membre_en.gif) no-repeat left top; } #haut #menu ul#langue_en li#nomMembre_espace_left{ width: 180px; background-position: 0px top; } #haut #menu ul#langue_en li#nomMembre_leclub a{ width: 95px; background-position: -180px top; } #haut #menu ul#langue_en li#nomMembre_pistes a{ width: 82px; background-position: -275px top; } #haut #menu ul#langue_en li#nomMembre_memberships a{ width: 134px; background-position: -357px top; } #haut #menu ul#langue_en li#nomMembre_media a{ width: 140px; background-position: -491px top; } #haut #menu ul#langue_en li#nomMembre_membre a{ width: 134px; background-position: -631px top; } #haut #menu ul#langue_en li#nomMembre_espace_right{ width: 179px; background-position: -765px top; } #haut #menu ul#langue_en li#nomMembre_leclub a:hover{ width: 95px; background-position: -180px -52px; } #haut #menu ul#langue_en li#nomMembre_pistes a:hover{ width: 82px; background-position: -275px -52px; } #haut #menu ul#langue_en li#nomMembre_memberships a:hover{ width: 134px; background-position: -357px -52px; } #haut #menu ul#langue_en li#nomMembre_media a:hover{ width: 140px; background-position: -491px -52px; } #haut #menu ul#langue_en li#nomMembre_membre a:hover{ width: 134px; background-position: -631px -52px; } #haut #menu ul#langue_en li#nomMembre_leclub a.actif{ width: 95px; background-position: -180px bottom; } #haut #menu ul#langue_en li#nomMembre_pistes a.actif{ width: 82px; background-position: -275px bottom; } #haut #menu ul#langue_en li#nomMembre_memberships a.actif{ width: 134px; background-position: -357px bottom; } #haut #menu ul#langue_en li#nomMembre_media a.actif{ width: 140px; background-position: -491px bottom; } #haut #menu ul#langue_en li#nomMembre_membre a.actif{ width: 134px; background-position: -631px bottom; } /* MENU MEMBRES */ #haut #menu ul#langue_en li.membre a{ background: url(Gx/M/menu_membre_en.gif) no-repeat left top; } #haut #menu ul#langue_en li#membre_espace_left{ width: 75px; background-position: 0px top; } #haut #menu ul#langue_en li#membre_leclub a{ width: 82px; background-position: -75px top; } #haut #menu ul#langue_en li#membre_pistes a{ width: 71px; background-position: -157px top; } #haut #menu ul#langue_en li#membre_evenements a{ width: 69px; background-position: -228px top; } #haut #menu ul#langue_en li#membre_nouvelles a{ width: 130px; background-position: -297px top; } #haut #menu ul#langue_en li#membre_memberships a{ width: 115px; background-position: -427px top; } #haut #menu ul#langue_en li#membre_media a{ width: 120px; background-position: -542px top; } #haut #menu ul#langue_en li#membre_boiteoutils a{ width: 93px; background-position: -662px top; } #haut #menu ul#langue_en li#membre_membre a{ width: 116px; background-position: -755px top; } #haut #menu ul#langue_en li#membre_espace_right{ width: 73px; background-position: -871px top; } #haut #menu ul#langue_en li#membre_leclub a:hover{ width: 82px; background-position: -75px -52px; } #haut #menu ul#langue_en li#membre_pistes a:hover{ width: 71px; background-position: -157px -52px; } #haut #menu ul#langue_en li#membre_evenements a:hover{ width: 69px; background-position: -228px -52px; } #haut #menu ul#langue_en li#membre_nouvelles a:hover{ width: 130px; background-position: -297px -52px; } #haut #menu ul#langue_en li#membre_memberships a:hover{ width: 115px; background-position: -427px -52px; } #haut #menu ul#langue_en li#membre_media a:hover{ width: 120px; background-position: -542px -52px; } #haut #menu ul#langue_en li#membre_boiteoutils a:hover{ width: 93px; background-position: -662px -52px; } #haut #menu ul#langue_en li#membre_membre a:hover{ width: 116px; background-position: -755px -52px; } #haut #menu ul#langue_en li#membre_leclub a.actif{ width: 82px; background-position: -75px bottom; } #haut #menu ul#langue_en li#membre_pistes a.actif{ width: 71px; background-position: -157px bottom; } #haut #menu ul#langue_en li#membre_evenements a.actif{ width: 69px; background-position: -228px bottom; } #haut #menu ul#langue_en li#membre_nouvelles a.actif{ width: 130px; background-position: -297px bottom; } #haut #menu ul#langue_en li#membre_memberships a.actif{ width: 115px; background-position: -427px bottom; } #haut #menu ul#langue_en li#membre_media a.actif{ width: 120px; background-position: -542px bottom; } #haut #menu ul#langue_en li#membre_boiteoutils a.actif{ width: 93px; background-position: -662px bottom; } #haut #menu ul#langue_en li#membre_membre a.actif{ width: 116px; background-position: -755px bottom; } ul.menuSousPage{ margin: 0; padding: 0; } ul.menuSousPage li{ margin: 0 0 20px 0; padding: 0 0 0 18px; list-style-type: none; background: url(Gx/puce_icar.gif) no-repeat; width: 500px; } ul.menuSousPage li a{ display: block; text-decoration: none; width: 500px; color: white; outline: none; } ul.menuSousPage li a:hover{ color: #FF0D01; } ul.menuSousPage li a:hover h2{ text-decoration: underline; color: #FF0D01; } ul.menuSousPage li a h2{ margin: 0 0 3px 0; padding: 0; font-size: 16px; } ul.menuSousPage li a p{ margin: 0; padding: 0; font-size: 11px; line-height: 12px; } ul.menuSousPage li ul{ margin: 20px 0 0 10px; } a.btnRetourTop{ display: block; color: #FF0D01; font-weight: bold; text-decoration: none; position: relative; top: -10px; outline: none; } a.btnRetourTop:hover{ text-decoration: underline; } /* CONTENUE --------------------------------------------------------------------------------------- */ #contenu{ width: 944px; margin-left: 11px; background: white; } #contenu #collLeft{ width: 685px; float: left; padding: 15px 30px 30px 30px; overflow: hidden; } #contenu #collRight{ width: 199px; float: left; } /* Galerie Media --------------------------------------------------------------------------------------- */ #collecturevideo{ padding: 20px 20px 0 20px; float: left; } #collistevideo{ padding-top: 20px; float: left; width: 400px; } #collistevideo a{text-decoration: none;color: #000;} #collistevideo a strong{color: #000;} #collistevideo a img{display: block;float: left;margin-right: 10px;} .descriptionVideoOff, .CatVideoOff{ display: none; } .boutonajouter{margin-left: 20px;} div.boiteGalerie{ width: 704px; height: 167px; background: url(Gx/carousel_background.gif) no-repeat; position: relative; top: -5px; } div.boiteGalerie div.carousel div.carousel-control{ width: 52px; height: 167px; float: left; cursor: pointer; } div.boiteGalerie div.carousel div.carousel-control span{ display: none; } div.boiteGalerie div.carousel div.carousel-previous{ background: url(Gx/carousel_btn_gauche.gif) no-repeat 15px 54px; } div.boiteGalerie div.carousel div.carousel-next{ background: url(Gx/carousel_btn_droite.gif) no-repeat 4px 54px; } div.boiteGalerie div.carousel div.carousel-wrap{ width: 600px; height: 137px; float: left; margin-top: 15px; } div.boiteGalerie div.carousel ul{ width: 600px; height: 137px; margin: 0; padding: 0; } div.boiteGalerie div.carousel ul li{ width: 200px; height: 137px; float: left; margin: 0; padding: 0; list-style-type: none; background: none; } div.boiteGalerie div.carousel ul li a{ width: 190px; height: 133px; margin: 0 0 0 4px; padding: 3px 0 0 0; border: 1px #282828 solid; display: block; background: black; cursor: pointer; } div.boiteGalerie div.carousel div.carousel-control:hover{ -moz-opacity:.6;opacity:0.60;filter:alpha(opacity=60); } div.boiteGalerie div.carousel div.carousel-control.disabled, div.boiteGalerie div.carousel div.carousel-control.disabled:hover{ -moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default; } /* PAGE ACCUEIL --------------------------------------------------------------------------------------- */ #loginMembre{ width: 186px; height: 428px; background: url(Gx/01/bg_login_fr.jpg) no-repeat; position: relative; } #loginMembre #login{ width: 130px; height: 18px; border: 1px #c3c3c3 solid; position: absolute; left: 13px; top: 337px; padding: 3px 5px 0 5px; font: 11px Arial, Helvetica, sans-serif; color: black; } #loginMembre #password{ width: 130px; height: 18px; border: 1px #c3c3c3 solid; position: absolute; left: 13px; top: 366px; padding: 3px 5px 0 5px; font: 11px Arial, Helvetica, sans-serif; color: black; } #loginMembre #getpassword{position: absolute; left: 13px; top: 376px; padding: 3px 5px 0 5px; font: 11px Arial, Helvetica, sans-serif; color: white; } #loginMembre #btnSubmit{ position: absolute; left: 13px; top: 395px; } #langue_fr #loginMembre{ background: url(Gx/01/bg_login_fr.jpg) no-repeat; } #langue_en #loginMembre{ background: url(Gx/01/bg_login_en.jpg) no-repeat; } #membreLoger{ width: 186px; height: 235px; background: url(Gx/01/bg_login.jpg) no-repeat; position: relative; } #membreLogerInfo{ font-size: 12px; font-weight: bold; padding-top: 10px; padding-left: 4px; } #membreLogerInfo form{ margin-top: 5px; } #langue_fr #membreLoger{ background: url(Gx/01/bg_login_fr.jpg) no-repeat; } #langue_en #membreLoger{ background: url(Gx/01/bg_login_en.jpg) no-repeat; } #lienForfaitMembre{ position: absolute; top: 0; left: 0; width: 186px; height: 235px; display: block; text-decoration: none; } div.collLeft_accueil #boiteLeClub_fr{ width: 548px; height: 198px; display: block; background: url(Gx/01/boite_le_club_fr.jpg) no-repeat left top; margin: 0px 15px 0px 150px; text-decoration: none; } div.collLeft_accueil #boiteLeClub_fr:hover{ background: url(Gx/01/boite_le_club_fr.jpg) no-repeat left bottom; } div.collLeft_accueil #boiteICARTracks_fr{ width: 548px; height: 198px; display: block; background: url(Gx/01/boite_icar_tracks_fr.jpg) no-repeat left top; margin: 16px 15px 0px 150px; text-decoration: none;} div.collLeft_accueil #boiteICARTracks_fr:hover{ background: url(Gx/01/boite_icar_tracks_fr.jpg) no-repeat left bottom; } div.collLeft_accueil #boiteLeClub_en{ width: 548px; height: 198px; display: block; background: url(Gx/01/boite_le_club_en.jpg) no-repeat left top; margin: 0px 15px 0px 150px; text-decoration: none; } div.collLeft_accueil #boiteLeClub_en:hover{ background: url(Gx/01/boite_le_club_en.jpg) no-repeat left bottom; } div.collLeft_accueil #boiteICARTracks_en{ width: 548px; height: 198px; display: block; background: url(Gx/01/boite_icar_tracks_en.jpg) no-repeat left top; margin: 16px 15px 0px 150px; text-decoration: none;} div.collLeft_accueil #boiteICARTracks_en:hover{ background: url(Gx/01/boite_icar_tracks_en.jpg) no-repeat left bottom; } /* PAGE NOUVELLES --------------------------------------------------------------------------------------- */ #list_nouvelles ul{ margin: 0; padding: 0; } #list_nouvelles ul li{ list-style-type: none; margin: 0; padding: 2px 0 10px 0; height: 50px; background: none; } #list_nouvelles ul li div.image{ width: 75px; float: left; } #list_nouvelles ul li div.texte h2.date{ font-size: 11px; margin: 0; padding: 0; line-height: 10px; font-weight: normal; } #list_nouvelles ul li div.texte h3.titre{ font-size: 15px; } #list_nouvelles ul li div.texte p.resume{ font-size: 11px; margin: 0 0 10px 0; padding: 0; line-height: 14px; } #list_nouvelles ul li a.lienBoite{ text-decoration: none; display: block; margin: 0; padding: 0; outline: none; } #list_nouvelles a#autresNouvelles{ font-size: 12px; color: #2487c1; clear: left; text-decoration: none; position: relative; top: -10px; left: 9px; } #list_nouvelles a#autresNouvelles:hover{ text-decoration: underline; } #list_nouvelles p#aucuneNouvelles{ text-align: center; margin-top: 90px; } #detail_nouvelle h1.titreNouvelle{ margin-bottom: 0; } #detail_nouvelle h2.dateNouvelle{ font-size: 11px; margin: 0 0 10px 0; padding: 0; } #detail_nouvelle a.btnRetour{ clear: both; display: block; color: #FF0D01; font: 11px; font-weight: bold; text-decoration: none; } #detail_nouvelle a.btnRetour:hover{ text-decoration: underline; } /* PAGE EVENEMENTS --------------------------------------------------------------------------------------- */ #listEvenement ul{ margin: 0; padding: 0; } #listEvenement ul li{ list-style-type: none; margin: 0; padding: 2px 0 10px 0; background: none; } #listEvenement ul li a {text-decoration:none;} #listEvenement ul li h3.date{ font-size: 11px; margin: 0; padding: 0; line-height: 10px; font-weight: normal; } #listEvenement ul li h2.titre{ font-size: 15px; } #listEvenement ul li p.resume{ font-size: 11px; margin: 0 0 10px 0; padding: 0; line-height: 14px; text-decoration:underline;} #boiteEvent{display:none;} /* PAGE PLAN DU SITE --------------------------------------------------------------------------------------- */ #plansite ul{ list-style-type: none; } #plansite ul li{ margin-bottom: 2px; } /* ICONES GÉNÉRALES --------------------------------------------------------------------------------------- */ /* PIED DE PAGE --------------------------------------------------------------------------------------- */ #piedPage{ padding: 9px 10px 0 0; text-align: right; font: 11px Arial, Helvetica, sans-serif; color: #9d9d9d; margin-bottom: 50px; } #piedPage a{ font: 11px Arial, Helvetica, sans-serif; color: #9d9d9d; text-decoration: none; } #piedPage a:hover{ text-decoration: underline; } #zoneMembres a{font-weight:bold;float:left; padding-left:15px;} /* Partager cette page (bookmarker) */ #socialBookmarker {float:right;} #socialBookmarkerPrefix {float:left;cursor:default;} .bookmarkIconesVisibles {float:left;margin-left:2px;} #bookmarkHoverPopup { position:absolute; border:solid 1px; background-color:white; text-align:left; padding:4px; width:315px; display:none; } #bookmarkHoverPopup .bookmarkHoverPopupItems{ float:left; width:150px; height:25px; margin-right:4px; } #bookmarkHoverPopup .bookmarkHoverPopupItems a{ line-height:25px; height:25px; } #bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{ border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; border: 1px solid #fff; } #bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{ text-decoration: none; color:#333333; border: 1px solid #666; width:150px; height:25px; display:block; background-color:#eee; padding-left:2px; } /* FORMULAIRES --------------------------------------------------------------------------------------- */ fieldset{border: none; font-size: 11px; margin-bottom:10px; padding:5px;} fieldset legend{border: none; color:#000; font-size:14px; font-weight:bold; padding:3px;} fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;} /* Formulaire contact */ #formulaireQuestion fieldset label{float:left;width:150px;} #formulaireQuestion .champTexte{float:left;width:300px;} #formulaireQuestion .listeDeroulante{float:left;width:300px;} #formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;} .champTexte{ background: #dedede; border: 1px solid #8a8987; color: #000; font-size: 11px; margin:2px 0 2px 0; } .listeDeroulante{ background: #dedede; border: 1px solid #8a8987; color: #000; font-size: 11px; margin:2px 0 2px 0; } .boiteTexte{ background: #dedede; border: 1px solid #8a8987; color: #000; font-family: Arial; font-size: 11px; margin:2px 0 2px 0; } .bouton, .boutonterminer{ background-color: #ee5f00; color: #fff; font-family: Arial; font-size: 13px; font-weight: bold; } .champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */ .erreur{color:#FF0000;} #formulairevideo{padding: 20px 0 0 20px;} /* CALENDRIER --------------------------------------------------------------------------------------- */ #calendrier {background:#fff; overflow:hidden; float:right; margin:0; padding-top:2px;} .calendar { position:relative; min-height:0px; margin:0; padding-top:30px; _padding:30px 0 0 13px; clear:both;} *html .calendar { margin:0; height:200px; clear:both;float:right;} .legende{float:left; width:25px; height:25px;} /* (Calendrier d'événements calendrierEvenement.js) */ div#CalendrierEvenement { float:left; font-size:12px; padding:0 0 0 0; } *html div#CalendrierEvenement { float:left; font-size:12px; } #CalendrierEContent, #Calendrier { position:relative; } #CalendrierEvenement #CalendrierEvenement{border-left: 1px red solid; margin:2px 0 0 0px;} /* Titre à l'intérieur du calendrier */ div#CalendrierEvenement .header { height:30px; margin:0px; padding:0px; } /* control (flèches) droite et gauche */ div#CalendrierEvenement .controls { width:265px; height:20px; text-align:right; line-height:23px; background: #fff; text-transform:uppercase; padding:0; margin:0; position:absolute; left:0px; top:0px;} div#CalendrierEvenement .btn_gauche { float:left; border-top:5px solid #fff; } div#CalendrierEvenement .btn_droit { float:right; border-top:5px solid #fff; } div#CalendrierEvenement input { outline:none;} /* Jour de la semaine */ div#CalendrierEvenement div.weekdays div { color: #FFF; background-color:#000; font-size:12px; margin:0px; padding-left:1px; _padding:-20px;border-bottom: 1px solid #ee3224;border-top: 1px solid #ee3224;} *html div#CalendrierEvenement div.days { position:absolute; left:-269px; top:17px; width:276px; z-index:9998;} div#CalendrierEvenement div.days div {color:#666; font-weight:bold; width:35px; height:34px; line-height:18px; text-align:right; padding:1px 0px 0 16px; border-bottom: 1px solid #ee3224; border-right: 1px solid #ee3224;} div#CalendrierEvenement div.days div a, div#CalendrierEvenement div.days a:visited { height:30px; margin:0px; color:#313030; font-weight:bold; display:block; text-decoration:none; cursor:pointer;} div#CalendrierEvenement div.days div.dayEvent {background:url(Gx/03/fondEvenement.gif) no-repeat 2px 2px;} /* pop up des nouvelles/evenements lors du rollover sur la date en question */ div#CalendrierEvenement div.days div ul { position:absolute; left:0; display:none; border:1px solid #9a9b9c; width:261px; font-weight:normal; background:#F9F9F9; color:#000000; margin:0px; padding:5px; z-index:100; } div#CalendrierEvenement div.days div ul li { font-size:12px; color:#FF0000; list-style-type:square; margin:3px 16px; text-align:left; } div#CalendrierEvenement div.days div ul li a, div#CalendrierEvenement div.days ul li a:link, div#CalendrierEvenement div.days ul li a:visited { display:inline; color:#313030; font-weight:bold; padding:0px; margin:0px; text-indent:0; background:none; } div#CalendrierEvenement div.days a:hover { text-decoration:underline; } div#CalendrierEvenement div.days div { margin:-1px 0 0 0px; } /* La date d'aujourdhui */ div#CalendrierEvenement div.days div.today { color:#ee3224; width:35px; height:33px; margin:0; padding:1px 0px 0 16px; border-bottom: 1px solid #ee3224; border-right: 1px solid #ee3224; } div#CalendrierEvenement div.days div.evenementCourant {background:url(Gx/03/fondEvenementEnCours.jpg) no-repeat 0px 0px; color:#ee3224;}