/* Theme Name: enfant Author: Scopika Author URI: http://scopika.com/ Description: Child Thème pour Scopikatz Version: 27-04-2018 Template: scopikatz Text Domain: enfant */ @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,400i,500,700&display=swap'); @import url("https://use.typekit.net/ohb4ecv.css"); /* MAINTENANCE ================================================== */ .aiowps-site-lockout-msg { color: #000; line-height: 45px; } /* PLUGIN DE GESTION DES COOKIES ================================================== */ #cookie-notice { background: #666 !important;} #cn-notice-text {display: block; font-size:14px; } .cookie-notice-container { padding:10px 15px 5px; background: #666 !important; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.4); box-shadow: 0 0 10px 0 rgba(0,0,0,0.4); } #cookie-notice .button.bootstrap { width:auto; font:500 18px/20px 'Roboto Condensed', sans-serif ; text-transform:uppercase; color: #fff!important;border: solid 2px #c8002f !important; background: #c8002f none; margin: 10px 5px; padding: 12px 18px; border:none; box-shadow:none; text-shadow:none; } #cookie-notice .button.bootstrap:hover, #cookie-notice .button.bootstrap:focus {opacity:1; color: #c8002f!important; background: #fff none;} /* MOTEUR DE RECHERCHE ================================================== */ /* BOUTON LOUPE */ #searchmodal { width:40px; height:40px; margin:9px; border-radius:50px; border:none; background:#fff url(img/loupe_modal.png)no-repeat center center; background-size:22px; outline:none; transition: all .2s ease-in-out; } #searchmodal:hover { background:#fff url(img/loupe_modal.png)no-repeat center center; background-size:26px; } /* MODAL */ .modal-dialog { position:relative; width:60%; top:50%; margin:0 auto; padding:0 15px; } .modal-content{ border:none!important; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none; } .modal-body { padding: 0; } .fenetre-rechercher #searchform input#s { float:left; width:calc(100% - 80px); height:80px; font:600 18px/24px 'Nunito', sans-serif; padding:0 15px; border:none;-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px; background:#fff; outline:none; } .fenetre-rechercher #searchform input#s:hover, .fenetre-rechercher #searchform input#s:active { background:#eee; } .fenetre-rechercher #searchform button#searchsubmit {float:right; width:80px; height:80px; border:none!important; -webkit-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0; top:0; background:#fff url(img/loupe_modal.png)no-repeat center center; background-size:40px; outline:none; transition: all .2s ease-in-out; } .fenetre-rechercher #searchform button#searchsubmit:hover, .fenetre-rechercher #searchform button#searchsubmit:active { background-color:#fff; border-bottom:none!important; background-size:50px; outline:none; -webkit-box-shadow:none; box-shadow:none; } .fenetre-rechercher #searchform button#searchsubmit .dashicons-search{display:none;} button.close { background:url(img/cross.png) no-repeat center center;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;width:80px;height:80px;position:absolute;right:35px;top:35px;opacity:1; outline:none; } .search_nav { background:#f7904b; padding:40px; } .rech_thumb {} .rech_thumb figcaption { color:#000 !important; background:transparent !important; } /* GENERAL & POLICES ================================================== */ body {font:400 16px/22px 'Roboto Condensed', sans-serif; color:#666!important; letter-spacing:0; background: #FFF url('img/courbes.jpg') no-repeat 0 0 !important; background-size: cover !important; background-attachment: fixed !important; } #boxedLayout { background-size: 100%; background-attachment: fixed; padding-top: 0;} .page-header { background: none !important; border:none !important; padding: 0 15px 45px; margin:0; clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%); /*margin-bottom: 40px;*/ } ::selection { background: #c8002f !important; color: #fff !important; } h1, h2, h3 {font-family:'Roboto Condensed', sans-serif; color:#039ccd !important; text-transform:inherit; letter-spacing:0; } h1, h2, h3 {text-align: center; font-weight: 300;} h1 {font-size:48px;} h4, .h4 { font:700 18px/24px 'Roboto Condensed', sans-serif; color:#666!important; margin-bottom:5px; } h5, .h5 { font:700 16px/21px 'Roboto Condensed', sans-serif; color:#666!important; margin:0; } body.home h1 {font-size: 60px;} body.home h2 {font-size: 48px;} body.home h3 {font-size:30px;} h2 {font-size:32px;} .page-header h1 {color: #039ccd !important; margin: 20px 0 0px;} .page-header p {text-align: center;} .page-header .excerpt p {color: #666; font: 500 17px/21px 'Roboto Condensed', sans-serif;margin-top: 10px;} strong {font-weight: 700;} a { color: #c8002f; text-decoration:underline; } #content a { color: #c8002f; text-decoration:underline; } #content a:hover, #content .active a { color: #c8002f; text-decoration:none; } .widget { border:none !important; } figcaption {background: #888;} /* HEADER ================================================== */ .desktop { display: block; } .responsive { display: none; } #wrapperheader { } #wrapperheader::before { position:absolute; content:""; width:100%; height:80px; background:#039ccd; } .home #wrapperheader::before { background: #000; background: -webkit-linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,0)); background: -moz-linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,0)); background: linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,0)); -webkit-transition: all 0.4s ease;transition: all 0.4s ease; } #sidebar-pre-header-left {background: none; } #sidebar-pre-header-right {background: none; } #sidebar-main-header-left {background: none;} #sidebar-main-header-right {background: none;} #sidebar-main-header {background: none; padding: 0 60px;} #sidebar-logo { filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4)); transition: .3s ease-in-out; } #sidebar-logo .widget_scopikatz_logo { clip-path: polygon(0 0, 50% 100%, 100% 0); background: #fff; text-align: center; padding: 5px 80px 35px; } #sidebar-logo .navbar-brand {float: none; padding: 0;} #sidebar-logo img { margin: 0 auto; max-width: 130px; width: 100%; } #menuHeader { background: none; } #sidebar-foot-header { background: none; } @media (max-width: 1099px) {#sidebar-logo {padding: 0;}} @media (min-width: 768px) { .site-container {position: relative;} body:not(.home) #wrapperheader { position: fixed; z-index: 55; width: 100%; } body:not(.home) #globalWrapper { position: absolute; width: 100%; top: 50px; z-index: 50; } .page-header h1 { margin-top: 40px; } } @media (min-width: 1199px) { body:not(.home) #globalWrapper { top: 60px; } } /* MENU ================================================== */ #sidebar-pre-header-right div { float:left; } #menu-membres-de-lassociation { list-style:none; margin: 0; padding:0; } #menu-membres-de-lassociation li { display: inline-block; } #wrapperheader.sticky::before { background:#039ccd;} /* Premier niveau */ #mainMenu ul#menu-menu-principal { width:100%; margin:0; display:inline-flex; align-items:center; justify-content:flex-end; } #mainMenu ul#menu-menu-principal li.sep:before { content: '|'; color:#000; display:none;} #mainMenu ul#menu-menu-principal > li > a {font:400 16px/18px 'Roboto Condensed', sans-serif; text-align:center; color:#fff; text-transform: uppercase; padding:11.5px 15px; } #mainMenu .navbar-default {background:transparent none !important; border:none; } #mainMenu .navbar-brand { padding: 10px 0; } #mainMenu .navbar-default .navbar-brand img { max-width:100%; padding: 0;} #mainMenu ul#menu-menu-principal > li > a.active, #mainMenu ul#menu-menu-principal >li>a:hover, #mainMenu ul#menu-menu-principal >li.hover>a, .header1 #resMainMenu li.active>a { background:transparent; color: rgba(255,255,255,0.75); } .panel-default>.panel-heading:hover, .nav>li>a:hover, .nav>li>a:focus { background: transparent !important; } /* Second niveau */ #mainMenu ul#menu-menu-principal ul { background:#eee; top:59px; width:100%; min-width:220px; border-top: solid 2px #c8002f; } #mainMenu ul#menu-menu-principal ul li:before { display:block; content: ' '; border-bottom:solid 1px rgba(0, 0, 0, 0.1); } #mainMenu ul#menu-menu-principal ul li:first-child:before { display:none; } #mainMenu ul#menu-menu-principal ul li a { color: #000; font:400 15px/20px 'Roboto Condensed', sans-serif;; text-transform:inherit; } #mainMenu ul#menu-menu-principal ul li a:hover, #mainMenu ul#menu-menu-principal ul li.hover> a, #mainMenu ul#menu-menu-principal ul li.Nactive> a { color: #FFF; background: #c8002f; -webkit-transition: all 0.4s ease;transition: all 0.4s ease; } /* Troisième niveau */ #mainMenu ul#menu-menu-principal ul ul {top: 1px; border-top: none;} @media (max-width: 1199px) { #wrapperheader::before {height: 50px;} #mainMenu ul#menu-menu-principal > li > a {font-size: 16px; padding: 9px 10px;} } @media (max-width: 991px) { #sidebar-main-header {padding: 0 30px;} #sidebar-logo {width: 20%;} #sidebar-logo .widget_scopikatz_logo {padding: 5px 45px 30px;} #sidebar-wrapper {width: 80%;} #mainMenu ul#menu-menu-principal > li > a {font-size: 15px; padding: 8px;} } /* CHEMIN ET TITRE DES PAGES ================================================== */ #breadcrumbsWrapper { font-size:12px; color:#666!important; padding:5px 15px; margin: 0 -15px; border-bottom: none;background:rgba(195,199,202,.2); } #breadcrumbsWrapper a { color:#666; } body.home #breadcrumbsWrapper { display: none; } @media (min-width: 768px) { #breadcrumbsWrapper {text-align: right; padding:5px 0;margin: 0;} } /* FOOTER ================================================== */ footer {background: none !important; color:#666 !important; font-weight:400;} footer .widget { border:none; } #sidebar-pre-footer {background: none; } #sidebar-footer-col1 {background: none; } #sidebar-footer-col1 .widget_scopikatz_logo_footer {float: left;} #sidebar-footer-col1 .widget_scopikatz_logo_footer img {max-width: 145px; margin-right: 10px;} #sidebar-footer-col1 .widget_text {font-size: 16px;} #sidebar-footer-col1 .widget_text strong {color: #189cc7; font-size: 24px; font-weight: 400;} #sidebar-footer-col2 {background: none; } #sidebar-footer-col2 .widget_text .adresse { padding-left: 30px; background: url(img/picto-footer.png) no-repeat 0 1px; background-size: 24px; line-height: 1.5; } #sidebar-footer-col2 .widget_text .telephone { padding-left: 30px; background: url(img/picto-footer.png) no-repeat 0 -19px; background-size: 24px; line-height: 1.5; } #sidebar-footer-col3 {background: none; } #sidebar-footer-col4 {background: none; } #PostFooter {background:#888888; text-align:center; font-size: initial; } #PostFooter ul {padding-left: 0; margin-top: 10px;} #PostFooter ul li {list-style: none; display: inline-block;} #PostFooter ul li a {color: #fff; padding: 7px;} #PostFooter ul li a:hover {text-decoration: none; opacity: 0.75;} .widget_scopikatz_logo_footer img {width: 195px; text-align: center; margin: 0 auto; display: block; } ul.logos-partenaires { display:flex; list-style:none; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:solid 2px #c3c7cb; } ul.logos-partenaires li { text-indent:-9990px; min-width:12.5%; min-height:75px; } ul.logos-partenaires li.anct { background: url("img/logo-anct.gif")center center no-repeat; background-size:contain; } ul.logos-partenaires li.aura { background: url("img/logo-region-aura.gif")center center no-repeat; background-size:contain;} ul.logos-partenaires li.occitanie {background: url("img/logo-region-occitanie.gif")center center no-repeat; background-size:contain; } ul.logos-partenaires li.lozere { background: url("img/logo-departement-lozere.gif")center center no-repeat; background-size:contain;} ul.logos-partenaires li.hte_loire { background: url("img/logo-departement-hte_loire.gif")center center no-repeat; background-size:contain;} ul.logos-partenaires li.gard {background: url("img/logo-departement-gard")center center no-repeat; background-size:contain; } ul.logos-partenaires li.cevennes {background: url("img/logo-parc-cevennes.gif")center center no-repeat; background-size:contain; } ul.logos-partenaires li.ue {background: url("img/logo-ue.jpg")center center no-repeat; background-size:contain; } /* STYLES PERSONNALISÉS ================================================== */ /*p { margin: 10px 0; }*/ code { padding:3px 5px; color: #666666; background-color: #fff; border: solid 1px; } blockquote {position: relative; /*font: italic 1.05em/1.7 Georgia,serif; quotes: "«" "»";*/ quotes: none; border:none; padding: 30px 0 15px; } blockquote p { font: italic 18px/28px 'Roboto Condensed', sans-serif; color:#76787b; } blockquote::before { position: absolute; top:-5px; left:0; content: open-quote; font-size:2.5em; color: #666666; } blockquote::after { position: absolute; bottom:0; right:0; content: close-quote; font-size:2.5em; color: #666666; } body:not(.home) blockquote {border-left: 6px solid #d1d0ce; padding: 15px 0 15px 25px; margin: 15px 0;} figcaption {color: #fff; background: #666; margin:0 !important; padding:5px; } .mt30 {margin-top: 0;} .chapo, .intro { font-size:21px; line-height: 26px; } #content .sur-titre {font-size:0.9em; margin-bottom:-10px !important; opacity: 0.8; } .astuce {color: #999999; font-size: 12px; line-height: 16px;} .txt_petit p { font-size:14px; line-height:18px; } .wpb_wrapper .wpb_button, .wpb_wrapper .wpb_content_element {margin-bottom: 20px;} .bg-stevenson-left { background: url(img/bg-stevenson-left.png) no-repeat left center; background-size:25%; } .bg-stevenson-right { background: url(img/bg-stevenson-right.png) no-repeat right center; background-size: 25%; } .diaporama .slick-next, .diaporama .slick-prev, .diaporama .slick-next:active, .diaporama .slick-next:focus, .diaporama .slick-next:hover, .diaporama .slick-prev:active, .diaporama .slick-prev:focus, .diaporama .slick-prev:hover { width: 40px; height: 40px; background: #c90030; color: #fff; } .diaporama .slick-dots li { color: #c90030; } /* Page d'accueil */ .home #wrapperheader {position:fixed; z-index: 55; width: 100%;} .home h1 {color: #fff !important;} #entete-home { clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%); padding: 200px 0 100px; color: #fff; text-shadow: 0 0 5px #010101; } #entete-home .bouton a {font-size: 22px !important; line-height: 24px !important;} #edito-home {padding-top: 15px;} #edito-home .align-icon {float: left; margin-right: 10px; margin-top: 5px;} @media (min-width: 768px) { #edito-home .vc_col-sm-3 {border-left: 2px solid #d1d0ce;} } #decouvrir-home .ult-new-ib {max-width: 370px; margin: 0 auto 30px;} #decouvrir-home .ult-new-ib .ult-new-ib-desc {text-align: left;} #decouvrir-home .ult-new-ib h3, #decouvrir-home .ult-new-ib-content { color: #fff !important; border-left: 5px solid #c8002f; text-shadow: 0 0 5px #010101; padding: 10px; text-align: left; transform: none; margin-left: 15px; width: auto; } #decouvrir-home .ult-new-ib h3 {font-size: 26px; top: 315px;} #decouvrir-home .ult-new-ib-content {top: 350px;} #decouvrir-home .ult-ib-effect-style11 .ult-new-ib-desc::after, #decouvrir-home .ult-ib-effect-style11 .ult-new-ib-desc::before {display: none;} @media (max-width: 1199px) { #decouvrir-home .ult-new-ib h3 {top: 220px;} #decouvrir-home .ult-new-ib-content {top: 250px;} } @media (max-width: 991px) { #decouvrir-home .ult-new-ib h3 {font-size: 22px; top: 90px;} #decouvrir-home .ult-new-ib-content {top: 120px;} } @media (max-width: 900px) { #decouvrir-home .ult-new-ib h3 {top: 230px;} } @media (max-width: 767px) { #decouvrir-home .ult-new-ib h3 {top: 315px;} #decouvrir-home .ult-new-ib-content {top: 350px;} } @media (max-width: 389px) { #decouvrir-home .ult-new-ib h3 {top: 190px;} #decouvrir-home .ult-new-ib-content {top: 220px;} } .organiser-home {margin-bottom: 35px;} .organiser-home .couleur {border: 1px solid #fff; position: relative;} .organiser-home .vc_col-sm-4 .vc_column-inner, .organiser-home .vc_col-sm-6 .vc_column-inner {padding: 0;} .organiser-home .vc_col-sm-4 .ult-new-ib {max-width: 550px; margin: 0 auto;} .organiser-home .vc_col-sm-6 .ult-new-ib {max-width: 550px; margin: 0 auto;} .organiser-home .ult-new-ib {margin-bottom: 0; border: 1px solid #fff;} .organiser-home .ult-new-ib h4 { font-size: 26px; color: #fff !important; border-left: 5px solid #c8002f; padding: 10px; line-height: 1; } @media (min-width: 768px) { .organiser-home .couleur h3 { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); height: 40px; margin: 0; width: 560px; right: -227px; bottom: 290px; position: absolute; font-size: 40px; text-align: left; } } @media (max-width: 1199px) and (min-width: 992px) { .organiser-home .couleur h3 {font-size: 32px; right: -240px;} .organiser-home .ult-new-ib h4 {font-size: 24px;} } @media (max-width: 991px) and (min-width: 768px) { .organiser-home .couleur h3 {font-size: 24px; right: -255px;} .organiser-home .ult-new-ib h4 {font-size: 20px;} .organiser-home .ult-new-ib .ult-new-ib-desc {top: 25%;} } #extrait-home {border-left: 6px solid #d1d0ce; padding-left: 10px;} #extrait-home strong {font-size: 24px;} #agenda-home h3, #actu-home h3 { font-weight: 400; font-size: 40px; padding-left: 80px; text-align: left; margin-top: 0; line-height: 70px; } #agenda-home h3:before, #actu-home h3:before { content: ""; position: absolute; width: 70px; height: 70px; top: 0; left: 15px; } #agenda-home h3:before { background: url(img/picto-news.png) no-repeat 0 0; background-size: 70px; } #agenda-home .evcal_month_line {display: none;} #actu-home h3:before { background: url(img/picto-news.png) no-repeat 0 -70px; background-size: 70px; } #agenda-home .evcal_evdata_cell h3 { padding: 0; font-size: 16px; line-height: 1.2; text-transform: none; margin-bottom: 5px; font-family: 'Roboto Condensed', sans-serif; } #agenda-home .evcal_evdata_cell h3:before {display: none;} #actu-home .vc_gitem_row {padding: 10px;} #actu-home .vc_gitem_row .actu-details { -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.25); padding: 0; } #actu-home .vc_gitem-zone .actu-details .wpb_single_image {margin-bottom: 0;} #actu-home .vc_gitem-zone .actu-details .vc_custom_heading { background: #fff; padding: 30px 30px 70px; margin: 0; } #actu-home .vc_gitem-zone .actu-details .vc_custom_heading a {color: #666666; font-size: 24px;} #actu-home .vc_grid-owl-dots { position: absolute; bottom: 35px; width: 100%; } #actu-home .vc_grid-owl-dots .vc_grid-owl-dot span { background-color: #f14a6d!important; border-color: #f14a6d!important; height: 15px; width: 15px; } #actu-home .vc_grid-owl-dots .vc_grid-owl-dot:hover span, #actu-home .vc_grid-owl-dots .vc_grid-owl-dot.active span { background-color: #bd1134!important; border-color: #bd1134!important; } #brochure-home { clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%); background: #039ccd url(img/chemin-stevenson-paysage.jpg) no-repeat 100% center; background-size: 50%; color: #fff; padding: 45px 0 20px; } #brochure-home h3 {color: #fff !important; text-align: left; font-size: 24px; font-weight: 300; margin-top: 5px;} #brochure-home h3 strong {font-weight: 300; font-size: 40px;} #brochure-home .bouton.uni {margin-bottom: 5px;} #brochure-home .vc_col-sm-2 .wpb_single_image img {max-width: 170px; width: 100%;} #brochure-home .vc_col-sm-6 {text-align: center;} #brochure-home .vc_col-sm-6 h3 {text-shadow: 0 0 10px #000;} #brochure-home .vc_col-sm-6 .wpb_single_image {display: inline-block; padding: 5px;} #brochure-home .vc_col-sm-6 .wpb_single_image a img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 70px; } #brochure-home .vc_col-sm-6 .wpb_single_image a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } @media (min-width: 768px) { #brochure-home .vc_col-sm-6 { text-align: center; position: absolute; top: 5%; left: 50%; } } /* Agenda */ .ajde_evcal_calendar #evcal_list { border: none; border-radius: 0; } .ajde_evcal_calendar #evcal_list .eventon_list_event a.desc_trig { padding: 0; height: 70px; margin-bottom: 5px; background: none; text-decoration: none; background: url(img/picto-plus.png) no-repeat right center; background-size: 26px; } .ajde_evcal_calendar #evcal_list .eventon_list_event .evcal_cblock { color: #fff; background-color: #189cc7 !important; width: 70px; height: 70px; padding: 10px 5px 10px 3px; text-align: center; font-family: 'Roboto Condensed', sans-serif; position: relative; float: left; } .ajde_evcal_calendar .eventon_events_list .eventon_list_event .evcal_list_a:after {display: none;} .ajde_evcal_calendar .evcal_cblock .evo_start em.month {font-size: 15px;} .ajde_evcal_calendar .evcal_cblock .evo_end {font-size: 18px;} .ajde_evcal_calendar .evcal_cblock .evo_end:before { background-color: #fff; left: 2px; } .ajde_evcal_calendar .evcal_cblock .evo_end {padding-top: 3px;} .ajde_evcal_calendar .eventon_events_list .eventon_list_event .evcal_desc { padding-top: 10px; height: 70px; margin-left: 80px; padding-left: 0; background: url(img/pointilles.png) repeat-x 80px 69px; } .ajde_evcal_calendar .eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_title { text-transform: none; font: 400 15px/18px 'Roboto Condensed', sans-serif; } /* Historique */ .timeline-block {border-color: #c8002f !important; border-radius: 0 !important;} .timeline-block .timeline-header-block .timeline-header {text-align: left;} .timeline-block .timeline-header-block .timeline-header h3 {text-align: left; font: 500 18px/20px 'Roboto Condensed', sans-serif; color: #666 !important;} .timeline-block .timeline-header-block .timeline-header ul {padding-left: 15px; margin: 0;} .timeline-post-left .ult-timeline-arrow s {border-left-color: #c8002f !important; border-right-color: #c8002f !important; border-width: 10px 0px 10px 10px !important;} .timeline-post-left .ult-timeline-arrow l {border-width: 9px 0 9px 9px !important; top: -18.5px;} .timeline-post-right .ult-timeline-arrow s {border-left-color: #c8002f !important; border-right-color: #c8002f !important; border-width: 10px 10px 10px 0px !important;} .timeline-post-right .ult-timeline-arrow l {border-width: 9px 9px 9px 0 !important; top: -18.5px; left: 2px !important;} .timeline-post-right .timeline-dot {left: -28px !important;} /* Réglages des marges des colonnes avec un style de type background ou border */ .vc_section.bloc, .vc_row.bloc { padding-top:35px; } .vc_col-sm-2.bloc, .vc_col-sm-3.bloc, .vc_col-sm-4.bloc, .vc_col-sm-6.bloc, .vc_col-sm-8.bloc, .vc_col-sm-9.bloc, .vc_col-sm-12.bloc { margin:15px; padding:35px 20px 0 20px; } .vc_col-sm-2.bloc { width: calc(16.66666667% - 30px); } .vc_col-sm-3.bloc { width: calc(25% - 30px); } .vc_col-sm-4.bloc { width: calc(33.33333333% - 30px); } .vc_col-sm-6.bloc { width: calc(50% - 30px); } .vc_col-sm-8.bloc { width: calc(66.66666667% - 30px); } .vc_col-sm-9.bloc { width: calc(75% - 30px); } .vc_col-sm-12.bloc { width: calc(100% - 30px); } /* Réglages des blocs */ .wpb_content_element.bloc {padding: 35px;} .vc_col-sm-2.bloc, .vc_col-sm-3.bloc, .vc_col-sm-4.bloc, .vc_col-sm-6.bloc, .vc_col-sm-8.bloc, .vc_col-sm-9.bloc, .vc_col-sm-12.bloc {margin: 15px; padding: 35px 20px 20px 20px; width: calc(100% - 30px);} @media (min-width: 768px) { .vc_col-sm-2.bloc {width: calc(16.66666666% - 30px);} .vc_col-sm-3.bloc {width: calc(25% - 30px);} .vc_col-sm-4.bloc {width: calc(33.33333333% - 30px);} .vc_col-sm-6.bloc {width: calc(50% - 30px);} .vc_col-sm-8.bloc {width: calc(66.66666666% - 30px);} .vc_col-sm-9.bloc {width: calc(75% - 30px);} .vc_col-sm-12.bloc {width: calc(100% - 30px);} } /* Sections, colonnes ou éléments sans aucune marge intérieure / extérieure */ .vc_col-sm-2.bloc.pas-de-marge, .vc_col-sm-3.bloc.pas-de-marge, .vc_col-sm-4.bloc.pas-de-marge, .vc_col-sm-6.bloc.pas-de-marge, .vc_col-sm-8.bloc.pas-de-marge, .vc_col-sm-9.bloc.pas-de-marge, .vc_col-sm-12.bloc.pas-de-marge { margin:0 !important; } .vc_col-sm-2.bloc.pas-de-marge { width:16.66666667%; } .vc_col-sm-3.bloc.pas-de-marge { width:25%; } .vc_col-sm-4.bloc.pas-de-marge { width:33.33333333%; } .vc_col-sm-6.bloc.pas-de-marge { width:50%; } .vc_col-sm-8.bloc.pas-de-marge { width:66.66666667%; } .vc_col-sm-9.bloc.pas-de-marge { width:75%; } .vc_col-sm-12.bloc.pas-de-marge { width:100%; } /* Réglages de l'élément texte avec un style de type background ou border */ .wpb_content_element.bloc {padding:30px; } /* Réglages de l'élément Heading avec un style de type background ou border */ .uvc-heading.bloc {padding:30px; } /* Section, colonne ou élément sur fond de couleur unie */ .couleur { background: #189cc7!important; } .couleur h2, .couleur h3, .couleur h4, .couleur h5, .couleur p, .couleur li, .clair .couleur h2, .clair .couleur h3, .clair .couleur h4, .clair .couleur h5, .clair .couleur p, .clair .couleur li, .sombre .couleur h2, .sombre .couleur h3, .sombre .couleur h4, .sombre .couleur h5, .sombre .couleur p, .sombre .couleur li { color: #fff!important; } /*.couleur h2::after, .couleur h3::after, .couleur h4::after, .clair .couleur h2::after, .clair .couleur h3::after, .clair .couleur h4::after, .sombre .couleur h2::after, .sombre .couleur h3::after, .sombre .couleur h4::after { border-color:#fff; } */.couleur a, .couleur a:hover, .clair .couleur a, .clair .couleur a:hover, .sombre .couleur a, .sombre .couleur a:hover { color: #fff !important; } .couleur h2, .couleur h3, .couleur h4, .couleur h5, .couleur p {margin-top: 0;} /* Section, colonne ou élément sur fond de couleur claire */ .clair { background:rgba(238,238,238,.5)!important; } .clair h2, .clair h3, .clair h4, .clair h5, .clair p, .sombre .clair h2, .sombre .clair h3, .sombre .clair h4, .sombre .clair h5, .sombre .clair p { color: #666666 !important; margin-top: 0; } /*.clair h2::after, .clair h3::after, .clair h4::after, .sombre .clair h2::after, .sombre .clair h3::after, .sombre .clair h4::after { border-color:#666666; } */.clair a, .clair a:hover, .sombre .clair a, .sombre .clair a:hover { color: #c8002f !important; } /* Section, colonne ou élément sur fond blanc */ .blanc { background: #fff!important; } .blanc h2, .blanc h3, .blanc h4, .blanc h5, .blanc p { color: #666666; } /*.blanc h2::after, .blanc h3::after, .blanc h4::after { border-color: #666666; } */.blanc a, .blanc a:hover { color: #c8002f !important; } /* Section, colonne ou élément sur fond de couleur sombre */ .sombre { color: #fff; background: #666!important; } .sombre h2, .sombre h3, .sombre h4, .sombre h5, .sombre p, .transparent .sombre h2, .transparent .sombre h3, .transparent .sombre h4, .transparent .sombre h5, .transparent .sombre p { color: #fff !important; margin-top: 0; } /*.sombre h2::after, .sombre h3::after, .sombre h4::after, .transparent .sombre h2::after, .transparent .sombre h3::after, .transparent .sombre h4::after { border-color: #fff; } */.sombre a, .sombre a:hover { color: #fff !important; } /* Section, colonne ou élément sur fond transparent */ .transparent { background: #eee!important; } .transparent h2, .transparent h3, .transparent h4, .transparent h5, .transparent p { color: #666666 !important; } /*.transparent h2::after, .transparent h3::after, .transparent h4::after { border-color: #666666; } */.transparent a, .transparent a:hover { color: #c8002f !important; } /* Section, colonne ou élément sur fond dégradé */ .degrade { color: #fff; background: #f05897; background: -webkit-linear-gradient(#f5a2a9,#f05897); background: -moz-linear-gradient(#f5a2a9,#f05897); background: linear-gradient(#f5a2a9,#f05897);} .degrade h2, .degrade h3, .degrade h4, .degrade h5, .degrade p { color: #fff !important; } /*.degrade h2::after, .degrade h3::after, .degrade h4::after { border-color: #fff; } */.degrade a, .degrade a:hover { color: #fff !important; } /* Section, colonne ou élément avec un contour */ .contour.solide { border: solid 2px rgba(238,238,238,.5)!important; } .contour.pointilles {border:2px dotted #666666; } .contour.tirets {border:2px dashed #039ccd; } .contour h2, .contour h3, .contour h4, .contour h5, .contour p { margin-top: 0; /*color: #666666 !important;*/} /* Autres styles */ .contour.double {outline-offset:4px; outline:2px dashed #c8002f; border:2px solid #c8002f; } .rayon { -webkit-border-radius: 20px; border-radius: 20px; } .ombre { -webkit-box-shadow: 0 0 60px 10px rgba(0,0,0,0.1); box-shadow: 0 0 60px 10px rgba(0,0,0,0.1); } .rotation { -moz-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); -o-transform: skewY(-5deg); -ms-transform: skewY(-5deg); transform: skewY(-5deg); } /* Image avec un contour */ .wpb_single_image.contour.solide { padding:10px 10px 11px 10px; } .wpb_single_image.contour.tirets { padding:5px 5px 6px 5px; } .wpb_single_image.contour.pointilles { padding:5px 5px 6px 5px; } .wpb_single_image.contour.double { padding:5px 5px 6px 5px; } .wpb_single_image.ombre { -webkit-box-shadow: 0 0 60px 10px rgba(0,0,0,0.4); box-shadow: 0 0 60px 10px rgba(0,0,0,0.4); } .wpb_single_image.rayon img { -webkit-border-radius: 20px; border-radius: 20px; } /* Boutons d'action */ .bouton a, .bouton.coul-1 a, .bouton.coul-2 a { font:500 14px/16px 'Roboto Condensed', sans-serif !important; text-decoration:none!important; padding: 12px 18px; text-shadow: none; text-transform: uppercase;} .bouton.petit a { font:400 12px/12px 'Roboto Condensed', sans-serif !important; padding:5px; } .bouton.uni a, .bouton.coul-1 a { color: #fff!important; border:solid 2px #c8002f !important; background: #c8002f!important; } .bouton.coul-2 a { color: #fff!important; border:solid 2px #039ccd !important; background: #039ccd!important; } .bouton.uni a:hover, .bouton.uni a:active, .bouton.uni a:focus, .bouton.coul-1 a:hover, .bouton.coul-1 a:active, .bouton.coul-1 a:focus { color: #c8002f!important; border:solid 2px #c8002f !important; background: #fff!important; } .bouton.coul-2 a:hover, .bouton.coul-2 a:active, .bouton.coul-2 a:focus { color: #039ccd!important; border:solid 2px #039ccd !important; background: #fff!important; } .bouton.contour a { color:#c8002f!important; border:solid 2px #c8002f !important; background: #fff!important; } .bouton.contour a:hover, .bouton.uni a:active, .bouton.uni a:focus { color: #fff!important; border:solid 2px #c8002f !important; background: #c8002f!important; } /* TABLEAU ================================================== */ table th, table td { border: 2px solid #eee; padding: 5px; } /* PARTENAIRES ================================================== */ .partenaires img { max-width: 200px !important; height: auto; max-height: 150px; width: auto; margin-bottom: 10px; } /* SLIDER - ADVANCED CAROUSSEL ================================================== */ /* Slider "Advanced Carousel pleine largeur / Légende centrée" */ .adv-carousel {} .adv-carousel .vc_cta3-container { margin:0; } .adv-carousel .legende { border:none; } .adv-carousel .slick-next, .adv-carousel .slick-prev, .adv-carousel .slick-next:active, .adv-carousel .slick-next:focus, .adv-carousel .slick-next:hover, .adv-carousel .slick-prev:active, .adv-carousel .slick-prev:focus, .adv-carousel .slick-prev:hover { width:40px !important; height:40px !important; background:#c8002f !important; color:#fff !important; } /* Slider "Advanced Carousel / Pleine largeur */ .adv-carousel.pleine-largeur .wpb_single_image .vc_figure { width: 100%; } .adv-carousel.pleine-largeur .wpb_single_image .vc_single_image-wrapper { width: 100%; } .adv-carousel.pleine-largeur .wpb_single_image .vc_single_image-wrapper img { width: 100%; } /* Slider "Advanced Carousel / Légende centrée sur l'image" */ .adv-carousel.legende-sur-image .legende { position:absolute; bottom: 5%; left: 25%; right: 25%; } /* Slider "Advanced Carousel pleine largeur / Légende à droite" */ .adv-carousel.legende-sur-image.a-droite .legende { top:0; bottom:0; left:inherit; right:0; width:30%; } .adv-carousel.legende-sur-image.a-droite .slick-prev { top:inherit; bottom:5%; left: calc(50% - 45px) !important; } .adv-carousel.legende-sur-image.a-droite .slick-next { top:inherit; bottom:5%; right: calc(50% - 45px) !important; } /* RÉSEAUX SOCIAUX ================================================== */ /* Menu réseau social Pictos + texte */ .menu-reseaux-sociaux ul { text-align: center; margin:0; padding:0; } .menu-reseaux-sociaux ul li { display: inline-block; margin:0 10px; } .menu-reseaux-sociaux ul li a { display:flex; font:400 13px/36px 'Roboto Condensed', sans-serif; text-decoration: none !important; } .menu-reseaux-sociaux ul li a:before {width:36px; font:normal 28px/36px 'Defaults'; } .menu-reseaux-sociaux ul li.icone-facebook a:before { content: "\f09a"; } .menu-reseaux-sociaux ul li.icone-google a:before { content: "\f0d5"; } .menu-reseaux-sociaux ul li.icone-twitter a:before { content: "\f099"; } .menu-reseaux-sociaux ul li.icone-instagram a:before { content: "\f16d"; } .menu-reseaux-sociaux ul li.icone-youtube a:before { content: "\f16a"; } .menu-reseaux-sociaux ul li.icone-pinterest a:before { content: "\f231"; } .menu-reseaux-sociaux ul li.icone-linkedin a:before { content: "\f0e1"; } .menu-reseaux-sociaux ul li a:hover { opacity:0.7; } /* Menu réseau social Pictos uniquement */ .menu-reseaux-sociaux.sans-etiquettes ul li { margin: 0 2px; } .menu-reseaux-sociaux.sans-etiquettes ul li a { display:grid; width:36px; height:36px; overflow: hidden; } .menu-reseaux-sociaux.sans-etiquettes ul li a:before {width:36px; font:normal 21px/36px 'Defaults'; background:#eee; border-radius:50%; } /* Social Wall */ .wall--item {background: #eee; } .wall--item .overlay { background-color: rgba(0, 0, 0, .5) !important; } .wall--item .fa { color: rgba(255, 255, 255, 0.8) !important; font-size:36px !important; background:#c8002f; min-width: 60px; min-height: 60px; line-height: 60px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; } .wall--item .fa.fa-trash { top: inherit; right: 0; bottom: 0; left: inherit; min-width:inherit; min-height: inherit; line-height: inherit; background: transparent; }/* Bouton de suppression d'un post - Visible uniquement quand on est connecté en tant qu'administrateur */ /* FORMULAIRE CLASSIQUE ================================================== */ .gform_wrapper ul.gform_fields li.gfield {padding: 0 15px !important;} .gform_wrapper ul.gform_fields li.bloc-cgu { padding:0 !important; margin:15px!important;} .gform_wrapper ul.gform_fields li.bloc-cgu .ginput_container_checkbox {margin-top:0; } .gform_wrapper ul.gform_fields li.bloc-cgu .gfield_description { line-height: normal; text-align: justify; color: #999; padding-top:0; } /* Labels */ .gform_wrapper .top_label .gfield_label { font:500 18px/22px 'Roboto Condensed', sans-serif; } .ginput_complex label { font:500 14px/22px 'Roboto Condensed', sans-serif !important; letter-spacing:0 !important; opacity:0.8; } /* Bouton de validation du formulaire */ .gform_wrapper .gform_footer { text-align: center; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { font:500 22px/24px 'Roboto Condensed', sans-serif !important; text-transform: uppercase; padding:14px 20px; margin:0!important; color: #fff; border: none; background-color:#c8002f; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; outline:none; border-radius: 5px; border: solid 2px #c8002f !important; } .gform_wrapper .gform_footer input[type=submit]:hover { background-color: #fff; color:#c8002f;} /* Input et Select */ .gform_body input, .gform_body textarea, .gform_body select { -webkit-appearance:none; -moz-appearance:none; appearance:none; border: 2px solid #666666; background-color:#fff; color: #666666; font: 500 15px/22px 'Roboto Condensed', sans-serif; -webkit-transition: all 0.4s ease;transition: all 0.4s ease; outline: none; } .gform_body input, .gform_body select { height:50px; border-radius:0; padding: 5px 10px !important; } .gform_body input:hover, .gform_body textarea:hover, .gform_body select:hover { border:2px solid #c8002f; color:#333; } .gform_wrapper textarea.large {height: 180px !important;} /* Flèche du Select */ .name_prefix_select, .address_country { position: relative; } .name_prefix_select:after, .address_country:after { position: absolute; right: 30px; top:35px; font: normal 11px/50px 'Defaults'; content: "\f078"; pointer-events: none; } /* CASES À COCHER ET BOUTONS RADIO */ .gfield_checkbox li label, ul.gfield_radio li label { font:400 14px/30px 'Roboto Condensed', sans-serif!important; padding: 0 0 0 25px !important; } .gfield_checkbox li input[type="checkbox"], .gfield_checkbox li input[type="radio"] { visibility: hidden; position: absolute; top: 0; left: 0; } .gfield_checkbox li input[type="checkbox"] + label, input[type="radio"] + label { position:relative; padding:0 0 0 25px; } .gfield_checkbox li input[type="checkbox"] + label:before, .gfield_checkbox li input[type="radio"] + label:before { display: inline-block; position: absolute; left:0; top: 0; font: normal 20px/30px 'Defaults'; color: #666; content:"\f0c8"; -webkit-transition: all 0.4s ease;transition: all 0.4s ease; } .gfield_checkbox li input[type="radio"] + label:before { content:"\f10c"; } .gfield_checkbox li input[type="checkbox"]:hover + label:before { color:#c8002f; } .gfield_checkbox li input[type="checkbox"]:checked + label:before { content:"\f14a"; color:#c8002f; font-size:20px; } .gfield_checkbox li input[type="radio"]:hover + label:before { color:#c8002f; } .gfield_checkbox li input[type="radio"]:checked + label:before { content:"\f192"; color:#c8002f; font-size:20px; } /* ACTUALITES ================================================== */ .archive h2, .blog h2 { margin-top:10px; margin-bottom:10px;} #columns-posts { column-width: 370px; margin: 30px auto 0; padding: 15px 15px 42px; } div#columns-posts article { display: inline-block; margin:0 0 15px; padding-bottom:15px; background: #fff; column-break-inside: avoid; transition: opacity .4s ease-in-out; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.25); } div#columns-posts:hover article:not(:hover) { opacity: 0.5; } div#columns-posts article .imgWrapper {margin: 0;} div#columns-posts article section {padding: 0 30px 10px;} div#columns-posts article h2 {font-size: 24px; line-height:22px; font-weight: 400; text-align: left; margin: 0;} div#columns-posts article h2 a {color: #666666; text-decoration: none;} .entry-meta { list-style:none; font-size:80%; padding:0; margin:0; } .postMeta { font-size:80%; padding-top:10px; margin:0; } /* .texte-sous-l-image { padding:5px 30px 5px 0 !important; margin:0; border-bottom:solid 2px #eee; } .texte-sous-l-image:first-child { border-top:solid 2px #eee; } .texte-sous-l-image:last-child { margin:0 0 30px 0; } .texte-sous-l-image:hover { background: #eee; } .texte-article .vc_gitem_row .vc_gitem-col { padding: 0 10px; } */ /* Général */ .date-article { margin:0!important; opacity:.5; } .date-article p { font:400 12px/14px 'Roboto Condensed', sans-serif; margin:0; } .titre-article { margin:0 0 5px 0!important; } .titre-article h3 {font:500 20px/22px 'Roboto Condensed', sans-serif; color:#c8002f!important; margin:0; padding:0; } .extrait-article p { font:400 14px/18px 'Roboto Condensed', sans-serif; margin:0; } .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper { margin-right:-5px!important; } /*Supprime la marge de 30px à droite */ /* Texte à droite de l'image */ .texte-a-droite-de-l-image { padding:0 !important; margin:0; border-bottom:solid 2px #eee; -webkit-transition: all 0.4s ease;transition: all 0.4s ease; } .texte-a-droite-de-l-image:first-child { border-top:solid 2px #eee; } .texte-a-droite-de-l-image:hover { background: #eee; } .texte-a-droite-de-l-image .texte-article { width:65% !important; } .vc_grid-item-zone-c-right .vc_gitem-animated-block { width:35%!important; } /* Juste du texte */ .texte-uniquement { padding:5px 30px 10px 0 !important; margin:0; border-bottom:solid 2px #eee; -webkit-transition: all 0.4s ease;transition: all 0.4s ease; } .texte-uniquement:first-child { border-top:solid 2px #eee; } .texte-uniquement:hover { background: #eee; } .pinterest {background: #eee; } .pinterest a { color: #666666 !important; text-decoration:none !important; } .pinterest .wpb_single_image { margin:0 0 5px 0 !important; } .pinterest p { margin:0 !important; } /* PAGE ACTUALITÉ */ .postPic { background: #fff; margin-bottom: 15px; } .postPic img { text-align:center; margin:0 auto; } .postMeta { background: #fff !important; font:400 13px/18px 'Roboto Condensed', sans-serif; color: #000 !important; text-align: center; padding:15px 0; margin: 0; } .pager li>a, .pager li>span { text-decoration: none !important; text-transform: uppercase; color: #fff !important; border: solid 2px #c8002f ; background: #c8002f; font-weight: 500; padding: 7px 10px; } .pager li>a:hover, .pager li>a:focus { background:#fff !important; color: #c8002f !important; border-color:#c8002f !important; } /* MENU ACCORDEON */ .accordeon {} .accordeon .vc_tta-panel .vc_tta-panel-heading { background-color: #c8002f !important; } .accordeon .vc_tta-panel .vc_tta-panel-heading:focus, .accordeon .vc_tta-panel .vc_tta-panel-heading:hover { background-color: #eee !important; } .accordeon .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color: #eee !important; } .accordeon .vc_tta-panel .vc_tta-panel-heading h4 a { text-decoration: none !important; } .accordeon .vc_tta-panel .vc_tta-panel-body { background-color: #eee !important; } .accordeon .vc_tta-panel .vc_tta-controls-icon.vc_tta-controls-icon-plus::before, .accordeon .vc_tta-panel .vc_tta-controls-icon.vc_tta-controls-icon-plus::after { border-color:#c8002f !important; } /* MENU ONGLETS */ .onglets {} .onglets .vc_tta-tab > a { background-color: #c8002f !important; font-weight:500; text-decoration:none !important; } .onglets .vc_tta-tab.vc_active > a, .onglets .vc_tta-tab > a:hover { background-color: #eee !important; } .onglets .vc_tta-panel-body { background-color: #eee !important; } /* STATISTIQUES */ div.stats-desc>div.counter_prefix, div.stats-desc>div.counter_suffix { font-size: 18px !important; } .stats-top .stats-number { display: block !important; width: 100%; padding:15px 0; } .stats-block .stats-number { font: 800 48px/48px 'Roboto Condensed', sans-serif !important; } .stats-block .stats-text { text-transform: uppercase; font-weight: 800; font-size:18px !important; color: #666666; margin: 20px 0 0 0; } /* MOTEUR DE RECHERCHE ================================================== */ .rech_thumb {} .rech_thumb figcaption { color: #666666 !important; background:transparent !important; } #map_container { top: 107px!important; } #rcp_map { height: calc(100vh - 197px )!important; } .leaflet-popup-content .titre { font: 500 15px/16px'Roboto Condensed', sans-serif; color: #039ccd; } .leaflet-popup-content .adresse, .leaflet-popup-content .ville-cp { font: 400 13px/16px 'Roboto Condensed', sans-serif; color:#2f2f2f; } .leaflet-popup-content .lien { font: 400 13px/18px 'Roboto Condensed', sans-serif; text-transform:uppercase; } .leaflet-popup-content .lien a { } .rech_custom_post .rech_thumb_resume { margin-top: 0!important; } /* PAGE 404 ================================================== */ .erreur-404 { text-align: center; } /* PRESTATIONS ================================================== */ .single-hebergement #content .col-sm-3, .single-hebergement_restau #content .col-sm-3, .single-restauration #content .col-sm-3 {margin-bottom: 30px;} .single-hebergement #content .col-sm-3 .secteur, .single-hebergement_restau #content .col-sm-3 .secteur, .single-restauration #content .col-sm-3 .secteur {font: 800 12px/18px 'Roboto Condensed', sans-serif; text-transform: uppercase;} .single-hebergement #content .col-sm-3 .structure .nomstructure, .single-hebergement_restau #content .col-sm-3 .structure .nomstructure, .single-restauration #content .col-sm-3 .structure .nomstructure {font: 800 30px/30px 'Roboto Condensed', sans-serif; text-transform: uppercase; color: #039ccd; margin-bottom: 0;} .single-hebergement #content .col-sm-3 .structure .typestructure, .single-hebergement_restau #content .col-sm-3 .structure .typestructure, .single-restauration #content .col-sm-3 .structure .typestructure {font-size: 15px; font-style: italic; color: #039ccd;} .single-hebergement #content .col-sm-3 p.label, .single-hebergement_restau #content .col-sm-3 p.label, .single-restauration #content .col-sm-3 p.label {color: #666; font: 500 15px/20px 'Roboto Condensed', sans-serif; margin-bottom: 0;} .single-hebergement #content .col-sm-3 .services p.label, .single-hebergement #content .col-sm-3 .tarifs p.label, .single-hebergement_restau #content .col-sm-3 .services p.label, .single-hebergement_restau #content .col-sm-3 .tarifs p.label, .single-restauration #content .col-sm-3 .services p.label, .single-restauration #content .col-sm-3 .tarifs p.label {margin-top: 15px; font: 500 24px/24px 'Roboto Condensed', sans-serif; color: #039ccd; text-transform: uppercase;} .single-hebergement #content .col-sm-3 .services .autres_services p.label, .single-hebergement #content .col-sm-3 .services .autres_labels p.label, .single-hebergement_restau #content .col-sm-3 .services .autres_services p.label, .single-hebergement_restau #content .col-sm-3 .services .autres_labels p.label, .single-restauration #content .col-sm-3 .services .autres_services p.label, .single-restauration #content .col-sm-3 .services .autres_labels p.label {margin-top: 0; color: #666; font: 500 15px/20px 'Roboto Condensed', sans-serif; text-transform: none;} .single-hebergement #content .col-sm-3 .tarifs .activite, .single-hebergement_restau #content .col-sm-3 .tarifs .activite, .single-restauration #content .col-sm-3 .tarifs .activite {font: 500 17px/17px 'Roboto Condensed', sans-serif; text-transform: uppercase; margin: 15px 0 5px;} .single-hebergement #content .col-sm-3 .tarifs .tarif, .single-hebergement_restau #content .col-sm-3 .tarifs .tarif, .single-restauration #content .col-sm-3 .tarifs .tarif {margin-bottom: 0;} .single-hebergement #content .col-sm-3 .tarifs .label, .single-hebergement_restau #content .col-sm-3 .tarifs .label, .single-restauration #content .col-sm-3 .tarifs .label {color: #666; font: 500 15px/20px 'Roboto Condensed', sans-serif; padding: 0;} #content .col-sm-3 .services .icons {margin: 5px 0;} #content .col-sm-3 .services .icon {content: "";width: 36px;height: 36px;display: inline-block; margin: 0 4px;} #content .col-sm-3 .services .icon_handicap {background: #eee url(img/pictos-services.gif) no-repeat 0 0; background-size: 36px;} #content .col-sm-3 .services .icon_cuisine {background: #eee url(img/pictos-services.gif) no-repeat 0 -36px; background-size: 36px;} #content .col-sm-3 .services .icon_nocuisine {background: #eee url(img/pictos-services.gif) no-repeat 0 -72px; background-size: 36px;} #content .col-sm-3 .services .icon_snack {background: #eee url(img/pictos-services.gif) no-repeat 0 -108px; background-size: 36px;} #content .col-sm-3 .services .icon_wifi {background: #eee url(img/pictos-services.gif) no-repeat 0 -180px; background-size: 36px;} #content .col-sm-3 .services .icon_stationnement {background: #eee url(img/pictos-services.gif) no-repeat 0 -144px; background-size: 36px;} #content .col-sm-3 .services .icon_anes {background: #eee url(img/pictos-services.gif) no-repeat 0 -216px; background-size: 36px;} #content .col-sm-3 .services .icon_chiens {background: #eee url(img/pictos-services.gif) no-repeat 0 -252px; background-size: 36px;} #content .col-sm-3 .services .icon_cb {background: #eee url(img/pictos-services.gif) no-repeat 0 -287px; background-size: 36px;} #content .col-sm-3 .services .icon_cv {background: #eee url(img/pictos-services.gif) no-repeat 0 -319px; background-size: 36px;} #content .col-sm-3 .services .icon_draps { background: #eee url('img/pictos-services.gif') no-repeat 0 -355px; background-size: 36px; } #content .col-sm-3 .services .icon_locdraps { background: #eee url('img/pictos-services.gif') no-repeat 0 -391px; background-size: 36px; } #content .col-sm-3 .services .icon_petitdej { background: #eee url('img/pictos-services.gif') no-repeat 0 -427px; background-size: 36px; } #content .col-sm-3 .services .icon_gitesdefrance_1 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -36px; background-size: 36px;} #content .col-sm-3 .services .icon_gitesdefrance_2 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -72px; background-size: 36px;} #content .col-sm-3 .services .icon_gitesdefrance_3 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -108px; background-size: 36px;} #content .col-sm-3 .services .icon_logisdefrance_1 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -216px; background-size: 36px;} #content .col-sm-3 .services .icon_logisdefrance_2 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -252px; background-size: 36px;} #content .col-sm-3 .services .icon_logisdefrance_3 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -288px; background-size: 36px;} #content .col-sm-3 .services .icon_logisdefrance_c1 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -324px; background-size: 36px;} #content .col-sm-3 .services .icon_logisdefrance_c2 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -360px; background-size: 36px;} #content .col-sm-3 .services .icon_logisdefrance_c3 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -396px; background-size: 36px;} #content .col-sm-3 .services .icon_logisdefrance_c4 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -432px; background-size: 36px;} #content .col-sm-3 .services .icon_prevert {background: #eee url(img/pictos-labels.gif) no-repeat 0 -144px; background-size: 36px;} #content .col-sm-3 .services .icon_randoaccueil {background: #eee url(img/pictos-labels.gif) no-repeat 0 -468px; background-size: 36px;} #content .col-sm-3 .services .icon_chartecevennes {background: #eee url(img/pictos-labels.gif) no-repeat 0 -504px; background-size: 36px;} #content .col-sm-3 .services .icon_chartetourisme {background: #eee url(img/pictos-labels.gif) no-repeat 0 -540px; background-size: 36px;} #content .col-sm-3 .services .icon_agirtourisme {background: #eee url(img/pictos-labels.gif) no-repeat 0 -576px; background-size: 36px;} #content .col-sm-3 .services .icon_clevacances_1 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -648px; background-size: 36px;} #content .col-sm-3 .services .icon_clevacances_2 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -684px; background-size: 36px;} #content .col-sm-3 .services .icon_clevacances_3 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -720px; background-size: 36px;} #content .col-sm-3 .services .icon_bienvenueferme {background: #eee url(img/pictos-labels.gif) no-repeat 0 -756px; background-size: 36px;} #content .col-sm-3 .services .icon_hotelslozere {background: #eee url(img/pictos-labels.gif) no-repeat 0 -792px; background-size: 36px;} #content .col-sm-3 .services .icon_fleurssoleil {background: #eee url(img/pictos-labels.gif) no-repeat 0 -828px; background-size: 36px;} #content .col-sm-3 .services .icon_aubergeauvergne {background: #eee url(img/pictos-labels.gif) no-repeat 0 -864px; background-size: 36px;} #content .col-sm-3 .services .icon_aubergevillage {background: #eee url(img/pictos-labels.gif) no-repeat 0 -900px; background-size: 36px;} #content .col-sm-3 .services .icon_sudfrance {background: #eee url(img/pictos-labels.gif) no-repeat 0 -936px; background-size: 36px;} #content .col-sm-3 .services .icon_vvf {background: #eee url(img/pictos-labels.gif) no-repeat 0 -972px; background-size: 36px;} #content .col-sm-3 .services .icon_agriculturebio {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1008px; background-size: 36px;} #content .col-sm-3 .services .icon_militantgout {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1044px; background-size: 36px;} #content .col-sm-3 .services .icon_hebrespirando {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1080px; background-size: 36px;} #content .col-sm-3 .services .icon_actirespirando {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1116px; background-size: 36px;} #content .col-sm-3 .services .icon_monumenthisto {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1152px; background-size: 36px;} #content .col-sm-3 .services .icon_deficientaudio {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1188px; background-size: 36px;} #content .col-sm-3 .services .icon_deficientvisuel {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1224px; background-size: 36px;} #content .col-sm-3 .services .icon_iso9001 {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1260px; background-size: 36px;} #content .col-sm-3 .services .icon_cleverte {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1296px; background-size: 36px;} #content .col-sm-3 .services .icon_accueilpaysan {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1332px; background-size: 36px;} #content .col-sm-3 .services .icon_tourismehandicap {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1368px; background-size: 36px;} #content .col-sm-3 .services .icon_qualitetourisme {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1404px; background-size: 36px;} #content .col-sm-3 .services .icon_restaurateursfrance {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1440px; background-size: 36px;} #content .col-sm-3 .services .icon_tableaubergefrance {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1476px; background-size: 36px;} #content .col-sm-3 .services .icon_maitrerestaurateur {background: #eee url(img/pictos-labels.gif) no-repeat 0 -1512px; background-size: 36px;} #content .col-sm-3 .services .icon_piscine { background: #eee url('img/pictos-services.gif') no-repeat 0 -468px; background-size: 36px; } #content .col-sm-3 .services .icon_ouverthiver { background: #eee url('img/pictos-services.gif') no-repeat 0 -504px; background-size: 36px; } #content .col-sm-3 .services .icon_compagnonroute { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1548px; background-size: 36px; } .single-hebergement #content .thumbnail-map .thumbnail {background: none; border-radius: 0; border: none; padding: 0;} .single-hebergement #content .thumbnail-map .thumbnail img {margin: 0;} .single-hebergement #content .thumbnail-map a {text-decoration: none;} .single-hebergement #content .gr, .single-hebergement_restau #content .gr, .single-restauration #content .gr {background-color: rgba(195, 199, 202, 0.3); margin: 30px 15px; padding: 15px;} .single-hebergement #content .gr .subtitle, .single-hebergement_restau #content .gr .subtitle, .single-restauration #content .gr .subtitle {font: 500 17px/17px 'Roboto Condensed', sans-serif; text-transform: uppercase;} .single-hebergement #content .gr .label, .single-hebergement_restau #content .gr .label, .single-restauration #content .gr .label {color: #666; font: 500 15px/20px 'Roboto Condensed', sans-serif; padding: 0;} .single-hebergement #content .gr .infos, .single-hebergement_restau #content .gr .infos, .single-restauration #content .gr .infos {font-style: italic;} @media (min-width: 768px) { .single-hebergement #content .col-sm-3, .single-hebergement #content .col-sm-3 p.label, .single-hebergement_restau #content .col-sm-3, .single-hebergement_restau #content .col-sm-3 p.label, .single-restauration #content .col-sm-3, .single-restauration #content .col-sm-3 p.label {text-align: right;} } /* WOO COMMERCE ================================================== */ /*Liste des produits "Prestations" */ .woocommerce .products ul, .woocommerce ul.products { border:solid 2px #c3c7ca; } .woocommerce .products ul:hover, .woocommerce ul.products:hover { background:rgba(208,211,212,.2); } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:100%; text-align:center; } .woocommerce ul.products li.product h2, .woocommerce-page ul.products li.product h2 { font:400 20px/22px 'Roboto Condensed', sans-serif !important; text-transform:initial; padding: 0 10px 10px !important; } .woocommerce ul.products li.product .price { font: 400 15px/22px 'Roboto Condensed', sans-serif; color: #666!important; text-align:center; } .woocommerce ul.products li.product a { text-decoration: none!important; } .woocommerce ul.products li.product .button { text-transform:uppercase; color: #fff!important; } .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button:active, .woocommerce ul.products li.product .button:focus { color: #c8002f!important; border: solid 2px #c8002f !important; background: #fff!important; } /*Fiche produit "Prestations" */ .single-product #breadcrumbsWrapper {margin-bottom: 30px;} .woocommerce div.product .product_title {text-align: left;} .woocommerce div.product p.price, .woocommerce div.product span.price { font: 500 17px/22px 'Roboto Condensed', sans-serif; color: #666!important; } .woocommerce div.product form.cart .variations label {color: #666; font-size: 15px; font-weight: 400; line-height: 35px;} .woocommerce div.product form.cart .variations select { background: rgba(208,211,212,.2); border: solid 2px #d0d3d4; padding: 5px;} .woocommerce div.product form.cart .reset_variations {color: #c8002f;} .woocommerce div.product form.cart .button {background-color: #c8002f; padding: 14px 20px;} .woocommerce div.product form.cart .button:hover, .woocommerce div.product form.cart .button:focus {background-color: #fff; color: #c8002f !important;} .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {background: #fff;} /*Liste des produits "Boutique" */ #boutique-produits ul.products { background: none; border:none; } #boutique-produits ul.products li.product { background:rgba(238,238,238,.5); border: solid 2px rgba(238,238,238,.9); width: calc(25% - 40px); clear: none; margin: 0 15px 30px; padding-bottom: 20px; min-height:470px; float: none; display: inline-block; vertical-align: top; } @media (max-width: 767px) { #mainMenu ul#menu-menu-principal { display: flex; flex-direction: column; align-items: flex-start; margin: 15px 0; } .header1 #mainMenu .navbar-nav li { width: 100%; } #mainMenu ul#menu-menu-principal li a br { display:none; } #mainMenu ul#menu-menu-principal > li > a { text-align: left; padding:15px; } #mainMenu ul#menu-menu-principal ul li a { text-align: left; } #mainMenu .navbar-nav > li.sep { min-height: 1px; background: #fff; } #mainMenu .navbar-nav > li.sep:last-child {display: none;} } @media (max-width: 767px) { #boutique-produits ul.products li.product {width: calc(50% - 40px);} } @media (max-width: 499px) { #boutique-produits ul.products li.product {width: calc(100% - 40px);} } /*Fiche produit "Boutique" */ .woocommerce .quantity .qty { height: 48px; margin-top: 15px; margin-right: 10px; } /* Tunnel de commande */ .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { position:relative; display: inline; } .woocommerce-MyAccount-navigation ul { list-style:none; margin: 0; padding:0; background: rgba(208,211,212,.2); } .woocommerce-MyAccount-navigation ul li { font:500 14px/36px 'Roboto Condensed', sans-serif !important; text-align:center; text-transform:uppercase; } .woocommerce-MyAccount-navigation ul li a { color:#666!important; text-decoration: none!important; } .woocommerce-MyAccount-navigation ul li.is-active { background:#039ccd; } .woocommerce-MyAccount-navigation ul li.is-active a { color:#fff!important; } .woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row label.checkbox { padding-left: 0; line-height: initial;} .woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row .input-checkbox { visibility:initial; position:initial; margin:4px 10px 0 0; outline:none!important; } /* Mon compte */ .woocommerce-account .addresses .title h3 {font-size: 20px; margin-top: 15px;} .woocommerce-account .addresses .title .edit {margin-top: 15px;} .woocommerce-account .woocommerce-MyAccount-content form h3 {text-align: left; font: 400 24px/30px 'Roboto Condensed', sans-serif; color: #039ccd;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container--default .select2-selection--single { width: 100%; background: rgba(208,211,212,.2); border: solid 2px #d0d3d4; padding: 5px; height: auto; line-height: 22px; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 22px; padding: 0;} .select2-container--default .select2-selection--single .select2-selection__arrow {height: 34px; right: 5px;} .woocommerce-account fieldset legend {font: 400 24px/30px 'Roboto Condensed', sans-serif; color: #039ccd; border-bottom: dotted 2px #d0d3d4;} /* Fiche prestataire */ .woocommerce-account .woocommerce-MyAccount-navigation { position: sticky; top: 60px; } .woocommerce table.my_account_orders .button {margin: 5px; padding: 10px 15px;} @media (max-width: 767px) {.woocommerce-account .woocommerce-MyAccount-navigation { position: static; margin-bottom: 30px; }} p.label {display:block; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; text-align:left; margin:5px 0 15px; padding:0; } table.tarifs input { width:90px; border:solid 2px #d0d3d4; } div.form_line {border-bottom:dotted 2px #d0d3d4; padding:10px 0; } div.form_line input, div.form_line textarea { border:solid 2px #d0d3d4; padding:5px; background:rgba(208,211,212,.2); } div.titre label { width:100%; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; } div.titre input { width:100%; background:rgba(208,211,212,.2); } div.text_court label { width:100%; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; } div.text_court textarea { width:100%; height:80px; background:rgba(208,211,212,.2); } div.contenu_page label { width:100%; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; } div.contenu_page textarea { width:100%; background:rgba(208,211,212,.2); } div.image label { width:100%; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; } div.image input { width:100%; background:rgba(208,211,212,.4); } ul.form_secteur {list-style:none; margin:0; padding:0; } ul.form_secteur li { display: inline-block; margin: 0 15px 0 0; } ul.form_secteur li label { font-weight: normal; text-indent: 5px; } div.type_structure label { width:100%; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; } div.type_structure input { width:100%; background:rgba(208,211,212,.2); } div.nbre_etoiles label { width:100%; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; } div.nbre_etoiles input { width:50px; background:rgba(208,211,212,.2); } div.nom_structure label { width:100%; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; } div.nom_structure input { width:100%; background:rgba(208,211,212,.2); } div.nom_contact label { width:100%; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; } div.nom_contact input { width:100%; background:rgba(208,211,212,.2); } label.rue { width:100%; font-weight:400; line-height: 36px; margin: 0; padding: 0 5px; background:#d0d3d4; } input.input_rue {width:100%; margin: 0 0 10px 0; } div.form_cp, div.form_ville { display:inline-block; margin:0 10px 0 0; } div.form_cp label, div.form_ville label {float:left; font-weight:400; line-height: 36px; margin: 0; padding: 0 5px; background:#d0d3d4; } div.form_tel1, div.form_tel2 { display:inline-block; margin:0 10px 0 0; } div.form_tel1 label, div.form_tel2 label {float:left; font-weight:400; line-height: 36px; margin: 0; padding: 0 5px; background:#d0d3d4; } p.info {font-size: 13px; font-style: italic; margin: 5px 0 0 0; } div.e_mail label { width:100%; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; } div.e_mail input { width:100%; background:rgba(208,211,212,.2); } div.site_internet label { width:100%; font:400 24px/30px 'Roboto Condensed', sans-serif; color:#039ccd; } div.site_internet input { width:100%; } div.form_lat, div.form_lng { display:inline-block; margin:0 10px 0 0; } div.form_lat label, div.form_lng label {float:left; font-weight:400; line-height: 36px; margin: 0; padding: 0 5px; background:#d0d3d4; } div.form_dateouv, div.form_datefer { display:inline-block; margin:0 10px 0 0; } div.form_dateouv label, div.form_datefer label {float:left; font-weight:400; line-height: 36px; margin: 0; padding: 0 5px; background:#d0d3d4; } div.form_dist1, div.form_dist2 { display:inline-block; margin:0 10px 0 0; } div.form_dist1 label, div.form_dist2 label {float:left; font-weight:400; line-height: 36px; margin: 0; padding: 0 5px; background:#d0d3d4; } div.form_distinfos label {width:100%; font-weight:400; line-height: 36px; margin:10px 0 0 0; padding: 0 5px; background:#d0d3d4; } div.form_distinfos textarea { width:100%; background:rgba(208,211,212,.2); } table.tarifs {display:block; background: rgba(208,211,212,.4); padding:15px; } table.tarifs th { width:100px; font: 400 12px/24px 'Roboto Condensed', sans-serif; } table.tarifs th.type_heb { width:210px; } table.tarifs input { width:80px; background:#fff; } table.tarifs a.delete_tarif { float:left; font-size:12px; } table.tarifs a.delete_tarif:before { content:"Supprimer"; } a.add_tarif { display: block; padding: 5px 15px; background:rgba(208,211,212,.4); border-top:solid 2px #fff; } a.add_tarif::before { content:"Ajouter un hébergement"; } ul.form_services {list-style:none; margin:0; border:solid 2px #d0d3d4; padding:30px; } ul.form_services p.label { font:400 20px/30px 'Roboto Condensed', sans-serif; } ul.form_services li { line-height:36px; } ul.form_services li label { font-weight:normal; text-indent:5px; } ul.form_services li span {float: left; width:36px; height:36px; margin:0 5px 0 0; background:#eee; } ul.form_services li span.icon_handicap { background: #eee url('img/pictos-services.gif') no-repeat 0 0; background-size: 36px; } ul.form_services li span.icon_cuisine { background: #eee url('img/pictos-services.gif') no-repeat 0 -36px; background-size: 36px; } ul.form_services li span.icon_nocuisine { background: #eee url('img/pictos-services.gif') no-repeat 0 -72px; background-size: 36px; } ul.form_services li span.icon_snack { background: #eee url('img/pictos-services.gif') no-repeat 0 -108px; background-size: 36px; } ul.form_services li span.icon_stationnement { background: #eee url('img/pictos-services.gif') no-repeat 0 -144px; background-size: 36px; } ul.form_services li span.icon_wifi { background: #eee url('img/pictos-services.gif') no-repeat 0 -180px; background-size: 36px; } ul.form_services li span.icon_anes { background: #eee url('img/pictos-services.gif') no-repeat 0 -216px; background-size: 36px; } ul.form_services li span.icon_chiens { background: #eee url('img/pictos-services.gif') no-repeat 0 -252px; background-size: 36px; } ul.form_services li span.icon_cb { background: #eee url('img/pictos-services.gif') no-repeat 0 -287px; background-size: 36px; } ul.form_services li span.icon_cv { background: #eee url('img/pictos-services.gif') no-repeat 0 -319px; background-size: 36px; } ul.form_services li span.icon_draps { background: #eee url('img/pictos-services.gif') no-repeat 0 -355px; background-size: 36px; } ul.form_services li span.icon_locdraps { background: #eee url('img/pictos-services.gif') no-repeat 0 -391px; background-size: 36px; } ul.form_services li span.icon_petitdej { background: #eee url('img/pictos-services.gif') no-repeat 0 -427px; background-size: 36px; } ul.form_services li span.icon_piscine { background: #eee url('img/pictos-services.gif') no-repeat 0 -468px; background-size: 36px; } ul.form_services li span.icon_ouverthiver { background: #eee url('img/pictos-services.gif') no-repeat 0 -504px; background-size: 36px; } div.form_autresservices { padding:10px 30px; background:#d0d3d4; } div.form_autresservices label { font-weight:normal; } div.form_autresservices input { background:#fff; } .form_service_stationnement ul li, .form_service_anes ul li {list-style: none;} ul.form_labels {list-style:none; margin:0; border:solid 2px #d0d3d4; padding:30px; } ul.form_labels ul {list-style:none; margin:0; } ul.form_labels p.label { font:400 20px/30px 'Roboto Condensed', sans-serif; } ul.form_labels li { line-height:36px; } ul.form_labels li label { font-weight:normal; text-indent:5px; } ul.form_labels li span {float: left; width:36px; height:36px; margin:0 5px 0 0; background:#eee; } ul.form_labels li span.icon_gitesdefrance { background: #eee url('img/pictos-labels.gif') no-repeat 0 0; background-size: 36px; } ul.form_labels li span.icon_gitesdefrance_1 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -36px; background-size: 36px; } ul.form_labels li span.icon_gitesdefrance_2 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -72px; background-size: 36px; } ul.form_labels li span.icon_gitesdefrance_3 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -108px; background-size: 36px; } ul.form_labels li span.icon_logisdefrance { background: #eee url('img/pictos-labels.gif') no-repeat 0 -180px; background-size: 36px; } ul.form_labels li span.icon_logisdefrance_1 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -216px; background-size: 36px; } ul.form_labels li span.icon_logisdefrance_2 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -252px; background-size: 36px; } ul.form_labels li span.icon_logisdefrance_3 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -288px; background-size: 36px; } ul.form_labels li span.icon_logisdefrance_c1 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -324px; background-size: 36px; } ul.form_labels li span.icon_logisdefrance_c2 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -360px; background-size: 36px; } ul.form_labels li span.icon_logisdefrance_c3 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -396px; background-size: 36px; } ul.form_labels li span.icon_logisdefrance_c4 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -432px; background-size: 36px; } ul.form_labels li span.icon_prevert { background: #eee url('img/pictos-labels.gif') no-repeat 0 -144px; background-size: 36px; } ul.form_labels li span.icon_randoaccueil { background: #eee url('img/pictos-labels.gif') no-repeat 0 -468px; background-size: 36px; } ul.form_labels li span.icon_chartecevennes { background: #eee url('img/pictos-labels.gif') no-repeat 0 -504px; background-size: 36px; } ul.form_labels li span.icon_chartetourisme { background: #eee url('img/pictos-labels.gif') no-repeat 0 -540px; background-size: 36px; } ul.form_labels li span.icon_agirtourisme { background: #eee url('img/pictos-labels.gif') no-repeat 0 -576px; background-size: 36px; } ul.form_labels li span.icon_clevacances { background: #eee url('img/pictos-labels.gif') no-repeat 0 -612px; background-size: 36px; } ul.form_labels li span.icon_clevacances_1 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -648px; background-size: 36px; } ul.form_labels li span.icon_clevacances_2 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -684px; background-size: 36px; } ul.form_labels li span.icon_clevacances_3 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -720px; background-size: 36px; } ul.form_labels li span.icon_bienvenueferme { background: #eee url('img/pictos-labels.gif') no-repeat 0 -756px; background-size: 36px; } ul.form_labels li span.icon_hotelslozere { background: #eee url('img/pictos-labels.gif') no-repeat 0 -792px; background-size: 36px; } ul.form_labels li span.icon_fleurssoleil { background: #eee url('img/pictos-labels.gif') no-repeat 0 -828px; background-size: 36px; } ul.form_labels li span.icon_aubergeauvergne { background: #eee url('img/pictos-labels.gif') no-repeat 0 -864px; background-size: 36px; } ul.form_labels li span.icon_aubergevillage { background: #eee url('img/pictos-labels.gif') no-repeat 0 -900px; background-size: 36px; } ul.form_labels li span.icon_sudfrance { background: #eee url('img/pictos-labels.gif') no-repeat 0 -936px; background-size: 36px; } ul.form_labels li span.icon_vvf { background: #eee url('img/pictos-labels.gif') no-repeat 0 -972px; background-size: 36px; } ul.form_labels li span.icon_agriculturebio { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1008px; background-size: 36px; } ul.form_labels li span.icon_militantgout { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1044px; background-size: 36px; } ul.form_labels li span.icon_hebrespirando { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1080px; background-size: 36px; } ul.form_labels li span.icon_actirespirando { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1116px; background-size: 36px; } ul.form_labels li span.icon_monumenthisto { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1152px; background-size: 36px; } ul.form_labels li span.icon_deficientaudio { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1188px; background-size: 36px; } ul.form_labels li span.icon_deficientvisuel { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1224px; background-size: 36px; } ul.form_labels li span.icon_iso9001 { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1260px; background-size: 36px; } ul.form_labels li span.icon_cleverte { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1296px; background-size: 36px; } ul.form_labels li span.icon_accueilpaysan { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1332px; background-size: 36px; } ul.form_labels li span.icon_tourismehandicap { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1368px; background-size: 36px; } ul.form_labels li span.icon_qualitetourisme { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1404px; background-size: 36px; } ul.form_labels li span.icon_restaurateursfrance { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1440px; background-size: 36px; } ul.form_labels li span.icon_tableaubergefrance { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1476px; background-size: 36px; } ul.form_labels li span.icon_maitrerestaurateur { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1512px; background-size: 36px; } ul.form_labels li span.icon_compagnonroute { background: #eee url('img/pictos-labels.gif') no-repeat 0 -1548px; background-size: 36px; } div.form_autreslabels { padding:10px 30px; background:#d0d3d4; } div.form_autreslabels label { font-weight:normal; } div.form_autreslabels input { background:#fff; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce button.button.alt { font:500 14px/16px 'Roboto Condensed', sans-serif !important; color: #fff !important; padding:14px 20px; margin:15px 0 0 0; background-color: #c8002f; border:solid 2px #c8002f; border-radius: 5px; text-decoration: none !important; text-transform: uppercase;} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { color: #c8002f !important; background-color: #fff; } /* Infobox */ .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button {margin-top: 0; padding: 10px 15px;} /* VERSION RESPONSIVE ================================================== */ @media (max-width: 767px) { body {background-size: auto !important;} .desktop { display: none;} .responsive { display: block;} h1 {font-size: 42px;} h2 {font-size: 36px;} .page-header {padding: 0 0 30px;} .page-header h1,.page-header p {text-align: left; margin-top: 10px;} /* COOKIES */ /*#cookie-notice .button.bootstrap { width: 98%; margin: 1%; }*/ /* HEADER */ .home #wrapperheader::before, #wrapperheader::before {background: none;} #wrapperheader { height: 50px; background: #fff url('img/logo-association-chemin-stevenson.png') no-repeat center 5px; background-size: 50px; position: static !important; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25); box-shadow: 0 0 10px 0 rgba(0,0,0,0.25); } .navbar-toggle .icon-bar {background-color: #c8002f;} .site-content {top: 50px;} .wrappermenu {background: #c8002f;} #sidebar-main-header {padding: 0 15px;} #sidebar-logo {padding: 0; width: 100%;} #sidebar-logo .widget_scopikatz_logo {padding: 5px 80px 35px;} #sidebar-wrapper {width: 100%;} /* SEARCHFORM */ #wrapper-searchform {background:#70cdb3; display: none;} #searchform {position: relative; line-height:36px; margin:15px 0; } input#s { width:100%; height:30px; -webkit-border-radius:18px; border-radius: 18px; border:none; padding-left:10px; outline:none; } button#searchsubmit { position: absolute; top:0; right:0; width:36px; height:36px; border: none; background:transparent none; } button#searchsubmit .dashicons-search { color:#555; } /* MENU */ #mainMenu {margin: 0 -15px;} #mainMenu .navbar-nav li { border:none !important; text-align: center; } #mainMenu .navbar-nav > li.menu-item-has-children:hover:after { display: none; content: none;} #mainMenu .navbar-nav > li > a { padding:15px; } #mainMenu .navbar-nav > li > a.active, #mainMenu .navbar-nav>li>a:hover, #mainMenu .navbar-nav>li.hover>a, .header1 #resMainMenu li.active>a { background:#eee!important; color: #c8002f!important; } #mainMenu .navbar-nav ul { border-top:none !important; } #mainMenu .navbar-nav ul li a { padding:15px; border-top:solid 1px #666666; } li.Nactive > ul { display: block !important; } /* FOOTER */ #PostFooter {margin: 0 -15px;} /* FORMULAIRE */ .gform_multi_column_wrapper .gform_body, .gform_page_multi_column .gform_page_fields { margin-left:0; margin-right:0; } .gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } /* STYLES PERSONNALISÉS */ .vc_col-sm-2.bloc, .vc_col-sm-3.bloc, .vc_col-sm-4.bloc, .vc_col-sm-6.bloc, .vc_col-sm-8.bloc, .vc_col-sm-9.bloc, .vc_col-sm-12.bloc { width: calc(100% - 30px); margin:15px; padding-top: 15px; } /* Page d'accueil */ #entete-home {clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);} #entete-home {padding: 40px 0 100px;} .organiser-home .couleur {max-width: 550px; margin: 0 auto;} #brochure-home { clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%); background: #039ccd; padding: 60px 0 40px; } #brochure-home .vc_col-sm-2 {float: left; width: 200px;} #brochure-home .vc_col-sm-4 {float: left; width: calc(100% - 200px);} #brochure-home .vc_col-sm-6 {clear: both; padding-top: 30px;} #brochure-home .vc_col-sm-6 img {width: 60px;} } @media (max-width: 437px) { #brochure-home .vc_col-sm-2, #brochure-home .vc_col-sm-4 {width: 100%;} #brochure-home .vc_col-sm-4 {margin-bottom: 20px;} #brochure-home .vc_col-sm-6 {/*text-align: left;*/padding-top: 20px; border-top: 1px solid #fff;} }