/* ----------------------------------- ------ SCRIPT DE PROTECTION ------- DBProtect V1.2 ----------------------------------- */ body { font-family: Arial; font-size: 14px; margin: 0px; padding: 0px; background-color:#ebebeb; /* line-height:1; */ } .conteneur { /* �a marche essai suppression bug ipad: Pose pb avec les �l�ments positionn�s en absolute: position: absolute; left: 50%; width: 1000px; margin-top: 0px; margin-left: -500px; position: absolute; */ position: relative; width: 1000px; margin: 0 auto 0 auto; background-color:white; } .div_cal_centrage { /* max-width:868px; */ white-space: nowrap; overflow: auto; text-align: center; padding:0px; /* display:table; display: inline-block; float:left; overflow: auto; display: inline-block; */ word-wrap: break-word; width: auto; height: auto; } .div_cal_complet { /* max-width:868px; */ white-space: nowrap; overflow: auto; text-align: center; /* display:table; display: inline-block; float:left; overflow: auto; */ display: inline-block; word-wrap: break-word; width: 710px; height: auto; } /* Messages dans l'espace personnel */ .info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .info { color: #00529B; background-color: #BDE5F8; background-image: url('info.png'); } .success { color: #4F8A10; background-color: #DFF2BF; background-image:url('success.png'); } .warning { color: #9F6000; background-color: #FEEFB3; background-image: url('warning.png'); } .error { color: #D8000C; background-color: #FFBABA; background-image: url('error.png'); } .tab_div_respcal_0 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_1 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_2 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_3 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_4 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_5 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_6 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_7 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .hauteur_photo { max-height:380px; } @media ( max-width : 715px) { .div_cal_complet { /* 733 max-width:868px; */ white-space: nowrap; overflow: auto; text-align: center; /* display:table; display: inline-block; float:left; overflow: auto; */ display: inline-block; word-wrap: break-word; width: 535px; height: auto; } .tab_div_respcal_0 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_1 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_2 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_3 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_4 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_5 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_6 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .tab_div_respcal_7 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .hauteur_photo { max-height:380px; } } @media ( max-width : 535px) { .div_cal_complet { /* 535 620 max-width:868px; */ white-space: nowrap; overflow: auto; text-align: center; /* display:table; display: inline-block; float:left; overflow: auto; */ display: inline-block; word-wrap: break-word; width: 370px; height: auto; } .tab_div_respcal_0 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_1 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_2 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_3 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_4 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .tab_div_respcal_5 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .tab_div_respcal_6 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .tab_div_respcal_7 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .hauteur_photo { max-height:360px; } } @media ( max-width : 530px) { .div_cal_complet { /* 530 max-width:868px; */ white-space: nowrap; overflow: auto; text-align: center; /* display:table; display: inline-block; float:left; overflow: auto; */ display: inline-block; word-wrap: break-word; width: 180px; height: auto; } .tab_div_respcal_0 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_1 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_div_respcal_2 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .tab_div_respcal_3 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .tab_div_respcal_4 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .tab_div_respcal_5 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .tab_div_respcal_6 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .tab_div_respcal_7 { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: none; } .hauteur_photo { max-height:270px; } } .tab_div_respcal { float: left; width: 175px; height: 150px; max-width: 175px; padding-left: 2px; text-align: center; display: inline-block; } .tab_formulaire { max-width: 480px; border: 0px; align: left; cellpadding: 5px; cellspacing: 0px; bgcolor: #eeeeee; font-size: 10px; border: 1px dotted #000000; background-color: #eeeeee; } .tab_formulaire td{ /* ajout pour contre-carrer valeurs standard materila design*/ padding:0px; } .tab_formulaire th{ /* ajout pour contre-carrer valeurs standard materila design*/ padding:0px; } .tab_formulaire input[type=text]{ /* ajout pour contre-carrer valeurs standard materila design*/ padding:0px; width:auto; background-color:white; margin:0 0 0 0; height: 1.5rem; } .tab_formulaire input[type=text]:read-only{ background-color:#eeeeee; } .tab_formulaire select{ /* ajout pour contre-carrer valeurs standard materila design*/ padding:0px; width:auto; background-color:white; margin:0 0 0 0; height: 1.5rem; display:inline-block; } .DisplayBox input[type=text]{ background-color:grey; } .tab_formulaire textarea{ /* ajout pour contre-carrer valeurs standard materila design*/ padding:0px; width:300px; background-color:white; margin:0 0 0 0; height: 6rem; } .tab_formulaire_col1 { width: 40px; } .tab_formulaire_col2 { max-width: 460px; } .tab_div_respcal_coldroite { /* float: right; */ float: left; width: 175px; height: 150px; max-width: 175px; /* display:table-cell; */ text-align: center; display: inline-block; } .tab_div_respcal_autre { width: 175px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } .tab_div_form_cal { float: left; width: 484px; max-width: 484px; } @media ( max-width : 530px) { .tab_div_form_cal { float: left; width: 374px; max-width: 374px; } } .div_saut_br { white-space: nowrap; } .div_saut_legend { white-space: nowrap; width: 150px; height: 24px; } /* font-family: Verdana, Arial, Helvetica, sans-serif */ body a { color: #006600; text-decoration: none; font-weight: bold; } body a:hover { text-decoration: underline; } body h2 { font-size:2rem; } .col_txt_pub { width:780px; colspan:2; } .col_img_pub { width:100px; colspan:1; } .table_flags{ padding:8px; border:0px; } .tr_inscription { text-align:center; } .lien_annonce { text-align: left; font-size: 16px; font-family: Arial; } a.lien_annonce:visited { color: #548D00; } .texte_couleur { color: #548D00; text-decoration: none; font-size: 20px; } /* ancienne couleur: 006600 Le vert clair : 70BA04 */ /* Texte normal sur les pages d'information */ .texte_normal { text-decoration: none; font-size: 16px; } .h2_home { font-size: 22px; text-align: left; color:#FF6600; font-weight:bold; } .texte_12 { text-decoration: none; font-size: 14px; } .texte_petit { text-decoration: none; font-size: 12px; } .div_nuage_bas { text-decoration: none; font-size: 18px; width:830px; } .liste_puces { margin-bottom: 10px; margin-top: 10px; font-size: 18px; } .saut { line-height: 0.5; margin-bottom: -15px; } .saut_grand { line-height: 0.5; } .saut_essai { line-height: 0; } .saut_moyen { line-height: 1; margin-bottom: -7px; } .liens_accueil { font-size: 14px; text-align: left; font-weight: normal; } .liens_grand { font-size: 16px; text-align: left; } .tableau_general { border-width: 0px; border-collapse: collapse; vertical-align: top; text-align: left; width: 1000px; height: 52px; cellpadding: 0; cellspacing: 0; } .div_general { width: 1000px; text-align:left; } .tableau_cal { vertical-align: top; text-align: center; } .erreur { font-size: 14px; color: #FF0000; font-weight: bold; } .reussite { font-size: 14px; font-weight: bold; color: #669900; } .grossereussite { font-size: 17px; font-weight: bold; color: #669900; } .donnee { font-weight: bold; color: #FF9900; font-size: 14px; } .titre { font-size: 18px; font-weight: bold; color: #FF6600; text-align: center; } .tableaux { font-size: 12px; border: 1px dotted #000000; background-color: #eeeeee; } .titre_element { font-family: Arial; font-size: 16px; font-weight: bold; text-align: left; } .element { font-family: Arial; font-size: 16px; text-align: left; margin-bottom: 5px; } .element_c { font-family: Arial; font-size: 16px; text-align: left; text-transform: capitalize; } .lien_petit { font-family: Arial; font-size: 12px; font-weight: bold; text-align: left; } .lien_type { font-family: Arial; font-size: 14px; font-weight: normal; text-align: left; } .lien_retour_annonce { font-family: Arial; font-size: 16px; font-weight: normal; text-align: left; } .lien_petit_centre { font-family: Arial; font-size: 12px; font-weight: bold; text-align: center; } .lien_tout_petit_centre { font-family: Verdana; font-size: 10px; text-align: center; } .tableau_titre { text-align: left; width: 1000px; height: 46px; border-width: 0px; border-style: solid; margin: 0px; border-collapse: collapse; padding: 0px; border-spacing: 0px; } .tableau_top_desti_splash { width: 836px; border-spacing:0px; margin:0px; padding:0px; border-width:0px; } .tab_div_autresdestiWE { float: left; width: 275px; max-width:275px; padding-left:2px; } .tab_div_autresdestiWE_coldroite { float: right; width: 275px; max-width:275px; } .tab_col_autresdestibas { width: 280px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } .top_evals { text-align: left; font-family: Arial; display: inline-block; background-color: #EEEEEE; width: 836px; border-spacing: 0px; border-width: 0px; padding: 0px; border: none; } .avertissement_securite { border-width: 1px; border-color: black; border-style: solid; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; padding: 10px; text-align: justify; } .fb_like_home { position: absolute; top: 2px; left: 890px; color: rgb(102, 102, 102); text-align: left; font-family: Arial; width: 130px; height: 20px; vertical-align: top; } .gplus_home { position: absolute; top: 700px; left: 0px; color: rgb(102, 102, 102); text-align: left; font-family: Arial; width: 130px; height: 20px; vertical-align: top; } .lien_menu_nav { text-align: left; font-size: 13px; align: left; font-weight:normal; color:#006600; } .form_destination { text-decoration: none; font-size: 18px; word-wrap: break-word; width: 825px; /* border-left-style: solid; border-left-width: 1px; */ padding-left: 5px; border-left-color: gray; background-color: #EEEEEE; } .lien_form_desti{ text-decoration: none; font-size: 14px; font-style:Arial; } .lien_vers_carte { /* suppression temporaire probl�me de cache float: right; */ width: 170px; margin-top: 12px; } .tableau_formulaire_desti{ clear: both; } .h1_destination { text-decoration: none; font-size: 18px; padding-left: 3px; max-width: 650px; /* suppression temporaire probl�me de cache float:left; */ } .h1_annonce { color: #006600; font-size:26px; margin-top:0; margin-bottom:0; letter-spacing: -.02em; font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; line-height: 1; } texte_form_destination { text-decoration: none; font-size: 18px; } bouton_form_destination { font-size: 18px; heigth: 16px; } .donnez_votre_avis_div { position: absolute; top: 100px; color: #666; text-align: left; font-family: Arial; width: 180px; height: 20px; vertical-align: top; left: 820px; font-size: 15px; } .donnez_avis_div_texte { word-wrap: break-word; } .inscription_proprio_div { /* avant passage en td; position: absolute; top: 190px; left: 650px; width: 330px; */ text-decoration: none; font-size: 18px; border-left-width: 1px; border-left-style: solid; margin-left: 0px; padding-left: 5px; } .bloc_adsense_types_locs { position: absolute; top: 195px; left: 840px; color: rgb(102, 102, 102); text-align: left; font-family: Arial; width: 160px; height: 90px; vertical-align: top; } .autres_types_loc_div { position: absolute; top: 720px; left: 0px; text-align: left; width: 160px; vertical-align: top; z-index:50; } .titre_liens_types{ border-top: 1px; border-bottom: 0px; border-right: 1px; border-left: 1px; border-style: solid; padding-left: 5px; padding-top: 5px; font-weight:bold; } .div_alaune{ margin-top:625px; border-top: 1px; border-bottom: 1px; border-right: 1px; border-left: 1px; border-style: solid; padding-left: 5px; padding-top: 5px; font-weight:bold; font-color:black; display:none; min-width:160px; } .div_alaune_annonce{ margin-top:700px; border-top: 1px; border-bottom: 1px; border-right: 1px; border-left: 1px; border-style: solid; padding-left: 5px; padding-top: 5px; font-weight:bold; font-color:black; } .tableau_types_locs { vertical-align: top; width: 160px; valign: top; border-bottom: 1px; border-right: 1px; border-left: 1px; border-color: black; border-style: solid; border-top: 0px; margin-bottom: 25px; /* avant �largissement: width: 670px; */ } .tableau_types_locs_tr { width: 256px; margin-bottom: 5px; /* avant colonne simple: width: 569px; */ } .tableau_types_locs_td { width: 256px; valign: top; vertical-align: top; margin-bottom: 5px; padding-top: 10px; padding-left: 5px; } .tableau_detailsannonce_colonne1 { vertical-align: top; width: 564px; padding-left: 5px; /* avant �largissement: width: 518px; */ } .tableau_detailsannonce_colonne2 { vertical-align: top; width: 266px; background-color: #EEEEEE /* avant �largissement: width: 154px; */ } .liste_annonce_boussole { border-collapse: collapse; background-color:#EEEEEE; } .div_annonce_prix_coin_haut_droit{ width: 258px; text-align: right; } .div_annonce_prix_coin_haut_droit_span_prix{ font-weight:bold; font-size:18px; } .div_photo_liste_annonces { width: 258px; height: 200px; margin: 0px 0 0 0px; border: 0px; color: #548D00; align: center; overflow: hidden; /* avant �largissement: width: 148px; */ } .div_photo_annonces { width: 220px; height: 200px; margin: 0px 0 0 0px; border: 0px; color: #548D00; align: center; overflow: hidden; /* avant �largissement: width: 148px; */ } .tableau_annonce_col2 { vertical-align: top; width: 615px; } .tableau_accueil { font-size: 14px; text-align: left; font-weight: normal; border: 0px; cellpadding: 0px; cellspacing: 0px; border-collapse: collapse; background-color: #deede2; width: 835px; bordercolor: #FFFFFF; } #container.expanded .expander { padding-left: 13px; background-position: left center; background-repeat: no-repeat; background-image: url(../expanded.gif); } #container.collapsed .expander { padding-left: 13px; background-position: left center; background-repeat: no-repeat; background-image: url(../collapsed.gif); } .content {display:none;} .boutons_jaime_annonce { position: absolute; top: 705px; left: 0px; color: rgb(102, 102, 102); text-align: left; font-family: Arial; width: 280px; height: 20px; vertical-align: top; } .liste_avantages { text-align: justify; font-size: 18px } .lien_desti_splash { font-size: 22px; text-decoration: none; } /* caption determines the style of the month/year banner above the calendar. */ caption { font-family: arial, helvetica; text-align: center; font-size: 11px; color: black; font-weight: bold; margin: 0 auto; width: 50px; } /* .calendar determines the overall formatting style of the calendar, acting as the default unless later overruled. */ .calendar { font-family: arial, helvetica; font-size: 10px; text-align: center; color: #000000; background-color: #FFFFFF; /* BLANC #FFFFFF */ border-color: #000000; border-style: none; border-width: 2px; border-spacing: 2px; border-collapse: separate; margin: 0 auto; table-layout: fixed; width: 170px; line-height:1.2; /* border-collapse: separate; border-width: 0px; */ } .calendar td{ /* ajout pour contre-carrer valeurs standard materila design*/ padding:1px; } .calendar th{ padding:0px; } .calendar-month { border-style: dotted; } /* .calendarlink determines the formatting of those days linked to content. */ .calendarlink { color: white; } /* .header determines the formatting of the weekday headers at the top of the calendar. */ .header { font-size: 10px; text-align: center; background-color: #FFFFFF; /* #996633*/ border-style: none; font-weight: normal; border-width: 0px; border-collapse: collapse; margin: 0 auto; } /* .day determines the formatting of each day displayed in the calendar. */ .day { background-color: #91E600; border-color: white; border-style: none; border-width: 0px; text-color: #FFFFFF; /* BLANC */ /* width:40px; */ text-align: center; border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: medium none; border-collapse: collapse; } /* .Pour la l�gende simple sans les saisons. */ .legend { background-color: #C0C0C0; border-color: #C0C0C0; border-style: solid; border-width: 1px; text-align: left; border-left: 1.0 pt solid windowtext; border-left-style: none; border-right: 1.0 pt solid windowtext; border-top: 1.0 pt solid windowtext; border-bottom: 1.0 pt solid windowtext; border-bottom-color: #C0C0C0; border-right-color: #C0C0C0; border-top-color: #C0C0C0; } .legend-1 { background-color: #FFFFFF; /* BLANC */ color: black; border-color: #c0c0c0; border-style: dotted; border-width: 1px; text-align: left; /* border-left: medium none;; border-right: medium none;; border-top: medium none;; border-bottom: medium none;; */ } /* .linkedday determines the formatting of a date to which content is available. */ .linkedday { background-color: #91E600; border-style: none; border-width: 0px; text-align: center } .B_TH { background-color: F29400; border-style: none; border-width: 0px; text-align: center; background-image: url(B_TH.PNG); } .M_TH { background-color: F29400; border-style: none; border-width: 0px; text-align: center; background-image: url(M_TH.PNG); } .H_TH { background-color: F29400; border-style: none; border-width: 0px; text-align: center; background-image: url(H_TH.PNG); } .pris_TH { background-color: F29400; border-style: none; border-width: 0px; text-align: center; background-image: url(pris_TH.PNG); } .option_TH { background-color: F29400; border-style: none; border-width: 0px; text-align: center; background-image: url(option_TH.PNG); } .TH_H { background-color: #FFDD00; border-style: none; border-width: 0px; text-align: center; background-image: url(TH_H.PNG); } .M_H { background-color: #FFDD00; border-style: none; border-width: 0px; text-align: center; background-image: url(M_H.PNG); } .B_H { background-color: #FFDD00; border-style: none; border-width: 0px; text-align: center; background-image: url(B_H.PNG); } .option_H { background-color: #FFDD00; border-style: none; border-width: 0px; text-align: center; background-image: url(option_H.PNG); } .pris_H { background-color: #FFDD00; border-style: none; border-width: 0px; text-align: center; background-image: url(pris_H.PNG); } .TH_M { background-color: #91E600; border-style: none; border-width: 0px; text-align: center; background-image: url(TH_M.PNG); } .H_M { background-color: #91E600; border-style: none; border-width: 0px; text-align: center; background-image: url(H_M.PNG); } .B_M { background-color: #91E600; border-style: none; border-width: 0px; text-align: center; background-image: url(B_M.PNG); } .option_M { background-color: #91E600; border-style: none; border-width: 0px; text-align: center; background-image: url(option_M.PNG); } .pris_M { background-color: #91E600; border-style: none; border-width: 0px; text-align: center; background-image: url(pris_M.PNG); } .TH_B { background-color: #00D9E6; border-style: none; border-width: 0px; text-align: center; background-image: url(TH_B.PNG); } .H_B { background-color: #00D9E6; border-style: none; border-width: 0px; text-align: center; background-image: url(H_B.PNG); } .M_B { background-color: #00D9E6; border-style: none; border-width: 0px; text-align: center; background-image: url(M_B.PNG); } .option_B { background-color: #00D9E6; border-style: none; border-width: 0px; text-align: center; background-image: url(option_B.PNG); } .pris_B { background-color: #00D9E6; border-style: none; border-width: 0px; text-align: center; background-image: url(pris_B.PNG); } .TH_option { background-color: #919191; border-color: #008080; color: #FFDD00; /* BLANC */ border-width: 0px; border-style: solid; text-align: center; background-image: url(TH_option.PNG); } .H_option { background-color: #919191; border-color: #008080; color: #FFDD00; /* BLANC */ border-width: 0px; border-style: solid; text-align: center; background-image: url(H_option.PNG); } .M_option { background-color: #919191; border-color: #008080; color: #FFDD00; /* BLANC */ border-width: 0px; border-style: solid; text-align: center; background-image: url(M_option.PNG); } .B_option { background-color: #919191; border-color: #008080; color: #FFDD00; /* BLANC */ border-width: 0px; border-style: solid; text-align: center; background-image: url(B_option.PNG); } .pris_option { background-color: #919191; border-color: #008080; color: #FFDD00; /* BLANC */ border-width: 0px; border-style: solid; text-align: center; background-image: url(pris_option.PNG); } .TH_pris { color: #FFFFFF; /* BLANC */ background-color: #C6C7C8; border-color: #000000; border-style: solid; border-width: 0px; text-align: center; text-decoration: line-through; background-image: url(TH_pris.PNG); } .H_pris { color: #FFFFFF; /* BLANC */ background-color: #C6C7C8; border-color: #000000; border-style: solid; border-width: 0px; text-align: center; text-decoration: line-through; background-image: url(H_pris.PNG); } .M_pris { color: #FFFFFF; /* BLANC */ background-color: #C6C7C8; border-color: #000000; border-style: solid; border-width: 0px; text-align: center; text-decoration: line-through; background-image: url(M_pris.PNG); } .B_pris { color: #FFFFFF; /* BLANC */ background-color: #C6C7C8; border-color: #000000; border-style: solid; border-width: 0px; text-align: center; text-decoration: line-through; background-image: url(B_pris.PNG); } .option_pris { color: #FFFFFF; /* BLANC */ background-color: #C6C7C8; border-color: #000000; border-style: solid; border-width: 0px; text-align: center; text-decoration: line-through; background-image: url(option_pris.PNG); } .pris { color: #FFFFFF; /* BLANC */ background-color: #C6C7C8; border-color: #000000; border-style: solid; border-width: 0px; text-align: center; text-decoration: line-through; /* border-left: 1.0 pt solid windowtext; border-right: 1.0 pt solid windowtext; border-top: 1.0 pt solid windowtext; border-bottom: 1.0 pt solid windowtext; */ } .pris-d { color: #FFFFFF; /* BLANC */ background-color: #C6C7C8; border-color: #000000; border-style: solid; border-width: 0px; text-align: center; text-decoration: line-through; /* border-left: 1.0 pt solid windowtext; border-right: medium none; border-top: 1.0 pt solid windowtext; border-bottom: 1.0 pt solid windowtext; */ } .pris-m { color: #FFFFFF; /* BLANC */ background-color: #C6C7C8; border-color: #000000; border-style: solid; border-width: 0px; text-align: center; text-decoration: line-through; /* border-left: medium none; border-right: medium none; border-top: 1.0 pt solid windowtext; border-bottom: 1.0 pt solid windowtext; */ } .pris-f { color: #FFFFFF; /* BLANC */ background-color: #C6C7C8; border-color: #000000; border-style: solid; border-width: 0px; text-align: center; text-decoration: line-through; /* border-left: medium none; border-right: 1.0 pt solid windowtext; border-top: 1.0 pt solid windowtext; border-bottom: 1.0 pt solid windowtext; */ } .option { background-color: #919191; border-color: #008080; /* text-color: #FFDD00; BLANC */ color: #FFDD00; /* BLANC */ border-width: 0px; border-style: solid; text-align: center; /* border-left: 1.0 pt solid windowtext; border-right: 1.0 pt solid windowtext; border-top: 1.0 pt solid windowtext; border-bottom: 1.0 pt solid windowtext; border-bottom-color: #008080; border-left-color: #008080; border-right-color: #008080; border-top-color: #008080; */ } .option-d { background-color: #919191; border-color: #008080; /* text-color: #FFDD00; BLANC */ color: #FFDD00; /* BLANC */ border-style: solid; border-width: 0px; text-align: center; /* border-left: 1.0 pt solid windowtext; border-right: medium none; border-top: 1.0 pt solid windowtext; border-bottom: 1.0 pt solid windowtext; border-bottom-color: #008080; border-left-color: #008080; border-top-color: #008080; */ } .option-m { background-color: #919191; border-color: #008080; /* text-color: #FFDD00; BLANC */ color: #FFDD00; /* BLANC */ border-style: solid; border-width: 0px; text-align: center; /* border-left: medium none; border-right: medium none; border-top: 1.0 pt solid windowtext; border-bottom: 1.0 pt solid windowtext; border-bottom-color: #008080; border-top-color: #008080; */ } .option-f { background-color: #919191; border-color: #008080; /* text-color: #FFDD00; BLANC */ color: #FFDD00; /* BLANC */ border-style: solid; border-width: 0px; text-align: center; /* border-left: medium none; border-right: 1.0 pt solid windowtext; border-top: 1.0 pt solid windowtext; border-bottom: 1.0 pt solid windowtext; border-bottom-color: #008080; border-right-color: #008080; border-top-color: #008080; */ } .TH { background-color: #F29400; border-style: none; border-width: 0px; text-align: center } .H { background-color: #FFDD00; border-style: none; border-width: 0px; text-align: center } .M { background-color: #91E600; border-style: none; border-width: 0px; text-align: center } .B { background-color: #00D9E6; border-style: none; border-width: 0px; text-align: center; } .dp_selected { border: 2px outset black; } div.crop { height: 160px; width: 160px; overflow: hidden; } div.crop img { margin: -300px -200px 0 0; } .lists th { text-align: left; padding: 5px 10px; background: #6d84b4; } .lists .spacer { background: none; border: none; padding: 0px; margin: 0px; width: 10px; } .lists th h4 { float: left; color: white; } .lists th a { float: right; font-weight: normal; color: #d9dfea; } .lists th a:hover { color: white; } .lists td { margin: 0px 10px; padding: 0px; vertical-align: top; width: 306px; } .lists .list { background: white none repeat scroll 0%; border-color: -moz-use-text-color #BBBBBB; border-style: none solid; border-width: medium 1px; } .lists .list .list_item { border-top: 1px solid #E5E5E5; padding: 10px; } .lists .list .list_item.first { border-top: none; } .lists .see_all { background: white none repeat scroll 0%; border-color: -moz-use-text-color #BBBBBB rgb(187, 187, 187); border-style: none solid solid; border-width: medium 1px 1px; text-align: left; } .lists .see_all div { border-top: 1px solid #E5E5E5; padding: 5px 10px; } inputsubmit.button { border-color: #3b5998; background-color: #3b5998; color: white; } /* Pour la galerie photo --- Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .gallerycontainer { position: relative; height: 60; /*Add a height attribute and set to largest image's height to prevent overlaying*/ } .thumbnail img { border: 1px solid white; margin: 0 5px 5px 0; } .thumbnail:hover { background-color: transparent; } .thumbnail:hover img { border: 1px solid blue; } .thumbnail span { /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } /* left: -1000px; */ .thumbnail span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; width: 620; /* avant �largissement: width: 470; */ } .thumbnail:hover span { /*CSS for enlarged image*/ visibility: visible; top: 0; left: -625px; /*position where enlarged image should offset horizontally -400 avant �largissement: 50 left: -475px; */ z-index: 0; } /* Pour le tableau des calendriers */ /* Pour la galerie photo --- Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .gallerycontainer2 { position: relative; width:140px; height: 209px; border-top:0px; padding:0px; border-spacing:0px; /* height: 60px; Add a height attribute and set to largest image's height to prevent overlaying*/ } .thumbnail2 img { border: 0px solid white; margin: 0 0px 0px 0; } .thumbnail2:hover { background-color: transparent; } .thumbnail2:hover img { border: 1px solid blue; } .thumbnail2 span { /*CSS for enlarged image*/ /* position: relative; background-color: white; padding: 5px; left: -30px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; top: 80px; */ position: relative; visibility: hidden; left: -300px; } /* left: -1000px; */ .thumbnail2 span img { /*CSS for enlarged image*/ border-width: 0; padding: 0px; width: 620; /* avant �largissement: width: 470; */ } .thumbnail2:hover span { /*CSS for enlarged image*/ visibility: visible; top: 80px; left: -300px; /*position where enlarged image should offset horizontally -400 avant �largissement: 50 left: -475px; */ z-index: 0; } .ctaButton { border-radius: 0.5em 0.5em 0.5em 0.5em; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); display: inline-block; font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; /* margin-top: 12px; */ margin-top: 0px; padding: 7px 9px; text-decoration: none; text-transform: uppercase; } .ctaButtonbig { border-radius: 0.5em 0.5em 0.5em 0.5em; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); display: inline-block; font-family: tahoma, arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; /* margin-top: 12px; */ margin-top: 5px; margin-bottom: 5px; padding: 7px 9px; text-decoration: none; text-transform: uppercase; } .green { background-color: #8EAF53; /* background: linear-gradient(center top , #8EAF53, #799E3C) repeat scroll 0 0 transparent; background: -moz-linear-gradient(center top , #8EAF53, #799E3C) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(center top , #8EAF53, #799E3C) repeat scroll 0 0 transparent; */ border: 1px solid #619C33; color: #FFF; } .green:hover { background-color: #799E3C; /* background: linear-gradient(center top , #799E3C, #8EAF53) repeat scroll 0 0 transparent; background: -moz-linear-gradient(center top , #799E3C, #8EAF53) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(center top , #799E3C, #8EAF53) repeat scroll 0 0 transparent; */ border: 1px solid #619C33; color: #FFF; } .orange { background-color: #FF6600; /* background: linear-gradient(center top , #8EAF53, #799E3C) repeat scroll 0 0 transparent; background: -moz-linear-gradient(center top , #8EAF53, #799E3C) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(center top , #8EAF53, #799E3C) repeat scroll 0 0 transparent; */ border: 1px solid #FF6600; color: #FFF; } .orange:hover { background-color: #D95700; /* background: linear-gradient(center top , #799E3C, #8EAF53) repeat scroll 0 0 transparent; background: -moz-linear-gradient(center top , #799E3C, #8EAF53) repeat scroll 0 0 transparent; background: -webkit-linear-gradient(center top , #799E3C, #8EAF53) repeat scroll 0 0 transparent; */ border: 1px solid #D95700; color: #FFF; } .blinker { /*lien calendrier*/ text-decoration: underline; color: red; /*text-decoration: blink;*/ /*background-color:red;*/ } .nonblinker { /*lien calendrier*/ text-decoration: underline; } .lien_menu_nav { text-align: left; font-size: 13px; align: left; font-weight: normal; } /* debut dropdown langues */ #country-select { position: absolute; top: -3px; left: 955px; right: 0; width: 50px; } /* rought form styles for when JS is disabled */ #country-select form { width: 180px; padding: 0; } #country-select select, #country-select input { display: inline; padding: 0; margin: 0; } /* JS-created definition list */ .dropdown dd { position: relative; left: -40px; } .dropdown a { text-decoration: none; outline: 0; font: 12px Arial, Helvetica, sans-serif; display: block; width: 45px; overflow: hidden; } .dropdown dt a { background: blank; border: 0px; padding: 3px 0px 4px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: gray; } .dropdown dt a.active { background: blank; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px dotted #676768; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .5); box-shadow: 0 3px 7px rgba(0, 0, 0, .5); color: gray; } .dropdown dd ul { background: blank; border: 0px solid #676768; color: #C5C0B0; display: none; position: absolute; z-index: 999; top: 0; left: 0; padding: 2px 0 5px 0; list-style: none; border-top: none; margin: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .5); box-shadow: 0 3px 7px rgba(0, 0, 0, .5); background-color: #FFF; } .dropdown dd ul li a { padding: 2px 0px 2px 10px } .dropdown dd ul li a span, .dropdown dt a span { float: left; width: 21px; height: 14px; margin: 2px 3px 0 0; background-repeat: no-repeat; cursor: pointer; } .us a span { background-image: url(flag_en_small.gif); } .uk a span { background-image: url(flag_en_small.gif); } .fr a span { background-image: url(flag_fr_small.gif); } .de a span { background-image: url(flag_de_small.gif); } .nl a span { background-image: url(flag_nl_small.gif); } .sp a span { background-image: url(flag_es_small.gif); } .fi a span { background-image: url(flag_fi_small.gif); } /* .dropdown dt a span { float: left; width: 16px; height: 11px; margin: 2px 6px 0 0; background-image: url(flags.png); background-repeat: no-repeat; cursor: pointer; } .us a span { background-position: 0 0 } .uk a span { background-position: -16px 0 } .fr a span { background-position: -32px 0 } .de a span { background-position: -48px 0 } .nl a span { background-position: -64px 0 } .sp a span { background-position: -128px 0 } .fi a span { background-position: -112px 0 } */ .dropdown dd ul li a em, .dropdown dt a em { font-style: normal; float: left; width: 10px; cursor: pointer; } .dropdown dd ul li a em { color: #fff; } .dropdown dd ul li a:hover { background-color: rgba(255, 255, 255, .1); } .dropdown dd ul li a:hover em { color: #fff; } /* fin dropdown langues D�but autocomplete */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; } /* fin autocomplete */ /* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */ .cc-cookies { position:fixed; width: 90%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; } .cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; } .cc-cookies a:hover { text-decoration: none; } .cc-overlay { height: 100%; padding-top: 25%; } .cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; } .cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; } .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; } .cc-cookies a.cc-cookie-reset { background: #f15b00; } .cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; } .cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; } .cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; } .cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; } .cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; } @media screen and (max-width: 768px) { .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; } } @media screen and (max-width: 480px) { .cc-cookies { position: relative; float: left; } } /* Fin cookieCuttr by Chris Wharton (http://cookiecuttr.com) */ /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; /** Ajout essai*/ max-height:460px; } .bx-wrapper img { max-width: 100%; display: block; /** http://stackoverflow.com/questions/22278650/adaptive-bxslider-width-or-center-image ===================================*/ margin: 0 auto; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 0px solid #fff; left: -5px; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(jquery/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(jquery/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(jquery/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(jquery/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(jquery/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* Fin bx slider */ .tos-slide,.tos-slider,.tos-wrapper{width:100%;height:100%} .tos-noanimation{-webkit-transition-property:none!important;transition-property:none!important} .tos-fastanimation{-webkit-transition-duration:.2s!important;transition-duration:.2s!important;-webkit-transition-timing-function:ease-out!important;transition-timing-function:ease-out!important} .tos-wrapper{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;display:none;padding:0;margin:0;overflow:hidden} .tos-wrapper.tos-opened{display:block} .tos-slide,.tos-slide:before,.tos-slide>*{display:inline-block} .tos-wrapper.tos-opening{opacity:1} .tos-wrapper.tos-fixed{background-color:#000;position:fixed;top:0;left:0;z-index:10000} .tos-slider,.tos-wrapper.tos-inline{position:relative} .tos-slider{white-space:nowrap;padding:0;margin:0} .tos-uibg,.tos-wrapper.tos-fx-slide.tos-fixed .tos-slider{position:absolute} .tos-wrapper.tos-fx-slide .tos-slider{left:0;-webkit-transition:left .4s ease;transition:left .4s ease} .tos-wrapper.tos-fx-fade .tos-slider{opacity:1;-webkit-transition:opacity .4s ease;transition:opacity .4s ease} .tos-uibg{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;width:100%;left:0;bottom:0;z-index:1} .tos-fill .tos-uibg{background:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background:linear-gradient(to top,rgba(0,0,0,.5),transparent)} .tos-desktop .tos-wrapper:hover .tos-uibg,.tos-touch .tos-wrapper.tos-hover .tos-uibg{opacity:1} .tos-slide{-webkit-overflow-scrolling:touch;line-height:1px;text-align:center;box-sizing:border-box;overflow:hidden;position:relative} .tos-slide:before{content:"";height:50%;width:1px;margin-right:-1px} .tos-slide.tos-loading>*{opacity:0} .tos-slide>*{opacity:1;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;vertical-align:middle;max-height:100%;max-width:100%;box-sizing:border-box} .tos-slide.tos-html>div{-webkit-overflow-scrolling:touch;white-space:normal;text-align:left;line-height:1.5} .tos-slide.tos-html>div *{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none} .tos-wrapper.tos-fill .tos-slide.tos-image>img{max-height:none;max-width:none;min-height:100%;min-width:100%} .tos-wrapper.tos-fixed .tos-slide.tos-html>div{background-color:#fff;color:#333;box-sizing:border-box;display:inline-block;padding:40px;overflow:auto} .tos-desktop .tos-wrapper.tos-fixed{background-color:rgba(0,0,0,.85)} .tos-desktop .tos-wrapper.tos-fixed.tos-fit .tos-slide{padding:20px} .tos-close,.tos-next{right:20px} .tos-close,.tos-next,.tos-prev{background:#000;border-radius:3px;opacity:0;display:block;width:40px;position:absolute;z-index:1;-webkit-transition:opacity .4s ease;transition:opacity .4s ease} .tos-next,.tos-prev{height:80px;margin-top:-40px;top:50%} .tos-next.tos-disabled,.tos-prev.tos-disabled{cursor:default} .tos-prev{left:20px} .tos-close{height:40px;top:20px} .tos-desktop .tos-wrapper:hover .tos-close,.tos-desktop .tos-wrapper:hover .tos-next,.tos-desktop .tos-wrapper:hover .tos-prev,.tos-touch .tos-wrapper.tos-hover .tos-close,.tos-touch .tos-wrapper.tos-hover .tos-next,.tos-touch .tos-wrapper.tos-hover .tos-prev{opacity:.5} .tos-desktop .tos-wrapper:hover .tos-close:hover,.tos-desktop .tos-wrapper:hover .tos-next:hover,.tos-desktop .tos-wrapper:hover .tos-prev:hover,.tos-touch .tos-wrapper.tos-hover .tos-close:hover,.tos-touch .tos-wrapper.tos-hover .tos-next:hover,.tos-touch .tos-wrapper.tos-hover .tos-prev:hover{opacity:.9} .tos-desktop .tos-wrapper:hover .tos-close.tos-disabled,.tos-desktop .tos-wrapper:hover .tos-next.tos-disabled,.tos-desktop .tos-wrapper:hover .tos-prev.tos-disabled,.tos-touch .tos-wrapper.tos-hover .tos-close.tos-disabled,.tos-touch .tos-wrapper.tos-hover .tos-next.tos-disabled,.tos-touch .tos-wrapper.tos-hover .tos-prev.tos-disabled{opacity:.2} .tos-close span:after,.tos-close span:before,.tos-next span,.tos-prev span{content:'';display:block;width:12px;height:12px;margin:-5px;position:absolute;top:50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .tos-close span:after,.tos-close span:before{width:6px;height:6px;margin-top:-4px;margin-left:0;margin-right:0} .tos-close span:before,.tos-prev span{border-bottom:3px solid #fff;border-left:3px solid #fff;left:50%} .tos-close span:after,.tos-next span{border-top:3px solid #fff;border-right:3px solid #fff;right:50%} .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide,.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-next .tos-slide,.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-prev .tos-slide{padding-left:80px;padding-right:80px} .tos-inline{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;display:inline-block;margin:0;position:relative;top:auto;left:auto;right:auto} .tos-inline.tos-prev{margin-right:-60px} .tos-inline.tos-next{margin-left:-60px} .tos-loading .tos-inline{opacity:0!important} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close,.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next,.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev{-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-prev,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-prev{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-next,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-next{-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-close,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-close{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top} .tos-caption{color:#fff;text-align:center;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;width:100%;position:absolute;left:0;bottom:0;z-index:1} .tos-caption:after{content:'';display:block;clear:both} .tos-caption>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;box-sizing:border-box;padding:0 20px;float:left} .tos-caption>div:last-child{float:right;margin-right:-2px} .tos-desktop .tos-wrapper:hover .tos-caption,.tos-touch .tos-wrapper.tos-hover .tos-caption{opacity:1} .tos-wrapper .tos-caption{line-height:20px;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.8);height:40px} .tos-wrapper.tos-has-caption .tos-uibg{height:100px} .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-caption .tos-slide{padding-bottom:60px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-caption{line-height:40px;font-size:30px;text-shadow:0 2px 4px rgba(0,0,0,.8);height:80px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg{height:200px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-caption{line-height:60px;font-size:45px;text-shadow:0 3px 6px rgba(0,0,0,.8);height:120px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-caption .tos-uibg{height:300px} .tos-wrapper.tos-fx-slide .tos-slider{-webkit-transition-property:left,margin;transition-property:left,margin} .tos-pagination{text-align:center;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;width:100%;position:absolute;bottom:0;left:0;z-index:1} .tos-pagination a{display:inline-block} .tos-pagination.tos-bullets a{background-color:rgba(255,255,255,.2)} .tos-pagination.tos-bullets a:hover{background-color:rgba(255,255,255,.5)} .tos-pagination.tos-bullets a.tos-selected{background-color:rgba(255,255,255,.9)} .tos-desktop .tos-wrapper:hover .tos-pagination,.tos-touch .tos-wrapper.tos-hover .tos-pagination{opacity:1} .tos-wrapper .tos-pagination:after,.tos-wrapper .tos-pagination:before{content:'';display:inline-block;width:20px;height:10px} .tos-wrapper.tos-has-bullets .tos-pagination{height:30px} .tos-wrapper.tos-has-bullets .tos-pagination a{border-radius:10px;width:10px;height:10px;margin:0 5px} .tos-wrapper.tos-has-bullets .tos-caption{bottom:30px} .tos-wrapper.tos-has-bullets .tos-uibg{height:90px} .tos-wrapper.tos-has-bullets.tos-has-caption .tos-uibg{height:130px} .tos-wrapper.tos-has-thumbnails .tos-pagination{height:70px} .tos-wrapper.tos-has-thumbnails .tos-pagination a{background-position:center center;background-size:cover;width:50px;height:50px;margin:0 5px} .tos-wrapper.tos-has-thumbnails .tos-caption{bottom:70px} .tos-wrapper.tos-has-thumbnails .tos-uibg{height:130px} .tos-wrapper.tos-has-thumbnails.tos-has-caption .tos-uibg{height:170px} .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets .tos-slide{padding-bottom:50px} .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-bullets.tos-has-caption .tos-slide{padding-bottom:80px} .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails .tos-slide{padding-bottom:90px} .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-thumbnails.tos-has-caption .tos-slide{padding-bottom:120px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-pagination:after,.tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-pagination:before{content:'';display:inline-block;width:40px;height:20px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination{height:60px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a{border-radius:20px;width:20px;height:20px;margin:0 10px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption{bottom:60px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg{height:180px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg{height:260px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination{height:140px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a{background-position:center center;background-size:cover;width:100px;height:100px;margin:0 10px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption{bottom:140px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg{height:260px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg{height:340px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-pagination:after,.tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-pagination:before{content:'';display:inline-block;width:60px;height:30px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination{height:90px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-pagination a{border-radius:30px;width:30px;height:30px;margin:0 15px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-caption{bottom:90px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets .tos-uibg{height:270px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-bullets.tos-has-caption .tos-uibg{height:390px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination{height:210px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-pagination a{background-position:center center;background-size:cover;width:150px;height:150px;margin:0 15px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-caption{bottom:210px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails .tos-uibg{height:390px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed.tos-has-thumbnails.tos-has-caption .tos-uibg{height:510px} .tos-slide .tos-html{-webkit-overflow-scrolling:touch} .tos-play,.tos-play:after{display:block;position:absolute;top:50%;left:50%} .tos-play{background:#000;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease} .tos-play:after{content:''} .tos-desktop .tos-wrapper:hover .tos-play,.tos-touch .tos-wrapper.tos-hover .tos-play{opacity:.5} .tos-desktop .tos-wrapper:hover .tos-play:hover,.tos-touch .tos-wrapper.tos-hover .tos-play:hover{opacity:.9} .tos-wrapper .tos-play{border-radius:80px;width:80px;height:80px;margin:-40px} .tos-wrapper .tos-play:after{border:20px solid transparent;border-left-color:#fff;border-left-width:30px;margin-top:-20px;margin-left:-10.5px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play{border-radius:160px;width:160px;height:160px;margin:-80px} .tos-touch.tos-scale-2 .tos-wrapper.tos-fixed .tos-play:after{border:40px solid transparent;border-left-color:#fff;border-left-width:60px;margin-top:-40px;margin-left:-21px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play{border-radius:240px;width:240px;height:240px;margin:-120px} .tos-touch.tos-scale-3 .tos-wrapper.tos-fixed .tos-play:after{border:60px solid transparent;border-left-color:#fff;border-left-width:90px;margin-top:-60px;margin-left:-31.5px} /* left: 230px; </ style > */