/*---------------------------*\ Nom du projet \*---------------------------*/ /*---------------------------*\ @author: @date: @compagny: @todo: \*---------------------------*/ /*---------------------------*\ $base \*---------------------------f font-family: "brandon-grotesque", sans-serif; font-weight: 300;400;500;700;900; font-style: normal; font-family: "ff-market-web", sans-serif; font-weight: 400; font-style: normal; */ * {margin : 0; padding : 0;} html { height: 100%; width : 100%;} body {width : 100%; height : 100%; position : relative; background : #fff; overflow-x: hidden;} /*h1, h2, h3, h4, h5 {font-family: "brandon-grotesque", sans-serif;; color : #fff;} h3 {margin:0px;}*/ a {text-decoration :none; outline : none;} a, img {border : none;} strong {font-weight: 800;} li, td, ul {font-family: "brandon-grotesque", sans-serif; font-size : 1em; color : #333; line-height : 16pt; } p{font-family: "brandon-grotesque", sans-serif; font-size : 1.2rem; color : #333; line-height : 1.5rem; } #swiper ul.gris li {color:#666!important; text-align: left;} #swiper ul.medailles { background:#5a5a58; padding:10px 20px;list-style-type: none;} #swiper ul.medaillesPineaux {background:#Fd4f00; padding:10px 20px;list-style-type: none;} #swiper p.italicDore {color:#c2b49e!important; font-style:italic;font-size:1.2em;} .mrg-center {margin-right: auto; margin-left: auto;} .clear {clear: both; margin:0; padding:0;height:0px;} .borderBlack {border-bottom:5px solid #000;} .ar {max-width:1920px;margin-left:auto!important;margin-right:auto!important;width : 100%; background: #fff;position:relative;display:block; overflow-x: hidden;} #menu .navbar ul li.liensup{display:none} .wrapper{max-width:970px; width:80%; height : auto; position: absolute; top: 30%; /* poussé de la moitié de hauteur du référent */ transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */ left: 50%; transform: translateX(-50%); display:block; } .wrapperGalerie{width:100%; height : auto; position: relative; display:block;text-align: center; } .wrapperpoints{width:100%; height : auto; position: relative; display:block;text-align: center;padding:10px 50px; } .wrapperRelatif{max-width:1370px; width:90%; height : auto; position: relative; display:block; margin:0px auto; } .separation{display:block;width:100%;position:relative;height:30px;} .contenu ul.listes, .contenu ol.listes {padding-left:30px;border-left: 5px solid #1a9ea4;margin-bottom:30px;position: relative;z-index: 1;} .contenu .carre3 ul.liste, .contenu .carre3 ol.listes {margin-bottom:15px;} .contenu ul.listes li, .contenu .carre3 ul ul.listes li {color: #1a9ea4;font-size: 1.2rem;padding-bottom: 5px;font-weight: 500;} .contenu ol.listes li {color: #1a9ea4;font-size: 1.2rem;padding-bottom: 5px;font-weight: 100;padding:5px 0px;border-bottom:0px solid #ccc;} .contenu ul.listes li a, .contenu ol.listes li a {color: #1a9ea4;text-decoration: underline;} .contenu ul.listes li a:hover, .contenu ol.listes li a:hover {color: #666;text-decoration: underline;} .lazy{padding:10px;opacity:1.0;} .lazy:hover{opacity:0.8;} h1 + h5{font-size: 1.10rem;margin-bottom: 30px; font-family: "brandon-grotesque", sans-serif; font-weight: 400; line-height: 1.3; color: #666;} .height-fill { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; } .height-fill.encart { flex-direction: row; } .marques img{width:100%;height:auto;max-width:250px;padding:10px;position:relative;margin:0px auto;display:block;} a img.sensorielle{max-width:600px;height:auto;width:100%;opacity: 1;transition: all ease-in-out .5s;} a:hover img.sensorielle{opacity: 0.7;transition: all ease-in-out .5s;} em.tool{ display: block; margin: auto; background: rgba(0,0,0,0.70); padding: 77px 30px 30px 30px; position: absolute;width:220px;height:220px;border-radius: 50%; top: 48.5%; left: 50%; /* à 50%/50% du parent référent */ transform: translate(-50%, -50%)!important; /* décalage de 50% de sa propre taille */ color:#fff!important;text-align: center;text-transform: uppercase;font-style: normal; font-weight: 600; letter-spacing: 0.15em; font-size: 1rem; } .img-visuel{max-width:450px;width:100%;height:auto;display:flex;margin: auto;} .choisir { text-align: center; display: block; position: relative; width: 100%; max-width: 400px; margin: 0px auto 0px auto; } /* a[data-fancybox="gallery"], a[data-fancybox="gallery1"], a[data-fancybox="gallery2"], a[data-fancybox="gallery3"], a[data-fancybox="gallery4"] {position:relative;overflow: hidden; display: block;} a[data-fancybox="gallery"] i, a[data-fancybox="gallery1"] i, a[data-fancybox="gallery2"] i ,a[data-fancybox="gallery3"] i, a[data-fancybox="gallery4"] i{font-size:3rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #1a9ea4; color: #fff; padding: 20px;border-radius: 50%;-webkit-transition: all 0.3s; transition: all 0.3s;} a[data-fancybox="gallery"]:hover i, a[data-fancybox="gallery1"]:hover i, a[data-fancybox="gallery2"]:hover i, a[data-fancybox="gallery3"]:hover i, a[data-fancybox="gallery4"]:hover i{border-radius: 0%;-webkit-transition: all 0.3s; transition: all 0.3s;}*/ h5.diapo i{font-size: 2.0em;vertical-align: -7px; margin-right: 5px;} h5.diapo {background: transparent;color: #1a9ea4;padding: 5px 20px;margin-bottom: 0px;font-size: 2.1rem;/* letter-spacing: 0.2em; */font-weight: 300;position: relative;z-index: 0;font-family: "ff-market-web", sans-serif;} h5.diapo::after{content: "■■";position: absolute;color: #1a9ea4;font-size: 1.5rem;line-height: 0.1rem; letter-spacing: 0.3em; z-index: 10;top: 28px;right: 18px;} img.diapo{max-width:100%;height:auto;border-radius:50%;padding:10px;} [data-fancybox="gallery"] img, a[data-fancybox="gallery1"] img, a[data-fancybox="gallery4"] img, a[data-fancybox="gallery2"] img, a[data-fancybox="gallery3"] img{transform: scale(1.0);opacity:1.0;-webkit-transition: all 0.3s; transition: all 0.3s;} a[data-fancybox="gallery"]:hover img, a[data-fancybox="gallery1"]:hover img, a[data-fancybox="gallery2"]:hover img, a[data-fancybox="gallery3"]:hover img, a[data-fancybox="gallery4"]:hover img{transform: scale(1.0);opacity:0.8;-webkit-transition: all 0.3s; transition: all 0.3s;} .gallery-item { display: block; position: relative; z-index: 1; /*max-height: 180px; overflow: hidden;*/ transition: .25s; } h4 span.champs{font-size:0.6em;color:#999;display:inline-block;} .choisir .logo { display: block; width: 80px; height: 80px; text-align: center; position: relative;margin:0px auto; } .choisir .logo img{max-width:100%;height:auto;} .choisir .title{text-transform: uppercase;font-size:2rem;line-height:1.9rem;color:#7f9c8e;margin-bottom:15px;} .choisir .title b{font-weight:900;font-size:0.75em;} .cta .button { background: #D3B173; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); transform: rotate(-4.16deg); font-weight: 800; text-transform: uppercase; font-size: 32px; padding: 10px 40px; text-align: center; cursor: pointer; color: #fff; transition: 0.3s all ease; } .cta .button:hover { background: #7f9c8e; box-shadow:none;} a em.tool{opacity:0;transition: all ease-in-out .3s;} a:hover em.tool{opacity:1;transition: all ease-in-out .3s; } #audi{margin-top:20px;} #hp{display:block;width:45px;padding:10px;color:#fff!important;background:#292b2c;border-radius:50%;cursor:pointer;-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3); font-family: 'Font Awesome 6 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } #hp::before{ content: "\f028";} .couleur #hp::before{ content: "\f6a9";} #bouton, #bouton2, #bouton3, #bouton4{ background:#94c5e1;outline: none!important;border:none!important;width:56px;padding:14px 15px;border-radius:50%;cursor:pointer;-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);} #bouton2{background:#87ac9f;} #bouton3{background:#d2b42a;} #bouton4{background:#93955a;} #bouton:hover, #bouton2:hover, #bouton3:hover, #bouton4:hover{-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0);background:#2d3d44;} #bouton:hover + span, #bouton2:hover + span, #bouton3:hover + span, #bouton4:hover + span{color:#2d3d44;} #bouton i, #bouton2 i, #bouton3 i, #bouton4 i{ color:#fff;font-size: 1.5rem;} .couleur #hp, #bouton.couleur, .couleur #hp2, #bouton2.couleur, #bouton3.couleur, #bouton4.couleur{ background:red;} #hp:hover, #ancre:hover #hp{background:#1a9ea4;-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0);} i#hp {color:#fff!important;font-size:1.3rem;margin-right:5px!important;} .gamme p.podcast span{ color: #999; position: relative; z-index: 1; font-family: "brandon-grotesque", sans-serif;; text-decoration: none; margin-top: 7px; text-align: center; font-size: 1.8rem;display:block; } .gamme p.podcast{ text-align: center;margin-top: -10px; } p.podcast.audio1 span {color: #94c5e1;} p.podcast.audio2 span {color: #87ac9f;} p.podcast.audio3 span {color: #d2b42a;} p.podcast.audio4 span {color: #93955a;} p.podcast.audio2.bientot span, p.podcast.audio3.bientot span, p.podcast.audio4.bientot span{color: #bbb!important;cursor:not-allowed;} p.podcast.audio2.bientot #bouton2, p.podcast.audio3.bientot #bouton3, p.podcast.audio4.bientot #bouton4{background: #bbb!important;cursor:not-allowed;} #ancre{display:block;margin-top:10px;font-family: "brandon-grotesque", sans-serif;;color: #fff;font-size: 1.8rem; text-shadow: 1px 1px 2px #333333;} /*#ancre span{background: #292b2c;}*/ @media (max-width: 575px) { #sectionJaune.fix { padding: 120px 20px 80px 20px; } .cta .button { font-size: 25px;} #ancre{display:none;} } /* @media (min-width: 1600px) { .wrapperRelatif { max-width: 1100px; width: 90%; } } @media (min-width: 1800px) { .wrapperRelatif { max-width: 1400px; width: 90%; } }*/ .wrapperG{max-width:1300px; width:95%; height : auto; position: relative; display:block; margin:0px auto; } .wrapperRelatifCentre{max-width:980px; width:80%; height : auto; position: relative; display:block; margin:30px auto!important; } .wrapperRelatifCentre i {color:#c7d40c;font-size: 2.5rem;} .wrapperRelatifCentre p {color:#c7d40c!important;font-size: 1.5rem; text-align: left!important;} .miniMum iframe{min-width:350px!important;} .galerie {display: block!important;width:100%;text-align: center;} .galerie a img {display: inline-block!important;margin:10px;width:200px;height:auto;opacity: 1.0;-webkit-transition: all 0.5s; transition: all 0.5s;} .galerie a img:hover {display: inline-block!important;margin:10px;width:200px;height:auto;opacity: 0.5} .galerie a {display: inline-block!important;} .gras{font-weight: 700;} .galerie h3, .galerie h4{font-family: "brandon-grotesque", sans-serif!important; font-size:3rem!important; color:#fff!important;width: 80%!important;margin:30px auto 0 auto!important; font-weight:normal;} .galerie h4{color:#898b5c!important;margin:30px auto 30px auto!important; } ul.retrait { margin:30px auto;padding : 10px 30px; border-left : 10px solid #de562c; border-right: 10px solid #de562c; border-radius:30px;background: rgba(0,0,0,0.00)} /*********/ .modal-body .contenu ul.listes, .contenu ol.listes {margin-bottom: 15px;} .modal-body .cadre5ter{margin: 0px 0px 10px 0px;} .modal-body .boxer {margin: 0 auto;padding-bottom: 0px;} .modal-body .boxer h3 {font-size:1.2rem;font-weight:600;} .modal-body .boxer p {font-size:0.9rem;} .modal-body a img {opacity:1.0;} .modal-body a:hover img {opacity:0.8;} #margenegTbrouage{margin-top: -110px; width: 100%;display: block;z-index: 0;position: relative;} @media (min-width: 992px) { .modal-lg { max-width: 975px; } } .box-image { height: auto; margin: 0 auto; overflow: hidden;box-sizing: border-box; position: relative;transition: opacity .3s, transform .3s, background-color .3s; } .image-cover { background-position: 50% 50%; background-size: cover; height: auto; overflow: hidden; padding-top: 100%; position: relative; } .has-hover [class*=image-] img { transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s; } .image-cover img { bottom: 0; font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; right: 0; top: 0; width: 100%; } .box-image img { margin: 0 auto; max-width: 100%; width: 100%;opacity: 1; } .has-hover:hover .image-glow img { filter: brightness(1.2) } /* .box-image img:hover { width: 100%;opacity: 0.8; }*/ .owl-item .item{overflow: hidden;padding:0px 0px 0px 20px;} .gallery-item > img { width: 100%;transform: scale(1.0);transition: 300ms all ease-in-out; } .gallery-item > img:hover { width: 100%;transform: scale(1.1);transition: 300ms all ease-in-out; } .gallery-item:after { /*content: "\f508";*/ position: absolute; left: 0; bottom: 48px; z-index: 1; height: 48px; width: 48px; font-family: "Material Design Icons"; font-size: 28px; line-height: 48px; text-align: center; color: #ffffff; background-color: rgba(135, 196, 64, 0.1); border-top-left-radius: 0px; transition: inherit; } .gallery-item .gallery-item-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 15px 50px 15px 15px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background: rgba(41, 41, 58, 0.8); transition: inherit; } .gallery-item .gallery-item-content > * { width: 100%; color: #ffffff; } .gallery-item * + .exeption { margin-top: 9px; }/* @media (max-width: 767px) { .gallery-item { min-height: 180px; } .gallery-item > img { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }*/ /********/ div.infobulle { z-index: 10; position: absolute; text-align: left; background: rgba(0,0,0,1.00); padding: 10px 20px; width: 220px; display: none; top:0; left:0; border: 1px solid #ffffff; border-radius:10px; color:#fff; } div.infobulle img { BORDER: 0px; POSITION: absolute; top:50px; left:220px; } .vignetteatelier:hover DIV.vignetteatelier { DISPLAY: block; } .vignetteatelier:hover DIV.infobulle { DISPLAY: block } blockquote{padding: 30px 40px 40px 40px;border: 4px dotted #fff;border-radius: 10px;display: table;background: #ab9c8f;/*background: #acc92f;*/background: #eee;} blockquote h3{ font-family: "Birthstone", cursive; font-size:3rem; color:#fff;} .contenu blockquote p{ font-style: italic;margin-bottom:0px;color:#fff;color:#1a9ea4;} .distillation { background:#fd4f00!important; padding:15px 20px!important;list-style-type: none!important;display:block;overflow: hidden; border-radius:5px;margin:10px auto;} .wrapper2 {max-width:970px; width:80%; height : auto; position: absolute;z-index: 2; top: 15%; /* poussé de la moitié de hauteur du référent */ transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */ left: 50%; transform: translateX(-50%); display:block; } .wrapper3 {max-width:970px; width:80%; height : auto; position: absolute; top: 10%; /* poussé de la moitié de hauteur du référent */ transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */ left: 50%; transform: translateX(-50%); display:block; } .padding10{padding: 10px;} .padding30{padding: 30px;} .paddingL50R50{padding: 0px 30px;} .paddingB20{padding-bottom: 20px;} .paddingB30{padding-bottom: 30px;} .paddingB50{padding-bottom: 50px;} .paddingB100{padding-bottom: 100px;} .paddingT50{padding-bottom: 0px;padding-top: 50px;} .paddingT20{padding-bottom: 0px;padding-top: 20px;} .paddingT30B30{padding-bottom: 30px;padding-top: 30px;} .paddingT50B50{padding-bottom: 50px;padding-top: 50px;} .marginB-80{margin-bottom: -80px} .marginT10B-100{margin: 10px auto -100px auto;} .marginT-20B20{margin: -20px auto 20px auto} .floatGauche{float:left;margin: 0 20px 0px 0;} .floatDroite{float:right;margin: 0 0px 0px 20px;} .pub {font-family: "brandon-grotesque", sans-serif, Arial, sans serif;font-size:5rem; line-height: 5rem; color:#fff;text-align: center; background: rgba(187,24,131,0.70);border-radius:50%; padding-top:50px; width:350px; height:350px;border:7px dotted #fff; position: absolute; /* postulat de départ */ top: 45%; left: 50%; /* à 50%/50% du parent référent */ transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */ } .dotted{border:3px dotted #1a9ea4; border-radius:5px;} .damion{font-family: "brandon-grotesque", sans-serif;;font-size:2em;color:inherit;} .sousligne{text-decoration: underline!important;color:#de562c;font-weight:600;} p.floatGauche i{display: block; float:left;margin:0 20px 20px 0;color: #bb1883!important;} .swiper-container i{color:#c7d40c!important;margin:5px auto!important;display: block;position: relative;font-size:2rem;} .swiper-container h3 i{color:#fff!important;margin:0px 5px 0px 0px!important;display: inline-block;position: relative;font-size:2rem;vertical-align: -5px;} /*.logoBurger{display:none;}*/ section.saveur{ background: url(../img2020/R-vectorise.png); background-size: contain; background-position: left top 50px;background-attachment: fixed; background-repeat: no-repeat; padding-top:0px;padding-bottom:130px; } section.saveur.produits { padding-top: 0px; padding-bottom: 130px; } section.saveur.product { padding-top: 110px; padding-bottom: 30px; } section.arguments{background: rgb(0,28,43); background: linear-gradient(180deg, rgba(0,28,43,1) 0%, rgba(1,105,120,1) 51%);} ul.saveurs li{clear:both;margin-bottom:0px;min-height: 57px;display:flex;align-items: center; justify-content: flex-start;} ul.saveurs li img{ float: left; max-width: 40px; border-radius: 50%; border: 2px solid #333;position:relative; margin-right: 10px;z-index:1;} /*ul.saveurs li::after{ content: "";width:100%;height;2px;position:absolute;bottom:0px;right:0px; border-bottom: 1px solid #999;min-height:inherit;}*/ ul.saveurs::before{ content: ""; display: block; position: absolute; z-index: 0; /* height: 290px;*/ height:93%; width: 1px; border-left: 4px dotted #555; /* background: red; */ top: 3px; left: 53px;} .roue img{border-radius:50%;height:auto;width:100%;max-width:700px;display:block;position:relative;margin:40px auto 0px auto;} .roue2 img{border-radius:50%;height:auto;width:100%;max-width:700px;display:block;position:relative;margin:-15px auto 0px auto;} img.imgHuitre{width:100%;height:auto;max-width:500px;} h2.titre{ font-family: 'Birthstone', sans-serif; font-size: 4rem; line-height: 3.7rem; font-style: normal; width:100%; display: block; text-align: center; color:#999999; /*background: rgba(255,255,255,0.30)*/ } h2.titre::after{ content: ""; display: block; margin:20px auto 20px auto; width: 50%; border-bottom:1px solid #ffffff; border-color:inherit; } .encartPartenaire, .encartAnimation{display: inline; color:#999; text-align: center;margin:0px 0px 5px 0px!important;padding-bottom:10px; -webkit-transition: all 0.5s; transition: all 0.5s;} .encartPartenaire:hover, .encartAnimation:hover{background: #fff;} .encartAnimation p{color:#666!important;text-decoration: none!important;font-size: 0.9rem!important;line-height: 1.0rem; display: block;text-align: center;margin: 0px;padding: 0px;font-style: normal;min-height: 23px;} .encartAnimation h2{color:#bb1883!important;text-decoration: none!important;font-size: 2.0rem!important;line-height: 2.0rem; display: block;text-align: center;margin: 0px auto 10px auto;padding: 0px;font-style: normal;font-family: "brandon-grotesque", sans-serif;;} .encartPartenaire a, .encartPartenaire a p{color:#999!important;text-decoration: none!important;font-size: 0.8rem!important;line-height: 0.75rem; display: block;text-align: center;margin: 0px;padding: 0px;font-style: italic;min-height: 23px;} .encartPartenaire a:visited, .encartPartenaire a:visited p{color:#999!important;} .encartPartenaire a:hover, .encartPartenaire a:hover p{color:#666!important;} .encartPartenaireAA::after{ content: ""; display: block; margin:5px auto 0px auto; width: 50%; border-bottom:1px solid #ffffff; border-color:inherit; } .encartPartenaireAA::before{ content: ""; display: block; margin:0px auto 5px auto; width: 50%; border-top:1px solid #ffffff; border-color:inherit; } .partenaires {background: rgba(255,255,255,1.00); padding: 50px 0px 80px 0px; display: block;position: relative;} .partenaires h3 {font-family: "brandon-grotesque", sans-serif;; font-size: 2.4rem;line-height: 2.5rem; color:#1a9ea4; text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:0px;margin-bottom: 30px;text-transform: uppercase;font-weight: 300;text-transform: uppercase; } .partenaires img{ max-height: 100px; padding:0px 20px; width:auto; margin:10px auto; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); opacity: 1.0; } .partenaires img:hover{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0.5; } .animations img{ margin:10px auto; } /****SROLLBAR***/ * { scrollbar-width: thin; scrollbar-color: #1a9ea4 #fff; } *::-webkit-scrollbar { width: 12px; } *::-webkit-scrollbar-track { background: #fff; } *::-webkit-scrollbar-thumb { background-color: #1a9ea4; border-radius: 20px; border: 3px solid #fff; } /***icone menu****/ .menu { background-color: transparent; border: none; cursor: pointer; display: flex;/*background: #1a9ea4;background: #fff;border-radius:50%;*/ padding: 0;outline:none!important; } .line { fill: none; stroke: #fff; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); } .line1 { stroke-dasharray: 60 207; stroke-width: 6; } .line2 { stroke-dasharray: 60 60; stroke-width: 6; } .line3 { stroke-dasharray: 60 207; stroke-width: 6; } .opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } .opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; } .opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } .menu svg{width:55px;height:55px;} /**********************************************/ .boutonMenu{position:absolute;top:0px;right: -95px; transform: translateX(-50%);/*position:relative;margin:0px auto 0px auto;width:45px;background:none;*/padding:0px;padding-top:12px;border-radius:0%;z-index:1000000000;border: 0px solid #000;background: #acc92f;height: 102px;} .boutonMenu:hover{background: #69664f;} .fixNavigation .boutonMenu{position:absolute;top:-17px; /*background: #fff;*/ height: 75px;right:-110px;} /* .fixNavigation .boutonMenu .line { stroke: #1a9ea4; }*/ /* @media (max-width: 1260px) { .boutonMenu {left: 61%;} #menu .sociaux { position: absolute; display: block; top: 0px; right: 10px; width: 100%; height: auto; z-index: 1000; padding: 1px 0px 3px 20px; text-align: right; } }*/ /*****LINK*******/ .activites .paddingLink h3::after { margin-bottom: 10px; margin-bottom: 10px; font-size: 8rem; top: -1px; bottom: 10px; margin-top: -25px; /* line-height: 0rem; */ } .paddingLink h3{color:#fff;line-height:1.5rem;text-transform: none;font-weight:300;font-size:1.4rem;} .paddingLink p i{color: #fff;font-size:1.7rem!important;} .paddingLink p {margin-bottom:0px;} .paddingLink{padding-right: 0px!important; padding-left: 0px!important;background: rgba(11,174,189,0.80);margin-bottom:20px} .paddingLink a.link figcaption {padding: 10px 10px 22px 10px;padding: 10px 10px 87px 10px;/*transform: rotate(-3deg)*/background: #1a9ea4; color: #fff;border-radius: 0px 0px 0px 0px;} a.link {background: #fff;position: relative; overflow: hidden;width:100%;height:auto;display:block;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;margin-bottom: 0px;} /*a.link img {max-width:100%;height:auto; opacity: 1.0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} a.link:hover img {transform: scale(1.1) rotate(5deg); -webkit-transform: scale(1.1) rotate(5deg); -moz-transform: scale(1.1) rotate(5deg); -ms-transform: scale(1.1) rotate(5deg); -o-transform: scale(1.1) rotate(5deg); opacity: .5; }*/ a.link figcaption {display:block;background: rgba(0,0,0,0.50);position:absolute;bottom:-60px;padding:20px 10px 20px 10px;width:100%;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} a.link figcaption h4 {color: #ffd833; font-family: 'montserrat', sans-serif;margin-bottom:20px;font-size: 0.8rem;letter-spacing: 0.2em;text-transform: uppercase; margin-top:0px;font-weight:800;text-align: center;} a.link figcaption p, a.link:hover figcaption p {color:#ffffff!important;text-transform: uppercase;font-family: 'Montserrat', sans-serif;text-align: center;font-size: 0.8rem;letter-spacing: 0.1rem;} .banniere-fdc{display: block;position:absolute;top:0px;left:0px;width:120px;height:auto;} .banniere-fdc img{width:100%;height:auto;display:block;} /**********Menu Modal******/ .descriptionUn ul{list-style: none;margin-bottom:0px;padding-left:6px;} .descriptionUn ul li, .descriptionUn ul li a{color:#666;text-align:left;font-size:0.8rem;font-family: "brandon-grotesque", sans-serif;font-weight:500;line-height:1.2rem;padding:4px 0px;letter-spacing:0;text-transform: uppercase;} /*.descriptionUn ul li a::before{content:"\f054";font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900);font-size:0.8em;display:inline-block;margin-right: 5px;vertical-align: 0px;}*/ .descriptionUn ul li{margin-bottom:5px;} .descriptionUn ul li a:hover{color:#00decc;color:#ab9c8f;text-decoration: none;} .descriptionUn ul li a i{font-size:2.0rem;margin-right:5px;vertical-align: -6px;} #Row{ height:auto; -webkit-transition: all 2s;transition: all 2s; /*display: flex;justify-content: center;align-items: center;*/box-sizing: border-box;overflow: auto;color:#333;} #Row h3{font-family: "ff-market-web", sans-serif;font-size:1.7rem;line-height:2.0rem;color:#1a9ea4;margin-top:15px;margin-bottom:5px;} /*#Row h3:hover{color:#666;}*/ #Row h3 span{display:block;font-size:1.3rem;margin-top:-3px;} #Row h3 i{font-size: 1.5rem;vertical-align: -1px;margin-right: 5px;} #Row h3 a{color:#00decc;} #Row h3 a:hover{color:#ffffff;} #sectionJaune{width:100%;min-height:auto;padding:125px 30px 20px 120px;display:block;opacity:1.0;position:fixed;top:0px;left:0px;z-index:2;background:#fff; -webkit-transition: left 0.5s;transition: left 0.5s;border-bottom: 0px solid #1a9ea4;/*-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);*/ -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);} #sectionJaune.superMenu{width:100%;height:auto;display:block;opacity:1.0;position:fixed;top:0px;left:-100vw;-webkit-transition: left 0.5s;transition: left 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;} #sectionJaune.fix, #sectionJaune.fix.superMenu{padding:90px 30px 30px 120px;-webkit-transition: all 0.5s;transition: all 0.5s;} #sectionJaune.classBGD{background: rgba(0,0,0,0.50); -webkit-transition: background 0.5s; transition: background 0.5s;} #sectionJaune h1, #sectionJaune h2 {text-align: center;margin-bottom: -10%;} .card-header { padding: 10px 20px 0px 20px; margin-bottom: 0; background-color: transparent; border-bottom: 0px solid rgba(0,0,0,.125); } .accordion, .card { background-color: transparent;width:100%; } .accordion{margin-top:25px;} .card-title { margin-bottom: 0.75rem;cursor:pointer; } .card{border: 0px solid rgba(0,0,0,.125); border-radius: 0.0rem;} .accordion .card-header:after {margin-top: -15px;color:#1a9ea4;font-size: 0.8rem;font-weight: 100;} .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f068"; float: right; } .accordion .card-header.collapsed:after { /* symbol for "collapsed" panels */ content: "\f067"; } /*****LINK*******/ a.link {background: #000;position: relative; overflow: hidden;width:100%;height:auto;display:block;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;margin-bottom: 0px;} a.link img {max-width:100%;height:auto; opacity: 1.0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} a.link:hover img {transform: scale(1.2) rotate(0deg); -webkit-transform: scale(1.2) rotate(0deg); -moz-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); -o-transform: scale(1.2) rotate(0deg); opacity: .5; } a.link figcaption {display:block;background: rgba(8,82,148,0.70);position:absolute;bottom:-60px;padding:20px 10px 20px 10px;width:100%;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} a.link figcaption h3 { font-family: "brandon-grotesque", sans-serif;margin-bottom:20px;font-size: 1.5rem;text-align:center;letter-spacing: -0.03em;} a.link:hover figcaption h3 {color:#fff;} a.link figcaption p {color:#d4b173;text-transform: uppercase;font-family: "brandon-grotesque", sans-serif;text-align: center;font-size: 0.8rem;letter-spacing: 0.1rem;} /*---------------------------*\ /*****LINK*******/ .activites{padding:60px 0px 0px 0px;display: flex; align-items: center; justify-content: center;} .activitesdeux{padding:60px 0px 0px 0px;} .paddingLink{padding-right: 0px!important; padding-left: 0px!important;background: rgba(255,255,255,0.00); margin-bottom:20px} a.link {background: rgba(255,255,255,0.00);position: relative; overflow: hidden;width:100%;height:auto;display:block;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;margin-bottom: 0px; border-radius: 50%;overflow: hidden;aspect-ratio: 1 / 1;padding-bottom: 52px;} a.link img {max-width:100%;height:auto; opacity: 1.0;padding:0px;margin-bottom:-60px;border-radius: 20px 20px 0px 0px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} a.link:hover img {transform: scale(1.2) rotate(0deg); -webkit-transform: scale(1.2) rotate(0deg); -moz-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); -o-transform: scale(1.2) rotate(0deg); opacity: .5; } a.link figcaption {display:block;background: rgba(255,0,0,0.00);position:relative;paddinL:20px 10px 20px 10px;width:100%;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-box-shadow:inset 0 -5px 5px 0 rgba(0,0,0,0.2); box-shadow:inset 0 -5px 5px 0 rgba(0,0,0,0.2); } a.link:hover figcaption {background: rgba(11,174,189,1.0);bottom:0px;} /**********************************************/ @media (min-width: 320px){ .modal-lg { max-width: 1200px; width: 100%;padding:30px 10px 30px 10px; } } @media (min-width: 767px){ .modal-lg { max-width: 1200px; width: 100%;padding:30px 30px 30px 30px; } } @media (max-width: 575px){ .modal-dialog { margin: 0px; } } .modal-content .modal-header h2{font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 1.5rem; color: #1a9ea4; text-align: left; text-decoration: none; margin-top: 0px; margin-bottom: 0px;} .modal-content h2 span{font-family: "brandon-grotesque", sans-serif;;font-size: 2.0rem;} .modal-content .modal-header button span span {font-size:0.5em;vertical-align: 5px;} table td{padding:5px 10px;} table{margin:30px auto 30px auto;width:100%;border-color:#999;} /*****************table***********************/ table tr:nth-child(odd) { /*background-color: #eee;*/ background-color: #fff; } table tr:nth-child(odd) td, table tr:nth-child(even) td {color:#666; } table tr:nth-child(even) { /*background-color: #c3f3f5;*/ background-color: #fff; } table thead tr td{ /*background-color: #333;*/ padding:15px 10px;} table thead tr td:nth-of-type(2) { background-color: #94c5e1;} table thead tr td:nth-of-type(3) { background-color: #93955a;} table thead tr td:nth-of-type(4) { background-color: #87ac9f;} table thead tr td:nth-of-type(5) { background-color: #d2b42a;} table thead tr td{ color:#333!important} table thead tr td:first-child{ color:#333!important} table td{text-align: center;font-size:0.8rem;} table tr td:first-child { text-align: left} table tbody tr td:first-child { /*background-color: #c3f3f5;*/background-color: #fff;} table a {font-weight: 200; font-family: "brandon-grotesque", sans-serif;background: #1e898f; color: #fff!important;padding:5px 20px;} table a:hover {background: #e73440;} @media (max-width: 575px){ table tr td:nth-of-type(2) { display:none} } @media (max-width: 450px){ .contenu table td { display:block} .contenu table tr td:first-child { text-align: center; font-weight: 700; } .contenu table a{margin-bottom:10px!important;display:block;width:170px;margin-left:auto;margin-right:auto;line-height:45px;} .contenu table td {font-size: 1.0rem;} .contenu table td a{text-transform: uppercase;letter-spacing: 0.1em} } /******************fin table*****************/ .carre3 { background: #f2fbff; border: 0px solid #ccc; color: #666;margin: 15px auto; padding: 25px 30px 20px 30px; width: inherit;border-radius:20px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);} .decallage1ter { padding: 7px 10px 5px 10px; color: #ffffff; text-align: center; margin: 7px auto 7px 0; font-size: 11pt; line-height: 17pt; display: block; border: 1px solid #bbbbbb; border-radius: 5px; } .bgdorange { background: #de670f; } .carre3 h3 {font-size: 2.1rem;font-family: "ff-market-web", sans-serif;padding: 2px 10px 5px 10px; background: #1a9ea4;color: #ffff;text-align: center;border-radius: 10px;margin-bottom:15px;} .carre3 ul { margin-left: 0; padding-left: 0; list-style: none; color: #666666; font-weight: 400; line-height: 1.0em; } .carre3 ul ul { margin-left: 30px; margin-top: 10px; color: #3884b3; } .contenu .carre3 ul li { color: #666; } section.googleMap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; flex-grow: 0; flex-shrink: 0; flex-basis: 100%!important; height:auto; } .carte { -webkit-order: 0; -ms-flex-order: 0; order: 0; flex-grow: 0; flex-shrink: 0; flex-basis: 100%!important; } #map {width:100%; height:467px;/*border-top:10px solid #748a8e;*/} .map {border: none!important;cursor: pointer!important;margin:-32px 500px -5px auto!important} .map2 {/*background: #748a8e!important;*/background: #d63313!important;border: none!important;cursor: pointer!important;margin:-32px 100px -5px auto!important} /*---------------------------*\ $layout \*---------------------------*/ /*menu-index*/ #menu { z-index: 500;position:relative;max-width:1920px;margin-left:auto;margin-right:auto;width : 100%;} #sousMenu { z-index: 400;position:relative;} #sousMenu2 { z-index: 0;position:fixed;} #alphabet { z-index: 101;position:relative;top:0px;} .sociaux{/*background:#1a9ea4;*/text-align:left;position:relative;display: block; width:100%;height:auto;min-height:40px;z-index: 1000;padding: 17px 20px 0px 20px;} #menu .boutique{position: absolute; display: block;top: 23px;right: 8px;left: auto;width: 250px;height: auto;z-index: 1000; text-align: right; border: 0px solid #000;} #menu .boutique li{list-style: none;color:#666;} #menu.fixNavigation .boutique{top:12px;} #menu.fixNavigation a.leLogo h2 em{display:none;} #menu .boutique h2{text-align: center;font-weight: 400;font-size: 1.2rem;color: #69664f;font-family: "ff-market-web", sans-serif;margin-top: -4px;} .sociaux a{color:#fff!important;text-decoration: none;font-size: 1.0rem!important;margin:0 5px; -webkit-transition: all 0.5s; transition: all 0.5s;display:block;} .sociaux a:first-of-type{font-size: 1.4rem!important;font-weight:700;} .sociaux a i{font-size: 1.5rem!important;vertical-align: -3px;margin-right: 5px;} .sociaux a:first-of-type i{font-size: 1.9rem !important;line-height: 1.0em;} #menu .boutique a{color:#1a9ea4!important;text-decoration: none;font-family: "brandon-grotesque", sans-serif;;/*font-family:'Birthstone', cursive, 'montserrat', Arial, sans serif;*/font-size: 0.8rem!important;margin:0 5px; -webkit-transition: all 0.5s; transition: all 0.5s;} #menu .boutique a:hover{color:#333!important;text-decoration: none;} .sociaux a:hover{color:#00decc!important;text-decoration: none;} #leLogo{position: relative; width: 485px; margin: -75px auto 0px auto;min-height: 65px;border: 0px solid #000;z-index: 1000; /*background: url(../img2020/logo-Menuiserie-PVC-Alu-royan-charente-maritime.png); background-size: contain; background-position: center top 20px; background-repeat: no-repeat; */ } #leLogo h2 span{font-size:1.2rem;display:block;font-family: "ff-market-web", sans-serif;text-transform: none;font-weight:100;} .leLogo { position: absolute; top:0; /*left:0;*/ left: 50%; transform: translateX(-50%); /* décalage de 50% de sa propre taille */ width:100%; height: inherit; padding:0px!important; /*text-indent : -9999px; background: url(../img2020/logo.png) no-repeat;background: rgba(235,82,84,0.00);*/ z-index: 1; border:none!important; text-align: center; } a.leLogo h2{color:#1a9ea4;font-family: "brandon-grotesque", sans-serif;font-weight:800;margin-top:0px;text-transform: uppercase; font-size: 1.8rem;padding-top:15px;} /*#menu.fixNavigation .leLogo { height: 50px}*/ a.leLogo h2 em{display:block;font-style:normal;text-transform: none;font-weight:100;font-size:1.0rem;} #menu.fixNavigation #leLogo { position: relative; width: 350px;border-radius:0 0 30px 30px; margin: -65px auto 0px auto; border: 7px solid #fff; border-bottom: 0px solid #fff; height: auto; /* background: #fff url(../img2020/LOGO-R-REGONDEAU-menuiseries-huisseries-bois-alu-pvc-charente-maritime.png); background-size: contain; background-position: left 5px bottom 0px; background-repeat: no-repeat; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);z-index:1000;*/ } #menu.fixNavigation {border-bottom: 0px solid #fff;-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);} #menu.fixNavigation .sociaux a:first-of-type {line-height: 2.2rem;} /*Marennes*/ .leLogo h3{ font-family: "Birthstone", cursive; color:#2d3d44; font-size:2.5rem; text-align: center; /*text-shadow: 0 1px 2px #666666;*/ } /*M*/ /*.leLogo h3::first-letter { vertical-align: -10%; }*/ /*Oleron*/ .leLogo h3 span{ margin-left:-5px; } .leLogo h3 span.huitre{ color:#1a9ea4;font-family: "brandon-grotesque", sans-serif; display:block;font-size:0.7em;line-height: 0.5rem;margin-bottom:-6px;font-weight: 100;text-transform: uppercase;font-size: 0.7rem;letter-spacing: 0.2em;} .fixNavigation .leLogo h3 span.huitre{ margin-left:0px;display:none; } .leLogo h4{ font-family: "brandon-grotesque", sans-serif; color:#1a9ea4; font-size:0.6rem;font-weight:100; text-align: center;text-transform: uppercase;letter-spacing: 0.2em; margin-top:-8px; } .leLogo h4 span{ font-size:0.6rem;font-weight:700; text-transform: uppercase;letter-spacing: 0.2em; } .fixNavigation .leLogo h4 {display: none;} /*greyscale ; blur ; saturate ; sepia ; hue rotate ; invert ; brightness ; contrast ; opacity.*/ #menu .leLogo.vertical{display:block} #menu.fixNavigation .leLogo.vertical{/*display:none*/} #menu .leLogo.horizontal{display:none} #menu.fixNavigation .leLogo.horizontal{display:block} #menu.fixNavigation .leLogo.horizontal { top: 0px!important;position:absolute; left: auto; transform: translateX(0%); right: auto; width: 100%; } .leLogo img { display: inline-block; max-width: 150px;width: 100%;height: auto;margin: 0px auto 0px auto;border-radius: 0%;float: left;background: #fff; border-radius: 50%;padding: 0px 5px 6px 5px;} .gestionMarge {padding-top:230px !important; } .fixNavigation .leLogo img {display: none;width:100%;max-width:100px;height: auto;margin:4px auto 0px auto; } /*.fixNavigation .leLogo{width:120px;}*/ .fixNavigation a.leLogo h2 {margin-top: -10px;/*background: #fff;border-radius: 0 0 50px 50px;font-size:1.2rem;*/line-height:26px;} .fixNavigation .leLogo h3{ display: inline-block; font-family: "Birthstone", cursive; color:#2d3d44;margin-left:5px; font-size:2.5rem; text-align: center; } .fixNavigation .sociaux a.googlecarte {display:none;} .fixNavigation .sociaux {min-height:65px;} #menu.fixNavigation .navbar ul { height: 50px; list-style-type: none; text-align: center; margin-top: 50px; } #menu.fixNavigation{ height: 65px; /*-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);*/ } /*#menu.fixNavigation #leLogo h2 span{display:none;}*/ #alphabet.fixMenu{ position:fixed; top:60px; } #content.main-content {margin: 0px 0 0 0; padding-top:80px;} #content.main-content2 {margin: -12px 0 0 0; padding-top:50px;} .recette, .recherche{border:1px solid #ccc; margin:0px 0 20px 0; padding: 15px 15px 60px 15px;-webkit-transition: all 0.5s; transition: all 0.5s;border-radius:10px;} .recherche{padding: 15px 15px 20px 15px;} .recette:hover, .recherche:hover{background: rgba(0,0,0,0.05)} .recette a, .recherche a{display: block;text-align: center;} .recette p{text-align: left!important;font-size: 0.8rem!important; line-height: 1.0rem!important; margin-bottom: 0px;} .recherche p{text-align: center!important;font-size: 0.9rem!important; line-height: 1.0rem!important; margin-bottom: 0px;} .recette p strong, .recherche p strong{color:#1a9ea4; font-family: "brandon-grotesque", sans-serif;;font-size: 1.0rem; line-height: 1.2rem;text-decoration: none;margin-bottom: 0px;font-weight:500;display:block;margin-bottom:0px;text-transform: uppercase;} .recherche p strong{font-size: 1.2rem; line-height: 1.5rem;} .recette img, .recherche img{display: block; text-align: center!important; margin:10px auto 15px auto!important;border:1px solid #ccc;} .recette p.lire, .recherche p.lire{color: #fff;text-align: center!important; padding:10px 15px;background:#1a9ea4;margin:10px auto 0px auto; text-transform: uppercase;font-size:0.8rem;-webkit-transition: all 0.5s; transition: all 0.5s;position: absolute;width: 200px;bottom: 35px;left: 50%;transform:translateX(-50%);} .recette p.lire:hover{background:#2d3d44; } .recherche p.lire:hover{background:#2d3d44; } .recette a.mail {text-decoration: underline!important;} /*---------------------------*\ détails \*---------------------------*/ #logo { text-indent : -9999px; top:10px;} #logo a { color:transparent;} .conso{ margin-left:50px;;} .conso button{ letter-spacing: 0em!important;} .navbar-toggle .icon-bar {background: #fff;} .fixNavigation{ top:0px; position: fixed !important; /*margin-bottom:550px;*/ -webkit-transition: all 0.2s; transition: all 0.2s; /* background: rgba(255,255,255,1.00)!important;*/ } .relatived-footer { position: relative; /*background : rgba(171,192,186,1.0)!important;*/background:#1a9ea4!important; -webkit-transition: all 0.5s; transition: all 0.5s; border-top: 1px solid #00decc; -webkit-box-shadow: 0 -20px 10px 0 rgba(255,255,255,0.0); box-shadow: 0 10px -20px 0 rgba(255,255,255,0.0); } footer.relatived-footer p{margin:0 auto; text-align: center; color : #1a9ea4;} .relatived-footer-terroir { position: relative; background : #e3cfae!important; -webkit-transition: all 0.5s; transition: all 0.5s; border-top: 3px dotted #00decc; -webkit-box-shadow: 0 -20px 10px 0 rgba(255,255,255,0.0); box-shadow: 0 10px -20px 0 rgba(255,255,255,0.0); } video.jarallax { height: 100vh; top: 0; left: 0; position: fixed!important; z-index: 0; width: 99.2%; object-fit: cover; overflow: hidden; } .relatived-footer-video { position: relative; background : #dd562c!important; -webkit-transition: all 0.5s; transition: all 0.5s; border-top: 3px dotted #00decc; -webkit-box-shadow: 0 -20px 10px 0 rgba(255,255,255,0.0); box-shadow: 0 10px -20px 0 rgba(255,255,255,0.0); } footer.relatived-footer-terroir p, footer.relatived-footer-video p{margin:0 auto; text-align: center; color : #ffffff;} .relatived-footer-info { position: relative; background : #acc59e!important; -webkit-transition: all 0.5s; transition: all 0.5s; border-top: 3px dotted #00decc; -webkit-box-shadow: 0 -20px 10px 0 rgba(255,255,255,0.0); box-shadow: 0 10px -20px 0 rgba(255,255,255,0.0); } footer.relatived-footer-info p{margin:0 auto; text-align: center; color : #ffffff;} .displayNone{ display: none!important; } /*.petitleLogo { width: 90px; height: auto; margin: 12px 58px 0 58px; }*/ /********************ajout Bootstrap************************/ .navbar { padding: 0rem!important; /* padding: .5rem 1rem; */ } .bg-inverse { background-color: transparent!important; } .navbar-inverse .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(171, 192, 186, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } #menu {width : 100%; height : 102px; margin-top : 0px; background:#fff;border-bottom:0px solid #00decc;/*-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);z-index:1000;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);*/} #menu .navbar ul { height : 45px; list-style-type : none; text-align: center; margin-top:105px;} #menu .navbar ul li {display: inline-block; height : inherit; line-height : 50px; position : relative} #menu .navbar ul li a{display : block;height : inherit; padding : 0 30px; color : #1a9ea4; font-family: "brandon-grotesque", sans-serif; font-size : 0.8em; letter-spacing: 0.2em; text-transform: uppercase; } #menu .navbar ul li a:hover {color : #666; text-decoration: none;background : rgba(171,192,186,0.0); -webkit-transition: all 0.4s; transition: all 0.4s; /*border-bottom:3px solid #666;*/} #menu .navbar ul li.active a:hover, #menu .navbar ul li.active, #menu .navbar ul li a.active, #menu .navbar ul li.active a.active {color : #fff!important;background: rgba(171,192,186,1.00)!important; text-decoration: none; border-bottom:0px solid #666;} #menu .navbar ul li.activeTerroir a:hover, #menu .navbar ul li.activeTerroir, #menu .navbar ul li a.activeTerroir, #menu .navbar ul li.activeTerroir a.activeTerroir {color : #fff!important;background: #e3cfae!important;/*background: #c9917b!important;*/ text-decoration: none; border-bottom:0px solid #666;} #menu .navbar ul li.activeVideo a:hover, #menu .navbar ul li.activeVideo, #menu .navbar ul li a.activeVideo, #menu .navbar ul li.activeVideo a.activeVideo {color : #fff!important;background: #e73440!important;/*background: #dd562c!important;background: #c9917b!important;*/ text-decoration: none; border-bottom:0px solid #666;} #menu .navbar ul li.activeInfos a:hover, #menu .navbar ul li.activeInfos, #menu .navbar ul li a.activeInfos, #menu .navbar ul li.activeInfos a.activeInfos {color : #fff!important;background: #acc59e!important;/*background: #c9917b!important;*/ text-decoration: none; border-bottom:0px solid #666;} /*****************************************sousMenu****************************************/ #sousMenu { width: 100%; height: auto; margin-top: -90px; margin-bottom: -17px; background: rgba(171,192,186,1.0); } #sousMenu2 { width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; background: rgba(171,192,186,1.0); } #sousMenu ul { min-height : 50px;height:auto; list-style-type : none; text-align: center; margin-top:90px;} #sousMenu2 ul { min-height : 50px;height:auto; list-style-type : none; text-align: center; margin-top:0px;margin-bottom:0px!important;padding-bottom:0px!important;} #sousMenu ul li {display: inline-block; height : inherit; line-height : 50px; position : relative} #sousMenu2 ul li {display: inline-block; height : inherit; line-height : 50px; position : relative} #sousMenu ul li a, #sousMenu2 ul li a{display : block;height : inherit; padding : 0 30px; color : #fff; font-family: "brandon-grotesque", sans-serif; font-size : 0.8em; letter-spacing: 0.05em; text-transform: uppercase; } #sousMenu ul li a:hover, #sousMenu2 ul li a:hover {color : #777; text-decoration: none;background : rgba(0,0,0,0.0); -webkit-transition: all 0.3s; transition: all 0.3s;} #sousMenu ul li.active, #sousMenu ul li.active:hover, #sousMenu ul li.active a:hover, #sousMenu ul li.active a {color :#777!important; text-decoration: none;background : rgba(0,0,0,0.0)!important;font-weight: 700; -webkit-transition: all 0.3s; transition: all 0.3s;} #sousMenu2 ul li.active, #sousMenu2 ul li.active:hover, #sousMenu2 ul li.active a:hover, #sousMenu2 ul li.active a {color :#777!important; text-decoration: none;background : rgba(0,0,0,0.0)!important;font-weight: 700; -webkit-transition: all 0.3s; transition: all 0.3s;} /*****************************************sousMenu****************************************/ .cadre4{ border:2px dotted #ccc;border-radius: 30px;background: rgba(255,255,255,0.50); margin-bottom: 30px;/*background: rgba(252,252,252,0.80);padding:0px 0px;-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);*/ transition: all .2s ease-in;height:100%!important;padding: 15px 25px 30px 25px; } .contenu .cadre4 h2{font-family: "brandon-grotesque", sans-serif;text-align: center;padding:10px 0px 10px 0px;margin-top:0px;font-size:1.0rem!important;color:#333;text-decoration: none!important;} .cadre4 a h2{text-decoration: none!important;} .contenu .cadre4 h2 span {font-size: 1.6rem;display: block;font-family: "ff-market-web", sans-serif;text-transform: none; font-weight: 100;border-top:1px solid #1a9ea4;border-bottom:1px solid #1a9ea4;padding:5px 0px;background: #1a9ea4;color: #fff;border-radius: 30px;} .contenu .cadre4 h4{font-size: 1.0rem;text-transform: uppercase;} .contenu .cadre4 ul{list-style: none;margin-bottom:5px;clear:both;} .contenu .cadre4 ul li{color:#555;line-height: 1.3rem;font-size: 1.1rem; padding-bottom: 7px;} .cadre4.actu{display:flex;border:1px solid #1a9ea4;height:auto;padding:0px 0px 0px 0px;min-height: 400px;} .cadre4.actu{background:#fff;} .cadre4.actu .swiper-slide{flex-direction:column;} .cadre4 img.firstimg{margin-right:10px;display: block;float: left;margin-top: -25px;} .cadre4 h3{color: #1a9ea4;line-height: 1.7rem; font-family: "ff-market-web", sans-serif; font-size: 1.8rem;padding-top:10px;} .boutons .btn.resa{width:100%;text-transform: none;} .boutons .btn.resa h5 span{display: block;font-family: "ff-market-web", sans-serif;font-weight: 100;font-size: 1.5rem;} .boutons .btn.resa h5 em{font-size:1.8rem;font-weight:800;font-style: normal;} .cadre5ter { border: 0px dotted #fff; padding: 20px 30px 20px 30px; margin: 30px 0px 30px 0px; color: #fff;position:relative; /* background: #1a9ea4; background: rgba(46,165,173,1.0);*/ width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; /*height:100%;background: linear-gradient(303deg, rgba(5,69,96,1) 35%, rgba(107,189,227,1) 100%);background:#1a9ea4;*/ background: #444; } .contenu .cadre5ter p{color:#fff;text-align:left;} .cadre5ter.radius{border-radius:50px 0 50px 0;border-radius: 50%;aspect-ratio: 1 / 1;padding: 0px 30px 30px 35px;} .contenu .cadre5ter.radius p{text-align:center;} /* .cadre5ter::after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #fff transparent; } .cadre5ter::before{ content: ""; position: absolute; top: 0px; left: 0px;width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 0; border-color: #fff transparent transparent transparent;} .cadre5ter h3 { color: #fff!important; font-family: brandon-grotesque, sans-serif!important; font-size: 1.8rem!important; line-height: 2.5rem;text-transform: uppercase; font-weight:300; }*/ .configurateur{text-align: center;} .configurateur iframe{width:100%;height:900px;overflow-y: scroll;display:block;position:relative;margin:0px auto 30px auto;} .iframecarte iframe{width:100%;height:330px;} .accordion-body img.img-fluid{width:100%;max-width:250px;height:auto;} .cadre5ter ul { color: #fff; font-size: 1.3rem!important; letter-spacing: 0.05em; width: 95%; margin-left: 10px; margin-top: 15px; } .cadre5ter ul li { color: #00decc!important; font-size: 1.1rem !important; letter-spacing: 0.05em; margin-bottom: 10px; text-transform: uppercase;text-align: left; } .cadre5ter ul li a { color: #fff; }.cadre5ter ul li a:hover { color: #ccc; } .cadre5ter ul li a i { font-size: 2.4rem !important; } .cadre5ter h3{text-align: center;} .cadre5ter h3 span.market{font-size: 2.7rem; line-height: 2.2rem !important; color: #fff; font-weight: 400; font-family: "ff-market-web", sans-serif;} .cadre5ter h3 img{width: 100%;max-width: 115px;height: auto;display: block;position: relative;margin: -55px auto 0px auto;} .cadre5ter h3 i { margin: -50px auto 0px auto; font-size: 5rem !important; display: block; position: relative; text-align: center; width: 105px; padding: 10px 0px 0px 0px; /*background: #1a9ea4;*/background: #444; border-radius: 50%; } .points{background:#1a9ea4;padding: 30px 0px;border: 4px dashed #fff; border-left: none; border-right: none; } .points h2{color:#fff;text-transform: none;font-weight:300;} .points h2 i{display:block;font-size:3.5rem;} .structure { position: relative; text-align: center; margin-bottom: 50px; } .box .structure { margin-bottom: 0px; } .structure .structureEconomie { position: relative; border: 0px solid red; width: 100%; display: block; padding: 20px 30px 0px 30px; box-sizing: border-box;/*height:100%;*/display: flex; align-items: center; justify-content: center; } .structure .structureEconomie .texteStructure h4, .structure .structureEnvironnement .texteStructure h4, .structure .structureSocial .texteStructure h4, .structure h4 { font-size: 1.5rem; font-weight: 300; color: #1a9ea4; font-family: 'brandon-grotesque', arial, sans-serif; text-align: left; text-transform: uppercase;padding: 10px 20px; border-top: 2px solid #1a9ea4; border-bottom: 2px solid #1a9ea4; font-weight: 400;margin-bottom:20px; } .structure h4 span{font-size: 2.2rem;line-height: 1.0rem;} .structure h4 {margin-top:0px;} .structureEconomie .texteStructure h4 i { margin-right: 5px; } .structureEconomie .texteStructure h5 { text-align: left;font-size:1.5rem;color:#1a9ea4;font-weight:400; } .contenu .structureEconomie .texteStructure h5 i { font-size: 2.1rem !important; background: transparent; color: #1a9ea4; padding: 2px 10px 7px 10px;margin-bottom: 0px; position: relative; display: inline-block; } .contenu .structureEconomie .texteStructure h5 i.flaticon { font-size: 3.8rem !important; line-height: 3.0rem; background: transparent; color: #1a9ea4; padding: 0px 10px 0px 10px; margin-bottom: 0px; position: relative; display: inline-block; vertical-align: 0px; } .contenu .structureEconomie .texteStructure h5 i.flaticon.float {float:left;} /* .structureEconomie .texteStructure h5 i{font-size:1.0rem!important;vertical-align: 1px;} .structure .structureEconomie .texteStructure::before, .structure .structureEnvironnement .texteStructure::before, .structure .structureSocial .texteStructure::before { content: ""; position: absolute; bottom: -22px; right: -30px; height: 50px; width: 50px; display: block; border-right: 1px solid #1a9ea4; border-bottom: 1px solid #1a9ea4; z-index: 1; } .structure .structureEconomie .texteStructure::after, .structure .structureEnvironnement .texteStructure::after, .structure .structureSocial .texteStructure::after { content: ""; position: absolute; top: -22px; left: -30px; height: 50px; width: 50px; display: block; border-left: 1px solid #1a9ea4; border-top: 1px solid #1a9ea4; z-index: 1; }*/ .structure .structureEconomie .texteStructure ul{list-style: none!important;} .structure .structureEconomie .texteStructure ul li{list-style: none!important; font-size: 1.5rem; line-height: 1.5rem; text-align: left; color: #333; font-weight: 300; margin-bottom: 5px; }/* .structure .structureEconomie .texteStructure ul li:first-of-type{list-style: none!important;font-weight:500;margin-bottom:20px;}*/ .box { display: flex!important;align-items: center!important;justify-content: center!important;} .box1 { display: flex!important; /*align-items: center!important;*/justify-content: center!important;flex-direction:column;} #alphabet { width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; top:0px; background: rgba(171,192,186,1.0); text-align:center; padding:15px; } .height-fill { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; } .height-fill.encart { flex-direction: row; } .border-radius50{border-radius:50%} .flexcentre{display: flex; align-items: center; justify-content: center;} .flexcentre h4, .flexcentre h3{font-weight: 400;color: #555;font-family: "ff-market-web", sans-serif;} .flexcentre h4 strong, .flexcentre h3 strong{text-transform: uppercase;font-family: 'brandon-grotesque', arial, sans-serif;font-weight:900;} .flexcentre h3{text-align: left;} .flexcentre h3 strong span{text-transform: none;font-family: 'brandon-grotesque', arial, sans-serif;font-weight:400;} .flexcentre h3 i{font-size:3.0rem!important;display:block;margin:0px auto 0px 0px;} #alphabet a{ display:inline-block; padding:0px; width:3.5%!important; min-width:45px; } .pdv { display: flex; justify-content: center; max-width: 100%; } .pdv div { display: flex; flex-direction: column; flex: 1 1 300px; } .bgdTerroir{background:#e3cfae!important;/*background:#c9917b!important;*/} .bgdVideo{background:#e73440!important;/*background:#dd562c!important;background:#c9917b!important;*/} .dropdown-menu { height: auto; line-height: normal; padding: 0rem 0!important; margin-top: 0rem!important; } .dropdown-menu a.dropdown-item{display : block;height : 45px!important; padding : 0 30px; color : #c2b49e; font-family: "brandon-grotesque", sans-serif; font-size : 0.8rem;line-height: 45px; text-transform: none!important; } .dropdown-menu a.dropdown-item:hover {color : #fff!important; text-decoration: none;background : #c7d40c!important; -webkit-transition: all 0.4s; transition: all 0.4s; border:none!important;} /*fond*/ section {width:100%; height: auto; display:block; position: relative;} section.reseauxSociaux {width:100%; height: auto!important; display:block; position: relative; padding:30px 100px; background: rgba(255,255,255,1.00);} .flecheDown{width:70px; height: 70px; display:block; position: absolute; /* postulat de départ */ bottom: 50px; left: 50%; /* à 50%/50% du parent référent */ transform: translateX(-50%); /* décalage de 50% de sa propre taille */ text-align: center; background: rgba(255,255,255,0.3);border-radius:50%; padding-top: 10px!important; webkit-transition: all 0.5s; transition: all 0.5s;} .flecheDown:hover{ background: rgba(255,255,255,0.8);} .flecheDownUn{width:70px; height: 70px; display:block; position: absolute; /* postulat de départ */ bottom: 100px; left: 50%; /* à 50%/50% du parent référent */ transform: translateX(-50%); /* décalage de 50% de sa propre taille */ color:#bb1883!important;text-align: center;} .flecheDownCalage{bottom: 200px!important;background: rgba(255,255,255,0.3);border-radius:50%; padding-top: 10px!important;} .flecheDown2{width:100%; display:block; position: relative; bottom:0px!important; color:#fff;text-align: center;} .flecheDown a, .flecheDownUn a, .flecheDown a:visited{color:#dd562c;text-decoration: none;} .flecheDown2 a, .flecheDown2 a:visited{color:#ffffff; text-decoration: none;} .flecheDown2 a:hover{color:#c2b49e;text-decoration: none; -webkit-transform: scale(1.5); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); webkit-transition: all 0.5s; transition: all 0.5s;} .portrait {border:10px solid #fff; } .mapa{padding-top:30px;background: #000;width:100%; height:480px;display: block;} .fullCognac {; background: url(../img2020/full-cognac.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 500px; display:block; position: relative; } .portrait2 {padding:0px;border:#000 10px solid; margin:5px;webkit-transition: all 0.5s; transition: all 0.5s;} .portrait2:hover {border:#fc4f00 10px solid;} a.portrait2 {width:150px!important;height:150px;overflow: hidden;display: inline-block;} a.portrait2 img {height:150px;} .portrait3 {padding:0px; webkit-transition: all 0.5s; transition: all 0.5s;} .membre p {font-family: "brandon-grotesque", sans-serif;font-size:1.2em!important;line-height: 1em!important;} .membre p span {font-style: italic!important; color:#c2b49e!important;font-family: "brandon-grotesque", sans-serif!important; font-size:0.7em!important;line-height: 0.7em!important;} a.portrait3 {100%!important;display: inline-block;} a.portrait3 img {width:100%;height:auto;border-radius:50%; border:#000 10px solid;webkit-transition: all 0.5s; transition: all 0.5s;} a.portrait3 img:hover {width:100%;height:auto;border-radius:50%; border:#fd4f00 10px solid;} #equipe{padding-top:100px!important;} .fullCognac { background: url(../img2020/full-cognac.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 500px; display:block; position: relative; } .fullHistoire { background: url(../img2020/../img2020/bg4.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 500px; display:block; position: relative; } .fullFrance { background: url(../img2020/alpha-noir.png), url(../img2020/full-terroir.jpg); background-size: 256px 256px, cover; /*background-attachment: fixed, fixed;*/ background-position: top left, center center; background-repeat: repeat, no-repeat; width:100%; height: 500px; display:block; position: relative;vertical-align: middle; margin-top:-1px; } .fullFrance img{/*filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);*/opacity:0.8;} .fullFrance img.floatLeft {position:absolute; left:30px; top: 50%; transform: translateY(-50%); } .fullFrance img.floatRight {position:absolute; top: 50%; transform: translateY(-50%);right:30px;} .fullFrance h2 {position: absolute; top: 30%; transform: translateY(-50%); left: 50%; transform: translateX(-50%);text-shadow: 0 3px 15px #333} .fullFrance h2::after{ content: ""; display: block; margin:20px auto 0px auto; width: 50%; background-color: #fff; height: 1px; } .fullFrance h2::before{ content: ""; display: block; margin:0px auto 20px auto; width: 50%; background-color: #fff; height: 1px; } .fullTerroir { background: url(../img2020/full-terroir.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 500px; display:block; position: relative; } .fullElaboration { background: url(../img2020/full-elaboration.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 500px; display:block; position: relative; } .fullDistillerie { background: url(../img2020/fullDistillerie2.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 500px; display:block; position: relative; border-top:5px solid #000000; } .fullNature { background: url(../img2020/alpha-noir.png), url(../img2020/full-nature.jpg); background-size: 256px 256px, cover; background-position: top left, center center; background-repeat: repat, no-repeat; /*text-shadow: 1px 1px 6px #666;*/ width:100%; height: 500px; display:block; position: relative; } .collection { background: rgba(0,0,0,0.50); /*text-shadow: 1px 1px 6px #666;*/ width:100%; height: auto; display:block; position: relative; padding:50px;text-align: center; } .collection h2 { color:#c2b49e!important; } .collection p { text-align: center!important;font-weight: 100;font-size: 1.0em; } .collection blockquote { border: 1px solid #c2b49e; color:#c2b49e;font-size:1.5em;font-family: "brandon-grotesque", sans-serif;; border-radius:20px;-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);text-align: center;} .collection blockquote i{font-size: 3em; float: left;margin-right:20px;} a.brochure { background: #1e898f; border: none!important; text-transform: uppercase; font-family: "brandon-grotesque", sans-serif; border-radius: 0px; text-decoration: none; font-size: 13px; padding: 15px 15px; display: inline-block; cursor: pointer; text-align: center; margin-top: 20px!important; letter-spacing: 0.1em; border: 0px solid #fff; word-wrap: break-word!important; white-space: normal; color: #fff; min-width: 200px; font-weight: 300; } a.brochure:hover {background: #666;} a.brochure i {font-size:1.7rem;margin-right:5px} /********************************************GAMME #e73440 ********************************/ .bourriche { background: url(../img2020/BOURRICHE-LABEL-FETE-01.png), url(../img2020/BOURRICHE-huitre-marennes-oleron-2020.jpg); background-size: contain, contain; background-color:#e73440; background-position: right bottom, center center; background-repeat: no-repeat, no-repeat; width:100%; min-height: 600px; padding-top: 0px; padding-bottom: 0px;} .don { background: #fff url(../img2020/fond-huitre-marennes-oleron.jpg); background-size: cover; background-position: center bottom; background-repeat: no-repeat; width:100%; min-height: 600px; padding-top: 0px; padding-bottom: 0px;} .don h2{font-family: "brandon-grotesque", sans-serif;color:#fff;font-weight:300;font-size:7rem;line-height:5rem;padding:50px} .gamme {background: rgba(255,255,255,1.00); padding-top: 30px; padding-bottom: 40px;} .gamme a, .gamme p{color:#666;position:relative;z-index:1;font-weight:200; font-family: "brandon-grotesque", sans-serif;font-size: 1.2rem;text-decoration: none;} .gamme a{width: 100%;font-size:0.9rem; height: auto; display: block;} .gamme p.label{color:#ba9b64;font-style: italic;margin-bottom:5px;margin-top:-10px;text-align: center;} /*.gamme h2 {font-family: "brandon-grotesque", sans-serif;; font-size: 3.0rem;color:#1a9ea4;text-align: center; text-decoration: none;margin-top:0px;margin-bottom:30px;} .gamme h2 span {font-family: "brandon-grotesque", sans-serif;; font-size: 3.0rem;line-height:2rem;color:#d4b173;display:block;text-align: center; text-decoration: none;margin-top:0px;margin-bottom:40px;}*/ .gamme h2 { color: #e0ce50; font-size: 0.7rem; font-family: "brandon-grotesque", sans-serif!important; background: rgba(0,0,0,0.00); text-align: center; margin-left:auto;margin-right:auto;text-transform: uppercase;letter-spacing: 0.10rem;line-height: 1.2rem; margin-bottom:15px;padding: 7px 10px 5px 10px;margin-top: 0px; z-index: 10; position: relative;border-radius:5px; } .gamme h2 span { text-shadow: none; font-size: 1.0rem; line-height: 1.0rem!important; margin-top: 0px; color:#fff;font-weight:700; font-family: "brandon-grotesque", sans-serif;; display: block;margin-bottom: 2px;text-transform: uppercase;letter-spacing: 0.1em!important; /*text-shadow: 0 3px 5px #666;*/ }/* .gamme a h2 { -webkit-transition: all 0.5s; transition: all 0.5s; }*/ .gamme h2.fine { background:#94c5e1; -webkit-transition: all 0.5s; transition: all 0.5s; } .gamme h2.verte { background:#87ac9f; } .gamme h2.pousse { background:#d2b42a; } .gamme h2.speciale { background:#93955a; } .gamme a:hover h2.fine, .gamme a:hover h2.verte, .gamme a:hover h2.pousse, .gamme a:hover h2.speciale { background:#2f4048; -webkit-transition: all 0.5s; transition: all 0.5s; } .gamme h3, .gamme h3 a {font-family: "brandon-grotesque", sans-serif;; font-size: 2.0rem;color:#d4b173;font-weight: 300; ;text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:30px;} .gamme h2 a:hover {font-family: "brandon-grotesque", sans-serif;;font-size: 1.0rem;color:#de562c;text-decoration: none;} .gamme a:hover p {color:#666!important;-webkit-transition: all 0.5s; transition: all 0.5s;} /* .gamme img, .gamme2 img{ transform: scale(1.0); -webkit-transition: all 0.5s; transition: all 0.5s; } .gamme a:hover img, .gamme2 a:hover img{ transform: scale(1.1); }*/ /********************************************INFO********************************/ .info {background:#ffffff url(../img2020/info-background.png)repeat-x ; background-position: left 0px top -15px; padding-top: 0px; padding-bottom: 30px;margin: 30px auto -1px auto} .info a {text-decoration: none;} .info p{color:#1a9ea4; font-family: "brandon-grotesque", sans-serif;;font-size: 1.2rem;text-decoration: none;text-align: center; font-weight: 400;} .info i{color:#1a9ea4!important;} .info h3 {font-family: "brandon-grotesque", sans-serif;; font-size: 1.7rem;color:#1a9ea4; text-align: center; text-decoration: none;margin-top:30px; } .info a:hover h3, .info a:hover p, .info a:hover i{color:#666!important;-webkit-transition: all 0.5s; transition: all 0.5s;} /********************************************FULL PHOTO********************************/ .fullPhoto {background: rgba(255,255,255,1.00); padding-top: 30px 0 0 0!important; } .fullPhoto a {box-sizing: border-box!important; -moz-box-sizing: border-box!important; -webkit-box-sizing: border-box!important; display: inline-block; font-family: "brandon-grotesque", sans-serif;; font-size: 1.0rem;color:#1a9ea4;font-weight: 700; text-transform: uppercase;text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:30px; width:49%!important; text-align: center; } .fullPhoto a:hover {font-family: "brandon-grotesque", sans-serif;;font-size: 1.0rem;color:#de562c;text-decoration: none;} /********************************************VIDEOS********************************/ video { max-width: 100%; height: auto; margin:0 auto; border:5px #000000 solid; } .videos {background: #1a9ea4; padding-top: 20px; padding-bottom: 50px;display: block;position: relative;} .videos a {text-decoration: none;} .video p{color:#1a9ea4; font-family: "brandon-grotesque", sans-serif;;font-size: 1.0rem;text-decoration: none;text-align: center; font-weight: 700;} .videos h2, .videos h2 a {font-family: "brandon-grotesque", sans-serif;; font-size: 1.0rem;color:#1a9ea4;font-weight: 700; text-transform: uppercase;text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:30px;} .videos h2 a:hover {font-family: "brandon-grotesque", sans-serif;;font-size: 1.0rem;color:#de562c;text-decoration: none;} .videos h3 {font-family: "brandon-grotesque", sans-serif;; font-size: 2.7rem;line-height: 2.7rem; color:#fff; text-align: center; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s;margin-top:0px;margin-bottom: 20px; } /***************css parallax****************/ .containerparallax { margin:-90px auto -6px auto;width: 100%;} .containerparallax div {height: 500px;} .alpha { background: rgba(255,255,255,0.30); display: flex; width: 100%; height: inherit; position: absolute; top: 0px; left: 0; z-index: 1; }/* .containerparallax h2{ font-size:3.5rem; font-family: 'viktor-script', sans-serif!important;color:#fff; letter-spacing: 0.0rem!important; text-shadow: 0 1px 3px #000000; } .containerparallax h2 span{color:#fff; font-size:1.8rem;font-family: 'century-gothic', sans-serif!important;font-weight:400;display:block} .containerparallax h2 span.or{font-size:2.5rem;color:#bf9a53;text-shadow: 0 2px 3px #000000;} .containerparallax h1 span{font-size:3.9rem; line-height: 5.0rem!important;font-family: 'century-gothic', sans-serif;font-weight:900; letter-spacing: 0.0rem;text-transform: none!important;letter-spacing: 0rem!important; } h2 span sup{font-size:0.2em;} .containerparallax h3 {color:#fff; font-size:1.2rem;line-height: 1.5rem; font-family: 'century-gothic', Arial, sans-serif; background: rgba(145,120,35,0.70); padding:20px 60px ; margin-left:auto; margin-right:auto; width:100%; position:flex; align-items: center; justify-content: center;margin-bottom:0px; } .containerparallax span { color: #FFF;font-size:1.5em;line-height: 2rem; } .containerparallax em { font-size:0.8em;display: block;margin-top:20px; }*/ /**************fin css parallax*************/ /********************************************CONTENU********************************/ .contenu, .contenu3 {background:#ffffff; padding-top: 50px; padding-bottom: 50px;} .contenu2 {padding-top: 10px; padding-bottom: 30px;} .contenu a, .contenu2 a, .contenu3 a {text-decoration: none;} .contenu li a {color:#555;} .contenu li a:hover {color:#1a9ea4;} .contenu p, .contenu3 p, .contenu3 ul li{color:#555; font-family: "brandon-grotesque", sans-serif;;font-size: 1.2rem; line-height: 1.4rem;text-decoration: none; font-weight: 300;list-style-type: none;text-align: left;} .contenu ul li, .contenu2 p, .contenu2 ul li{color:#fff; font-family: "brandon-grotesque", sans-serif;;font-size: 1.0rem; line-height: 1.5rem;text-decoration: none; font-weight: 400;list-style-type: none;} .contenu2 ul li strong{color:#fff; font-family: "brandon-grotesque", sans-serif;;font-size: 2.0rem; line-height: 1.8rem;text-decoration: none;display:block;margin-bottom: 10px; margin-top:30px;font-weight:100;} .contenu3 ul li strong{color:#1a9ea4; font-family: "brandon-grotesque", sans-serif;;font-size: 2.0rem; line-height: 1.8rem;text-decoration: none;display:block;margin-bottom: 10px; margin-top:30px;font-weight: 500;} .contenu .decallage1bis ul li{color:#666;border-bottom: 1px solid #ddd;padding-top: 5px;} .contenu .decallage1bis ul li:last-child{border-bottom: 0px solid #ddd;} .contenu p, .contenu2 p, .contenu3 p{text-align: justify;} .contenu ul{padding:0px; background: rgba(222,86,44,0.0);} p.imgLogo img{width:100%;height:auto;max-width:130px;margin-top:10px;} .encartCouleur{background:#87ac9f;padding:30px 30px;color:#fff;text-transform: uppercase;display: flex; align-items: center;justify-content: center;height:94%;width:98%;margin-bottom:20px;flex-direction: column;font-family: "brandon-grotesque", sans-serif;} .encartCouleur2{background:#d2b42a;padding:30px 30px;color:#fff;text-transform: uppercase;display: flex; align-items: center;justify-content: center;height:94%;width:98%;margin-bottom:20px;flex-direction: column;font-family: "brandon-grotesque", sans-serif;} .encartCouleur2 ul li{color:#fff;border-bottom: 1px solid #fff;padding: 5px 0px;} .encartCouleur2 ul {margin-bottom:0px;} .encartCouleur2 ul li a {color:#fff;} .encartCouleur2 ul li a:hover {color:#333;} .encartCouleur2 ul li a i {vertical-align:-3px;margin-right:5px;font-size:1.5em!important;} .encartCouleur3{background:#8bc9ae;padding:30px 30px;color:#fff;text-transform: uppercase;display: flex; align-items: center;justify-content: center;height:94%;width:98%;margin-bottom:20px;flex-direction: column;} .contenu ul li{ line-height: 1.4rem;font-size:1.2rem;padding-bottom:5px;} .contenu i{font-size:2.0rem!important;} .contenu li i {font-size: 1.4rem!important; margin-right: 5px;vertical-align: -3px;} .contenu ul.methode{ background: rgba(222,86,44,0.0);padding:0px 30px 30px 30px;border:1px solid #1a9ea4;border-radius:30px;} .contenu ul.saveurs {padding-left:20px;} .contenu ul.methode li{margin-bottom:10px;display:block;text-align: left;} .contenu ul.nutrition{ background: rgba(222,86,44,0.0);padding:0px 30px 30px 30px;border:1px solid #1a9ea4;border-radius:30px;} .contenu ul.nutrition li{margin-bottom:2px;display:block;} .contenu ul.nutrition h2{ font-size: 1.0rem;line-height: 1.2rem;margin-top: 30px;margin-bottom: 10px;text-transform:uppercase;} .contenu ul.nutrition li i, .contenu ul.degustation li i {font-size: 0.8rem!important;vertical-align: -1px; margin-right: 5px;} .contenu ul.degustation li{text-transform: uppercase;color:#333;font-weight:700;letter-spacing: 0.1em;} .contenu ul.coordonnees{ color: #333!important; list-style-type : none;} .contenu ul.coordonnees li{text-align: left;font-size: 1.2rem; margin-bottom: 10px; font-weight: 700;} .contenu ul.coordonnees li i{font-size:1.8rem!important;} .contenu h1, .contenu3 h1, .contenu h2, .contenu3 h2 {font-family: "brandon-grotesque", sans-serif;font-weight: 300;margin-top:-20px;margin-bottom:0px;font-size: 1.8rem;color:#555; text-decoration: none;background: rgba(255,255,255,0.00);} .contenu h1 strong, .contenu3 h1 strong, .contenu h2 strong, .contenu3 h2 strong {text-transform: uppercase;} .contenu h1{text-align: left;margin-bottom:25px;} .contenu h2, .contenu3 h2{text-transform: uppercase;} .contenu .accordion-flush .accordion-button, .contenu .accordion-flush .accordion-button.collapsed.vu {background: #444;color: #fff;font-size: 1.8rem;line-height: 2rem;border-radius: 30px 30px 0px 30px;border-bottom-left-radius: 30px !important;} /*.contenu .accordion-flush .accordion-button.collapsed { border-radius: 30px 30px 0;}*/ .contenu .accordion-flush .accordion-button:not(.collapsed){background:#1a9ea4; } .contenu .accordion-flush .accordion-button.vu{background:#1a9ea4; } .ordi h2.accordion-header{display:block;} .port h2.accordion-header{display:none;} .accordion-button.collapsed::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); } .contenu h1:before{ display: block; position: relative; margin: 15px auto 0px 0px; content: "■■"; font-size: 3rem; width: 93px; height:27px; line-height: 0.5rem; color: #1a9ea4; margin-right: 10px; letter-spacing: 0.2em; }/* .containerparallax h2:after{ display: block; position: relative; content: ".."; font-size: 7rem; width: 93px; height: 0px; line-height: 0.1rem; color: #1a9ea4; letter-spacing: 0.1em;margin:20px auto 20px auto; }*/ .contenu h1 strong , .contenu3 h1 strong, .contenu h2 strong , .contenu3 h2 strong {font-weight: 700; } .contenu h1 span, .contenu3 h1 span, .contenu h2 span, .contenu3 h2 span { font-size: 2.1rem; font-family: "ff-market-web", sans-serif; text-transform: none; color: #1a9ea4;display:block; } .contenu h2 span, .contenu3 h2 span { font-size: 2.1rem; color: #1a9ea4; } .contenu h1 span span , .contenu3 h1 span span { vertical-align: -10%; } .contenu h1 em, .contenu h2 em{font-style: normal;font-size:0.7em;} /*.contenu h2, .contenu2 h2, .contenu3 h2 {font-family: "brandon-grotesque", sans-serif;font-weight: 700; font-size: 1.5rem;line-height: 1.5rem; color:#1a9ea4; text-align: left; text-decoration: none;margin-top:30px;margin-bottom:20px; }*/ .contenu.etapes{background: rgba(0,0,0,0.05);padding-bottom:30px;} .etapes .wrapperpoints{max-width:1370px; width:90%; height : auto;position: relative;display:block;margin:0px auto;text-align: center;padding: 10px 50px 100px 50px;} .etapes.services .wrapperpoints{padding: 50px 50px 100px 50px;} .cadre2{padding: 20px 30px;display:block;width:100%;border:0px solid #444;display: flex;align-items: center;justify-content: center;flex-direction: column;height:100%;position:relative;background: #fff} .cadre2 .chiffre{position:absolute;top:-25px;left:50%;transform: translateX(-50%);font-size:2.5rem;line-height:2.0rem;background: #1a9ea4;color:#fff;padding: 5px 15px 10px 15px; } .box .cadre2{padding: 20px 0px;display:block;width:100%;border:0px solid #444;display: flex;align-items: center;justify-content: center;flex-direction: column;height:100%;position:relative;background: #fff} .contenu .box .structureEconomie .texteStructure.cadre2 h5 i.flaticon { font-size: 4.0rem !important; line-height: 3.0rem; display: block; margin: 5px auto 6px auto; text-align: center; } .cadre2 h4{color:#555;font-weight:400;} .cadre2 h3{margin-top:20px;;} .contenu .cadre2 i{font-size:5.0rem!important;} .contenu .wrapperpoints h2{text-align: left;margin-top:0px;margin-bottom: 50px;} .contenu .cadre2 h2 span{font-family: "brandon-grotesque", sans-serif;font-size:1.3rem;font-weight:400;} .contenu .wrapperpoints .cadre2 h2{margin-top:10px;margin-bottom:5px;color: #1a9ea4;font-size: 2.2rem;font-family: "ff-market-web", sans-serif;text-transform: none;text-align: center;} .cadre2 p{text-align: center;} .contenu .actu .cadre2 p, .contenu .wrapperpoints .actu .cadre2 h2{text-align: left;} .contenu .actu .cadre2 {align-items: start;} .contenu .wrapperpoints .actu .cadre2 h2:after{content:"";background: #1a9ea4;positon:relative;margin:10px auto 10px 0px;width:50px;height:2px;display:block;} .select2-hidden-accessible { clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .form-input { display: block; width: 100%; min-height: 60px; padding: 16px 25px; font-size: 15px; font-weight: 400; line-height: 26px; letter-spacing: .075em; color: #777777; background-color: #ffffff; background-image: none; border-radius: 0; -webkit-appearance: none; transition: .3s ease-in-out; border: 1px solid #ccc;margin-top:10px; } input, button, select, textarea { outline: none; } .form-wrap { position: relative; } .select2-container { position: relative; display: inline-block; margin: 0; vertical-align: middle; box-sizing: border-box; border: 1px solid #ccc; } .select2-container .select2-selection--single { display: block; height: 60px; box-sizing: border-box; cursor: pointer; user-select: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 22.5px; padding-bottom: 22.5px; padding-left: 19px; font-size: 15px; line-height: 1; color: #777777; padding-right: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); width: 20px; height: 26px; } .select2-container .select2-selection--single { display: block; height: 60px; box-sizing: border-box; cursor: pointer; user-select: none; } .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); width: 20px; height: 26px; } .contenu.arguments .cadre2 h2, .contenu.arguments p {color: #fff;} .triangle-top-left { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 102px 40px 0 0; border-color: #1a9ea4 transparent transparent transparent; top:0px;left:275px;position:absolute; } .triangle-footer{ display : inline-block; height : 0; width : 0; border-right : 2500px solid transparent; border-bottom : 50px solid #1a9ea4; margin-bottom: -6px; margin-top: -50px; position: relative; z-index: 1; } .fixNavigation .triangle-top-left {border-width: 65px 40px 0 0;} .rs { width: 275px;height: 102px;min-height: inherit;position: absolute;top: 0px;left: 0px;background: #1a9ea4;display: inline-block;text-align: center;z-index:-1;} #menu.fixNavigation .rs { height: 65px;} #menu.fixNavigation .sociaux {padding: 0px 20px 0px 20px;} .sociaux .rs a { color: #69664f!important; text-decoration: none; font-size: 0.8rem !important; line-height: 0.8rem !important; margin: 0px 5px; -webkit-transition: all 0.5s; transition: all 0.5s; } .sociaux .rs a:hover {color: #1a9ea4!important;} .sociaux .rs a i { font-size: 1.8rem !important; line-height: 2.5rem; vertical-align: 0px; margin-right: 5px; } .fixNavigation .sociaux .rs a i {line-height: 3.5rem;} .triangle1 { width: 0; height: 0; border-style: solid; border-width: 50px 1920px 0 0; border-color: #0c2340 transparent transparent transparent; position: relative; margin-top: -15px; z-index: 3; } /*.triangle2 { width: 0; height: 0; border-style: solid; border-width: 0 0 50px 1920px; border-color: transparent transparent #007bff transparent; position: relative; margin-bottom: -15px; z-index: 2; }*/ .triangle2 { background: url(../img2020/triangle2.png); background-size: cover; background-position: bottom right; background-repeat: no-repeat; position: relative; z-index: 2; width: 100%; height: 50px; margin-top: -50px; display: block;} .un h2, .containerparallax h2 {display: block; color:#fff; font-size:1.2rem; font-family: "brandon-grotesque", sans-serif;font-style: normal;letter-spacing: 0.1rem; height:auto; text-transform: uppercase; margin:20px auto 30px auto;text-align: center;font-weight:400; } .containerparallax h2 span {font-size:2.8rem;letter-spacing: 0.0rem; display:block; text-transform: none;margin-bottom:15px;font-family: "ff-market-web", sans-serif;font-weight:300;} .un h2 span span, .containerparallax h2 span span { vertical-align: -10%; } .containerparallax h2 a span {font-size:3.0rem; font-family: 'Birthstone', cursive, Times New Roman, serif;letter-spacing: 0.0rem!important; text-transform: none!important;display:inline-block;text-shadow: none; } .containerparallax h2 a i {font-size:2.0rem;text-shadow: none;} .containerparallax h2 a:hover {text-decoration: none;} .containerparallax h2 a.btn-primary {padding:12px 10px;border-radius:10px;} .fullCognac h2, .fullNature h2, .fullTerroir h2, .fullElaboration h2, .fullDistillerie h2, .fullHistoire h2, .deuxElaboration h2, .mentions h2, .collection h2, .fullFrance h2 {color:#fff; font-size:2.2rem; font-family: 'Birthstone', cursive, Times New Roman, serif;font-style: normal; } .opaciteB{width:100%;height:100%;background: rgba(0,0,0,0.3);display: block;top:0px;left:0px;position:absolute;} .cinq h2 {color:#fff; font-size:3em; font-family: "brandon-grotesque", sans-serif;;font-style: italic; } .cinq h3 {/*color:#c2b49e; */color:#333; font-size:2em;letter-spacing: 0.2em; font-family: 'Monserrat', arial, sans serif;font-style: normal;font-weight: 600; margin-bottom:50px;/*text-transform: uppercase; */ } #bas h2 {/*color:#2d3d44;*/color:#fff; font-size:2.2em; font-family: "brandon-grotesque", sans-serif;; marge-top:-50px!important; text-transform: uppercase;font-size: 0.6rem;font-weight: 300;letter-spacing: 0.2em;} .ligneB::after{ content: ""; display: block; margin:20px auto 0px auto; width: 100%; border-bottom: 1px solid #fff; border-color: inherit!important; } #bas h2 a, #bas h2 a:link, #bas h2 a:visited {/*color:#2d3d44;*/color:#fff;} #bas h2 a:hover {/*color:#2d3d44;*/color:#2d3d44;text-decoration: none;} .ligneH::before{ content: ""; display: block; margin:0px auto 20px auto; width: 100%; border-top: 1px solid #fff; border-color: inherit!important; } .ligneB2::after{ content: ""; display: block; margin:20px auto 0px auto; width: 100%; border-bottom: 3px dotted #fff; border-color: inherit!important; } .ligneH2::before{ content: ""; display: block; margin:0px auto 20px auto; width: 100%; border-top: 3px dotted #fff; border-color: inherit!important; } .ligneBrd::after{ content: ""; display: block; margin:20px auto 30px auto; width: 100%; border-bottom: 3px dotted #ccc; /*border-color: inherit!important;*/ } .ligneBrd2::after{ content: ""; display: block; margin:10px auto 10px auto; width: 100%; border-bottom: 3px dotted #ccc; /*border-color: inherit!important;*/ } .ligneHrd::before{ content: ""; display: block; margin:0px auto 20px auto; width: 100%; border-top: 3px dotted #ccc; /*border-color: inherit!important;*/ } .txtform{color:#999;text-align: right!important;padding-right: 20px;} .txtformcenter{color:#666;text-align: center!important;} hr{ content: ""; display: block; margin:20px auto 50px auto; width: 100%; /*border-bottom: 3px dotted #ccc; border-color: inherit!important;*/ } .alphabet{position: fixed; right:0px; background: rgba(0,0,0,0.10); margin-top: 50vh; transform: translateY(-50%);z-index:10000;} .delayDurationUn {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 1s; animation-delay: 1s;} .fullCognac h2 span, .fullNature h2 span, .fullTerroir h2 span, .fullDistillerie h2 span, .fullElaboration h2 span, .fullHistoire h2 span, .fullFrance h2 span{font-size:6.0rem; font-style: normal!important; } h2 span sup{font-size:0.5em;} .un h3, .quatre h3, .fullCognac h3, .fullNature h3, .fullTerroir h3, .fullElaboration h3, .fullHistoire h3 {/*color:#c2b49e;*/color:#bb1883; text-transform: uppercase; font-size:0.8em;line-height: 1.2em; letter-spacing: 0.2em; font-family: "brandon-grotesque", sans-serif; background: rgba(255,255,255,0.70); padding:20px 60px ; /*border-radius:30px; border:1px solid #c2b49e;text-shadow: 0 1px 1px #000000;*/display:table;margin-left:auto; margin-right:auto; } .sousTitre {/*color:#fff; font-size:2rem;line-height: 1.2em; font-family:'Birthstone', cursive, 'montserrat', Arial, sans serif; background: rgba(199,212,12,1.00);background: #de562c; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3) inset; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3) inset; font-style:normal!important;*/ padding:0px 0px ; text-align: center; display:block; width:140px; position:absolute; margin: 0 0px 0 auto;top:30px;right:10px; } .sousTitre img{padding:5px 2px;width:36px;height:auto; } .sousTitre a{color:#de562c!important; text-decoration: none!important; } .sousTitre i{font-size:1.5rem!important;padding:5px 5px 5px 5px;vertical-align: -2px;} .sousTitre a:hover{color:#fff!important; text-decoration: none!important; } #bas h3 {color:#1a9ea4;font-size:2rem;font-weight:300; font-family: "brandon-grotesque", sans-serif; padding:0px 20px 0px 20px; } #bas h3:after{content:"...";font-size:5rem;margin:-60px auto -10px auto;position:relative;display:block;} #bas h3 span { text-transform: none!important; font-size:2.0rem; letter-spacing: 0.0em!important; font-family: "brandon-grotesque", sans-serif;, Arial, sans serif; } /*#bas h3 span span { vertical-align: -10%; }*/ .ombre{text-shadow: 0 1px 3px #000000} .ombreBlanc{text-shadow: 0 1px 3px #ffffff;} .avecOmbre {-webkit-box-shadow: 0 20px 15px 0 rgba(0,0,0,0.3); box-shadow: 0 20px 15px 0 rgba(0,0,0,0.3);} .avecOmbre2 {-webkit-box-shadow: 0 -20px 15px 0 rgba(0,0,0,0.3); box-shadow: 0 -20px 15px 0 rgba(0,0,0,0.3);} .deux { background: url(../img2020/bg3.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 100vh; display:block; position: relative; overflow: hidden; } .deuxHistoire { background: url(../img2020/bg9.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 100vh; display:block; position: relative; overflow: hidden; } .deuxElaboration { background: url(../img2020/bg5.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 100vh; display:block; position: relative; overflow: hidden; } .deuxTerroir { background: url(../img2020/bg10ter.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 100vh; display:block; position: relative; overflow: hidden; } .deuxCocktail { background: url(../img2020/bg12.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 100vh; display:block; position: relative; overflow: hidden; } .deuxDiner { background: url(../img2020/bg14.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 100vh; display:block; position: relative; overflow: hidden; } .deuxRepasNomades { background: url(../img2020/bg15bis.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 100vh; display:block; position: relative; overflow: hidden; } .deuxSurMesure { background: url(../img2020/bg18.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; width:100%; height: 100vh; display:block; position: relative; overflow: hidden; } .deuxCreations { background: url(../img2020/bg19.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; width:100%; height: 100vh; display:block; position: relative; overflow: hidden; } .trois { /*background: url(../img2020/repet.jpg); background-size: 256px 256px; background-position: top left; background-repeat: repeat;*/ width:100%; height: 100vh; min-height: 100vh; display:block; position: relative; overflow: hidden; } .troisTerroir { background: #ffffff url(../img2020/bgd-1848-alpha.png); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 100vh; min-height: 100vh; display:block; position: relative; overflow: hidden; } .quatre { background: url(../img2020/alpha-noir.png), url(../img2020/bg4.jpg); background-size: 256px 256px, cover; background-position: top left, center center; background-repeat: repeat, no-repeat; /*text-shadow: 1px 1px 6px #666;*/ width:100%; height: 100vh; display:block; position: relative; overflow: hidden; } .quatre h2 {color:#fff; font-size:3em; font-family: "brandon-grotesque", sans-serif;;font-style: italic; text-align: center; } .cinq { /*background: url(../img2020/bgd-orange-gris.png);*/ background: url(../img2020/bgd-1848-alpha.png); background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height: 100vh; min-height: 100vh; display:block; position: relative; overflow: hidden; } .mentions { background: rgba(0,0,0,0.70); width:100%;max-width: 970px; height: auto; display:block; position: relative; padding:100px 30px; margin:0 auto; } .mentions a{ color:#ccc; font-size:1.5em;text-decoration: underline;line-height: 1.5em; } .colorBlanc {color:#fff!important;} .colorRose {color:#bb1883;} .colorVert {color:#c7d40c;} .colorKaki {color:#898b5c;} .colorGris {color:#999999;} .colorBleuClair {color:#41ae9f;} ::placeholder { color: #666!important;font-weight: 300; } input {border: none!important;border:1px solid #ccc!important;padding:15px 10px!important;width: 98%!important;margin:10px auto!important;background: rgba(255,255,255,0.50);text-align: left!important;} input[data-reset="reset"]{width:46%!important;margin:1%!important;display: inline-block; border:none!important;background: rgba(187,24,131,1.00); color:#fff!important;cursor: auto;padding:20px 5px;} input[data-submit="submit"]{width:auto!important;margin:5px auto!important;display: block; border:none!important;background: rgba(171,192,186,1.00);cursor: auto!important;padding:5px 30px;color:#fff; } input[data-submit="submit"]:hover{background:#666;cursor: auto!important; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: relative; vertical-align: middle; margin-right: 10px; width: 20px!important; display: inline-block!important; } .bgdOrange {background:#fd4f00!important;} .dottedNoir{border-top:8px dotted #999; border-bottom:8px dotted #999;} textarea{width: 99.5%!important;border:1px solid #ccc!important;padding:15px 10px;text-align: left;background: rgba(255,255,255,0.50);margin-top:10px;margin-bottom:20px;} .fondAlpha {background : rgba(255,255,255,0.9); padding:15px 30px 30px 30px; } .fondAlpha h2 {font-size:2.2em; font-family: "brandon-grotesque", sans-serif;; font-weight:400; margin-left:0px; margin-bottom:15px; color:#c2b49e;} .fondAlpha2{background : rgba(255,255,255,0.8)!important; padding-top:30px!important; padding-bottom:30px!important;display: block;position: relative;margin-top:50px!important;} .fond, .fondPineaux {padding : 10px 30px; background : rgba(255,255,255,0.8); } .fond a {font-weight : bold; text-decoration : underline; color : #fff} .fond div, .fondPineaux div {border : 0px dashed #c2b49e; padding : 20px;} .fond h2, .fondPineaux h2 {font-size:2.5rem; font-family: 'Birthstone', cursive, Times New Roman, serif; font-weight:400; background:#bb1883; padding:2px 5px 2px 30px;margin-left:-50px; margin-bottom:15px; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.3); box-shadow: 0 10px 15px 0 rgba(0,0,0,0.3); color:#c2b49e;} .fondPineaux h2{ background:#5a5a58; margin-left:-20px; margin-right:-50px;} .fondPineaux h2 span{ font-size:0.8em; font-style:italic;color:#ffffff;} .fond p, .fondPineaux p, .fondAlpha p {color:#666666!important;} .fond h3, .fondPineaux h3, .fondAlpha h3 {color:#666666!important;margin-bottom:5px; } .fondPineaux {padding-left : 70px!important; } .fondPineaux ul{padding-left : 20px!important; } .sansOmbre {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.0)!important; box-shadow: 0 10px 15px 0 rgba(0,0,0,0.0)!important;} .sansFond{background : rgba(255,255,255,0.0)!important;} /* .fond .fond2 {padding : 10px 30px; background : #437a75; margin-top : 20px; margin-left: 0px; border : 1px solid #c2b49e; border-top-right-radius: 30px;border-bottom-left-radius: 30px;} .fond .fond2 p {font-size:1.3em; text-align: left; line-height: 1.4em; font-family: "brandon-grotesque", sans-serif; color:#c2b49e; } .fond .fond2 p span{margin-right:10px; }*/ /*#bas*/ #bas {width : 100%; height : auto; position : relative; bottom : 0px!important; z-index: 1; padding:5px 15px 0px 15px;margin-bottom:0px;/*background : rgba(171,192,186,1.0);background:#0c2340;*/ font-family: "brandon-grotesque", sans-serif;text-align: center;} #bas ul {height : 50px; list-style-type : none; margin:0 auto; width:auto; display:table;} #bas ul li {float: left; height : 30px; padding : 0 20px;} #bas ul li a{color : #bb1883; font-size:1em; text-transform : none; height : 45px; display : block; line-height : 45px;text-decoration:underline; -webkit-transition: all 0.5s; transition: all 0.5s; border:2px dashed #fff; border-color: inherit; padding: 3px 20px; } #bas ul li.reseaux{padding : 10px 20px; height: 60px; } #bas ul li a:hover {color : #eee;} #bas ul li a span{margin-right:10px;} #bas p{margin:0 auto; text-align: center; color : #c2b49e;} #bas .certif img{margin:10px 20px;max-height: 100px;width: auto; } #bas .certif a img:nth-last-of-type(2){margin:10px 20px;max-height: 10px;width: auto; } #bas .certif a img:hover{-webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0.5; } #bas h3 img#basLogo{width:100%;height:auto;max-width:200px; max-height:auto!important;} .logoContact img{margin:10px 20px;max-height: 60px;width: auto; } .logoContact a img:hover, .logoContact1 a img:{-webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0.5; } img.logoContact1 {margin:0px 0px;max-height: 100px!important;width: auto!important; } /*footer*/ footer {width : 100%; height : auto; position : relative; bottom : 0px!important; z-index: 1; padding:0px 30px 30px 30px;margin-bottom:0px;/*background : #0c2340!important;*/ font-family: "brandon-grotesque", sans-serif;border-top: 0px solid #00decc; background: #1a9ea4; } footer ul {padding-left:0px; list-style-type : none; margin:0 auto; width:auto; display:block;width:100%;} footer ul li {padding : 0 20px;margin-bottom:5px;} footer ul li a, footer ul li {font-family: "brandon-grotesque", sans-serif;; font-size: 1.2rem;color:#fff;font-weight: 100; text-align: left; text-decoration: none;-webkit-transition: all 0.5s; transition: all 0.5s; } footer ul li {color:#00decc;padding-bottom:5px;} footer ul li a:hover{color : #00decc!important; text-decoration: none;text-align:left;} footer ul li a span{margin-right:10px;} footer ul.lienbas {text-align:right;} footer ul.lienbas li{display:inline-block;} footer ul.lienbas li a{color:#333;font-size:1.0rem;} footer p{margin:0 auto; text-align: center; color : #666666;} footer p span{color:#666666!important; font-style: italic; font-size:0.9em;} footer.relatived-footer-video ul li a { color: #00decc; } footer h3{color:#fff;font-weight:100;padding-left:20px;font-size:1.9rem;padding-top:10px;font-family: "ff-market-web", sans-serif;margin-bottom:0px;} footer p {text-align: right;margin-top:30px;} footer p a {color:#fff;} footer p a:hover {color:#00decc;} footer ul.coord li a i{font-size:1.5rem;margin-right:5px;} #tubular-container {top:0;} footer img {max-width: 250px;height: auto;margin: 10px auto 10px 0px;display: block;position: relative;} footer p.image{text-align: center;} footer p.image img {max-width: 150px;height: auto;margin: -45px auto 0px auto;display: block;position: relative;filter: drop-shadow(0px -6px 0px #1a9ea4);} footer h2{color:#fff;text-align:left;font-weight: 100;font-size:1.5rem;border-bottom: 1px solid #00decc;margin-bottom: 30px; padding-bottom: 20px;} footer h2 strong{text-transform: uppercase;font-weight: 700;font-size:2.1rem;display:block;} footer h2 strong span{font-weight: 100;text-transform: none} footer h2 span{ font-size: 2.1rem; font-family: "ff-market-web", sans-serif; text-transform: none; color: #00decc;font-size:2.5rem; display: block; text-align: center; margin-top: 20px;} /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .tampon{height:300px;} .btn-primary{text-align: center!important; display: block;max-width:300px;margin:10px auto 0px auto;background: #1e898f;color:#fff!important;padding:5px 15px;word-wrap: break-word!important; white-space: normal;text-transform: uppercase;} .contenu .btn-primary i{font-size: 1.5rem!important;margin-right: 5px;vertical-align: -3px;} .btn-primary span{display:block;font-family: "Birthstone", cursive;font-size: 2.5rem;line-height: 1.8rem;} .btn-primary:hover{display: block;width:auto;margin:10px auto 0px auto;background: #1a9ea4;color:#fff;} .btn-secondary {border-radius:0px; height : 35px;padding:0;margin:30px auto; } .btn-secondaryActu { height : 35px;padding:0; } .ouvrir a ~ p {margin-top:10px;text-align: left;} .ouvrir a ~ p::first-letter { font-weight:800;color:#1a9ea4; font-size: 130%; } .ouvrir img{border-radius:10px;margin:10px auto 0px auto; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -webkit-transition: all 0.3s;opacity:1;} .ouvrir img:hover{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition: all 0.3s;opacity:0.7;} .gamme .btn-primary{text-transform:uppercase} .gamme .btn-primary span{text-transform:none;font-size:2.0rem;} .btn-primary span span{display:inline-block; font-family: "brandon-grotesque", sans-serif;text-transform: uppercase; font-size: 0.8rem;letter-spacing: 0.2em;line-height: 1.8rem;} .btn-secondary2, .btn-secondary3 {border-radius:0px; height : 35px;padding:0;margin-top:10px; } a .btn-secondary,a .btn-secondary2, a .btn-secondary3, a .btn-secondaryActu{font-family: "brandon-grotesque", sans-serif; text-transform: uppercase;text-decoration: none!important; width:100%;letter-spacing: 0.2em; padding:11px 20px;color:#fff;font-weight: 300; font-size:0.8em;display: block;width:auto; background:#c2b49e;} a .btn-secondary3{background:#000;min-width: 235px; text-decoration: none!important;display:inline-block!important;} a .btn-secondaryActu{background:rgba(253,79,0,0.80);min-width: 235px; text-decoration: none!important;display:inline-block!important;vertical-align: middle;} a:hover .btn-secondary ,a:hover .btn-secondary2, a:hover .btn-secondary3 {background:#7f7f7d; color:#fff; -webkit-transition: all 0.5s; transition: all 0.5s; text-decoration: none!important;} .btn {display: block; height: auto; text-decoration: none!important;} a.noDecoration {text-decoration: none!important;} .bgd7 {background: #bbc109;} .contenu .decallage1bis { padding: 20px 40px 15px 30px; color: #ffffff; margin: 0px auto 0px 0; font-size: 11pt; line-height: 17pt; display: block;background: rgba(255,255,255,0.50); border: 1px solid #1a9ea4; border-radius: 20px;width:100%;height:100%;border-left: 20px solid #1a9ea4; } .contenu .decallage1bis h3{color: #1a9ea4; font-family: "ff-market-web", sans-serif;font-weight: 100;font-size:2.0rem;} .decallage1bis h1 {font-size: 1.6em;} .margeneg2 { margin-top: 5px; margin-bottom: 5px; } .decallage1bis h2 { padding-bottom: 0px; text-decoration: none; font-family: 'Oswald', sans-serif; letter-spacing: 0.1pt; font-size: 18pt; font-weight: 100; } .margeneg2 { margin-top: 5px; margin-bottom: 5px; } .decallage1bis img{} .btn.resaNews, .btn.resa, .btn.resaM, .btn.resaS, .btn.resaK, .btn.resaE, .btn.resaL { text-decoration: none; font-size: 1.0rem; padding: 15px 15px; display: inline-block; cursor: pointer; border-radius: 0; margin-top:10px; margin-bottom:10px; text-transform: uppercase; color: #fff;letter-spacing: 0.05em; border:0px solid #fff; word-wrap: break-word!important; white-space: normal;border-radius: 10px; } .btn.resaNews { margin-top:0px; } .btn.resa{min-width:200px; background: #acc92f;} .btn.resa i, .btn.resaM i{font-size: 1.5rem;line-height: 0.5rem;margin-right:5px;vertical-align: -4px;} .btn.resaM{background: #1a9ea4;width:100%} .btn.resaS{background: #1a9ea4;width:100%} .btn.resaK{background: #909555;width:100%;max-width:200px;color:#fff!important;} .btn.resaK i{vertical-align: -5px;} .btn.resaE{background: #e24a84;width:100%} .btn.resaL{background:#ed046d;width:100%} .btn.resaNews:hover, .btn.resa:hover, .btn.resaS:hover, .btn.resaK:hover, .btn.resaE:hover, .btn.resaL:hover { background: #002e46;background: #1a9ea4;color:#fff;} .btn.resaM:hover {background: #555;color:#fff;} .btn-primary, .btn-primary:link, .btn-primary:visited, .btn-primary:focus { color: #000; background-color: #2d3d44; border: 0px solid #2d3d44; } .btn { font-weight: 400; color: #1a9ea4; background-color: #fff; border: 1px solid #000; padding: 10px 30px;text-transform: uppercase; font-size: 0.9rem;letter-spacing: 0.0em; line-height: 1.5; border-radius: 0rem; } .btn-primary:hover { background-color: #1a9ea4; color: #fff; border: 0px solid #002e46; } .modal-body .btn.resa{min-width:150px;text-transform: none!important;margin-top: 5px;margin-bottom: 5px;padding: 10px 10px;} h3.modal-title{font-size:1.8rem;line-height:2.0rem;color:#1a9ea4; font-family: "ff-market-web", sans-serif;} /* Sweep To Right */ h5.modal-title span{font-family: "ff-market-web", sans-serif;color:#1a9ea4;font-size: 1.7rem;} .bouton { background-color: rgba(255,255,255,0.00); /* background-image: linear-gradient(90deg,#fff,#0c2340 0,#0c2340 100%,#fff 0); background-position: 0; background-repeat: no-repeat; background-size: 0 100%;*/ border: 1px solid #333; color: #333; transition: .3s; cursor: pointer; /* display: inline-flex;*/ font-size: 0.8rem; font-weight: 400;letter-spacing: 0.1em; padding: 15px 30px; text-transform: uppercase; } .bouton:hover{border: 1px solid #1a9ea4;} .tout{ z-index: 10; display: block!important; position: absolute!important; bottom: 30px;left:50%;transform: translateX(-50%)!important; width: 220px; margin: 0px auto;text-align: center; } .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1a9ea4; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .cadre5ter .hvr-sweep-to-right:before { background: #333; } .go-b{ position:fixed; width:60px; height:60px; border:0px solid #fff; z-index:2001; right:10px; bottom: 60px; } .go-b a{ display:block; width:100%; height:100%; color:#fd4f00!important; } .sens { /*flex-direction: row-reverse; */ flex-direction: row;padding-left:10px;padding-right:10px;} @media (max-width: 940px) { .sociaux a.googlecarte {display: none;} } @media (max-width: 850px) { #menu .boutique h2 span {display: none;} } @media (max-width: 767px) { .accordion-body .structure .structureEconomie { padding: 0px 0px 0px 0px; } .accordion-flush .accordion-item {margin-bottom: 30px;} .ordi h2.accordion-header{display:none;} .port h2.accordion-header{display:block;} .accordion{margin-top:50px;} footer h3{padding-left:0px;} #sectionJaune { padding: 170px 30px 20px 30px;} #sectionJaune.fix, #sectionJaune.fix.superMenu {padding: 120px 30px 30px 30px;} section.saveur {padding-top: 70px;padding-bottom: 150px;} footer h3 {text-align: center;margin-top: 20px;} .activites {padding: 20px 0px 0px 0px;} } /*#menu.fixNavigation { position:relative!important; }*/ .contenu {padding-top: 30px; padding-bottom: 0px;} .modal-body .contenu {padding-top: 0px; padding-bottom: 0px;} .structure .structureEconomie .texteStructure h4, .structure .structureEnvironnement .texteStructure h4, .structure .structureSocial .texteStructure h4 { font-size: 1.3rem;} .cadre5ter h3 { font-size: 1.4rem!important; line-height: 1.8rem;} .sens { flex-direction: row-reverse;} .cadre5ter{width:100%;} .structure .structureEconomie .texteStructure::before, .structure .structureEnvironnement .texteStructure::before, .structure .structureSocial .texteStructure::before, .structure .structureEconomie .texteStructure::after, .structure .structureEnvironnement .texteStructure::after, .structure .structureSocial .texteStructure::after {display:none;} .structure .structureEconomie { width: 100%; padding: 30px 0px 0px 0px; } .structure .structureEconomie ul { padding-left:30px; } @media (max-width: 760px) { #menu.fixNavigation .sociaux a.shake {display:none;} } @media (max-width: 510px) { #menu .boutique {display: none;} } /**********facebook*******************/ .voletfacebook{z-index: 100; position: absolute; left: -291px; top:0px; -webkit-transition: left 0.5s; /* Safari */ transition: left 0.5s;z-index:1000;} .faceb{height: 150px;width:35px;/* display: table-cell; vertical-align: top;*/background: #054560 url(../images2020/Official-Facebook-Logo-bis.png) no-repeat 0% 0%;cursor: pointer;position:absolute;left:290px;top:32px;-webkit-transition: all 0.3s; transform: rotate(0deg);transition: all 0.3s;} .faceb:hover{background: #333333 url(../images2020/Official-Facebook-Logo-bis.png) no-repeat 0% 0%;} .voletfacebook a{cursor: pointer;} .voletfacebook.voletfacebookopen{left: 0px!important; width: 340px; -webkit-transition: left 0.5s; /* Safari */ transition: left 0.5s; } .img-responsive-bas{ max-width: 100%; height:auto; margin:0 0 40px 0; padding:0; -webkit-box-shadow: 0 -20px 15px 0 rgba(0,0,0,0.3); box-shadow: 0 -20px 15px 0 rgba(0,0,0,0.3); border-top:1px solid #c2b49e;} .liste{ margin:0 0 0px 0px; padding:0 0 0 20px!important; border-left:20px solid #1a9ea4; } ul.liste li{ list-style: none; color:#1a9ea4 !important; font-family: "brandon-grotesque", sans-serif; font-size : 1.3em; } .flag{ position:absolute; right:20px; top:60px; } h7{ font-family: "brandon-grotesque", sans-serif;; font-size:1.5em; line-height:0.9em; } .centrage { text-align : center; margin:0 auto;position: relative;width: 100%;} .centrage.T-100 {margin-top:-40px;} .centrer{display: flex;/*align-items: center;*/justify-content: center;flex-direction: column;} .bgdbleu{ background:#437a75;} .bgdblanc{ background:#fff;} .bgdbleuclair{ background:#a9bfbc!important;} .bgdbleu2{ background:#5c8c92!important;} .bgdvert{ background:#acc59e;} .bgdbleu:hover{ background:#fff; color:#666; text-decoration:none; text-shadow: 0 1px 2px #ffffff; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;} .carre{ background:#437a75; border:0px solid #d4124a; color:#ffffff; margin:1px 0px 0px 0px; border:0px solid #d4124a; padding-top:15px; padding-bottom:0px; } .margeneg2{ margin-top:5px; margin-bottom:5px; } /* .swiper-container { width: 100%; height: auto; display: block; position: relative; margin-top:-2px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img{max-width: 970px!important;width: 100%;height:auto;margin:0px auto;}*/ /*---------------------------SWIPER-----------------------------*/ .swiper-container { width: 100%; background-color: #1a9ea4; width:100%; display:block; position: relative } .swiper-container h1, .swiper-container h2, .swiper-slide h2 { color: #fff; font-size: 1.3rem; font-family: "brandon-grotesque", sans-serif!important; background: rgba(0,0,0,0.00); text-align: center; margin-left:auto;margin-right:auto;line-height: 1.3rem; margin-bottom:15px;font-weight:900;text-transform: uppercase; /*text-shadow: 2px 2px 5px #000000;*/ }.swiper-container p{color:#fff;padding:0 30px;font-size:1.7rem;} .swiper-container h1.speciale, .swiper-container h2.speciale, .swiper-slide h2.speciale { color: #fbbb33;} .swiper-container h1.fine, .swiper-container h2.fine, .swiper-slide h2.fine { color: #cf43e;} .swiper-container h1.pousse, .swiper-container h2.pousse, .swiper-slide h2.pousse { color: #52518d;text-shadow: none;} .swiper-container h1.verte, .swiper-container h2.verte, .swiper-slide h2.verte { color: #d9c94b;} .swiper-container #nain h1, .swiper-container #nain h2, .swiper-slide #nain h2 { padding-top:65px; } .swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span { text-shadow: none; font-size: 2.7rem; line-height: 2.2rem!important; margin-top: 0px; color:#fff;font-weight:400; /*font-family: "brandon-grotesque", sans-serif;text-transform: uppercase;*/ font-family: "ff-market-web", sans-serif;text-transform: none; display: block;margin-bottom: 15px;letter-spacing: 0.05em!important; /*text-shadow: 2px 2px 5px #000000;*/ } .swiper-container h3, .swiper-slide h3 { /* color: #61b9ab; background:#e0001a!important;*/ color: #fff; background:#1a9ea4!important; font-size: 0.9rem; font-family: "brandon-grotesque", sans-serif; text-transform: uppercase; letter-spacing: 0.1rem!important; background: rgba(0,0,0,0.00); padding: 10px 30px;top:0px; text-align: center;position:absolute;z-index: 100;width:100%; } .swiper-container h3 span, .swiper-slide h3 span { font-size: 2.9rem; line-height: 3.0rem!important; font-family: "brandon-grotesque", sans-serif!important; letter-spacing: 0.0rem; text-transform: none!important; letter-spacing: 0rem!important;display: block;margin-bottom: 15px; } .swiper-container.merci { width: 100%; /*background: url(../img2020/bg22.jpg); background-size: cover; background-position: center right; background-repeat: no-repeat;*/ width:100%; min-height: 400px; display:block; position: relative;z-index: 0!important;top:-1px;margin-bottom:-1px; } .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;background:#fff; /*background: transparent!important; align-items: center; justify-content: center; */ } @media (min-width: 1800px) { .swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span { font-size: 2.5rem; line-height: 2.5rem!important; margin-top: 0px; margin-bottom: 10px; } .swiper-container h1, .swiper-container h2, .swiper-slide h2 { font-size: 1.0rem; letter-spacing: 0.2rem;line-height: 1.2rem; margin-bottom:25px; } .swiper-slide .blocTexte {max-width: 570px;} } /*************slides index*************/ .swiper-slide.slide1 { background: url(../img2020/1.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } #nain .swiper-slide.slide1 { background: url(../img2020/1.jpg); background-size: cover; background-position: bottom -20px center!important; background-repeat: no-repeat; } .swiper-slide.slide2 { background: url(../images/slide2/classes-decouverte-charente-maritime-6.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } #nain .swiper-slide.slide2 { background: url(../images/slide2/classes-decouverte-charente-maritime-6.jpg); background-size: cover; background-position: top -30px center!important; background-repeat: no-repeat; } .swiper-slide.slide3 { background: url(../img2020/2.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .swiper-slide.slide4 { background: url(../images/slide2/centre-vacances-enfants-charente-maritime-14.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .swiper-slide.slide5 { background: url(../img2020/slide-regondeau-menuiserie-PVC-Alu-Royan-Oleron-Saintes-Rochefort-Charente-Maritime-5.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .swiper-slide.slide6 { background: url(../img2020/slide-regondeau-menuiserie-PVC-Alu-Royan-Oleron-Saintes-Rochefort-Charente-Maritime-6.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .swiper-slide.slide7 { background: url(../img2020/slide-regondeau-menuiserie-PVC-Alu-Royan-Oleron-Saintes-Rochefort-Charente-Maritime-7.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .swiper-slide.slide8 { background: url(../img2020/slide-regondeau-menuiserie-PVC-Alu-Royan-Oleron-Saintes-Rochefort-Charente-Maritime-8.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .swiper-slide.slide9 { background: url(../img2020/slide-regondeau-menuiserie-PVC-Alu-Royan-Oleron-Saintes-Rochefort-Charente-Maritime-9.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .swiper-slide.slide10 { background: url(../img2020/slide-regondeau-menuiserie-PVC-Alu-Royan-Oleron-Saintes-Rochefort-Charente-Maritime-10.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } .swiper-slide.slide11 { background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-saujon-royan-charente-maritime©Agence_WinAir-11.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide12 { background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-12.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide13 { background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-13.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide14 { background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-saujon-royan-charente-maritime©Agence_WinAir-20.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide15 { background: url(../images/fond_alpha2.png), url(../img2020/traiteur-saujon-royan-charente-maritime©Agence_WinAir-3.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide16 { background: url(../images/fond_alpha2.png), url(../img2020/traiteur-saujon-royan-charente-maritime©Agence_WinAir-2.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide17 { background: url(../images/fond_alpha2.png), url(../img2020/traiteur-saujon-royan-charente-maritime©Agence_WinAir-5.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide18 { background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-saujon-royan-charente-maritime-2.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } /******/ .swiper-slide.slide19 { background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-4.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide20 { background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-7.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide21 { background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-11.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide22 { background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-16.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } .swiper-slide.slide23 { background: url(../images/fond_alpha2.png), url(../img2020/restaurant-gastronomique-Rosieres-Saujon-Royan--Saintes-Charente-Maritime-18.jpg); background-size: auto, contain; background-position: top left, center center; background-repeat: repeat, no-repeat; } /************situation******************/ /************slides jeux**************/ .swiper-slide.slide1, .swiper-slide.slide2, .swiper-slide.slide3, .swiper-slide.slide3bis, .swiper-slide.slide3quad, .swiper-slide.slide4, .swiper-slide.slide5, .swiper-slide.slide6, .swiper-slide.slide7, .swiper-slide.slide8, .swiper-slide.slide9, .swiper-slide.slide10, .swiper-slide.slide11, .swiper-slide.slide12, .swiper-slide.slide13, .swiper-slide.slide14, .swiper-slide.slide15, .swiper-slide.slide16, .swiper-slide.slide17, .swiper-slide.slide18, .swiper-slide.slide19, .swiper-slide.slide20, .swiper-slide.slide21, .swiper-slide.slide22, .swiper-slide.slide23{ background-position: center right; background-repeat: no-repeat; width:100%; min-height: 500px; } .swiper-slide.slideA, .swiper-slide.slideSURPRESSEUR, .swiper-slide.slideB, .swiper-slide.slideC, .swiper-slide.slideD, .swiper-slide.slideE, .swiper-slide.slideF, .swiper-slide.slideG, .swiper-slide.slideH, .swiper-slide.slideI, .swiper-slide.slideJ, .swiper-slide.slideDTL, .swiper-slide.slideDO11, .swiper-slide.slideINDEXAGE, .swiper-slide.slidePRESSE, .swiper-slide.slideDETECTION { width:100%; min-height: 500px; } /*.swiper-slide.slide13, .swiper-slide.slide14, .swiper-slide.slide15{background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; min-height: 209px; }*/ #nain .swiper-slide.slide1, #nain .swiper-slide.slide2, #nain .swiper-slide.slide3, #nain .swiper-slide.slide3bis, #nain .swiper-slide.slide4, #nain .swiper-slide.slide5, #nain .swiper-slide.slide6, #nain .swiper-slide.slide7, #nain .swiper-slide.slide8, #nain .swiper-slide.slide9, #nain .swiper-slide.slide10, #nain .swiper-slide.slide11, #nain .swiper-slide.slide12, #nain .swiper-slide.slide13, #nain .swiper-slide.slide14, #nain .swiper-slide.slide15, #nain .swiper-slide.slide16, #nain .swiper-slide.slide17, #nain .swiper-slide.slide18, #nain .swiper-slide.slide19, #nain .swiper-slide.slide20, #nain .swiper-slide.slide21, #nain .swiper-slide.slide22{ background-position: center right; background-repeat: no-repeat; width:100%; min-height: 250px!important; } .swiper-slide .blocTexte { /* position:absolute; top:0px; left:70px;height:100%;*/ width:90%; max-width: 950px; /*min-height:320px;*/ /*height:380px!important;*/ margin-left:auto; margin-right:auto; background: rgba(11,174,189,0.50)!important; /*background: #1a9ea4!important;*/ padding:30px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; align-items: center; justify-content: center; z-index:1; } .swiper-slide .blocTexte .btn.resa{min-width:100px;height:95px;padding: 5px 10px 10px 10px; margin-top: 25px;font-size:3.0rem;border-radius:50%;margin-bottom:-70px;background: #acc92f; } .swiper-slide .blocTexte .btn.resa:hover{background: #333;} .swiper-slide img.curseurs{position: absolute;top: 50%; /* poussé de la moitié de hauteur du référent */ transform: translateY(-50%);left:50px;width:100%;height:auto;max-width:300px;z-index:-1;} .swiper-slide .blocTexte2 { /* position:absolute; top:0px; left:70px;height:100%;*/ width:100%; min-width: 320px;height: 450px; /*min-height:320px;*/ /*height:380px!important;*/ margin-left:0%; background: rgba(8,82,148,0.70)!important; padding:20px 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; align-items: center; justify-content: center; display:flex; }/* .swiper-slide .blocTexte h1, .swiper-slide .blocTexte h2 { display:flex; align-items: center; justify-content: center; margin:auto; }*/ .swiper-slide .blocTextemerci { position:absolute; top:120px; left:90px; /*width:35%;*/ width: 400px; background: rgba(0,76,76,0.80)!important; /*background: rgba(171,156,143,0.80)!important;*/ padding:15px 20px 15px 20px; border:2px dotted #4f83b1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .swiper-slide .blocTexte .btn { /* position:absolute; bottom:50px; left: 50%; transform: translateX(-50%);*/ } .swiper-slide .blocTexte p { text-align: center;margin-bottom:0px;margin-top:-10px; /*text-shadow: 2px 2px 5px #000000;*/ } .swiper-slide .blocTexte p img { max-width: 100px; height: auto; width: 100%; }/* .swiper-slide .blocTexte p img.svg { max-width: 200px; height: auto; width: 100%; }*/ .swiper-slide .pslide{display: block!important;position:relative!important;margin:0px auto;} .swiper-slide .title, .swiper-slide h1.title{ font-size: 2.1rem; font-weight: 100; line-height: 2.3rem; text-align: left; /*color:#afa69f!important;*/ color:#666fff; /*text-shadow: 0 2px 5px #666666;*/ font-family: 'Verveine', sans-serif!important; } .swiper-slide .subtitle {margin-top:10px; font-size: 1.5rem; line-height: 1.5rem; text-align: left; font-family: 'Lato', sans-serif; color:#666!important; } /* .swiper-slide .subtitle::after{ content: ""; display: block; margin:10px auto 10px auto; width: 100%; border-bottom:1px dashed #666666; border-color:inherit; }*/ .swiper-slide .text p{ font-size: 1.2rem; line-height: 1.4rem; text-align: left; font-weight: 400; color:#666!important; } .swiper-pagination-bullet { width: 15px!important; height: 15px!important; display: inline-block; border-radius: 50%; background: rgba(0,0,0,0.60)!important; opacity: 1.0; vertical-align: middle!important; font-size:1.0rem!important; line-height: 25px; color:#666!important; border-radius:0%; /*border:3px solid #fff;*/ } .swiper-pagination.jeux { margin-bottom:-50px; } .swiper-pagination-bullet-active { opacity: 1; background: #1a9ea4!important; } .swiper-button-prev, .swiper-button-next { background-color: #1a9ea4;padding:30px 25px!important;top:50%; } .swiper-button-next { right:0px } .swiper-button-prev{left:0px;} /***********************/ /****carousel******/ #demos{background: #fff;padding:30px 0px 30px 0px;margin-bottom:-1px;margin-top:-1px;} .wrapperDemo { max-width: 1170px; width: 100%; position: relative; margin: 0px auto!important; display: block; padding: 0px 0px 0px 0px; } .owl-carousel .owl-stage-outer { position: relative; overflow-x: hidden; -webkit-transform: translate3d(0,0,0); } #demos .owl-carousel .item { height: auto!important; background: #fff; padding: 1rem; } .owl-item p{margin:10px auto 0px auto;text-align: center;color:#0063af; text-transform: uppercase,;font-weight: 700;} .owl-item a img:hover{opacity:0.8;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { font-size: 3rem;border:none!important;outline: none; } .owl-carousel .owl-nav button.owl-prev { position:absolute;left:0;bottom:40%;overflow-y: hidden;border-color: #fff!important;border: none!important; } .owl-carousel .owl-nav button.owl-next { position:absolute;right:-55px;bottom:40%; background: #fff; color: #1a9ea4; line-height: 1.5em; padding: 0px 14px 0px 14px!important;height: 50px;overflow-y: hidden;border-color: #fff!important;border: none!important; } .owl-carousel .owl-nav button.owl-prev { position: absolute; left: -53px; bottom: 40%; background: #fff; color: #1a9ea4; line-height: 1.5em; padding: 0px 14px 0px 14px!important;height: 50px; } button.owl-prev span, button.owl-next span{height: 50px;display: block;line-height: 35px;} .owl-carousel .owl-item img { display: block;max-width:150px; width: 100%;height:auto; } .owl-theme .owl-dots{display:none;} .owl-carousel{margin-bottom:20px;} @media (max-width: 600px) { .paddingLink {margin-bottom: 5px;} .containerparallax .test.parallax{background-position: top 0px left -75px !important;} .containerparallax h2 span { font-size: 2.3rem; } .citation .paddingT50{padding-top:0px;} /*#sectionJaune, #sectionJaune.fix { position: absolute;}*/ .contenu h1 { font-size: 1.3rem;} .owl-carousel .owl-nav button.owl-next { right: -5px; bottom: -40px;} .owl-carousel .owl-nav button.owl-prev { left: -5px; bottom: -40px;} .owl-carousel { margin-bottom: 45px;margin-top: -30px; } } /****fin carousel****/ /*--------------------------------- partie FR---------------------------- */ .introG { width:100%; min-height: 100vh; float:none; display: flex; z-index:1; } .introG .fr { margin: auto;width:75%; text-align:center;background:rgba(255,255,255,0.60);padding:10px 30px 30px 30px;text-align: center; } .introG .fr p {text-align: center; font-family: "brandon-grotesque", sans-serif;;color:#000000; font-weight: 100; } .introG .fr p span{text-align: center; font-family: "brandon-grotesque", sans-serif;;color:#666666; font-weight: 100; font-style: italic; } .introG .fr h2 {font-family: "brandon-grotesque", sans-serif;;} .introG .fr h3 {font-family: "brandon-grotesque", sans-serif;;} .ligne2::after{ content: ""; display: block; margin:20px auto 0px auto; width: 10%; background-color: #222222; height: 1px; } .introG .fr img {float: left; margin-right:10px;margin-top:-5px;margin-left:-10px; } /*****************************************ACTUS****************************************/ /**************************************************************************/ .button.b-close {border-radius: 7px 7px 7px 7px; box-shadow: none; font: bold 131% sans-serif; padding: 0 6px 2px; position: absolute; right: 0px; top: -7px;} .button { background-color: #494949; border-radius: 10px; color: #fff; cursor: pointer; display: inline-block; padding: 10px 20px; text-align: center; text-decoration: none; } #actu {background:rgba(255,255,255,1.00) ; color: #111; display: none; width: 30%; min-width: 280px; height:auto; min-height:500px; padding: 25px 20px;} #actu h2 {color:#fd4f00; font-size:2.2em; font-family: "brandon-grotesque", sans-serif; Times New Roman, serif;font-style: normal; text-align: center; } #actu h2::after{ content: ""; display: block; margin:20px auto 0px auto; width: 50%; background-color: #fd4f00; height: 1px; } #actu p {color : #666666;} /*******************************************MEDIA QUERRIES********************************/ @media (max-width: 1150px) { .gamme h2 span { width: 150px; margin-left: auto; margin-right: auto; } } @media (max-width: 1092px) { #menu ul li a{padding : 0 15px!important; letter-spacing: 0.2em!important; } .leLogo h3 span.huitre {display: none;} .don h2 { font-size: 6rem; line-height: 4rem; padding: 130px 90px 50px 90px; } } @media (max-width: 1080px) { .encartCouleur2, .encartCouleur3, .encartCouleur {font-size: 0.8rem;} } @media (max-width: 991px) { .contenu p, .contenu2 p, .contenu3 p { text-align: left; } .banniere-fdc{display: none;} .voletfacebook {position: absolute;} #sousMenu { margin-top: 0px; padding-top: 10px; } #sousMenu2 { margin-top: 0px; padding-top: 10px; display:none; } #content.main-content2 { margin: 0px 0 0 0; padding-top: 70px; } .wrapper{ top: 20%; /* poussé de la moitié de hauteur du référent */ } /* #menu.fixNavigation .leLogo{ top:40px!important; }*/ #menu.fixNavigation .navbar ul { height: 50px; list-style-type: none; text-align: center; margin-top: 17px; } /*#menu {width : 100%; height : 120px; margin-top : 0; position: fixed; padding:0!important;}*/ #menu ul { height : auto!important; list-style-type : none; text-align: center; background: rgba(171,192,186,1.00); /*margin-top: 20px;margin-bottom: -20px!important;*/} #menu ul li {height :auto;line-height: normal;} #menu ul li a{display : block;height : inherit; padding : 20px 30px; color : #fff!important; font-family: "brandon-grotesque", sans-serif; font-size : 0.8em; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; } #menu .navbar ul { list-style-type: none; text-align: center; margin-top: 17px; /* height: 50px;height: 100vh!important;*/ } #menu .navbar ul li a {font-size : 0.8rem;height:60px; } #menu .navbar ul li a:hover {color : #000; text-decoration: none;background : rgba(171,192,186,0.0); -webkit-transition: all 0.4s; transition: all 0.4s; border-bottom:none;} .navbar-toggler { margin-top: 35px; margin-left: 10px; margin-bottom: -10px; border-radius: 50%!important; border:2px solid #1a9ea4!important; width: 58px!important; height: 58px!important; z-index: 1000!important; } /* .swiper-container { margin-top: 99px; } */ #alphabet { width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; top: 100px; background: rgba(171,192,186,1.0); text-align: center; padding: 15px; z-index: 1; } #alphabet.fixMenu{ position:fixed; top:0px!important; -webkit-box-shadow: 0 10px 10px 0 rgba(255,255,255,0.5); box-shadow: 0 10px 10px 0 rgba(255,255,255,0.5); } .contenu4{padding-top:100px;} } @media (max-width: 767px) { .structure {margin-bottom: 20px;} .leLogo img {margin: 0px auto 0px auto;} footer h2, footer p, footer ul li {text-align: center;} footer img { max-width: 200px; margin: 10px auto 20px auto;} .contenu h1 { margin-bottom: 20px; } .cadre4 h2 { font-size: 1.3rem!important; } #menu .navbar ul li.liensup{display:block} .don h2 { font-size: 6rem; line-height: 4rem; padding: 50px 80px 50px 80px; } #alphabet { width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; top: 0px; background: rgba(171,192,186,1.0); text-align: center; padding: 15px; z-index: 1; } #alphabet.fixMenu{ position:fixed; top:0px!important; -webkit-box-shadow: 0 10px 10px 0 rgba(255,255,255,0.5); box-shadow: 0 10px 10px 0 rgba(255,255,255,0.5); } .contenu4{padding-top:20px;} .gestionMarge {padding-top:0px !important; } .swiper-container { margin-top: -2px; } /* #menu {position: relative!important; } .fixNavigation{ top:0px; position: relative !important; -webkit-transition: all 0.0s; transition: all 0.0s; background: rgba(255,255,255,1.00)!important; }*/ .trois { background: rgba(255,255,255,0.00); width:100%; height: auto!important; min-height: 100vh; display:block; position: relative; overflow: visible;padding-top:50px;padding-bottom:50px; } .trois #description{display: block;position: relative;} .trois .flecheDown{width:70px; height: 70px; display:block; position: absolute; /* postulat de départ */ bottom: 50px; left: 10%; transform: translateX(-50%); } .wrapper2 {max-width:970px; width:90%; height : auto; position: relative; display:block;top:0%; } .pub {font-family: "brandon-grotesque", sans-serif, Arial, sans serif;font-size:5rem; line-height: 5rem; color:#fff;text-align: center; background: rgba(187,24,131,0.70);border-radius:50%; padding-top:50px; width:350px; height:350px;border:7px dotted #fff; position: relative; /* top: 45%; left: 50%; transform: translate(-50%, -50%);*/ } #cinq .wrapper {max-width:970px; width:90%; height : auto; position: relative; display:block;padding-top:0px; top: 15%; } footer { position : relative; } #sousMenu, #sousMenu2 { margin-top: -90px; padding-top: 0px; } } @media (max-width: 650px) { .structure .structureEconomie {padding: 10px 0px 0px 0px;} .accordion-body {padding: 1rem 0rem;} .cadre5ter ul {width: 95%; margin-left: 0px;margin-top: 15px;} .contact_form{position: relative; z-index: 10;} .descriptionUn ul li, .descriptionUn ul li a { font-size: 0.9rem; line-height: 1.2rem; padding: 3px 0px; } #Row h3 {font-size: 0.9rem;line-height: 1.5rem; margin-top: 0px;margin-bottom: 0px;letter-spacing: 0.00em;} .don h2 { font-size: 5.5rem; line-height: 4rem; padding: 50px 30px 50px 30px; } .trois .flecheDown{display:none; } .swiper-pagination, .swiper-button-next, .swiper-button-prev{display: none!important;} } .receipe { display: flex; justify-content: center; max-width: 100%; } .receipe div { display: flex; flex-direction: column; flex: 1 1 300px; } @media (max-width: 595px) { .contenu .accordion-flush .accordion-button, .contenu .accordion-flush .accordion-button.collapsed.vu {font-size: 1.4rem;} .cadre5ter h3 {font-size: 1.7rem !important;line-height: 2.0rem;} .contenu ul li {line-height: 1.3rem;text-align: center;} .box .cadre2 {padding: 0px 0px 20px 0px;} .structureEconomie .texteStructure h5 {text-align: center;font-size: 1.3rem;} .cadre5ter {margin: 35px 0px 10px 0px;} h5.diapo { padding: 5px 0px; margin-bottom: 0px; text-align: center; } h5.diapo::after { content: "■■"; top: 60px; right: 0px; } .contenu .wrapperpoints h2 {text-align: left; margin-top: 0px; margin-bottom: 10px;} .cadre2 { height: auto; position: relative; margin: 10px auto; } .cadre2 .chiffre {position: relative;top: 0px;left: auto;transform: translateX(0%);padding: 5px 15px 10px 15px; width: 55px;right: auto;margin: 0px auto;} .etapes .wrapperpoints {padding: 10px 4px 100px 5px;} .points h2 i {display: block;font-size: 3.5rem;text-align: center;} .points h2 {text-align: center;} img.padding30{padding:0px;} section.saveur { background-size: contain; } section.saveur.product { padding-top: 60px; padding-bottom: 20px; } .activites { padding: 30px 0px 0px 10px;position: relative; z-index: 10; margin-bottom: -30px; } #sectionJaune.fix, #sectionJaune.fix.superMenu { overflow-y: auto; } .receipe { margin-left: auto; margin-right: auto; } footer {padding: 40px 5px 30px 5px;} footer h3 {margin-top: 20px;} footer ul li { float: none; height: auto; padding: 0 20px 0 20px; display: block!important; } .banniere-fdc{display:block;} .contenu h1, .contenu3 h1 {background: rgba(255,255,255,0.00); } .swiper-slide.slide1 { background-size: cover; background-position: center center; } .swiper-slide.slide2 { background-size: cover; background-position: center center; } .swiper-slide.slide3 { background-size: cover; background-position: center right -155px; } .swiper-slide.slide4 { background-size: auto, cover; background-position: top left, center right -155px; } .swiper-slide.slide5 { background-size: auto, cover; background-position: top left, center right -333px; } .sousTitre {top: 45px;right: 5px;width:45px;} .sousTitre img { padding: 2px 2px; width: 36px; height: auto; } } @media (max-width: 500px) { h4 span.champs{display:block;} .structure .structureEconomie .texteStructure h4 { margin-top: 14px;font-size:1.1rem; } .contenu h1:after { font-size: 2.3rem; height: 0px; } .etapes.services .wrapperpoints { padding: 20px 5px 10px 5px; } .contenu h1 span, .contenu3 h1 span, .contenu h2 span, .contenu3 h2 span {font-size: 1.9rem;} #leLogo { margin: 0px auto 0px 10px; background-position: center top 12px;} } @media (max-width: 480px) { .triangle-top-left {left: 94px;} .rs {width: 95px;} .sociaux a {height: 25px;display: inline-block;} .sociaux {padding: 0px 10px 5px 10px;} .partenaires { padding: 50px 0px 0px 0px; } .cadre5ter {padding: 30px 15px 20px 15px;} #menu .boutique span{display:none} .fixNavigation .leLogo h3 { display: none; } #menu .boutique i{font-size: 1.5rem;margin-top: 10px;} /*.containerparallax span { font-size: 1.3em; line-height: 1.8rem; } .containerparallax h3 { padding: 20px 30px; }*/ footer p {margin: 40px auto 0px auto;text-align: center;} footer p a { display: block;} .wrapperRelatifCentre{max-width:970px; width:90%; height : auto; position: relative; display:block; margin:30px auto!important; } /* #menu .boutique{position:absolute;display: block; top:5px;right:0px;width:120px;height:auto;z-index: 1000;} #menu .boutique span{display:none;} .leLogo h3 { font-family: "Birthstone", cursive; color: #1a9ea4; font-size: 2.5rem; text-align: right; display: none; } .sousTitre {padding:0px 0px ; text-align: center; display:block; width:190px; position:relative; margin: -20px 0px 0 auto; } */ .un h2, .containerparallax h2 { margin:80px auto 0 auto; letter-spacing: -0.05rem!important; } } @media (max-width: 440px) { .swiper-container h1 span, .swiper-container h2 span, .swiper-slide h2 span {font-size: 2.5rem;} .swiper-container h1, .swiper-container h2, .swiper-slide h2 {line-height: 1.7rem;} #leLogo {background-position: center bottom -4px; margin: 0px auto 0px 5px; width: 80%;height: 94px;} .boutonMenu {right: -90px;} } @media (max-width: 380px) { /*.sousTitre { border-radius: 0 0 30px 30px; text-align: center; display:block; width:100%; position:relative; margin: 20px auto 0 auto; }*/ .pub {font-family: "brandon-grotesque", sans-serif, Arial, sans serif;font-size:5rem; line-height: 5rem; color:#fff;text-align: center; background: rgba(187,24,131,0.70);border-radius:50%; padding-top:30px; width:300px; height:300px;border:7px dotted #fff; position: relative; } /*.leLogo h3{ font-family: "Birthstone", cursive; color:#1a9ea4; font-size:2.2rem; }*/ footer.relatived-footer p { margin: 20px auto 10px auto; text-align: center; color: #ffffff; } } /****************** /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { margin-bottom: 4rem; border-bottom: 100px solid #388c9e; position: relative; margin-top:140px; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; bottom: 3rem; background: rgba(0,0,0,0.20); padding:20px 30px 0px 30px; } /* Declare heights because of positioning of img element */ .carousel-item { height: 32rem; background-color: #777; } .carousel-item p { color:#eee; } .carousel-item h3 { font-size:2.8rem; } .carousel-item h3 span { font-family: 'Oswald', arial, sans-serif; font-size: 3.2rem; font-weight: 800; position: relative; } .carousel-item h3 span sup { font-family: 'Oswald', arial, sans-serif; font-size: 0.5em; font-weight: 800; } .carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 32rem; } /* MARKETING CONTENT -------------------------------------------------- */ /* Center align the text within the three columns below the carousel */ .marketing .col-lg-4 { margin-bottom: 1.5rem; text-align: center; } .marketing h2 { font-weight: normal; } .marketing .col-lg-4 p { margin-right: .75rem; margin-left: .75rem; } /* Featurettes ------------------------- */ .featurette-divider { margin: 5rem 0; /* Space out the Bootstrap
more */ } /* Thin out the marketing headings */ .featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -.05rem; } /* RESPONSIVE CSS -------------------------------------------------- */ @media (min-width: 640px) { /* Bump up size of carousel content */ .carousel-caption p { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; } .featurette-heading { font-size: 50px; } } @media (min-width: 992px) { .featurette-heading { margin-top: 7rem; } } /* Correctifs responsive du header et du menu mobile — septembre 2026 */ @media (max-width: 767px) { html, body { max-width: 100%; overflow-x: hidden; } #menu, #menu.fixNavigation { position: relative !important; width: 100%; height: 184px; min-height: 184px; background: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, .10); z-index: 650; } #menu.fixNavigation { top: auto; } #menu .sociaux, #menu.fixNavigation .sociaux { position: relative; width: 145px; min-height: 64px; padding: 7px 8px 4px 10px; z-index: 2; } #menu .sociaux a, #menu.fixNavigation .sociaux a { display: block; width: 128px; height: 27px; margin: 0; overflow: hidden; white-space: nowrap; font-size: .82rem !important; line-height: 27px; } #menu .sociaux a:first-of-type, #menu.fixNavigation .sociaux a:first-of-type { font-size: 1.05rem !important; line-height: 27px; } #menu .sociaux a i, #menu.fixNavigation .sociaux a i, #menu .sociaux a:first-of-type i { width: 24px; margin-right: 3px; font-size: 1.25rem !important; line-height: 27px; } .rs, #menu.fixNavigation .rs { width: 145px; height: 64px; } .triangle-top-left, .fixNavigation .triangle-top-left { left: 145px; border-width: 64px 28px 0 0; } #menu .boutique { display: none; } #leLogo, #menu.fixNavigation #leLogo { position: absolute; top: 66px; left: 0; width: 100%; height: 112px; min-height: 0; margin: 0; border: 0; z-index: 3; } #menu .leLogo, #menu.fixNavigation .leLogo { position: relative; top: 0 !important; left: 0; display: flex; align-items: center; width: calc(100% - 78px); height: 112px; padding: 4px 4px 4px 10px !important; transform: none; text-align: left; } #menu .leLogo img, #menu.fixNavigation .leLogo img { display: block; flex: 0 0 98px; float: none; width: 98px; max-width: 98px; height: 98px; margin: 0 8px 0 0; padding: 2px; object-fit: contain; } #menu a.leLogo h2, #menu.fixNavigation a.leLogo h2 { margin: 0; padding: 0; font-size: 1.25rem; line-height: 1.12; text-align: left; } #menu a.leLogo h2 span, #menu.fixNavigation a.leLogo h2 span { margin-top: 5px; font-size: .88rem; line-height: 1.05; } #menu a.leLogo h2 em, #menu.fixNavigation a.leLogo h2 em { display: block; margin-top: 4px; font-size: .72rem; line-height: 1.05; } .boutonMenu, .fixNavigation .boutonMenu { position: absolute; top: 8px; right: 8px; left: auto; width: 64px; height: 64px; padding: 5px; transform: none; z-index: 700; } .menu svg { width: 54px; height: 54px; } .swiper-container, #menu + .swiper-container { margin-top: 0; } #sectionJaune, #sectionJaune.fix { box-sizing: border-box; width: 100%; height: 100vh; height: 100dvh; min-height: 100vh; min-height: 100dvh; padding: 190px 22px 35px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; background: #fff; z-index: 600; } #sectionJaune.superMenu, #sectionJaune.fix.superMenu { width: 100%; height: 100vh; height: 100dvh; left: -105vw; padding: 190px 22px 35px; } #sectionJaune #Row { display: block; height: auto; overflow: visible; margin: 0; } #sectionJaune #Row > [class*="col-"] { width: 100%; max-width: 100%; padding: 0; } #sectionJaune #Row h3 { margin: 18px 0 8px; font-size: 1.35rem; line-height: 1.45rem; } #sectionJaune #Row h3:first-child { margin-top: 0; } #sectionJaune .descriptionUn ul { padding-left: 0; } #sectionJaune .descriptionUn ul li, #sectionJaune .descriptionUn ul li a { font-size: .88rem; line-height: 1.2rem; text-align: left; } body.menu-mobile-ouvert { height: 100%; overflow: hidden; } } @media (max-width: 420px) { #menu .leLogo, #menu.fixNavigation .leLogo { width: calc(100% - 70px); padding-left: 6px !important; } #menu .leLogo img, #menu.fixNavigation .leLogo img { flex-basis: 86px; width: 86px; max-width: 86px; height: 86px; margin-right: 5px; } #menu a.leLogo h2, #menu.fixNavigation a.leLogo h2 { font-size: 1.08rem; } #menu a.leLogo h2 span, #menu.fixNavigation a.leLogo h2 span { font-size: .78rem; } #menu a.leLogo h2 em, #menu.fixNavigation a.leLogo h2 em { font-size: .66rem; } .boutonMenu, .fixNavigation .boutonMenu { right: 6px; width: 60px; height: 60px; } }