MediaWiki:Common.css

/*** BASE ***/
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Essences.css"); 

body {
  background-color: black;
  background-attachment:fixed;
  color: #4c9c2e;
  background-image: url("https://arbre-evolution.org/images/f/f4/Mouvement_Accueil_Fond.webp");
  background-size: cover;
  font-family: "Myriad Pro","Myriad Pro Web","Helvetica Neue",Helvetica;
  font-size: 16px;
}

body.page-Accueil {
  background-attachment:unset;
  background-repeat: repeat-y;
  background-image: url("themes/images/Images_fond/Mouvement_Accueuil_7NOV_V2.2.jpg");
}
body.page-La_Coop_AÉ {
  background-image: url("themes/images/Images_fond/1920x1920_COOP_AE.jpg");
}
body.page-Programmes {
  background-image: url("themes/images/Images_fond/1920x1920_PROGRAMMES.jpg");
}
body.page-Services {
  background-image: url("themes/images/Images_fond/1920x1920_COOP_Services_1.jpg");
}
body.page-Partenaires {
  background-image: url("themes/images/Images_fond/1920x1920_PARTENAIRES.jpg");
}
body.page-Médias {
  background-image: url("themes/images/Images_fond/1920x1920_MEDIAS.jpg");
}
body.page-Verger {
  background-image: url("themes/images/Images_fond/1920x1920_Verger.jpg");
  background-position-y: -240px;
}
/** Menu admin a- caché pour les visiteurs **/
body.not-logged-in .bandeauAdmin {
	display:none;
}
/** Bas de page **/
.basdepage ul li a,
.basdepage ul li a:visited,
.basdepage ul li .courrielAE a[href].external {
  color:white !important;  
}
.bandeauAdmin {
	font-size:90%;
	max-height:24px;
}

#firstHeading,
#mw-content-subtitle {
  display:none;
}

/** STYLES DE BASE **/
.police-3 {
	font-size:3rem;
}
.police-25 {
	font-size:2.5rem;
}
.police-2 {
	font-size:2rem;
}
.police-175 {
	font-size:1.75rem;
}
.police-15 {
	font-size:1.5rem;
}
.police-125 {
	font-size:1.25rem;
}
.police-08 {
	font-size:.8rem;
}

.texte-blanc,
.texte-blanc a[href],
.texte-blanc a:link,
.texte-blanc a.external.text {
	color: #FFFFFF;
}
.texte-noir,
.texte-noir > a {
	color: #000000 !important;
}
.texte-vert {
	color: #4c9c2e;
}
.texte-bleu {
	color: #00a0dc;
}
.texte-jaune {
	color: #f9da58;
}
.texte-orange {
	color: #f98c2a;
}
.texte-beige {
	color: #ebece6;
}
.fond-beige,
.mw-pager-body {
	background-color:#ebece6;
}


.fond-beige a[href],
.fond-beige a:link,
.fond-beige a.external.text,
a.visited,
.fond-beige a.internal
{
	color: #4c9c2e;
}

.fond-blanc {
	background-color:#FFFFFF;
}
.fond-noir {
	background-color:#000000;
}
.fond-vert {
	background-color:#4c9c2e;
}
.fond-jaune {
	background-color:#f9da58;
}
.fond-bleu {
	background-color:#00a0dc; 
}
.fond-transparent {
	background-color:transparent; 
}
.img-fluide img {
  max-width: 50%;
  height: auto;
}
.bord-rond,
button:not([aria-expanded]){
	border-radius:30px;
}
.bord-rond-bas {
	border-radius: 0px 0px 30px 30px;
}
.encadré-noir {
	border-top:solid 2px black;
	border-bottom:solid 2px black;
	padding-top:1rem;
	padding-bottom:1rem;
}


.ns--1 #content,
.ns-6 #content,
.ns-8  #content,
.ns-10 #content {
	background-color: #ebece6 !important;
	border-radius:30px;
	margin-top:36px;
	padding:2rem 2rem;
}

/** Menu de navigation du haut **/
#p-logo a img {
   z-index:1000;
}
#p-logo a img {
   max-height: 80px;
}
.bandeauNav {
	background-color:black;
	max-height: 108px;
	font-size:1.2rem;
	padding:0 1;
	padding:24px 5% 0 5%;
	z-index:1000;
}
nav.bandeauHaut {
	background-color: transparent;
	padding:0 5%;
}
nav.bandeauHaut .navbar-nav {
    padding-top: 18px;	
    width:100%;
}
/** Mobile **/
.bandeauHaut div.navbar-collapse {
  z-index: 1000;
  background-color: transparent;
}
.bandeauHaut div.navbar-collapse.show {
  z-index: 1000;
  background-color: white;
  padding-bottom: 18px;
}
.bandeauHaut div.navbar-collapse.show #searchInput {
	background-color:rgba(76, 156, 46,0.1);
}
.bandeauHaut .navbar-collapse.show .navbar-nav {
  width:100%;
}
.bandeauHaut .navbar-collapse.show .navbar-nav .mw-list-item {
  width:100%;
  text-align:center;
}
.bandeauHaut .navbar-collapse.show .navbar-nav .mw-list-item:hover {
  background-color: rgba(76, 156, 46,0.1);
}
.bandeauHaut .navbar-collapse.show .navbar-nav.right {
  padding-top:0;
}

/*** Particularités de certaines pages ***/
.page-Projets #n-Projets,
.page-Services #n-Services,
.page-Programmes #n-Programmes,
.page-Partenaires #n-Partenaires,
.page-La_Coop_AÉ #n-La-Coop-AÉ,
.page-La_Coop_AÉ #n-La-Coop-AE,
.page-Verger #n-Verger,
.page-Médias #n-Médias {
	border-bottom: solid 2px #4c9c2e;
}

.page-Projets #n-Projets a.n-Projets,
.page-Services #n-Services a.n-Services,
.page-Programmes #n-Programmes a.n-Programmes,
.page-Partenaires #n-Partenaires a.n-Partenaires,
.page-La_Coop_AÉ #n-La-Coop-AÉ a.n-La-Coop-AÉ,
.page-Verger #n-Verger a.n-Verger,
.page-Médias #n-Médias a.n-Médias {
	color: white;
}

.bandeauHaut .navbar-collapse.show a {
	color: #4c9c2e !important;
	background-color: white;
}

.mw-parser-output .texte-vert a.external,
.mw-parser-output .texte-vert a.extiw:visited, 
.mw-parser-output .texte-vert a.external:visited {
	color:#4c9c2e;
}

.mw-parser-output .texte-blanc a.external,
.mw-parser-output .texte-blanc  a.extiw:visited, 
.mw-parser-output  .texte-blanc a.external:visited {
	color:white;
}
.p-navbar .mw-list-item .nav-link {
	color: #4c9c2e;
	font-size:100%;
	font-weight:500;
	padding-right: 3rem;
    padding-left: 3rem;
}
.p-navbar .navbar-nav .nav-link:hover {
	color:white;
}

.p-navbar .navbar-brand img {
  height: 5rem;
  position: relative;
  top: -2rem;
}

#searchInput,
#searchGoButton,
.p-search .searchGoButton, 
.p-search .mw-searchButton {
	border:none;
	background-color: #292729;
	background-image: none;
	box-shadow:none;
}

.p-navbar .navbar-form button {
	color:silver;
}

.table td,
.card {
	border:none;
}

.vignette {
  object-fit:cover !important;
  height:340px;
  width:100%;
}

.logoBailleur {
  width:80%;
  padding: 0 0 0 10%;
}
/** Marqueurs sur carte **/
.leaflet-marker-icon {
 height:32px;
 width:14px;
}

/** DATATABLES **/

table.dataTable tbody tr,
table.dataTable tbody tr.even {
	background-color:white;
}
table.dataTable tbody tr.odd {
	background-color:#ebece6;
}

table.dataTable thead > tr > th.sorting_asc::before, 
table.dataTable thead > tr > th.sorting_desc::after, 
table.dataTable thead > tr > td.sorting_asc::before, 
table.dataTable thead > tr > td.sorting_desc::after {
	opacity:1;
	color:white;
}
table.dataTable thead > tr > th.sorting::before, 
table.dataTable thead > tr > th.sorting::after, 
table.dataTable thead > tr > th.sorting_asc::before, 
table.dataTable thead > tr > th.sorting_asc::after, 
table.dataTable thead > tr > th.sorting_desc::before, 
table.dataTable thead > tr > th.sorting_desc::after, 
table.dataTable thead > tr > th.sorting_asc_disabled::before, 
table.dataTable thead > tr > th.sorting_asc_disabled::after, 
table.dataTable thead > tr > th.sorting_desc_disabled::before, 
table.dataTable thead > tr > th.sorting_desc_disabled::after, 
table.dataTable thead > tr > td.sorting::before, 
table.dataTable thead > tr > td.sorting::after, 
table.dataTable thead > tr > td.sorting_asc::before, 
table.dataTable thead > tr > td.sorting_asc::after, 
table.dataTable thead > tr > td.sorting_desc::before, 
table.dataTable thead > tr > td.sorting_desc::after, 
table.dataTable thead > tr > td.sorting_asc_disabled::before, 
table.dataTable thead > tr > td.sorting_asc_disabled::after, 
table.dataTable thead > tr > td.sorting_desc_disabled::before, 
table.dataTable thead > tr > td.sorting_desc_disabled::after {
   opacity:0.6;
}

#listePublique_wrapper .dt-length {
	width:30rem;	
  }
#listePublique_wrapper #dt-length-0 {
	width:15%;
	padding-right:1.5rem;
  }
#listePublique_wrapper .dt-search {
	width:30rem;
	text-align:right;
}
#listePublique_wrapper #dt-search-0 {
	display:inline-block;
	width:35%;
	padding-left:1.5rem;
} 
#listePublique_wrapper .page-item.active .page-link {
  background-color: #4c9c2e;
  border-color: #4c9c2e;
}

/** ONGLETS **/

/** PAGE D'ACCUEIL **/

/***APPEL À L'ACTION ***/
.cursor-pointer {
	cursor:pointer;
}
.sectionAmplifie .nav-pills .nav-link {
	background-color: black;
	color:#4c9c2e;
	
}
.sectionAmplifie .nav-pills .nav-link.active{
	background-color: black;
	color:white;
}
.sectionAmplifie .imageFond {
  background-size: 72px;
  background-repeat: no-repeat;
  background-position: center;
}
.sectionAmplifie #individu-img {
	background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Individu_Vert.svg");
}
.sectionAmplifie .active #individu-img {
	background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Individu_Blanc.svg");
}
.sectionAmplifie #ecole-img {
	background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ecole_Vert.svg");
}
.sectionAmplifie .active  #ecole-img {
	background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ecole_Blanc.svg");
}
.sectionAmplifie #ville-img {
	background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ville_Municipalite_Vert.svg");
}
.sectionAmplifie .active #ville-img {
	background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Ville_Municipalite_Blanc.svg");
}
.sectionAmplifie #agricole-img {
	background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Prod_Agricole_Vert.svg");
}

.sectionAmplifie .active #agricole-img {
	background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Prod_Agricole_Blanc.svg");
}
.sectionAmplifie #entreprise-img {
	background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Entreprise_Vert.svg");
}
.sectionAmplifie .active #entreprise-img {
	background-image: url("themes/images/Page_Accueil/Bloc_Suite_du_Monde/Icones/Entreprise_Blanc.svg");
}

#Programmes .nav-pills .nav-link
{
	background-color: black;
	color:#4c9c2e;
	min-height:6rem;
	vertical-align:middle;
	border-radius:30px;
}

#Programmes #reboisement-tab.active
{
	background-color: #4c9c2e;
	color:white;
}

#Programmes #carbone-tab.active
{
	background-color: #00a0dc;
	color:white;
}
#Programmes #carbone-tab 
{
	color: #00a0dc;
}

#Programmes #semoir-tab.active
{
	background-color: #f9da58;
	color:white;
}

#Programmes #semoir-tab 
{
	color: #f9da58;
}

/** ACCORDÉON - SERVICES **/
.services button:not(.collapsed):before {
  content:"\2228";
  padding: 0 1rem 0 .5rem;
}
.services button.collapsed:before {
  content:"\2227";
  padding: 0 1rem 0 .5rem;
}

.services button:not(.collapsed) a,
.services button.collapsed:before a {
  text-decoration:none;
  color:white;
}
/** Entêtes deux couleurs **/
.service-carbone button.collapsed {
  background-image: url("themes/images/Page_Services/Icones/Icone_CO2_Blanc.svgz");
  background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-carbone button:not(.collapsed),
.service-carbone button.collapsed:hover {
  background-image: url("themes/images/Page_Services/Icones/Icone_CO2_Bleu.svgz"); 
  background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-microforet button.collapsed {
  background-image: url("themes/images/Page_Services/Icones/Icone_Microforet_Blanc.svgz");
  background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-microforet button:not(.collapsed),
.service-microforet button.collapsed:hover {
  background-image: url("themes/images/Page_Services/Icones/Icone_Microforet_vert.svgz"); 
  background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-comestible button.collapsed {
  background-image: url("themes/images/Page_Services/Icones/Icone_Amenagement_Comestible_blanc.svgz");
  background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-comestible button:not(.collapsed),
.service-comestible button.collapsed:hover {
  background-image: url("themes/images/Page_Services/Icones/Icone_Amenagement_Comestible_vert.svgz"); 
  background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-foretcorppo button.collapsed {
  background-image: url("themes/images/Page_Services/Icones/Icone_Team_Building_Blanc.svgz");
  background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-foretcorppo button:not(.collapsed),
.service-foretcorppo button.collapsed:hover {
  background-image: url("themes/images/Page_Services/Icones/Icone_Team_Building_vert.svgz"); 
  background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-haie button.collapsed {
  background-image: url("themes/images/Page_Services/Icones/Icone_Agroforesterie_blanc.svgz");
  background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-haie button:not(.collapsed),
.service-haie button.collapsed:hover {
  background-image: url("themes/images/Page_Services/Icones/Icone_Agroforesterie_Vert.svgz"); 
  background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-paysage button.collapsed {
  background-image: url("themes/images/Page_Services/Icones/Icone_Paysage_blanc.svgz");
  background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-paysage button:not(.collapsed),
.service-paysage button.collapsed:hover {
  background-image: url("themes/images/Page_Services/Icones/Icone_Paysage_Vert.svgz"); 
  background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}
.service-renat button.collapsed {
  background-image: url("themes/images/Page_Services/Icones/Icone_renaturalisation_blanc.svgz");
  background-repeat:no-repeat; background-position:95% 0; background-color:#4c9c2e;color:white;
}
.service-renat button:not(.collapsed),
.service-renat button.collapsed:hover {
  background-image: url("themes/images/Page_Services/Icones/Icone_renaturalisation_Vert.svgz"); 
  background-repeat:no-repeat; background-position:95% 0; background-color:white; color:#4c9c2e;
}

/** TEST **/
.essence {
  height:120px;
  background-size: contain;
  background-position:center;
  background-repeat:no-repeat;
  background-color:rgba(255,255,255,1);
  border-radius:7px;
}
/** lien bloc vert **/
.text-white a.external {
	color: white !important;
}
.text-white a.external:hover {
	color:yellow !important;
	text-decoration:none;
}

/* CAROUSSEL */

.carousel-item span img {
  object-fit:cover !important;
  max-width:100%;
  max-height:340px;
}

.carousel-control-next,
.carousel-control-prev {
	background-image:none;
	width:24px;
	border-radius:0;
}
.carousel-control-prev {
	left:0;
}

.carousel-control-next {
	right:0;
}

.carousel-control-next.btn:focus,
.carousel-control-prev.btn:focus {
	box-shadow:none;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
	color:silver;
}
.carousel-inner {
	padding-left:24px;
	padding-right:24px;
}

#boutonDiaporamaO {
	background:transparent;
	border:none;
	color: #4c9c2e;
}

/** **/


button {
	font-family: "Myriad Pro","Myriad Pro Web","Helvetica Neue",Helvetica;
}

button[aria-expanded="true"] {
	border-radius:30px 30px 0px 0px ;
}

.btn a ,
.btn-success {
	background-color:#4c9c2e;
	color:white;
}

.btn:hover a,
.btn a:hover,
.btn:hover {
  background-color:white;
  color:#4c9c2e;
  text-decoration:none;
}

.btn-noir,
.mw-parser-output .btn-noir a,
.mw-parser-output .btn-noir a.external {
  background-color:black !important;
  color:white;
}

.btn.btn-noir:hover a,
.mw-parser-output .btn.btn-noir a:hover,
.mw-parser-output .btn.btn-noir:hover {
  background-color:#4c9c2e !important;
  color:white;
  text-decoration:none;
}


@media (max-width: 768px) {
 .celluleLogo {
   width: 96px;
  }
}


/** TRUCS DIVERS **/
.trademark::after  {
	content: "TM";
	font-size:33%;
	font-weight:normal;
	vertical-align:text-top;
}

/** Toggle image page d'accueil **/
img[aria-selected="true"] {
	height:200%v;
}

h3#notre-equipe:after {
	content: url("https://arbre-evolution.org/themes/images/Page_COOP_AE/Icones/Icone_COOP_Notre_Equipe.svg");
	float: right;
	width: 3.5rem;
}

h3#notre-travail:after {
	content: url("https://arbre-evolution.org/themes/images/Page_COOP_AE/Icones/Icone_COOP_Notre_Travail.svg");
	float: right;
	width: 3.5rem;
}

/** STATISTIQUES **/
.caché {display:none;}
.montré {display:inline-block;}

.versPartenaire{
	cursor:pointer;
}

/** Vidéo ACCUEIL **/
#drone1 .mw-file-element {
  width: 100% !important;
  height: 100% !important;
}
.slogan i {
	filter: drop-shadow(0 0 0.5rem white);
	display: inline-block;
	text-shadow: rgba(255,255,255,.8) 1px 0 10px;
}

.w-33 {
	width: 27% !important;
}
/** PAGE VERGER **/

/** fond pour la vidéo du verger **/
#VideoVerger .embedvideo-overlay  {
  background-image: url("themes/images/VideoVerger.png");
  background-size: cover;
}

/** PAGE SERVICES **/

.service-carbone {
  background-image: url("themes/images/Page_Services/Icones/Icone_CO2_Blanc.svgz");
}

#boutonDiaporamaF button:not(.collapsed) {
  background-color:#ebece6;;
}

/** Page Coop -> blurb équipe **/
.equipe .overlay-equipe {
  opacity: 0;
  transition: .5s ease;

}
.equipe .overlay-equipe:hover {
  opacity: 1;
}

@media screen {
  a:visited {
  	color:black;
  }
}