/*************************************************************/ /***** Bloc Mini général *************************************/ /*************************************************************/ .blocInfoMini {position:relative; background-image:url(../images/blocs/separation.gif); background-repeat:repeat-y; margin-bottom:38px; padding:1px 0; clear:both} .blocInfoMini a.lienEditAdmin {position:absolute; top:3px; right:0; filter:alpha(opacity=10); -moz-opacity:0.1; opacity: 0.1;} .blocInfoMini a.lienEditAdmin:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} .blocInfoMini .colonneGauche {position:relative; width:188px; float:left; text-align:center; margin-bottom:-16px; z-index:0} .blocInfoMini .ensembleVilles {display:block; position:absolute; top:4px; left:173px; text-align:right; height:16px; z-index:10} .blocInfoMini .ensembleVilles img {cursor:pointer} .blocInfoMini .ensembleVilles .cadreVilles {display:block; position:absolute; top:15px; left:-177px; width:190px; border:1px solid #CF3131; background-color:#FFFFFF; text-align:left; padding-bottom:2px; margin-bottom:2px!important} .blocInfoMini .ensembleVilles .cadreVilles .libelle {display:block; font-weight:bold; background-color:#CF3131; color:#FFF; padding:1px 3px 2px; margin-bottom:3px; cursor:default} .blocInfoMini .ensembleVilles .cadreVilles .sousVille {display:block; font-size:9px; font-family:Verdana, Geneva, sans-serif; line-height:11px; padding:1px 3px} .blocInfoMini .colonneGauche .ville {padding: 3px 3px 3px 17px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; text-transform:uppercase} .blocInfoMini .colonneGauche .theme {background-repeat:no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:9px; padding: 0px 3px 8px 17px} .blocInfoMini .colonneGauche .dates {margin:-3px 0 3px 0; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:11px} .blocInfoMini .colonneGauche .distance {color:#666; margin:-2px 0 2px; cursor:default} .blocInfoMini .colonneGauche .distance a {color:#666} .blocInfoMini .colonneGauche .distance a:hover {text-decoration:none} .blocInfoMini .colonneGauche .infos {padding:0 3px 0 0px} .blocInfoMini .colonneGauche .infos p {margin-bottom:3px;} .blocInfoMini .colonneGauche .type {font-style:italic; color:#666} .blocInfoMini .colonneDroite {float:left; width:393px; padding-left:11px} .blocInfoMini .colonneDroite h1.titre {color:#000000; font-family:geneva,verdana,arial,sans; padding:2px 0 4px 0; font-size:13px; font-weight:bold; margin-bottom:0; line-height:16px} .blocInfoMini .colonneDroite .description {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; color:#343434; line-height:1.5em} .blocInfoMini .colonneDroite .pays_carte {float:left; margin:1px 6px 0 0} .blocInfoMini .colonneDroite .photo_description {float:right; margin:0 0 1px 4px} .blocInfoMini .footer {clear:both} .blocInfoMini .footer .outils {padding: 5px 0 0 199px; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:9px; color:#343434;} /*************************************************************/ /***** Bloc Mini Vert ****************************************/ /*************************************************************/ .blocInfoMiniVert .colonneGauche .theme {background-image:url(../images/blocs/vert_barretheme.png); color:#759E05} .blocInfoMiniVert .footer .outils {color:#759E05} .blocInfoMiniVert .footer .outils a {color:#759E05} .blocInfoMiniVert .ensembleVilles .cadreVilles {border-color:#759E05} .blocInfoMiniVert .ensembleVilles .cadreVilles .libelle {background-color:#759E05} /*************************************************************/ /***** Bloc Mini Rouge ***************************************/ /*************************************************************/ .blocInfoMiniRouge .colonneGauche .theme {background-image:url(../images/blocs/rouge_barretheme.png); color:#cf3131} .blocInfoMiniRouge .footer .outils {color:#cf3131} .blocInfoMiniRouge .footer .outils a {color:#cf3131} .blocInfoMiniRouge .ensembleVilles .cadreVilles {border-color:#cf3131} .blocInfoMiniRouge .ensembleVilles .cadreVilles .libelle {background-color:#cf3131} /*************************************************************/ /***** Bloc Mini Bleu ****************************************/ /*************************************************************/ .blocInfoMiniBleu .colonneGauche .theme {background-image:url(../images/blocs/bleu_barretheme.png); color:#0080c3} .blocInfoMiniBleu .footer .outils {color:#0080c3} .blocInfoMiniBleu .footer .outils a {color:#0080c3} .blocInfoMiniBleu .ensembleVilles .cadreVilles {border-color:#0080c3} .blocInfoMiniBleu .ensembleVilles .cadreVilles .libelle {background-color:#0080c3} .blocInfoMiniBleu .colonneGauche .dates {color:#269eDf} /*_______________________________________________________________________________________________ /*__________ FICHE ______________________________________________________________________________ /*_____________________________________________________________________________________________*/ /*************************************************************/ /***** Bloc Fiche général ************************************/ /*************************************************************/ .demonstration {color:#999; font-style:italic; text-align:center; padding:3px 0; border:1px dashed #999; border-left:none; border-right:none; margin-bottom:6px; background-color:#FFF} .perime {color:#C00; font-style:normal; font-family:Verdana, Geneva, sans-serif; text-align:center; padding:3px 0; background-color:#EEE; border:1px dashed #C00; border-left:none; border-right:none; margin-bottom:9px} .blocInfoFiche {position:relative; background-image:url(../images/blocs/separation.gif); background-repeat:repeat-y; margin-bottom:38px; padding:1px 0} .blocInfoFiche a.lienEditAdmin {position:absolute; top:3px; right:0; filter:alpha(opacity=10); -moz-opacity:0.1; opacity: 0.1;} .blocInfoFiche a.lienEditAdmin:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} .blocInfoFiche .colonneGauche {position:relative; width:188px; float:left; text-align:center; margin-bottom:-16px} .blocInfoFiche .colonneGauche .ville {padding: 3px 3px 3px 17px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; text-transform:uppercase} .blocInfoFiche .colonneGauche .theme {background-repeat:no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:9px; padding: 0px 3px 8px 17px} .blocInfoFiche .colonneGauche .dates {margin:-3px 0 3px 0; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:11px} .blocInfoFiche .colonneGauche .distance {color:#666; margin:-2px 0 2px; padding:0 3px 0 17px; cursor:default} .blocInfoFiche .colonneGauche .distance a {color:#666} .blocInfoFiche .colonneGauche .distance a:hover {text-decoration:none} .blocInfoFiche .colonneGauche .infos {padding:0 3px 0 17px} .blocInfoFiche .colonneGauche .infos p {margin-bottom:3px} .blocInfoFiche .colonneGauche .infos .pays_nom {margin:6px 0 18px -14px; color:#630} .blocInfoFiche .colonneGauche .infos .pays_carte {margin-top:35px} .blocInfoFiche .colonneGauche .pays_carte {margin-left: -6px} .blocInfoFiche .colonneGauche .ign {margin: 12px 4px 12px 0; border:1px solid #DDD; font-family:Verdana, Geneva, sans-serif; font-size:9px} .blocInfoFiche .colonneGauche .ign .titre {float:left; line-height:15px; color:#62B4F3; font-weight:bold; padding:0 4px} .blocInfoFiche .colonneGauche .ign .carte {margin-left:66px; line-height:15px; background-color:#FFF; color:#000; border-left:1px solid #72C4F3} .blocInfoFiche .colonneGauche .notreAvis {display:block; position:relative; margin:12px 4px 12px 0; background-color:#0090C3; color:#FFF; line-height:15px; font-family:Verdana, Geneva, sans-serif; font-size:9px} .blocInfoFiche .colonneGauche .notreAvis a {cursor:default; font-weight:bold; display:block;} .blocInfoFiche .colonneGauche .notreAvis span {display:none; background-color:#FFF; margin:0 1px; color:#BBB; font-weight:normal} .blocInfoFiche .colonneGauche .notreAvis span.actif {color:#0090C3; font-weight:bold; font-size:1.1em; background-image:url(../images/blocs/notre_avis_fond.png); background-repeat:no-repeat; background-position:center center} .blocInfoFiche .colonneGauche .notreAvis a:hover {text-decoration:none; padding-bottom:1px} .blocInfoFiche .colonneGauche .notreAvis a:hover span {display:block;} /*.blocInfoFiche .ensembleVilles {display:block; position:absolute; top:4px; left:173px; text-align:right; z-index:1000} .blocInfoFiche .ensembleVilles img {cursor:pointer} .blocInfoFiche .ensembleVilles .cadreVilles {display:block; border:1px solid #CF3131; background-color:#FFFFFF; text-align:left; padding-bottom:2px; margin-bottom:2px!important; width:190px} .blocInfoFiche .ensembleVilles .cadreVilles .libelle {display:block; font-weight:bold; background-color:#CF3131; color:#FFF; padding:1px 3px 2px; margin-bottom:3px; cursor:default} .blocInfoFiche .ensembleVilles .cadreVilles .sousVille {display:block; font-size:9px; font-family:Verdana, Geneva, sans-serif; line-height:11px; padding:1px 3px}*/ .blocInfoFiche .ensembleVilles {display:block; position:absolute; top:4px; left:173px; text-align:right; height:16px; z-index:1000} .blocInfoFiche .ensembleVilles img {cursor:pointer} .blocInfoFiche .ensembleVilles .cadreVilles {display:block; position:absolute; top:15px; left:-177px; width:190px; border:1px solid #CF3131; background-color:#FFFFFF; text-align:left; padding-bottom:2px; margin-bottom:2px!important} .blocInfoFiche .ensembleVilles .cadreVilles .libelle {display:block; font-weight:bold; background-color:#CF3131; color:#FFF; padding:1px 3px 2px; margin-bottom:3px; cursor:default} .blocInfoFiche .ensembleVilles .cadreVilles .sousVille {display:block; font-size:9px; font-family:Verdana, Geneva, sans-serif; line-height:11px; padding:1px 3px} .blocInfoFiche .colonneDroite {float:left; width:393px; padding-left:11px} .blocInfoFiche .colonneDroite h1 {color:#000000; clear:both; font-family:geneva,verdana,arial,sans; padding:2px 0 5px 0; font-size:13px; font-weight:bold; margin-bottom:14px} .blocInfoFiche .colonneDroite h2 {color:#000000; clear:both; font-family:geneva,verdana,arial,sans; padding:40px 0 4px 0; font-size:12px; font-weight:bold; margin-bottom:4px; line-height:16px; text-decoration:underline} .blocInfoFiche .colonneDroite .ouvertures h2, .blocInfoFiche .colonneDroite .liens h2 {color:#000000; padding-top:20px} .blocInfoFiche .colonneDroite .description {font-family:Geneva,Verdana,Helvetica,Arial,sans-serif; font-size:10px; color:#343434; line-height:1.5em; padding-bottom:25px} .blocInfoFiche .colonneDroite .description ul {margin:3px 0} .blocInfoFiche .colonneDroite .description li {padding:3px 0 3px 17px; background-image:url(../images/puce.gif); background-repeat:no-repeat; background-position:8px 10px} .blocInfoFiche .colonneDroite .description .liste_2cols li {display:block; float:left; width:178px; } .blocInfoFiche .colonneDroite .description .aNoter {display:block; position:relative; margin:24px 0; padding:4px 10px 7px; color:#954584; font-weight:bold; border:1px solid #954584; border-left:none; border-right:none; *border-top:3px solid;} .blocInfoFiche .colonneDroite .photo_description {float:right; margin:0 0 1px 4px} .blocInfoFiche .colonneDroite .galeriePhotos a {display:block; position:relative; float:left; width:120px; height:90px; margin:0 10px 10px 0} .blocInfoFiche .colonneDroite .galeriePhotos a img {/*display:block; position:absolute; clip:rect(0px, 120px, 90px, 0px); top:0; left:0*/} .blocInfoFiche .colonneGauche .type {font-style:italic; color:#666} .blocInfoFiche .colonneDroite div.ouvertures {margin-top:12px; padding:0 0 0 53px; background-image:url(../images/blocs/ouvertures_fond.jpg); background-repeat:no-repeat; background-position:6px 21px; min-height:67px} .blocInfoFiche .colonneDroite div.contact_mail {margin:20px 0 10px; padding:9px 0 0 53px; background-image:url(../images/mail.png); background-repeat:no-repeat; background-position:9px 3px; min-height:28px} .blocInfoFiche .colonneDroite div.contact_mail a {color:#666} .blocInfoFiche .colonneDroite div.liens {margin-top:12px; padding:0 0 0 53px; background-image:url(../images/blocs/liens_fond.jpg); background-repeat:no-repeat; background-position:6px 21px; min-height:67px} .blocInfoFiche .colonneDroite div.liens a {display:block; color:#666; padding:0 0 3px 6px} .blocInfoFiche .footer {clear:both} .blocInfoFiche .footer .outils {padding: 5px 0 0 199px; font-family:Geneva,Verdana,Helvetica,Arial,sans-serif; font-size:10px; color:#343434;} /*************************************************************/ /***** Bloc Fiche Vert ***************************************/ /*************************************************************/ .blocInfoFicheVert .colonneGauche .theme {background-image:url(../images/blocs/vert_barretheme.png); color:#759E05} .blocInfoFicheVert .footer .outils {color:#759E05} .blocInfoFicheVert .footer .outils a {color:#759E05} .blocInfoFicheVert .ensembleVilles .cadreVilles {border-color:#759E05} .blocInfoFicheVert .ensembleVilles .cadreVilles .libelle {background-color:#759E05} /*************************************************************/ /***** Bloc Fiche Rouge ***************************************/ /*************************************************************/ .blocInfoFicheRouge .colonneGauche .theme {background-image:url(../images/blocs/rouge_barretheme.png); color:#cf3131} .blocInfoFicheRouge .footer .outils {color:#cf3131} .blocInfoFicheRouge .footer .outils a {color:#cf3131} /*************************************************************/ /***** Bloc Fiche Bleu ***************************************/ /*************************************************************/ .blocInfoFicheBleu .colonneGauche .theme {background-image:url(../images/blocs/bleu_barretheme.png); color:#0080c3} .blocInfoFicheBleu .footer .outils {color:#0080c3} .blocInfoFicheBleu .footer .outils a {color:#0080c3} .blocInfoFicheBleu .ensembleVilles .cadreVilles {border-color:#0080c3} .blocInfoFicheBleu .ensembleVilles .cadreVilles .libelle {background-color:#0080c3} .blocInfoFicheBleu .colonneGauche .dates {color:#269eDf} /*************************************************************/ /***** Bloc Têtes d'affiche **********************************/ /*************************************************************/ div.info_tetedaffiche {position:relative; float:left; width:140px; height:340px; margin:0 4px 16px; text-align:center} div.info_tetedaffiche a {text-decoration:none; color:#333; width:136px; height:300px} div.info_tetedaffiche a:hover {position:absolute; top:-6px; left:0px} div.info_tetedaffiche a img {background-color:#CCC} div.info_tetedaffiche a .titre {display:block; font-weight:bold; margin-bottom:2px} div.info_tetedaffiche a .lieu {color:#630; margin-bottom:2px} div.info_tetedaffiche a .date {color:#269EDF} /*************************************************************/ /***** Blocs Mini ********************************************/ /*************************************************************/ .blocMini .ligneInfoAccueil {margin-bottom:4px} .blocMini .sortirfeter h1, .blocMini .sortirfeter a.lientheme, .blocMini .sortirfeter .ligne2 a.theme {color:#007BC2} .blocMini .partagerdesplaisirs h1, .blocMini .partagerdesplaisirs a.lientheme, .blocMini .partagerdesplaisirs .ligne2 a.theme {color:#CF3131} .blocMini .decouvrirdeslieux h1, .blocMini .decouvrirdeslieux a.lientheme, .blocMini .decouvrirdeslieux .ligne2 a.theme {color:#759E05} .blocMini .etrebienaccueilli h1, .blocMini .etrebienaccueilli a.lientheme, .blocMini .etrebienaccueilli .ligne2 a.theme {color:#b8b847} .blocMini div {margin-left:8px} .blocMini a.lientheme {display:block; position:relative; float:right; font-size:10px} .blocMini h2 {display:block; height:12px; overflow:hidden} .blocMini h2, .blocMini h2 a {font-family:geneva,verdana,arial,sans; padding:1px 0 0px 0; font-size:10px; font-weight:bold; margin-bottom:0; line-height:11px; color:#333} .blocMini h2 .ville {font-size:10px; color:#999; font-weight:normal} .blocMini .ligne2 a.theme {font-style:italic; font-size:10px} .blocMini .separateur_pays {position:relative; margin:16px 0 6px 4px; color:#630; font-weight:bold; border-bottom:1px solid #DDDDDD; padding-bottom:3px;} .blocMini .separateur_pays a {font-weight:normal; color:#AAA; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:9px; position:absolute; right:0; bottom:2px} .blocMini .separateur_pays a:hover {text-decoration:none; color:#777} .ligneInfoAccueil div.ensembleVilles {display:inline; position:relative; margin:0px!important} .ligneInfoAccueil a.TipsVilles {position:absolute; top:1px; left:3px; padding:0; line-height:normal} .ligneInfoAccueil .ensembleVilles img {display:block; margin:0; padding:0; font-size:1px; border:0; line-height:0; width:11px; height:12px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}