<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<link rel="canonical" href="https://www.yachting-medoc.com//" />
<title>Yachting Medoc - vente de bateaux et remorques</title>
<meta name="description" content="Yachting Medoc à Le Verdon et Hourtin, vente bateaux neufs et occasions 3D Tender, QuickSilver, Brig, vente de moteurs Mercury et vente de remorques." />
<link rel="icon" type="image/png" sizes="32x32" href="/img/icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/icon/favicon-16x16.png">
<link rel="manifest" href="img/icon//site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet preload" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous" defer></script>
<link rel="stylesheet preload" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<script src="https://kit.fontawesome.com/2683836089.js" crossorigin="anonymous"></script>
<style>@font-face {
font-family: "proxima";
src: url(/fonts/Proxima-Nova-Regular.woff2) format("woff2");
}
/* cyrillic-ext */
@font-face {
font-family: "proxima bold";
src: url(/fonts/Proxima-Nova-Bold.woff2) format("woff2");
}
.header-transpa{
max-width: initial;
position: absolute !important;
z-index: 999;
width: 100% !important;
background: #ffffffb2;
left: 0;
top: 47px;
}
.btn-boat, .btn-boat-2 {
overflow: hidden;
position: relative;
}
.btn-boat img, .btn-boat-2 img {
width: 100%;
height: 250px; /* Hauteur réduite */
object-fit: cover; /* Conserve le ratio d'aspect */
object-position: center; /* Centre l'image */
transition: transform 0.3s ease;
}
.btn-boat:hover img, .btn-boat-2:hover img {
transform: scale(1.05);
}
.actu-title{
min-height: auto !important;
font-weight: bold;
}
.actu-text{
min-height: 325px;
}
.video-container {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: #424242;
}
.video-container video {
width: 100%;
}
.contact a {
color: #000;
}
.box-detail ul, .carac-desc, .bg-grey, .contactform{
background: #115289 !important;
}
.actus .mb-5 {
margin: 0 !important;
}
.desc-text p{
margin-bottom: 0 !important;
}
.annonces .text{
padding: 15px;
}
.text-right {
text-align: right;
}
.annonce .prix {
background: #1F2833 !important;
}
.annonce h2 {
background: #bc9d1b;
color : white;
margin-bottom: 30px !important;
padding: 1rem !important;
}
.box-contact .btn-primary{
color: #bc9d1b !important;
}
.box-contact label, .box-contact p, .box-contact p a{
color: #000 !important;
}
.box-contact {
background: transparent !important;
color: #bc9d1b !important;
padding: 30px;
}
.nav-link.active {
text-decoration: underline 2px;
text-underline-offset: 8px;
}
.breadcrumb a {
color: #333333;
}
.breadcrumb a:hover {
color: #777777;
}
.breadcrumb-item {
color: #333333;
}
.breadcrumb-item+.breadcrumb-item::before {
content: '❯' !important;
}
.marque-in {
padding: 15px;
}
.actu-in {
background: white;
min-height: 487px;
}
.actu-text {
padding: 20px;
}
.fond-gris {
background: #09121d0d;
padding: 25px 0 20px 0;
}
.telephone {
display: none !important;
}
.navbar-toggler {
background: #909093;
right: 0;
position: absolute;
}
.mb-50 {
margin-bottom: 100px;
}
.mt-50 {
margin-top: 100px;
}
.my-50 {
margin: 100px 0;
}
.btn-primary {
border-radius: 5px !important;
font-size: 1rem !important;
padding: 10px !important;
text-transform: inherit !important;
}
.btn-primary:hover {
text-decoration: none;
}
.btn-annonce:hover {
background: #8F9091;
border-color: #8F9091;
color: black;
}
.btn-second {
border-radius: 5px !important;
font-size: 1rem !important;
padding: 10px !important;
text-transform: inherit !important;
}
.btn-nav {
background-color: #55a3f8 !important;
padding: 10px 15px !important;
color: white !important;
border-radius: 20px !important;
display: inline;
font-size: 1rem !important;
text-transform: uppercase !important;
}
/************************************/
/* CAT BLOCK */
/************************************/
.cat-block {}
.cat-block h2 {
text-align: center;
color: white;
background: #c2b59d;
padding: 10px;
text-transform: uppercase;
font-size: 22px;
}
/************************************/
/************************************/
@font-face {
font-family: "proxima";
src: url(fonts/Proxima-Nova-Regular.woff2) format("woff2");
}
@font-face {
font-family: "proxima bold";
src: url(fonts/Proxima-Nova-Bold.woff2) format("woff2");
}
body {
background: #fefefe;
color: black;
font-family: "proxima" !important;
font-size: 17px;
overflow-x: hidden !important;
}
.actufield a {
color: black !important;
}
.home p {
font-size: 23px !important;
}
.prix-promo {
text-decoration: line-through;
color: #dd0515;
}
.img-actu {
max-height: 100%;
width: auto;
text-align: center;
margin: auto;
display: table;
padding: 15px;
}
.atelier-block {
margin-top: 30px;
text-align: center !important;
padding: 15px;
border: 1px #addadd solid;
color: white;
font-size: 1.5rem;
height: 150px;
border-radius: 15px;
background: radial-gradient(circle,#94c1c4 0%,#b2dfe2 100%);
display: flex;
align-items: center;
justify-content: center;
width: 100%;
box-shadow: 3px 3px 3px #4c7c8014;
}
.atelier-block .atelier-block-in {
align-self: center;
}
.atelier-block .home-li a {
padding-left: 55px;
}
.atelier-block i {
display: block;
}
.atelier-block .atelier-texte {
text-shadow: 3px 3px 3px #78abae;
}
.pt-8 {
padding-top: 80px;
}
.chantier-title {
margin-top: 80px !important;
margin-bottom: 50px !important;
background: transparent;
position: relative;
top: 0;
box-shadow: none;
text-shadow: none;
color: black !important;
}
.roll-over {
overflow: hidden;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.roll-over img {
overflow: hidden;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.roll-over:hover img {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}
.mt-8 {
margin-top: 80px;
}
.mb-8 {
margin-bottom: 80px;
}
.actu-home {
background: url(/img/mer.jpg) no-repeat center;
background-size: cover;
}
.actu-bloc {
background-color: white !important;
}
.news-texte {
min-height: 127px;
}
.actu-desc {
padding: 20px;
height: 310px;
}
.actu-desc h2 {
font-size: 28px !important;
}
.actu-desc .plus-actu a {
display: block;
margin-top: 20px;
text-align: justify;
color: black !important;
font-weight: bold !important;
}
.stock {
padding: 0 !important;
position: relative !important;
}
.stock .stock-abso {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 20px 60px !important;
font-size: 30px !important;
color: white !important;
}
.stock-neuf {
display: flex;
}
.stock-neuf img {
width: 50%;
}
.my-8 {
margin: 80px 0;
}
.py-8 {
padding: 80px 0;
}
.over-style {
overflow: hidden;
}
.over-style img {
transition: all 1s;
}
.title-info-product {
padding: 30px 0 40px 0;
}
.over-in-style {
border: white 2px solid;
background: #00000029 !important;
border-radius: 20px;
width: 50% !important;
transition: all 1s;
}
.over-style:hover .over-in-style {
background: #00000090 !important;
}
.over-style:hover img {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.scroll_down {
position: absolute;
top: 95%;
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
color: #fff;
font: normal 400 20px/1 "Josefin Sans", sans-serif;
letter-spacing: 0.1em;
text-decoration: none;
transition: opacity 0.3s;
padding-top: 60px;
}
.scroll_down span {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
-webkit-animation: sdb04 2s infinite;
animation: sdb04 4s infinite;
}
html {
scroll-behavior: smooth;
}
#body-container {
scroll-behavior: smooth;
}
.scroll_down2 {
position: absolute;
bottom: -1.5em;
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
color: #fff;
font: normal 400 20px/1 "Josefin Sans", sans-serif;
letter-spacing: 0.1em;
text-decoration: none;
transition: opacity 0.3s;
padding-top: 60px;
}
.scroll_down2 span {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 5px solid #d32b2c;
border-bottom: 5px solid #d32b2c;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
-webkit-animation: sdb04 2s infinite;
animation: sdb04 2s infinite;
background: #ffffff1c;
}
@-webkit-keyframes sdb04 {
0% {
-webkit-transform: rotate(-45deg) translate(0,0);
}
20% {
-webkit-transform: rotate(-45deg) translate(-10px,10px);
}
40% {
-webkit-transform: rotate(-45deg) translate(0,0);
}
}
@keyframes sdb04 {
0% {
transform: rotate(-45deg) translate(0,0);
}
20% {
transform: rotate(-45deg) translate(-10px,10px);
}
40% {
transform: rotate(-45deg) translate(0,0);
}
}
.home-nav {
height: 20px;
position: relative;
top: -3px;
}
.h1-home {
position: relative;
background: transparent;
top: 0;
color: white;
box-shadow: none;
font-size: 32px;
padding: 15px;
}
.col-lg-custom {
float: left;
width: 20%;
position: relative;
padding: 5px;
}
.warp {
overflow-x: hidden;
}
.logo-footer {
padding: 10px;
}
.dropdown-item {
color: #1b203e;
background: white;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
padding: 0;
}
.navbar-light .navbar-nav .nav-link {
color: black;
}
.dropdown-menu a {
color: black !important;
}
#navbarDropdown {
color: black !important;
}
.bg-blue {
background: #115289;
color: white;
}
.back2 {
background: #16abb9;
}
.back2 h2 {
color: white;
padding: 20px;
}
.back2 p {
color: white;
padding: 20px;
}
.bg-light {
background-color: transparent !important;
}
.footer-link {
margin: 0;
padding: 0;
width: 100%;
}
#footer {
background: #3178b6;
color: white;
padding: 60px 0 20px 0;
text-align: center;
border-top: 1px solid #ccc;
}
#footer{
max-width: none !important;
}
#footer li {
display: block;
margin: 0px;
}
#footer ul {
padding-left: 0;
list-style: none;
}
.logo-mobil-footer {
width: 40%;
}
.over-in h4 {
text-align: center;
}
.dropdown-toggle::after {
position: relative;
left: -4px;
}
.ico-f {
font-size: 22px;
padding: 10px;
border-radius: 34px;
}
.content-fixe .btn-primary {
color: white !important;
}
.content-fixe h2 {
font-weight: bold;
}
.fixed {
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
background: linear-gradient(0deg,rgba(2,0,36,0) 0%,#000000 100%) !important;
}
.categorie {
position: absolute;
left: 0;
top: 0;
}
.categorie-in {
padding: 5px;
position: relative;
}
.over-img-list {
position: absolute;
background: white;
width: 87%;
display: none;
top: 100%;
z-index: 9;
}
.over-img-list a {
color: #1b203e;
}
.over-img-list a:hover {
color: black;
}
.over-img-list ul {
list-style: none;
text-align: center;
padding: 0;
margin: 0;
}
.btn-detail {
width: auto !important;
display: table;
margin: 0 auto;
}
.over-img {
text-align: center;
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.over-img h2 {
color: white;
font-size: 35px !important;
border: 1px solid white;
margin: 0 auto;
padding: 5px;
background: #00000022;
width: min-content;
transition: background 0.6s, color 0.6s;
}
.over-img:hover h2 {
background: white;
color: #444444;
}
.brand {
display: table;
margin: 0px 0px 9px 0px !important;
}
.over {
position: relative;
bottom: 0;
left: 0;
width: 100%;
}
.height {
position: relative;
}
.over-in {
width: 100%;
margin: 0 auto;
background: transparent;
overflow: auto;
padding: 20px;
color: black;
}
.over-in h4 {
font-size: 24px;
text-align: center !important;
}
.prix_table {
background: black;
color: white;
}
.border {
border-bottom: 4px solid #f00 !important;
border-top: 4px solid #a0d8e2 !important;
}
#text-page h1 {
text-align: center;
}
.picto {
position: absolute;
bottom: 0px;
right: 0px;
background: white;
margin: 5px;
border-radius: 20px;
width: 50px;
padding: 5px;
border: 1px black solid;
}
.ulblock li {
display: block !important;
}
.content-fixe .btn {
margin: 0 auto !important;
}
.fotorama-detail {
max-width: 800px;
margin: 0 auto;
}
.content-fixe {
text-align: justify;
}
hr {
border-top: 2px solid #d0d0d0;
height: 2px;
background: white;
color: white;
}
.bg1 {
background: url(../img/1.jpg);
background-position: center;
}
.bg2 {
background: url(../img/2.jpg);
background-position: center;
}
.inner-photo {
height: 250px;
background-size: cover;
background-repeat: no-repeat;
background-color: #dadada;
background-position: center;
position: relative;
}
.contactform a {
color: black;
}
.border-top {
border-bottom: 0;
border-image-slice: 1;
border-left: 0;
border-right: 0;
}
.logo {
z-index: 99;
}
.lastann img {
width: 100%;
}
.lastann p {
min-height: 40px;
margin: 10px 0;
}
#loadzone, #loadlieu {
display: none;
}
.polar {
position: absolute;
width: 100%;
left: 0;
height: 100%;
z-index: 1;
}
.price {
font-size: 31px;
text-align: center;
color: #383838;
width: 100%;
position: absolute;
bottom: 0;
margin: 0px;
background: white;
}
.photo {
padding: 10px;
z-index: 9;
margin: 0 auto;
display: table;
}
.navbar-default .navbar-nav>li>a {
font-size: 18px;
}
.nav>li {
text-align: center;
}
.facebook {
max-width: 300px;
width: 100%;
}
.bouton {
text-align: center;
}
.bouton h2 {
background: #001b49;
color: white;
margin: 5px;
padding: 15px;
text-transform: uppercase;
font-size: 20px;
}
.banner-div {
background: url("../img/fond.jpg");
padding: 10px 0 10px 0;
}
.div-marque img {
float: left;
height: 70px;
width: auto;
margin: 0 3px 0 3px;
}
.text-actu {
padding-top: 10px;
}
.banner img, .text-banner {
float: left;
color: white;
}
.text-banner h1 {
text-transform: uppercase;
font-weight: bold;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-menu {
padding: 10px;
z-index: 99;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.navbar-brand {
margin-right: 0 !important;
}
.navbar-buttons {
position: absolute;
top: 80px;
right: 20px;
}
.navbar-default {
background: white;
margin-bottom: 0;
width: 100%;
border-radius: 0;
border: 0;
z-index: 9999;
}
.navbar-default .navbar-nav>li>a {
color: black;
font-weight: bold;
padding: 0 8px;
font-family: "proxima";
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:active {
background-color: rgba(0,0,0,0);
color: grey;
}
#navigation {
width: 100%;
}
.nav-link a, .nav-item a {
color: black;
font-family: "proxima bold";
text-transform: uppercase;
}
.nav-link a:hover, #navbarDropdown:hover {
color: #98bdff !important;
}
.titre-home h1 {
font-weight: bold;
color: white !important;
margin-top: 0 !important;
}
.titre-home h2 {
font-weight: bold;
margin-top: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.table td, .table th {
padding: 4px;
}
.dropdown-menu {
background-color: white;
color: #333333;
min-width: 220px;
border: 0;
z-index: 99999999;
padding: 10px 10px !important;
}
.dropdown-menu a {
display: block;
padding: 10px;
}
#title {
font-weight: bold;
font-size: 20px;
}
.footer {
padding-top: 10px;
}
.navbar-collapse.collapse {
height: 70px !important;
}
.navbar-nav>li>.dropdown-menu {
border-radius: 0;
}
.navbar .yamm-content li a {
color: black;
}
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
position: inherit;
}
.navbar .yamm-content li a:hover {
color: #024a85;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:active {
color: #ddd;
background-color: #4b4f54;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: white;
background-color: #777;
}
.nav-space {
background: black;
width: 100%;
overflow: visible;
position: relative;
left: 0;
height: 10px;
}
.titre-nav {
margin-top: 10px;
}
.container-header {
width: 100%;
padding: 0px;
}
#navigation2 {
background: black;
color: #024a85;
border: 0;
}
#navigation2 .navbar-nav>li>a {
padding-top: 0;
line-height: 0px;
min-height: auto;
color: #024a85;
}
#navigation2 .nav>li>a {
position: inherit;
display: block;
padding: 23px;
}
.nav>li>a>img {
max-width: auto;
}
.nav li a, .nav li li {
padding: 10px 0px;
padding-top: 15px !important;
}
.no-margin {
margin-top: 0 !important;
}
.button-home {
padding: 30px;
border-radius: 5px;
font-size: 20px;
text-align: center;
}
.button-home p {
margin: 0;
}
.banner {
display: table;
margin: 0 auto;
}
.navbar-default .navbar-toggle {
border-color: black;
color: white;
background-color: #821e07;
z-index: 9;
}
.navbar-default .navbar-toggle:hover {
border-color: black;
color: white;
background: #aa2511;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: black;
}
.navbar-default .navbar-toggle:focus {
background-color: #821e07;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:active {
color: #ddd;
}
.navbar-toggle {
margin-top: 5px;
margin-bottom: 5px;
}
#navigation2 a:hover, a:focus {
color: #024a85;
text-decoration: none;
}
.contactform h2 {
margin-top: 20px !important;
}
.contactform .btn-primary {
background: #ebebeb;
color: black;
}
.titre {
margin: 20px auto !important;
}
p.phtM {
padding: 0;
margin: 0;
max-height: 500px;
text-align: center !important;
width: 100%;
margin-bottom: 10px;
}
p.phtM img {
max-width: 100%;
max-height: 500px;
}
#carousel1 {
margin-bottom: 10px;
}
.es-carousel ul {
display: block;
}
.es-carousel-wrapper {
background: #f1f1f1;
padding: 5px 35px 5px 36px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position: relative;
}
.es-carousel {
overflow: hidden;
background: #f1f1f1;
padding: 0;
margin: 0;
}
.es-carousel ul {
padding: 0;
margin: 0;
}
.es-carousel ul li {
float: left;
display: block;
}
.es-carousel ul li a {
display: block;
border-style: solid;
border-color: #222;
}
.es-carousel ul li a img {
display: block;
border: none;
max-height: 100%;
max-width: 100%;
border: 1px solid #ccc !important;
}
.es-nav span {
position: absolute;
top: 50%;
left: 12px;
background: transparent url(https://www.youboat.fr/images/graphics/nav.png) no-repeat top left;
width: 14px;
height: 26px;
margin-top: -13px;
text-indent: -9000px;
cursor: pointer;
opacity: 0.8;
}
.es-nav span.es-nav-next {
right: 12px;
left: auto;
background-position: top right;
}
.es-nav span:hover {
opacity: 1;
}
.color-dd0515 {
color: #dd0515;
}
.products p {
color: black !important;
}
.bg-red {
background-color: #dd0515;
}
.products .prix {
color: black !important;
}
.ranieri-home {
max-width: 60% !important;
margin: auto;
}
tbody>* {
color: black !important;
}
.bg-dd0515 {
background: linear-gradient(90deg,#000000 0%,#5494d3 100%) !important;
border: 0;
}
.caracDetail {
width: 100%;
}
.caracDetail td, .caracDetail th {
padding: 10px;
text-transform: uppercase;
}
.caracDetail th {
width: 50%;
}
.caracDetail td {
width: 50%;
}
.caracDetail tr:nth-child(even) {
background: transparent;
}
.caracDetail tr:nth-child(odd) {
background: #3178b6;
color: #fff;
}
.caracDetail tr:nth-child(2n + 1) {
background: #ebebeb;
color: #000;
border-top: 1px solid #d5d5d5;
}
.ficheDetail ul {
overflow: hidden;
}
.ficheDetail ul li {
float: left;
display: block;
width: 30%;
padding: 2px 0;
}
.liste {
padding-left: 5px;
}
.ficheDetail .price {
margin-top: 69px;
display: inline-block;
font-size: 30px;
padding: 15px;
}
.product-details h3 {
color: black;
font-weight: bold;
}
.orange {
background: #1b203e;
text-align: center;
color: white;
transition: background 1s;
}
.detail-txt {
font-size: 20px;
}
.detail-txt p {
padding-bottom: 3px;
margin-top: 6px;
margin-bottom: 0;
}
.ico {
font-size: 40px;
margin: 10px;
}
.card {
background: white;
overflow: hidden;
}
.forcontact {
padding: 0 30px;
}
.portfolio-box-text {
padding-left: 10px;
}
iframe {
display: table;
}
.footercol p {
margin-bottom: 0;
}
.logo-footer {
padding: 10px;
}
.footer-link {
margin: 0;
padding: 0;
width: 100%;
}
.logo-footer {
background: radial-gradient(circle,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.4) 100%);
border-radius: 4px;
padding: 15px;
}
hr {
border-top: 1px solid #d0d0d0;
height: 1px;
background: white;
color: white;
margin-bottom: 0;
}
a {
color: #fff;
}
a:hover {
color: #ddd;
text-decoration: none;
}
#cpDiv, #contact-cp {
display: none;
}
.actu-retour {
margin-top: 20px;
}
.actu-retour a:hover {
color: black;
}
.featured-news .caption, .latest-news .caption {
padding: 10px 0 0 0;
}
.w-100 {
width: 100% !important;
}
.featured-news .caption a, .latest-news .caption a {
font-size: 1.1em;
font-weight: 600;
color: #083d81;
}
.featured-news .intro, .latest-news .intro {
padding-bottom: 10px;
font-size: 0.9em;
}
.featured-news .intro a, .latest-news .intro a {
white-space: nowrap;
}
.featured-news .date, .latest-news .date {
font-size: 0.7em;
color: #999;
}
.featured-news img, .latest-news img {
max-width: 100%;
margin: 10px 0 10px 0;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-border-radius: 5px;
-moz-background-clip: padding;
border-radius: 5px;
background-clip: padding-box;
-webkit-box-shadow: inset 0 1px #fff, 0 0 8px #c8cfe6;
-moz-box-shadow: inset 0 1px #fff, 0 0 8px #c8cfe6;
box-shadow: inset 0 1px #fff, 0 0 8px #c8cfe6;
color: inset 0 1px #fff, 0 0 8px #c8cfe6;
}
.news-block-content {
margin: 15px 0 15px 0;
font-size: 18px;
}
.centered {
display: table;
margin: 0 auto;
}
.facebook {
width: 200px;
}
.agenda {
border: 1px solid black;
padding: 5px;
margin-top: 10px;
margin-bottom: 20px;
box-shadow: 10px 10px 5px #888888;
}
.agenda table thead tr td {
border: 1px solid;
padding: 2px;
}
.logo {
margin: 10px;
max-width: 270px !important;
width: 100%;
}
.nomP {
display: none;
}
.agenda table tr td {
border: 1px solid;
padding: 5px;
}
.agenda-item {
padding: 5px;
}
.div-marque-parent {
background: #bbb;
}
.div-marque {
height: 70px;
display: table;
margin: 0 auto;
padding: 5px;
}
.marque-banner {
float: left;
max-height: 100px;
padding: 5px;
line-height: 70px;
vertical-align: middle;
height: 70px;
}
.panel-home {
padding: 25px;
}
.panel {
margin-bottom: 0;
}
.featured-news {
height: 120px;
margin: 0 auto;
display: table;
}
.featured-news img {
height: 100px;
}
.panel-default {
border: 0;
}
.panel-home-in {
padding: 15px;
}
.panel-white {
background: white;
}
.item .img-slider {
width: 100%;
height: auto;
}
.lastAnn {
list-style: none;
margin-left: 0;
padding-left: 0;
}
#map {
width: 100%;
height: 370px;
margin-top: 15px;
}
.slider {
max-height: 400px;
overflow: hidden;
}
.box {
background: transparent;
color: white;
border: 0px;
}
.breadcrumb {
background: #f1f1f1;
color: white;
}
#voir-plus {
color: #d9f2ff;
cursor: pointer;
}
.products {
margin-top: 30px;
}
.products h2 {
font-size: 20px !important;
font-weight: bold;
border-left: #000000 4px solid;
padding: 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #000000;
width: 100%;
background: linear-gradient(90deg,rgba(0,0,0,0.43) 0%,rgba(0,0,0,0) 100%);
margin: 0 !important;
}
.products .btn-primary {
color: white !important;
background-color: #dd0515 !important;
border: 0 !important;
position: relative;
bottom: -17px;
width: auto;
display: table;
margin: 0 auto;
}
.btn-primary {
color: white !important;
background-color: #dd0515 !important;
border: 0 !important;
}
.products .fas.fa-long-arrow-alt-right {
margin: 4px 0 0 4px;
position: relative;
bottom: -2px;
}
.products .prix {
margin-top: 20px;
font-size: 1.8rem;
}
.products .gradient {
width: 100%;
height: 250px;
background: linear-gradient(0deg,rgba(0,0,0,0.44) 0%,rgba(0,0,0,0) 50%);
position: absolute;
top: 0;
}
.products .portfolio-box-container {
background-color: #f6f6f6;
}
.products p {
margin: 5px 0;
}
.products .type {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.products .type-col {
white-space: nowrap;
}
.products .marque {
position: absolute;
bottom: 0;
color: white;
}
.link-remorque {
text-align: center;
color: black;
width: 100%;
display: block;
text-decoration: underline #559faa 2px;
}
.product {
height: 415px;
}
.product img {
margin: 0 auto;
width: 100%;
}
.product h3 {
margin: 0 !important;
}
#content .product .text h3 a {
color: black;
}
.livre-in {
padding: 9px 8px;
margin: 0 0 10px 0;
text-decoration: none;
font-family: "Arial", sans-serif;
font-size: 15px;
line-height: 22px;
font-weight: normal;
color: #adadad;
background: transparent;
outline: none;
width: 100%;
border: 1px solid #dbdbdb;
-webkit-box-shadow: none;
box-shadow: none;
float: left;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.btn-primary {
color: white;
background-color: #dd0515;
border: 0;
}
.postite {
transform: rotate(-45deg);
position: absolute;
background: #3178b6;
padding: 6px;
border-radius: 10px;
color: white;
width: 180px;
text-align: center;
top: 27px;
left: -39px;
z-index: 99;
transition: all 1s;
}
.details {
font-size: 20px;
}
.details p {
margin: 4px;
}
.hover-orange:hover .orange {
background-color: #1b203e;
}
.hover-orange:hover .postite {
background: #1b203e;
top: -37px;
left: -102px;
}
.orange:hover {
background-color: #1b203e;
color: white;
}
.btn-primary:hover {
color: black;
background-color: #d1d1d2;
border-color: black;
}
.logo-mobile {
display: none;
text-align: center;
}
.titre-fixe {
position: relative !important;
top: 0 !important;
color: #000 !important;
padding: 0;
text-align: center !important;
}
.infos-boat {
margin-bottom: 15px !important;
}
.title-boat {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 15px !important;
margin-bottom: 20px !important;
color: #1b203e;
}
.content-fixe ul {
list-style: disclosure-closed;
padding-left: 15px;
}
#lajax {
color: white;
}
.inner-photo {
transition: all 0.4s;
}
.inner-photo:hover {
transform: scale(1.06);
}
.grey-cover {
overflow: hidden;
width: 100%;
position: relative;
}
.btn {
width: 100%;
}
.bg1:hover {
background-size: 575px;
}
.bg2:hover {
background-size: 575px;
}
.panel-body a {
color: #1e73be;
}
.panel-body a:hover {
color: red;
}
.panel-body {
background: #fff;
}
.panel {
border-radius: 0px;
}
.facebook-home {
font-size: 28px;
width: 100%;
padding: 20px;
}
.facebook-home p {
color: #114592;
margin: 10px;
border: 1px solid black;
text-align: center;
}
.box-home {
padding: 10px;
border: 1px solid #083d81;
}
.iframe_home {
width: 100%;
height: 500px;
}
.shop-item-home img {
width: 100%;
margin: 0 auto;
}
.shop-item-home {
margin: 0 auto;
display: table;
border: 2px solid black;
background: #024a85;
color: white;
}
.shop-item-home:hover {
background: #aa2511;
}
.facebook-home p:hover {
background: #ccc;
}
.shop-item-home .title, .description {
padding-left: 20px;
}
.content-fixe td {
padding-right: 40px;
}
.content-fixe table {
margin-top: 75px;
}
.leaflet-popup-content {
font-family: ROBOTO;
font-weight: 600;
}
.intl-tel-input {
width: 100%;
}
.faq li ul {
display: none;
}
.faq ul:hover {
color: #ed7d31;
cursor: pointer;
}
.faq>ul {
color: #1b203e;
font-weight: bold;
list-style-image: url(../img/puce.png);
}
.faq ul li ul {
color: #1b203e;
font-weight: normal;
}
.faq ul li ul:hover {
color: #1b203e;
font-weight: normal;
}
.gestion td {
padding: 5px;
}
.color-55a3f8 {
background-color: #55a3f8;
border: 0;
}
.btn-small {
max-width: 400px;
display: table;
margin: 0 auto;
}
.page-item.active .page-link {
background-color: #1b203e;
border-color: #1b203e;
}
.page-link {
color: #1b203e;
}
.prix {
font-size: 22px;
width: 100%;
text-align: center;
margin: 0 !important;
min-height: 33px;
}
.table {
margin: 0;
font-size: 15px;
}
.shop-item-home a {
font-size: 0.8em;
font-weight: 600;
color: white;
}
.shop-item-image-home {
position: relative;
min-height: 125px;
}
.no-padding {
padding-top: 0 !important;
}
.text {
color: black;
}
#main-slider .owl-controls .owl-page.active span, .box.slideshow .owl-controls.clickable .owl-page:hover span, #main-slider .owl-controls.clickable .owl-page:hover span {
background: #024a85;
}
.livre-or {
color: white;
width: 60%;
margin: 0px auto;
}
.field img {
padding-right: 10px;
width: 25%;
}
.special input {
float: right;
}
.form-control {
color: black;
}
input, textarea {
color: black;
}
.div-button-livreor {
padding-bottom: 10px;
}
.help-ajax {
float: right;
color: red;
font-size: 25px;
}
.btn-livreor {
color: black;
border-radius: 3px;
font-weight: normal;
font-family: "Roboto", Helvetica, Arial, sans-serif;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-color: #024a85;
cursor: pointer;
border-style: solid;
}
.panel .panel-body {
color: black;
border-top: 0;
}
.note {
color: #024a85;
}
div.stars {
display: inline-block;
}
input.star {
display: none;
}
label.star {
float: right;
padding-right: 10px;
font-size: 25px;
color: #444;
transition: all 0.2s;
width: auto;
}
input.star:checked~label.star:before {
content: "\f005";
color: #fd4;
transition: all 0.25s;
}
input.star-5:checked~label.star:before {
color: #fe7;
text-shadow: 0 0 20px #952;
}
input.star-1:checked~label.star:before {
color: #f62;
}
label.star:hover {
transform: rotate(-15deg) scale(1.3);
}
label.star:before {
content: "\f006";
font-family: FontAwesome;
}
#contact p {
color: black;
}
.ficheDetail h4 {
color: #024a85;
}
.btn-info:hover {
color: #024a85;
background-color: black;
border-color: #024a85;
}
.btn-info {
border-color: #024a85;
}
.captcha {
width: 200px;
padding-bottom: 20px;
}
.aside {
background: #024a85;
color: black;
padding: 10px;
border-radius: 0px;
margin-bottom: 20px;
}
#content .panel.sidebar-menu .panel-body label {
color: black;
font-size: 14px;
}
.minmax {
font-size: 14px;
color: black;
}
.aside p {
text-transform: uppercase;
margin: 0;
font-size: 17px;
}
.aside img {
height: 45px;
padding: 5px;
}
.aside h2 {
margin: 0;
text-transform: uppercase;
}
.aside span {
position: relative;
top: 2px;
}
.panel-default>.panel-heading {
color: white;
background-color: #ed7d31;
border: unset;
}
.panel-title {
margin: 0 !important;
text-align: center;
}
.panel-heading {
border-radius: unset;
}
.panel .panel-body {
color: white;
background-color: #4b4f54;
}
.form-group.float {
float: left;
padding: 0 10px;
width: 25%;
}
h1 {
top: -450px;
padding: 10px;
border-radius: 5px;
font-weight: bold;
color: white;
font-family: "proxima bold";
text-transform: uppercase;
}
a{
text-decoration: none;
}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 30px !important;
margin-bottom: 10px !important;
font-size: 40px;
}
h3, .h3 {
font-size: 20px;
}
.box.slideshow .owl-controls, #main-slider .owl-controls {
position: absolute;
right: 9px;
bottom: 0px;
}
#mainimage img {
max-height: 307px;
}
#contenu {
width: 1060px;
min-width: 1060px;
margin: 0 auto;
}
#ligne {
width: 1060px;
min-width: 1060px;
height: 300px;
margin-top: 25px;
}
.plan {
width: 100%;
min-height: 500px;
}
.content-fixe img {
width: 100% !important;
height: auto !important;
}
.content-fixe iframe {
width: 100% !important;
height: 640px !important;
background: #19180d;
}
.title-me {
letter-spacing: -2px;
font-size: 40px;
color: #1b203e;
}
.title-me-two {
margin-top: 60px !important;
color: #1b203e;
}
h2 {
font-size: 35px !important;
color: #1b203e;
}
.faq ul li {
text-align: justify;
text-transform: lowercase;
}
.faq ul li::first-letter {
text-transform: uppercase;
}
.jverror {
color: red !important;
}
.navbar-toggle {
background-color: #ed7d31 !important;
}
.flag {
position: absolute;
width: 30px;
right: 207px;
top: 17px;
border: 1px solid black;
}
.flag.two {
right: 87px;
}
.contact-button {
background-color: #55a3f8;
padding: 10px 15px;
color: white !important;
border-radius: 20px;
}
#categories {
text-align: center;
margin: 30px auto;
}
#categories img {
height: 160px;
}
#categories h2 {
font-family: "proxima bold";
font-size: 20px !important;
}
.marque-logos {
margin-top: 20px;
}
.marque-logos img {
height: unset !important;
}
.over h2 {
color: white;
font-family: "proxima bold";
font-size: 39px;
padding: 64px 0 0 64px;
}
.text-magasin {
position: absolute;
bottom: 20px;
text-align: right;
padding-right: 30px;
}
.text-prestations {
position: absolute;
top: 20px;
text-align: left;
padding-left: 30px;
}
.moto-foto img {
max-width: 100%;
}
.brand {
width: 100%;
max-width: 316px;
padding: 0 15px;
}
.h1-detail {
box-shadow: none !important;
text-shadow: none !important;
color: black !important;
top: -110px;
}
.navbar {
padding: 0 !important;
}
.navbar-nav {
font-size: 18px;
float: left;
display: contents;
}
.galerie-photo .block-img img {
width: 100%;
height: auto;
}
a img {
border: 0px;
}
#module-galerie-photo-loc {
margin: 40px 0;
}
#coordfoot img {
position: relative;
bottom: 25px;
}
.thumb img {
height: 150px !important;
margin-top: 15px;
}
.navbar-expand-lg {
justify-content: center !important;
}
.navbar-expand-lg .navbar-collapse {
display: contents !important;
}
.btn-boat {
width: 33%;
display: inline-block;
float: left;
padding: 1px;
transition: all 0.5s ease-in-out;
overflow: hidden;
text-align: center;
position: relative;
}
.btn-boat-2 {
margin-top: 20px;
width: 33%;
display: inline-block;
float: left;
padding: 1px;
transition: all 0.5s ease-in-out;
overflow: hidden;
text-align: center;
position: relative;
}
.flex-boat {
justify-content: center;
display: flex;
gap: 20px;
}
.btn-boat img, .btn-boat-2 img {
width: 100%;
}
.btn-boat img:hover, .btn-boat-2 img:hover {
transform: scale(1.2) !important;
transition: all 0.2s ease-in-out;
}
.btn-boat h3, .btn-boat-2 h3 {
position: absolute;
top: 0%;
text-align: center;
font-size: 21px;
font-weight: bold;
left: 48%;
transform: translateX(-50%);
text-transform: uppercase;
padding: 10px 40px;
background: radial-gradient(circle,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
}
.homm-gamme {
max-width: 1250px;
margin: auto;
padding: 80px 0;
gap: 50px;
}
.homm-gamme img {
width: 100%;
}
.homm-gamme h2 {
font-weight: bold;
color: white !important;
margin: 0 !important;
}
h2 {
color: white !important;
}
.actu-slider small, .actu-slider p {
color: black;
}
.container-slider {
max-width: 50%;
margin: auto;
background-color: #ffffff;
padding: 10px;
}
.actu-img {
height: 120px;
text-align: center;
position: relative;
}
.actu-img img {
width: 100%;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.s-slider {
padding: 10px;
border: 1px solid #ffffff;
background-color: white;
}
.actu-div {
background-color: #f7f7f7;
padding: 50px;
}
.actu-div h3 {
font-weight: bold;
font-size: 25px;
color: #1b203e !important;
}
.occa-img {
height: 135px;
text-align: center;
position: relative;
}
.caption a {
color: black !important;
font-weight: bold;
}
.occa-img img {
width: 100%;
margin: 0;
}
.selec {
max-height: 160px;
}
.img-responsive {
width: auto !important;
text-align: center;
margin: auto;
align-items: center;
padding: 10px;
max-width: 100%;
}
.colorist {
color: white !important;
}
.black {
color: black !important;
}
.news-title a {
color: black;
}
.actu-liste {
border: 2px solid #f7f7f7;
padding: 10px;
margin: 10px;
}
.actu-liste:hover {
background-color: #f7f7f7;
}
#actu-detail h4 {
padding: 10px;
margin-top: 10px;
}
#actu-detail li {
margin: 20px 10px;
}
.fullversion {
padding: 20px;
}
.actufield {
background-color: #f7f7f7;
color: black !important;
}
.tete-photo {
height: 800px;
background-size: cover !important;
}
.content-gray {
background: #115289!important;
color: white;
}
.box-detail ul {
display: block;
width: 100%;
text-align: center;
background-color: #115289;
padding: 10px;
margin-bottom: 0 !important;
}
.box-detail ul li {
display: inline-block;
width: 19%;
color: white;
}
.box-detail ul li i {
margin-top: 10px;
font-size: 52px;
}
.box-detail p {
text-transform: uppercase;
}
.position-relative img {
width: 100%;
}
.ifrem-detail, .ifrem-detail img {
width: 100%;
}
.slider-detail img {
width: auto;
height: 230px;
}
.box-d {
padding: 20px 10px;
}
.box-gray {
color: white;
}
.box-gray h2 {
color: white;
}
.box-green {
background-color: #62a7a2;
color: white;
}
.box-d h2 {
font-weight: bold;
}
.btn-boat-liste {
width: 33%;
display: inline-block;
padding: 1px;
transition: all 0.5s ease-in-out;
overflow: hidden;
text-align: center;
position: relative;
}
.btn-boat-liste img {
width: 100%;
}
.btn-boat-liste h3 {
position: absolute;
margin: 0;
top: 30%;
left: 50%;
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-30%);
background: radial-gradient(circle,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
}
.btn-boat-liste>img:hover {
transform: scale(1.2) !important;
transition: all 0.2s ease-in-out;
}
.marque-loader {
background-color: #3178b6;
padding-top: 10px;
}
#fotorama-one img {
width: 100%;
}
.brand-mobile {
display: none;
}
#content iframe {
width: 100%;
}
.bg-home {
position: relative;
}
@media screen and (max-width: 1600px) {
.flag {
top: 90px;
z-index: 1000;
}
}
@media screen and (max-width: 1200px) {
.shop-item-home {
margin-bottom: 10px;
}
.details p {
margin: 0px;
}
.faq .content-fixe table {
display: none;
}
.iframe-home {
height: 400px !important;
}
.button-home.bg2 {
margin-top: 25px;
}
.over {
top: 0;
}
.cat img {
margin: 0 auto;
display: table;
}
.navbar-nav {
font-size: 13px;
}
.brand {
max-width: 150px;
}
.w-text {
top: 15% !important;
}
#categories h2 {
font-size: 100% !important;
}
.marque-logos img {
padding: 20px;
height: 90px !important;
}
#categories img {
height: 130px;
}
.moto-foto img {
margin-top: 23%;
}
.mail {
font-size: 15px;
}
}
@media screen and (max-width: 1100px) {
.navbar {
padding: 0 !important;
}
}
@media screen and (max-width: 991px) {
.navbar-expand-lg .navbar-collapse {
display: block !important;
}
.navbar-expand-lg {
justify-content: space-between !important;
}
.collapse:not(.show) {
display: none !important;
}
.brand {
display: none;
}
.brand-mobile {
display: table;
}
.brand-mobile img {
height: 120px;
padding: 10px;
}
.fixed {
background-color: white !important;
}
.navbar-collapse {
display: block !important;
}
.navbar-nav .nav-link {
padding-right: 10px;
padding-left: 10px;
}
.collapse:not(.show) {
display: none;
}
.navbar-nav {
text-align: center;
float: none;
}
.nav-link {
padding: 10px 0;
}
.navbar {
padding: 0 20px !important;
}
.navbar-collapse.collapse {
height: unset !important;
}
.navbar-nav {
text-align: center;
float: none;
}
.nav-link {
border-bottom: 1px solid #e7e7e7;
}
.fixed .navbar {
margin-top: 0 !important;
}
.nav-link a, #navbarDropdown {
color: #000 !important;
}
.fixed {
position: relative;
top: 0;
}
.nav>li {
min-width: 55px;
padding-right: 10px;
}
.dropdown-menu {
background-color: transparent;
color: #333333;
min-width: 220px;
text-align: center;
border: 0;
}
h2 {
text-align: center !important;
}
.footercol {
text-align: center !important;
}
.over {
margin-top: 30px;
top: 4% !important;
}
.form-control {
margin: 5px 0;
}
.col-lg-custom {
width: 100%;
}
.contact-button {
background-color: #f0f0f0;
color: black !important;
border-radius: 0;
}
.marque-logos img {
height: 80px !important;
}
#categories img {
height: 110px;
}
.moto-foto img {
margin-top: 77%;
}
.mail {
font-size: 11px;
}
.mt-3-m {
margin-top: 30px;
}
.logo-mobil-footer {
width: 20%;
padding: 20px;
}
}
@media screen and (max-width: 767px) {
.cat {
margin: 0 30px;
}
.stock-neuf {
display: none;
}
.stock .stock-abso {
position: relative;
top: 57px;
}
.dropdown-menu {
position: relative !important;
top: 0;
}
.flag {
top: 145px;
right: 25px;
z-index: 1000;
}
.flag.two {
right: 25px;
top: 195px;
}
.fixed {
background: white !important;
}
.fixed i, .fixed a, .fixed p {
color: black !important;
}
.fixed p {
text-align: left !important;
}
.fixed nav {
margin-bottom: 1rem !important;
}
.btn-boat {
width: 50% !important;
}
.title-me-two {
margin-top: 25px !important;
}
.detail-txt {
margin-bottom: 100px;
}
.iframe-home {
height: 300px !important;
}
#contact .img-responsive {
display: none;
}
.navbar-collapse.collapse {
height: auto !important;
}
.collapse2 {
display: none;
}
.row .products div {
margin-left: auto;
margin-right: auto;
}
.listeads .img-responsive {
width: 100%;
max-height: none;
}
.rating {
min-width: auto;
padding: 0;
}
#content .product {
min-height: auto;
padding-bottom: 35px;
}
.center {
text-align: center;
}
#footer .social {
text-align: center;
}
.w-text {
display: none;
}
#categories h2 {
font-size: 140% !important;
}
#categories img {
height: 170px;
}
.marque-logos img {
height: 110px !important;
}
.moto-foto img {
margin-top: 6%;
}
.moto-foto {
text-align: center;
}
.moto-foto img {
max-width: 60%;
}
.mail-top {
padding: 0 !important;
}
.footer {
text-align: center !important;
}
.bg-blue .row {
flex-wrap: no-wrap !important;
}
.bg-blue .row a {
font-size: 14px;
}
.logo-mobile {
display: block;
}
#footer li {
text-align: center;
margin: 0;
}
.home-li a {
padding-left: 0px !important;
}
.footercol {
padding-top: 5px;
}
.btn-boat h3 {
font-size: 18px;
}
.btn-boat-2 h3 {
font-size: 18px;
}
.box-detail ul li i {
font-size: 40px;
}
.homm-gamme {
flex-wrap: wrap;
padding: 80px 20px;
}
#coordfoot img {
bottom: 0;
}
}
@media screen and (max-width: 575px) {
.iframe_home {
width: 80% !important;
height: 350px !important;
}
.logo-mobil-footer {
width: 40%;
padding: 20px;
}
.desc_remorques {
padding-left: 0 !important;
}
.desc_remorques img {
margin-top: 1.5rem !important;
}
.padding-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.container-slider {
max-width: 80%;
}
.btn-boat-liste {
width: 49%;
}
}
@media screen and (max-width: 440px) {
.box-detail ul li {
width: 30%;
}
.chantier {
float: none;
width: auto;
}
.btn-boat h3 {
font-size: 14px;
}
.cat {
margin: 0;
}
.cat .logo {
padding: 15px;
}
.brand {
max-width: 140px;
}
.navbar {
padding: 0 10px !important;
}
#categories img {
height: 130px;
}
.marque-logos img {
height: 107px !important;
width: 100%;
height: auto !important;
padding: 0 !important;
}
.scroll_down span {
display: none;
}
}
@media screen and (max-width: 390px) {
.iframe_home {
height: 250px !important;
}
.container-slider {
max-width: 100%;
}
}
@media screen and (max-width: 1400px) {
.navbar-nav {
font-size: 13px;
}
}
.home-cat {
font-size: 46px !important;
padding: 64px !important;
}
.footer {
background: #dd0515;
color: white;
padding: 60px 0 20px 0;
text-align: center;
border-top: 1px solid #ccc;
}
.footer ul {
padding-left: 0 !important;
}
.footer li {
display: block;
margin: 0px;
text-align: right;
}
.footer li ul {
list-style: none;
}
.footer a {
color: white;
}
#footer {
max-width: 1100px;
margin: 0 auto;
}
.footercol p {
margin-bottom: 0;
}
.text-right p {
text-align: right;
}
.text-left p,
.text-left h5 {
text-align: left;
}
.back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
}
@media screen and (max-width: 961px) {
.footer p {
text-align: center !important;
}
.footer hr {
margin-top: 45px;
}
.footer ul {
text-align: center;
margin: 35px auto;
}
.footer li {
text-align: center !important;
}
.footer h5 {
text-align: center !important;
}
}.btn-primary{background:#dd0515 ;border-color:#dd0515 }.annonces h3 {
margin: 10px 0 10px 0px !important;
font-size: 20px !important;
font-weight: bold;
border-left: #dd0515 4px solid;
padding: 0 0 0 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #000000;
}
.inner-photo {
height: 250px;
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
background-position: center;
position: relative;
overflow: hidden;
}
.place {
background: red;
color: white;
text-align: center;
padding: 5px;
font-weight: bold;
}
.photo-moteur {
background-size: contain;
}
.annonces {
background: #fbfbfb;
padding: 10px;
}
.annonces td {
padding: 5px 0;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.annonces table {
width: 100%;
}
.btn-annonce {
width: 100%;
padding: 5px;
font-size: 1rem;
background: #dd0515;
}
.prix {
font-size: 22px;
width: 100%;
text-align: center;
margin: 10px 0;
min-height: 33px;
}
.prix-barre {
text-decoration: line-through;
}
.prix-col {
width: 50%;
float: left;
}
.badge {
background: red;
color: white;
text-align: center;
padding: 7px;
transform: rotate(30deg);
z-index: 8;
position: absolute;
top: 19px;
right: -49px;
width: 200px;
}
.btn-annonce {
color: white;
}
.text-zone img{
max-width: 100%;
}
.no-margin h1, .no-margin h2, .no-margin h3, .no-margin h4, .no-margin h5, .no-margin h6{
margin: 0 !important;
padding: 0 !important;
}
.text-zone .rounded{
overflow: hidden;
}
.text-zone p{
margin: 0 !important;
}
.text-zone hr{
margin: 0 !important;
}
.actu-text {
text-overflow: ellipsis;
overflow: hidden;
min-height: 390px;
}
.actu-title {
min-height: 105px;
}
.actu-in img {
height: 272px;
}
.actu-in small {
color: #777777;
}</style>
<link rel="preload" as="image" fetchpriority="high" href="https://cdn2.riv-art.fr/thumbnails/bateauavendre.fr/44580/2_131279-terhi-440.webp">
<style>
@font-face {
font-family: 'Indie Flower';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Indie Flower'), local('IndieFlower'), url(https://fonts.gstatic.com/s/indieflower/v12/m8JVjfNVeKWVnh3QMuKkFcZVaUuH.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Arimo';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v15/P5sMzZCDf9_T_10UxCF8jA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
</style>
</head>
<body>
<div class="justify-content-between bg-blue">
<div class="container">
<div class="row flex-nowrap">
<div class="col-lg-6">
<p style="margin: 10px"><i class="fas fa-phone"
aria-hidden="true"></i><a href="tel:+330556092818"> 05
56 09 28 18</a> </p>
</div>
<div class="col-lg-6">
<a href="mailto:jeremy@yachting-medoc.fr"
style="text-align: right; margin: 10px; display: block">
jeremy@yachting-medoc.fr </a>
</div>
</div>
</div>
</div>
<hr style="margin-top: 0;">
<div class="container header-transpa" style="max-width: initial;">
<nav class="navbar navbar-expand-lg navbar-light bg-light" style="padding: 0 50px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<ul class="navbar-nav mx-auto">
<li class="nav-link home-li"><a href="/">Accueil</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Neuf
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/annonces/bateaux-neufs">Bateaux neufs</a></li>
<li><a class="dropdown-item" href="/annonces/moteurs-neufs">Moteurs neufs</a></li>
<li><a class="dropdown-item" href="/annonces/remorques">Remorques neuves</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle"
href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Occasion
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/annonces/bateaux-occasions">Bateaux occasions</a></li>
<li><a class="dropdown-item" href="/annonces/moteurs-occasions">Moteurs occasions</a></li>
</ul>
</li>
<li><a class="navbar-brand" style="top: inherit;" href="/"><img
class="img-fluid brand" src="/img/logo2.png"></a>
</li>
<li class="nav-link"><a href="/societe">Notre société</a></li>
<li class="nav-link"><a href="/actualites">Actualités</a></li>
<li class="nav-link"><a href="/contact">Contact</a></li>
</ul>
</div>
</nav>
</div>
<div class="video-container">
<video src="karnic.mp4" autoplay="" loop="" muted="" playsinline="" class="absolute inset-0 w-full h-full object-cover z-0"></video>
</div>
<div class="content-gray">
<div class="container-fluid" id="body-container">
<div class="row">
<div class="col-lg-12 text-center titre-home my-8">
<h1 class="text-uppercase titre-fixe">Yachting Médoc</h1>
<h2>spécialiste du bateau depuis 30 ans !</h2>
</div>
</div>
</div>
<div class="container mb-8">
<div class="row no-gutters">
<div class="col-lg-2"></div>
<div class="col-lg-12 no-padding text-center flex-boat" style="overflow: hidden;">
<div class="btn-boat">
<a href="/annonces/bateaux-neufs">
<img src="/img/boat/b-new.jpg" alt="Bateaux neufs">
<h3>Bateaux <br>neufs</h3>
</a>
</div>
<div class="btn-boat">
<a href="/annonces/bateaux-occasions">
<img src="/img/boat/b-occa.jpg" alt="Bateaux occasions">
<h3>Bateaux <br>occasions</h3>
</a>
</div>
<div class="btn-boat">
<a href="/annonces/bateaux-en-stock-neufs">
<img src="/img/boat/b-stock.jpg" alt="Bateaux en stock">
<h3>Bateaux <br>en stock</h3>
</a>
</div>
</div>
<div class="col-lg-2"></div>
<div class="col-lg-3"></div>
<div class="col-lg-12 no-padding text-center flex-boat" style="overflow: hidden; margin-bottom: 80px">
<div class="btn-boat-2">
<a href="/annonces/moteurs-neufs">
<img src="/img/boat/m-new.jpg" alt="Moteurs neufs">
<h3>Moteurs <br>neufs</h3>
</a>
</div>
<div class="btn-boat-2">
<a href="/annonces/moteurs-occasions">
<img src="/img/boat/m-occa.jpg" alt="Moteurs occasions">
</a>
<div class="nano"><a href="/annonces/moteurs-occasions">
<h3>Moteurs <br>occasions</h3>
</a>
</div>
</div>
</div>
<div class="col-lg-3"></div>
</div>
</div>
</div>
<div class="container black">
<div class="row my-5">
<div class="col-lg-12 text-center titre-home">
<h2 class="black">Yachting Medoc votre spécialiste nautique multi-marques</h2>
</div>
</div>
<div class="row mb-5">
<div class="col-lg-12">
<h3 class="black mt-0">Retrouvez-nous sur site tous les jours où <strong>Yachting Medoc</strong> vous
propose un showroom permanent de nos marques partenaires</h3>
</div>
</div>
<div class="marques-home mb-8">
<div class="row">
<div class="col-lg-3">
<a href="/annonces/bateaux-b2-marine">
<img src="/img/b2-home.jpg" alt="B2 MARINE" class="img-fluid d-block">
<img src="/img/marque/b2marine.png" alt="B2 MARINE" class="img-fluid d-block">
</a>
</div>
<div class="col-lg-3">
<a href="/annonces/bateaux-3dtender">
<img src="/img/3d-home.jpg" alt="3D TENDER" class="img-fluid d-block">
<img src="/img/marque/3d-tender.jpg" alt="3D TENDER" class="img-fluid d-block">
</a>
</div>
<div class="col-lg-3">
<a href="/annonces/bateaux-ranieri">
<img src="/img/ranieri-home.jpg" alt="RANIERI" class="img-fluid d-block">
<img src="/img/marque/ranieri.jpg" alt="RANIERI" class="img-fluid d-block ranieri-home">
</a>
</div>
<div class="col-lg-3">
<a href="/annonces/bateaux-olympic">
<img src="/img/olympic-home.jpg" alt="OLYMPIC" class="img-fluid d-block">
<img src="/img/marque/olympic.jpg" alt="OLYMPIC" class="img-fluid d-block mt-2">
</a>
</div>
</div>
</div>
</div>
<div class="container-fluid py-8 actu-home">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="text-center titre-home black" style="font-weight: bold;">Nos dernières actualités</h2>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<a href="/actualites" class="btn btn-primary mt-3" style="max-width: 200px;">Toutes nos actualités
<i class="fas fa-arrow-right" aria-hidden="true"></i></a>
</div>
</div>
<div class="row mt-4">
<div class="col-lg-4 mb-5">
<div class="actu-in">
<img class="img-fluid centered" src="http://www.riv-art.fr/img/actu-principale/1068.jpg">
<div class="actu-text">
<small>20/02/2025</small>
<h3 class="actu-title">SALON NAUTIQUE ARCACHON</h3>
<p>RETROUVEZ NOUS AU SALON NAUTIQUE D'ARCACHON
LES 18, 19, 20 et 21 Avril 2025
Entrée Gratuite...</p>
<a class="btn btn-primary" href="/actualite/salon-nautique-arcachon/1068">Lire</a>
</div>
</div>
</div><div class="col-lg-4 mb-5">
<div class="actu-in">
<img class="img-fluid centered" src="http://www.riv-art.fr/img/actu-principale/155.jpg">
<div class="actu-text">
<small>02/04/2024</small>
<h3 class="actu-title">NOUVEAU PARTENAIRE PERMIS AUTO/BATEAU</h3>
<p>EXCLUSIVITE PARTENARIATNOUVEAU BATEAU ECOLE PAUILLAC PROFITEZ D'UNE OFFRE COMPLETE PERMIS + BATEAU + REMORQUE OU PLACE DE PORThttps://www.permis-bateau-33.fr/...</p>
<a class="btn btn-primary" href="/actualite/nouveau-partenaire-permis-auto-bateau/155">Lire</a>
</div>
</div>
</div><div class="col-lg-4 mb-5">
<div class="actu-in">
<img class="img-fluid centered" src="http://www.riv-art.fr/img/actu-principale/154.jpg">
<div class="actu-text">
<small>02/04/2024</small>
<h3 class="actu-title">NOTRE PARTENAIRE LOUEUR B2 MARINE</h3>
<p>...</p>
<a class="btn btn-primary" href="/actualite/notre-partenaire-loueur-b2-marine/154">Lire</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid stock relative">
<div class="stock-neuf">
<img src="/img/stock1.jpg">
<img src="/img/stock2.jpg">
</div>
<a href="/annonces/bateaux-neufs" class="btn btn-primary mt-3 stock-abso" style="max-width: 700px;">Retrouvez
notre stock de <strong>bateaux neufs</strong></a>
</div>
<div id="footer">
<div class="container">
<div class="row">
<div class="col-lg-4 footercol text-left">
<p>
<a href="/contact" class="btn-contact">
Contactez nous </a>
</p>
<p>
jeremy@yachting-medoc.fr </p>
<p><i class="fas fa-phone" aria-hidden="true"></i>
+33 (0)5 56 09 28 18
</p>
</div>
<div class="col-lg-4 footercol">
<div id="coordfoot">
<img src="/img/logofooter.png" class="img-fluid" style="max-width: 180px;">
</div>
</div>
<div class="col-lg-4 footercol text-right">
<div id="coordfoot">
<p><strong>YACHTING MEDOC</strong></p>
<p>89 Avenue Du Lac</p><p>33990 Hourtin</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<hr style="margin-bottom: 45px;">
</div>
<div class="col-lg-6 text-left">
<h4>À propos de Yachting médoc</h4>
<p>Si le chantier existe depuis 26 ans, il a été repris en janvier 1998 par José Vélazquez.<br>
Basé à Hourtin, Yachting Médoc possède depuis le départ une antenne au Verdon sur mer.<br>
Jadis au Port Bloc, cette antenne a naturellement déménagé à Port Médoc au moment de sa création.
</p>
</div>
<div class="col-lg-4 text-left">
<h4>Horaires</h4>
<p>
Lundi au vendredi : 8h-12h / 14h-18h<br>
Samedi : <br> - Eté (du 1er avril au 30 septembre) : 9h-12h / 14h-17h
<br> - Hiver (1er octobre au 31 mars): 9h-12h / fermé l'après midi
</p>
</div>
<div class="col-lg-2 text-right text-left-mobil">
<ul>
<li><a href="/.">Accueil</a></li>
<li><a href="/annonces/bateaux-neufs">Bateaux Neufs</a></li>
<li><a href="/annonces/moteurs-neufs">Moteurs neufs</a></li>
<li><a href="/annonces/remorques">Remorques neuves</a></li>
<li><a href="/annonces/bateaux-occasions">Bateaux occasions</a></li>
<li><a href="/annonces/moteurs-occasions">Moteurs occasions</a></li>
<li><a href="/societe">Notre société</a></li>
<li><a href="/actualites">Actualités</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div>
</div>
</div>
<p>Copyright 2023@Yachting Médoc - Réalisation <a href="https://www.riv-art.fr">Riv Art</a> et <a href="https://www.bateauavendre.fr">bateauavendre.fr</a></p>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Terhi 440",
"image": "https://cdn2.riv-art.fr/annonce/44580/2_131279.webp",
"description": "undefined",
"url": "/annonce/terhi--440/44580",
"brand": {
"@type": "Organization",
"name": "Terhi"
},
"offers": {
"@type": "Offer",
"availability": "https://schema.org/InStock",
"priceCurrency": "EUR",
"price": "800",
"seller": {
"@type": "Organization",
"name": "undefined"
},
"url": "/bateau/terhi/terhi-440-occasion/44580"
},
"weight": [],
"itemCondition": "UsedCondition",
"productID": 44580
}
</script>
<script>
</script>
</body>
</html>
