From 3c64e4dbae997de918af0698313a29505ebdaac7 Mon Sep 17 00:00:00 2001 From: Nicolas Bally Date: Tue, 21 Apr 2020 22:14:12 +0200 Subject: [PATCH] suite --- app/assets/stylesheets/public.scss | 10006 --------------------------- app/views/layouts/public.html.haml | 12 +- config/environments/development.rb | 2 +- config/environments/production.rb | 2 +- 4 files changed, 8 insertions(+), 10014 deletions(-) diff --git a/app/assets/stylesheets/public.scss b/app/assets/stylesheets/public.scss index d57a999..4c04819 100644 --- a/app/assets/stylesheets/public.scss +++ b/app/assets/stylesheets/public.scss @@ -13,10009 +13,3 @@ -#contenu{ - padding-top:219px !important; -} - -.center_content{ - max-width: 1140px; - margin: auto; - -} - -img{ - max-width:100%; -} - -/*.row_programme:first-child .block_top:first-child:after{ - content:''; - background-color:#000; - display:block; - position:absolute; - width:150px; - top:0px; - bottom:0px; - right:0px; - z-index:1000; - margin-right:-20px; - -}*/ -/*.row_programme:nth-child(2) .block_top:nth-child(2):before{ - content:''; - background-color:#fd0; - display:block; - position:absolute; - width:100px; - top:0px; - z-index:1; - bottom:0px; - left:0px; - margin-left:-10px; - -}*/ -/* clean */ -/* Titres */ -/* Listes */ -/* Paragraphes */ -/* Formulaires */ -/**********/ -/* Boites */ -/**********/ -/* ============================================================================= - * MENU - * ===========================================================================*/ -/*******************************/ -/* specific to non IE browsers */ -/* ============================================================================= - * End of Menu - * ===========================================================================*/ -/**********/ -/* GAUCHE */ -/**********/ -/**********/ -/* CENTRE */ -/**********/ -/**********/ -/* DROITE */ -/**********/ -/********/ -/* PIED */ -/********/ -/**********/ -/* HTML */ -/**********/ -/**************/ -/* Modules */ -/***********/ -/* Liens */ -/* Pas de bordure autour des images dans les liens */ -/**********************/ -/* Villes Suggestion */ -/***************************/ -/* Recherche */ -/***************************/ -/* Tag clouds Couleurs -orange #e3721f => 0,3 -marron #603b0b => 1,4 -marron clair #ac741a =>2,5 -Bleu #3d9bde -*/ -/* Immo */ -/*.group_complement input[type="checkbox"]{ - display:inline-block!important; - vertical-align:middle; - margin:0; - -} -.group_complement input[type="checkbox"] + label{ - display:none; -}*/ -/*! -* - v1.2.3 -* Homepage: http://bqworks.com/slider-pro/ -* Author: bqworks -* Author URL: http://bqworks.com/ -*/ -/* Core ---------------------------------------------------*/ -/* Thumbnails ---------------------------------------------------*/ -/* Horizontal thumbnails -------------------------*/ -/* Vertical thumbnails -----------------------*/ -/* Right thumbnails with pointer ---------------------------------*/ -/* Left thumbnails with pointer --------------------------------*/ -/* Bottom thumbnails with pointer ----------------------------------*/ -/* Layers ---------------------------------------------------*/ -/* Touch Swipe ---------------------------------------------------*/ -/* Caption ---------------------------------------------------*/ -/* Full Screen ---------------------------------------------------*/ -/* Thumbnail Arrows ---------------------------------------------------*/ -/* Video ---------------------------------------------------*/ -/* CSS for preventing styling issues in WordPress ---------------------------------------------------*/ -/* Arrows ---------------------------------------------------*/ -.bo_paragraphe { - border: 1px dashed #C00000; - margin-bottom: 5px; - p.bo_barre_boutons { - font-size: 0.85em; - background: #FAFAFA; - } -} - -a { - text-decoration: none !important; - text-decoration: none; - color: #CC4B14; - &:hover { - color: #000000; - text-decoration: underline; - } - &:focus { - color: #000000; - text-decoration: underline; - } - &:active { - color: #000000; - text-decoration: underline; - } - img { - border: none; - } -} -.main-slider { - padding-top: 140px; -} -.visu_partenaire { - img { - width: 100%; - height: auto; - } -} -#conteneur { - z-index: 1; - position: relative; -} -body { - font-family: 'Montserrat', sans-serif; - color: #000; - font-size: 15px; - -webkit-font-smoothing: antialiased; - margin: 0; - padding: 0; - position: relative; -} -.datepicker { - table { - tr { - td.active.active { - background: #cc4b14 !important; - } - } - } -} -.alerte_gestion { - color: red; - margin-bottom: 10px; -} -.bloc_gestion { - h4 { - text-transform: uppercase; - margin-bottom: 20px; - } - td { - padding: 10px 0px; - vertical-align: middle; - } - tr { - td { - input[type="text"] { - padding: 5px 10px; - font-size: 14px; - } - select { - padding: 5px 10px; - font-size: 14px; - } - br { - display: none; - } - } - &:nth-child(3) { - td { - text-align: center; - font-weight: 800; - font-size: 30px; - } - } - &:last-child { - td { - text-align: right; - } - } - } - max-width: 900px; - margin: auto; - background-color: #eee; - padding: 30px; - border: 1px solid #ddd; - table { - width: 100%; - } -} -.item_carousel { - position: relative; - width: 100%; - background-size: cover; - height: 100%; - img { - min-width: 100%; - width: auto !important; - height: auto !important; - min-height: 100%; - } -} -.carousel_home { - .owl-controls { - position: absolute; - top: 50%; - width: 100%; - margin-top: 20px !important; - } - max-height: 750px; - padding-top: 100px; - overflow: hidden; - .owl-next { - margin-right: 0px !important; - font-size: 40px !important; - width: 50px; - height: 50px; - right: 0; - position: absolute; - background-color: rgba(0,0,0,0.5) !important; - border-radius: 0px !important; - } - .owl-prev { - margin-right: 0px !important; - font-size: 40px !important; - width: 50px; - height: 50px; - right: 0; - position: absolute; - background-color: rgba(0,0,0,0.5) !important; - border-radius: 0px !important; - right: auto; - left: 0; - margin-left: 0px !important; - } -} -.slider_home { - .main-slider__title { - position: relative; - display: inline-block; - padding: 10px; - font-size: 40px; - font-weight: 400; - line-height: 45px; - text-transform: uppercase; - color: #fff; - font-family: 'Fugaz One', cursive; - a { - color: #fff !important; - } - &:before { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - border: 1px solid rgba(255, 255, 255, 0); - bottom: 0px; - content: " "; - display: block; - margin: 0 auto; - position: relative; - -webkit-transition: all 280ms ease-in-out; - transition: all 280ms ease-in-out; - width: 0; - } - &:after { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - border: 1px solid rgba(255, 255, 255, 0); - bottom: 0px; - content: " "; - display: block; - margin: 0 auto; - position: relative; - -webkit-transition: all 280ms ease-in-out; - transition: all 280ms ease-in-out; - width: 0; - } - &:hover { - background-color: transparent; - &:before { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - border-color: #ffdd00; - -webkit-transition: width 350ms ease-in-out; - transition: width 350ms ease-in-out; - width: 70%; - } - &:after { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - border-color: #ffdd00; - -webkit-transition: width 350ms ease-in-out; - transition: width 350ms ease-in-out; - width: 70%; - } - } - } - .main-slider__wrap { - &:hover { - background-color: transparent; - .bg_black { - background-color: transparent; - } - } - position: absolute; - padding: 20px; - text-align: left; - z-index: 2; - margin-left: 7%; - width: 375px !important; - } - position: relative; - z-index: 1; - .owl-item { - padding-bottom: 0px !important; - } - .bg_black { - >a { - padding: 10px; - color: #ffdd00 !important; - font-family: 'Archivo Narrow', sans-serif; - display: block; - font-weight: 600 !important; - font-size: 20px !important; - } - } -} -.row_programme { - font-size: 0; - max-width: 1140px; - margin: auto; - &:nth-child(2) { - .block_top { - &:nth-child(1) { - color: #000; - background-color: #fd0; - &:after { - content: ''; - background-color: #fd0; - display: block; - position: absolute; - width: 1000px; - top: 0px; - bottom: 0px; - margin-right: -1000px; - z-index: 1; - } - &:hover { - z-index: 10; - transform: skew(-13deg) scale(1.05); - } - a { - color: #000; - } - } - &:nth-child(2) { - &:after { - content: ''; - background-color: #fff; - display: block; - position: absolute; - width: 1000px; - top: 0px; - bottom: 0px; - margin-left: -1000px; - } - float: left; - margin-left: -20px; - width: calc(50% - 20px); - background-color: #fff; - padding: 20px 20px; - text-align: center; - a { - img { - transform: skew(0deg); - } - font-size: 30px; - text-transform: uppercase; - font-weight: bold; - color: #CC4B14; - display: inline-block; - } - } - } - } - &:first-child { - .block_top { - &:first-child { - &:before { - content: ''; - background-color: #000; - display: block; - position: absolute; - width: 1000px; - top: 0px; - bottom: 0px; - margin-left: -1000px; - content: ''; - background-color: #000; - display: block; - position: absolute; - width: 1000px; - top: 0px; - bottom: 0px; - margin-left: -1000px; - } - } - &:nth-child(2) { - &:after { - content: ''; - background-color: #fff; - display: block; - position: absolute; - width: 1000px; - top: 0px; - bottom: 0px; - margin-right: -1000px; - } - } - } - } - .block_top { - transform: skew(-13deg); - * { - transform: skew(13deg); - text-transform: uppercase; - } - } - &:nth-child(1) { - .block_top { - &:nth-child(1) { - margin-left: 20px; - width: calc(50% - 20px); - &:hover { - z-index: 10; - transform: skew(-13deg) scale(1.05); - } - } - &:nth-child(2) { - background-color: #fff; - } - } - } -} -.block_top { - >* { - z-index: 1000; - position: relative; - } - display: inline-block; - width: 50%; - padding: 40px 40px; - position: relative; - box-sizing: border-box; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -ms-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; - img { - display: inline-block; - vertical-align: middle; - margin-left: 10px; - } -} -.color_orange { - color: #cc4b14; -} -.num_programme { - background-color: #cc4b14; - padding: 30px 0px; -} -.chiffre { - font-size: 30px; - vertical-align: middle; - display: inline-block; - color: #fff; - font-family: 'Fugaz One', cursive !important; -} -.left-pres { - display: inline-block; - width: 50%; - position: relative; - img { - min-height: 100%; - position: absolute; - right: 0; - top: 0; - min-width: 1000px; - width: auto; - height: auto; - } -} -.pres_programme { - position: relative; - overflow: hidden; -} -.right-pres { - display: inline-block; - position: relative; - width: 50%; - padding: 40px; - vertical-align: top; - >* { - position: relative; - z-index: 10; - } - h4 { - font-family: 'Montserrat' !important; - font-size: 30px; - font-weight: 700; - color: #111111; - text-transform: uppercase; - margin-bottom: 20px; - span { - display: inline-block; - width: calc(100% - 30px); - vertical-align: top; - } - &:before { - content: '-'; - display: inline-block; - margin-right: 15px; - vertical-align: middle; - color: #ffdd00; - font-size: 30px; - } - } - p { - font-size: 16px; - margin-bottom: 20px; - &:nth-child(3) { - margin-bottom: 0px; - } - } - .orange { - color: #cc4b14; - } - ul { - margin-bottom: 0px; - font-size: 16px; - margin-left: 30px !important; - padding: 0px; - li { - &:before { - content: '>'; - color: #cc4b14; - font-weight: 600; - padding-right: 6px; - } - padding: 0px; - margin: 0px; - list-style: none; - } - } - &:before { - content: ''; - background-color: #fff; - display: block; - position: absolute; - width: 250px; - top: 0px; - z-index: 1; - bottom: 0px; - left: 0px; - margin-left: -110px; - transform: skew(-10deg); - } -} -.soulign { - color: #000; - text-decoration: underline !important; - font-weight: 700; -} -.num_p { - font-weight: 600; - color: #cc4b14; -} -#paragraphe336 { - .right-pres { - &:before { - display: none; - } - } - .left-pres { - img { - width: 100%; - height: auto; - display: block; - margin: 0px auto; - margin-bottom: 10px; - padding: 10px; - position: relative; - min-width: auto; - } - } -} -.label-chiffre { - display: inline-block; - vertical-align: middle; - font-size: 20px; - text-transform: uppercase; - font-weight: 600; - padding-left: 15px; -} -.block_num { - display: inline-block; - width: 25%; -} -.center_programme { - font-size: 0; - max-width: 1140px; - margin: auto; - .primes_left { - display: inline-block; - width: 70%; - vertical-align: middle; - .bloc_primes_img { - width: 100%; - display: block; - margin-bottom: 30px; - .primes_img { - display: inline-block; - vertical-align: bottom; - } - .primes_legende_img { - display: inline-block; - vertical-align: bottom; - font-size: 16px; - padding-left: 10px; - font-size: 20px; - font-style: italic; - } - } - p { - font-size: 16px; - margin-bottom: 20px; - } - p.chevrons { - &:before { - content: '>'; - color: #cc4b14; - font-weight: 600; - padding-right: 6px; - } - } - span { - font-size: 26px; - font-style: italic; - color: #e40011; - font-weight: 800; - text-transform: uppercase; - } - .soulign { - color: #000; - text-decoration: underline !important; - } - } - .primes_right { - display: inline-block; - width: 30%; - vertical-align: middle; - a { - font-family: 'Fugaz One', cursive !important; - background-color: #ffe500; - font-size: 20px; - color: #000; - text-transform: uppercase; - letter-spacing: 1px; - font-size: 22px; - padding: 5px 15px; - display: inline-block; - margin-top: 10px; - } - } -} -.catch_programme { - padding: 40px 0px; - background-color: #cc4b14; -} -#paragraphe337 { - .catch_programme { - padding: 40px 0px; - background-color: transparent; - img { - max-width: 100%; - height: auto; - margin: 0 auto; - display: block; - } - } -} -.left_catch { - display: inline-block; - width: 40%; - text-align: center; - vertical-align: middle; - img { - max-width: 100%; - height: auto; - } -} -.right_catch { - display: inline-block; - vertical-align: middle; - width: 60%; - h5 { - color: #fff; - font-family: 'Montserrat' !important; - font-style: italic; - font-weight: 800; - text-transform: uppercase; - font-size: 45px; - line-height: 50px; - a { - color: #fff !important; - } - span { - font-size: 30px; - line-height: 40px; - } - } -} -.desc_prog { - font-size: 23px; - display: inline-block; - width: calc(100% - 200px); - font-style: italic; - font-weight: 700; - margin-bottom: 0px; - vertical-align: middle; - margin-left: 10px; -} -#paragraphe331 { - .left-pres { - img { - min-height: 100%; - position: relative; - right: 0; - top: 0; - min-width: auto; - width: auto; - height: auto; - padding: 40px 0; - max-width: 100%; - } - } - .right-pres { - &:before { - display: none; - } - } -} -.num_prog { - font-size: 70px; - font-style: italic; - font-weight: 700; - display: inline-block; - vertical-align: middle; -} -.block_top.bg_black { - padding: 40px 40px; - color: #ffdd00; - a { - color: #ffdd00; - } -} -.hover_carousel { - position: absolute; - top: 50%; - width: 100%; - z-index: 100; - margin-top: -100px; - .promo_dunlop { - position: absolute; - max-width: 100%; - left: 50%; - margin-left: -520px; - top: 260px; - } -} -.bg_all.active { - background-color: rgba(0,0,0,0.5); - left: 0; - bottom: 0; - top: 0; - right: 0; - background-color: rgba(0,0,0,0.5); - left: 0; - bottom: 0; - top: 0; - right: 0; - -webkit-transition: all 280ms ease-in-out; - transition: all 280ms ease-in-out; -} -.PGS_ROULAGE { - #centreetdroite { - width: 100%; - padding-top: 0px; - } - #contenu { - width: 100%; - padding-top: 0px; - } -} -.centre_filtre { - max-width: 1140px; - margin: auto; - font-size: 0; - form { - margin: 0 -15px; - } -} -.mor_date { - display: block; - color: #fff; - margin-top: 10px; - margin-bottom: 20px; - font-size: 15px; - cursor: pointer; - text-align: center; - border-bottom: 2px solid #fff; - span { - display: inline-block; - background-color: #cc4b14; - margin-bottom: -8px; - padding: 0 10px; - } -} -.content_more_date { - position: absolute; - background-color: #cc4b14; - width: 225px; - padding: 10px; - left: 5px; - z-index: 100000; -} -.extend_date { - input { - margin-bottom: 10px; - &:last-child { - margin-bottom: 0px; - } - } - height: 0; - overflow: hidden; -} -.list_lien_row { - max-width: 1140px; - margin: auto; -} -.recherche_filtre { - padding-top: 40px; - padding-bottom: 30px; - background-color: #cc4b14; - margin-bottom: 40px; - .group_valider { - text-align: right; - margin-top: 20px; - input { - background-color: #000; - font-size: 20px !important; - width: calc(20% - 30px); - margin-right: 15px; - } - } - .group_form { - input[type="submit"] { - background-color: #000; - font-size: 20px !important; - width: calc(20% - 30px); - margin-right: 15px; - width: 100%; - } - display: inline-block; - width: 20%; - vertical-align: top; - padding: 0 15px; - position: relative; - } - input[type="text"] { - font-size: 15px; - padding: 15px 20px; - line-height: 16px; - border: 0px; - width: 100%; - } - h4 { - font-family: 'Montserrat' !important; - font-size: 30px; - font-weight: 700; - color: #111111; - text-transform: uppercase; - margin-bottom: 30px; - &:before { - content: '-'; - display: inline-block; - margin-right: 15px; - vertical-align: middle; - color: #ffdd00; - font-size: 30px; - } - } -} -.villeSuggestionBox { - cursor: pointer; - background-color: #fff; - position: relative; - top: calc(100% + 5px); - left: 15px; - margin: 10px 0px 0px 0px; - padding: 0; - width: 200px; - background-color: #FFFFFF; - border: 1px solid #000; - color: #000; - position: absolute; - z-index: 1000000; - li { - list-style: none; - border-bottom: 1px solid #ddd; - padding: 5px; - &:hover { - color: #650000; - } - } -} -.PGS_ANNUAIRE_CIRCUIT { - .recherche_filtre { - padding-bottom: 40px; - } - #centreetdroite { - width: 100%; - padding-top: 0px; - } - #contenu { - width: 100%; - padding-top: 0px; - } -} -.PGS_ANNUAIRE_ORGA { - .recherche_filtre { - padding-bottom: 40px; - } - #centreetdroite { - width: 100%; - padding-top: 0px; - } - #contenu { - width: 100%; - padding-top: 0px; - } -} -.bg_all { - z-index: 0; - position: absolute; - background-color: rgba(0,0,0,0); - -webkit-transition: all 280ms ease-in-out; - transition: all 280ms ease-in-out; - z-index: 2; - position: absolute; - background-color: rgba(0,0,0,0); -} -.bg_black { - background-color: #000; - padding: 20px; - -webkit-transition: all 280ms ease-in-out; - transition: all 280ms ease-in-out; - background-color: #000; - padding: 20px; - -webkit-transition: all 280ms ease-in-out; - transition: all 280ms ease-in-out; -} -.right_info { - padding-top: 30px; - padding-left: 0px; - padding-right: 60px; - text-align: right !important; - margin-left: 0px !important; - margin-right: 150px; - position: absolute; - right: 0; - padding-top: 30px; - padding-left: 0px; - padding-right: 60px; - text-align: right !important; - margin-left: 0px !important; - margin-right: 7%; -} -.intro_form { - background-color: #efefef; - border: 1px solid #ddd; - text-align: center; - padding: 30px 20px; - font-size: 0; -} -.left_form { - display: inline-block; - width: 50%; - font-size: 16px; - vertical-align: top; - span { - color: #111; - font-size: 20px; - } -} -.right_form { - display: inline-block; - width: 50%; - font-size: 16px; - vertical-align: top; - span { - color: #111; - font-size: 20px; - } -} -.desc_1 { - font-size: 20px; - margin-bottom: 30px; -} -.row1 { - .block_intro { - &:first-child { - background-color: #000; - padding: 50px 0px; - padding-right: 120px; - &:before { - content: ''; - background-color: #000; - display: block; - position: absolute; - width: 1000px; - top: 0px; - bottom: 0px; - margin-left: -1000px; - } - h3 { - color: #fd0; - margin-bottom: 20px; - font-family: 'Fugaz One', cursive !important; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 22px !important; - line-height: 27px !important; - font-weight: 700; - } - p { - font-family: 'Montserrat', sans-serif !important; - font-weight: 500 !important; - font-size: 16px !important; - line-height: 21px !important; - color: #FFFFFF; - } - &:after { - content: ''; - background-color: #000; - display: block; - position: absolute; - width: 100px; - top: 0px; - bottom: 0px; - right: 0px; - margin-right: -31px; - transform: skew(-10deg); - } - } - &:nth-child(2) { - padding-top: 60px; - img { - max-width: 800px; - margin-bottom: -50px; - margin-left: -180px; - } - } - } - position: relative; - z-index: 100; -} -.row_home { - font-size: 0; - display: flex; -} -.block_intro { - display: inline-block; - width: 50%; - position: relative; - vertical-align: top; - a { - font-family: 'Fugaz One', cursive !important; - background-color: #CC4B14; - font-size: 20px; - color: #fff; - text-transform: uppercase; - letter-spacing: 1px; - font-size: 22px; - padding: 10px 15px; - display: inline-block; - margin-top: 10px; - } -} -.row2 { - .block_intro { - &:nth-child(2) { - &:after { - content: ''; - background-color: #fd0; - display: block; - position: absolute; - width: 1000px; - top: 0px; - bottom: 0px; - margin-right: -1000px; - z-index: 1; - } - >* { - position: relative; - z-index: 2; - } - padding-top: 70px; - padding-left: 50px; - position: relative; - background-color: #fd0; - p { - margin-bottom: 25px; - } - &:before { - content: ''; - background-color: #fd0; - display: block; - position: absolute; - width: 100px; - top: 0px; - z-index: 1; - bottom: 0px; - left: 0px; - margin-left: -31px; - transform: skew(-10deg); - } - } - h3 { - color: #fd0; - margin-bottom: 20px; - font-family: 'Fugaz One', cursive !important; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 22px !important; - line-height: 27px !important; - font-weight: 700; - color: #000; - } - &:first-child { - img { - width: 220px; - display: inline-block; - position: relative; - margin-top: 40px; - } - } - p { - font-family: 'Montserrat', sans-serif !important; - font-weight: 500 !important; - font-size: 16px !important; - line-height: 21px !important; - color: #FFFFFF; - color: #000; - } - &:nth-child(1) { - p { - margin-bottom: 30px; - } - } - } -} -.avantage { - background-image: url(../images/interface/slide5.jpg); - background-size: cover; - background-position: 0px -100px; - padding: 70px 0px; - position: relative; - text-align: center; - &:after { - background-color: rgba(0, 0, 0, 0.7); - content: ''; - display: block; - position: absolute; - z-index: 1; - width: 100%; - left: 0; - top: 0; - bottom: 0; - } - .center_home { - position: relative; - z-index: 3; - } - h4 { - font-size: 40px; - color: #fff; - font-family: 'Fugaz One', cursive !important; - text-transform: uppercase; - letter-spacing: 2px; - margin-bottom: 60px; - text-align: center; - margin-top: 0px; - } -} -.recherche_home { - h5 { - font-size: 40px; - color: #fff; - font-family: 'Fugaz One', cursive !important; - text-transform: uppercase; - letter-spacing: 2px; - margin-bottom: 60px; - text-align: center; - margin-top: 0px; - } - form { - font-size: 0; - margin-left: -15px; - margin-right: -15px; - } - .group_form { - width: 25%; - font-size: 16px; - padding: 0 15px; - display: inline-block; - vertical-align: top; - margin-bottom: 30px; - position: relative; - input[type="text"] { - font-size: 15px; - padding: 15px 20px; - line-height: 16px; - border: 0px; - width: 100%; - &:first-child { - margin-bottom: 30px; - } - } - div.cs-select { - &:first-child { - margin-bottom: 30px; - } - } - input[type="submit"] { - background-color: #000; - border: 0px; - line-height: 18px; - width: 100%; - font-weight: bold !important; - padding: 14px 20px; - } - &:nth-child(2) { - input { - &:nth-child(2) { - margin-bottom: 30px; - } - } - } - } - background-color: #CC4B14; - padding: 60px 0px; - .villeSuggestionBox { - position: relative; - top: calc(51px); - left: 15px; - margin: 10px 0px 0px 0px; - padding: 0; - width: 200px; - background-color: #FFFFFF; - border: 1px solid #000; - color: #000; - position: absolute; - z-index: 1000000; - } -} -.actualites { - h3 { - font-size: 40px; - color: #fff; - font-family: 'Fugaz One', cursive !important; - text-transform: uppercase; - letter-spacing: 2px; - margin-bottom: 60px; - text-align: center; - margin-top: 0px; - color: #cc4b14 !important; - } - padding: 100px 0px; - .lien_home { - margin-top: 100px; - a { - border-color: #222; - color: #222; - } - } -} -.row_avantage { - font-size: 0; - margin-left: -1.5%; - margin-right: -1.5%; -} -.container_picto { - position: relative; - text-align: center; - height: 100px; - display: inline-block; - width: 70px; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -ms-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; -} -.block_avantage { - &:nth-child(1) { - .container_picto { - width: 70px; - } - &:hover { - .container_picto { - width: 90px; - height: 120px; - } - } - background-image: url(../images/interface/background_bloc_left_transp.png); - } - &:nth-child(2) { - .container_picto { - width: 88px; - } - &:hover { - .container_picto { - width: 112px; - height: 120px; - } - } - background-image: url(../images/interface/background_bloc_left2_transp.png); - } - &:nth-child(3) { - .container_picto { - width: 73px; - } - &:hover { - .container_picto { - width: 94px; - height: 120px; - } - } - background-image: url(../images/interface/background_bloc_right2_transp.png); - } - &:last-child { - .container_picto { - width: 149px; - } - &:hover { - .container_picto { - width: 191px; - height: 120px; - } - } - } - vertical-align: top; - display: inline-block; - width: 22%; - background-color: #fff; - margin: 0 1.5%; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -ms-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; - border-radius: 10px; - background-repeat: no-repeat; - background-size: cover; - text-align: center; - padding: 10px; - padding-bottom: 20px; - min-height: 330px; - &:hover { - background-color: #000; - h5 { - color: #cd4a12; - font-size: 18px; - } - .img_av_hover { - opacity: 1; - } - .img_av { - opacity: 0; - } - img { - max-height: 90px; - position: absolute; - top: 0px; - left: 0; - } - p { - color: #fff; - font-size: 20px !important; - } - } - &:nth-child(4) { - background-image: url(../images/interface/background_bloc_right_transp.png); - } - img { - max-height: 70px; - margin-top: 30px; - -webkit-transition: max-height 0.3s; - -moz-transition: max-height 0.3s; - -ms-transition: max-height 0.3s; - -o-transition: max-height 0.3s; - transition: max-height 0.3s; - left: 0; - position: absolute; - } - h5 { - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -ms-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; - font-size: 25px; - font-weight: 500; - font-family: 'Russo One', sans-serif !important; - margin-top: 20px; - margin-bottom: 20px; - } - p { - font-size: 18px !important; - line-height: 20px !important; - color: #CC4B14; - font-family: 'Montserrat', sans-serif !important; - font-weight: 700 !important; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - -ms-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; - } -} -.img_av_hover { - opacity: 0; -} -.right_intro { - text-align: right; - padding-top: 70px; - display: inline-block; - width: calc(100% - 220px); - vertical-align: top; - padding-left: 30px; - padding-right: 70px; - a { - font-family: 'Fugaz One', cursive !important; - background-color: #CC4B14; - font-size: 20px; - color: #fff; - text-transform: uppercase; - letter-spacing: 1px; - font-size: 22px; - padding: 10px 15px; - display: inline-block; - margin-top: 20px; - } -} -.tab-content { - padding: 40px; - border: 1px solid #ddd; - ul { - ul { - margin-top: 0px; - } - } -} -.nav-tabs { - border: 0px; -} -.quisommenous { - position: relative; -} -.nav_qsn { - position: fixed; - left: 100%; - margin-left: -300px; - bottom: 200px; - background-color: #CC4B14; - ul { - margin: 0px; - padding: 0px; - li { - list-style: none; - } - } - a { - font-size: 15px; - color: #fff; - padding: 10px 20px; - display: block; - text-transform: uppercase; - font-weight: 600; - border-bottom: 2px solid #fff; - } -} -.mdl_formulaire { - .annonce { - + { - script { - + { - script { - + { - h3 { - + { - form { - margin-top: 20px; - input[type="text"] { - display: inline-block; - box-sizing: border-box; - padding: 6px 6px; - font-size: 16px; - color: #555555; - background-color: #ffffff; - background-image: none; - border: 1px solid #cccccc; - border-radius: 7px; - } - textarea { - display: inline-block; - box-sizing: border-box; - padding: 6px 6px; - font-size: 16px; - color: #555555; - background-color: #ffffff; - background-image: none; - border: 1px solid #cccccc; - border-radius: 7px; - } - fieldset { - border: 1px solid #ddd; - padding: 30px; - } - label { - font-size: 16px; - display: block; - } - p { - &:nth(4) { - float: right; - } - } - } - } - display: block; - margin-top: 40px; - } - } - } - } - } - } - } - .link_list { - font-size: 15px; - } - h3 { - display: none; - } - .bloc_list_lien { - h3 { - display: block; - } - } -} -.PGS_QUI_SOMMES_NOUS { - #centreetdroite { - width: 100%; - padding-bottom: 0px; - } - #contenu { - width: 100%; - padding-top: 0px; - } - .paragraphe { - margin-bottom: 0px !important; - } - #contenu_scroller { - >br { - display: none; - } - } -} -.center_qsn { - max-width: 1200px; - margin: auto; - font-size: 0; - h3 { - font-weight: 900; - position: relative; - text-transform: uppercase; - font-size: 29px; - padding-bottom: 30px; - margin-bottom: 30px; - &:after { - display: block; - position: absolute; - content: ''; - bottom: 0px; - width: 110px; - height: 1px; - background-color: #cbded5; - } - } - h4 { - font-weight: 900; - position: relative; - text-transform: uppercase; - font-size: 29px; - padding-bottom: 30px; - margin-bottom: 30px; - &:after { - display: block; - position: absolute; - content: ''; - bottom: 0px; - width: 110px; - height: 1px; - background-color: #cbded5; - } - } - img { - -webkit-box-shadow: -4px 2px 27px 0px rgba(72, 197, 110, 0.51); - -moz-box-shadow: -4px 2px 27px 0px rgba(72, 197, 110, 0.51); - box-shadow: -4px 2px 27px 0px rgba(72, 197, 110, 0.51); - max-width: 100%; - height: auto; - } - h5 { - background-color: #CC4B14; - display: inline-block; - color: #fff; - text-transform: uppercase; - font-weight: 600; - padding: 10px 20px; - font-size: 18px; - } - .intro { - font-size: 22px; - color: #6e6e6e; - padding: 0 15px; - } - .col4 { - vertical-align: top; - width: 33.3333333%; - display: inline-block; - box-sizing: border-box; - padding: 0 15px; - } - .col8 { - vertical-align: top; - width: 66.66666666%; - display: inline-block; - box-sizing: border-box; - padding: 0 15px; - } - .col6 { - vertical-align: top; - display: inline-block; - width: 50%; - box-sizing: border-box; - padding: 0 15px; - } -} -.img_annonce { - display: inline-block; - width: 550px; - img { - height: auto !important; - } -} -.mdl_annonce { - font-size: 0; - padding-top: 40px; - padding-bottom: 40px; - >p { - &:first-child { - font-size: 18px; - } - } - .annonce { - margin-top: 40px; - } - .link_list { - font-size: 15px; - } - .list_lien_row { - .annonce { - margin-top: 0px; - } - } -} -.desc_annonce { - display: inline-block; - padding-left: 40px; - width: calc(100% - 550px); - vertical-align: top; - box-sizing: border-box; - font-size: 15px; - h3 { - margin-bottom: 10px; - font-size: 24px; - color: #333333; - font-weight: 900; - } - p.date_annonce { - font-family: 'PT Serif', serif; - font-style: italic; - font-size: 14px; - margin-bottom: 30px; - color: #979797; - } - .info_annonce { - margin-top: 30px; - line-height: 25px; - } -} -.text_annonce { - font-size: 16px; - line-height: 30px; - padding-bottom: 30px; - border-bottom: 1px solid #ccc; -} -.info_annonce { - strong { - color: #8b8b8b; - } -} -.link_annonce { - padding-top: 30px; - margin-top: 30px; - border-top: 1px solid #ccc; - a { - display: inline-block; - background-color: #CC4B14; - color: #fff; - font-weight: bold; - padding: 10px 20px; - margin-right: 20px; - &:nth-child(2) { - float: right; - margin-right: 0px; - } - } -} -.title_qsn { - .num_qsn { - display: block; - font-size: 30px; - color: #a8a9a8; - font-weight: 900; - } - padding: 0 15px; -} -.section2 { - padding: 80px 0px; - background-color: #ecf4f1; - ul { - margin: 0px; - padding: 0px; - li { - font-size: 20px; - list-style: none; - font-style: italic; - padding: 10px 0px; - } - } - .num_chiffre { - color: #CC4B14; - font-style: normal; - padding-right: 20px; - font-size: 36px; - } -} -.section1 { - padding: 100px 0px; - p { - font-size: 17px; - line-height: 30px; - } - p.italic_intro { - font-style: italic; - } - ul { - font-size: 17px; - line-height: 30px; - margin-top: 20px; - } -} -.section3 { - padding: 80px 0px; - .intro { - margin-bottom: 40px; - } - img { - margin-top: 60px; - } - ul { - li { - font-size: 20px; - list-style: none; - padding: 10px 0px; - } - } -} -.top-bar { - background-color: #000; - font-size: 0; - padding: 10px 0px; - padding-bottom: 0px; - font-family: Poppins; - -webkit-transition: all 0.5s; - -moz-transition: all 0.5s; - -ms-transition: all 0.5s; - -o-transition: all 0.5s; - transition: all 0.5s; - height: 27px; - overflow: hidden; - i { - color: #fff; - opacity: 0.6; - padding: 0px 10px; - font-size: 15px; - } - a { - color: #fff; - } -} -.header-topbarbox-1 { - display: inline-block; - width: 50%; - font-size: 13px; - vertical-align: top; - ul { - margin: 0px; - li { - display: inline-block; - } - } -} -.header-topbarbox-2 { - display: inline-block; - width: 50%; - font-size: 13px; - vertical-align: top; - text-align: right; - ul { - margin: 0px; - li { - display: inline-block; - } - } -} -.problematique { - .col6 { - margin-bottom: 40px; - } - margin-top: 160px; - h4 { - span { - display: block; - font-size: 18px; - font-weight: 600; - padding-top: 15px; - } - } -} -ul.round_puce { - li { - font-size: 20px; - list-style: none; - padding: 10px 0px; - } -} -.round_puce { - margin: 0px; - margin-bottom: 20px; - li { - &:before { - content: "\f1db"; - padding-right: 10px; - display: inline-block; - color: #CC4B14; - font-size: 13px !important; - font-family: FontAwesome; - font-size: inherit; - font-weight: 300; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - } -} -.section4 { - .intro { - margin-bottom: 100px; - } - padding: 80px 0px; - background-color: #ecf4f1; - .col6 { - margin-bottom: 60px; - } -} -.section5 { - padding: 80px 0px; - .intro { - margin-bottom: 60px; - } - .catch_prob { - font-size: 22px; - color: #CC4B14; - margin-top: 20px; - margin-bottom: 40px; - } - p { - font-size: 22px; - padding: 7px 0px; - margin: 0; - strong { - font-weight: 900; - } - span { - color: #8c8c8c; - } - } - .sep { - width: 100%; - height: 1px; - background-color: #e6e6e6; - margin-top: 80px; - margin-bottom: 80px; - } - .link_prob { - color: #4a4a4a; - font-size: 18px; - margin-top: 20px; - font-weight: 900; - } - .col6 { - margin-bottom: 60px; - &:nth-child(5) { - margin-bottom: 0; - } - } -} -.chiffre_qsn { - .intro { - padding: 0px !important; - } - .round_puce { - li { - padding: 20px 0px; - } - } -} -.chiffre_big { - font-size: 36px !important; -} -.big_bold_chiffre { - margin-top: 130px !important; - font-size: 36px !important; - font-weight: 900; - margin-bottom: 60px !important; -} -.desc_obli { - text-align: right; - font-style: italic; - font-size: 20px !important; - .obli { - color: #CC4B14; - } -} -.obli { - color: #CC4B14; -} -.link_prob { - font-size: 14px; - color: #7c7c7c; - font-weight: 900; - text-transform: uppercase; - &:before { - content: "\f0da"; - padding-right: 10px; - display: inline-block; - color: #7c7c7c; - font-size: 20px !important; - font-family: FontAwesome; - font-size: inherit; - font-weight: 300; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } -} -.catch_prob { - font-size: 15px; - font-style: italic; - margin-bottom: 10px; -} -.num_list { - color: #CC4B14; -} -.PGS_SPECIALE_5 { - #centreetdroite { - >br { - display: none; - } - width: 100%; - padding-bottom: 0px; - padding-left: 0px; - padding-right: 0px; - } - #contenu { - >br { - display: none; - } - width: 100%; - width: 100%; - padding-top: 0px; - } - #contenu_scroller { - >br { - display: none; - } - } - .paragraphe { - margin-bottom: 0px !important; - } -} -.clr { - clear: both; -} -#ariane { - width: 100%; - margin: auto; - font-size: 14px; - padding: 20px 0px; - background-color: #d0cfd2; -} -.ariane { - max-width: 1170px; - margin: auto; - text-align: center; - color: #CC4B14; - text-transform: uppercase; - font-weight: bold; - a { - color: #111; - } -} -.arrow_ariane { - background-image: url(arrow_ariane.png); - display: inline-block; - width: 10px; - vertical-align: top; - height: 12px; - padding-right: 2px; - box-sizing: content-box; - margin-top: 4px; - background-position: center; - background-repeat: no-repeat; -} -ul { - margin: .75em 0 .75em 32px; - padding: 0; -} -ol { - margin: .75em 0 .75em 32px; - padding: 0; -} -address { - margin: .75em 0; - font-style: normal; -} -em { - font-style: italic; -} -strong { - font-weight: bold; -} -form { - margin: 0; - padding: 0; - border: none; - p { - &:last-child { - margin: 0px !important; - } - } -} -fieldset { - margin: 0; - padding: 0; - border: none; -} -#form_editer_annonce { - fieldset { - border: 1px solid #ccc; - box-sizing: border-box; - padding: 30px; - display: block !important; - position: relative; - margin-bottom: 20px; - legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: inherit; - color: #333; - border: 0; - border-bottom: 1px solid #e5e5e5; - float: left; - } - &:first-child { - input[type="text"] { - display: inline-block; - width: auto; - &:last-child { - background-color: #e6e6e6 !important; - border: 2px solid #e6e6e6 !important; - } - } - } - >table { - >tbody { - >tr { - >td { - padding: 12px 0px; - text-align: left; - } - } - } - } - &:nth-child(2) { - table { - width: 800px; - } - } - } - input[type="text"] { - border: 2px solid #e6e6e6; - font-size: 18px; - width: 100%; - padding: 12px 15px; - } - input[type="password"] { - border: 2px solid #e6e6e6; - font-size: 18px; - width: 100%; - padding: 12px 15px; - } - select { - border: 2px solid #e6e6e6; - font-size: 18px; - width: 100%; - padding: 12px 15px; - } - textarea { - border: 2px solid #e6e6e6; - font-size: 18px; - width: 100%; - padding: 12px 15px; - } - p { - label { - display: block; - font-size: 18px; - color: #232323; - font-weight: 300; - width: 200px; - display: inline-block; - } - padding: 12px 0px; - input[type="text"] { - display: inline-block; - width: calc(100% - 204px); - } - } -} -form[name="form_ecrire_commentaire_message"] { - fieldset { - border: 1px solid #ccc; - box-sizing: border-box; - padding: 30px; - display: block !important; - position: relative; - margin-bottom: 20px; - legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: inherit; - color: #333; - border: 0; - border-bottom: 1px solid #e5e5e5; - float: left; - } - } - label { - display: block; - font-size: 18px; - color: #232323; - font-weight: 300; - margin-bottom: 0px; - width: 300px; - } - p { - label { - display: block; - font-size: 18px; - color: #232323; - font-weight: 300; - margin-bottom: 0px; - width: 300px; - } - padding: 12px 0px; - text-align: left; - } - input[type="text"] { - border: 2px solid #e6e6e6; - font-size: 18px; - width: 100%; - padding: 12px 15px; - } - textarea { - border: 2px solid #e6e6e6; - font-size: 18px; - width: 100%; - padding: 12px 15px; - } -} -#annonce_extra { - >table { - >tbody { - >tr { - >td { - padding: 12px 0px; - text-align: left; - } - } - } - } -} -#ANNONCE_CATEGORIE { - select { - display: inline-block; - width: auto; - } -} -.label-editer-annonce { - label { - display: block; - font-size: 18px; - color: #232323; - font-weight: 300; - width: 200px; - } -} -input { - vertical-align: middle; - font-size: 0.85em; -} -button { - vertical-align: middle; -} -select { - vertical-align: middle; - font-size: 0.85em; -} -.bucheron { - position: fixed; - bottom: 0; - left: 0; - width: 100%; - z-index: 1000; - -webkit-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; -} -.closed_buch { - bottom: -64px; - .btn_reduire { - display: none; - } - .bulle_aide { - p { - margin-top: 50px; - font-size: 0; - } - width: 100px; - padding: 10px 20px; - &:after { - display: none; - } - } - .btn_aide { - padding-bottom: 60px; - display: block; - position: absolute; - top: 10px; - left: 15px; - color: #5f5047; - font-weight: bold; - cursor: pointer; - text-transform: uppercase; - color: #fff; - line-height: 24px !important; - img { - vertical-align: top !important; - margin-bottom: 0; - padding-top: 0px; - padding-top: 0px; - padding-right: 7px; - } - } - .img_bucheron { - img { - width: 0; - } - } -} -.center_bucheron { - width: 1170px; - position: relative; - margin: auto; - text-align: right; -} -.bulle_aide { - max-width: 600px; - background-color: #fff; - padding: 30px; - box-sizing: border-box; - background-color: rgba(36, 36, 36, 0.96); - width: 600px; - text-align: justify; - display: inline-block; - position: relative; - vertical-align: bottom; - margin-bottom: 40px; - padding: 30px; - &:after { - content: ''; - width: 52px; - height: 30px; - background-image: url(../images/interface/forme_bulle.png); - display: block; - position: absolute; - right: 65px; - bottom: -30px; - } - p { - margin-bottom: 0; - color: #b4b3b3; - font-size: 14px; - } -} -.btn_reduire { - position: absolute; - top: 10px; - right: 10px; - text-decoration: underline; - color: #5f5047; - font-weight: bold; - cursor: pointer; - color: #b4b3b3; - em { - font-style: normal; - color: #b4b3b3; - text-decoration: none !important; - font-size: 20px; - display: inline-block; - width: 18px; - text-align: center; - height: 18px; - margin-right: 5px; - } -} -.block-bucheron { - margin-right: 0px; -} -.img_bucheron { - &:before { - content: ''; - width: 20px; - height: 20px; - background-color: #fff; - border: 2px solid #CC4B14; - display: block; - border-radius: 50%; - position: absolute; - left: -5px; - bottom: 82px; - } - position: relative; - display: inline-block; - vertical-align: bottom; - img { - width: 206px; - -webkit-transition: all 0.3s ease 0s; - -o-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - } -} -.open_buch { - .btn_aide { - display: none; - } -} -#conteneur_contenu { - min-width: 1000px; - width: 100%; - margin: 0 auto; - z-index: 6; -} -.par_style_3 { - form { - background-color: #ededed; - padding: 60px 120px; - p { - &:nth-child(19) { - label { - width: 100%; - } - } - &:nth-child(15) { - label { - width: 100%; - } - } - &:nth-child(20) { - label { - display: none; - } - margin-top: 20px; - } - &:last-child { - padding-left: 0px; - margin-top: 20px !important; - } - } - div { - margin-bottom: 20px !important; - } - .input_ville { - display: inline-block; - width: calc(100% - 350px) !important; - margin-bottom: 0 !important; - position: relative; - } - } - .obl { - color: #CC4B14; - } - .mdl_formulaire { - form { - select { - padding: 10px 15px !important; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); - border-color: #ddd; - border: 1px solid #cccccc; - font-size: 16px; - width: calc(100% - 350px) !important; - width: auto !important; - } - textarea { - padding: 10px 15px !important; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); - border-color: #ddd; - border: 1px solid #cccccc; - font-size: 16px; - width: calc(100% - 350px) !important; - } - } - } - label { - display: inline-block; - color: #222; - width: 320px; - font-size: 17px; - vertical-align: top; - margin-top: 7px; - &:before { - content: ''; - border: 3px solid #222; - width: 12px; - height: 12px; - display: inline-block; - border-radius: 50%; - margin-right: 5px; - } - } - p { - &:nth-child(17) { - label { - display: none; - } - em { - display: none; - } - br { - display: none; - } - } - &:nth-child(18) { - label { - display: none; - } - } - &:nth-child(16) { - em { - display: none; - } - br { - display: none; - } - } - &:nth-child(15) { - a { - margin-top: 7px; - display: inline-block; - img { - margin-right: 5px; - vertical-align: middle; - margin-bottom: 2px; - } - } - } - } - h4 { - text-transform: uppercase; - font-weight: bold; - color: #222; - font-size: 20px; - margin-top: 40px; - display: inline-block; - margin-bottom: 25px; - vertical-align: middle; - &:before { - width: 3px; - height: 20px; - content: ''; - display: inline-block; - background-color: #ec7f20; - margin-right: 10px; - vertical-align: top; - margin-top: 2px; - } - } -} -.blocAlerte { - p { - color: #CC4B14; - } - li { - color: #CC4B14; - } -} -#contenu { - .par_style_3 { - form { - p { - &:nth-child(20) { - input { - width: auto !important; - margin: 0px; - vertical-align: middle; - display: inline-block; - margin-right: 10px; - } - } - &:last-child { - input { - width: 200px !important; - } - } - } - } - .mdl_formulaire { - form { - input { - padding: 10px 15px !important; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); - border-color: #ddd; - border: 1px solid #cccccc; - font-size: 16px; - width: calc(100% - 350px) !important; - } - .input_ville { - input { - width: 100% !important; - } - } - } - } - } - .par_fixe { - .mdl_formulaire { - form { - input { - padding: 10px 15px !important; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); - border-color: #ddd; - border: 1px solid #cccccc; - font-size: 16px; - width: calc(100% - 350px) !important; - } - } - } - } - margin: 0; - padding: 0; - padding-top: 20px; - position: relative; - width: 1170px; - margin: auto; - z-index: 1000; - background-repeat: no-repeat; - background-position: right bottom; -} -.formulaire_equipe { - .input_ville { - display: inline-block; - width: 50% !important; - box-sizing: border-box; - padding: 0 15px; - margin-bottom: 30px; - position: relative; - } -} -#header { - min-width: 1000px; - width: 100%; - background-color: #000; - position: absolute; - margin: 0px; - padding: 0px; - z-index: 100000; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; - #logo { - z-index: 1000; - margin: 0px; - display: inline-block; - width: 30%; - margin-bottom: -25px; - vertical-align: bottom; - text-align: left; - img { - z-index: 39; - width: 100%; - } - } - h1 { - margin: 0px; - padding: 0px; - font-size: 1.65em; - } - img { - margin: 0; - padding: 0; - background-image: none; - } -} -.scroll_down { - #header { - position: fixed; - background-color: rgba(0,0,0,0.8); - #logo { - margin-bottom: 0px; - } - } - .top-bar { - height: 0px; - padding: 0px; - } - #conteneur_header { - padding-top: 10px; - } - .logo_scroll { - display: block; - } - .logo_top { - display: none; - } -} -.slider { - position: relative; -} -.recherche { - position: absolute; - bottom: 120px; - left: 50%; - width: 1024px; - margin-left: -512px; - text-align: center; - background-color: rgba(255, 255, 255, 0.2); - padding: 40px; - padding-bottom: 55px; - form { - font-size: 0; - } - input[type="text"] { - font-family: 'PT Serif', serif; - border-radius: 5px; - font-style: italic; - border: 0px; - font-size: 22px; - width: calc((100% - 210px)/2); - padding: 15px 15px !important; - vertical-align: middle; - } - span { - color: #fff; - font-weight: 900; - text-transform: uppercase; - font-size: 20px; - display: inline-block; - padding: 0 15px; - vertical-align: middle; - } - button { - &:before { - display: inline-block; - } - background-color: #CC4B14; - border: 0; - width: 100px; - height: 60px; - display: inline-block; - font-size: 28px; - color: #fff; - position: relative; - margin-left: 40px; - border-radius: 5px; - overflow: hidden; - } - input[type="submit"] { - background-color: transparent; - position: absolute; - border: 0; - top: 0; - left: 0; - width: 100%; - height: 100%; - font-size: 0 !important; - } - h5 { - color: #fff; - font-weight: bold; - margin-bottom: 40px; - font-size: 26px; - text-transform: uppercase; - font-weight: 900; - margin-top: 0px; - } -} -.page-heading { - background-size: cover; - background-repeat: no-repeat; - padding: 100px 0; - padding-top: 250px; - text-align: left; - background-image: url(../images/interface/slide2.jpg); - position: relative; - background-position: top center; - &:after { - position: absolute; - content: ''; - background-color: #000; - top: 0; - left: 0; - width: 100%; - bottom: 0; - opacity: 0.6; - z-index: 1; - } - .container { - margin: auto; - position: relative; - z-index: 2; - max-width: 1170px; - } - .page-title { - h2 { - font-size: 40px; - font-weight: 900; - text-transform: uppercase; - text-align: center; - color: #cc4b14; - padding-bottom: 0; - margin-bottom: 0px; - letter-spacing: 2px; - &:after { - background-color: #1059a6 !important; - width: 90px !important; - } - } - .line-dec { - margin: 10px 0px; - width: 90px; - height: 1px; - background-color: #1059a6; - display: none; - } - span { - font-size: 24px; - font-weight: normal; - color: #2d3031; - line-height: 36px !important; - } - } -} -#conteneur_header { - width: 1170px; - font-size: 0; - margin: auto; - position: relative; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; - padding: 10px 0px; - padding-top: 0px; -} -.img_covid { - max-width: 100%; -} -.covid_img { - background-color: #fff; - text-align: center; -} -.connexion { - img { - width: 50px; - } - display: inline-block; - width: 5%; -} -.center_home { - max-width: 1140px; - margin: auto; - .desc_actu { - text-align: center; - width: 100%; - box-sizing: border-box; - } -} -.carousel_partenaire { - max-width: 1140px; - margin: auto; - img { - opacity: 0.5; - &:hover { - opacity: 1; - } - } - .block { - img { - width: auto !important; - display: block; - margin: auto; - width: 100% !important; - padding: 0 15px; - height: auto !important; - } - a { - display: inline-block; - } - text-align: center; - } -} -.style_arrow { - .owl-controls { - position: absolute; - left: -80px; - top: 50%; - right: -80px; - margin-top: -40px !important; - } - .owl-prev { - left: 0; - position: absolute; - background-color: transparent !important; - i { - color: #aaa; - font-size: 60px; - transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -webkit-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - } - &:hover { - i { - color: #cc4b14; - } - } - } - .owl-next { - right: 0; - position: absolute; - background-color: transparent !important; - &:hover { - i { - color: #cc4b14; - } - } - i { - color: #aaa; - font-size: 60px; - transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -webkit-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - } - } -} -.fiche_lien { - h3 { - font-family: 'Montserrat' !important; - font-size: 30px; - font-weight: 700; - color: #111111; - text-transform: uppercase; - margin-bottom: 20px; - &:before { - content: '-'; - display: inline-block; - margin-right: 15px; - vertical-align: middle; - color: #ffdd00; - font-size: 30px; - } - } - h4 { - font-family: 'Montserrat' !important; - font-size: 30px; - font-weight: 700; - color: #111111; - text-transform: uppercase; - margin-bottom: 20px; - &:before { - content: '-'; - display: inline-block; - margin-right: 15px; - vertical-align: middle; - color: #ffdd00; - font-size: 30px; - } - } - font-size: 0; - margin-top: 30px; - padding-bottom: 60px; -} -.presentation { - padding: 100px 0px; - p { - text-align: center; - font-family: 'PT Serif', serif; - font-style: italic; - font-size: 18px; - margin-bottom: 65px; - line-height: 35px; - max-width: 1100px; - margin: auto; - } -} -.title_section { - text-align: center; - h3 { - margin-top: 0; - margin-bottom: 40px; - font-weight: 900; - text-transform: uppercase; - font-size: 35px; - color: #222; - } - p { - text-align: center; - font-family: 'PT Serif', serif; - font-style: italic; - font-size: 18px; - margin-bottom: 65px; - } -} -.picto { - margin-bottom: 35px; -} -.prof { - padding: 70px 0px; - .lien_home { - a { - border-color: #222; - color: #222; - } - margin-top: 80px; - } -} -.chiffre_home { - h4 { - position: relative; - text-align: center; - font-size: 26px !important; - margin-bottom: 30px; - padding-bottom: 20px; - font-weight: 900; - &:after { - width: 120px; - height: 1px; - background-color: #cbded5; - content: ''; - display: block; - margin: auto; - margin-top: 30px; - } - } - margin-bottom: 30px; - font-size: 0; - margin-top: 60px; - text-align: center; -} -.block_chiffre { - display: inline-block; - width: 33.33333%; - margin-bottom: 40px; - box-sizing: border-box; - padding: 0 15px; - font-style: italic; - font-family: 'PT Serif', serif; - font-size: 20px; - vertical-align: top; - .num_home { - display: block; - font-weight: bold; - font-size: 26px; - padding-bottom: 10px; - } -} -.desc_num { - font-size: 18px !important; -} -.lien_home { - text-align: center; - a { - display: inline-block; - color: #CC4B14; - border: 2px solid #CC4B14; - text-transform: uppercase; - font-weight: bold; - font-size: 18px; - line-height: 18px; - padding: 20px 30px; - transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -webkit-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - &:hover { - background-color: rgb(0, 166, 91); - color: #fff !important; - border-color: #CC4B14 !important; - } - } -} -.row_actu { - font-size: 0; - text-align: center; -} -.block_actu { - text-align: left; - position: relative; - display: inline-block; - width: 100%; - vertical-align: top; - overflow: hidden; - padding: 25px 10px; - padding-bottom: 50px; - text-align: center; - transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -webkit-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - img { - width: 100%; - width: 364px; - height: 364px; - transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -webkit-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - } -} -.hover_actu { - &:hover { - -webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.6); - -moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.6); - box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.6); - width: 96%; - } - width: 90%; - display: inline-block; - transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -webkit-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; -} -.block_prof { - position: relative; - display: block; - vertical-align: top; - img { - width: 100%; - } - .desc_prof { - border-left: 1px solid #d6d6d6; - border-bottom: 1px solid #d6d6d6; - border-right: 1px solid #d6d6d6; - padding-top: 35px; - padding-bottom: 20px; - text-align: center; - h4 { - margin-top: 0; - text-align: center; - margin-bottom: 25px; - a { - color: #222; - font-weight: 900; - font-size: 28px; - } - } - .club { - text-align: center; - font-size: 18px; - font-family: 'PT Serif', serif; - font-style: italic; - margin-bottom: 10px; - span { - color: #222; - } - a { - color: #94949d; - } - img { - display: inline-block; - width: auto; - } - } - .lieu { - text-align: center; - font-size: 18px; - font-family: 'PT Serif', serif; - font-style: italic; - span { - color: #222; - } - a { - color: #94949d; - } - img { - display: inline-block; - width: auto; - } - } - } -} -.img_prof { - a { - display: block; - position: relative; - &:after { - content: '\f002'; - position: absolute; - top: 50%; - bottom: 50%; - left: 50%; - width: 0; - background-color: rgba(0, 166, 91, 0.4); - transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -webkit-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - color: #fff; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - box-sizing: border-box; - } - } - &:hover { - a { - &:after { - top: 0; - padding-top: 47%; - padding-left: 47%; - left: 0; - font-size: 30px; - width: 100%; - bottom: 0; - } - } - } -} -.prof-carousel { - .owl-dots { - .owl-dot { - span { - width: 15px !important; - height: 15px !important; - } - } - .owl-dot.active { - span { - background-color: #CC4B14 !important; - } - } - } - .block { - padding: 12px; - } - .owl-stage-outer { - padding-bottom: 30px !important; - } -} -.desc_actu { - padding-top: 15px; - font-size: 16px !important; - padding-bottom: 15px !important; - h4 { - margin: 0px; - a { - color: #cc4b14; - font-weight: 400; - font-family: 'Russo One', sans-serif !important; - font-size: 22px !important; - padding-top: 10px !important; - } - } - p { - color: #000000; - font-size: 15px !important; - line-height: 18px !important; - padding-top: 10px; - padding-bottom: 10px; - padding-left: 5px; - padding-right: 5px; - font-weight: 500 !important; - >br { - display: none; - } - } - >a { - &:hover { - color: #CC4B14 !important; - text-decoration: underline !important; - } - } -} -.actu_sec { - .desc_actu { - background-color: #fff; - text-align: left; - padding: 15px 20px; - } - background-color: #d0cfd2; -} -.row_prof { - font-size: 0; -} -.partenaires { - padding: 80px; - padding-bottom: 120px; -} -.row_good_deals { - font-size: 0; -} -#menu_haut { - list-style-type: none; - width: 100%; - font-size: 0; - >ul { - >li { - display: inline-block; - text-transform: uppercase; - font-size: 14px; - position: relative; - transition: 0.5s all ease; - -webkit-transition: 0.5s all ease; - >ul { - top: 100px; - } - } - display: inline-block; - } - ul { - margin: 0 !important; - padding: 0 !important; - ul { - left: -9999px; - opacity: 0; - -webkit-transition: top .2s ease, opacity .2s ease; - -moz-transition: top .2s ease, opacity .2s ease; - -ms-transition: top .2s ease, opacity .2s ease; - -o-transition: top .2s ease, opacity .2s ease; - transition: top .2s ease, opacity .2s ease; - } - } - li { - &:first-child { - border-left: 0px; - } - padding: 5px 15px; - a { - display: block; - padding: 0px 0px; - padding-bottom: 5px; - color: rgba(255, 255, 255, 0.7); - transition: 1s all ease; - -webkit-transition: 1s all ease; - outline: none; - text-decoration: none; - border-bottom: 1px solid #000; - font-family: "Roboto Condensed", sans-serif; - text-transform: uppercase; - &:hover { - border-bottom: 1px solid #fd0; - } - } - } -} -.menu-sub { - position: absolute; - top: 49px; - z-index: 999; - padding: 0 0; - background-color: #fff; - text-align: right; - left: -17px; - list-style-type: none; - >li { - display: block !important; - border-top: 1px solid #ccc; - } - a { - min-width: 200px; - color: #222 !important; - text-align: left; - font-weight: normal !important; - text-transform: none; - padding: 10px 13px 10px 15px !important; - } -} -#header_popup { - display: none; -} -.PGS_PNEUS { - #contenu { - width: 100%; - } -} -.PGS_PRIMES { - #contenu { - width: 100%; - } - #centreetdroite { - width: 100%; - padding-bottom: 0px; - padding-left: 0px; - padding-right: 0px; - } -} -.page_liquid { - #contenu { - width: 100% !important; - } - #centreetdroite { - width: 100% !important; - padding-bottom: 0px; - } -} -.pageAccueil { - #contenu { - padding: 0px; - width: 100%; - h2 { - display: none; - } - } - #ariane { - display: none; - } - #centreetdroite { - padding-bottom: 0; - height: auto !important; - width: 100% !important; - } -} -.mdlPanier { - h3 { - + { - p { - + { - table { - >tbody { - >tr { - >td { - display: inline-block; - width: 47% !important; - border: 1px solid #ccc; - box-sizing: border-box; - padding: 30px; - &:nth-child(1) { - margin-right: 4%; - } - } - } - } - } - } - } - } - } -} -a[name="formIdentificationLog"] { - + { - h3 { - + { - p { - + { - table { - >tbody { - >tr { - >td { - display: inline-block; - width: 47% !important; - border: 1px solid #ccc; - box-sizing: border-box; - padding: 30px; - &:nth-child(1) { - margin-right: 4%; - } - } - } - } - input[type="text"] { - display: block; - width: 250px !important; - background-color: #fff; - border: 1px solid #ccc; - padding: 15px; - display: inline-block; - width: 100% !important; - box-sizing: border-box; - padding: 10px 15x; - font-size: 16px; - color: #555555; - background-color: #ffffff; - background-image: none; - border: 1px solid #cccccc; - border-radius: 7px; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - margin-bottom: 0px !important; - } - input[type="password"] { - display: block; - width: 250px !important; - background-color: #fff; - border: 1px solid #ccc; - padding: 15px; - display: inline-block; - width: 100% !important; - box-sizing: border-box; - padding: 10px 15x; - font-size: 16px; - color: #555555; - background-color: #ffffff; - background-image: none; - border: 1px solid #cccccc; - border-radius: 7px; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - margin-bottom: 0px !important; - } - label { - display: inline-block; - margin-top: 10px; - } - } - } - } - } - } - } -} -form[name="form_recherche2"] { - input[type="text"] { - padding: 10px 15px; - } -} -input[type="submit"] { - color: #fff !important; - background-color: #CC4B14; - font-size: 16px !important; - padding: 10px 20px; - cursor: pointer; - border: none; - font-weight: normal !important; - display: inline-block; - border: #CC4B14 0.5px solid; - -webkit-transition: 0.5s all ease; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; -} -input[type="reset"] { - color: #fff !important; - background-color: #CC4B14; - font-size: 16px !important; - padding: 10px 20px; - cursor: pointer; - border: none; - font-weight: normal !important; - display: inline-block; - border: #CC4B14 0.5px solid; - -webkit-transition: 0.5s all ease; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; -} -#formCreationLog { - a { - color: #fff !important; - background-color: #CC4B14; - font-size: 16px !important; - padding: 10px 20px; - cursor: pointer; - border: none; - font-weight: normal !important; - display: inline-block; - border: #CC4B14 0.5px solid; - -webkit-transition: 0.5s all ease; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; - } -} -.submit { - color: #fff !important; - background-color: #CC4B14; - font-size: 16px !important; - padding: 10px 20px; - cursor: pointer; - border: none; - font-weight: normal !important; - display: inline-block; - border: #CC4B14 0.5px solid; - -webkit-transition: 0.5s all ease; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; - &:hover { - background-color: transparent; - color: #CC4B14 !important; - } -} -.btn-panier { - color: #fff !important; - background-color: #CC4B14; - font-size: 16px !important; - padding: 10px 20px; - cursor: pointer; - border: none; - font-weight: normal !important; - display: inline-block; - border: #CC4B14 0.5px solid; - -webkit-transition: 0.5s all ease; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; -} -.btn_gestion { - a { - color: #fff !important; - background-color: #000; - font-size: 16px !important; - padding: 10px 20px; - cursor: pointer; - border: none; - font-weight: normal !important; - display: inline-block; - border: #000 0.5px solid; - vertical-align: top; - margin-right: 10px; - -webkit-transition: 0.5s all ease; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; - } -} -a.infobulle { - position: relative; - z-index: 24; - color: #000; - text-decoration: none; - border: none; - border: none; - text-decoration: none; - padding-left: 5px; - padding-right: 5px; - box-sizing: content-box; - img { - border: none; - text-decoration: none; - padding-left: 5px; - padding-right: 5px; - box-sizing: content-box; - } - &:hover { - background: none; - z-index: 25; - span { - display: block; - position: absolute; - top: 0; - left: 3em; - padding: 2px; - width: 20em; - border: 1px solid #7F9DB9; - background-color: #EDEDED; - color: #000000; - text-align: left; - font-size: 0.8em; - font-weight: normal; - } - } - span { - display: none; - } -} -input[type=checkbox] { - margin: 0; -} -input[type=radio] { - margin: 0; -} -.picto_inscription { - text-align: left; - font-size: 0; - a { - display: inline-block; - vertical-align: top; - text-align: center; - margin-bottom: 30px; - box-sizing: border-box; - margin-right: 30px; - &:nth-child(3) { - margin-bottom: 0px; - img { - max-width: 100px; - margin-top: 30px; - margin-bottom: 20px; - } - } - &:nth-child(4) { - margin-bottom: 0px; - } - span { - font-size: 18px; - display: block; - } - &:last-child { - margin-right: 0; - } - &:nth-child(2) { - margin-right: 0; - } - } - img { - width: 100%; - max-width: 90px; - margin-bottom: 10px; - margin-top: 10px; - } -} -#contenu_scroller { - &:after { - content: ''; - display: table; - clear: both; - } -} -#gauche { - float: right; - margin: 0; - padding: 0; - padding: 0 0 0 20px; - background-repeat: no-repeat; - background-position: left center; - width: 262px; - h4 { - a { - color: #36b5e4 !important; - } - } - p { - color: #1a333c !important; - } - #paragraphe146 { - .suite { - position: absolute; - background-color: #36b5e4; - &:hover { - background-color: #36b5e4; - color: #fff !important; - border: none; - } - } - } - .mdl_billet { - p { - padding-bottom: 40px; - } - } - h3 { - text-transform: uppercase; - } -} -#centre { - width: 620px; - margin: 0; - margin-left: 30px; - padding: 0; - p { - img { - padding: 0 5px; - margin: 0; - } - } - div.paragraphe { - margin: 0 0 10px 0; - } - .mdl_immo { - table { - .insertion { - display: block; - text-align: center; - background-color: transparent; - padding: 0px; - padding-left: 5px; - margin: 0px; - margin-right: -3px; - } - } - } -} -#centreetdroite { - width: 1170px; - margin: auto; - padding-bottom: 20px; - .news { - h4 { - a { - font-size: 18px !important; - } - } - } - div.paragraphe { - margin: 0 0 10px 0; - } - .mdl_immo { - table { - .insertion { - display: block; - text-align: center; - background-color: transparent; - padding: 0px; - padding-left: 5px; - margin: 0px; - margin-right: -3px; - } - } - } -} -.center_partenaire { - max-width: 1140px; - margin: auto; - font-size: 0; -} -.right_middle { - h4 { - font-family: 'Montserrat' !important; - font-size: 30px; - font-weight: 700; - color: #111111; - text-transform: uppercase; - margin-bottom: 20px; - span { - display: inline-block; - width: calc(100% - 30px); - vertical-align: top; - } - &:before { - content: '-'; - display: inline-block; - margin-right: 15px; - vertical-align: middle; - color: #ffdd00; - font-size: 30px; - } - } - li { - font-size: 16px; - } - ul { - margin: 0px; - } - >ul { - >li { - list-style: none; - margin-bottom: 20px; - &:before { - content: '>'; - color: #cc4b14; - font-weight: 600; - padding-right: 6px; - } - >ul { - margin-left: 30px; - >li { - margin: 0px; - list-style: none; - margin-top: 15px; - } - span { - font-weight: 600; - color: #cc4b14; - } - } - } - } - display: inline-block; - width: 50%; - vertical-align: top; - padding-left: 50px; -} -.left_top { - vertical-align: middle; - display: inline-block; - width: 370px; - max-width: 100%; - img { - max-width: 100%; - height: auto; - } -} -.right_top { - img { - margin-bottom: 20px; - max-width: 100%; - height: auto; - } - h4 { - font-size: 40px; - margin: 0; - margin-bottom: 20px; - text-transform: uppercase; - color: #cc4b14; - } - vertical-align: middle; - display: inline-block; - width: calc(100% - 370px); -} -.left_middle { - display: inline-block; - width: 50%; - img { - max-width: 100%; - height: auto; - } -} -#paragraphe330 { - .left_middle { - img { - width: 100%; - height: auto; - display: block; - margin: 0px auto; - margin-bottom: 10px; - padding: 10px; - } - } -} -.right_buttons { - display: block; - width: 100%; - font-size: 0; - height: 50px; - padding: 30px 0; - .buttons { - display: inline-block; - width: 50%; - text-align: left; - a { - display: inline-block; - font-size: 20px; - background-color: #ffe500; - color: #000; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; - padding: 5px 30px; - } - } -} -div.facebook-myconnect { - text-align: center; - padding-bottom: 30px; -} -#img-facebook-myconnect { - cursor: pointer; - padding-bottom: 30px; -} -div.facebook-myconnect-otherchoice { - width: 80%; - text-align: center; - border-bottom: 1px solid #808080; - line-height: 0.1em; - margin: auto; -} -.facebook-myconnect-otherchoice { - span { - background: #fff; - color: #808080; - padding: 0 15px; - font-weight: bold; - } -} -#droite { - width: 300px; - margin: 0; - padding: 0; - position: absolute; - top: 0px; - right: 0px; - img.immo { - padding: 0 4px; - border: 1px solid #000000; - background-color: #FFFFFF; - } - img.immo_vignette { - padding: 0 4px; - border: 1px solid #000000; - background-color: #FFFFFF; - } - form { - margin: 0px; - padding: 0px; - } - fieldset { - margin: 0px; - border: none; - padding: 0px; - padding-left: 5px; - p { - padding: 0px; - border: none; - } - legend { - border: none; - padding: 0px; - padding-top: 10px; - padding-bottom: 5px; - color: #cd1671; - font-weight: bold; - background: transparent; - } - } - h3 { - color: #eb6c0e; - } - label { - color: #666666; - float: left; - font-size: 10px; - font-weight: normal; - } - input { - float: right; - font-size: 10px; - margin-top: -18px; - border: 1px #666666 solid; - } - textarea { - float: right; - font-size: 10px; - margin-top: -18px; - border: 1px #666666 solid; - } - input.submit { - float: right; - font-size: 10px; - margin-top: 10px; - border: none; - } - a { - &:link { - color: #d96918; - } - &:visited { - color: #d96918; - } - } -} -#pied { - #conteneur_pied { - color: #fff; - background-repeat: no-repeat; - background-position: center top; - width: 1140px; - margin: 0 auto; - z-index: 100; - position: relative; - height: auto; - padding-top: 50px; - padding-bottom: 50px; - &:after { - content: ''; - display: table; - clear: both; - } - >div { - &:nth-child(2) { - li { - padding: 20px 0px; - border-bottom: 1px solid #585858; - a { - font-size: 16px; - } - &:last-child { - border: 0px; - } - } - } - &:nth-child(1) { - p { - font-size: 14px; - margin-top: 20px; - } - } - &:nth-child(3) { - li { - font-family: 'roboto condensed', serif; - font-style: italic; - color: #7e7e7e; - padding: 10px 0; - span { - display: block; - } - } - ul { - margin: 0; - padding: 0; - } - } - } - } - h5 { - text-transform: uppercase; - color: #fff; - font-weight: 700; - position: relative; - padding-bottom: 15px; - margin-bottom: 15px; - font-size: 18px; - } - li { - font-size: 14px; - a { - color: #fff; - } - } - h3 { - margin-top: 28px; - margin-bottom: 27px; - font-size: 18px; - font-weight: 600; - color: white; - text-transform: uppercase; - font-family: "Roboto Condensed", sans-serif; - &:before { - display: inline-block; - width: 10px; - height: 3px; - margin-right: 15px; - content: ''; - vertical-align: middle; - background-color: #ffe500; - } - } - .footer-section_list-columns { - margin-left: 40px; - } - width: 100%; - margin: auto; - background-color: #151515; - color: #fff; - font-size: 0; - padding-top: 60px; - color: #888; - background: url(../images/interface/bg-footer.jpg); - background-size: cover; - position: relative; - &:after { - opacity: .9; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - content: ''; - background-color: #0d0d0d; - } - ul { - margin: 0; - padding: 0; - } -} -.footer-list_columns { - a { - position: relative; - padding-left: 20px; - &:after { - position: absolute; - top: 7px; - left: 0; - width: 7px; - height: 7px; - content: ''; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - border-top: 2px solid #ccc; - border-right: 2px solid #ccc; - } - } -} -.social-net__item { - margin-right: 12px; -} -.footer-contact { - position: relative; - margin-bottom: 9px; - padding-left: 38px; - letter-spacing: .02em; - color: #fff; - font-size: 14px; - a { - &:hover { - color: #CC4B14 !important; - } - } - .icon { - position: absolute; - top: 0; - left: 0; - margin-right: 10px; - font-size: 16px; - text-align: center; - color: #ccc; - } - .icon-xs { - font-size: 14px; - } - .icon-lg { - font-size: 18px; - } -} -.footer-contact_lg { - margin-bottom: 24px; - font-size: 18px; - font-weight: 600; - line-height: 1.1; - letter-spacing: 0; -} -.footer__info { - margin-bottom: 30px; - line-height: 1.86; - font-size: 14px; - color: #bbb; -} -.footer__logo { - display: block; - margin-bottom: 27px; -} -img.imgtitre { - margin-left: 0px !important; - padding: 9px !important; - padding-left: 0px !important; -} -img.mdl_billet { - box-sizing: border-box; - padding-bottom: 40px !important; - width: auto !important; - float: right; - height: auto; - padding-left: 40px !important; -} -h2 { - img.imgtitre { - margin-left: 0px !important; - padding: 0px !important; - } - font-size: 1.25em; - color: #3A4046; - margin-top: 0; -} -h3 { - font-size: 1.25em; - color: #3A4046; - margin-top: 0; - font-size: 20px; - margin-bottom: 10px; -} -.user_gestion { - h3 { - text-transform: uppercase; - color: #222; - } -} -.link_gestion { - text-align: right; - a { - margin-left: 10px; - background-color: #CC4B14; - color: #fff !important; - display: inline-block; - margin-bottom: 10px; - padding: 5px 10px; - font-weight: 600; - text-transform: uppercase; - border-radius: 3px; - } -} -img.picto { - padding: 2px 2px 0 0; -} -img.immo { - padding: 0 4px; - background-color: #FFFFFF; -} -img.immo_vignette { - padding: 0 4px; - background-color: #FFFFFF; -} -html { - >body { - #pied { - ul { - margin: 0; - list-style: none; - } - } - } -} -legend { - font-weight: bold; -} -label { - font-weight: bold; - display: none; -} -label.intitule { - display: inline; - float: left; - width: 120px; -} -.fake_check { - margin-bottom: 10px; - input[type="checkbox"] { - &:checked { - left: -10000px !important; - } - &:not(:checked) { - left: -10000px !important; - } - } - input[type="radio"] { - &:checked { - left: -10000px !important; - position: absolute; - z-index: 1; - } - &:not(:checked) { - left: -10000px !important; - position: absolute; - z-index: 1; - } - } - [type="checkbox"] { - &:checked { - position: absolute; - left: 0px; - z-index: 1; - + { - label { - position: relative; - cursor: pointer; - width: 30px !important; - text-align: center; - display: inline-block; - vertical-align: middle; - margin: 0; - height: 25px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 25px; - border: 2px solid #ccc; - height: 25px; - background: #f8f8f8; - } - &:after { - opacity: 1; - transform: scale(1); - content: '\f00c'; - position: absolute; - font: normal normal normal 14px/1 FontAwesome; - top: 0; - left: 50%; - margin-left: -13px; - margin-top: 2px; - font-size: 20px; - z-index: 1000; - color: #cc4b14; - transition: all .2s; - opacity: 1; - transform: scale(1); - } - } - } - } - &:not(:checked) { - position: absolute; - left: 0px; - z-index: 1; - + { - label { - position: relative; - cursor: pointer; - width: 30px !important; - text-align: center; - display: inline-block; - vertical-align: middle; - margin: 0; - height: 25px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 25px; - border: 2px solid #ccc; - height: 25px; - background: #f8f8f8; - } - &:after { - content: '\f00c'; - position: absolute; - font: normal normal normal 14px/1 FontAwesome; - top: 0; - left: 50%; - margin-left: -13px; - margin-top: 2px; - font-size: 20px; - z-index: 1000; - color: #cc4b14; - transition: all .2s; - opacity: 0; - transform: scale(0); - } - } - } - } - } - [type="radio"] { - &:not(:checked) { - + { - label { - position: relative; - cursor: pointer; - width: 30px; - text-align: center; - display: inline-block; - vertical-align: top; - margin: 0; - height: 20px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: 0px; - top: 0px; - margin-left: 0px; - width: 21px; - border: 2px solid #9a9a9a; - height: 21px; - border-radius: 50%; - background: #f8f8f8; - } - &:after { - content: ''; - position: absolute; - top: 0; - left: 0; - margin-left: 4px; - margin-top: 4px; - font-size: 20px; - background-color: #cc4b14; - transition: all .2s; - z-index: 20; - height: 13px; - width: 13px; - border-radius: 50%; - opacity: 0; - transform: scale(0); - } - } - } - } - &:checked { - + { - label { - position: relative; - cursor: pointer; - width: 30px; - text-align: center; - display: inline-block; - vertical-align: top; - margin: 0; - height: 20px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: 0px; - top: 0px; - margin-left: 0px; - width: 21px; - border: 2px solid #9a9a9a; - height: 21px; - border-radius: 50%; - background: #f8f8f8; - } - &:after { - content: ''; - position: absolute; - top: 0; - left: 0; - margin-left: 4px; - margin-top: 4px; - font-size: 20px; - background-color: #cc4b14; - transition: all .2s; - z-index: 20; - height: 13px; - width: 13px; - border-radius: 50%; - opacity: 1; - transform: scale(1); - } - } - } - } - } -} -.fake_check.radio { - margin-right: 15px; - display: inline-block; -} -.par_fixe { - form { - background-color: #ededed; - padding: 60px 120px; - } - p { - margin-top: 20px; - >label { - display: inline-block; - color: #222; - width: 100%; - font-size: 17px; - vertical-align: top; - margin-top: 7px; - } - } -} -.affinez-recherche { - font-size: 0px; - border: 1px solid #ccc; - padding: 30px; - margin-bottom: 30px; - legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: inherit; - color: #333; - border: 0; - float: left; - border-bottom: 1px solid #e5e5e5; - } - input[type="text"] { - font-family: 'PT Serif', serif; - font-style: italic; - color: #222; - border: 1px solid #ddd; - padding: 10px; - border-radius: 5px; - font-size: 18px; - width: 100%; - } - select { - font-family: 'PT Serif', serif; - font-style: italic; - color: #222; - border: 1px solid #ddd; - padding: 10px; - border-radius: 5px; - font-size: 18px; - width: 100%; - padding-left: 10px; - } - .group_form_annonce { - display: inline-block; - width: 25%; - margin-bottom: 15px; - padding: 0 15px; - } - .prix_ba { - width: 50%; - font-size: 18px; - } - form { - margin-left: -15px; - margin-right: -15px; - } - .valid_form { - margin-right: 15px; - text-align: right; - input { - border-radius: 5px; - } - } - label { - font-size: 18px; - color: #222; - display: block; - } -} -.prix_ba { - select { - display: inline-block; - width: 30%; - &:nth-child(1) { - margin-right: 30px; - } - } -} -#paragraphe332 { - .center_programme { - max-width: 952px; - } - .primes_right { - vertical-align: bottom !important; - text-align: right; - a { - margin: 0px; - margin-bottom: 25px; - } - } - .chevrons { - font-style: italic; - font-size: 20px; - } -} -#paragraphe333 { - .center_programme { - max-width: 952px; - } - .primes_right { - vertical-align: bottom !important; - text-align: right; - a { - margin: 0px; - margin-bottom: 25px; - } - } - .chevrons { - font-style: italic; - font-size: 20px; - } -} -.video-container { - position: relative; - padding-bottom: 56.25%; - padding-top: 30px; - height: 0; - overflow: hidden; - margin-top: 30px; - iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - object { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } -} -.mdl_paragraphe2Colonne { - li { - text-align: left !important; - } -} -.mdl_image_aleatoire { - margin: -2px 0 0 0; -} -.mdl_citation_aleatoire { - p { - padding: 0 10px; - color: #3d9bde; - } - em { - font-weight: bold; - } -} -.promo_dunlop { - img { - max-width: 100%; - } - display: block; - margin-bottom: 15px; - text-align: center; -} -.img_partenaire { - display: inline-block; - width: 200px; - img { - width: 100%; - height: auto; - } -} -.list_partenaire { - td { - font-size: 0; - border: 0px; - padding: 20px 0px; - border-bottom: 1px solid #ccc; - } - border: 0px; - width: 100%; - tr { - border: 0px; - } - a.suite { - display: inline-block; - color: #fff; - background-color: #CC4B14 !important; - border: 0px; - font-size: 18px; - font-weight: 400; - text-transform: uppercase; - padding: 15px 30px; - font-size: 16px !important; - &:hover { - color: #fff !important; - } - } -} -.right_part { - display: inline-block; - width: calc(100% - 200px); - vertical-align: top; - padding-left: 50px; - box-sizing: border-box; - h4 { - a { - color: #222; - font-size: 25px; - } - margin-top: 0px; - margin-bottom: 40px; - } -} -.login_btn { - display: inline-block; - vertical-align: middle; - margin-left: 30px; - margin-bottom: -10px; - img { - width: 320px; - } -} -.login_btn.float { - float: right; -} -a.glossaire { - color: #808080; - text-decoration: underline; - &:visited { - color: #808080; - text-decoration: underline; - } -} -a.alt { - font-weight: bold; -} -a.suite { - background-color: #97bf0d; - color: #fff; - padding: 5px 10px; - font-weight: bold; - font-size: 16px; - -webkit-transition: all 0.5s; - -moz-transition: all 0.5s; - -ms-transition: all 0.5s; - -o-transition: all 0.5s; - transition: all 0.5s; - display: inline-block; - &:hover { - background-color: transparent; - border: 1px solid #97bf0d; - color: #97bf0d !important; - } - &:visited { - color: #ffffff; - } -} -.villeSuggestionList { - margin: 0px; - padding: 0px; - li { - list-style: none; - font-size: 14px; - padding: 3px; - cursor: pointer; - &:hover { - background-color: #c0c0c0; - } - } -} -#liste_mcl { - padding: 5px; - padding-top: 10px; - padding-bottom: 10px; - border: 1px #AAAAAA solid; - background-color: #F9F9F9; - color: #808080; - a { - color: #808080; - text-decoration: none; - &:hover { - text-decoration: underline; - } - } -} -#mdl_TopMCL { - a { - color: #fff !important; - text-decoration: none !important; - font-weight: normal; - display: inline-block; - background-color: #2d343e; - padding: 5px; - border-radius: 3px; - } - .mcl0 { - margin-bottom: 5px; - display: inline-block; - } - .mcl5 { - margin-bottom: 5px; - display: inline-block; - } - .mcl1 { - margin-bottom: 5px; - display: inline-block; - } - .mcl2 { - margin-bottom: 5px; - display: inline-block; - } - .mcl3 { - margin-bottom: 5px; - display: inline-block; - } - .mcl4 { - margin-bottom: 5px; - display: inline-block; - } -} -.mdl_immo_selecteur { - position: relative; - width: 918px; - margin-right: -40px; - table { - width: 100%; - } - th { - color: #be8f05; - text-align: left; - padding-left: 20px; - border-bottom: 1px solid #be8f05; - font-size: 1.25em; - } - ul { - margin: 0px; - padding: 0px; - } - li { - background-image: url(../images/interface/fleche.gif); - background-position: left top; - background-repeat: no-repeat; - list-style: none; - padding-left: 20px; - padding-right: 40px; - margin-bottom: 5px; - } -} -div.mdl_immo { - img.immo { - background-color: #FFFFFF; - padding: 6px !important; - margin-right: 10px; - } -} -p.bloc_tri { - background-color: #544d47; - color: white; - padding: 5px; - a { - color: white; - font-weight: bold; - } -} -form.bloc_tri { - background-color: transparent; - color: white; - font-size: 14px; - text-align: right; - margin-bottom: 5px; - select { - border: 0px; - font-size: 14px; - padding: 5px; - color: #222; - border: 1px solid #ccc; - } -} -tr.annonce { - padding-top: 5px; - &:hover { - background-color: #fce8cd; - } - h4 { - margin: 0px !important; - a { - color: #ff6600; - } - } - td { - border-top: 1px #AFAFAF dotted; - padding-top: 10px; - padding-bottom: 10px; - } -} -td.footerannonce { - background-color: #AFAFAF; - padding-left: 2px; - vertical-align: bottom; - p { - margin: 0px !important; - padding: 0px !important; - } - a { - background-color: #000000; - color: #FFFFFF; - padding: 2px; - padding-left: 4px; - padding-right: 4px; - } -} -.prix { - color: #e3721f; - font-size: 1.25em; - font-weight: bold; -} -div.mdl_modele_fiche { - h2 { - text-align: right; - margin: 0 !important; - margin-right: 18px !important; - span { - color: #fff; - padding: 8px !important; - } - } -} -div.modeles_similaires { - img { - padding: 4px; - } -} -.mdl_ligne_cev { - margin-bottom: 0 !important; -} -.rechercher_modeles { - #frm_surface { - width: 200px; - } - #frm_nb_pieces { - width: 200px; - } - #frm_etage { - width: 200px; - } - td { - width: 387px; - } -} -.prev_fred { - background-image: url(../images/interface/prev_fred.png); - height: 55px; - width: 46px; - display: block !important; - position: absolute; - top: 210px; -} -.next_fred { - background-image: url(../images/interface/next_fred.png); - height: 55px; - width: 46px; - display: block !important; - position: absolute; - top: 210px; - right: 0px; -} -.pager { - a { - span { - display: none; - } - background-color: #fff; - width: 16px; - height: 16px; - display: inline-block; - margin-left: 10px; - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - border-radius: 8px; - line-height: 40px; - vertical-align: middle; - } - a.selected { - background-color: #97bf0d; - width: 16px; - height: 16px; - display: inline-block; - margin-left: 10px; - line-height: 15px; - vertical-align: middle; - } -} -#pager2 { - position: absolute; - width: 1920px; - text-align: center; - top: 400px; - width: 100%; - bottom: 10px; - top: auto; -} -#position-menu { - position: relative; - width: 70%; - display: inline-block; - vertical-align: bottom; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; - text-align: right; -} -.sub { - display: inline-block; - a { - background-color: #000000; - color: #fff; - font-size: 14px; - text-transform: uppercase; - font-family: 'Roboto'; - display: inline-block; - padding: 0px 25px; - font-weight: bold; - transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -webkit-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - border: 2px solid #000000; - font: 600 14px/40px Poppins; - &:hover { - background-color: transparent; - } - } -} -#carousel_p { - div { - text-align: center; - } -} -.logo_scroll { - display: none; -} -#totop { - display: none; - text-decoration: none; - position: fixed; - bottom: 20px; - right: 20px; - overflow: hidden; - width: 51px; - height: 51px; - border: none; - text-indent: -999px; - background-image: url(../images/interface/uitotop.png); - background-repeat: no-repeat; - background-position: left top; - z-index: 900000; - background-color: transparent; - &:hover { - background: url(../images/interface/uitotop.png) no-repeat left -51px; - width: 51px; - height: 51px; - display: block; - overflow: hidden; - float: left; - cursor: pointer; - } -} -.prevnext { - color: #b6b4b4; - margin: 0; - max-width: 1140px !important; - margin: auto !important; - margin-top: 30px !important; - a { - font-style: normal; - display: inline-block; - text-align: center; - font-style: italic; - border: 1px solid #ccc; - width: 40px; - height: 40px; - line-height: 40px; - margin: 5px; - color: #aaa; - font-size: 18px; - -webkit-border-radius: 35px; - -moz-border-radius: 35px; - border-radius: 35px; - text-decoration: none; - &:first-child { - margin-left: 0px; - } - &:hover { - color: #fff; - background-color: #CC4B14; - } - } - a.selected { - color: #fff; - background-color: #CC4B14; - } -} -.first { - font-size: 30px; -} -.list_lien { - h5 { - text-align: center; - color: #2a2a2a; - text-transform: uppercase; - font-weight: 900; - font-size: 18px; - margin-bottom: 40px; - } -} -.filtre_top { - font-size: 0; - .prevnext { - display: inline-block; - vertical-align: middle; - padding-left: 30px; - padding-top: 5px; - float: right; - + { - h3 { - + { - p { - font-size: 15px; - } - } - } - } - } -} -.resultat_filtre { - display: inline-block; - vertical-align: middle; - font-family: 'PT Serif', serif; - font-style: italic; - font-size: 18px; - color: #2a2a2a; - font-weight: bold; - padding: 15px 0px; - border-right: 1px solid #ccc; - padding-right: 40px; - letter-spacing: 2px; - span { - color: #898888; - font-weight: normal !important; - } -} -.filtre_annonce { - display: inline-block; - vertical-align: middle; - padding-left: 40px; - .input_club { - background-image: url(../images/interface/picto_golf_input.png); - background-repeat: no-repeat; - background-position: 15px center; - } - .input_lieu { - background-image: url(../images/interface/picto_loca_input.png); - background-repeat: no-repeat; - background-position: 15px center; - } - input[type="text"] { - font-family: 'PT Serif', serif; - font-style: italic; - color: #ccc; - border: 1px solid #e6e6e6; - padding: 10px; - border-radius: 5px; - font-size: 18px; - padding-left: 50px; - margin-right: 20px; - } - input[type="submit"] { - background-color: #CC4B14; - color: #fff; - border: 0px; - border-radius: 5px; - font-size: 18px; - text-transform: uppercase; - font-family: 'Lato', sans-serif; - font-weight: bold; - padding: 10px 12px; - } -} -.ville_form { - display: inline-block; - position: relative; -} -.info_lien { - >div { - a { - color: #979797; - display: inline-block; - line-height: 1em; - vertical-align: bottom; - color: #cc4b14; - display: inline-block; - vertical-align: middle; - font-weight: 600; - } - img { - vertical-align: bottom; - padding-right: 7px; - display: inline-block; - margin-right: 10px; - max-height: 30px; - width: auto; - height: auto; - vertical-align: middle; - } - margin-right: 50px; - display: inline-block; - font-size: 16px; - display: inline-block; - vertical-align: middle; - &:nth-child(4) { - margin-right: 0px; - } - .label { - line-height: 1em; - display: inline-block; - vertical-align: bottom; - color: #2d2d2d; - font-size: 18px; - font-family: 'PT Serif', serif; - font-style: italic; - font-weight: normal; - padding: 0px; - } - } - margin-top: 25px; - position: relative; -} -.btn_fiche { - position: relative; - right: 0; - margin: 0px !important; - text-align: right; - display: block !important; - padding-top: 20px; - a { - background-color: #fff; - color: #000; - font-size: 16px; - display: inline-block; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; - font-weight: 500 !important; - padding: 10px 20px; - margin: 0px !important; - } -} -.list_pneus_all { - .info_lien { - >div { - a { - color: #fff; - display: inline-block; - vertical-align: middle; - font-weight: 600; - background-color: #e3000b; - } - } - width: 20%; - display: inline-block; - vertical-align: bottom; - padding: 10px 20px; - } - .titre_list { - margin-bottom: 20px; - color: #e3000b; - font-size: 32px; - text-transform: uppercase; - font-style: italic; - font-weight: 800; - img { - width: 10%; - height: auto; - } - } - .bloc_list_lien { - background-color: #ffdd00; - display: block; - margin-bottom: 30px; - } - .img_lien { - display: inline-block; - width: 268px; - position: relative; - vertical-align: top; - height: 268px; - border: 1px solid #ccc; - border-right: 0px; - overflow: hidden; - } - .intro_lien { - font-size: 20px; - color: #000; - font-style: italic; - font-weight: 500; - img { - max-width: 20%; - height: auto; - } - .rouge { - margin-bottom: 20px; - color: #e3000b; - font-size: 30px; - text-transform: uppercase; - font-style: italic; - font-weight: 800; - } - } - .desc_list_lien { - width: 80%; - } -} -.club { - display: inline-block; - font-size: 18px; - font-style: italic; -} -.localisation { - display: inline-block; - font-size: 18px; -} -.bloc_list_lien { - background-color: #000; - position: relative; - margin-top: 30px; - font-size: 0; - display: flex; -} -.list_roulage { - .bloc_list_lien { - background-color: #ffdd00; - } - .img_lien { - background-color: #fff; - height: auto; - width: 160px; - border: 1px solid #ccc; - border-right: 0px; - img { - max-width: 100% !important; - position: relative !important; - height: auto !important; - left: 0px !important; - } - } - h3 { - color: #111; - font-family: 'Montserrat', sans-serif !important; - font-size: 20px !important; - font-weight: 600; - span { - font-family: 'Fugaz One', cursive; - text-transform: uppercase; - font-size: 24px; - font-weight: 500; - } - } - .desc_list_lien { - width: calc(100% - 180px); - } - .titre_list { - margin-bottom: 15px; - } - .intro_lien { - margin-bottom: 10px; - color: #000; - font-size: 16px; - font-weight: 600; - } -} -.list_pneus { - font-size: 0; - width: 100%; - display: block; - padding: 30px 0; - border-bottom: 5px solid #000; - .desc_list_pneus { - font-size: 15px; - width: 60%; - display: inline-block; - vertical-align: top; - .titre_pneus { - margin-bottom: 30px; - img { - width: 100%; - height: auto; - } - } - .intro_pneus { - font-size: 16px; - font-weight: 500; - } - .video_pneus { - position: relative; - padding-bottom: 56.25%; - padding-top: 30px; - height: 0; - overflow: hidden; - margin-top: 30px; - iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - object { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - } - .orange { - color: #cc4b14; - } - } - .img_pneus { - font-size: 15px; - width: 40%; - display: inline-block; - vertical-align: top; - padding-left: 40px; - .barre_pourcent { - background-color: #ccc; - width: 100%; - height: 20px; - position: relative; - } - .p10 { - position: absolute; - height: 20px; - width: 10%; - background-color: #cc4b14; - bottom: 0; - left: 0; - } - .p20 { - position: absolute; - height: 20px; - width: 20%; - background-color: #cc4b14; - bottom: 0; - left: 0; - } - .p30 { - position: absolute; - height: 20px; - width: 30%; - background-color: #cc4b14; - bottom: 0; - left: 0; - } - .p40 { - position: absolute; - height: 20px; - width: 40%; - background-color: #cc4b14; - bottom: 0; - left: 0; - } - .p50 { - background-color: #cc4b14; - width: 50%; - height: 20px; - position: absolute; - bottom: 0; - left: 0; - } - .p60 { - background-color: #cc4b14; - width: 60%; - height: 20px; - position: absolute; - bottom: 0; - left: 0; - } - .p70 { - background-color: #cc4b14; - width: 70%; - height: 20px; - position: absolute; - bottom: 0; - left: 0; - } - .p80 { - background-color: #cc4b14; - width: 80%; - height: 20px; - position: absolute; - bottom: 0; - left: 0; - } - .p90 { - position: absolute; - height: 20px; - width: 90%; - background-color: #cc4b14; - bottom: 0; - left: 0; - } - .p100 { - background-color: #cc4b14; - width: 100%; - height: 20px; - position: absolute; - bottom: 0; - left: 0; - } - p { - margin: 10px 0 20px 0; - font-weight: 600; - font-size: 16px; - } - .bloc_btn { - text-align: right; - } - .btn_fiche_pneus { - background-color: #ffdd00; - color: #000; - font-size: 16px; - display: inline-block; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; - font-weight: 500 !important; - padding: 10px 20px; - margin: 20px 0; - a { - color: #000; - } - } - img { - max-width: 100%; - margin-bottom: 30px; - padding: 10px; - height: auto; - } - } -} -.left_roulage { - vertical-align: bottom; - display: inline-block; - width: 60%; - p { - font-size: 16px; - font-weight: 500; - span { - color: red; - font-weight: bold; - } - } -} -.right_roulage { - display: inline-block; - width: 40%; - text-align: right; - a { - color: #fff !important; - background-color: #000000; - font-size: 20px !important; - padding: 7px 50px; - cursor: pointer; - border: none; - font-weight: normal !important; - display: inline-block; - -webkit-transition: 0.5s all ease; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; - } -} -.absolute_logo { - position: absolute; - top: 0px; - right: 0px; - background-color: #fff; - padding: 5px; - img { - max-height: 35px; - width: auto; - } -} -.img_lien { - a { - position: relative; - width: 268px; - height: 268px; - overflow: hidden; - display: block; - } - img { - width: 100%; - position: absolute; - height: auto; - } -} -.desc_list_lien { - display: inline-block; - vertical-align: top; - width: calc(100% - 268px); - padding: 20px; - padding-bottom: 10px; -} -.new_membre { - position: absolute; - top: -1px; - left: -1px; -} -.link_list { - position: absolute; - top: 10px; - right: 15px; - a { - font-size: 20px; - margin-left: 15px; - } -} -.titre_list { - h3 { - display: inline-block; - vertical-align: middle; - margin: 0; - margin-right: 2px; - a { - font-family: 'Fugaz One', cursive; - color: #ffe500 !important; - text-transform: uppercase; - font-size: 24px; - } - } - .star { - vertical-align: middle; - display: inline-block; - margin-left: 15px; - font-size: 12px; - vertical-align: top; - img { - padding: 0 2px !important; - vertical-align: top; - padding-top: 2px !important; - } - } - margin-bottom: 20px; -} -.star { - .vote { - font-size: 11px; - vertical-align: middle; - padding-left: 10px; - } -} -.intro_lien { - font-size: 15px; - color: #fff; - br { - display: none; - } -} -.desc_lien { - p { - font-size: 16px; - color: #111; - font-weight: 600; - line-height: 30px; - } - margin-bottom: 20px; - + { - .last_roulage { - margin-top: 40px; - } - .recherche_filtre { - margin-top: 40px; - } - } -} -.last_roulage { - margin-bottom: 50px; - + { - .recherche_filtre { - padding-left: 30px; - padding-right: 30px; - margin-top: 50px; - } - } -} -.link_journe { - a { - text-decoration: underline; - margin-top: 30px; - display: inline-block; - font-size: 16px; - } -} -.site_lien { - + { - .last_roulage { - margin-top: 40px; - } - .recherche_filtre { - margin-top: 40px; - } - } - a { - display: inline-block; - font-size: 20px; - background-color: #000; - color: #fff; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; - padding: 10px 30px; - margin-right: 20px; - } -} -.slide_lien { - + { - .last_roulage { - margin-top: 40px; - } - .recherche_filtre { - margin-top: 40px; - } - } - margin-bottom: 30px; -} -.info_top { - + { - .last_roulage { - margin-top: 40px; - } - .recherche_filtre { - margin-top: 40px; - } - } - margin-bottom: 40px; - .localisation { - font-size: 20px; - font-weight: 500; - width: 80%; - vertical-align: middle; - img { - vertical-align: middle; - margin-right: 15px; - } - } -} -.longeur_piste { - display: inline-block; - vertical-align: middle; - width: 20%; - text-align: right; - color: #d0cfd2; - font-size: 20px; - font-weight: 500; - span { - color: #222; - } -} -.list_commentaire { - border-bottom: 1px solid #ddd; - font-size: 16px; - padding: 15px 0px; - &:last-child { - border-bottom: 0px; - } -} -.center_lien { - max-width: 1170px; - margin: auto; -} -.contact_lien { - border: 1px solid #1ca664; - padding: 35px 0px; - text-align: center; - -webkit-box-shadow: -1px 17px 18px 0px rgba(0, 0, 0, 0.06); - -moz-box-shadow: -1px 17px 18px 0px rgba(0, 0, 0, 0.06); - box-shadow: -1px 17px 18px 0px rgba(0, 0, 0, 0.06); - margin-bottom: 50px; -} -.right_fiche_lien { - .annonce { - border-top: 1px solid #e6e6e6; - padding-top: 30px; - h4 { - margin: 0; - font-size: 19px; - color: #343535; - margin-bottom: 40px; - img { - vertical-align: bottom; - padding-right: 15px; - } - } - } - width: calc(100% - 380px); - display: inline-block; - vertical-align: top; - padding-left: 100px; - >h3 { - &:first-child { - margin-bottom: 10px !important; - font-weight: 700; - text-transform: uppercase; - border-bottom: 1px solid #ddd; - padding-bottom: 40px; - } - } -} -.annonce { - .bloc_list_lien { - .img_lien { - width: 100px; - } - .desc_list_lien { - width: calc(100% - 100px); - } - .titre_list { - margin-bottom: 15px; - } - h3 { - a { - font-size: 16px; - } - } - margin-top: 0px; - margin-bottom: 50px; - padding: 25px 30px; - position: relative; - &:last-child { - margin-bottom: 0px; - } - .modifier_annonce { - font-size: 13px; - position: absolute; - bottom: 10px; - right: 10px; - i { - padding-right: 5px; - } - a { - margin-right: 10px; - } - } - } - .intro_lien { - font-size: 12px; - margin-bottom: 0px; - } - .info_lien { - margin-top: 20px; - >div { - font-size: 14px; - .label { - font-size: 14px; - } - img { - width: 20px; - } - } - } - .date_annonce { - font-size: 12px; - vertical-align: middle; - } - .link_list { - a { - vertical-align: middle; - } - } -} -.right_panel { - .annonce { - .bloc_list_lien { - padding-bottom: 40px; - } - } - display: inline-block; - width: calc(100% - 380px); - vertical-align: top; - padding-left: 40px; - .titre { - margin-top: 30px; - border-bottom: 1px solid #d3d3d3; - margin-bottom: 30px; - padding-left: 20px; - padding-bottom: 10px; - h4 { - font-size: 19px !important; - color: #3b3a3a !important; - line-height: 10px !important; - text-transform: uppercase; - a { - font-size: 19px !important; - color: #3b3a3a !important; - line-height: 10px !important; - text-transform: uppercase; - } - i { - font-size: 30px; - vertical-align: middle; - padding-right: 15px; - } - img { - vertical-align: middle; - display: inline-block; - padding-right: 15px; - } - } - } -} -.annonce_user { - .date_annonce { - font-size: 12px; - vertical-align: middle; - } - .bloc_list_lien { - .modifier_annonce { - font-size: 13px; - position: absolute; - bottom: 10px; - right: 10px; - a { - margin-right: 10px; - } - i { - padding-right: 5px; - } - } - } -} -.nav_annonce_user { - text-align: right; - a { - color: #fff; - background-color: #CC4B14; - display: inline-block; - margin-left: 10px; - padding: 10px 20px; - border-radius: 5px; - } -} -.right_contact { - display: inline-block; - vertical-align: middle; - a { - background-color: #1ca664; - font-size: 17px; - font-weight: bold; - color: #fff; - padding: 15px 40px; - display: inline-block; - i { - padding-right: 12px; - font-size: 24px; - vertical-align: middle; - } - span { - vertical-align: middle; - } - } -} -.map_fiche { - margin-top: 70px; - border-top: 1px solid #d6d6d6; - #map { - width: 100% !important; - height: 600px !important; - } - .title_map_fiche { - text-align: center; - padding-top: 35px; - border-bottom: 1px solid #d6d6d6; - padding-bottom: 20px; - h5 { - font-size: 20px; - margin: 0; - color: #222; - text-transform: uppercase; - margin-bottom: 15px; - } - } -} -.left_contact { - display: inline-block; - vertical-align: middle; - padding-right: 50px; - text-align: left; - h5 { - margin: 0px; - margin-bottom: 10px; - a { - font-size: 17px; - font-weight: 600; - strong { - font-weight: 900; - } - } - } -} -.taux_rp { - margin: 0; - font-size: 12px; - font-family: 'PT Serif', serif; - font-style: italic; - color: #5a5a5a; -} -.center_contact { - display: inline-block; -} -.left_fiche_lien { - width: 380px; - display: inline-block; - vertical-align: top; - border-left: 1px solid #d3d3d3; - border-right: 1px solid #d3d3d3; - border-top: 5px solid #1ca664; - border-bottom: 5px solid #1ca664; - text-align: center; -} -.nav_annonce { - display: inline-block; - float: right; - padding-top: 0px; - a { - color: #fff; - background-color: #CC4B14; - display: inline-block; - margin-left: 10px; - padding: 10px 20px; - border-radius: 5px; - i { - font-size: 25px; - vertical-align: middle; - padding-right: 10px; - } - } -} -.panel_annonce { - h4 { - display: inline-block; - } -} -.info_fiche { - padding: 50px; - padding-bottom: 30px; - border-bottom: 1px solid #d3d3d3; - .img_fiche { - img { - width: 100%; - height: auto; - border-radius: 50%; - -webkit-box-shadow: 0px 1px 59px 0px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0px 1px 59px 0px rgba(0, 0, 0, 0.15); - box-shadow: 0px 1px 59px 0px rgba(0, 0, 0, 0.15); - } - margin-bottom: 50px; - } - .date_membre { - font-size: 11px; - color: #5a5a5a; - text-align: center; - } - h4 { - font-size: 24px; - color: #1d1d1d; - text-align: center; - margin-bottom: 15px; - } - .star { - text-align: center; - font-size: 12px; - vertical-align: middle; - line-height: 20px; - img { - padding: 0 2px !important; - vertical-align: middle; - } - } -} -.block_avis { - border-bottom: 1px solid #d3d3d3; - padding: 40px 15px; - &:last-child { - border-bottom: 0px; - } - p { - font-size: 12px; - color: #858585; - text-align: justify; - } -} -.left_avis { - a { - display: block; - img { - -webkit-box-shadow: 0px 1px 49px 0px rgba(0, 0, 0, 0.26); - -moz-box-shadow: 0px 1px 49px 0px rgba(0, 0, 0, 0.26); - box-shadow: 0px 1px 49px 0px rgba(0, 0, 0, 0.26); - border-radius: 50%; - } - } - display: inline-block; - vertical-align: top; - padding-top: 25px; -} -.right_avis { - display: inline-block; - padding-left: 20px; - width: calc(100% - 74px); - vertical-align: middle; - text-align: left; - .date_avis { - margin-bottom: 0px; - color: #bbbbbb; - font-size: 11px; - } -} -.more_avis { - text-align: right; - a { - color: #1ca664; - font-size: 13px; - margin-right: 10px; - &:first-child { - float: left; - margin-left: 10px; - } - } -} -.title_avis { - margin-bottom: 10px; - text-align: left; - h6 { - margin: 0; - margin-right: 10px; - vertical-align: middle; - display: inline-block; - a { - text-transform: uppercase; - font-weight: 900; - font-size: 11px; - color: #5a5a5a; - } - } -} -.connexion.on { - background-color: #97e823; -} -.connexion.off { - background-color: #d11f02; -} -.img_info { - display: inline-block; - width: 30px; - text-align: center; -} -.avis { - h4 { - margin-bottom: 0 !important; - font-size: 24px; - color: #1d1d1d; - text-align: center; - margin-bottom: 15px; - } - padding: 20px 10px; - .nb_avis { - font-size: 14px; - } - >a { - font-size: 15px; - margin-top: 20px; - display: inline-block; - } -} -.center_info { - display: inline-block; - text-align: left !important; - width: 280px; - margin-top: 35px; - .label { - line-height: 1em; - display: inline-block; - vertical-align: bottom; - color: #2d2d2d; - font-size: 18px; - font-family: 'PT Serif', serif; - font-style: italic; - font-weight: normal; - padding: 0px; - } - a { - color: #979797; - display: inline-block; - line-height: 1em; - vertical-align: bottom; - } - .index { - display: inline-block; - font-size: 18px; - font-family: 'PT Serif', serif; - font-style: italic; - } - >div { - margin-bottom: 15px; - } -} -.block_list_actu { - &:nth-child(even) { - background-color: #f7f7f7; - } - .center_actu { - padding: 70px 0px; - border-bottom: 1px solid #e6e6e6; - } -} -.right_actu { - display: inline-block; - width: calc(100% - 300px); - vertical-align: top; - padding-left: 55px; - box-sizing: border-box; - h4 { - margin: 0; - text-transform: uppercase; - font-family: 'Lato', sans-serif; - margin-bottom: 10px; - a { - color: #222; - } - } -} -.lin_actu { - a.suite { - display: inline-block; - color: #fff; - background-color: #CC4B14 !important; - border: 0px; - font-size: 18px; - font-weight: 400; - text-transform: uppercase; - padding: 15px 30px; - &:hover { - color: #fff !important; - } - } -} -.date_actu { - color: #222 !important; - font-size: 16px !important; - font-weight: 400 !important; - margin-bottom: 20px !important; -} -.center_actu { - max-width: 1140px; - margin: auto; - img { - display: inline-block; - width: 300px; - height: auto; - -webkit-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16); - -moz-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16); - box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16); - } -} -.panel_user { - margin-top: 40px; -} -.edition_user { - tr { - &:nth-child(14) { - input { - width: auto !important; - } - } - &:nth-child(13) { - input { - width: auto !important; - } - } - } - label { - display: block; - font-size: 18px; - color: #232323; - font-weight: 300; - width: 200px; - } - fieldset { - >table { - >tbody { - >tr { - >td { - &:nth-child(1) { - width: 210px; - } - padding: 12px 0px; - text-align: left; - } - } - } - } - + { - h4 { - text-transform: uppercase; - margin-top: 40px; - font-size: 20px; - } - } - } - img { - margin-bottom: 10px; - } - input[type="text"] { - border: 2px solid #e6e6e6; - font-size: 18px; - width: 100%; - padding: 12px 15px; - } - input[type="password"] { - border: 2px solid #e6e6e6; - font-size: 18px; - width: 100%; - padding: 12px 15px; - } - select { - border: 2px solid #e6e6e6; - font-size: 18px; - width: 100%; - padding: 12px 15px; - } - table { - margin-bottom: 30px; - } -} -.nav_user { - border-bottom: 1px solid #ddd; - text-align: right; - a { - color: #fff; - background-color: #cc4b14; - font-size: 14px; - text-transform: uppercase; - font-weight: bold; - padding: 10px 20px; - border-radius: 5px; - i { - font-size: 22px; - padding-right: 10px; - vertical-align: bottom; - display: inline-block; - } - } - .disconnect { - background-color: #d0cfd2; - color: #222; - } - h3 { - display: inline-block; - margin: 0px; - padding-bottom: 10px; - font-weight: bold; - text-transform: uppercase; - font-size: 24px; - color: #232323; - vertical-align: bottom; - float: left; - } -} -.link_user { - a { - color: #fff; - background-color: #cc4b14; - font-size: 14px; - text-transform: uppercase; - font-weight: bold; - padding: 10px 20px; - border-radius: 5px; - display: inline-block; - margin-right: 10px; - } -} -.intro_user { - padding: 40px; - width: 50%; - display: inline-block; -} -.abonnement { - display: inline-block; - vertical-align: top; - padding-top: 20px; -} -.abonnement.prof { - width: 100%; - padding-top: 0px; - padding-bottom: 20px; - .block_abonnement { - display: inline-block; - margin-right: 30px; - } -} -.block_abonnement { - display: block; - margin-bottom: 20px; - font-size: 0; -} -.left_abo { - display: inline-block; - background-color: #f3f3f3; - padding: 17px 25px; - padding-right: 40px; - p { - font-size: 20px; - color: #878787; - strong { - font-weight: 900; - display: block; - color: #333333; - } - } -} -.right_abo { - display: inline-block; - background-color: #333333; - vertical-align: top; - height: 100px; - box-sizing: border-box; - padding: 27px 30px; - position: relative; - &:before { - content: ''; - width: 0; - height: 0; - border-style: solid; - border-width: 11.5px 15px 11.5px 0; - border-color: transparent #333333 transparent transparent; - display: block; - position: absolute; - left: -15px; - top: 50%; - margin-top: -11.5px; - } - p { - color: #fff; - font-weight: bold; - font-size: 30px; - span { - font-size: 20px; - font-weight: normal; - } - } -} -#formIdentificationLog { - .nav_user { - h3 { - float: none; - } - text-align: left; - } - input[type="checkbox"] { - &:not(:checked) { - left: -10000px !important; - } - &:checked { - left: -10000px !important; - } - } - [type="checkbox"] { - &:not(:checked) { - position: absolute; - left: 0px; - z-index: 1; - + { - label { - position: relative; - cursor: pointer; - width: 30px !important; - text-align: center; - display: inline-block; - vertical-align: middle; - margin: 0; - height: 25px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 25px; - border: 2px solid #9a9a9a; - height: 25px; - background: #f8f8f8; - } - &:after { - content: '\f00c'; - position: absolute; - font: normal normal normal 14px/1 FontAwesome; - top: 0; - left: 50%; - margin-left: -19px; - margin-top: 2px; - font-size: 20px; - z-index: 1000; - color: #CC4B14; - transition: all .2s; - opacity: 0; - transform: scale(0); - margin-left: -14px; - } - } - } - } - &:checked { - position: absolute; - left: 0px; - z-index: 1; - + { - label { - position: relative; - cursor: pointer; - width: 30px !important; - text-align: center; - display: inline-block; - vertical-align: middle; - margin: 0; - height: 25px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 25px; - border: 2px solid #9a9a9a; - height: 25px; - background: #f8f8f8; - } - &:after { - opacity: 1; - transform: scale(1); - content: '\f00c'; - position: absolute; - font: normal normal normal 14px/1 FontAwesome; - top: 0; - left: 50%; - margin-left: -19px; - margin-top: 2px; - font-size: 20px; - z-index: 1000; - color: #CC4B14; - transition: all .2s; - margin-left: -14px; - opacity: 1; - transform: scale(1); - } - } - } - } - } -} -.fake_label { - display: block; - font-size: 18px; - color: #232323; - font-weight: 300; - width: 200px; - display: inline-block; - vertical-align: middle; - width: calc(100% - 40px); -} -.row_last_roulage { - font-size: 0px; - margin: 0 -27.5px; -} -.block_next_roulage { - margin: 0 27.5px; - display: inline-block; - width: calc(33.33333% - 55px); - -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3); - box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.3); -} -.desc_roulage { - padding: 10px; - h5 { - color: #cc4b14; - margin-bottom: 10px; - font-size: 20px; - } - p { - font-size: 16px; - font-weight: 500; - } -} -.detail_roulage { - margin-top: 20px; - text-align: right; - a { - display: inline-block; - font-size: 16px; - background-color: #000; - color: #fff; - font-family: 'Fugaz One', cursive; - text-transform: uppercase; - padding: 5px 20px; - } -} -.edition_lien { - label { - width: 300px; - } - .group_complement { - input[type="text"] { - width: calc(100% - 300px); - display: inline-block; - } - input[type="password"] { - width: calc(100% - 300px); - display: inline-block; - } - select { - width: calc(100% - 300px); - display: inline-block; - } - label { - display: inline-block; - } - &:first-child { - padding-top: 0; - } - &:last-child { - padding-bottom: 0px; - } - vertical-align: top; - font-size: 0; - padding: 12px 0px; - } - input[type="checkbox"] { - &:checked { - left: -10000px !important; - } - &:not(:checked) { - left: -10000px !important; - } - } - [type="checkbox"] { - &:checked { - position: absolute; - left: 0px; - z-index: 1; - + { - label { - position: relative; - cursor: pointer; - width: 30px !important; - text-align: center; - display: inline-block; - vertical-align: middle; - margin: 0; - height: 25px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 25px; - border: 2px solid #9a9a9a; - height: 25px; - background: #f8f8f8; - } - &:after { - opacity: 1; - transform: scale(1); - content: '\f00c'; - position: absolute; - font: normal normal normal 14px/1 FontAwesome; - top: 0; - left: 50%; - margin-left: -19px; - margin-top: 2px; - font-size: 20px; - z-index: 1000; - color: #CC4B14; - transition: all .2s; - margin-left: -14px; - opacity: 1; - transform: scale(1); - } - } - } - } - &:not(:checked) { - position: absolute; - left: 0px; - z-index: 1; - + { - label { - position: relative; - cursor: pointer; - width: 30px !important; - text-align: center; - display: inline-block; - vertical-align: middle; - margin: 0; - height: 25px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 25px; - border: 2px solid #9a9a9a; - height: 25px; - background: #f8f8f8; - } - &:after { - content: '\f00c'; - position: absolute; - font: normal normal normal 14px/1 FontAwesome; - top: 0; - left: 50%; - margin-left: -19px; - margin-top: 2px; - font-size: 20px; - z-index: 1000; - color: #CC4B14; - transition: all .2s; - opacity: 0; - transform: scale(0); - margin-left: -14px; - } - } - } - } - } - [type="radio"] { - &:checked { - + { - label { - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 22px; - border: 2px solid #9a9a9a; - height: 22px; - border-radius: 50%; - background: #f8f8f8; - } - &:after { - content: ''; - position: absolute; - top: 0; - left: 50%; - margin-left: -13px; - margin-top: 4px; - font-size: 20px; - background-color: #CC4B14; - transition: all .2s; - z-index: 20; - height: 14px; - width: 14px; - border-radius: 50%; - } - } - } - } - &:not(:checked) { - + { - label { - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 22px; - border: 2px solid #9a9a9a; - height: 22px; - border-radius: 50%; - background: #f8f8f8; - } - &:after { - content: ''; - position: absolute; - top: 0; - left: 50%; - margin-left: -13px; - margin-top: 4px; - font-size: 20px; - background-color: #CC4B14; - transition: all .2s; - z-index: 20; - height: 14px; - width: 14px; - border-radius: 50%; - } - } - } - } - } - table { - width: 100%; - } - .btn_form { - padding-left: 300px; - } -} -.img_roulage { - img { - width: 100%; - height: 100%; - } -} -.fav_circuit { - select { - width: auto; - display: inline-block; - font-size: 14px; - width: calc((100% - 60px) / 3 ); - margin-left: 30px; - &:first-child { - margin-left: 0px; - } - } -} -.complement_lien { - font-size: 0; -} -.group_complement { - input[type="checkbox"] { - &:checked { - left: -10000px !important; - } - &:not(:checked) { - left: -10000px !important; - } - } - input[type="radio"] { - &:checked { - left: -10000px !important; - } - &:not(:checked) { - left: -10000px !important; - } - } - [type="checkbox"] { - &:checked { - position: absolute; - left: 0px; - z-index: 1; - + { - label { - position: relative; - cursor: pointer; - width: 30px !important; - text-align: center; - display: inline-block; - vertical-align: middle; - margin: 0; - height: 25px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 25px; - border: 2px solid #9a9a9a; - height: 25px; - background: #f8f8f8; - } - &:after { - opacity: 1; - transform: scale(1); - content: '\f00c'; - position: absolute; - font: normal normal normal 14px/1 FontAwesome; - top: 0; - left: 50%; - margin-left: -19px; - margin-top: 2px; - font-size: 20px; - z-index: 1000; - color: #CC4B14; - transition: all .2s; - margin-left: -14px; - opacity: 1; - transform: scale(1); - } - } - } - } - &:not(:checked) { - position: absolute; - left: 0px; - z-index: 1; - + { - label { - position: relative; - cursor: pointer; - width: 30px !important; - text-align: center; - display: inline-block; - vertical-align: middle; - margin: 0; - height: 25px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 25px; - border: 2px solid #9a9a9a; - height: 25px; - background: #f8f8f8; - } - &:after { - content: '\f00c'; - position: absolute; - font: normal normal normal 14px/1 FontAwesome; - top: 0; - left: 50%; - margin-left: -19px; - margin-top: 2px; - font-size: 20px; - z-index: 1000; - color: #CC4B14; - transition: all .2s; - opacity: 0; - transform: scale(0); - margin-left: -14px; - } - } - } - } - } - [type="radio"] { - &:checked { - position: absolute; - left: 0px; - z-index: 1; - + { - label { - position: relative; - cursor: pointer; - width: 30px !important; - text-align: center; - display: inline-block; - vertical-align: middle; - margin: 0; - height: 25px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 22px; - border: 2px solid #9a9a9a; - height: 22px; - border-radius: 50%; - background: #f8f8f8; - } - &:after { - content: ''; - position: absolute; - top: 0; - left: 50%; - margin-left: -13px; - margin-top: 4px; - font-size: 20px; - background-color: #CC4B14; - transition: all .2s; - z-index: 20; - height: 14px; - width: 14px; - border-radius: 50%; - opacity: 1; - transform: scale(1); - } - } - } - } - &:not(:checked) { - position: absolute; - left: 0px; - z-index: 1; - + { - label { - position: relative; - cursor: pointer; - width: 30px !important; - text-align: center; - display: inline-block; - vertical-align: middle; - margin: 0; - height: 25px; - margin: auto; - z-index: 2; - &:before { - content: ''; - position: absolute; - left: -2px; - top: 0px; - margin-left: 0px; - width: 22px; - border: 2px solid #9a9a9a; - height: 22px; - border-radius: 50%; - background: #f8f8f8; - } - &:after { - content: ''; - position: absolute; - top: 0; - left: 50%; - margin-left: -13px; - margin-top: 4px; - font-size: 20px; - background-color: #CC4B14; - transition: all .2s; - z-index: 20; - height: 14px; - width: 14px; - border-radius: 50%; - opacity: 0; - transform: scale(0); - } - } - } - } - } -} -.p_obli { - font-size: 18px; - color: #adaaab; - padding-top: 15px; - padding-bottom: 30px; -} -.btn_form { - padding-left: 200px; - input[type="submit"] { - border-radius: 5px; - font-size: 19px !important; - } - input[type="reset"] { - border-radius: 5px; - font-size: 19px !important; - background-color: #5e605f; - border-color: #5e605f; - } -} -.green { - font-size: 24px; - color: #CC4B14; -} -.inline_check { - display: inline-block; - width: 22%; - margin-bottom: 10px; - margin-right: 15px; -} -.link_nav { - display: inline-block; - vertical-align: bottom; - text-align: right; - a { - text-align: left; - display: inline-block; - } -} -#lines { - border-bottom: 17px double black; - border-top: 6px solid black; - content: ""; - height: 5px; - width: 35px; - display: block; -} -.btn-menu { - display: none; - cursor: pointer; -} -textarea { - height: 150px !important; - width: 100% !important; -} -input[type="button"] { - color: #fff !important; - background-color: #222; - font-size: 16px !important; - padding: 10px 20px; - cursor: pointer; - border: none; - font-weight: normal !important; - display: inline-block; - border: #222 0.5px solid; - -webkit-transition: 0.5s all ease; - font-family: 'Lato', sans-serif; - text-transform: uppercase; -} -.slider-pro { - -moz-box-sizing: content-box; - box-sizing: content-box; - position: relative; - margin: 0 auto; - overflow: hidden; - img.sp-image { - border: none !important; - border-radius: 0 !important; - padding: 0 !important; - -webkit-box-shadow: none !important; - -mox-box-shadow: none !important; - box-shadow: none !important; - transition: none; - -moz-transition: none; - -webkit-transition: none; - -o-transition: none; - margin-left: 0 !important; - margin-top: 0 !important; - min-width: 100% !important; - height: auto !important; - min-height: 100%; - width: auto !important; - position: absolute; - left: -50%; - margin-left: 50% !important; - } - img.sp-thumbnail { - border: none !important; - border-radius: 0 !important; - padding: 0 !important; - -webkit-box-shadow: none !important; - -mox-box-shadow: none !important; - box-shadow: none !important; - transition: none; - -moz-transition: none; - -webkit-transition: none; - -o-transition: none; - margin-left: 0 !important; - margin-top: 0 !important; - } - a { - padding: 10px; - color: #ffdd00; - font-family: 'Archivo Narrow', sans-serif; - display: block; - font-weight: 600 !important; - font-size: 20px !important; - } - iframe { - max-width: none; - max-height: none; - } - object { - max-width: none; - max-height: none; - } - video { - max-width: none; - max-height: none; - } - embed { - max-width: none; - max-height: none; - } - canvas { - max-width: none; - max-height: none; - } - p.sp-layer { - margin: 0; - } - h1.sp-layer { - font-size: 32px; - line-height: 1.4; - margin: 0; - } - img.sp-layer { - border: none; - } -} -.sp-slides-container { - position: relative; - &:hover { - .sp-fade-arrows { - opacity: 1; - } - } -} -.sp-mask { - position: relative; - overflow: hidden; -} -.sp-slides { - position: relative; - -webkit-backface-visibility: hidden; - -webkit-perspective: 1000; -} -.sp-slide { - position: absolute; - background-color: #C5C5C5; -} -.sp-image-container { - overflow: hidden; - position: absolute; - top: 0; - &:after { - content: ''; - top: 0; - left: 0; - width: 100%; - height: 100%; - position: absolute; - } -} -.sp-image { - position: relative; - display: block; - border: none; -} -.sp-no-js { - overflow: hidden; - max-width: 100%; -} -.sp-thumbnails-container { - top: 0; - &:hover { - .sp-fade-thumbnail-arrows { - opacity: 1; - } - } -} -.sp-top-thumbnails { - margin: 0 auto; - right: 0; - position: absolute; - top: 0; - margin-bottom: 4px; - .sp-thumbnail-container { - float: left; - &:first-child { - margin-left: 0; - } - &:last-child { - margin-right: 0; - } - } - .sp-thumbnail-arrows { - width: 100%; - top: 50%; - left: 0; - margin-top: -12px; - } - .sp-previous-thumbnail-arrow { - left: 0px; - } - .sp-next-thumbnail-arrow { - right: 0px; - } -} -.sp-bottom-thumbnails { - margin: 0 auto; - right: 0; - margin-top: 0; - .sp-thumbnail-container { - float: left; - &:first-child { - margin-left: 0; - } - &:last-child { - margin-right: 0; - } - } - .sp-thumbnail-arrows { - width: 100%; - top: 50%; - left: 0; - margin-top: -12px; - } - .sp-previous-thumbnail-arrow { - left: 0px; - } - .sp-next-thumbnail-arrow { - right: 0px; - } -} -.sp-left-thumbnails { - position: absolute; - top: 0; - left: 0; - margin-right: 4px; - .sp-thumbnail-container { - margin-top: 0; - margin-bottom: 0; - border-bottom: 1px solid #fff; - &:first-child { - margin-top: 0; - } - &:last-child { - margin-bottom: 0; - } - } - .sp-thumbnail-arrows { - height: 100%; - top: 0; - left: 50%; - margin-left: -7px; - .sp-thumbnail-arrow { - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - } - } - .sp-previous-thumbnail-arrow { - top: 0px; - } - .sp-next-thumbnail-arrow { - bottom: 0px; - } -} -.sp-right-thumbnails { - position: absolute; - top: 0; - right: 8.33333333%; - .sp-thumbnail-container { - margin-top: 0; - margin-bottom: 0; - border-bottom: 1px solid #fff; - &:first-child { - margin-top: 0; - } - &:last-child { - margin-bottom: 0; - } - } - .sp-thumbnail-arrows { - height: 100%; - top: 0; - left: 50%; - margin-left: -7px; - .sp-thumbnail-arrow { - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - } - } - .sp-previous-thumbnail-arrow { - top: 0px; - } - .sp-next-thumbnail-arrow { - bottom: 0px; - } -} -.sp-thumbnails { - position: relative; -} -.sp-thumbnail { - padding: 25px 0 0 55px; - overflow: hidden; -} -.sp-thumbnail-container { - position: relative; - overflow: hidden; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-left: 20px; - padding-right: 20px; -} -.sp-selected-thumbnail { - background-color: white; - box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); - z-index: 10; -} -.sp-right-thumbnails.sp-has-pointer { - margin-left: -13px; - .sp-thumbnail { - position: absolute; - left: 18px; - margin-left: 0 !important; - } -} -.sp-left-thumbnails.sp-has-pointer { - margin-right: 0; -} -.sp-bottom-thumbnails.sp-has-pointer { - margin-top: 20px; -} -.sp-top-thumbnails.sp-has-pointer { - .sp-thumbnail { - position: absolute; - bottom: 18px; - } -} -.sp-layer { - margin: 0; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - -webkit-font-smoothing: subpixel-antialiased; - -webkit-backface-visibility: hidden; -} -.sp-black { - color: #FFF; - background: rgb(0, 0, 0); - background: rgba(0, 0, 0, 0.7); -} -.sp-white { - color: #000; - background: rgb(255, 255, 255); - background: rgba(255, 255, 255, 0.7); -} -.sp-rounded { - border-radius: 10px; -} -.sp-padding { - padding: 10px; -} -.sp-grab { - cursor: url(images/openhand.cur), move; -} -.sp-grabbing { - cursor: url(images/closedhand.cur), move; -} -.sp-selectable { - cursor: default; -} -.sp-caption-container { - text-align: center; - margin-top: 10px; -} -.sp-full-screen { - margin: 0 !important; - background-color: #000; -} -.sp-full-screen-button { - position: absolute; - top: 5px; - right: 10px; - font-size: 30px; - line-height: 1; - cursor: pointer; - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); - &:before { - content: '\2195'; - } -} -.sp-fade-full-screen { - opacity: 0; - -webkit-transition: opacity 0.5s; - transition: opacity 0.5s; - display: none; -} -.sp-thumbnail-arrows { - position: absolute; -} -.sp-fade-thumbnail-arrows { - opacity: 0; - -webkit-transition: opacity 0.5s; - transition: opacity 0.5s; -} -.sp-thumbnail-arrow { - position: absolute; - display: block; - width: 15px; - height: 25px; - cursor: pointer; -} -.sp-previous-thumbnail-arrow { - &:before { - content: ''; - position: absolute; - width: 50%; - height: 50%; - background-color: #3e3e3e; - left: 30%; - top: 0; - -webkit-transform: skew(145deg, 0deg); - -ms-transform: skew(145deg, 0deg); - transform: skew(145deg, 0deg); - } - &:after { - content: ''; - position: absolute; - width: 50%; - height: 50%; - background-color: #3e3e3e; - left: 30%; - top: 50%; - -webkit-transform: skew(-145deg, 0deg); - -ms-transform: skew(-145deg, 0deg); - transform: skew(-145deg, 0deg); - } -} -.sp-next-thumbnail-arrow { - &:before { - content: ''; - position: absolute; - width: 50%; - height: 50%; - background-color: #3e3e3e; - right: 30%; - top: 0; - -webkit-transform: skew(35deg, 0deg); - -ms-transform: skew(35deg, 0deg); - transform: skew(35deg, 0deg); - } - &:after { - content: ''; - position: absolute; - width: 50%; - height: 50%; - background-color: #3e3e3e; - right: 30%; - top: 50%; - -webkit-transform: skew(-35deg, 0deg); - -ms-transform: skew(-35deg, 0deg); - transform: skew(-35deg, 0deg); - } -} -.ie8 { - .sp-thumbnail-arrow { - width: 0; - height: 0; - &:before { - content: none; - } - &:after { - content: none; - } - } - .sp-top-thumbnails { - .sp-previous-thumbnail-arrow { - border-right: 12px solid #FFF; - border-top: 12px solid transparent; - border-bottom: 12px solid transparent; - } - .sp-next-thumbnail-arrow { - border-left: 12px solid #FFF; - border-top: 12px solid transparent; - border-bottom: 12px solid transparent; - } - } - .sp-bottom-thumbnails { - .sp-previous-thumbnail-arrow { - border-right: 12px solid #FFF; - border-top: 12px solid transparent; - border-bottom: 12px solid transparent; - } - .sp-next-thumbnail-arrow { - border-left: 12px solid #FFF; - border-top: 12px solid transparent; - border-bottom: 12px solid transparent; - } - } - .sp-left-thumbnails { - .sp-previous-thumbnail-arrow { - border-bottom: 12px solid #FFF; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - } - .sp-next-thumbnail-arrow { - border-top: 12px solid #FFF; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - } - } - .sp-right-thumbnails { - .sp-previous-thumbnail-arrow { - border-bottom: 12px solid #FFF; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - } - .sp-next-thumbnail-arrow { - border-top: 12px solid #FFF; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - } - } -} -.ie7 { - .sp-thumbnail-arrow { - width: 0; - height: 0; - &:before { - content: none; - } - &:after { - content: none; - } - } - .sp-top-thumbnails { - .sp-previous-thumbnail-arrow { - border-right: 12px solid #FFF; - border-top: 12px solid transparent; - border-bottom: 12px solid transparent; - } - .sp-next-thumbnail-arrow { - border-left: 12px solid #FFF; - border-top: 12px solid transparent; - border-bottom: 12px solid transparent; - } - } - .sp-bottom-thumbnails { - .sp-previous-thumbnail-arrow { - border-right: 12px solid #FFF; - border-top: 12px solid transparent; - border-bottom: 12px solid transparent; - } - .sp-next-thumbnail-arrow { - border-left: 12px solid #FFF; - border-top: 12px solid transparent; - border-bottom: 12px solid transparent; - } - } - .sp-left-thumbnails { - .sp-previous-thumbnail-arrow { - border-bottom: 12px solid #FFF; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - } - .sp-next-thumbnail-arrow { - border-top: 12px solid #FFF; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - } - } - .sp-right-thumbnails { - .sp-previous-thumbnail-arrow { - border-bottom: 12px solid #FFF; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - } - .sp-next-thumbnail-arrow { - border-top: 12px solid #FFF; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - } - } -} -a.sp-video { - text-decoration: none; - img { - -webkit-backface-visibility: hidden; - border: none; - } - &:after { - content: '\25B6'; - position: absolute; - width: 45px; - padding-left: 5px; - height: 50px; - border: 2px solid #FFF; - text-align: center; - font-size: 30px; - border-radius: 30px; - top: 0; - color: #FFF; - bottom: 0; - left: 0; - right: 0; - background-color: rgba(0, 0, 0, 0.2); - margin: auto; - line-height: 52px; - } -} -.cookie-notice { - a.btn { - font-family: 'Archivo Narrow', sans-serif; - padding: 5px 10px !important; - line-height: 1em; - height: auto; - display: inline-block; - } -} -.btn { - display: inline-block; - height: 44px; - margin-bottom: 0; - padding: 0 20px; - font: 600 12px/40px Poppins; - text-align: center; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - background-image: none; - border: 2px solid transparent; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - text-transform: uppercase; - color: white; - transition: all .3s; - letter-spacing: .05em; - border-radius: 2px; - background-color: #020200; - &:hover { - box-shadow: 0 0 1px 0 #000; - text-shadow: 0 0 1px #000; - } - &:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - } - &:active { - &:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - } - } - &:active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - } -} -.btn.active { - &:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - } -} -.btn.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.btn.active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.btn-lg { - height: 50px; - font-size: 14px; - line-height: 46px; -} -.btn-group-lg { - >.btn { - height: 50px; - font-size: 14px; - line-height: 46px; - } -} -.sp-buttons { - position: absolute; - bottom: 130px; - left: 0; - width: 100%; - text-align: center; -} -.sp-button { - position: relative; - display: inline-block; - width: 8px; - height: 8px; - margin-right: 5px; - margin-left: 5px; - cursor: pointer; - -webkit-transition: all .3s; - transition: all .3s; - vertical-align: middle; - border-radius: 50%; - background-color: white; - &:after { - position: absolute; - top: 50%; - left: 50%; - width: 0; - height: 0; - content: ''; - -webkit-transition: all .3s; - transition: all .3s; - border-radius: 50%; - } - &:hover { - width: 16px; - height: 16px; - opacity: 1; - &:after { - width: 8px; - height: 8px; - margin-top: -4px; - margin-left: -4px; - } - } -} -.sp-selected-button { - width: 16px; - height: 16px; - opacity: 1; - &:after { - width: 8px; - height: 8px; - margin-top: -4px; - margin-left: -4px; - } -} -.sp-arrows { - position: absolute; -} -.sp-fade-arrows { - -webkit-transition: opacity .5s; - transition: opacity .5s; - opacity: .5; -} -.sp-arrow { - position: absolute; - bottom: 0; - display: block; - padding-top: 10px; - cursor: pointer; - -webkit-transition: all .3s; - transition: all .3s; - text-align: center; - color: #fff; -} -.sp-horizontal { - .sp-arrows { - z-index: 10; - top: 50%; - right: 0; - width: 100%; - margin-top: 24px; - text-align: right; - } - .sp-arrow { - width: 50px; - height: 50px; - border-radius: 2px; - background-color: rgba(0, 0, 0, 0.2); - &:hover { - background-color: black; - } - &:after { - position: absolute; - top: 50%; - left: 50%; - display: block; - width: 15px; - height: 15px; - margin-top: -7px; - content: ''; - border-top: 4px solid #fff; - border-left: 4px solid #fff; - } - } - .sp-previous-arrow { - left: 0; - &:after { - margin-left: -3px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - } - } - .sp-next-arrow { - right: 0; - &:after { - margin-left: -11px; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); - } - } -} -.sp-vertical { - .sp-arrows { - top: 0; - left: 50%; - height: 100%; - margin-left: -10px; - } - .sp-previous-arrow { - top: 20px; - } - .sp-next-arrow { - bottom: 20px; - } -} -.main-slider__wrap { - position: absolute; - white-space: normal !important; -} -.main-slider-2 { - .main-slider__wrap { - padding: 20px; - text-align: left; - z-index: 2; - margin-left: 150px; - width: 370px !important; - &:hover { - .bg_black { - background-color: transparent; - } - background-color: transparent; - } - } - .main-slider__title { - position: relative; - display: inline-block; - padding: 10px; - font-size: 40px; - font-weight: 400; - line-height: 45px; - text-transform: uppercase; - color: #fff; - font-family: 'Fugaz One', cursive; - &:before { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - border: 1px solid rgba(255, 255, 255, 0); - bottom: 0px; - content: " "; - display: block; - margin: 0 auto; - position: relative; - -webkit-transition: all 280ms ease-in-out; - transition: all 280ms ease-in-out; - width: 0; - } - &:after { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - border: 1px solid rgba(255, 255, 255, 0); - bottom: 0px; - content: " "; - display: block; - margin: 0 auto; - position: relative; - -webkit-transition: all 280ms ease-in-out; - transition: all 280ms ease-in-out; - width: 0; - } - &:hover { - background-color: transparent; - &:before { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - border-color: #ffdd00; - -webkit-transition: width 350ms ease-in-out; - transition: width 350ms ease-in-out; - width: 70%; - } - &:after { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - border-color: #ffdd00; - -webkit-transition: width 350ms ease-in-out; - transition: width 350ms ease-in-out; - width: 70%; - } - } - } - .main-slider__title-number { - position: relative; - display: inline-block; - margin-top: -28px; - padding: 0 4px; - font-size: 102px; - text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff; - &:after { - position: absolute; - top: -40px; - left: 50%; - margin-left: -21px; - font: 400 40px Flaticon; - content: '\f100'; - color: #fff; - text-shadow: none; - } - } - .main-slider__price { - margin-bottom: 12px; - line-height: 1; - color: #fff; - } - .main-slider__price-currency { - display: inline-block; - margin-right: 4px; - font-size: 30px; - vertical-align: super; - } - .main-slider__price-number { - display: inline-block; - font-size: 68px; - font-weight: 600; - vertical-align: middle; - letter-spacing: .02em; - } - .main-slider__price-inner { - display: inline-block; - margin-left: 7px; - text-align: left; - vertical-align: middle; - } - .main-slider__price-title { - display: block; - margin-bottom: 4px; - font-size: 18px; - font-weight: 600; - text-transform: uppercase; - } - .main-slider__price-subtitle { - display: block; - font-size: 16px; - font-weight: 500; - } - .main-slider__label { - position: absolute; - top: -32px; - left: -46px; - padding: 0 12px; - font-size: 13px; - font-weight: 500; - line-height: 32px; - white-space: nowrap; - letter-spacing: .02em; - background-color: #C30923; - } -} -.new_compte { - padding-top: 20px; - h4 { - font-style: normal; - margin-bottom: 20px; - margin-top: 20px; - } -} -.nav_user_full { - font-size: 0; - margin-bottom: 35px; - display: flex; - margin-left: -15px; - margin-right: -15px; - >div { - a { - display: block; - } - display: inline-block; - width: 33.33333%; - font-size: 15px; - vertical-align: top; - padding: 20px; - border: 1px solid #ccc; - text-align: center; - margin: 0 15px; - background-color: #eee; - span { - &:first-child { - font-size: 20px; - color: #000; - font-weight: bold; - display: block; - margin-bottom: 10px; - } - } - } -} -.info_contact { - font-size: 0; - display: flex; - margin-left: -15px; - margin-right: -15px; - >div { - display: inline-block; - width: 25%; - font-size: 15px; - vertical-align: top; - padding: 20px; - border: 1px solid #ccc; - text-align: center; - margin: 0 15px; - background-color: #eee; - a { - font-size: 16px; - } - } -} -.picto_cmpt { - display: block; - font-size: 50px; - height: 60px; - margin-bottom: 10px; -} -.adresse_cpt { - font-size: 30px; - height: auto; - display: inline-block; - width: 30px; - margin-right: 15px; -} -.inlince_adresse { - width: calc(100% - 50px); - display: inline-block; - vertical-align: middle; - text-align: left; - color: #cc4b14; -} -.user_prime { - label { - display: block; - font-size: 20px; - } - .tab-content { - font-size: 20px; - } - padding-top: 20px; - p { - i { - font-size: 20px; - padding-right: 10px; - color: #cc4b14; - } - } - table { - tr { - &:first-child { - th { - color: #cc4b14; - } - } - } - } - .nav-tabs { - li { - font-size: 14px; - border: 1px solid #ccc; - padding: 10px 20px; - width: 50%; - text-align: center; - } - font-size: 0px; - margin: 0; - } - li.active { - background-color: #cc4b14; - color: #fff !important; - a { - color: #fff; - } - } -} -.block_prime+.block_prime { - border-top: 1px solid #ccc; -} -.beneficier { - img { - display: inline-block; - width: 150px; - vertical-align: middle; - max-width: 20%; - } - font-size: 0; - padding: 20px; - margin-top: 40px; - border: 1px solid #ccc; - span { - font-size: 20px; - border-left: 0px; - padding: 20px 40px; - padding-right: 20px; - text-align: center; - display: inline-block; - vertical-align: middle; - width: 80%; - } -} -#traitement { - table { - font-size: 16px; - margin-top: 20px; - } -} -#obtenu { - table { - font-size: 16px; - margin-top: 20px; - } -} -@media screen and (min-width: 1170px) { - body { - overflow-x: hidden; - } - #menu_haut { - >ul { - >li { - &:hover { - >ul { - left: auto; - top: 100%; - opacity: 1; - } - } - } - } - } - .extend { - display: none !important; - } -} -@media screen and (max-width: 1170px) { - .cookie-notice { - .cookie-notice-inner { - max-width: 100%; - } - } - .recherche_home { - .group_form { - width: 50%; - } - h5 { - font-size: 30px; - } - form { - padding: 0 15px; - margin: 0; - } - } - .avantage { - h4 { - font-size: 30px; - } - } - .actualites { - h3 { - font-size: 30px; - } - padding: 70px 20px; - } - a[name="formIdentificationLog"] { - + { - h3 { - + { - p { - + { - table { - >tbody { - >tr { - >td { - width: 100% !important; - padding: 15px; - margin-bottom: 20px; - } - } - } - } - } - } - } - } - } - } - .picto_inscription { - a { - margin-right: 30px !important; - } - } - #pied { - #conteneur_pied { - >div { - padding: 0 20px; - margin: 0; - } - width: 100%; - box-sizing: border-box; - padding: 20px 0px; - } - width: 100%; - .footer-section_list-columns { - margin-left: 0px; - margin-bottom: 40px; - } - } - .carousel-inner { - width: 100% !important; - } - .icon-bar { - background-color: #CC4B14; - } - #col1 { - display: none; - } - #col3 { - float: none; - } - .main-slider { - padding-top: 0; - } - #header { - min-width: 100%; - position: relative; - #logo { - &:after { - border: none; - } - } - } - .carousel_home { - padding-top: 0px; - .owl-controls { - margin-top: -25px !important; - } - } - .pageAccueil { - h3 { - font-size: 30px; - } - #centreetdroite { - padding: 0px; - } - } - #conteneur_contenu { - min-width: 100%; - } - .list_lien_row { - padding: 0 15px; - } - #contenu { - width: 100%; - } - #conteneur_header { - width: 100%; - } - .paragraphe { - p { - >img { - display: block; - max-width: 100%; - height: auto; - padding: 0px !important; - margin: auto; - margin-bottom: 20px !important; - } - } - } - #centreetdroite { - .transport-king { - .about-us { - p { - width: auto; - } - } - } - .block_top { - display: block; - width: 100% !important; - padding: 30px 15px !important; - margin: 0; - transform: skew(0deg) !important; - } - width: 100% !important; - width: 100% !important; - margin: auto; - padding: 0 15px; - height: auto !important; - } - .SF { - fieldset { - p { - display: inline-block; - width: 100% !important; - margin-left: 0px !important; - } - } - } - .row_programme { - .block_top { - * { - transform: skew(0deg) !important; - transform: skew(0deg); - } - transform: skew(0deg); - } - &:nth-child(1) { - .block_top { - &:nth-child(1) { - &:hover { - z-index: 10; - transform: skew(0deg) scale(1); - } - } - } - } - &:nth-child(2) { - .block_top { - &:nth-child(1) { - &:hover { - z-index: 10; - transform: skew(0deg) scale(1); - } - &:after { - display: none; - } - } - &:nth-child(2) { - width: 50%; - margin: 0; - } - } - } - &:first-child { - .block_top { - &:nth-child(2) { - &:after { - display: none; - } - } - } - } - } - #logo { - img { - padding-top: 10px !important; - max-width: 300px; - } - } - .top-bar { - display: none; - } - .recherche { - width: 90%; - left: 5%; - margin: 0; - box-sizing: border-box; - } - #recherche { - top: 0px; - right: 0px; - } - .resultat_filtre { - display: none; - } - .filtre_annonce { - width: 100%; - padding: 0px; - text-align: center; - } - #wrapper { - top: 0px; - width: 100%; - margin-left: 0px; - min-width: 100%; - height: auto; - } - #carousel { - div { - height: auto; - img { - height: auto; - width: 100%; - } - } - } - #pager2 { - width: 100%; - bottom: 10px; - top: auto; - } - #ariane { - padding: 25px 15px; - margin: auto; - } - .PGS_QUI_SOMMES_NOUS { - #centreetdroite { - padding: 0px; - .center_qsn { - padding: 0 15px; - } - } - } - .PGS_ROULAGE { - #centreetdroite { - padding: 0px; - } - #contenu { - padding: 0px; - } - .recherche_filtre { - padding-left: 15px; - padding-right: 15px; - } - } - .PGS_ANNUAIRE_CIRCUIT { - #centreetdroite { - padding: 0px; - } - #contenu { - padding: 0px; - } - .recherche_filtre { - padding-left: 15px; - padding-right: 15px; - } - } - .PGS_ANNUAIRE_ORGA { - #centreetdroite { - padding: 0px; - } - #contenu { - padding: 0px; - } - .recherche_filtre { - padding-left: 15px; - padding-right: 15px; - } - } - .nav_qsn { - display: none; - } - #gauche { - width: 96%; - margin: auto; - padding: 0px; - position: absolute; - float: none; - margin-left: 2%; - h3 { - font-size: 1.8em; - font-weight: normal; - text-transform: capitalize; - } - .mdl_billet { - font-size: 1.2em; - color: #1a333c; - } - } - .right_fiche_lien { - padding-left: 50px; - } - .login_btn { - img { - max-width: 100%; - height: auto; - } - } - .center_lien { - padding: 0 20px; - } - .fiche_lien { - .center_lien { - padding: 0px; - } - .recherche_filtre { - padding-left: 15px; - padding-right: 15px; - .group_form { - width: 33.3333%; - margin-bottom: 30px; - } - } - .group_valider { - width: 33.33333%; - display: inline-block; - margin-top: 0px; - padding: 0 15px; - input { - width: 100%; - } - } - } - #col2 { - >a { - display: none !important; - } - width: 20%; - margin-right: 0; - margin-left: 5%; - margin-left: 5%; - width: 50%; - margin-right: 0px; - #reseaux { - width: 100%; - text-align: center; - a { - margin: auto !important; - display: block !important; - margin-bottom: 40px !important; - } - } - } - .row_home { - display: block; - } - .page-heading { - padding: 60px 0 60px 0px; - } - .sub { - a { - background-color: #fff; - color: #222; - padding: 16px 24px 14px 22px; - border: 0; - width: 100%; - } - width: 100%; - } - .presentation { - padding: 70px 20px; - } - .block_actu { - width: 100%; - max-width: 500px; - display: block; - margin: auto !important; - height: auto !important; - margin-bottom: 40px !important; - img { - width: 100%; - height: auto !important; - &:hover { - width: 100% !important; - margin: 0px; - height: auto !important; - } - } - &:hover { - img { - width: 100% !important; - margin: 0px !important; - height: auto !important; - } - } - } - .partenaires { - padding: 60px 20px; - margin-left: 70px; - margin-right: 70px; - } - .affinez-recherche { - label { - font-size: 16px; - } - } - .row2 { - .block_intro { - &:nth-child(2) { - &:before { - display: none; - } - &:after { - display: none !important; - } - } - } - } - .row1 { - .block_intro { - &:first-child { - &:before { - display: none !important; - } - &:after { - display: none !important; - } - } - &:nth-child(2) { - img { - max-width: 100%; - } - } - } - } - .row_avantage { - margin: 0; - } -} -@media screen and (max-width: 950px) { - .par_fixe { - form { - background-color: #ededed; - padding: 30px 15px; - } - } - #contenu { - .par_fixe { - .mdl_formulaire { - form { - input { - width: 100% !important; - } - } - } - } - } - .right_middle { - width: 100%; - padding: 0px; - } - .left_middle { - width: 100%; - padding: 0px; - text-align: center; - margin-bottom: 20px; - img { - display: inline-block; - max-width: 100%; - height: auto; - } - } - .block_intro { - display: block; - width: 100%; - padding: 30px 15px !important; - } - .row2 { - .block_intro { - &:first-child { - img { - margin-top: 30px; - } - padding-bottom: 0px !important; - } - } - } - .right_intro { - padding-top: 0px; - padding-right: 0px !important; - } - .row1 { - .block_intro { - &:nth-child(2) { - img { - margin: auto !important; - margin-bottom: 0px !important; - display: block; - max-width: 100%; - } - } - } - } - .left-pres { - width: 100%; - img { - min-width: 100%; - position: relative; - width: 100%; - min-height: auto; - } - } - .right-pres { - padding: 40px 20px; - width: 100%; - } - .pres_programme { - .center_programme { - display: block; - } - } - .block_num { - width: 50%; - } - .PGS_ROULAGE { - .recherche_filtre { - .group_form { - width: 33.33333%; - margin-bottom: 30px; - } - } - .group_valider { - width: 33.33333%; - display: inline-block; - margin-top: 0px; - padding: 0 15px; - input { - width: 100%; - } - } - } - .PGS_ANNUAIRE_CIRCUIT { - .recherche_filtre { - .group_form { - width: 33.33333%; - margin-bottom: 30px; - } - } - .group_valider { - width: 33.33333%; - display: inline-block; - margin-top: 0px; - padding: 0 15px; - input { - width: 100%; - } - } - } - .PGS_ANNUAIRE_ORGA { - .recherche_filtre { - .group_form { - width: 33.33333%; - margin-bottom: 30px; - } - } - .group_valider { - width: 33.33333%; - display: inline-block; - margin-top: 0px; - padding: 0 15px; - input { - width: 100%; - } - } - } - .par_style_3 { - form { - padding: 20px; - } - } - .block_avantage { - width: 47%; - max-width: 350px; - margin-bottom: 30px; - } - .row_avantage { - padding: 20px; - } - .left_fiche_lien { - width: 300px; - } - .right_fiche_lien { - width: calc(100% - 300px); - } - .affinez-recherche { - .group_form_annonce { - width: 50%; - } - } - .intro_user { - width: 100%; - } - .abonnement { - width: 100%; - } - .block_next_roulage { - width: 50%; - text-align: left; - max-width: 300px; - } - .row_last_roulage { - text-align: center; - } -} -@media screen and (max-width: 850px) { - .left_top { - width: 100%; - text-align: center; - } - .right_top { - width: 100%; - } - .slider_home { - .main-slider__wrap { - display: none; - } - } - .nav_user { - a { - font-size: 13px; - margin-bottom: 10px; - } - h3 { - float: none; - display: block; - } - text-align: left; - } - .link_nav { - text-align: left; - } - .left_fiche_lien { - width: 100%; - .img_fiche { - display: inline-block; - max-width: 200px; - } - } - .right_panel { - width: 100%; - padding: 0px; - } - .block_info_fiche { - display: inline-block; - width: calc(100% - 200px); - padding-left: 40px; - vertical-align: top; - } - .right_fiche_lien { - width: 100%; - padding: 0px; - margin-top: 50px; - } -} -@media screen and (max-width: 790px) { - .cookie-notice { - .cookie-notice-inner { - >div { - &:last-child { - >a { - float: none !important; - margin-top: 10px; - } - } - display: block !important; - width: 100% !important; - text-align: center; - } - } - } - #header { - #logo { - position: relative; - display: block; - width: 100%; - padding-left: 20px; - left: 0px; - padding-top: 0px; - } - #menu_haut { - width: 100% !important; - max-width: 100%; - float: none; - margin: 0; - padding: 0; - z-index: 160 !important; - overflow: hidden; - height: 0px; - } - } - #menu_haut { - >ul { - >li { - width: 100%; - border-top: 1px solid #ccc; - &:last-child { - border-bottom: 1px solid #ccc; - } - } - } - ul { - text-align: center; - width: 100%; - float: none; - margin: auto; - li { - a { - &:after { - display: none; - } - } - ul { - display: block; - height: 0px; - overflow: hidden; - padding: 0px !important; - top: 0; - li { - a { - font-size: 13px; - font-weight: bold; - } - } - } - } - li.open { - ul { - height: auto; - top: 0px; - opacity: 1; - position: relative; - width: 100% !important; - border: none; - padding-top: 9px; - padding-bottom: 9px; - display: block; - left: 0px; - li { - width: 100% !important; - text-align: center; - color: #3e3e3e !important; - background-color: #f5f5f5; - a { - width: 100% !important; - text-align: center; - color: #3e3e3e !important; - background-color: #f5f5f5; - display: block; - color: #3e3e3e; - box-sizing: border-box; - height: auto; - line-height: 30px; - padding: 0px 8px; - margin-bottom: 0px; - width: 200px; - font-size: 13px; - font-weight: bold; - background-image: none; - } - } - } - } - } - li { - a { - color: #222; - } - } - .extend { - padding: 0px; - font-size: 25px !important; - position: absolute; - padding: 10px; - right: 0px; - text-align: center; - top: 0px; - height: 100%; - line-height: 35px; - width: 50px; - color: #222 !important; - } - ul.menu-sub { - >li { - &:first-child { - &:after { - display: none; - } - } - } - } - } - #position-menu { - background-color: #fff; - position: absolute; - top: 100%; - width: 100%; - margin: 0; - padding: 0; - text-align: center; - -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.3); - box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.3); - } - .connexion { - position: absolute; - bottom: 25px; - right: 110px; - width: auto; - } - .btn-menu { - z-index: 1000; - display: inline-block !important; - position: absolute; - right: 20px; - bottom: 20px; - border: 1px solid #ccc; - background-color: #fff; - } - .fiche_lien { - h3 { - font-size: 18px; - } - h4 { - font-size: 18px; - } - } - .img_annonce { - width: 100%; - #slider1_container { - height: 50% !important; - padding-bottom: 100%; - } - } - .desc_annonce { - padding: 0px; - width: 100%; - display: block; - margin-top: 50px; - } - #slider1_container { - width: 100% !important; - >div { - >div { - >div[u="slides"] { - img { - width: 100% !important; - height: auto !important; - } - width: 100% !important; - height: auto !important; - height: auto !important; - padding-bottom: 100%; - >div { - width: 100% !important; - } - div { - height: auto !important; - padding-bottom: 100%; - } - } - width: 100% !important; - height: auto !important; - height: 100% !important; - >div[u="thumbnavigator"] { - padding: 0px !important; - position: absolute !important; - bottom: 0% !important; - div[u="slides"] { - position: relative !important; - left: 0px !important; - top: 0px !important; - } - } - } - width: 100% !important; - height: auto !important; - height: 100% !important; - } - } - .block_chiffre { - width: 50%; - } - .right_actu { - width: 100%; - padding: 0px 20px; - } - .center_actu { - img { - display: block; - margin: auto; - margin-bottom: 30px; - } - } - .intro_user { - padding: 40px 0px; - } - .recherche { - bottom: 50px; - padding: 30px; - h5 { - font-size: 20px; - margin-bottom: 20px; - } - input[type="text"] { - padding: 5px 10px !important; - font-size: 20px; - width: calc((100% - 170px)/2); - } - button { - height: 40px; - width: 60px; - font-size: 20px; - } - } -} -@media screen and (max-width: 740px) { - .center_programme { - .primes_left { - width: 100%; - .bloc_primes_img { - margin-bottom: 0px; - } - } - .primes_right { - width: 100%; - margin-bottom: 30px; - } - } - .info_lien { - width: 100% !important; - } - .desc_list_pneus { - width: 100% !important; - } - .img_pneus { - width: 100% !important; - padding-left: 0px !important; - } - .right_catch { - h5 { - font-size: 30px; - line-height: 30px; - } - width: 100%; - padding: 20px; - } - .left_catch { - width: 100%; - } - .right-pres { - >img { - max-width: 100%; - height: auto; - } - } - .block_next_roulage { - width: 100%; - text-align: left; - max-width: 350px; - margin-bottom: 30px; - } - .info_top { - .localisation { - width: 100%; - font-size: 16px; - } - } - .longeur_piste { - font-size: 16px; - text-align: left; - width: 100%; - margin-top: 15px; - } - .left_roulage { - width: 100%; - } - .right_roulage { - width: 100%; - } - .right_panel { - .titre { - padding-left: 0; - } - } - .nav_annonce { - float: none; - a { - margin-left: 0px; - margin-right: 5px; - margin-bottom: 15px; - } - } - .center_qsn { - .col8 { - width: 100%; - display: block; - margin-bottom: 40px !important; - } - .col4 { - width: 100%; - display: block; - margin-bottom: 40px !important; - } - .col6 { - width: 100%; - display: block; - margin-bottom: 40px !important; - } - } - #pied { - #conteneur_pied { - >div { - width: 100%; - margin-bottom: 20px; - } - } - } - .page-heading { - .page-title { - h2 { - font-size: 24px; - } - } - } - .col1 { - width: 100%; - margin-bottom: 40px; - } - .col2 { - width: 100%; - } - .carousel-inner { - height: auto !important; - } - .carousel { - height: auto !important; - } - #recherche { - display: none; - } - #menu_haut { - width: 100%; - >ul { - padding: 0px; - text-align: center; - >li { - display: inline-block; - float: none; - width: 100%; - } - } - } - #logo { - left: 30%; - margin: 0px !important; - padding: 0px; - } - #background-menu-right { - height: 190px; - } - #col3 { - width: 90%; - margin-left: 5% !important; - float: none; - } - #col2 { - display: none; - } -} -@media screen and (max-width: 670px) { - .PGS_ROULAGE { - .recherche_filtre { - .group_form { - width: 50%; - margin-bottom: 30px; - } - .group_valider { - width: 50%; - margin-bottom: 30px; - } - } - } - .PGS_ANNUAIRE_CIRCUIT { - .recherche_filtre { - .group_form { - width: 50%; - margin-bottom: 30px; - } - .group_valider { - width: 50%; - margin-bottom: 30px; - } - } - } - .PGS_ANNUAIRE_ORGA { - .recherche_filtre { - .group_form { - width: 50%; - margin-bottom: 30px; - } - .group_valider { - width: 50%; - margin-bottom: 30px; - } - } - } - .fiche_lien { - .recherche_filtre { - .group_form { - width: 50%; - margin-bottom: 30px; - } - .group_valider { - width: 50%; - margin-bottom: 30px; - } - } - } - .par_style_3 { - form { - label { - display: block; - } - } - .mdl_formulaire { - form { - select { - width: 100% !important; - } - textarea { - width: 100% !important; - } - } - } - } - #contenu { - .par_style_3 { - .mdl_formulaire { - form { - input { - width: 100% !important; - } - } - } - } - } - .annonce { - .bloc_list_lien { - padding: 15px 20px; - padding-bottom: 60px !important; - .desc_list_lien { - width: 100%; - padding: 0px; - } - } - .date_annonce { - float: left; - } - } - #form_editer_annonce { - fieldset { - padding: 15px; - } - } - form[name="form_ecrire_commentaire_message"] { - fieldset { - padding: 15px; - } - } - .mdl_formulaire { - .annonce { - + { - script { - + { - script { - + { - h3 { - + { - form { - fieldset { - padding: 15px; - } - } - } - } - } - } - } - } - } - } - } - .date_annonce { - font-size: 12px !important; - } - .block_info_fiche { - width: 100%; - padding: 0px; - } - .img_lien { - width: 100%; - max-width: 180px; - max-height: 180px; - margin: auto; - margin-bottom: 30px; - display: block; - } - .desc_list_lien { - width: 100% !important; - padding: 10px; - } - .filtre_annonce { - input[type="text"] { - display: block; - margin: auto; - margin-bottom: 10px; - } - } - .center_info { - width: 100%; - >div { - display: block; - } - } - .link_list { - text-align: right; - left: 10px; - } - .desc_lien { - p { - font-size: 15px; - } - } - .left_contact { - display: block; - padding: 0px; - margin-bottom: 20px; - } -} -@media screen and (min-width: 0px) and (max-width: 600px) { - .right_top { - h4 { - font-size: 20px; - } - } - .row2 { - .block_intro { - &:first-child { - img { - display: none; - } - } - } - } - .right_intro { - width: 100%; - padding-bottom: 20px; - } - .link_annonce { - a { - display: inline-block; - float: none !important; - margin-bottom: 20px; - } - } - .edition_user { - fieldset { - >table { - >tbody { - >tr { - >td { - width: 100% !important; - display: block !important; - &:nth-child(1) { - padding-bottom: 0px; - } - &:nth-child(2) { - padding-top: 5px; - } - } - } - } - } - } - } - .edition_lien { - .btn_form { - padding: 0px; - } - } - form[name="form_editer_bouclage"] { - tr { - td { - display: block; - width: 100%; - } - } - tbody { - display: block; - width: 100%; - } - table { - display: block; - width: 100%; - } - td { - display: block; - width: 100%; - } - } - .info_contact { - >div { - width: calc(100% - 30px); - margin-bottom: 30px; - } - display: block; - } - .beneficier { - img { - display: block; - margin: auto; - max-width: 100%; - } - span { - display: block; - width: 100%; - } - } -} -@media screen and (max-width: 570px) { - .block_chiffre { - width: 100%; - } - .recherche { - h5 { - font-size: 16px; - } - input[type="text"] { - width: 100%; - } - span { - padding: 10px 0px; - } - button { - width: 100%; - margin: 0; - margin-top: 20px; - } - } -} -@media screen and (min-width: 0px) and (max-width:600px) { - .right_middle { - h4 { - font-size: 18px; - } - } - .recherche_filtre { - h4 { - font-size: 17px; - } - } - .block_avantage { - width: 100%; - max-width: 350px; - margin-bottom: 30px; - } - .picto_inscription { - a { - margin: 20px 15px !important; - width: calc((100% - 35px) / 2); - height: 180px; - &:nth-child(odd) { - margin-left: 0px !important; - } - &:nth-child(even) { - margin-right: 0px !important; - } - } - } -} -@media screen and (min-width: 0px) and (max-width: 500px) { - .block_num { - width: 100%; - } - .PGS_ROULAGE { - .recherche_filtre { - .group_form { - width: 100%; - margin-bottom: 30px; - } - .group_valider { - width: 100%; - margin-bottom: 30px; - } - } - } - .PGS_ANNUAIRE_CIRCUIT { - .recherche_filtre { - .group_form { - width: 100%; - margin-bottom: 30px; - } - .group_valider { - width: 100%; - margin-bottom: 30px; - } - } - } - .PGS_ANNUAIRE_ORGA { - .recherche_filtre { - .group_form { - width: 100%; - margin-bottom: 30px; - } - .group_valider { - width: 100%; - margin-bottom: 30px; - } - } - } - .fiche_lien { - .recherche_filtre { - .group_form { - width: 100%; - margin-bottom: 30px; - } - .group_valider { - width: 100%; - margin-bottom: 30px; - } - } - } - .recherche_home { - .group_form { - width: 100%; - } - } - .left_abo { - p { - font-size: 14px; - } - } - .right_abo { - height: 82px; - p { - font-size: 20px; - } - } - .affinez-recherche { - .group_form_annonce { - width: 100%; - } - padding: 15px; - } - .info_fiche { - padding: 20px; - } - .block_top { - img { - width: 50px; - height: auto; - } - } - .row_programme { - &:last-child { - .block_top { - &:last-child { - img { - max-width: 100%; - width: auto; - } - } - } - } - } - .bloc_list_lien { - padding: 00px; - } - .lien_home { - a { - font-size: 16px !important; - padding: 15px 10px; - } - } - #logo { - left: 20%; - } - #col1 { - width: 90%; - } - #col2 { - width: 90%; - #reseaux { - a { - display: inline-block !important; - margin-left: 10px !important; - } - width: 100% !important; - } - } - #pied { - #conteneur_pied { - height: auto; - } - } -} -@media screen and (max-width: 450px) { - .login_btn { - margin: 0; - margin-top: 10px; - } - #pied { - #conteneur_pied { - >div { - padding: 0 0px; - margin: 0; - } - } - } - .row_programme { - .block_top { - text-align: center; - } - } - .desc_prog { - display: block; - width: 100%; - font-size: 18px; - } - #header { - #logo { - img { - max-width: 200px; - } - } - } - .block_actu { - .desc_actu { - padding-top: 65%; - } - } - .picto_inscription { - a { - margin-bottom: 20px; - height: 160px; - margin-left: 0px !important; - img { - width: 60px !important; - } - span { - font-size: 16px; - } - &:nth-child(3) { - img { - margin-top: 20px; - } - } - } - } -} -@media screen and (min-width: 0px) and (max-width: 400px) { - .center_home { - .desc_actu { - h4 { - a { - font-size: 15px !important; - } - } - } - } - .bloc_list_lien { - padding: 0px; - } -} -@media screen and (min-width: 0px) and (max-width: 380px) { - .picto_inscription { - a { - width: 100%; - margin-top: 0px !important; - width: 180px; - height: 180px; - margin-left: 0px !important; - margin-right: 0px !important; - img { - width: 80px !important; - } - } - } -} -@media screen and (min-width: 1000px) { - .th_resp { - display: none; - } -} -@media screen and (max-width: 1000px) { - .th_resp { - display: inline-block; - width: 30%; - } - .user_prime { - table { - display: block; - width: 100%; - tbody { - display: block; - width: 100%; - tr { - display: block; - width: 100%; - border: 2px solid #cc4b14; - margin-bottom: 20px; - td { - display: block; - width: 100%; - } - &:first-child { - display: none; - } - } - } - } - } -} -@media screen and (min-width: 0px) and (max-width: 740px) { - .nav_user_full { - >div { - width: calc(100% - 30px); - margin-bottom: 30px; - } - display: block; - } - .user_prime { - li { - display: block; - width: 100% !important; - } - .tab-content { - font-size: 16px; - } - } - .tab-content { - padding: 20px; - >.active { - padding: 0px; - } - } -} -@media screen and (min-width: 0px) and (max-width: 1170px) { - .info_contact { - >div { - width: calc(50% - 30px); - margin-bottom: 30px; - } - display: block; - } -} - - - diff --git a/app/views/layouts/public.html.haml b/app/views/layouts/public.html.haml index a9143ae..00812d8 100644 --- a/app/views/layouts/public.html.haml +++ b/app/views/layouts/public.html.haml @@ -45,20 +45,20 @@ -if @facebook_img - =raw '' - =raw '' + =raw '' + =raw '' =raw '' - =raw '' + =raw '' - -@img_size = FastImage.size('https://mmsc.olwen.xyz'+@facebook_img.to_s) + -@img_size = FastImage.size('https://basiclabs.io'+@facebook_img.to_s) -if @img_size and @img_size.size > 0 =raw '' @@ -95,8 +95,8 @@ %p.landing Coming soon... %p.contact - +33 (0)1 69 69 69 69 - - =link_to "hello@basiclabs.io", "mailto:hello@basiclabs.io", :style => "color:red;" + +33 (0)4 81 91 42 42 - + =link_to "contact@basiclabs.io", "mailto:contact@basiclabs.io", :style => "color:red;" :scss diff --git a/config/environments/development.rb b/config/environments/development.rb index 57e7ee2..c4e9f6e 100644 --- a/config/environments/development.rb +++ b/config/environments/development.rb @@ -3,7 +3,7 @@ Rails.application.configure do HOSTNAME="localhost:3000" - HOSTNAME="mmsc.olwen.xyz" + HOSTNAME="basiclabs.io" # Settings specified here will take precedence over those in config/application.rb. diff --git a/config/environments/production.rb b/config/environments/production.rb index d7981e0..b04bfda 100644 --- a/config/environments/production.rb +++ b/config/environments/production.rb @@ -2,7 +2,7 @@ Rails.application.configure do # Settings specified here will take precedence over those in config/application.rb. - HOSTNAME="mmsc.olwen.xyz" + HOSTNAME="basiclabs.io" # Code is not reloaded between requests. config.cache_classes = true