html, body {
font-family: "Rubik", sans-serif;
overflow-x: hidden;
}
h1 {
font-size: clamp(1.875rem, 3vw + 0.25rem, 4.375rem);
font-weight: 400;
text-align: center;
text-transform: uppercase;
color: #303C6D;
margin-bottom: 30px;
}
h2 {
font-size: clamp(1.875rem, 2vw + 0.25rem, 2.813rem);
font-weight: 700;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
color: #303C6D;
}
h3 {
font-size: clamp(1.563rem, 1vw + 1rem, 2.5rem);
font-weight: 700;
color: #303C6D;
}
p, span, a, li {
font-size: 14px;
font-size: 400;
color: #303C6D;
}
p.light, span.light, a.light, li.light {
color: white;
}
.bold {
font-weight: 700;
}
a:hover {
color: #6EC9AC;
}
a {
text-decoration: none;
}
.bleu {
color: #303C6D;
}
.vert {
color: #6EC9AC;
}
.btn-full-vert {
background-color: #6EC9AC;
font-size: 16px;
padding: 10px 35px 10px 15px;
border: 1px solid #6EC9AC;
border-radius: 5px;
color: white;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
text-decoration: none;
transition-duration: 0.3s;
z-index: 10;
position: relative;
}
.btn-full-vert::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/arrow.svg);
margin-left: 7px;
margin-top: -1px;
position: absolute;
}
.btn-full-vert:hover {
background-color: white;
text-decoration: none;
color: #6EC9AC;
}
.btn-full-vert:hover::after {
filter: brightness(0) saturate(100%) invert(82%) sepia(35%) saturate(429%) hue-rotate(105deg) brightness(83%) contrast(92%);
}
.btn-full-bleu {
background-color: #303C6D;
font-size: 16px;
padding: 10px 35px 10px 15px;
border: 1px solid #303C6D;
border-radius: 5px;
color: white;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
text-decoration: none;
transition-duration: 0.3s;
z-index: 10;
position: relative;
}
.btn-full-bleu::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/arrow.svg);
margin-left: 7px;
margin-top: -1px;
position: absolute;
}
.btn-full-bleu:hover {
background-color: white;
text-decoration: none;
color: #303C6D;
}
.btn-full-bleu:hover::after {
filter: brightness(0) saturate(100%) invert(21%) sepia(10%) saturate(3249%) hue-rotate(191deg) brightness(97%) contrast(91%);
}
.no-padding-left {
padding-left: 0;
}
.no-padding {
padding-left: 0;
padding-right: 0;
}
.padding-top-l {
padding-top: 200px;
}
@media screen and (max-width: 992px) {
.padding-top-l {
padding-top: 100px;
}
}
.padding-bottom-l {
padding-bottom: 200px;
}
@media screen and (max-width: 992px) {
.padding-bottom-l {
padding-bottom: 100px;
}
}
.padding-top-m {
padding-top: 100px;
}
@media screen and (max-width: 992px) {
.padding-top-m {
padding-top: 50px;
}
}
.padding-bottom-m {
padding-bottom: 100px;
}
@media screen and (max-width: 992px) {
.padding-bottom-m {
padding-bottom: 50px;
}
}
.padding-top-s {
padding-top: 50px;
}
@media screen and (max-width: 992px) {
.padding-top-s {
padding-top: 20px;
}
}
.padding-bottom-s {
padding-bottom: 50px;
}
@media screen and (max-width: 992px) {
.padding-bottom-s {
padding-bottom: 20px;
}
}
label, input:not([type=submit]), textarea {
font-size: 16px;
}
label {
font-size: 16px;
line-height: 25px;
margin-bottom: 10px;
margin-left: 5px;
}
input:not([type=submit]), textarea {
background-color: #D6D9E2;
border: none;
border-radius: 5px;
padding: 20px;
margin: 0 5px;
}
input:not([type=submit]) {
height: 45px;
margin-bottom: 20px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/arrow-down.svg);
background-repeat: no-repeat;
background-position-x: 95%;
background-position-y: 50%;
}
#cookie-law-info-bar .container {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 992px) {
#cookie-law-info-bar .container {
flex-wrap: wrap;
}
}
#cookie-law-info-bar .container .cli-bar-message {
max-width: 700px;
}
@media screen and (max-width: 992px) {
#cookie-law-info-bar .container .cli-bar-message {
margin-bottom: 10px;
}
}
#cookie-law-info-bar .container .buttons #cookie_action_close_header_reject, #cookie-law-info-bar .container .buttons .cli_settings_button {
border: 1px solid #303C6D;
border-radius: 5px;
}
#cookie-law-info-bar .container .buttons #wt-cli-accept-all-btn {
border: 1px solid #6EC9AC;
border-radius: 5px;
margin: 10px;
}
h4, .cli-privacy-content-text, .cli-privacy-readmore {
color: #303C6D;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #6EC9AC;
border-radius: 5px;
color: white;
border: 1px solid #6EC9AC;
text-transform: uppercase;
}
#cookie-law-info-again {
box-shadow: none;
border-radius: 5px 5px 0 0;
border-top: 1px solid #303C6D;
border-left: 1px solid #303C6D;
border-right: 1px solid #303C6D;
}
.cli-switch input:checked + .cli-slider {
background-color: #6EC9AC;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
padding: 0;
border: 0;
font-family: "Rubik";
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after {
content: "";
content: none;
}
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Regular.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-BlackItalic.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-BlackItalic.woff) format("woff");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-ExtraBold.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-ExtraBold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Light.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Light.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-LightItalic.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Black.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Bold.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Italic.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Italic.woff) format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-LightItalic.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-SemiBold.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Medium.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-ExtraBoldItalic.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-ExtraBoldItalic.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-BoldItalic.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-BoldItalic.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-SemiBoldItalic.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-SemiBoldItalic.woff) format("woff");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-MediumItalic.woff2) format("woff2"), url(//interimob.staging.insinio.fr/wp-content/themes/33degres/fonts/Rubik-MediumItalic.woff) format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
.search {
background-color: rgba(48, 60, 109, 0.8);
padding: 20px;
position: absolute;
bottom: 0;
width: 100%;
}
@media screen and (max-width: 992px) {
.search {
width: 95%;
left: 50%;
transform: translateX(-50%);
}
}
.search .tag-city {
cursor: pointer;
background-color: #063A38;
color: #F0E0CC;
border-radius: 7px;
padding: 5px;
font-size: 16px;
display: inline-block;
margin-bottom: 20px;
position: relative;
padding-left: 10px;
padding-right: 40px;
margin-right: 10px;
}
.search .tag-city::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/cross-tags.svg);
position: absolute;
right: 10px;
top: 7px;
}
.search .budget-holder, .search .surface-holder {
display: flex;
width: 60%;
margin-right: 15px;
position: relative;
height: 36px;
padding: 5px;
background-color: #F1F9FF;
border-radius: 10px;
}
@media screen and (max-width: 1200px) {
.search .budget-holder, .search .surface-holder {
height: 31px;
margin-right: 10px;
}
}
@media screen and (max-width: 992px) {
.search .budget-holder, .search .surface-holder {
width: 100%;
margin-bottom: 10px;
}
}
@media screen and (max-width: 992px) {
.search .budget-holder > div, .search .surface-holder > div {
width: 50%;
}
}
@media screen and (max-width: 992px) {
.search .budget-holder > div:first-child, .search .surface-holder > div:first-child {
margin-right: 5px;
}
}
.search .budget-holder > div input, .search .surface-holder > div input {
background-color: #D1D9EF !important;
border-radius: 5px;
margin: 0;
width: 97%;
}
@media screen and (max-width: 992px) {
.search .budget-holder > div input, .search .surface-holder > div input {
width: 100%;
}
}
.search .budget-holder > div input::placeholder, .search .surface-holder > div input::placeholder {
color: #747FA4;
font-size: 14px;
}
@media screen and (max-width: 1200px) {
.search .budget-holder > div input::placeholder, .search .surface-holder > div input::placeholder {
font-size: 12px;
}
}
.search .budget-holder > div input#budget-min, .search .budget-holder > div input#surface-min, .search .surface-holder > div input#budget-min, .search .surface-holder > div input#surface-min {
margin-right: 5px;
}
.search form {
display: flex;
align-items: center;
}
@media screen and (max-width: 992px) {
.search form {
flex-direction: column;
}
}
.search form .text {
width: 200px;
color: white;
text-transform: uppercase;
margin-right: 20px;
white-space: nowrap;
}
@media screen and (max-width: 992px) {
.search form .text {
margin-right: 0;
margin-bottom: 20px;
width: auto;
}
}
.search .city--active {
display: flex !important;
}
.search .city {
display: none;
list-style: none;
flex-direction: column;
position: absolute;
z-index: 101;
background-color: rgb(240, 224, 204);
width: 100%;
padding: 10px;
border-radius: 0px 0px 5px 5px;
max-height: 150px;
overflow-y: scroll;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
top: 100%;
}
.search .city li {
padding: 5px 3px 5px 3px;
}
.search .city label {
margin-left: 10px;
}
.search .city label,
.search .city input {
cursor: pointer;
}
.search #btnCrossInput {
cursor: pointer;
position: absolute;
right: 13px;
top: 13px;
font-size: 20px;
padding: 5px;
color: black;
}
.search .input-container {
width: 50%;
margin-right: 15px;
position: relative;
}
@media screen and (max-width: 1200px) {
.search .input-container {
margin-right: 10px;
}
}
.search .input-container::after {
position: absolute;
top: 50%;
right: 13px;
transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
.search .input-container {
margin-bottom: 10px;
width: 100%;
}
}
.search .input-container--text::after {
display: none;
}
.search select,
.search input[type=text],
.search .input-city-box,
.search .select-selected {
width: 100%;
height: 100%;
cursor: pointer;
border-radius: 10px;
background-color: #F1F9FF;
padding: 0.8em;
color: #303C6D;
appearance: none;
-webkit-appearance: none;
outline: none;
position: relative;
text-transform: uppercase;
border: none;
font-size: 14px;
}
@media screen and (max-width: 1200px) {
.search select,
.search input[type=text],
.search .input-city-box,
.search .select-selected {
font-size: 12px;
}
}
.search .cityListElement {
display: flex;
}
.search .cityListValue {
position: relative;
top: 6px;
}
.search .btn-full-vert::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/loupe.svg);
}
.search .btn-full-vert:hover::after {
filter: brightness(0) saturate(100%) invert(82%) sepia(35%) saturate(429%) hue-rotate(105deg) brightness(83%) contrast(92%);
}
.new_ads {
position: relative;
text-align: center;
}
.new_ads .title {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 992px) {
.new_ads .title {
margin-left: 20px;
}
}
.new_ads .title h2 {
text-align: left;
margin-bottom: 0;
}
.new_ads .title img {
margin-right: 20px;
}
.new_ads .new_ads_block {
display: flex;
flex-wrap: nowrap;
justify-content: center;
position: relative;
z-index: 10;
}
@media screen and (max-width: 1200px) {
.new_ads .new_ads_block {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.new_ads .new_ads_block .slick-slide:not(.slick-current) a {
opacity: 0.5;
}
}
.new_ads .new_ads_block::before {
content: "";
height: 100%;
box-shadow: inset 8em 0 100px rgba(255, 255, 255, 0.7);
position: absolute;
width: 300px;
z-index: 10;
top: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.new_ads .new_ads_block::before {
width: 50px;
box-shadow: none;
}
}
.new_ads .new_ads_block::after {
content: "";
height: 100%;
box-shadow: inset -8em 0 100px rgba(255, 255, 255, 0.7);
position: absolute;
width: 300px;
z-index: 10;
top: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.new_ads .new_ads_block::after {
width: 50px;
box-shadow: none;
}
}
.new_ads .new_ads_block .slick-dots {
display: block;
padding: 0;
margin: 20px 0;
list-style: none;
text-align: center;
}
.new_ads .new_ads_block .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
cursor: pointer;
}
.new_ads .new_ads_block .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.new_ads .new_ads_block .slick-dots li::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/inactive-dot.svg);
}
.new_ads .new_ads_block .slick-dots .slick-active::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/active-dot.svg);
position: absolute;
top: -1px;
left: 0;
}
.new_ads .new_ads_block .slick-prev {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
cursor: pointer;
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Backwards-Arrow.svg);
z-index: 100;
transition: all 0.3s;
}
.new_ads .new_ads_block .slick-next {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
cursor: pointer;
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Forward-Arrow.svg);
z-index: 100;
transition: all 0.3s;
}
.new_ads .new_ads_block .slick-dots {
display: flex;
}
.new_ads .single_ad_block {
background-color: #F8F9FA;
margin: 20px;
}
.new_ads .single_ad_block img {
width: 100%;
object-fit: cover;
height: 275px;
}
.new_ads .single_ad_block .text_ad_new {
padding: 15px;
}
.new_ads .single_ad_block .text_ad_new .ad_new_title {
height: 100px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 2200px) {
.new_ads .single_ad_block .text_ad_new .ad_new_title {
height: 85px;
}
}
@media screen and (max-width: 1600px) {
.new_ads .single_ad_block .text_ad_new .ad_new_title {
height: 80px;
}
}
@media screen and (max-width: 1400px) {
.new_ads .single_ad_block .text_ad_new .ad_new_title {
height: 75px;
}
}
@media screen and (max-width: 1400px) {
.new_ads .single_ad_block .text_ad_new .ad_new_title {
height: 70px;
}
}
@media screen and (max-width: 992px) {
.new_ads .single_ad_block .text_ad_new .ad_new_title {
height: 60px;
}
}
.new_ads .single_ad_block .city_price {
height: 15px;
}
@media screen and (max-width: 768px) {
.new_ads .single_ad_block .city_price {
height: 30px;
}
}
.new_ads .single_ad_block .excerpt {
padding-top: 20px;
height: 75px;
}
@media screen and (max-width: 992px) {
.new_ads .single_ad_block .excerpt {
height: 85px;
}
}
.new_ads .single_ad_block a {
text-decoration: none;
}
.new_ads .single_ad_block .link {
background-color: #6EC9AC;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: white;
padding: 10px;
position: relative;
}
.new_ads .single_ad_block .link::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/arrow.svg);
margin-left: 10px;
position: absolute;
}
.new_programs_home {
position: relative;
text-align: center;
background-color: #F8F9FA;
}
.new_programs_home .title {
display: flex;
justify-content: center;
align-items: center;
}
.new_programs_home .title h2 {
text-align: left;
margin-bottom: 0;
color: #303C6D;
}
.new_programs_home .title img {
margin-right: 20px;
}
.new_programs_home .new_programs_block {
z-index: 10;
position: relative;
}
.new_programs_home .new_programs_block .container {
display: flex;
flex-wrap: nowrap;
justify-content: center;
position: relative;
}
@media screen and (max-width: 992px) {
.new_programs_home .new_programs_block .container {
flex-wrap: wrap;
}
}
.new_programs_home .single_ad_block {
background-color: #303C6D;
margin: 20px;
width: 48%;
text-align: left;
}
@media screen and (max-width: 992px) {
.new_programs_home .single_ad_block {
width: 100%;
margin: 20px 0;
}
}
.new_programs_home .single_ad_block img {
width: 100%;
object-fit: cover;
height: 275px;
}
.new_programs_home .single_ad_block .text_ad_new {
padding: 15px;
}
.new_programs_home .single_ad_block .text_ad_new h3 {
color: white;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (max-width: 500px) {
.new_programs_home .single_ad_block .text_ad_new h3 {
width: 100%;
}
}
.new_programs_home .single_ad_block .excerpt {
padding-top: 20px;
color: white;
display: flex;
justify-content: space-between;
}
.new_programs_home .single_ad_block .excerpt .excerpt_text {
width: 70%;
}
.new_programs_home .single_ad_block .excerpt img {
height: 50px;
width: 50px;
margin: 0 20px 20px 0;
}
.new_programs_home .single_ad_block a {
text-decoration: none;
}
.new_programs_home .single_ad_block .link {
background-color: #6EC9AC;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: white;
padding: 10px;
position: relative;
}
.new_programs_home .single_ad_block .link::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/arrow.svg);
margin-left: 10px;
position: absolute;
}
.new_programs {
position: relative;
text-align: center;
background-color: #F8F9FA;
}
.new_programs .title {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 992px) {
.new_programs .title {
margin-left: 20px;
}
}
.new_programs .title h2 {
text-align: left;
margin-bottom: 0;
color: #303C6D;
}
.new_programs .title img {
margin-right: 20px;
}
.new_programs .new_programs_block {
z-index: 10;
position: relative;
}
.new_programs .new_programs_block .container {
display: flex;
flex-wrap: nowrap;
justify-content: center;
position: relative;
}
@media screen and (max-width: 992px) {
.new_programs .new_programs_block .container {
flex-wrap: wrap;
}
}
.new_programs .new_programs_block .container h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.new_programs .single_ad_block {
background-color: #EAECF1;
margin: 20px;
width: 48%;
text-align: center;
}
@media screen and (max-width: 992px) {
.new_programs .single_ad_block {
width: 100%;
margin: 20px 0;
}
}
.new_programs .single_ad_block img {
width: 100%;
object-fit: cover;
height: 275px;
}
.new_programs .single_ad_block .text_ad_new {
padding: 15px;
}
.new_programs .single_ad_block .excerpt {
padding-top: 20px;
height: 70px;
}
.new_programs .single_ad_block a {
text-decoration: none;
}
.new_programs .single_ad_block .link {
background-color: #303C6D;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: white;
padding: 10px;
position: relative;
}
.new_programs .single_ad_block .link::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/arrow.svg);
margin-left: 10px;
position: absolute;
}
.testimonials {
position: relative;
text-align: center;
}
.testimonials .title {
display: flex;
justify-content: center;
align-items: center;
}
.testimonials .title h2 {
text-align: left;
margin-bottom: 0;
color: #6EC9AC;
}
.testimonials .title img {
margin-right: 20px;
}
.testimonials .testimonials_block {
display: flex;
flex-wrap: nowrap;
justify-content: center;
position: relative;
z-index: 10;
padding: 0 100px;
}
@media screen and (max-width: 1200px) {
.testimonials .testimonials_block {
flex-wrap: wrap;
padding: 0 50px;
}
}
@media screen and (max-width: 600px) {
.testimonials .testimonials_block {
padding: 0px;
}
}
.testimonials .testimonials_block .slick-dots {
display: flex;
padding: 0;
margin: 20px 0;
list-style: none;
text-align: center;
}
.testimonials .testimonials_block .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
cursor: pointer;
}
.testimonials .testimonials_block .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.testimonials .testimonials_block .slick-dots li::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/inactive-dot.svg);
}
.testimonials .testimonials_block .slick-dots .slick-active::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/active-dot.svg);
position: absolute;
top: -1px;
left: 0;
}
.testimonials .testimonials_block .slick-prev {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
cursor: pointer;
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Backwards-Arrow.svg);
z-index: 100;
transition: all 0.3s;
}
.testimonials .testimonials_block .slick-next {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
cursor: pointer;
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Forward-Arrow.svg);
z-index: 100;
transition: all 0.3s;
}
.testimonials .description {
z-index: 100;
position: relative;
max-width: 1000px;
margin: auto;
}
.testimonials .testimonial_block {
margin: 20px;
position: relative;
padding: 0 2%;
}
@media screen and (max-width: 992px) {
.testimonials .testimonial_block {
padding: 0 50px;
max-height: none;
}
}
@media screen and (max-width: 768px) {
.testimonials .testimonial_block {
padding: 0;
}
}
.testimonials .testimonial_block .testimonial_text {
padding: 30px;
background-color: #EAECF1;
position: relative;
text-align: left;
}
.testimonials .testimonial_block .testimonial_text .position {
text-transform: uppercase;
font-size: 12px;
}
.testimonials .testimonial_block .testimonial_text .testimonial_title {
font-size: 20px;
}
@media screen and (max-width: 992px) {
.testimonials .testimonial_block .testimonial_text .testimonial_title {
font-size: 16px;
}
}
.testimonials .testimonial_block .testimonial_text .ref {
font-style: italic;
font-weight: 300;
font-size: 12px;
}
.latest_news {
position: relative;
text-align: center;
background-color: #F8F9FA;
}
.latest_news .title {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 576px) {
.latest_news .title {
width: 300px;
margin: 0 auto;
}
}
.latest_news .title h2 {
text-align: left;
margin-bottom: 0;
color: #303C6D;
}
.latest_news .title img {
margin-right: 20px;
}
.latest_news .latest_news_block {
z-index: 10;
position: relative;
}
.latest_news .latest_news_block .container {
display: flex;
flex-wrap: nowrap;
justify-content: center;
position: relative;
}
@media screen and (max-width: 992px) {
.latest_news .latest_news_block .container {
flex-wrap: wrap;
}
}
.latest_news .post_link {
width: calc(33.3333333333% - 40px);
margin: 20px;
text-align: left;
text-decoration: none;
}
@media screen and (max-width: 992px) {
.latest_news .post_link {
width: 100%;
margin: 20px 0;
}
}
.latest_news .post_link:hover .btn-full-bleu {
background-color: #EAECF1;
border: 1px solid #EAECF1;
color: #303C6D;
}
.latest_news .post_link:hover .btn-full-bleu::after {
filter: brightness(0) saturate(100%) invert(21%) sepia(10%) saturate(3249%) hue-rotate(191deg) brightness(97%) contrast(91%);
}
.latest_news .post_link img {
width: 100%;
object-fit: cover;
height: 275px;
}
.latest_news .post_link .post_info {
padding: 15px;
background-color: #EAECF1;
}
.latest_news .post_link .post_info h3 {
color: #6EC9AC;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.latest_news .post_link .post_info .excerpt {
height: 65px;
}
@media screen and (max-width: 992px) {
.latest_news .post_link .post_info .excerpt {
height: auto;
}
}
.latest_news .post_link .btn-full-bleu {
width: 100%;
border-radius: 0;
text-align: center;
}
.honoraires {
position: relative;
text-align: center;
width: 100vw;
height: fit-content;
overflow: hidden;
}
.honoraires .background-img {
position: absolute;
width: 100vw;
height: 100%;
z-index: -1;
}
.honoraires .background-img img {
height: 100%;
width: 100vw;
object-fit: cover;
}
.honoraires .description {
max-width: 700px;
margin: 0 auto;
}
.honoraires .description p {
font-size: 25px;
line-height: 30px;
margin-bottom: 0;
color: white;
text-align: center;
}
header {
background-color: #303C6D;
}
header .navbar {
height: 76px;
position: relative;
}
@media screen and (max-width: 991px) {
header .navbar {
padding-top: 0;
height: 56px;
}
}
header .container {
height: 76px;
}
@media screen and (max-width: 991px) {
header .container {
position: relative;
max-width: 100%;
height: 56px;
}
}
header .container .navbar-brand {
padding-top: 30px;
z-index: 10;
}
@media screen and (max-width: 990px) {
header .container .navbar-brand {
padding-top: 0;
height: 56px;
}
}
header .container .navbar-brand .logo {
position: relative;
top: -15px;
}
@media screen and (max-width: 990px) {
header .container .navbar-brand .logo {
height: 150px;
top: -45px;
}
}
header .container .mobile-nav .navbar-toggler {
border: none;
padding: 0.25rem;
}
header .container .mobile-nav .navbar-toggler:focus-visible {
outline: none;
}
header .container .mobile-nav .navbar-toggler:focus {
box-shadow: none;
}
header .container .mobile-nav .navbar-toggler .navbar-toggler-icon {
background-image: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/nav-burger.svg);
}
header .container .mobile-nav:focus-visible {
outline: none;
}
header .navbar-nav {
position: relative;
right: -100%;
transform: translateX(-100%);
}
@media screen and (max-width: 992px) {
header .navbar-nav {
padding-top: 50px;
padding-bottom: 50px;
}
}
header .navbar-collapse {
background-color: #303C6D;
}
@media screen and (max-width: 992px) {
header .navbar-collapse {
position: relative;
left: -12px;
min-width: 100vw;
}
}
header #menu-menu-principal {
list-style: none;
display: flex;
margin-bottom: 0;
align-items: center;
}
@media screen and (max-width: 991px) {
header #menu-menu-principal {
flex-direction: column;
}
}
header #menu-menu-principal li {
margin-right: clamp(0.938rem, 2vw - 0.25rem, 1.875rem);
}
header #menu-menu-principal li a {
color: white;
text-decoration: none;
transition-duration: 0.3s;
text-transform: uppercase;
}
header #menu-menu-principal li a:hover {
color: #6EC9AC;
}
@media screen and (max-width: 991px) {
header #menu-menu-principal li {
padding: 10px 0;
}
}
header #menu-menu-principal li.current-menu-item a {
color: #6EC9AC;
}
header #menu-menu-principal li.acces-loc {
background-color: #6EC9AC;
padding: 15px 20px;
border-radius: 5px;
margin-right: 0;
transition-duration: 0.3s;
cursor: pointer;
}
header #menu-menu-principal li.acces-loc a {
font-weight: 700;
}
header #menu-menu-principal li.acces-loc:hover {
background-color: white;
}
header #menu-menu-principal li.acces-loc:hover a {
color: #6EC9AC;
}
header .mobile-acces-loc {
background-color: #6EC9AC;
display: none;
position: relative;
z-index: -1;
}
@media screen and (max-width: 991px) {
header .mobile-acces-loc {
display: block;
}
}
header .mobile-acces-loc .container a {
color: white;
text-transform: uppercase;
font-weight: 700;
text-align: right;
display: block;
top: 50%;
position: relative;
transform: translateY(-50%);
padding-right: 20px;
}
header .mobile-acces-loc .container a::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/arrow.svg);
position: relative;
right: -10px;
top: 3px;
}
.header-back {
height: 76px;
position: relative;
z-index: 1029;
}
@media screen and (max-width: 992px) {
.header-back {
height: 110px;
}
}
.footer {
background-color: #6EC9AC;
}
.footer .container, .footer .copyright_block {
display: flex;
justify-content: space-around;
align-items: center;
}
@media screen and (max-width: 992px) {
.footer .container, .footer .copyright_block {
flex-direction: column;
justify-content: center;
}
.footer .container img, .footer .copyright_block img {
margin-bottom: 20px;
}
}
.footer .container a, .footer .container p, .footer .copyright_block a, .footer .copyright_block p {
color: white;
text-decoration: none;
margin: 0 10px;
}
@media screen and (max-width: 992px) {
.footer .container a, .footer .container p, .footer .copyright_block a, .footer .copyright_block p {
margin: 10px;
}
}
.footer .copyright_block {
max-width: 700px;
margin: 0 auto;
padding-bottom: 20px;
}
.footer .copyright_block a, .footer .copyright_block p {
font-size: 12px;
}
.home .main_header {
height: 70vh;
position: relative;
}
.home .main_header .main_slider {
height: 70vh;
}
.home .main_header .main_slider .slick-dots {
display: flex;
padding: 0;
margin: 20px 0;
list-style: none;
text-align: center;
}
.home .main_header .main_slider .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
cursor: pointer;
}
.home .main_header .main_slider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.home .main_header .main_slider .slick-dots li::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/inactive-dot.svg);
}
.home .main_header .main_slider .slick-dots .slick-active::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/active-dot.svg);
position: absolute;
top: -1px;
left: 0;
}
.home .main_header .main_slider .slick-prev {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
cursor: pointer;
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Backward-Arrow-grey.svg);
z-index: 100;
transition: all 0.3s;
}
.home .main_header .main_slider .slick-next {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
cursor: pointer;
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Forward-Arrow-grey.svg);
z-index: 100;
transition: all 0.3s;
}
.home .main_header .main_slider .slide {
height: 70vh;
}
.home .main_header .main_slider .slide .bg-img {
position: absolute;
width: 100vw;
height: 100%;
z-index: -1;
}
.home .main_header .main_slider .slide .bg-img img {
height: 100%;
width: 100vw;
object-fit: cover;
}
.home .main_header .main_slider .slide .main_title {
padding: 50px 30px;
background-color: rgba(110, 201, 172, 0.8);
width: clamp(330px, 60%, 1200px);
margin: 0 auto;
top: 50%;
position: relative;
transform: translateY(-50%);
border-radius: 5px;
}
@media screen and (max-width: 992px) {
.home .main_header .main_slider .slide .main_title {
padding: 30px 10px;
top: 30%;
}
}
.home .main_header .main_slider .slide .main_title h1 {
color: white;
text-align: center;
white-space: nowrap;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 992px) {
.home .main_header .main_slider .slide .main_title h1 {
white-space: initial;
}
}
.home .main_header .main_slider .slide .main_title h1 strong {
font-size: 700;
}
.home .main_header .main_slider .slide .main_title p {
font-size: 25px;
line-height: 30px;
margin-bottom: 0;
color: white;
text-align: center;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 992px) {
.home .main_header .main_slider .slide .main_title p {
font-size: 18px;
line-height: 22px;
}
}
.home .main_header .main_slider .slide .main_title p strong {
font-size: 700;
}
.home .new_ads::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Trace-201.svg);
position: absolute;
top: 0;
left: -5px;
}
.home .new_ads::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/bg-1.svg);
position: absolute;
z-index: 1;
bottom: -250px;
right: 0;
}
@media screen and (max-width: 992px) {
.home .new_ads::after {
display: none;
}
}
.home .testimonials::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/bg-2.svg);
position: absolute;
z-index: 1;
top: 30%;
left: 0;
}
@media screen and (max-width: 992px) {
.home .testimonials::after {
display: none;
}
}
.home .latest_news::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/bg-1.svg);
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
}
@media screen and (max-width: 992px) {
.home .latest_news::after {
display: none;
}
}
.error404 main {
align-items: center;
display: flex;
flex-direction: column;
height: 80vh;
justify-content: center;
text-align: center;
}
.error404 h1 {
color: #6EC9AC;
font-size: 12.5rem;
letter-spacing: 0.1em;
margin: 0.025em 0;
white-space: nowrap;
}
@media (max-width: 30rem) {
.error404 h1 {
font-size: 8.5rem;
}
}
.error404 h1 > span {
color: #303C6D;
font-size: 12.5rem;
display: inline-block;
}
@media (max-width: 30rem) {
.error404 h1 > span {
font-size: 8.5rem;
}
}
.error404 h2 {
color: #303C6D;
margin-bottom: 0.4em;
}
.error404 p {
margin-top: 0;
}
.error404 #zero {
color: #303C6D;
font-size: 12.5rem;
}
@media (max-width: 30rem) {
.error404 #zero {
font-size: 8.5rem;
}
}
.blog .container h1 {
color: #6EC9AC;
font-weight: 700;
}
.blog .container h2 {
color: #6EC9AC;
font-weight: 700;
text-transform: initial;
text-align: left;
}
.blog .container h3 {
font-weight: 700;
text-transform: initial;
text-align: left;
}
.blog .container .row_filter #category_selector {
padding: 10px 20px;
border: none;
border-radius: 5px;
background-color: #D5D8E2;
margin-left: 20px;
color: #303C6D;
}
@media screen and (max-width: 992px) {
.blog .container .row_filter #category_selector {
margin-left: 0;
}
}
.results_blog .container {
display: flex;
flex-wrap: wrap;
position: relative;
}
.results_blog .container .post_link {
width: calc(33.3333333333% - 40px);
margin: 20px;
text-align: left;
text-decoration: none;
}
.results_blog .container .post_link:nth-child(1) {
width: calc(66.6666666667% - 40px);
}
@media screen and (max-width: 992px) {
.results_blog .container .post_link:nth-child(1) {
width: 100%;
}
}
@media screen and (max-width: 992px) {
.results_blog .container .post_link {
width: 100%;
margin: 20px 0;
}
}
.results_blog .container .post_link:hover .btn-full-bleu {
background-color: #EAECF1;
border: 1px solid #EAECF1;
color: #303C6D;
}
.results_blog .container .post_link:hover .btn-full-bleu::after {
filter: brightness(0) saturate(100%) invert(21%) sepia(10%) saturate(3249%) hue-rotate(191deg) brightness(97%) contrast(91%);
}
.results_blog .container .post_link img {
width: 100%;
object-fit: cover;
height: 275px;
}
.results_blog .container .post_link .post_info {
padding: 15px;
background-color: #EAECF1;
}
.results_blog .container .post_link .post_info h3 {
color: #6EC9AC;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.results_blog .container .post_link .post_info .excerpt {
height: 45px;
}
@media screen and (max-width: 992px) {
.results_blog .container .post_link .post_info .excerpt {
height: auto;
}
}
.results_blog .container .post_link .btn-full-bleu {
width: 100%;
border-radius: 0;
text-align: center;
}
.results_blog .pagination {
text-align: center;
display: block;
}
.louer .main_header {
height: 500px;
position: relative;
}
@media screen and (max-width: 992px) {
.louer .main_header {
height: 700px;
}
}
.louer .main_header .bg-img {
position: absolute;
width: 100vw;
height: 100%;
z-index: -1;
}
.louer .main_header .bg-img img {
height: 100%;
width: 100vw;
object-fit: cover;
}
.louer .main_header .main_title {
width: clamp(340px, 50%, 1200px);
margin: 0 auto;
top: 50%;
position: relative;
transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
.louer .main_header .main_title {
padding-bottom: 200px;
}
}
.louer .main_header .main_title h1,
.louer .main_header .main_title h2,
.louer .main_header .main_title h3 {
color: white;
text-align: center;
}
.louer .main_header .main_title h1 strong,
.louer .main_header .main_title h2 strong,
.louer .main_header .main_title h3 strong {
font-size: 700;
}
.louer .main_header .main_title p {
font-size: 18px;
line-height: 22px;
color: white;
text-align: center;
}
@media screen and (max-width: 992px) {
.louer .main_header .main_title p {
font-size: 16px;
line-height: 20px;
}
}
.louer .main_header .main_title p strong {
font-size: 700;
}
.louer .main_header::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Trace-202.svg);
position: absolute;
top: 0;
right: 0;
}
.louer .results {
position: relative;
}
.louer .results .search {
position: relative;
background-color: rgb(48, 60, 109);
}
.louer .results .search::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Trace-201.svg);
position: absolute;
bottom: -46px;
left: 0;
}
.louer .results .listing,
.louer .results .related-properties {
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 10;
text-align: center;
}
.louer .results .listing .single_ad_block,
.louer .results .related-properties .single_ad_block {
background-color: #F8F9FA;
margin: 10px;
width: calc(33.3333333333% - 20px);
}
@media screen and (max-width: 992px) {
.louer .results .listing .single_ad_block,
.louer .results .related-properties .single_ad_block {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 768px) {
.louer .results .listing .single_ad_block,
.louer .results .related-properties .single_ad_block {
width: 100%;
}
}
.louer .results .listing .single_ad_block img,
.louer .results .related-properties .single_ad_block img {
width: 100%;
object-fit: cover;
height: 275px;
}
.louer .results .listing .single_ad_block .text_ad_new,
.louer .results .related-properties .single_ad_block .text_ad_new {
padding: 15px;
}
.louer .results .listing .single_ad_block .text_ad_new .title,
.louer .results .related-properties .single_ad_block .text_ad_new .title {
height: 100px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 2200px) {
.louer .results .listing .single_ad_block .text_ad_new .title,
.louer .results .related-properties .single_ad_block .text_ad_new .title {
height: 85px;
}
}
@media screen and (max-width: 1600px) {
.louer .results .listing .single_ad_block .text_ad_new .title,
.louer .results .related-properties .single_ad_block .text_ad_new .title {
height: 80px;
}
}
@media screen and (max-width: 1400px) {
.louer .results .listing .single_ad_block .text_ad_new .title,
.louer .results .related-properties .single_ad_block .text_ad_new .title {
height: 75px;
}
}
@media screen and (max-width: 1400px) {
.louer .results .listing .single_ad_block .text_ad_new .title,
.louer .results .related-properties .single_ad_block .text_ad_new .title {
height: 70px;
}
}
@media screen and (max-width: 992px) {
.louer .results .listing .single_ad_block .text_ad_new .title,
.louer .results .related-properties .single_ad_block .text_ad_new .title {
height: auto;
}
}
.louer .results .listing .single_ad_block .excerpt,
.louer .results .related-properties .single_ad_block .excerpt {
padding-top: 20px;
height: 80px;
}
.louer .results .listing .single_ad_block a,
.louer .results .related-properties .single_ad_block a {
text-decoration: none;
}
.louer .results .listing .single_ad_block a:hover,
.louer .results .related-properties .single_ad_block a:hover {
color: initial;
}
.louer .results .listing .single_ad_block .link,
.louer .results .related-properties .single_ad_block .link {
background-color: #6EC9AC;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: white;
padding: 10px;
position: relative;
}
.louer .results .listing .single_ad_block .link::after,
.louer .results .related-properties .single_ad_block .link::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/arrow.svg);
margin-left: 10px;
position: absolute;
}
.louer .new_programs h2 {
text-align: left;
margin-bottom: 0;
color: #6EC9AC;
}
.louer .prev-advert-page,
.louer .next-advert-page {
position: relative;
top: -7px;
cursor: pointer;
}
.louer .prev-advert-page:hover,
.louer .next-advert-page:hover {
text-align: none;
}
.louer .no-result-message {
position: relative;
top: 51px;
}
.programmes .main_header {
height: 500px;
position: relative;
}
@media screen and (max-width: 768px) {
.programmes .main_header {
height: 60vh;
}
}
.programmes .main_header .bg-img {
position: absolute;
width: 100vw;
height: 100%;
z-index: -1;
}
.programmes .main_header .bg-img img {
height: 100%;
width: 100vw;
object-fit: cover;
}
.programmes .main_header .main_title {
width: clamp(340px, 50%, 1200px);
margin: 0 auto;
top: 45%;
position: relative;
transform: translateY(-50%);
}
.programmes .main_header .main_title h1, .programmes .main_header .main_title h2, .programmes .main_header .main_title h3 {
color: white;
text-align: center;
}
.programmes .main_header .main_title h1 strong, .programmes .main_header .main_title h2 strong, .programmes .main_header .main_title h3 strong {
font-size: 700;
}
.programmes .main_header .main_title p {
font-size: 18px;
line-height: 22px;
color: white;
text-align: center;
}
@media screen and (max-width: 992px) {
.programmes .main_header .main_title p {
font-size: 16px;
line-height: 20px;
}
}
.programmes .main_header .main_title p strong {
font-size: 700;
}
.programmes .main_header::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Trace-202.svg);
position: absolute;
top: 0;
right: 0;
}
.programmes .results {
position: relative;
}
.programmes .results::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Trace-201.svg);
position: absolute;
top: 0px;
left: 0;
}
.programmes .results .listing {
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 10;
text-align: center;
}
.programmes .results .listing .single_ad_block {
background-color: #EAECF1;
margin: 20px;
width: 44%;
}
@media screen and (max-width: 768px) {
.programmes .results .listing .single_ad_block {
width: 100%;
margin: 20px 0;
}
}
.programmes .results .listing .single_ad_block img {
width: 100%;
object-fit: cover;
height: 275px;
}
.programmes .results .listing .single_ad_block .text_ad_new {
padding: 15px;
}
.programmes .results .listing .single_ad_block .text_ad_new h3 {
text-align: center;
color: #6EC9AC;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.programmes .results .listing .single_ad_block .excerpt {
padding-top: 20px;
height: 80px;
}
.programmes .results .listing .single_ad_block a {
text-decoration: none;
}
.programmes .results .listing .single_ad_block a:hover {
color: initial;
}
.programmes .results .listing .single_ad_block .link {
background-color: #303C6D;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: white;
padding: 10px;
position: relative;
}
.programmes .results .listing .single_ad_block .link::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/arrow.svg);
margin-left: 10px;
position: absolute;
}
.programmes .new_ads {
background-color: #F8F9FA;
}
.programmes .new_ads h2 {
text-align: left;
margin-bottom: 0;
}
.programmes .prev-advert-page,
.programmes .next-advert-page {
position: relative;
top: -7px;
cursor: pointer;
}
.programmes .prev-advert-page:hover,
.programmes .next-advert-page:hover {
text-align: none;
}
.programmes .no-result-message {
position: relative;
top: 51px;
}
.qui-sommes-nous .main_header {
height: 500px;
position: relative;
}
@media screen and (max-width: 768px) {
.qui-sommes-nous .main_header {
height: 60vh;
}
}
.qui-sommes-nous .main_header .bg-img {
position: absolute;
width: 100vw;
height: 100%;
z-index: -1;
}
.qui-sommes-nous .main_header .bg-img img {
height: 100%;
width: 100vw;
object-fit: cover;
}
.qui-sommes-nous .main_header .main_title {
width: clamp(340px, 50%, 1200px);
margin: 0 auto;
top: 50%;
position: relative;
transform: translateY(-50%);
}
.qui-sommes-nous .main_header .main_title h1,
.qui-sommes-nous .main_header .main_title h2,
.qui-sommes-nous .main_header .main_title h3 {
color: white;
text-align: center;
}
.qui-sommes-nous .main_header .main_title h1 strong,
.qui-sommes-nous .main_header .main_title h2 strong,
.qui-sommes-nous .main_header .main_title h3 strong {
font-size: 700;
}
.qui-sommes-nous .main_header .main_title p {
font-size: 18px;
line-height: 22px;
color: white;
text-align: center;
}
@media screen and (max-width: 992px) {
.qui-sommes-nous .main_header .main_title p {
font-size: 16px;
line-height: 20px;
}
}
.qui-sommes-nous .main_header .main_title p strong {
font-size: 700;
}
.qui-sommes-nous .main_header::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Trace-202.svg);
position: absolute;
top: 0;
right: 0;
}
.qui-sommes-nous .main_description {
display: flex;
flex-wrap: wrap;
}
.qui-sommes-nous .main_description div[class^=bloc] {
width: 50%;
height: 40vw;
}
@media screen and (max-width: 1700px) {
.qui-sommes-nous .main_description div[class^=bloc] {
height: 50vw;
}
}
@media screen and (max-width: 992px) {
.qui-sommes-nous .main_description div[class^=bloc] {
width: 100%;
height: auto;
}
}
.qui-sommes-nous .main_description div[class^=bloc] .img img {
object-fit: cover;
width: 100%;
height: 40vw;
}
@media screen and (max-width: 1700px) {
.qui-sommes-nous .main_description div[class^=bloc] .img img {
height: 50vw;
}
}
@media screen and (max-width: 992px) {
.qui-sommes-nous .main_description div[class^=bloc] .img img {
height: auto;
}
}
.qui-sommes-nous .main_description .bloc_1 {
background-color: #6EC9AC;
padding: 8%;
}
@media screen and (max-width: 1200px) {
.qui-sommes-nous .main_description .bloc_1 {
padding: 6%;
}
}
@media screen and (max-width: 992px) {
.qui-sommes-nous .main_description .bloc_1 {
padding: 10% 6%;
}
}
.qui-sommes-nous .main_description .bloc_1 h2 {
text-align: left;
color: white;
}
.qui-sommes-nous .main_description .bloc_1 .text {
padding-bottom: 40px;
}
@media screen and (max-width: 1200px) {
.qui-sommes-nous .main_description .bloc_1 .text {
padding-bottom: 20px;
}
}
.qui-sommes-nous .main_description .bloc_1 .text p {
color: white;
font-size: 18px;
line-height: 25px;
}
@media screen and (max-width: 1400px) {
.qui-sommes-nous .main_description .bloc_1 .text p {
font-size: 16px;
line-height: 20px;
}
}
.qui-sommes-nous .main_description .bloc_1 .logo img {
width: 75%;
}
@media screen and (max-width: 992px) {
.qui-sommes-nous .main_description .bloc_1 .logo img {
width: 50%;
}
}
.qui-sommes-nous .main_description .bloc_3 {
background-color: #F8F9FA;
}
.qui-sommes-nous .main_description .bloc_3 .map {
padding: 8%;
height: 100%;
}
@media screen and (max-width: 992px) {
.qui-sommes-nous .main_description .bloc_3 .map {
padding: 4%;
}
}
.qui-sommes-nous .main_description .bloc_3 .map img {
width: 100%;
height: 100%;
object-fit: contain;
}
.qui-sommes-nous .main_description .bloc_4 {
background-color: #303C6D;
padding: 8%;
}
@media screen and (max-width: 1200px) {
.qui-sommes-nous .main_description .bloc_4 {
padding: 6%;
}
}
@media screen and (max-width: 992px) {
.qui-sommes-nous .main_description .bloc_4 {
padding: 10% 6%;
}
}
.qui-sommes-nous .main_description .bloc_4 h2 {
text-align: left;
color: white;
margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
.qui-sommes-nous .main_description .bloc_4 h2 {
margin-bottom: 30px;
}
}
.qui-sommes-nous .main_description .bloc_4 p {
color: white;
font-size: 18px;
line-height: 25px;
margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
.qui-sommes-nous .main_description .bloc_4 p {
margin-bottom: 20px;
}
}
@media screen and (max-width: 1400px) {
.qui-sommes-nous .main_description .bloc_4 p {
font-size: 16px;
line-height: 20px;
}
}
.qui-sommes-nous .main_description .bloc_4 .numbers {
display: flex;
flex-wrap: wrap;
}
.qui-sommes-nous .main_description .bloc_4 .numbers p {
width: 44%;
margin-right: 20px;
}
@media screen and (max-width: 576px) {
.qui-sommes-nous .main_description .bloc_4 .numbers p {
width: 100%;
}
}
.qui-sommes-nous .main_description .bloc_4 .numbers p .number_green {
font-size: 30px;
font-weight: 700;
color: #6EC9AC;
}
.qui-sommes-nous .values {
position: relative;
}
.qui-sommes-nous .values::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/bg-1.svg);
position: absolute;
z-index: 1;
bottom: -123px;
left: -200px;
}
@media screen and (max-width: 992px) {
.qui-sommes-nous .values::before {
display: none;
}
}
.qui-sommes-nous .values::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/bg-3.svg);
position: absolute;
z-index: 1;
top: 250px;
right: -200px;
}
@media screen and (max-width: 992px) {
.qui-sommes-nous .values::after {
display: none;
}
}
.qui-sommes-nous .values div[class^=bloc] {
display: flex;
z-index: 10;
position: relative;
}
@media screen and (max-width: 768px) {
.qui-sommes-nous .values div[class^=bloc] {
flex-wrap: wrap;
}
}
.qui-sommes-nous .values div[class^=bloc] .subtitle {
text-align: right;
margin-right: 40px;
}
@media screen and (max-width: 768px) {
.qui-sommes-nous .values div[class^=bloc] .subtitle {
text-align: left;
margin-right: 0;
}
}
.qui-sommes-nous .values div[class^=bloc] p {
font-size: 18px;
line-height: 25px;
margin-bottom: 0;
text-align: justify;
}
@media screen and (max-width: 1400px) {
.qui-sommes-nous .values div[class^=bloc] p {
font-size: 16px;
line-height: 20px;
}
}
.qui-sommes-nous .values .bloc_1, .qui-sommes-nous .values .bloc_3 {
justify-content: center;
}
.qui-sommes-nous .values .bloc_1 .subtitle, .qui-sommes-nous .values .bloc_3 .subtitle {
width: 50%;
color: #6EC9AC;
}
@media screen and (max-width: 768px) {
.qui-sommes-nous .values .bloc_1 .subtitle, .qui-sommes-nous .values .bloc_3 .subtitle {
width: 100%;
}
}
.qui-sommes-nous .values .bloc_1 .description, .qui-sommes-nous .values .bloc_3 .description {
width: 50%;
}
@media screen and (max-width: 768px) {
.qui-sommes-nous .values .bloc_1 .description, .qui-sommes-nous .values .bloc_3 .description {
width: 100%;
}
}
.qui-sommes-nous .values .bloc_2 .subtitle {
width: 35%;
}
@media screen and (max-width: 1700px) {
.qui-sommes-nous .values .bloc_2 .subtitle {
width: 30%;
}
}
@media screen and (max-width: 768px) {
.qui-sommes-nous .values .bloc_2 .subtitle {
width: 100%;
}
}
.qui-sommes-nous .values .bloc_2 .description {
width: 50%;
}
@media screen and (max-width: 768px) {
.qui-sommes-nous .values .bloc_2 .description {
width: 100%;
}
}
.qui-sommes-nous .bloc_1 div > p, .qui-sommes-nous .bloc_4 div > p {
text-align: justify;
}
.qui-sommes-nous .new_ads {
background-color: #F8F9FA;
}
.qui-sommes-nous .new_ads h2 {
text-align: left;
margin-bottom: 0;
color: #6EC9AC;
}
.single-advert-slider {
padding-bottom: 20px;
}
.single-advert-slider .container .gallery_container {
display: flex;
flex-wrap: wrap;
position: relative;
}
.single-advert-slider .container .gallery_container :nth-child(1) {
width: calc(66.6666666667% - 30px);
}
@media screen and (max-width: 992px) {
.single-advert-slider .container .gallery_container :nth-child(1) {
width: calc(66.6666666667% - 20px);
}
}
@media screen and (max-width: 768px) {
.single-advert-slider .container .gallery_container :nth-child(1) {
width: calc(100% - 10px);
}
}
.single-advert-slider .container .gallery_container :nth-child(n+2) {
width: calc(33.3333333333% - 30px);
}
@media screen and (max-width: 992px) {
.single-advert-slider .container .gallery_container :nth-child(n+2) {
width: calc(33.3333333333% - 20px);
}
}
@media screen and (max-width: 768px) {
.single-advert-slider .container .gallery_container :nth-child(n+2) {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 576px) {
.single-advert-slider .container .gallery_container :nth-child(n+2) {
width: calc(50% - 10px);
}
}
.single-advert-slider .container .gallery_container :nth-child(n+6) {
display: none;
}
.single-advert-slider .container .gallery_container :nth-child(n+6) .total_left {
display: none;
}
.single-advert-slider .container .gallery_container :nth-child(-n+3) .total_left {
display: none;
}
.single-advert-slider .container .gallery_container :nth-child(5) {
background-color: #6EC9AC;
position: relative;
}
.single-advert-slider .container .gallery_container :nth-child(5) img {
opacity: 0.3;
}
.single-advert-slider .container .gallery_container :nth-child(5) .total_left {
display: block;
color: white;
font-weight: 700;
font-size: 40px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 30px;
}
.single-advert-slider .container .gallery_container .slide_gallery {
height: 300px;
object-fit: cover;
margin: 15px;
}
@media screen and (max-width: 992px) {
.single-advert-slider .container .gallery_container .slide_gallery {
height: 200px;
margin: 10px;
}
}
@media screen and (max-width: 576px) {
.single-advert-slider .container .gallery_container .slide_gallery {
height: 150px;
margin: 5px;
}
}
.single-advert-slider .container .gallery_container .slide_gallery img {
height: 300px;
width: 100%;
object-fit: cover;
}
@media screen and (max-width: 992px) {
.single-advert-slider .container .gallery_container .slide_gallery img {
height: 200px;
}
}
@media screen and (max-width: 576px) {
.single-advert-slider .container .gallery_container .slide_gallery img {
height: 150px;
}
}
.single-advert-slider .container .gallery_container .slider_gallery-1 {
position: relative;
cursor: pointer;
}
.single-advert-slider .container .gallery_container .slider_gallery-1 .externalLink {
position: absolute;
transition: background-color 0.2s;
display: flex;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(240, 224, 204, 0.664);
border-radius: 10px;
}
.single-advert-slider .container .gallery_container .slider_gallery-1 .externalLink:hover {
background-color: rgba(240, 224, 204, 0.911);
}
.single-advert-slider .container .gallery_container .slider_gallery-1 .externalLink::after {
content: "Visite 3D";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #063A38;
font-size: 26px;
font-weight: 600;
text-align: center;
}
.single-advert-slider .container .text_ad {
padding: 15px 10px;
}
@media screen and (max-width: 990px) {
.single-advert-slider .container .text_ad {
padding: 15px 0;
}
}
.single-advert-slider .container .text_ad .title_bien, .single-advert-slider .container .text_ad .city_ref {
margin: 5px 0;
}
.single-advert-slider .container .text_ad .title_bien h1, .single-advert-slider .container .text_ad .city_ref h1 {
text-transform: initial;
text-align: left;
font-weight: 700;
font-size: 45px;
margin-bottom: 10px;
}
@media screen and (max-width: 990px) {
.single-advert-slider .container .text_ad .title_bien h1, .single-advert-slider .container .text_ad .city_ref h1 {
font-size: 30px;
}
}
.single-advert-slider .container .text_ad .title_bien .city, .single-advert-slider .container .text_ad .city_ref .city {
font-size: 24px;
margin-bottom: 20px;
line-height: normal;
}
.single-advert-slider .container .ad_tags {
padding: 105px 55px 0;
color: #F0E0CC;
text-decoration: none;
font-weight: 200;
font-size: 24px;
}
@media screen and (max-width: 990px) {
.single-advert-slider .container .ad_tags {
padding: 15px 0;
font-size: 20px;
}
}
.single-advert-specs {
padding-bottom: 30px;
padding-top: 30px;
background-color: #303C6D;
}
.single-advert-specs .container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.single-advert-specs .container .specs {
display: flex;
flex-direction: column;
justify-content: space-between;
font-weight: 200;
padding: 20px;
width: 20%;
}
@media screen and (max-width: 768px) {
.single-advert-specs .container .specs {
width: 100%;
}
}
.single-advert-specs .container .specs:nth-child(4) img {
width: 30px;
}
.single-advert-specs .container .specs img {
object-fit: contain;
width: 45px;
height: 70px;
}
.single-advert-specs .container .specs .subtitle {
color: #6EC9AC;
}
.single-advert-specs .container .specs .advert-specs {
color: white;
font-size: 18px;
line-height: 25px;
margin-bottom: 0;
}
@media screen and (max-width: 1400px) {
.single-advert-specs .container .specs .advert-specs {
font-size: 16px;
line-height: 20px;
}
}
.single-advert-description .container {
display: flex;
}
@media screen and (max-width: 992px) {
.single-advert-description .container {
flex-wrap: wrap;
}
}
.single-advert-description .container .left {
width: 60%;
}
@media screen and (max-width: 992px) {
.single-advert-description .container .left {
width: 100%;
}
}
.single-advert-description .container .left .description_text {
display: flex;
flex-direction: column;
padding-right: 60px;
}
@media screen and (max-width: 992px) {
.single-advert-description .container .left .description_text {
width: 100%;
padding-right: 0;
}
}
.single-advert-description .container .left .description_text h3 {
text-align: left;
padding-bottom: 30px;
}
.single-advert-description .container .left .description_text a {
padding: 0.5em 0;
}
.single-advert-description .container .left .description_text div {
color: #F0E0CC;
}
.single-advert-description .container .left .energy_info {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 990px) {
.single-advert-description .container .left .energy_info {
width: 100%;
}
}
.single-advert-description .container .left .energy_info .energy_info_text h3 {
text-align: left;
padding-bottom: 30px;
}
.single-advert-description .container .left .energy_info .energy_info_text .energy {
display: flex;
align-items: center;
}
.single-advert-description .container .left .energy_info .energy_info_text .energy div {
margin-right: 40px;
width: 50%;
}
.single-advert-description .container .left .energy_info .energy_info_text img {
width: 90px;
}
.single-advert-description .container .left .energy_info a {
padding: 0;
text-align: left;
color: #303C6D;
font-weight: 500;
font-size: 20px;
}
@media screen and (max-width: 992px) {
.single-advert-description .container .left .energy_info a {
margin-bottom: 30px;
}
}
.single-advert-description .container .right {
width: 40%;
}
@media screen and (max-width: 992px) {
.single-advert-description .container .right {
width: 100%;
}
}
.single-advert-description .container .right .leaflet-map {
height: 500px;
}
@media screen and (max-width: 768px) {
.single-advert-description .container .right .leaflet-map {
height: 250px;
}
}
.single-advert-description .container .right .leaflet-map .leaflet-control-zoom {
display: none;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
border: 2px solid #F0E0CC;
}
.single-advert-contact-info {
background-color: #F8F9FA;
}
.single-advert-contact-info .contact_agent {
display: flex;
align-items: flex-start;
justify-content: center;
}
@media screen and (max-width: 992px) {
.single-advert-contact-info .contact_agent {
flex-wrap: wrap;
}
}
.single-advert-contact-info .contact_agent .agent {
width: 30%;
margin-right: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
.single-advert-contact-info .contact_agent .agent {
width: 100%;
margin-top: 30px;
margin-right: 0;
}
}
.single-advert-contact-info .contact_agent .agent img {
width: 100%;
border-radius: 5px 5px 0 0;
}
.single-advert-contact-info .contact_agent .agent p {
margin-bottom: 20px;
}
.single-advert-contact-info .contact_agent .agent .infos {
background-color: #EAECF1;
padding: 30px;
}
.single-advert-contact-info .contact_agent .agent .infos .position {
text-transform: uppercase;
}
.single-advert-contact-info .contact_agent .agent .infos .sector {
font-size: 20px;
}
.single-advert-contact-info .contact_agent .agent .tel {
background-color: #9ED6C6;
padding: 20px 30px;
margin-bottom: 0;
position: relative;
}
.single-advert-contact-info .contact_agent .agent .tel::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Icon-awesome-phone-alt-white.svg);
position: absolute;
}
.single-advert-contact-info .contact_agent .agent .tel a {
color: white;
margin-left: 50px;
font-size: 18px;
}
.single-advert-contact-info .contact_agent .agent .email {
background-color: #6EC9AC;
padding: 20px 30px;
margin-bottom: 0;
border-radius: 0 0 5px 5px;
position: relative;
}
.single-advert-contact-info .contact_agent .agent .email::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Icon-feather-mai-white.svg);
position: absolute;
}
.single-advert-contact-info .contact_agent .agent .email a {
color: white;
margin-left: 50px;
font-size: 18px;
}
.single-advert-contact-info .contact_agent .agent_contact_form {
width: 70%;
}
@media screen and (max-width: 992px) {
.single-advert-contact-info .contact_agent .agent_contact_form {
width: 100%;
margin-top: 50px;
}
}
.single-advert-contact-info .contact_agent .agent_contact_form form {
width: 100%;
}
.single-advert-contact-info .contact_agent .agent_contact_form form div[class^=row] {
display: flex;
}
.single-advert-contact-info .contact_agent .agent_contact_form form div[class^=row] div {
width: 50%;
}
.single-advert-contact-info .contact_agent .agent_contact_form form div[class^=row] div input {
width: calc(100% - 10px);
}
.single-advert-contact-info .contact_agent .agent_contact_form form textarea {
width: calc(100% - 10px);
}
.single-advert-contact-info .contact_agent .agent_contact_form form button {
position: relative;
left: 85%;
}
@media screen and (max-width: 1400px) {
.single-advert-contact-info .contact_agent .agent_contact_form form button {
left: 83%;
}
}
@media screen and (max-width: 768px) {
.single-advert-contact-info .contact_agent .agent_contact_form form button {
left: 75%;
}
}
@media screen and (max-width: 576px) {
.single-advert-contact-info .contact_agent .agent_contact_form form button {
left: 60%;
}
}
.single-advert-contact-info .contact_agent .agent_contact_form input[name=destination-email] {
display: none;
}
.single-advert-contact-info .contact_agent .agent_contact_form input[name=subject-prefix] {
display: none;
}
.single-advert-contact-info .commercial-infos {
width: 30%;
margin: auto;
margin-top: 30px;
}
@media screen and (max-width: 992px) {
.single-advert-contact-info .commercial-infos {
width: 100%;
margin-top: 30px;
margin-right: 0;
}
}
.single-advert-contact-info .commercial-infos .commercial {
background-color: #6EC9AC;
padding: 20px 30px;
margin-bottom: 0;
position: relative;
}
.single-advert-contact-info .commercial-infos .commercial::before {
position: absolute;
}
.single-advert-contact-info .commercial-infos .commercial span {
color: white;
margin-left: 50px;
font-size: 18px;
}
.single-advert-contact-info .commercial-infos .tel {
background-color: #9ED6C6;
padding: 20px 30px;
margin-bottom: 0;
position: relative;
}
.single-advert-contact-info .commercial-infos .tel::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Icon-awesome-phone-alt-white.svg);
position: absolute;
}
.single-advert-contact-info .commercial-infos .tel a {
color: white;
margin-left: 50px;
font-size: 18px;
}
.single-advert-contact-info .commercial-infos .email {
background-color: #6EC9AC;
padding: 20px 30px;
margin-bottom: 0;
border-radius: 0 0 5px 5px;
position: relative;
}
.single-advert-contact-info .commercial-infos .email::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Icon-feather-mai-white.svg);
position: absolute;
}
.single-advert-contact-info .commercial-infos .email a {
color: white;
margin-left: 50px;
font-size: 18px;
}
.single-programme .container h1 {
color: #6EC9AC;
font-weight: 700;
}
.single-programme .container h2 {
color: #6EC9AC;
font-weight: 700;
text-transform: initial;
text-align: left;
}
.single-programme .container h3 {
font-weight: 700;
text-transform: initial;
text-align: left;
}
.single-programme .container .thumbnail_image img {
width: 100%;
height: 40vh;
object-fit: cover;
}
@media screen and (max-width: 992px) {
.single-programme .container .thumbnail_image img {
height: 30vh;
}
}
.new_programs h2 {
color: #6EC9AC !important;
}
.single .container h1 {
color: #6EC9AC;
font-weight: 700;
}
.single .container h2 {
color: #6EC9AC;
font-weight: 700;
text-transform: initial;
text-align: left;
}
.single .container h3 {
font-weight: 700;
text-transform: initial;
text-align: left;
}
.single .container .thumbnail_image img {
width: 100%;
height: 40vh;
object-fit: cover;
}
@media screen and (max-width: 992px) {
.single .container .thumbnail_image img {
height: 30vh;
}
}
.new_programs h2 {
color: #6EC9AC !important;
}
.contact .bloc-loc {
position: relative;
}
.contact .bloc-loc::after {
content: "";
width: 100%;
height: 900px;
position: absolute;
background: #6EC9AC;
top: -2px;
z-index: -1;
clip-path: polygon(0 0, 100% 0, 100% 43%, 0 29%);
}
@media screen and (max-width: 992px) {
.contact .bloc-loc::after {
height: 950px;
}
}
@media screen and (max-width: 576px) {
.contact .bloc-loc::after {
height: 1050px;
clip-path: polygon(0 0, 100% 0, 140% 40%, 0 35%);
}
}
.contact .bloc-loc .container {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 992px) {
.contact .bloc-loc .container {
flex-wrap: wrap;
}
}
.contact .bloc-loc .container .text {
width: 50%;
}
@media screen and (max-width: 992px) {
.contact .bloc-loc .container .text {
width: 90%;
margin-bottom: 30px;
}
}
.contact .bloc-loc .container .text h3 {
color: white;
text-transform: uppercase;
}
.contact .bloc-loc .container .text .description {
max-width: 500px;
}
.contact .bloc-loc .container .text .description p {
color: white;
font-size: 18px;
line-height: 25px;
}
.contact .bloc_contact {
padding-top: 100px;
}
.contact .bloc_contact .container h1 {
color: #6EC9AC;
font-weight: 700;
}
.contact .bloc_contact .container .infos-contact {
display: flex;
justify-content: center;
}
@media screen and (max-width: 992px) {
.contact .bloc_contact .container .infos-contact {
flex-wrap: wrap;
}
}
.contact .bloc_contact .container .infos-contact .left {
width: 40%;
}
@media screen and (max-width: 992px) {
.contact .bloc_contact .container .infos-contact .left {
width: 100%;
}
}
.contact .bloc_contact .container .infos-contact .left .infos {
float: right;
width: 290px;
margin-right: 20%;
}
@media screen and (max-width: 992px) {
.contact .bloc_contact .container .infos-contact .left .infos {
float: unset;
margin-right: 0;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.contact .bloc_contact .container .infos-contact .left .infos {
width: 100%;
margin-top: 30px;
}
}
.contact .bloc_contact .container .infos-contact .left .infos img {
width: 100%;
border-radius: 5px 5px 0 0;
margin-bottom: 20px;
}
.contact .bloc_contact .container .infos-contact .left .infos .address {
background-color: #EAECF1;
padding: 30px;
}
.contact .bloc_contact .container .infos-contact .left .infos .address p {
font-size: 20px;
line-height: 30px;
margin-bottom: 0;
}
.contact .bloc_contact .container .infos-contact .left .infos .tel {
background-color: #9ED6C6;
padding: 20px 30px;
margin-bottom: 0;
position: relative;
}
.contact .bloc_contact .container .infos-contact .left .infos .tel::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Icon-awesome-phone-alt-white.svg);
position: absolute;
}
.contact .bloc_contact .container .infos-contact .left .infos .tel a {
color: white;
margin-left: 35px;
font-size: 18px;
}
.contact .bloc_contact .container .infos-contact .left .infos .email {
background-color: #6EC9AC;
padding: 20px 30px;
margin-bottom: 0;
border-radius: 0 0 5px 5px;
position: relative;
}
.contact .bloc_contact .container .infos-contact .left .infos .email::before {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Icon-feather-mai-white.svg);
position: absolute;
}
.contact .bloc_contact .container .infos-contact .left .infos .email a {
color: white;
margin-left: 35px;
font-size: 18px;
}
.contact .bloc_contact .container .infos-contact .right {
width: 60%;
}
@media screen and (max-width: 992px) {
.contact .bloc_contact .container .infos-contact .right {
width: 100%;
margin-top: 30px;
}
}
.contact .bloc_contact .container .infos-contact .right form {
width: 100%;
}
.contact .bloc_contact .container .infos-contact .right form div[class^=row] {
display: flex;
}
.contact .bloc_contact .container .infos-contact .right form div[class^=row] div {
width: 50%;
}
.contact .bloc_contact .container .infos-contact .right form div[class^=row] div input {
width: calc(100% - 10px);
}
.contact .bloc_contact .container .infos-contact .right form textarea {
width: calc(100% - 10px);
}
.contact .bloc_contact .container .infos-contact .right form button {
position: relative;
left: 83%;
}
@media screen and (max-width: 1400px) {
.contact .bloc_contact .container .infos-contact .right form button {
left: 80%;
}
}
@media screen and (max-width: 1200px) {
.contact .bloc_contact .container .infos-contact .right form button {
left: 77%;
}
}
@media screen and (max-width: 768px) {
.contact .bloc_contact .container .infos-contact .right form button {
left: 75%;
}
}
@media screen and (max-width: 576px) {
.contact .bloc_contact .container .infos-contact .right form button {
left: 60%;
}
}
.contact .bloc_maillage {
display: flex;
}
@media screen and (max-width: 992px) {
.contact .bloc_maillage {
flex-wrap: wrap;
}
}
.contact .bloc_maillage > div {
width: 50%;
text-align: center;
}
@media screen and (max-width: 992px) {
.contact .bloc_maillage > div {
width: 100%;
}
}
.contact .bloc_maillage > div .title {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
.contact .bloc_maillage > div .title {
margin: 0 50px 50px;
}
}
.contact .bloc_maillage > div .title h2 {
text-align: left;
margin-bottom: 0;
}
.contact .bloc_maillage > div .title img {
margin-right: 20px;
}
.contact .bloc_maillage .left {
background-color: #F8F9FA;
}
.contact .bloc_maillage .right {
background-color: #EAECF1;
}
.contact .bloc_maillage .right h2 {
color: #6EC9AC;
}
.honoraires .main_header {
height: 300px;
position: relative;
}
@media screen and (max-width: 768px) {
.honoraires .main_header {
height: 40vh;
}
}
.honoraires .main_header .bg-img {
position: absolute;
width: 100vw;
height: 100%;
z-index: -1;
}
.honoraires .main_header .bg-img img {
height: 100%;
width: 100vw;
object-fit: cover;
}
.honoraires .main_header .main_title {
width: clamp(340px, 50%, 1200px);
margin: 0 auto;
top: 50%;
position: relative;
transform: translateY(-50%);
}
.honoraires .main_header .main_title h1,
.honoraires .main_header .main_title h2,
.honoraires .main_header .main_title h3 {
color: white;
text-align: center;
}
.honoraires .main_header .main_title h1 strong,
.honoraires .main_header .main_title h2 strong,
.honoraires .main_header .main_title h3 strong {
font-size: 700;
}
.honoraires .main_header .main_title p {
font-size: 18px;
line-height: 22px;
color: white;
text-align: center;
}
@media screen and (max-width: 992px) {
.honoraires .main_header .main_title p {
font-size: 16px;
line-height: 20px;
}
}
.honoraires .main_header .main_title p strong {
font-size: 700;
}
.honoraires .main_header::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/Trace-202.svg);
position: absolute;
top: 0;
right: 0;
}
.honoraires .main_content .container {
display: flex;
flex-wrap: wrap;
}
.honoraires .main_content .container div[class^=bloc_] {
width: calc(50% - 40px);
margin: 20px;
}
@media screen and (max-width: 768px) {
.honoraires .main_content .container div[class^=bloc_] {
width: 100%;
}
}
.honoraires .main_content .container div[class^=bloc_] .title {
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
background-color: #EAECF1;
}
@media screen and (max-width: 768px) {
.honoraires .main_content .container div[class^=bloc_] .title {
padding: 20px;
}
}
.honoraires .main_content .container div[class^=bloc_] .title h2 {
text-align: left;
margin-bottom: 0;
}
.honoraires .main_content .container div[class^=bloc_] .title img {
margin-right: 20px;
}
.honoraires .main_content .container div[class^=bloc_] .card_description {
text-align: left;
}
.honoraires .main_content .container div[class^=bloc_] .card_description .card-body {
padding: 30px;
background-color: #EAECF1;
border: none;
}
.honoraires .main_content .container div[class^=bloc_] .link {
padding: 10px;
position: relative;
}
.honoraires .main_content .container div[class^=bloc_] .link a {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: white;
position: relative;
}
.honoraires .main_content .container div[class^=bloc_] .link a::after {
content: url(//interimob.staging.insinio.fr/wp-content/themes/33degres/img/arrow.svg);
margin-left: 10px;
position: absolute;
transform: rotate(90deg);
}
.honoraires .main_content .container div[class^=bloc_] .link a.rotate::after {
transform: rotate(270deg);
}
.honoraires .main_content .container .bloc_habitation .title h2 {
color: #6EC9AC;
}
.honoraires .main_content .container .bloc_habitation .link {
background-color: #6EC9AC;
}
.honoraires .main_content .container .bloc_garage .title h2 {
color: #303C6D;
}
.honoraires .main_content .container .bloc_garage .link {
background-color: #303C6D;
}
.honoraires .main_content .container .bloc_commercial .title h2 {
color: #303C6D;
}
.honoraires .main_content .container .bloc_commercial .link {
background-color: #303C6D;
}
.honoraires .main_content .container .bloc_divers .title h2 {
color: #6EC9AC;
}
.honoraires .main_content .container .bloc_divers .link {
background-color: #6EC9AC;
}