/* Theme Name: Septime Theme URI: http://www.septime.net Author: Septeam Version:2015.r.0 */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ #general ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ html{ height: 100%; -ms-overflow-style: scrollbar;} body{ margin-top:60px !important; height: 100%; -ms-overflow-style: scrollbar; font-family: arial, sans-serif !important; } h1 { line-height: 36px !important; font-size: 36px; color: #cb2a03 !important; } h1 a{ color: #000; } h1.entry-title { margin-bottom: 2px; line-height: 36px !important; font-size: 36px; font-weight: bold; color: #cb2a03 !important; font-family: 'Roboto', sans-serif; } h2 { font-size: 18px !important; color: #ff8821 !important; } h3 { font-size: 16px !important; color: #ff8821 !important; } a, a:hover, a:active { text-decoration: none !important; outline: 0 !important; transition-duration: 1s; transition-property: color;} .fifty_percent { width: 45%; } .block-left { float: left; } .block-right { float: right; } .clear { clear: both; } .mobile { display: none; } article { padding-bottom: 10px } article .actu-date { font-size: 11px; color: #ff8821; } article .cat-links a, article .cat-list-links a { font-size: 11px; color: #cb2a03 !important; transition-duration: 1s; transition-property: color; text-decoration: underline !important;} article .cat-links a:hover, article .cat-links a:active, article .cat-list-links a:hover, article .cat-list-links a:active{ text-decoration: underline !important; color: #ff8821 !important; outline: 0 !important; transition-duration: 1s; transition-property: color; } article .cat-list-links { float: right } .single .site-content { margin-top: 25px; } .site-content a { transition-duration: 1s; transition-property: color; font-weight: normal; color: #cb2a03;} .site-content a:hover, .site-content a:active { text-decoration: none !important; color: #ff8821 !important; outline: 0 !important; transition-duration: 0.5s; transition-property: color; } .site-content span.btn-in-content a { padding: 6px 34px; display: inline-block; text-align: center; color: #ffffff; font-weight: bold; border-radius: 0; background: #cb2a03; text-decoration: none !important; transition-duration: 0.5s; transition-property: background-color; } .site-content span.btn-in-content a:hover { background: #ee8d3c; color: #ffffff !important; text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .site-content ul, .site-content ol { margin: 0 0 24px 20px; padding-left: 0; } .site-content .entry-header { padding-bottom: 10px } .site-content iframe { margin: 8px 24px 24px 0; float: left; display: block; } .site-content table { table-layout: fixed; border: 1px solid #dadada; width: 100%; color: #000 } .site-content table tr:nth-child(odd) { background: #fff0e3; } .site-content table td { vertical-align: top; } .site-content table td, .site-content table th { padding:10px; font-size: 14px; border: 1px solid #dadada; } .site-content table th { background: #cb2a03; color: #fff; text-transform: uppercase; } .site-content blockquote { font-size: 14px; } .site-content img { max-width: 100%; height: auto; } .site-content .alignleft { float: left; margin: 7px 24px; } .site-content .alignright { float: right; margin: 7px 24px; } .site-content .aligncenter { clear: both; display: block; margin:7px auto; } .site-content article .thumbnail { float: left; padding: 5px 15px 5px 0px; border: none; margin-bottom: 0px; } .site-content .wp-video { margin-bottom: 2px; } .site-content .wp-caption-text{ padding:5px 20px 0 20px; color: #767676; font-size: 12px; } .prev-next-posts { height: 50px; font-size: 14px; } .nav-previous a, .nav-next a { padding: 30px 0 0 20px; width: 230px; color: #cb2a03; } .nav-previous a:hover, .nav-previous a:active, .nav-next a:hover, .nav-next a:active { color: #ff8821 !important; outline: 0 !important; transition-duration: 1s; transition-property: color; } .nav-previous { float: left; } .nav-next { float: right; margin-right: 32px; } .nav-previous a:before{ margin:1px 0 0 -20px; position: absolute; display: inline-block; width: 17px; height: 18px; background: url("images/nav.jpg") no-repeat left; content: ""; cursor: pointer; } .nav-next a:after{ margin:1px 0px 0 3px; position: absolute; display: inline-block; width: 17px; height: 18px; background: url("images/nav.jpg") no-repeat right; content: ""; cursor: pointer; } /*--- ligne de séparation---*/ #separation { height: 60px; text-align: center; clear: both; } #separation hr { margin: -16px 0; padding: 0; height: 1px; border: 0; background-color: #d9d9d9; } #separation img { margin-top: 10px; } /*--- #infos-terra 3 images ---*/ #infos-terra { margin-top: 25px; text-align: center; font-family: "Roboto", sans-serif; } #infos-terra a { padding:10px; color: #000000 !important; text-decoration: none; transition-duration: 0.6s; transition-property: color; } #infos-terra a img { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } #infos-terra a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } #infos-terra a:hover, #infos-terra a:focus { color: #ff8821!important; } #infos-terra .title { padding-top: 10px; font-size: 18px; } /*==================== #header ===================== */ #header { /*background: #CB2A03;*/ background: #fff; height: 60px; z-index: 5; } /******* box gauche ********/ #header .top-left-logo { } #header .top-left-logo img { margin-top: 10px; } /**** header box droite *****/ #header .top-right-bar { padding-top: 17px; } #header .top-right-bar .right { float: right; } /*-- meteo */ #header #meteo-btn { cursor: pointer; } #header #meteo { margin: 50px 0 0 149px; position: absolute; display: none; border: 1px solid white; width: 306px; background: #cb2a03; } /*-- search */ #header #search-btn { cursor: pointer; } #header #search-container { display: none; } #header #search-container #search-form { position: relative; display: inline; } #header #search-container #search { padding:0 0 0 12px; vertical-align: bottom; width: 140px; height: 31px; border: none; border-radius: 0; color: #2e2e2e; font-size: 12px; box-shadow: 0 0 2px 2px rgba(139, 139, 139, 0.35) inset; } #header #search-container #submit { padding-top: 1px; margin-left: -6px; vertical-align: bottom; width: 30px; height: 31px; border: 0px solid #ffffff; border-radius: 0; color: transparent; font-size: 12px; font-weight: normal; background: url("images/header/btn-search.png") no-repeat #f28c3e; } #header #search-container #submit:hover { background-color: #bf1e00; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } /*-- btn mobile burger*/ #header #menu-mobile-btn { right: 0; top: 0; position: absolute; width: 60px; height: 60px; cursor: pointer; background:url("images/header/burger.jpg"); } /********** slider (image header de page)*********/ .header-slider-general { overflow: hidden; height: 180px; text-align: center; } #header-slider { overflow: hidden } #header-slider .header-slider-bg{ width: 100%; height: 180px; -webkit-background-size: cover !important; background-size: cover !important; background-repeat: no-repeat; } #header-slider .forcefullwidth_wrapper_tp_banner { z-index: 1; } /***** fils d'arianne ******/ .breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs span > a > span { color: #000000 !important; } .breadcrumbs span:last-child { color: #ee8d3c } /******* header-menu *******/ /*----- menu desktop ----- */ /*-- menu general*/ #header-desktop-menu { display: inherit; z-index: 2 } #header-desktop-menu { height: 60px; background: #CB2A03; } #header-desktop-menu ul.menu { padding: 0px; height: 60px; letter-spacing: -0.31em } #header-desktop-menu ul.menu a { text-decoration: none; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: bold; font-family: 'Roboto', sans-serif; } .sticky-header { position: fixed; width: 100%; left: 0; top:0; z-index: 100; border-top: 0; } .sticky-header-menu { position: fixed; width: 100%; left: 0; top:60px; z-index: 100; border-top: 0; } .sticky-header-adminbar { position: fixed; width: 100%; left: 0; top:32px; z-index: 100; border-top: 0; } .sticky-header-menu-adminbar{ position: fixed; width: 100%; left: 0; top:92px; z-index: 100; border-top: 0; } /*-- menu niveau 1*/ #header-desktop-menu ul.menu > li { display: inline-block; line-height: 60px; } #header-desktop-menu ul.menu > li > a { display: inline-block; vertical-align:top; height: 60px; width: 137px; text-align: center; } #header-desktop-menu ul.menu > li > a > span { display: inline-block; max-width:143px; vertical-align: middle; line-height: 16px; } #header-desktop-menu ul.menu > li:hover > a, #header-desktop-menu ul.menu > li.current-menu-item a { color: #cb2a03; background-color: #ffffff; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; } #header-desktop-menu ul.menu > li > a { background-color: #cb2a03; transition-duration: 1s; transition-property: background-color; } #header-desktop-menu ul.menu > li:hover > a, #header-desktop-menu ul.menu > li:focus > a, /*#header-desktop-menu ul.menu > li.current-menu-item a{ background-color: #ffffff; color: #cb2a03; }*/ #header-desktop-menu ul.menu > li.current-menu-item a{ background-color: #ffffff; color: #cb2a03; } /*-- menu niveau 2*/ #header-desktop-menu ul.menu > li:hover ul{ display: block } #header-desktop-menu ul.menu > li > ul { display: none; margin-left: 0px; padding-left: 0px; position: absolute; } #header-desktop-menu ul.menu > li > ul a { padding: 0 24px; line-height: 40px; } #header-desktop-menu ul.menu > li > ul > li { padding: 0px; position: absolute; display: block; z-index: 1; list-style-type: none; background: #f28c3e; } #header-desktop-menu ul.menu > li > ul > li:first-child { border-top: 1px solid white; } #header-desktop-menu ul.menu > li > ul > li:hover, #header-desktop-menu ul.menu > li > ul > li:hover a { color: #ffffff; background: #cb2a03; cursor: pointer; } /*----- menu mobile ----- */ #header-mobile-menu { right: 0; top: 60px; width: 0px; height: 420px; overflow: hidden; display: none; position: absolute; z-index: 5; background: #CB2A03; } #header-mobile-menu .content {} body.admin-bar #header-mobile-menu { top: 100px; } #header-mobile-menu a { color: #ffffff } #header-mobile-menu ul { padding-left: 30px; } #header-mobile-menu ul li { list-style-type: none; padding: 6px 0px; } #header-mobile-menu ul li a { opacity: 0; font-size: 20px; font-family: 'Roboto', sans-serif } #header-mobile-menu .contact { opacity: 0; display: block; font-size: 16px;} #header-mobile-menu #mobile-phone { padding: 10px 0 0 30px; border-top: 1px solid #fff; } #header-mobile-menu #mobile-email { padding: 0 0 30px 30px; } /***** fils d'arianne ******/ #header-breadcrumb { margin-top: 5px; padding-top: 3px; height: 26px; background: #f4f4f4; } /**** revolution slider *****/ .rev_slider_wrapper { z-index: 0; } .tparrows { width: 38px !important; height: 38px !important; } .hesperiden.tparrows { border-radius: 0; } .tp-leftarrow, .tp-rightarrow { background: #cb2a03 !important; } .hesperiden .tp-bullet{ background: #ffffff; border: 0px solid #cb2a03; } .hesperiden .tp-bullet:hover, .hesperiden .tp-bullet.selected { background: #ff8821; } .tparrows.tp-leftarrow::before { content: "<"; font-size: 15px;} .tparrows.tp-rightarrow::before { content: ">"; font-size: 15px;} /*==================== #footer ===================== */ footer, .push{ min-height: 250px; } #footer-content { border-top: 1px solid #dcdcdc; } #footer-content a { transition-duration: 1s; transition-property: color; color: #000000; text-decoration: none } #footer-content a:hover, #footer-content a:active{ text-decoration: none !important; color: #ff8821 !important; outline: 0 !important; transition-duration: 1s; transition-property: color; } #footer-content .links { padding-top: 20px; text-align: center; font-family: "Roboto", sans-serif; } #footer-content .menu { padding-top: 45px; text-align: center; } #footer-content .logos { margin-bottom: 50px; text-align: center; font-size: 27px; font-family: "Roboto", sans-serif; } #footer-content .logos a{ padding: 10px; color: black; text-decoration: none; } #footer-content img { padding: 10px; } #footer-content .social img { padding: 10px 0px; } #footer-content a img { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } #footer-content a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*Menu*/ #footer-content .menu ul { padding-left: 0px; } #footer-content .menu ul li { display: inline-block; font-family: "Roboto", sans-serif; font-size: 14px;} #footer-content .menu ul li:last-child span.separation { display: none; } #footer-content .menu ul li a { padding: 0 4px 0 0px; text-decoration: none; color: #000000; } /*~~~~~~~~~~~~~~~~~~~~~~~ Spécifique à chaque page ~~~~~~~~~~~~~~~~~~~~~~~~*/ /*========================== #home page ================================= */ .home .content { padding: 30px 0 50px 0; } .home .content .left-image img { margin-top: 25px; max-width: 100%; height: auto; } #phone { margin-top: 70px; right: 0; position: fixed; display: inherit; overflow-x: hidden; z-index: 4; width: 38px; height: 38px; background: url("images/header/phone.png"); cursor: pointer; } #email { margin-top: 115px; right: 0; position: fixed; display: inherit; overflow-x: hidden; z-index: 4; width: 38px; height: 38px; background: url("images/header/email.png"); cursor: pointer; } .home .forcefullwidth_wrapper_tp_banner{ z-index: -2; } /*============================= #main =================================== */ #main-content { min-height: 100%; margin: 0 auto -250px; } /*========================== #page-visiter-carte ======================== */ #page-visiter-carte { margin: 50px 0; width: 100%; height: 350px; } #page-visiter-slider{ overflow: hidden; } /*=============== #page-category ============= */ #page-category #menu-category { text-align: center; font-size: 20px; padding: 15px 0; font-family: "Roboto", sans-serif; font-weight: bold } #page-category #menu-category a { margin-top: 15px; padding:0 40px; display: inline-block; color: #cb2a03; text-transform: uppercase; transition-duration: 1s; transition-property: color; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } #page-category #menu-category span:last-child { display: none; } #page-category #menu-category a:hover, #page-category #menu-category a:focus { color: #ff8821; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #page-category #menu-category a.active { color: #ff8821; } /*=============== #page-category et search ============= */ #page-search, #page-category { padding: 0px; } #page-search { font-size: 0px; margin-bottom: 25px; } .search-no-results #page-search { font-size: 14px !important; padding: 10px !important; } #page-category #content-category { font-size: 0px; } #page-search article, #page-category #content-category article { margin: 10px; display: inline-block; vertical-align: top; width: 300px; height: 340px; font-size: 14px; color: #646464; background: #f4f4f4; box-shadow: 0px 0px 5px #d5d5d5; } #page-search article h1, #page-category #content-category article h1 { margin: 10px 0; line-height: 16px !important; font-size: 16px; color: #000000 !important; text-transform: uppercase; } #page-search article .thumbnail, #page-category #content-category article .thumbnail { transition-duration: 0.3s; transition-property: background-size; margin: 0px; padding: 0px; height: 150px; width: auto; border: 0px; border-radius:0px; background-color: #f1e3c9; background-position: center center; background-size: 100%; background-repeat: no-repeat; } #page-search article .thumbnail:hover, #page-category #content-category article .thumbnail:hover { background-position: center center; background-size: 105%; } #page-search article .thumbnail img, #page-category #content-category article .thumbnail img { width: 100%; } #page-search article .list-padding, #page-category #content-category article .list-padding { padding: 0 10px; } @media only screen and (max-width: 991px) { #header-desktop-menu ul.menu a { font-size: 9px; } #header-desktop-menu ul.menu > li > a { padding: 0 1px; width: 105.7px;} #header #meteo { margin: 50px 0 0 43px } #search article, #page-category #content-category article { width: 350px; } .site-content .gallery-item .wp-caption-text { display: none; } #footer-content .links { font-size: 12px; } } @media only screen and (max-width: 782px) { .sticky-header { position: relative; width: 100%; left: 0; top:0px; } .sticky-header-adminbar { position: relative; width: 100%; left: 0; top:0px; } body{ margin-top:0px !important; height: 100%; } .mobile { display: inherit !important; } /*-- meteo */ #header #meteo, #header #meteo-btn, #header #search-btn, #header #search-form { display: none !important; } #header .flag-en { margin-right: 80px } #phone { display: none !important; } #email { display: none !important; } #header-desktop-menu { display: none; } #page-search, #page-category #content-category { text-align: center; } #page-search article, #page-category #content-category article { width: 300px; } .page-template-page-scolaires #page-category #menu-category a, .page-template-page-escapade #page-category #menu-category a { padding: 0 22px; } article .cat-list-links { display: inline-block; float: none } } @media only screen and (max-width: 600px){ #header .top-left-logo img { margin-top: 16px; width: 220px; } #header .top-right-bar .right { margin-right: 10px; } .fifty_percent { margin: 0 auto; float: none !important; min-width: 300px; width: 100%; } #footer .logos .aveyron img { padding: 18px; } #menu-category { margin:0 auto; width: auto;} #page-category #menu-category a.category { padding:0px; margin: 0 auto; display: block; border-right: 0px; } } @media only screen and (max-width: 500px){ article .thumbnail { padding: 0px; } #page-search article, #page-category #content-category article { width: auto; display: block; margin: 20px; } } @media only screen and (max-width: 400px){ #header .top-left-logo img { margin-top: 22px; width: 144px; } #header .flag-en { margin-right: 45px; } #footer .logos img { height:40px } }