/*
Theme Name: ROUGEVERT - atoll
Author: rougevert communication
Text Domain: atoll
*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
@import url("https://use.fontawesome.com/releases/v5.15.3/css/all.css")


/******* couleurs 
	gris header #f7f7f7
	rouge #cd1719
	
	******/
	

.container-fluid{
	width: 100%;
	height: auto;
	margin: 0px;
	padding-left: 0px !important;
    padding-right: 0px !important;
}

.row {
    margin: 0px;
	padding: 0px;
}

body{background-image: url(../atoll/images/fond-gris-points-3.png);
	background-position: center center;
	background-size: cover;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

#logo {
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
#logo_footer {
      height: 75px;
      background-size: contain;
       background-repeat: no-repeat;
    background-position: left center;
    margin-left: 90px;
    margin-top: 25px;
    margin-bottom: 20px;
}

#texte-rouge{text-align: center; font-size: 35px; font-weight: 300;}
#texte-gris{color: #666666; text-align: center; font-size: 20px;}

#bandeau-rouge{background-color: #cd1719; color: white; padding: 1em; font-size: 25px;}

footer{text-align: center;}

footer nav {
    background-color: black;
    padding-top: 10px;
    color: white;
    font-size: 14px;
}
.footer_rouge {
	background-color: #cd1719;
	}

.adresse_footer {
    text-align: left;
    display: flex;
    align-self: center;
    color: #ffffff;
    text-transform: uppercase;
}

ul#menu-menu-footer{list-style: none; padding-left: 0;}

ul#menu-menu-footer li{display: inline-block;}

ul#menu-menu-footer li a {color: white;}

ul#menu-menu-footer li::after {
    content: "•";
    padding: 0 10px;
}

ul#menu-menu-footer li:last-child:after{content: none;}

#force-groupe{font-size: 35px;}

a{color: #cd1719; text-decoration: none;}

a:hover{color: #cd1719;}

#les-infos-logo {padding: 80px 0;
	height: 80vh;
}

#logo-agence {
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    margin-bottom: 30px;
}




/* TEST REPONSIVE TROUVE SUR FORUM DE L'EXTENSION */
.imapsLabel foreignObject img { position: initial !important; }
.imapsLabel foreignObject p { position: initial !important; }
.map_wrapper .imapsLabel {
	font-size:0.7em; 
	line-height:1.2em;	
} 
.page-id-2 .map_wrapper .map_aspect_ratio {height: 70vh !important; }
.map_home {
    padding: 0;
    height: 80vh;
}
.page-id-2 .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}
.page-id-2 .elementor-section .elementor-container {
    margin-right: 0;
    margin-left: 0;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}
.elementor-section .elementor-container {
    margin-right: 0 !important;
    margin-left: 0 !important;
}


header {
	background-color: #f7f7f7; 
	color:#666666; 
	padding: 15px;
	box-shadow:0 3px 10px 0 rgb(0 0 0 / 30%);
}


	}
.text_emploi {
    display: flex;
    align-items: center;
}

.centrer{text-align: center;}

#texte-rouge{color: #cd1719;}
#texte-gris{text-align: left; font-size: 25px; color: #000000;}

#container-logo {
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

img.alignnone.size-medium {margin-bottom: 1em; margin: 0 auto;}

.page-id-219 {text-align: center;}

.page-id-3 h1, .page-id-219 h1 {margin-top: 30px;}

ul.wsp-pages-list {list-style: none; padding-left: 0;}

button#tarteaucitronPrivacyUrl {padding: 6px; margin-left: 6px;}

/**********************************/

.repeater_agence img {
    width: 50%;
    display: block;
        margin-left: 50px;
    padding-top: 20px;
}
.left_column {
    width: 80% !important;
    display: block;
    margin: auto;
}
.departement h1 {
    font-weight: 700;
}
div#bouton_toutes a {
    border-radius: 30px;
}
.slogan {
    display: flex;
}
.texte_gris_div {
    padding-left: 40px;
    padding-top: 3px;
}
.text_emploi {
    padding-top: 25px;
}
div#nos_offres, div#nos_cabinets, div#notre_offre_digitale {
    background-color: #f7f7f7;
    padding-top: 20px;
    text-align: left;
    display: flex;
    width: 30%;
    margin: auto;
    margin-top: 17px !important;
}
div#nos_offres a , div#nos_cabinets  a, div#notre_offre_digitale a{
    color: #000000;
}
div#nos_offres:before {
    font-size: 25px;
    font-family: "Font Awesome 5 Free";
    content: "\f15c ";
    padding-right: 15px;
    padding-left: 30px;
    color: #cd1719;
}
div#nos_cabinets:before {
    font-size: 25px;
    font-family: "Font Awesome 5 Free";
    content: "\f007 ";
    padding-right: 15px;
    padding-left: 30px;
    color: #cd1719;
}
div#notre_offre_digitale:before {
    font-size: 25px;
    font-family: "Font Awesome 5 Free";
    content: "\f2bb ";
    padding-right: 15px;
    padding-left: 30px;
    color: #cd1719;
}
div#nos_offres h5, div#nos_cabinets h5 , div#notre_offre_digitale h5{
    margin-bottom: 0;
}
div#les-infos-logo {
	background-image: url(https://rvcom211-dev-carteatoll.pf23.wpserveur.net/wp-content/uploads/2021/07/photo_atoll_bureau.jpeg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
div#toutes-les-agences {
    width: 80%;
    display: flex;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.8);
    padding-left: 20px;
}
/*
hr#red_line {
    position: absolute;
    bottom: 71%;
    left: 6.5%;
    width: 8%;
    height: 5px;
    color: #cd1719;
    opacity: 1;
    margin: 5px;
}
*/
h2.title_home:before {
    content: '';
    border-top: solid 4px;
    width: 135px;
    position: absolute;
    color: #cd1719;
   
}
h2.title_home{
 	margin-top: 60px;
    margin-bottom: 60px;
   font-weight: 300;
}
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1180px !important;
}
.elementor-265 .elementor-element.elementor-element-f0b495f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-265 .elementor-element.elementor-element-f0b495f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.equal-height-content {
    height: 100%;
    display: flex;
}
.liens_footer {
    display: flex;
}
span#web_site {
    text-transform: lowercase;
}


/**********************************/
@media only screen and (max-width:780px) {
.imapsLabel foreignObject div img { max-width:150px !important; height:auto !important;}
}

i.fas.fa-map-marker-alt:before{
	content: "X";
	position:absolute; 
	right: 0;
	top: 0;
	font-size: 20px;
	font-family: sans-serif;
}


/* MEDIAS QUERIES POUR LES DESKTOPS (SITE MOBILE FIRST) */
/* * * * * * * * * * * * * MEDIAS QUERIES* * * * * * * * * * * * * * * * * *  */
@media only screen and (min-width : 992px) {
	
	#logo {
    height: 85px;
    background-position: left center;
    margin-left: 40px;
}
.wpls-logo-cnt.slick-slide{margin: 0 20px !important;}

#container-logo {border-bottom: none; text-align: left;}

.map_wrapper .imapsLabel {font-size:0.9em; line-height:1.6em; } 
	
}

/* IPAD PORTRAIT */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

#texte-gris, #texte-rouge{text-align: center;}

#logo {height: 75px;}
.slogan {
    padding-left: 15%;
}
.icon_pin img {
    width: 42px;
    padding-top: 12px;
}
.texte_gris_div {
    padding-left: 12px;
    padding-top: 3px;
}
span#texte-rouge {
    font-size: 30px;
}
#logo_footer {
    margin-left: 25%;
}
.adresse_footer {
    justify-content: center;
}
.liens_footer {
    margin-top: 20px;
    margin-bottom: 20px;
}
.map_elementor {
    width: 100% !important;
}
.left_detail {
    width: 100% !important;
}
/*
.map_home {
    height: 80vh !important;
}
#les-infos-logo {
    height: 80vh !important;
}
*/

}

@media screen and (min-width: 768px) and (max-width: 1024px){
	#texte-gris, #texte-rouge{text-align: center;}

#logo {height: 75px;}
.slogan {
    padding-left: 15%;
}
.icon_pin img {
    width: 42px;
    padding-top: 12px;
}
.texte_gris_div {
    padding-left: 12px;
    padding-top: 3px;
}
span#texte-rouge {
    font-size: 30px;
}
#logo_footer {
    margin-left: 25%;
}
.adresse_footer {
    justify-content: center;
}
.liens_footer {
    margin-top: 20px;
    margin-bottom: 20px;
}
.map_elementor {
    width: 100% !important;
}
.left_detail {
    width: 100% !important;
}
/*
.map_home {
    height: 100vh;
}
#les-infos-logo {
    height: 100vh;
}
*/

}


/* IPAD HORIZONTAL */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	#logo {height: 80px; background-position: left center;}
	
	#texte-gris, #texte-rouge{text-align: center;}
	
	#les-infos-logo {top: 5%;}
	
	#texte-rouge {font-size: 30px;}
	
}

@media only screen and (min-width : 768px) {
	#container-logo {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
	}
	
	
/* Mobile */	
@media only screen and (max-width: 767px) {
  .liens_footer {
    display: block;
}
div#logo_footer {
    margin-left: 30px;
    height: 60px;
}
div#nos_offres, div#nos_cabinets, div#notre_offre_digitale {
	width: 70%;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.adresse_footer {
    padding-left: 15%;
    padding-right: 5%;
}
#texte-gris {
    font-size: 15px;
}
.icon_pin img {
    width: 35px;
}
.texte_gris_div {
    padding-left: 15px;
    padding-top: 0px;
    text-align: left;
}
.slogan {
    padding-left: 30px;
}
.text_emploi {
    padding-top: 20px;
    padding-bottom: 25px;
}
.elementor-265 .elementor-element.elementor-element-0b6d0f9:not(.elementor-motion-effects-element-type-background), .elementor-265 .elementor-element.elementor-element-0b6d0f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    margin-top: 20px;
    margin-bottom: 20px;
}
.page-id-2 .map_wrapper .map_container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-bottom: 100px;
}
#texte-rouge {
    font-size: 20px;
}
#les-infos-logo {
    height: fit-content;
}
.map_home {
    height: fit-content;
}
.map_aspect_ratio {
    padding-top: 100% !important;
}


}
/************ Petit écran ***********************/
@media screen and (min-width: 992px) and (max-width: 1450px){
	#logo_footer {
    height: 60px ;
    margin-left: 15px ;
	margin-top: 40px;
}
.adresse_footer {
    margin-left: -20px;
}
span#texte-adresse {
    font-size: 14px;
}
div#nos_offres, div#nos_cabinets, div#notre_offre_digitale {
    text-align: center;
    display: block;
    margin-bottom: 17px !important;
}
div#nos_offres h5, div#nos_cabinets h5, div#notre_offre_digitale h5 {
    font-size: 16px;
}
div#nos_offres p, div#nos_cabinets p, div#notre_offre_digitale p {
    font-size: 15px;
}
div#nos_offres:before, div#notre_offre_digitale:before, div#nos_cabinets:before {
    font-size: 18px;
    padding-right: 15px;
    padding-left: 15px;
}
#texte-rouge {
    font-size: 25px;
}
.text_emploi{
	padding-left: 50px;
    padding-right: 50px ;
    padding-top: 5px;
}
.icon_pin img {
    width: 40px;
    margin-top: 20px;
}
#texte-gris {
    font-size: 20px;
}
#les-infos-logo {
    height: 100vh;
}
.map_home {
    height: 100vh;
}
.page-id-2 .map_wrapper .map_aspect_ratio {
    height: 80vh !important;
    padding-top: 80% !important;
}



}

@media  screen and (min-width: 14001){

}