@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap");
.font{ font-family: 'Raleway', sans-serif; }
.light { font-weight: 300 }
.regular { font-weight: 400 }
.bold { font-weight: 700 }
.color1{color:#A59792;}
.badge-tautem{
color: #FFFFFF;
font-size: 0.8rem;
background-color: #bc775b;
padding:10px 13px;
text-transform: uppercase
}
#categoriesProjets	.list-inline {
}
#categoriesProjets	li a{
color: #000;
text-decoration: none;
padding: 5px
}
#categoriesProjets	li a:hover{
background: rgba(0,0,0,1);
color: #FFF
}
body {
font-size: 1.2rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Raleway', sans-serif;
}
#content a, #content a:hover, #content a:active, #content a:focus, #content .btn-link:hover, .entry-meta a:hover, .comments-link a:hover, .edit-link a:hover {
color: #A59792;
}
#primary-menu-wrap li a {
color: black!important
}
#primary-menu-wrap .active a,
#primary-menu-wrap .current-menu-item a {
color: #A59792!important
} .bg1{ background-color: #f8f9fa;}
.bg2{ background-color: #F6F4F3;}
.nav {
font-size: 2.7rem
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
color: #000;
}
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover {
color: #000;
}
.nav-item.current_page_item a, nav-item.current_menu_item a {
color: #A59792
}
a:hover img, #contactSocial a:hover {
opacity:80;
filter:alpha(opacity=8000);
opacity:.8;
filter:alpha(opacity=80)
}
#contactSocial a:hover{
color: #A59792 !important;
}
.site-footer a{
color: #FFFFFF !important;
}
.nav-item a:hover {
opacity: 0.3
} .caption {
font-size: small
} .containerrelative {
position: relative;
text-align: center;
color: white;
}
.top-left {
position: absolute;
top: 30px;
left: 50%; transform: translate(-50%, -50%);
color:#000000
}
.navbar {
opacity: 1;
transition: opacity 0.5s ease;
}
.navbar-hide {
pointer-events: none;
opacity: 0;
}
.pointer{
cursor: pointer
}
#primary-menu{
line-height: 0.9
}
#colophon {
font-size: 1rem;
}
#colophon i {
font-size: 1.5rem;
}
#colophon a:hover{
opacity: 0.7;
}
#colophon li {
list-style-type: none;
}
.site-footer.text-muted {
color: #FFFFFF !important;
}
#actus hr, #projets hr {
border-top: 1px solid #988675;
width: 20%;
float: left;
margin-bottom: 0.7em
}
#projets h3 {
font-size: 1rem;
}
#actus h3{
font-size:1.3rem
}
#actus h3 a, #projets h3 a{
color: #988675
}
.card {
border: none;
background-color: inherit
}
.card .entry-content p{
font-size: 1rem
}
.card .entry-content img {
padding-bottom: 20px;
padding-top: 20px;
} #post-2662 {
padding-top: 150px;
}
#contact {
padding-top: 190px;
}
#post-publications {
padding-top: 150px;
}
@media (max-width: 991.98px) {
#post-2662{
padding-top: 0px;
}
#contact{
padding-top: 0px;
}
#post-publications{
padding-top: 0px;
}	
}
#categoriesProjets{
padding-top: 200px;
}
@media (max-width: 767.98px) { 
#categoriesProjets{
padding-top: 0px;
}	
}
@media (max-width: 991.98px) {
#categoriesProjets{
padding-top: 0px;
}	
} #tagline{
margin-top: 1.5em;
font-size: 2rem;
}
.list-group-item {
background-color: transparent
}
#contactSocial {
position: absolute;
right: 0;
top: 25px;
width: 300px;
height: 34px;
z-index: 20000;
font-size: 1.5rem;
}
#contactSocial a {
color: black
}
#contactSocial a:hover {
text-decoration: none !important
}  .card .entry-content blockquote p { 
color: #FFFFFF;	
font-size: 1.5rem;
font-weight: normal;
line-height: 1.4;
margin: 0;
font-family: 'Noto Serif', serif;
padding: 20px;
}
.colorBG1 { background-color: #ecab67;
}
.colorBG2 { background-color: #7f9d7c;
}
.colorBG3 { background-color: #bd765a;
}
.card .entry-content blockquote { 
font-style: italic; 
padding: 0 20px;
position: relative;
font-family: 'Ralway', sans-serif;
max-width: 620px;
margin: 50px auto;
align-self: center;
}
input[type="submit"] {
background-color: #bc775b;
border-color: #bc775b;
}
input[type="submit"]:hover {
background-color: #b1a09b;
border-color: #b1a09b;
}
.carousel-control .icon-prev, 
.carousel-control .icon-next {
font-size: 100px;
}
.site-footer.bg-sud {
background-color: #bc775b !important;
}
.carousel-control-prev-icon { 
width: 50px;
height: 50px;
}
.carousel-control-next-icon {
width: 50px;
height: 50px;
}
#agencePrix{
padding: 20px 40px;
color: #FFF
}
.designsgenius{
opacity: 0.5;
font-size: 0.8rem;
}
#wpfront-scroll-top-container{
font-size: 2rem;
}
.navbar {
transition: top 0.5s ease;
}
.navbar-hide {
top: -300px;
} @media (max-width: 991.98px) {
.custom-toggler.navbar-toggler { 
border-color: #e3e0e0;
background-color: white;
border-radius: 0; 
} .custom-toggler .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(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
}
.nav-link {
padding: 0;
font-size: 2rem;
}
#actus h3 {
font-size: 1rem;
}
}
element.style {
}
@media (max-width: 900px)
#cookie-notice .cn-button {
margin: 0 5px 5px 5px;
}
#cookie-notice .cn-button {
margin-left: 10px;
}
#cookie-notice, #cookie-notice * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cn-button.bootstrap {
color: #fff;
background: #00a99d;
}
.cn-button.bootstrap, .cn-button.wp-default {
min-height: 30px;
text-decoration: none;
padding: 0 10px;
line-height: 2.15384615;
}
.cn-button {
border-radius: 0px
}
.cn-button.bootstrap {
color: #fff;
background: #A59792;
}