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