@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap");
:root{
--clr-dark-blue: #090d1d;
--clr-light:#fff;
--clr-light-blue:#007cb5;
--fs-mont: 'Montserrat', sans-serif;
}   body{
font-family: var(--fs-mont);
color:var(--clr-light);
background-color: var(--clr-dark-blue);
}
h1,h2,h3,h4{
color: var(--clr-light-blue);
font-weight:600;
}
.h3,.h4 {
font-weight:600; 
}
.h6{
color:var(--clr-light);
transition: all ease-in-out .3s;
}
.h6:hover{
color: var(--clr-light-blue);
}
ul{
list-style: none;
padding: 0;
}
.hr-line{
color: var(--clr-light-blue);
height: 2px;
}
a{
text-decoration: none;
color: var(--clr-light);
transition: all ease-in-out .3s;
}
a:hover{
color:var(--clr-light-blue)
}
i{  color: var(--clr-light);
transition: all ease-in-out .3s;
}
i:hover{
color: var(--clr-light-blue);
}
a img{
filter: grayscale(100%);
transition: all ease-in-out .3s;
}
a img:hover{
filter: none;
}   .bg-dark-blue{
background-color: var(--clr-dark-blue);
}
.fs-white{
color: var(--clr-light);
}
.fs-blue{
color:var(--clr-light-blue);
}
.fs-big{
font-size: 48px;
font-weight: 600;
}
.wp-block-button__link{
display: inline-block;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
}
.btn-custom,
.wp-block-button__link,
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited{
background-color: var(--clr-dark-blue);
border: 1px solid var(--clr-light-blue);
color: var(--clr-light-blue);
border-radius: 0;
}
.btn-custom:hover,
.wp-block-button__link:hover{
color: var(--clr-light);
border-color: var(--clr-light);
}
.btn-blue{
background-color: var(--clr-dark-blue);
border: 1px solid var(--clr-light-blue);
color: var(--clr-light-blue);
border-radius: 0;
}
.btn-blue:hover{
color: var(--clr-light);
border-color: var(--clr-light);
}
.btn-white{
background-color: transparent;
border: 1px var(--clr-light) solid;
border-radius: 0;
color: var(--clr-light);
}
.btn-white:hover{
background-color: var(--clr-light);
color: var(--clr-dark-blue);
border-color: var(--clr-dark-blue);
}
.fa-cm{
font-size: 32px;
}
.fa-big{
font-size:64px;
}   .nav-link{
color: var(--clr-light);
}
.nav-item{
margin: 0px 16px;
font-weight:600;
}
.prenav{
background-color: var(--clr-dark-blue);
}
.prenav ul .menu-item{
margin: 0 8px;
}
.bg-linear{
background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(255,255,255,0) 100%);
}
.prenav ul .lang-item-first {
margin-right: 0px!important;
padding-right: 4px;
border-right: 2px solid var(--clr-light);
}
.prenav ul .lang-item-en{
margin-left: 0px!important;
padding-left:4px;
}   img.alignright,
figure.alignright{
float:right;
margin-left:15px;
}
img.alignleft,
figure.alignleft{
float:left;
margin-right:15px;
}
.navbar{
background:var(--clr-dark-blue);
}
.home .navbar{
background:transparent;
}
#accueil{
background-image: url(https://chantiernautiqueduvieuxport.com/wp-content/themes/ChantierNautique/images/bg-accueil.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
margin-top:0px;
position: relative
}
.pos{
top:90%;
right: 45%;
}
#chantier{
background-image: url(https://chantiernautiqueduvieuxport.com/wp-content/themes/ChantierNautique/images/chantier.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 569px; }
#section-3{
background-image: url(https://chantiernautiqueduvieuxport.com/wp-content/themes/ChantierNautique/images/realisation.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 75vh;
}
.bubble-container {
position: relative;
width: 200px; border-radius: 15px;
padding-bottom: 20px;
}
.bubble-container img {
width: 161px; height: 238px; object-fit: cover;
border-radius: 80px; }
.site__sidebar__widget__title{
font-size:20px;
text-transform: uppercase;
}
.category .cat-item{
display: inline-block;
border: 1px solid #fff;
padding-right: 10px;
}
.category .cat-item a{
display: inline-block;
padding: 10px 0 10px 10px;
}  @media (min-width: 576px) {
} @media (min-width: 768px) {
} @media (min-width: 992px) {
#accueil{
margin-top: -120px;
}
.pos{
top:94%;
right: 50%;
}
.prenav ul .menu-item{
margin: 0 16px;
}
} @media (min-width: 1200px) {
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}