body{background-color:#F6F6F6;padding:0;margin:0;color: #1f1f1f;font-family: arial;font-size: 13px; position: relative; min-width: 1000px;} h1 {padding:0px; margin:0px; clear:both; font-size: 19px; font-family: helvetica; font-weight: bold; margin-bottom: 22px; color: #323131;} .clear {clear: both; height: 1px;} .clear2 {clear: both; height: 20px;} .slide {position: absolute; top: 0; left: 0; width: 275px; height: 177px; background-color: white;} .pointer{cursor:pointer;} #en_tete{z-index: 10; height:144px;margin:auto;background-image:url("/img/entete.png");background-repeat:repeat-x;position:relative;font-family:Arial;font-size:13px;min-width: 1000px;} #page{z-index: 1; width: 1000px; margin: auto; margin-top: -9px; min-height: 850px; position: relative; background-color: white; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;} #content {padding: 0 20px; position: relative;} #pub{margin-left:60px;border-width:4px;border-color:black;border-style:solid;} .img-pub{border:none;} #en_tete_contenu {width: 1001px; height: 144px; margin: auto; position: relative; background-image:url("/img/entete-contenu.png");background-repeat:repeat-x;} #logo_planete {background-image: url("/img/logo-planete.png"); width: 143px; height: 161px; cursor: pointer; position: absolute; top: 0; left: -60px;} #logo_texte {background-image: url("/img/logo-texte.png"); width: 339px; height: 59px; cursor: pointer; position: absolute; top: 32px; left: 90px;} #en_tete_link {float: right; color: white; font-size: 12px; line-height: 20px; margin-right: 10px;} #en_tete_link a {color: white; text-decoration: none;} #en_tete_link a:hover {text-decoration: underline;} #en_tete_reseaux {position: absolute; right: 210px; top: 65px;} #en_tete_reseaux a {display: block; float: left; margin-right: 8px; width: 27px; height: 27px; background-position: 0 0;} #en_tete_reseaux a:hover {background-position: 0 -27px;} #en_tete_reseaux a.facebook {background-image: url("/img/facebook.png"); background-repeat: no-repeat;} #en_tete_reseaux a.twitter {background-image: url("/img/twitter.png"); background-repeat: no-repeat;} #en_tete_reseaux a.youtube {background-image: url("/img/youtube.png"); background-repeat: no-repeat;} #en_tete_newsletter {position: absolute; top: 31px; right: 10px;} #en_tete_newsletter input[type="text"] {background-color: #f3f4f4; border: 1px solid #f3f4f4; width: 168px; height: 18px; line-height: 18px; padding: 4px 10px; font-size: 12px; color: #555555; margin-left: 2px;} #en_tete_newsletter .bouton {padding: 0; margin: 0; border: none; background-color: white; background-image: url("/img/bouton-newsletter.png"); background-repeat: no-repeat; display: block; width: 192px; height: 37px; background-position: 0 0; line-height: 37px; color: white; text-decoration: none; font-weight: bold; padding-left: 46px; font-size: 14px; cursor: pointer;} #en_tete_newsletter .bouton:hover {background-position: 0 -37px;} .col_gauche{float: left; min-height: 1000px; margin-bottom: 60px; width: 610px; padding-top: 22px;} .col_gauche_annonce {width: 615px;} .col_droite {float: right; width: 300px; padding-bottom: 10px; margin-bottom: 30px; padding-top: 22px;} .col_gauche h1.t_annonce {text-align: center; color: #232323; font-family: arial; font-size: 18px; margin: 0; margin-bottom: 25px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 8px 0 8px 0; background-color: #f3f3f3;} .col_gauche h1.titre {text-align: center; color: #232323; font-family: arial; font-size: 18px; margin: 0; margin-bottom: 25px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 8px 0 8px 0; background-color: #f3f3f3;} #page_guide.col_gauche p {line-height: 18px;} #page_accueil {padding-top: 5px;} #page_accueil table {border-collapse: collapse; margin: auto;} .desc_accueil {color: white; padding: 10px; padding-right: 35px; font-size: 13px; cursor: pointer;} .titre_accueil {font-weight: bold; font-size: 16px;} .titre_accueil2 {font-weight: bold; font-size: 16px; margin-bottom: 10px;} .titre_accueil2 a {text-decoration: none; color: black;} .titre_accueil2 a:hover {text-decoration: underline;} .legende_accueil {background-color: rgba(0, 0, 0, 0.8); position: absolute; bottom: 0; padding: 4px 10px;} .accueil_gauche {float: left; width: 296px; height: 197px; color: white; cursor: pointer; position: relative; font-family: arial;} .accueil_droit {float: left; padding-left: 25px; width: 635px; font-size: 13px; position: relative; height: 197px;} .accueil_table {border-collapse: collapse; margin-left: 0; font-size: 12px; margin-top: 30px; position: absolute; bottom: 0; left: 25px;} .accueil_col {width: 301px; padding: 5px; padding-top: 5px; padding-left: 10px; border: 1px solid #C3C3C3;} .accueil_droit_hebergement {height: 300px;} .texte_accueil {font-size: 12px;} #photo_diapo {float: left; width: 658px; height: 279px; overflow: hidden;} .photo_ra {background-color: #eee; width: 658px; height: 279px; top: 0; left: 0;} #desc_diapo {float: left; position: relative; height: 256px; width: 260px; background-color: black; font-family: verdana; color: white; font-size: 12px; padding: 10px; padding-top: 13px; background-image: url("/img/fond_cadre_accueil.png"); background-repeat: repeat-x;} #desc_diapo_lien {position: absolute; font-weight: bold; bottom: 68px; right: 10px; font-size: 16px; font-style: italic;} #desc_diapo_lien a {color: white; text-decoration: none;} #desc_diapo_lien a:hover {} #outils_col {height: 47px; width: 320px; margin-top: 5px;} #outils_col .facebook {float: left; width: 143px; height: 20px;} #outils_col .facebook iframe {width: 143px !important;} #outils_col .twitter {float: left; width: 100px; height: 20px;} #outils_col .googleplus {float: left; width: 70px; height: 20px;} #pub_haut {background-color: #1f1f1f; background-image: url('/img/fond-pub.jpg'); background-repeat: repeat-x; border-top: 1px solid #1F1F1F; border-bottom: 1px solid #1F1F1F; max-height: 100px;} #diaporama_haut, #diaporama_haut2 {height: 218px; max-width: 1000px; margin: auto;} #diaporama_haut2 {display: none;} /***************************************************/ /***** Menu principal *****/ /***************************************************/ #menu {position: absolute; top: 104px; right: 0;} #menu ul {list-style: none outside none;margin: 0;padding: 0;} #menu li {float: left;margin: 0;padding: 0;} #menu li a {display: block;height: 29px;font-size: 13px;text-decoration: none;font-weight: bold;color: #1f1f1f;line-height: 29px;padding-right:26px;padding-top: 2px;} #menu li a:hover, #menu li a.active {background-color: #a4cc53;} #menu li a:hover .puce, #menu li a.active .puce {background-color: #1f1f1f;} #menu .puce {width: 12px; height: 12px; background-color: #a4cc53; float: left; margin: 9px 8px;} /***************************************************/ /***** Fenetre de connexion *****/ /***************************************************/ #connexion_fen {margin-top: 4px;} #connexion_fen a {text-decoration: none;color: #4F4F4F;font-size: 11px;} #connexion_fen a:hover {text-decoration: underline;} #connexion_fen input.input_entete {font-family: arial;font-size: 11px;color: #4B4B4B;padding: 3px;} #connexion_fen input.submit_entete {font-family: arial;font-size: 11px;color: #4B4B4B;} #connexion_fen2 {margin-top: 4px; margin-left: 5px;} #connexion_fen2 a {text-decoration: none;color: #4F4F4F;font-size: 12px;} #connexion_fen2 a:hover {text-decoration: underline;} #cadre_newsletter {width: 286px; height: 88px; margin-bottom: 20px; font-family: arial; font-size: 13px; padding: 5px 10px 5px 10px; color: #232323; border: 1px solid #C3C3C3;} #cadre_membre {position: relative; width: 278px; height: 93px; margin-bottom: 20px; font-family: arial; font-size: 13px; padding: 5px 10px 5px 10px; color: #232323; border: 1px solid #C3C3C3;} #cadre_concours {width: 291px; height: 110px; margin-bottom: 20px; font-family: arial; font-size: 13px; padding: 5px 5px 5px 10px; color: #232323; border: 1px solid #C3C3C3;} #cadre_concours2 {width: 291px; height: 175px; margin-bottom: 20px; font-family: arial; font-size: 13px; padding: 5px 5px 5px 10px; color: #232323; border: 1px solid #C3C3C3;} #cadre_article {display: none; font-family: arial; font-size: 13px; width: 278px; height: 233px; padding: 5px 10px 5px 10px; border: 1px solid #C3C3C3;} #cadre_annonce {font-family: arial; font-size: 13px; width: 278px; padding: 5px 10px 5px 10px; border: 1px solid #C3C3C3; margin-top: 20px;} #cadre_annonce .lien-all {text-align: center; display: block; background-color: #F8F8F8; padding: 3px 0; color: #232323; border: 1px solid #C3C3C3; margin: 2px auto; font-size: 12px; width: 200px; font-weight: bold;} #cadre_annonce .lien-all:hover {background-color: #a4cc53; text-decoration: none; border-color: #8AA84C;} .cadre_coupons {position: relative; width: 278px; margin-bottom: 20px; font-size: 13px; padding: 5px 10px 5px 10px; color: #232323; border: 1px solid #C3C3C3;} .cadre_coupons table {border-collapse: collapse;} .cadre_coupons table td {vertical-align: top; font-size: 12px; border-bottom: dashed #CCCCCC 1px; padding: 8px 0;} .cadre_coupons table td a {color: #232323;} .cadre_coupons table td.last {border: none;} .cadre_coupons table td.col1 {width: 76px;} .cadre_coupons table td .titre {font-weight: bold; overflow: hidden; height: 15px; line-height: 15px; margin-bottom: 3px;} .cadre_coupons table td .nom-commerce {font-size: 11px; overflow: hidden; height: 14px; line-height: 14px;} .cadre_coupons .lien-all {text-align: center; display: block; background-color: #F8F8F8; padding: 3px 0; color: #232323; border: 1px solid #C3C3C3; margin: 2px auto; font-size: 12px; width: 180px;} .cadre_coupons .lien-all:hover {background-color: #a4cc53; text-decoration: none; border-color: #8AA84C;} #cadre_concours a, #cadre_concours2 a {text-decoration: none;color: #4F4F4F;font-size: 12px;} #cadre_concours a:hover, #cadre_concours2 a:hover {text-decoration: underline;} #cadre_cinema {width: 305px; font-family: arial; font-size: 13px; margin-top: 20px; border: 1px solid #C3C3C3; padding-bottom: 5px;} #carrousel_film {color: black; margin-left: 10px; margin-right: 15px; margin-top: 5px; color: #434343; font-family: arial; font-size: 11px; position: relative;} #cadre_cinema .lien-all {text-align: center; display: block; background-color: #F8F8F8; padding: 3px 0; color: #232323; border: 1px solid #C3C3C3; margin: 2px auto; font-size: 12px; width: 200px; margin-top: 216px; font-weight: bold;} #cadre_cinema .lien-all:hover {background-color: #a4cc53; text-decoration: none; border-color: #8AA84C;} .barre_laterale {background-image: url('/img/barre_laterale.png'); width: 243px; height: 32px; color: white; line-height: 25px; padding-left: 10px; margin-left: -18px; font-weight: bold; background-repeat: no-repeat;} .lien_cadre_guide {color: #232323; text-decoration: none;} .lien_cadre_guide:hover {text-decoration: underline;} /***************************************************/ /***** Définition des articles *****/ /***************************************************/ .separateur{background-image: url("/img/puce.png"); background-repeat: no-repeat; background-position: 3px 4px; padding:3px; padding-left: 30px; margin:0px; clear:both; font-size: 19px; font-family: helvetica; font-weight: bold; margin-bottom: 22px; color: #323131;} .article1{margin-top:20px;padding-top:1px;margin-left: 6px;} .article1 p:first-letter{font-size:1.3em;font-weight:bold;margin-right:2px;} .article_fond{background-repeat: no-repeat;} .article_fond a{text-decoration:none;color:#414141;font-weight:bold;font-size:12px; font-family: arial;} .article_trait_haut {border: 1px solid #C3C3C3; border-bottom: none; height: 4px; width: 587px; margin-left: 5px;} .article_entete {cursor: pointer; position: relative; height: 31px; width: 599px; padding-left: 15px; line-height: 26px; background-repeat: no-repeat;} .article_entete a {font-family: 'trebuchet ms'; font-size: 15px; color: white; text-decoration: none;} .article_resume {text-align:normal;padding-right:15px;height: 165px;color:#232323; border: 1px solid #C3C3C3; border-top: none; padding-top: 10px; position: relative; width: 562px; margin-left: 5px; padding-left: 10px;} .article_resume a img {border:none;} .article_resume .categorie {font-style: italic; font-family: verdana; font-size: 11px; font-weight: bold; position: absolute; right: 10px; top: -25px; color: rgba(255, 255, 255, 0.5);} .article_photo {float: left; height: 165px; width: 179px; text-align: center;} .article_texte {float: left; width: 363px; margin-left: 20px;} .article_texte p {font-family:Arial, sans-serif;line-height:1.5em;font-size:13px;text-indent:2em;margin-top: 0; padding-top: 5px;} .article_texte a:hover{text-decoration:underline;} .article1 .themes {float: left; margin-left: 20px; width: 363px;} .article1 .themes a {float: left; margin-right: 10px; background: #F8F7F1; border: 1px solid #EBEAE4; color: #666666; padding: .2em .4em; text-decoration: none; font-size: 12px; font-weight: normal; border-radius: 3px; margin-bottom: 5px;} .article1 .themes a:hover {background: #a4cc53; border: 1px solid #bd88fe; padding: .2em .4em; color: #232323; border-color: #8AA84C;} /* Pagination articles */ #pagination {position: relative; margin-top: 15px; padding-right: 40px;} #pagination #table_num_page {margin: auto;} #pagination a {background: #F8F8F8; border: 1px solid #C3C3C3; color: #232323; padding: .2em .4em; text-decoration: none;} #pagination a:hover {background: #a4cc53; border: 1px solid #bd88fe; padding: .2em .4em;} #pagination .select, #pagination #table_num_page2 a:hover {background: #a4cc53; border: 1px solid #bd88fe; font-weight: 700; padding: .2em .4em;} /* Photos des articles */ #div_table_img .photo {width: 33.33%; height: 170px; box-sizing: border-box; float: left; padding: 10px;} #div_table_img .photo a {display: block; height: 150px;} #div_table_img .photo a img {display: block; max-width: 100%; max-height: 100%; border: 2px solid black; padding: 2px; box-sizing: border-box; margin: auto;} .popin_p object {max-width: 100% !important;} .popin_p img {max-width: 100% !important; height: auto !important;} /***************************************************/ /***** Définition du pied de page *****/ /***************************************************/ #pied_de_page {background-color: #1f1f1f; border-top: 35px solid #a4cc53; border-bottom: 6px solid #a4cc53; padding-top: 15px; line-height: 20px; color: white; min-width: 1000px;} #pied_de_page .col {float: left; padding-bottom: 20px;} #pied_de_page .col1 {width: 360px;} #pied_de_page .col2 {width: 300px;} #pied_de_page .col3 {width: 300px;} #pied_de_page .col h2 {color: #a4cc53; font-size: 16px; margin-top: 0;} #pied_de_page_contenu {width: 960px; margin: auto; padding: 0 20px; overflow: hidden;} #pied_de_page a {color: white; text-decoration: none;} #pied_de_page a:hover {text-decoration: underline;} #pied_de_page_bas {line-height: 20px; text-align: center; font-weight: bold; padding: 10px 0 15px 0;} #pied_de_page_bas a {color: #1f1f1f; text-decoration: none;} #pied_de_page_bas a:hover {text-decoration: underline;} #pied_de_page_bas_contenu {width: 1000px; margin: auto;} #pied_de_page_bas .br1 {display: none;} /***************************************************/ /******** Sous menu *********/ /***************************************************/ .item_accueil {display: block;height: 32px;font-family: arial; width: 114px;font-size: 12px;text-decoration: none;font-weight: bold;text-align: center;cursor: pointer; color: #1f1f1f; line-height: 32px; margin-right: 6px;border: 1px solid #C3C3C3;} .item_accueil:hover {background-color: #a4cc53;} #sous_menu_accueil .select {background-color: #a4cc53;} #sous_menu_accueil {list-style-type: none; padding: 0;} #sous_menu_accueil li {float: left; padding-bottom: 10px;} #sous_menu_accueil .two-line {line-height: 15px; padding-top: 2px; height: 30px;} .item_agenda {display: block;height: 32px;font-family: arial; width: 137px;font-size: 12px;text-decoration: none;font-weight: bold;text-align: center;cursor: pointer; color: #1f1f1f; line-height: 32px; margin-right: 13px;border: 1px solid #C3C3C3;} .item_agenda:hover {background-color: #bd0553;color:white;} #sous_menu_agenda .select {background-color: #bd0553;color:white;} #sous_menu_agenda {list-style-type: none; padding: 0;} #sous_menu_agenda li {float: left; padding-bottom: 10px;} #sous_menu_agenda .two-line {line-height: 15px; padding-top: 2px; height: 30px;} .item_guide {display: block;height: 32px;font-family: arial; width: 137px;font-size: 12px;text-decoration: none;font-weight: bold;text-align: center;cursor: pointer; color: #1f1f1f; line-height: 32px; margin-right: 13px;border: 1px solid #C3C3C3;} .item_guide:hover {background-color: #3558ae;color:white;} #sous_menu_guide .select {background-color: #3558ae;color:white;} #sous_menu_guide {list-style-type: none; padding: 0;} #sous_menu_guide li {float: left; padding-bottom: 10px;} #sous_menu_guide .two-line {line-height: 15px; padding-top: 2px; height: 30px;} .item_annonce {display: block;height: 32px;font-family: arial; width: 137px;font-size: 12px;text-decoration: none;font-weight: bold;text-align: center;cursor: pointer; color: #1f1f1f; line-height: 32px; margin-right: 13px;border: 1px solid #C3C3C3;} .item_annonce:hover {background-color: #3558ae;color:white;} #sous_menu_annonces .select {background-color: #3558ae;color:white;} #sous_menu_annonces {list-style-type: none; padding: 0;} #sous_menu_annonces li {float: left; padding-bottom: 10px;} #sous_menu_annonces .two-line {line-height: 15px; padding-top: 2px; height: 30px;} .item_locations {display: block;height: 32px;font-family: arial; width: 142px;font-size: 12px;text-decoration: none;font-weight: bold;text-align: center;cursor: pointer; color: #1f1f1f; line-height: 32px; margin-right: 8px;border: 1px solid #C3C3C3;} .item_locations:hover {background-color: #E89B00;color:white;} #sous_menu_locations .select {background-color: #E89B00;color:white;} #sous_menu_locations {list-style-type: none; padding: 0;} #sous_menu_locations li {float: left; padding-bottom: 10px;} #sous_menu_locations .two-line {line-height: 15px; padding-top: 2px; height: 30px;} /***************************************************/ /******** Annonces *********/ /***************************************************/ .barre_annonces {clear: both; text-align: right; width: 600px; height: 10px; background-color: #3558AE; color: white;font-size: 11px;font-weight: bold;padding-right: 10px;line-height: 18px;} .cadre_annonces {border-bottom: 1px solid #D1D1D1; height: 116px; width: 610px; padding: 14px 0px; font-family: arial; color: #141414; font-size: 13px; position: relative;} .photo_annonce {width: 165px; float: left;} .photo_annonce img {border: 4px solid #F1F1F1; padding: 5px;} .desc_annonce {width: 445px; float: left;} .titre_annonce {width: 340px; font-size: 14px;} .titre_annonce a {color: #3558AE; font-weight: bold; text-decoration: none;} .titre_annonce a:hover {text-decoration: underline;} .prix_annonce {position: absolute; top: 14px; right: 0; font-weight: bold; font-size: 14px;} .lieu_annonce {margin-top: 15px;} #annonces_rand {margin-left: 20px; margin-top: 15px; background-image: url('/img/cadre_annonce.png'); width: 260px; height: 215px; padding-left: 15px; padding-top: 5px; padding-right: 20px; font-size: 12px; font-family: arial; color: #232323;} #annonces_rand2 {margin-left: 20px; margin-top: 15px; background-image: url('/img/cadre_annonce.png'); width: 267px; height: 228px; padding-left: 15px; padding-top: 5px; padding-right: 20px; font-size: 12px; font-family: arial; color: #232323; margin-bottom: 10px;} #table_annonces_rand {border-collapse: collapse; margin-top: 2px; font-family: arial; font-size: 12px;} .cadre_coupons .lien-all {text-align: center; display: block; background-color: #F8F8F8; padding: 3px 0; color: #232323; border: 1px solid #C3C3C3; margin: 2px auto; font-size: 12px; width: 200px; font-weight: bold;} .cadre_coupons .lien-all:hover {background-color: #a4cc53; text-decoration: none; border-color: #8AA84C;} .link_annonce_rand {color: #3558AE; font-weight: bold; line-height: 14px; text-decoration: none;} .link_annonce_rand:hover {text-decoration: underline;} .mail_annonce {text-decoration: none; color: #3558AE;} .mail_annonce:hover {text-decoration: underline;} .photo_r_annonce {cursor: pointer;} .desc-annonce {margin-top: 20px; font-size: 14px;} .desc-annonce table {border-collapse: collapse; line-height: 22px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; width: 100%;} .desc-annonce .prix {width: 320px; padding-top: 10px;} .contact-annonce {border: 1px solid #CCCCCC; padding: 10px; margin-top: 30px; padding-left: 15px; width: 340px;} /***************************************************/ /******** Locations ********/ /***************************************************/ #fleche_location {height: 10px; background-image: url("/img/fleche_location.png"); background-repeat: no-repeat;} .barre_locations {clear: both; text-align: right; width: 600px; height: 10px; background-color: #E89B00; color: white;font-size: 11px;font-weight: bold;padding-right: 10px;line-height: 18px;} .search_ville .item_ville {background: none;} .active_ville_loc {background-color: #F7BF4F;color: black;} .fleche_bas_loc {position: absolute; color: black; cursor: pointer; right: 0px; bottom: 1px;} #page_locations input {border: 1px solid #B3B3B3; font-family: arial; font-size: 11px; font-weight: bold; height: 16px; padding: 2px 5px; width: 198px;} #ss_ville .search_ville a {color: #373737;display: block;font-size: 12px;font-weight: normal;line-height: 17px;padding: 1px 0 1px 10px;text-decoration: none;width: 94%;} #ss_ville .search_ville a:hover {background-color: #E8E8E8;} #ss_ville {margin-left: 170px; position: relative; width: 255px; height: 22px; margin-bottom: 15px; margin-top: 10px;} .cadre_locations {border-bottom: 1px solid #D1D1D1; height: 130px; padding-top: 14px; width: 610px;} .cadre_photo_location {width: 171px; height: 90px; padding-top: 20px; border: 1px solid #D1D1D1; text-align: center; line-height: 18px; color: #AEAEAE; font-style: italic;} .div_cadre_photo_loc {float: left; height: 120px;} .tel_location {font-size: 12px; margin-top: 15px;} .adresse_location {font-size: 11px; margin-top: 3px;} .desc_location {float: left; margin-left: 15px;} .courte_desc_location {width: 410px; font-size: 12px; margin-top: 10px;} .tel_location_prem {font-size: 12px; margin-top: 12px; font-weight: bold;} .link_location a {text-decoration: none; font-weight: bold; font-size: 14px; color: #E89B00;} .link_location a:hover {text-decoration: underline;} #fiche_loc_titre {color: #E89B00; margin: 0; padding: 0; margin-top: 10px; font-size: 18px;} #fiche_loc_type {margin-top: 5px; margin-bottom: 10px; font-size: 13px; font-weight: bold;} #photo_location {display: block; position: relative; height: 375px; width: 608px; overflow: hidden; position: relative; border: 1px solid #848484;} #photo_guide_content {position: relative; margin-top: 5px; margin-bottom: 20px;} #photo_guide {display: block; position: relative; height: 375px; width: 608px; overflow: hidden; position: relative; border: 1px solid #848484;} .fiche_cat_loc {font-size: 15px; font-weight: bold; color: #E89B00; margin-top: 20px;} #photo_cadre_location {z-index: 999; position: absolute; left: 1px; overflow: hidden; bottom: 1px; width: 608px; height: 65px;} #photo_cadre_location2 {background-image: url('/img/fond_photo_location.png'); height: 65px; color: white; position: relative;} #photo_nom_location {font-size: 18px; font-weight: bold; height: 22px; line-height: 22px; padding-left: 15px; padding-top: 4px;} #photo_adresse_location {font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; padding-left: 15px;} #tel_location_div {font-size: 12px; font-weight: bold; padding-left: 15px; color: #E89B00;} .nom_loc_comp {color: #E89B00;font-weight: bold;font-size: 13px;text-decoration: none;} .nom_loc_comp:hover {text-decoration: underline;} .type_loc_comp {font-size: 11px;font-weight: bold;} .adresse_loc_comp {font-size: 11px;font-weight: bold;margin-top: 3px;color: #6E6E6E;} .ouverture-location {float: left; border-right: 1px solid #CECDCD; width: 300px; margin-bottom: 20px; height: 155px;} .langues-locations {float: left; margin-left: 20px;} .titre-carte-location {font-weight: normal; font-size: 15px; color: #E89B00; font-weight: bold;} #fiche_presentation {line-height: 1.4em;} #photo_guide_infos {width: 594px; height: 56px; padding-top: 5px; padding-left: 14px; color: white; z-index: 100; position: absolute; bottom: 1px; margin-left: 1px; background-color: rgba(0, 0, 0, 0.8);} #photo_guide_infos .coord {float: left; width: 390px;} #photo_guide_infos .autres-infos {float: left; font-weight: bold;} #photo_guide_infos .autres-infos .tel {margin-top: 15px;} #page_guide h2 {font-size: 15px; background-color: #f3f3f3; margin-top: 30px; line-height: 30px; padding: 0 10px;} #page_guide .jh-ouverture h2 {background-image: url("/img/icone-jours-horaires.png"); background-repeat: no-repeat; padding-left: 35px;} #page_guide .plan-acces .gps {padding-bottom: 15px;} #page_guide .plan-acces .parking {padding-bottom: 10px;} #page_guide .plan-acces #carte {width: 608px; height: 360px; margin-bottom: 30px; border: 1px solid #CCCCCC;} #page_guide .plan-acces h2 {background-image: url("/img/icone-plan-acces.png"); background-repeat: no-repeat; padding-left: 35px;} #page_guide .infos-pratiques h2, #page_guide .infos-pratiques2 h2 {background-image: url("/img/icone-infos-pratiques.png"); background-repeat: no-repeat; padding-left: 35px;} #page_guide .coupons h2 {background-image: url("/img/icone-coupons.png"); background-repeat: no-repeat; padding-left: 35px;} #page_guide .agenda h2 {background-image: url("/img/icone-agenda.png"); background-repeat: no-repeat; padding-left: 35px;} #page_guide .services h2 {background-image: url("/img/icone-services.png"); background-repeat: no-repeat; padding-left: 35px;} #page_guide .produits h2 {background-image: url("/img/icone-produits.png"); background-repeat: no-repeat; padding-left: 35px;} #page_guide .services p, #page_guide .produits p {padding: 0; margin: 0;} #page_guide .services ul, #page_guide .produits ul {padding-top: 0; margin-top: 0; padding-left: 20px;} #page_guide .infos-pratiques .adresse, #page_guide .infos-pratiques2 .adresse {padding: 10px 0;} #page_guide .infos-pratiques2 {float: left; width: 280px;} #page_guide .infos-pratiques2 .contenu, #page_guide .infos-pratiques .contenu {padding: 0 5px;} #page_guide .jh-ouverture {float: left; width: 300px; margin-left: 30px;} #page_guide .jh-ouverture table {border-collapse: collapse; margin-left: 5px;} #page_guide .infos-liens {margin: auto; margin-top: 25px;} #page_guide .infos-liens .lien {float: left; padding-right: 10px;} #page_guide .infos-liens .last {padding-right: 0;} #page_guide .infos-liens .lien a {color: #1f1f1f; text-align: center; display: block; background-color: #F8F8F8; color: #232323; border: 1px solid #C3C3C3; font-size: 13px; width: 143px; text-decoration: none; font-weight: bold; line-height: 25px;} #page_guide .infos-liens .lien a:hover {background-color: #a4cc53; text-decoration: none; border-color: #8AA84C;} #page_guide .infos-liens .nb1 {margin-left: 75px;} #page_guide .infos-liens .nb2 {margin-left: 150px;} #page_guide .infos-liens .nb3 {margin-left: 225px;} #banniere_resto {text-transform: uppercase;} .barre_restos {clear: both; height: 1px; margin-top: 20px; background-color: #C3C3C3;} #page_restos .resto {border-bottom: 1px solid #D1D1D1; height: 130px; padding-top: 14px; width: 610px;} #page_restos .photo_resto {float: left; height: 120px;} #page_restos .desc_resto {float: left; margin-left: 15px; position: relative;} #page_restos .nom_resto a {text-decoration: none; font-weight: bold; font-size: 14px; color: #CB18B4;} #page_restos .nom_resto a:hover {text-decoration: underline;} #page_restos .adresse_resto {font-size: 11px; margin-top: 3px;} #page_restos .presentation_resto {width: 405px; font-size: 12px; margin-top: 10px;} #page_restos .tel_resto {font-size: 12px; margin-top: 12px; font-weight: bold;} #page_restos .ouverture_resto {position: absolute; right: 0px; bottom: 0px; color: #CB18B4; font-size: 11px;} #page_restos .etoiles_resto {position: absolute; right: 0px; top: 0px; font-size: 11px;} #page_restos #formulaire_resto {margin: auto; width: 610px; height: 79px; background-image: url(/img/fond_formulaire_resto.png); background-repeat: no-repeat; color: white; padding-top: 7px; background-position: -50px -6px; border-radius: 2px; border-radius: 5px;} #page_restos #formulaire_resto .titre_form {font-size: 13px; color: black; font-weight: bold; text-decoration: none; text-align: center; font-style: italic;} #page_restos #formulaire_resto input {border: none; font-weight: bold; font-size: 12px; font-family: arial; width: 180px; height: 16px; padding: 2px 5px;} #page_restos #formulaire_resto #form_gauche {float: left; padding-left: 26px; padding-top: 25px;} #page_restos #formulaire_resto #form_droit {float: left; padding-left: 27px; padding-top: 25px;} #page_restos #formulaire_resto #bouton_rechercher {float: left; padding-top: 12px; padding-left: 27px;} #page_restos #formulaire_resto #bouton_rechercher a.find {background: url(/img/bouton_rechercher_resto.png) top right no-repeat; font-size: 11px; width: 120px; height: 44px; cursor: pointer; padding: 0px; border: 0; display: block;} #page_restos #formulaire_resto #bouton_rechercher a.find:hover {background-position: 0px -44px;} #page_restos .cadre_photo_resto {width: 188px; height: 70px; padding-top: 20px; border: 1px solid #D1D1D1; text-align: center; line-height: 18px; color: #AEAEAE; font-style: italic;} #photo_resto {display: block; position: relative; height: 320px;} #photo_cadre_resto {z-index: 999; position: absolute; left: 0; overflow: hidden; top: 255px; width: 605px; height: 65px;} #photo_cadre_resto2 {background-image: url('/img/fond_photo_resto.png'); height: 65px; color: white; position: relative;} #photo_nom_resto {font-size: 18px; font-weight: bold; height: 22px; line-height: 22px; padding-left: 15px; padding-top: 4px;} #photo_adresse_resto {font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; padding-left: 15px;} #photo_tel_resto {font-size: 12px; font-weight: bold; padding-left: 15px; color: #B1ED0A;} #photo_etoiles_resto {position: absolute; bottom: 5px; right: 10px; cursor: pointer; line-height: 15px;} #photo_etoiles_resto2 {position: absolute; bottom: 5px; right: 10px;} #photo_etoiles_resto a, #photo_etoiles_resto2 a {font-size: 11px; color: #B1ED0A; font-weight: bold;} #fiche_presentation_resto { margin-top: 20px; margin-bottom: 20px;} #fiche_partie_gauche_resto .fiche_categorie {color: #83B200; font-weight: bold; font-size: 14px;} #fiche_partie_gauche_resto hr {background-color: #CECDCD; border: medium none; color: #CECDCD; height: 1px; margin-bottom: 14px; margin-top: 10px; padding: 0;} #cadre_resto_comp {border-collapse: collapse; border: 1px solid #CECDCD;} #cadre_resto_comp .td_resto_comp {width: 185px;padding: 15px;} #cadre_resto_comp .nom_resto_comp {color: #CB18B4; font-weight: bold; font-size: 13px; text-decoration: none;} #cadre_resto_comp .type_resto_comp {font-size: 10px; font-weight: bold;} #cadre_resto_comp .adresse_resto_comp {font-size: 11px; font-weight: bold; margin-top: 3px; color: #6E6E6E;} #formulaire_resto .item_ville {color: #373737; font-size: 12px; text-decoration: none; padding: 1px 0px 1px 10px; width: 94%; display: block; font-weight: normal; line-height: 17px;} #formulaire_resto .item_ville:hover {text-decoration: underline; background-color: #E8E8E8;} #formulaire_resto .no_active {color: #999999;} #formulaire_resto .active {background-color: #94A26C; color: black;} /***************************************************/ /******** Cinema *********/ /***************************************************/ .item_cinema {display: block;height: 30px; padding-top: 2px; font-family: arial; width: 112px;font-size: 12px;text-decoration: none;font-weight: bold;text-align: center;cursor: pointer; color: #1f1f1f; line-height: 14px; margin-right: 8px;border: 1px solid #C3C3C3;} .item_cinema:hover {background-color: #bd0553;color:white;} #sous_menu_cinema .select {background-color: #bd0553;color:white;} #sous_menu_cinema {list-style-type: none; padding: 0;} #sous_menu_cinema li {float: left; padding-bottom: 10px;} .menu_trait {width: 608px; height: 2px; margin-top: 10px; background-color: #C3C3C3;} #date_cine {font-size: 13px; font-family: arial;} .cacher{display:none;} .lien_cine{color:blue;} .lien_cine:hover{text-decoration:underline;cursor:pointer;} .petit{font-size:11px;} #form_table a {color: #373737; display: block; font-size: 12px; font-weight: normal; line-height: 17px; padding: 1px 0 1px 10px; text-decoration: none; width: 94%;} #form_table a:hover {text-decoration: underline; background-color: #E8E8E8;} #form_table td {height: 28px;} #form_table input {border: 1px solid #B3B3B3; font-family: arial; font-size: 11px; font-weight: bold; height: 16px; padding: 2px 5px; width: 198px;} .no_active {color: #999999;} .active_cine {background-color: #F881C6; color: black;} .active_guide {background-color: #FF7575; color: black;} .onglet_deroulant {position: absolute; z-index: 999; background-color: white; border: 1px solid #B3B3B3; width: 208px; height: 180px; overflow: auto; display: none; padding-top: 5px; padding-bottom: 5px; font-size: 12px; font-family: arial; text-align: left;} .onglet_deroulant ul {margin: 0; padding: 0;} .fleche_bas {position: absolute; margin-top: -20px; color: black; margin-left: 188px; cursor: pointer;} #cinema .cinee {font-size: 18px; font-weight: bold; margin-bottom: 0; padding-bottom: 0; color: #414141; padding-top: 20px;} #cinema h2 {font-size: 13px; font-weight: normal; margin-top: 0; padding-top: 0; color: #6A6A6A; margin-bottom: 15px; font-family: arial;} #cinema {font-family: tahoma; font-size:12px; line-height:1.5; width: 610px;} .seances-cine {font-size: 11px;} #table_cine {border-collapse: collapse; margin-bottom: 20px;} #table_cine .fond-col {background-color: #F6F6F6;} #table_cine th {height: 25px; background-color: #414141; background-repeat: repeat-x; color: white;} #table_cine td {padding-top: 5px; padding-bottom: 5px;} .col_cine {width: 60px; font-size: 11px; text-align: center; border-bottom: 1px solid #8D8D8D;} .col_cine_titre {font-family: verdana; font-size: 11px; width: 220px; border-bottom: 1px solid #8D8D8D; padding-left: 5px;} #table_cine a {text-decoration: none; color: #222222; font-weight: bold;} #table_cine a:hover {text-decoration: underline;} #table_films {padding: 0px; font-size: 11px; color: #222222; list-style-type: none; padding: 0;} #table_films li {float: left;} #table_films .col1 {clear: left;} #table_films .col2 {padding-left: 25px;} #table_films .film-desc {width: 286px; margin-bottom: 10px;} #table_films .film-desc th {text-align: left; color: #d50e76; font-size: 12px;} #table_films .film-desc h3 {color: #bd0553; font-size: 14px; margin-bottom: 5px;} #table_films .texte_cine2 {padding-left: 5px; width: 165px;} #table_films .resume_cine {margin-top: 0px; margin-bottom: 0px; text-align: justify; width: 286px;} #table_films .texte_cine {margin-top: 0px; margin-bottom: 0px; display: none; text-align: justify; width: 286px;} /* Menu hors ligne - en ligne */ #connexion {color:#ffffff;font-family:Arial, sans-serif;font-size:12px;position: absolute;right: 20px; top: 10px; line-height: 20px;} #connexion img:hover {cursor:pointer;} #connexion img {border:none;} #connexion a.link_offline {color: #ACD02E; text-decoration: none;} #connexion a.link_online {color: white; text-decoration: none;} #connexion a:hover {text-decoration: underline;} /* Formumaire administration */ div#admin_table h2{text-align:center;} div#admin_table p{text-align:center;} div#admin_form h2{text-align:center;} div#admin_form table{margin:auto;} div#admin_form p{text-align:center;} div#admin_form a{text-decoration:none;color:blue;} div#admin_form a:hover{color:green;} div#admin_form a:visited{} div#admin_form ul{text-align:center;color:red;} div#admin_table a{text-decoration:none;color:blue;} div#admin_table a:hover{color:green;} div#admin_table a:visited{} /* Formumaire membre */ #membre_form {font-family:verdana;} #membre_form {font-family:tahoma;font-size:13px;} #membre_form td {font-family:tahoma;font-size:13px;} div#membre_form h2 {text-align:center;} div#membre_form ul {text-align:center;color:red;} div#membre_form table {margin:auto;} div#membre_form p {text-align:center;} div#membre_form a {text-decoration:none;color:blue;} div#membre_form a:hover {text-decoration:underline;} div#membre_form a:visited {} #membre_form h2 {padding: 0px; margin: 0px; clear: both; font-size: 19px; font-family: helvetica; font-weight: bold; margin-bottom: 22px; color: #323131;} #membre_form .col1 {float: left; width: 550px;} #membre_form .col2 {float: left; width: 370px; margin-left: 40px;} #membre_form h1 {text-align: center; margin-top: 30px;} /* Pour la pub */ #gallery_wrap{margin: auto; width: 855px;} /* Pour le tableau sortable */ #agenda_table{font-family: verdana;font-size:12px;margin-bottom: 35px;} #table {border-collapse: collapse; border:1px solid #141414; font-family: arial; font-size: 13px;} .sortable {width:900px; margin:0 auto 15px;} .sortable th {background-image: url(/img/tabl.png); text-align: left; color:#f11a8f; border:1px solid #000000} .sortable th h3 {font-size:15px; padding:0px 8px 0px} .sortable td {padding:4px 6px 6px; border-bottom:1px solid #141414} .sortable .head h3 {background:url(/img/sorter/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px} .sortable .desc, .sortable .asc {background-image: url(/img/tabl.png);} .sortable .evenrow td {background:#fff} .sortable .oddrow td {background:#e3ebfd} .sortable td.evenselected {background:#ffffff} .sortable td.oddselected {background:#e3ebfd} #controls {width:900px; margin:auto; height:20px} #perpage {float:left; width:200px} #perpage select {float:left; font-size:11px} #perpage span {float:left; margin:2px 0 0 5px} #navigation {float:left; width:500px; text-align:center} #navigation img {cursor:pointer} #text {float:left; width:200px; text-align:right; margin-top:2px} /* Mise en forme partenaires */ #bas_partenaire {background-image: url("/img/cadre_partenaire.png"); background-repeat: no-repeat; width: 834px; height: 9px; background-position: 0px -9px; margin-left: 68px;} #contenu_partenaire {border-left: 2px solid #6b6b6b; border-right: 2px solid #6b6b6b; width: 830px; margin-left: 68px; padding-top: 25px;} #menu_partenaire {background-image: url("/img/cadre_partenaire.png"); background-repeat: no-repeat; background-position: 0px 10px; height: 20px; margin-left: 68px; padding-left: 35px; width: 834px; margin-bottom: -32px;} #menu_partenaire ul {padding:0; margin:0; list-style-type:none;} #menu_partenaire li {float:left; /*pour IE*/} #menu_partenaire ul li a {font-family: verdana; font-size: 11px; font-weight: bold; display:block; float:left; width:92px; background-image: url("/img/menu_partenaire.png"); color:black; text-decoration:none; text-align:center; padding:2px; padding-top: 3px; padding-bottom: 4px;} #menu_partenaire ul li a:hover {text-decoration: none; background-color: #a1c329;} /*** Mise en forme de l'agenda *****/ .cadre_eve {border-bottom: 1px solid #C3C3C3; padding: 7px 0; padding-top: 10px; padding-top: 12px; font-family: arial; font-size: 12px; margin-bottom: 0; width: 608px; position: relative;} .date_eve {float: left; width: 75px; color: #bd0553; font-size: 13px; padding-bottom: 4px;} .desc_eve {float: left; margin-left: 12px; color: #434343; width: 521px;} #agenda_table .is-image {width: 399px;} .titre_eve {font-size: 14px; color: #bd0553; font-weight: bold; margin-bottom: 2px;} .infos_eve {margin-top: 7px;} .inter_eve {font-size: 12px; font-weight: normal;} .image_eve {float: right; margin-left: 15px; border: 1px solid #434343;} .image_div_eve {float: left; margin-left: 15px; width: 102px; padding-bottom: 35px; padding-right: 5px;} .clear-agenda {height: 40px; clear: both;} .titre_eve a {color: #bd0553; text-decoration: none;} .titre_eve a:hover {text-decoration: underline;} .cadre_eve:hover {background-color: rgb(246, 246, 246); cursor: pointer;} .cadre_eve .lien-infos {color: #bd0553; text-decoration: none; text-transform: uppercase; display: inline-block; padding-top: 7px;} .cadre_eve:hover .lien-infos {font-weight: bold; text-decoration: underline;} /** Mise en forme page d'accueil **/ #tab_article a, #carrousel a, #carrousel_film a, #eve_venir a, .col_droite a {text-decoration: none;} #tab_article a:hover, #carrousel a:hover, #carrousel_film a:hover, #eve_venir a:hover, .col_droite a:hover {text-decoration: underline;} .table_slide td {padding: 0; margin: 0; border: 0; } /** Mise en forme du guide **/ .commerce {width: 292px; height: 188px; position: relative; float: left; margin-right: 25px; margin-top: 25px; cursor: pointer; overflow: hidden;} .commerce .infos {position: absolute; left: 0; bottom: 0; padding: 2px 6px; width: 280px; background-color: rgba(53, 88, 174, 0.9); color: white; font-weight: bold; line-height: 16px;} .commerce .infos .titre a {display: block; font-size: 13px; color: white; font-weight: bold; width: 280px; line-height: 19px; text-decoration: none; height: 19px; overflow: hidden;} .commerce .infos .adresse {font-size: 11px; color: #DDE6FD;} .commerce .infos .plus-infos {position: absolute; top: -22px; right: -68px; height: 22px; line-height: 22px; width: 68px; text-align: center; background-color: rgba(53, 88, 174, 0.9); -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease} .commerce:hover .infos .plus-infos {right: 0;} .guide .col2 {margin-right: 0;} /** Avis des clients **/ #lien_donner_avis {margin-top: 40px;} #detail_avis {border-collapse: collapse; font-size: 12px; margin-top: 10px; margin-bottom: 25px; clear: both;} .tab_avis_titre {background-color: #94C03C;} .tab_avis_titre_desc {color: white; font-size: 13px; padding: 10px;} .tab_avis_sstitre {background-color: #F1F1F1; color: black; font-size: 11px;} .avis_titre_pc {font-size: 12px; font-weight: bold; padding: 8px; width: 457px;} .avis_titre_date {font-size: 12px; text-align: center; font-weight: bold; width: 100px;} .avis_pseudo {color: black; padding-bottom: 5px; padding-left: 10px; padding-top: 10px;} .avis_commentaire {font-size: 11px; padding-left: 10px;} .avis_date {width: 90px; text-align: center; color: black;} .avis_trait {height: 2px; background-color: #F1F1F1;} .titre_ajout_avis {text-align: center; padding-top: 20px; font-weight: bold; font-size: 22px; font-family: arial;} .titre_ajout_avis_commerce {font-size: 15px; font-family: arial; text-align: center;} #form_avis {position: relative; font-family: arial; font-size: 12px;} #form_avis p {padding: 0; margin: 0;} .champ_avis {font-size: 11px; text-align: center;} /** Autres articles + Tags **/ .prop-articles .titre1 {border-top: 3px solid #f3f3f3; font-weight: bold; font-size: 15px; padding-top: 10px; margin-top: 30px; padding-bottom: 15px;} .prop-articles .article {width: 290px; float: left;} .prop-articles .article .photo {float: left; margin-right: 10px; width: 130px; max-height: 100px; overflow: hidden;} .prop-articles .article .titre2 {margin-top: 4px;} .prop-articles .article .titre2 a {color: #1f1f1f; text-decoration: none; font-weight: bold; font-size: 12px;} .prop-articles .article .titre2 a:hover {text-decoration: underline;} .prop-articles .clear {height: 15px;} .prop-articles .clear2 {clear: both; height: 5px;} .prop-articles .col2 {margin-left: 30px;} .article-themes {margin-top: 40px;} .article-themes .titre1 {font-weight: bold; font-size: 15px; border-top: 3px solid #f3f3f3; padding-top: 10px; padding-bottom: 15px;} .article-themes a {float: left; margin-right: 10px; background: #F8F7F1; border: 1px solid #EBEAE4; color: #666666; text-decoration: none; font-size: 12px; line-height: 25px; padding: 0 10px; border-radius: 3px;} .article-themes a:hover {background: #a4cc53; color: #232323; border-color: #8AA84C;} /** Pub Video **/ .video-pub {display: block; position: relative; text-decoration: none; margin-bottom: 20px;} .col_droite a.video-pub:hover {text-decoration: none;} .video-lien {width: 300px; height: 360px; position: absolute; top: 0; left: 0;} .video-texte {background-color: #07a7a7; color: white; padding: 4px 0; margin: 0 20px; text-decoration: none; position: relative;} .video-pub:hover .video-texte {background-color: #ed700e;} /** Barre commerces droit **/ #barre-laterale {z-index: 1000; position: absolute; right: 0; top: 0; background-color: #1f1f1f; border-left: 2px solid #e2e2e2; width: 170px; height: 100%; overflow : hidden; padding: 0 18px;} #barre-laterale .guide {position: relative; margin-top: 20px;} #barre-laterale .guide img {border: 1px solid #B0B0B0; width: 171px; height: 110px;} #barre-laterale .guide .titre {background-color: rgba(0, 0, 0, 0.8); padding: 0 5px; position: absolute; left: 1px; bottom: 1px; width: 161px; height: 18px; line-height: 18px; overflow: hidden; color: white; font-size: 11px; font-weight: bold;} #barre-laterale .guide .titre a {color: white; text-decoration: none;} #barre-laterale .guide .coupons {position: absolute; left: 0; top: -9px; height: 18px; width: 64px; border: 1px solid #B0B0B0; background-color: #729330; color: white; font-size: 11px; font-weight: bold; text-align: center; line-height: 18px;} #barre-laterale .guide .coupons a {display: block; height: 18px; width: 64px; position: relative;} #barre-laterale .guide .dates, #barre-laterale .guide .dates2 {position: absolute; height: 18px; width: 64px; border: 1px solid #B0B0B0; background-color: #ba2766; color: white; font-size: 11px; font-weight: bold; text-align: center; line-height: 18px;} #barre-laterale .guide .dates a, #barre-laterale .guide .dates2 a {display: block; height: 18px; width: 64px; position: relative;} #barre-laterale .guide:hover .titre {background-color: rgba(53, 88, 174, 0.9);} #barre-laterale .coupons span {z-index: -1; position:absolute; bottom: 21px; left: -14px; background:rgba(255,255,255,1); padding:5px; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,.5); transform:scale(0) rotate(-12deg); transition:all .5s; opacity:0; text-align: left; color: #1f1f1f; width: 185px; line-height: 12px;} #barre-laterale .coupons span ul {padding:0; margin:0; margin-left: 15px;} #barre-laterale .coupons span ul li {padding-bottom: 5px;} #barre-laterale .coupons a:hover span, #barre-laterale .coupons a:focus span{transform:scale(1) rotate(0); opacity:1;z-index: 1;} #barre-laterale .coupons a {color: white; text-decoration: none;} #barre-laterale .coupons span::before {content: '';position: absolute;bottom: -6px;left: 35px;width: 0;height: 0;border-top: 6px solid rgba(255,255,255,1);border-left: 6px solid transparent;border-right: 6px solid transparent;} #barre-laterale .dates span {z-index: -1; position:absolute; bottom: 21px; left: -14px; background:rgba(255,255,255,1); padding:5px; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,.5); transform:scale(0) rotate(-12deg); transition:all .25s; opacity:0; text-align: left; color: #1f1f1f; width: 185px; line-height: 12px;} #barre-laterale .dates span ul {padding:0; margin:0; margin-left: 15px;} #barre-laterale .dates span ul li {padding-bottom: 5px;} #barre-laterale .dates a:hover span, #barre-laterale .coupons a:focus span{transform:scale(1) rotate(0); opacity:1;z-index: 1;} #barre-laterale .dates a {color: white; text-decoration: none;} #barre-laterale .dates span::before {content: '';position: absolute;bottom: -6px;left: 35px;width: 0;height: 0;border-top: 6px solid rgba(255,255,255,1);border-left: 6px solid transparent;border-right: 6px solid transparent;} #barre-laterale .dates2 span {z-index: -1; position:absolute; bottom: 21px; left: -79px; background:rgba(255,255,255,1); padding:5px; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,.5); transform:scale(0) rotate(-12deg); transition:all .25s; opacity:0; text-align: left; color: #1f1f1f; width: 185px; line-height: 12px;} #barre-laterale .dates2 span ul {padding:0; margin:0; margin-left: 15px;} #barre-laterale .dates2 span ul li {padding-bottom: 5px;} #barre-laterale .dates2 a:hover span, #barre-laterale .coupons a:focus span{transform:scale(1) rotate(0); opacity:1;z-index: 1;} #barre-laterale .dates2 a {color: white; text-decoration: none;} #barre-laterale .dates2 span::before {content: '';position: absolute;bottom: -6px;left: 102px;width: 0;height: 0;border-top: 6px solid rgba(255,255,255,1);border-left: 6px solid transparent;border-right: 6px solid transparent;} #barre-laterale .photo-sans img {border: 1px solid #B0B0B0; width: 171px; height: 110px;} #barre-laterale .photo-sans {margin-top: 20px;} /** Formulaire de contact **/ #form-contact .g-recaptcha {padding: 3px 15px;} #form-contact .g-recaptcha:before {content: 'Valider';} /** Descriptif détaillé événement **/ .eve-desc-d {font-size: 14px; line-height: 1.5em;} .eve-desc-d h2 {font-size: 15px; background-color: #f3f3f3; margin-top: 30px; line-height: 30px; padding: 0 10px;} .eve-desc-d .plan-acces h2 {background-image: url("/img/icone-plan-acces.png"); background-repeat: no-repeat; padding-left: 35px;} .eve-desc-d .infos-pratiques h2 {margin-bottom: 0; background-image: url("/img/icone-infos-pratiques.png"); background-repeat: no-repeat; padding-left: 35px;} .eve-desc-d .plan-acces #carte {width: 608px; height: 360px; margin-bottom: 30px; border: 1px solid #CCCCCC; margin-top: 10px;} .eve-desc-d .source {font-size: 12px; color: #949494; font-style: italic;} .eve-desc-d .source a {color: #949494; text-decoration: none; font-style: italic; border-bottom: 1px dotted #949494;} .eve-desc-d .source .logo {float: right; padding-right: 15px; padding-top: 4px;} .eve-desc-d h1.titre {padding-left: 5px; padding-right: 5px;} .eve-desc-d .image-eve {display: inline-block; padding: 2px; border: 2px solid #e41982; margin: auto;} .eve-desc-d .image-eve img {display: inline-block;} /** Bloqueur de publicicte **/ .blo-content {width: 100%; height: 100%; font-size: 17px; position: absolute; top: 0; left: 0; background-color: black; z-index: 10000; background-color: rgba(0, 0, 0, 0.95); text-align: center;} .blo-window {margin-bottom: 30px; background-color: white; padding: 30px; width: 85%; margin: auto; margin-top: 10%;} .link-actualiser {padding: 5px 10px; background-color: #a4cc53; display: inline-block; color: white; border: none; cursor: pointer; font-size: 17px;} .blo-content img {width: 100%; max-width: 350px;} @media screen and (max-width: 1255px) { #barre-laterale {display: none;} } @media screen and (max-width: 1340px) { #barre-laterale {width: 150px; padding: 0 15px;} #barre-laterale .guide img {width: 150px; height: 100px;} #barre-laterale .guide .titre {width: 140px;} #barre-laterale .coupons span {width: 165px;} #barre-laterale .dates2 span, #barre-laterale .dates span {width: 165px;} #barre-laterale .photo-sans img {width: 150px; height: 100px;} } @media screen and (max-width: 500px) { body {min-width: 200px; font-size: 14px;} #en_tete {background-image: none; background-color: white; min-width: 200px; height: auto;} #en_tete_contenu {background-image: none; width: auto; height: auto; padding-top: 10px;} #logo_planete {display: none;} #logo_texte {background-image: url("/img/logo-texte5.png"); width: 242px; height: 45px; margin: auto; position: relative; top: auto; left: auto; background-repeat: no-repeat; margin-left: 68px;} #en_tete_link {display: none;} #en_tete_newsletter {display: none;} #en_tete_reseaux {display: none;} #diaporama_haut {display: none;} #diaporama_haut2 {height: auto; display: block;} .separateur {font-size: 18px;} #menu {top: auto; right: auto; position: initial;} .lien-accueil {display: none;} #menu .puce {margin: 5px 0px;} #page {width: auto; margin-top: 0 !important;} #content {padding: 0 8px;} .col_gauche {float: none; width: auto; min-height: auto;} .col_gauche_annonce {width: auto;} #photo_id img {width: 100%;} .col_droite {float: none; margin: auto;} #outils_col {display: none;} .accueil_gauche {float: none; margin: auto;} .accueil_droit {float: none; width: auto; padding-left: 0; padding-top: 15px; height: auto; padding-bottom: 35px;} #tab_agenda_accueil {display: none;} .accueil_table {display: none;} .accueil_droit_hebergement {height: auto;} .accueil_droit img {width: 90%;} .article_trait_haut {width: auto; margin-right: 5px;} .article_entete {width: auto; background-position-x: -10px; height: 28px; border-radius: 3px;} .article_resume {width: auto; margin-right: 5px; height: auto;} .article_photo {float: none; width: 100%; max-width: 179px; margin: auto; height: auto;} .article_texte {float: none; margin-left: 0; margin-top: 5px; width: auto;} .article1 .themes {float: none; margin-left: 0;} .article1 {margin-left: 0;} .article_resume .categorie {display: none;} .article_entete a {font-size: 14px;} .clear-article {clear: both; height: 1px;} #pagination {padding-right: 0;} #pop h1 {line-height: 22px; padding-left: 10px; padding-right: 10px;} .grd-img-article {width: 98% !important;} .grd-img-article img {width: 100% !important;} .prop-articles .col2 {margin-left: 0;} .prop-articles .article {width: auto; float: none;} .item_accueil, .item_agenda, .item_guide, .item_locations, .item_annonce {width: auto; margin-right: 12px; height: 30px; line-height: 30px; overflow: hidden; font-size: 13px;} #sous_menu_accueil .two-line, #sous_menu_agenda .two-line, #sous_menu_guide .two-line, #sous_menu_annonces .two-line {height: 29px; padding-top: 1px;} #sous_menu_accueil li, #sous_menu_agenda li, #sous_menu_guide li, #sous_menu_locations li, #sous_menu_annonces li, #sous_menu_cinema li {padding-bottom: 8px; width: 50%;} .menu_trait {width: auto;} .item_cinema {width: auto;} #agenda_table table {margin: auto;} .popin_img {float: none;} .date_eve {padding-right: 10px; font-size: 14px;} .desc_eve {float: none; width: auto; margin-left: 0;} .cadre_eve {width: auto; font-size: 14px; line-height: 18px;} #agenda_table .is-image {width: auto;} .clear-agenda {height: auto;} .inf-agenda {display: none;} .image_div_eve {padding-bottom: 10px; float: none; margin: auto;} #cinema {width: auto; line-height:17px;} #table_cine {display: none;} #table_films li {float: none;} #table_films .col2 {padding-left: 0;} #table_films .resume_cine, #table_films .texte_cine, #table_films .film-desc, #table_films .texte_cine2 {width: auto;} #cinema h2 {font-size: 16px; padding-top: 5px;} #table_films {font-size: 13px;} .seances-cine {font-size: 13px;} #table_films .film-desc h3 {font-size: 15px;} #cinema .cinee {line-height: 24px;} .commerce {float: none; margin: auto; margin-top: 25px;} .guide .col2 {margin-right: auto;} .prop-articles .clear {display: none;} #photo_guide_content {border: 1px solid #848484;} #photo_guide {width: auto; height: 193px; margin: auto; border: none;} #photo_guide img {width: 100%; height: auto;} #photo_guide_infos {width: auto; height: auto; padding-right: 14px; position: relative; bottom: auto; margin-left: 0; padding-top: 6px; padding-bottom: 6px;} #photo_guide_infos .coord {float: none; width: auto;} #photo_guide_infos .autres-infos {float: none; padding-top: 10px;} #photo_guide_infos .autres-infos .tel {margin-top: 8px;} #page_guide .infos-liens .nb3, #page_guide .infos-liens .nb2 {margin-left: 0;} #page_guide .infos-pratiques2, #page_guide .jh-ouverture {float: none; width: auto; margin-left: 0;} #page_guide .plan-acces #carte {display: none;} #page_guide img {max-width: 100%;} .barre_locations {width: auto;} .cadre_locations {width: auto; height: auto;} .div_cadre_photo_loc {float: none; margin: auto;} .desc_location {float: none; margin-left: 0; padding-bottom: 10px; font-size: 13px;} .courte_desc_location {width: auto; font-size: 14px;} .cadre_photo_location {margin: auto;} .tel_location_prem {font-size: 13px;} .adresse_location {font-size: 12px;} .link_location a {font-size: 15px;} .cadre_photo_loc_prem a {display: inline-block;} .cadre_photo_loc_prem {text-align: center;} #photo_location {width: 100%; height: auto; border: none;} #photo_location img {width: 100%; height: auto;} #photo_cadre_location {width: 100%; position: relative; left: auto; bottom: auto; height: auto;} #carte {display: none;} .titre-carte-location {display: none;} .ouverture-location {float: none; border-right: none; width: auto; height: auto;} .langues-locations {float: none; margin-left: 0;} .barre_annonces {width: auto;} .cadre_annonces {width: auto; height: auto;} .photo_annonce {float: none; width: auto; text-align: center;} .photo_annonce a {display: block; margin: auto; display: inline-block; margin: auto;} .desc_annonce {float: none; width: auto; padding-top: 5px;} .titre_annonce {width: auto;} .inf-annonce {display: none;} .prix_annonce {position: relative; top: auto; right: auto; padding-top: 10px;} .lieu_annonce {margin-top: 5px;} .desc-annonce .prix {width: auto;} .contact-annonce {width: auto;} #pied_de_page {min-width: 200px;} #pied_de_page_contenu {width: auto; text-align: center; height: auto;} #pied_de_page_bas_contenu {width: auto;} #pied_de_page .col {float: none;} #pied_de_page .col1 {width: auto;} #pied_de_page .col2 {display: none;} #pied_de_page .col3 {width: auto;} #pied_de_page_bas .pt1 {display: none;} #pied_de_page_bas .br1 {display: inline;} #cadre_annonce, #cadre_cinema, .cadre-pub {display: none;} .marches-hebdo {display: none;} .eve-desc-d .source {padding-top: 25px;} .texte_accueil {font-size: 13px;} .accueil_droit {font-size: 14px;} .article_texte p, .article_fond a {font-size: 14px;} .article1 .themes a {font-size: 13px;} .popin_p, .titre_eve, .eve-desc-d {font-size: 15px;} .cadre_eve .lien-infos {font-weight: bold;} #page_guide {font-size: 15px; line-height: 1.2em;} #fiche_presentation {font-size: 15px; line-height: 1.3em;} } /* Menu */ #menuTable #menu-button{display:none} @media all and (max-width: 500px) { #menuTable ul li a,#menuTable #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:32px;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;} #menuTable {right: 0; padding: 0; margin: 0;} #menuTable ul li.m1{margin:0} #menu{width:100%; background: #E0E0E0;} #menuTable ul{width:100%;display:none} #menu.align-center > ul,#menu.align-right ul ul{text-align:left} #menuTable ul li,#menuTable ul ul li,#menuTable ul li:hover > ul > li{width:100%;height:auto;} #menuTable ul li a,#menuTable ul ul li a{width:100%} #menuTable > ul > li,#menu.align-center > ul > li,#menu.align-right > ul > li{float:none;display:block} #menuTable ul ul li a{padding: 12px 20px 12px 20px;font-size:13px;color:#333;background:none; text-align: center; border-bottom: 1px solid #C5C5C5;} #menuTable ul ul li:hover > a,#menuTable ul ul li a:hover{color:#fff;background-color:#A2A2A2} #menuTable > ul > li:hover > a,#menuTable > ul > li.active > a{color:#fff;border-bottom:none;background-color:#A2A2A2;background-image: none;} #menuTable > ul > li> a{background-color: #F0F0F0;font-size: 15px;border-bottom: 1px solid #C5C5C5;} #menuTable > ul > li > a{padding:16px 20px; color: #333;} #menuTable ul ul ul li a{padding-left:40px} #menuTable ul ul,#menuTable ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0} #menuTable > ul > li.has-sub > a::after,#menuTable ul ul li.has-sub > a::after{display:none} #menu-line{display:none} #menuTable #menu-button{display:block;font-weight:bold;padding: 27px 26px;color:#333;cursor:pointer;font-size:15px;text-transform:uppercase; padding: 19px 19px; background: rgba(164, 204, 83, 1) url("/img/nav-icon.svg") center center no-repeat; background-size: 1.563em 1.25em; -webkit-border-radius: 0.188em; -moz-border-radius: 0.188em; -ms-border-radius: 0.188em; -o-border-radius: 0.188em; border-radius: 0.188em;} /* #menuTable #menu-button::after{content:'';position:absolute;top:17px;right:20px;display:block;width:21px;height:3px;background:#333} #menuTable #menu-button::before{content:'';position:absolute;top:21px;right:20px;display:block;width:21px;height:3px;border-top:3px solid #333;border-bottom:3px solid #333} */ #menuTable .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid #C5C5C5;height:57px;width:52px;cursor:pointer} #menuTable .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99} #menuTable .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;z-index:99} #menuTable .submenu-button.submenu-opened:after{display:none} #menu, #menuTable ul, #menuTable ul li, #menuTable ul li a, #menuTable #menu-button {line-height: 22px; height: auto;} #menuTable #menu-button {position: absolute; top: 8px; left: 8px;} #menuTable > ul > li.m1 {width: auto;} #menuTable > ul > li.m2 {width: auto;} #menuTable > ul > li.m3 {width: auto;} #menuTable > ul > li.m4 {width: auto;} #menuTable > ul > li {margin-right: 0;} #en-tete-haut .logo {padding-top: 15px;} #menuTable > ul > li.active > a, #menuTable > ul > li.active:hover > a {background-image: none;} #menuTable > ul > li.active > a, #menuTable > ul > li.active:hover > a, #menuTable > ul > li:hover > a {border-bottom: none;} #div_table_img .photo {width: 50%;} } /* Flex slider */ .flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}@font-face{font-family:flexslider-icon;src:url(/js/flexslider/fonts/flexslider-icon.eot);src:url(/js/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(/js/flexslider/fonts/flexslider-icon.woff) format('woff'),url(/js/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(/js/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flexslider{padding:0;margin:0;background:#fff;position:relative;zoom:1;overflow:hidden}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flex-direction-nav a,.no-js .slides>li:first-child,.slides:after,html[xmlns] .slides{display:block}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";clear:both;visibility:hidden;line-height:0;height:0}* html .slides{height:1%}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav a{width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001'}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}} /* Fancybox */ .fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/js/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(/js/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(/js/fancybox/blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/js/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/js/fancybox/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/js/fancybox/fancybox_loading@2x.gif);background-size:24px 24px}}