/*
Theme Name: oceanwp-vdes
Description: Theme enfant de OceanWP
Author: Philippe DUCOTE
Author URI: https://vdes.info/
Template: oceanwp
Version: 0.1.0
*/

.menu-aider {
	width: 310px;
}

/****************************************************************************
 *	HEADER																	*
 ****************************************************************************/
 
/* page header */
.page-header {
	padding-top: 15px !important;
	padding-bottom: 20px !important;
}

/* Menu-header */
header p {
	font-style: italic !important;
}
header .is-vertical {
	margin-left : 5%;
}
.energies-eolien {
	width: 220px;
}
.wp-block-navigation .wp-block-navigation-item {
	margin: 0 10px;
	font-weight: 600;
}

/****************************************************************************
 *	FOOTER																	*
 ****************************************************************************/
 
.footer-inside {
	margin-top: 5px;
	margin-left: 13%;
	margin-right: 13%;
}
footer p {
	font-style: italic !important;
	margin-top: 20px;
}
#footer thead {
	background-color: #0ba83d;
	border-bottom: 1px solid;
	color: #ffffff;
}
#footer th {
	text-align: center;
	font-weight: bold;
}
#footer td a, #footer td {
	color: #0ba83d;
}	
#footer td a:hover {
	color: blue;
}	

#footer .wp-block-table td, #footer .wp-block-table th {
	border-color: #ccc;
}

/****************************************************************************
 *	PAGE																	*
 ****************************************************************************/

/* Image mise en avant */
.wp-block-post-featured-image, .manifeste, .sommaire-manifeste {
  margin-left: 5% !important;
  margin-right: 5% !important;
}
figure .wp-post-image {
	border-radius : 20px;
}
/* Largeur du contenu */
@media only screen and (min-width:960px) {
  .content-area,
  .content-left-sidebar .content-area {
    width:100% !important;
  }
}

/* widget liste d'articles */
.so-widget-sow-blog .widget-title {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	color: #0ba83d;
}

/****************************************************************************
 *	BLOCK ACCORDION															*
 ****************************************************************************/
.sow-accordion-panel-header {
	background-color: #ffffff !important;
	color: #0ba83d !important;
	font-weight: 400;
	font-size: 20px;
}

/****************************************************************************
 *	PAGE D'ACCUEIL															*
 ****************************************************************************/

.manifeste {
	font-size: 1.2em;
	margin-top: 1em;
}
.manifeste a {
	color: #0ba83d;
	font-weight: 600;
}
.titre-parcs-existants, .actualites-gen .widget-title, .sites-web-titre {
	font-size: 36px;
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
	color: #0ba83d;
	border-width: 0 !important;
}
.sites-web-icones img {
	display: inline;
}

/****************************************************************************
 *	PAGE ASSOCIATION VDES													*
 ****************************************************************************/
.tableau-densites {
	margin-top: 1em !important;
	width: 75% !important;
}
.tableau-densites  :where(figcaption) {
	text-align: left !important;
}
.tableau-densites table {
	margin-bottom: 1em;
}

/****************************************************************************
 *	ARTICLES																*
 ****************************************************************************/
.illustration-article {
	width: 50%;
}
/****************************************************************************
 *	TEXTES																	*
 ****************************************************************************/
.encadre {
	border-width: 1px;
	border-style: solid;
	padding: 0 1em;
}
h1 {
	color: #0ba83d !important;
  	margin-top: 0.7em !important;
}
h2, h3 {
	color: #0ba83d !important;
	margin-top: 0.7em !important;
}

/****************************************************************************
 *	COMMUNE																	*
 ****************************************************************************/
.comm-image img {
/*	height : 40vh !important; */
	margin-bottom: 30px;
	object-fit: scale-down !important;
}

.comm-articles {
	margin-bottom: 30px;
}

.comm-articles li {
	font-weight: bold;
}

.comm-eol table, .comm-parcs table {
	border-collapse: collapse;
	border-color: #ccc !important;	
	border: 1px solid;
}

.comm-eol th, .comm-parcs th {
	background-color: #8aff863d;
	text-align: center;
	font-weight: bold;
	text-transform: none;
	border-collapse: collapse;
	border-color: #ccc !important;	
	border: 1px solid;
}

.comm-eol td, .comm-parcs td {
	text-align: center;
	text-transform: none;
	border-collapse: collapse;
	border-color: #ccc !important;	
	border: 1px solid;
}

.refus {
	background-color: #eee;
}

.comm-legende p {
	margin: 0 0 10px;
}

/****************************************************************************
 *	BLOCS COMMUNE																	*
 ****************************************************************************/
.eoltable {
	margin-bottom: 0px;
}
.comm-eol-note {
	font-size: 80%;
}
.comm-carte .comm-eol-note p {
	margin-top: 1em;
	margin-bottom: 0px;
	font-size: 100%;
}
.source {
	margin-bottom: 0px;
	font-size: 80%;
}
.parcs-table {
	width: 100%;
}
.parcs-table .dist-parc {
	width: 5em;
}
.parcs-table .CO-NA {
	width: 3em;
}

@media only screen and (max-width: 480px) {			
	.parcs-table {
		font-size: 80%;
	}
}

/****************************************************************************
 *	PROJET (en attendant mieux)												*
 ****************************************************************************/
#content .thumbnail, #content .entry-header {
	display: none;
}

/******************************************************************************
 *	PAGE GESTATION D'UN PARC EOLIEN	(ajout d'une map)		  				  *
 ******************************************************************************/
 
.container_process_0 {
	text-align: center;
}

/****************************************************************************
 *	FORMULAIRE ADHERER-DONNER												*
 ****************************************************************************/

.adherer_donner legend {
	font-weight: bold !important;
}
.adherer_donner .choix_autre {
	margin-top: 25px;
}
.gchoice_1_23_2 {		/* cache le choix CB */
	display: none !important;
}


/****************************************************************************
 *	PAGE DE SIGNALEMENT D'UN MÂT DE MESURE									*
 ****************************************************************************/
/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
.mode-emploi {
	width: 90%;
	display: block;
	margin: auto;
}
#map {
	height: 100%;
}
#map img {
	max-width : none;
}
.container-carte {
	width: 90%;
	height: 600px;
	margin-left: 50%;
	transform: translate(-50%);
}
