/*
Theme Name: ASF BOX2014
Theme URI:  https://www.media-animation.be/
Description: Custom Wordpress theme for Avocats Sans Frontieres 2014 (BE).
Author: Media-Animation
Author URI: https://www.media-animation.be/-Agence-de-communication-.html
Version: 1.2
License: GNU General Public License
License URI: license.txt
Customized: Media-Animation
Original Description: Custom Wordpress theme developed by Tim Buelens, exclusively for Avocats Sans Frontieres (BE).
Original Author: Tim Buelens, Winstoogmerk
Tags: featured-images, footer-widgets
Text Domain: asf-box2014
*/
@charset "UTF-8";
/* ASF */

@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,400,400italic,700);

@import url(css/header.css);
@import url(css/sidebar.css);
@import url(css/content.css);
@import url(css/tables.css);
@import url(css/footer.css);
@import url(css/cat-selector.css);
@import url(css/menu-scroll.css);

/*
 * NEEDED BY WP
 * cf http://codex.wordpress.org/CSS#WordPress_Generated_Classes
 * */

.sticky{}
.bypostauthor{}
.alignleft{}
.aligncenter{}
.gallery-caption{}
.screen-reader-text{}
/*GENERATED CLASSES  */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


/*END WP GENERATED CLASSES */



html, body {
  width:100%;
  height:100%;
  margin:0;

  /*background: #ffffe9;*/

  background: #ffffff;

}
a { text-decoration:none; 
    color: inherit;}



body
{
	font-family:   verdana,'Lato', Arial, Helvetica, sans-serif;
	font-size:13px;
}

p
{
	font-family: verdana, Arial, Helvetica, sans-serif;
}

#wrapper
{
	padding:0px 50px;
	min-width:920px;
}

#container
{
	min-width:920px;
	margin:0px auto;
	padding:0px 20px;
	z-index:0;
	background:url("img/bg_container4.jpg");
	background-size: 100% 100%;
}

#asflogo
{
	height: 500px;
	width:85%;
	/*min-height:800px;*/
	/*background:url(img/bg-asflogo-m.png) no-repeat top right;*/
	z-index:0;
	position: absolute;
}

#bg_logoasf {
	/*position: absolute;
	right: 0;
	z-index:-1;*/
	float:right;
}

/* get rid of more links on excerpts */
.excerpt p a{
     display: none;
}


div.single-featuredimage
{
	margin-bottom:20px;
	max-width:300px;
	overflow:hidden;
}

div.single-featuredimage img
{
/*	border:1px solid #000;
	border-bottom:5px solid #000;*/
}
.image_donation {text-align:center;}
@media only screen and (max-width: 1200px) {


/*
#social
{
	display:block;
}

#logo
{
	margin:10px 0px 10px 0px;
	display:block;
	width:122px;
	height:101px;
	background:url(../img/logo-header-compact.png) no-repeat;
}

#header
{
	position:fixed;
	top:0px;
	background:#fff;
	z-index:9998;
}
*/

#wrapper
{
	padding:0px 30px;
}

#social
{
	float:right;
	padding:5px;
	position:relative;
	/*top:40px;*/
	display:block;
}

#social ul li a
{
	display:block;
	padding:2px;
	margin:0px;
}

}

/*moon */
.publish_footer {width:100%}
.publi {height:320px;}
.publi .box_img {width:35%;float:left;}
.publish_content {height:250px}
.publish_footer {height:50px}
.publi p.post_in {margin:0px}

/*nic*/
.donate{
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-left: -3%;
    margin-top: 20px;
    position: relative;
    z-index: 100;
   }


/*denis*/
.red {background: #00606e!important;}
.le_logo {margin-top:15px;}
li a {border-bottom: none;}
#donate-quote,.option {background: #00A0AF;}
li#menu-item-15 a:hover,
li#menu-item-14 a:hover,
li#menu-item-523 a:hover,
li#menu-item-556 a:hover {
	color:#00a0af;
}

/* bloc archives - page action */

.action_archive {
    background: #00A0AF;
    box-shadow:
        0 1px 1px rgba(0,0,0,0.15), /* Ombre de la 1er feuille */
        0 10px 0 -5px #00A0AF, /* The second layer */
        0 10px 1px -4px rgba(0,0,0,0.15), /* Ombre de la 2e feuille */
        0 20px 0 -10px #00A0AF, /* The third layer */
        0 20px 1px -9px rgba(0,0,0,0.15), /* Ombre de la 3e feuille */
        0 30px 0 -15px #00A0AF, /* The third layer */
        0 30px 1px -14px rgba(0,0,0,0.15); /* Ombre de la 3e feuille */

}

.action_archive h1.teaser a {font-size:1.3em;color:white;}
.action_archive p {color: #FFF;}

ul.liste_archives {margin: 0;padding:0;}
ul.liste_archives li {list-style: none;background-color: #efefef;padding:10px;margin-bottom: 20px;}
ul.liste_archives li a {font-size: 1.5em;}

/* ressources */
.ressource_cell {
	width: 50%;
	float: left;
	min-height: 465px;
	background: white;
}
.ressource_cell header {
	height: 260px;
  overflow: hidden;
}
.ressource_content h1.teaser {
margin-top: 20px;
}
.ressource_content {
    padding: 20px;
}
a [href="https://www.asf.be/fr/blog/proces/"]
{
	color:#00606e;
	
}

/* Outil de détention */

.map_guide_box {
    width: 60%;
    display: inline-block;
		vertical-align:top;
}

.map_guide {
    border: 20px solid white;
}
.explication_table {
	display: none;
}
#detention_filter {
	width: 35%;
  display: inline-block;
  vertical-align: top;
  background: white;
  padding: 10px;
}

#detention_filter select {
  height: 35px;
	background: none repeat scroll 0 0 #EAEAEA;
	border: 1px solid #999999;
	color: #888888;
	font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;
	font-size: 17px;
	font-style: italic;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 5px;
	width: 100%;
}

#detention_filter p.label_explications {
    color: #8a8a8a;
    font-style: italic;
    margin-top: 0;
    padding-left: 30px;
    font-size: .9em;
}
.list-asf_proces h2.teaser a {
    
    font-size: 12px;
    font-weight: 900;
}
.list-observations h2.teaser a {
    
    font-size: 12px;
    font-weight: 900;
}
.list-asf_proces .endroit a
{
    
    font-size: 10px;
    font-weight: 900;
    color: #ffa500;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.type-observation aside a
{
    
    font-size: 10px;
    font-weight: 900;
    color: #ffa500;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.type-observation aside footer a {
    font-size: 10px;
    font-weight: 900;
    color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#detention_filter p.titre_sujet {
  color: #00606e;
	font-size:1.4em;
	font-weight: bold;
}
.detention_filter_gauche {
    padding-bottom: 20px;
    border-bottom: solid 5px #f8981d;
}
.detention_filter_droite p.titre_sujet {
    margin-bottom: 0;
}
.detention_filter_droite label, .detention_filter_droite input {
    display: inline-block;
    vertical-align: text-top;
}
.detention_filter_droite label {
    width: 50%;
    padding-bottom: 7px;
}
#detention_result {
  margin-top: 30px;
}

table#comparator {
  border: solid thin;
  border-collapse: collapse;
}

table#comparator tr > td:first-child {
    font-weight: bold;
}

table#comparator th,
table#comparator td {
  border: solid #717171 1px;
  padding: 0.5rem 2rem;
}

#comparator th a {
    color: #00606E;
}

#comparator tbody a {
    color: #000;
}
table#comparator a:after {
    content: " ⇢";
}

#comparator tbody a:hover {
    text-decoration: underline;
}

#comparator tbody tr:nth-child(odd) {
  background: #eee;
}

#comparator th a:hover {
    text-decoration: underline;
}

table#comparator {
    border-collapse: collapse;
    background: white;
		margin-bottom: 30px;
}

#container table#comparator td, #container table#comparator th {
    border: 2px solid #dcd7d3;
    padding: 15px 10px;
}


.asf_detention {
    margin-top: 45px;
}

.asf_detention h2 {
	font-weight: bold;
	color:#00606e;
}

.type-asf_detention h1 {
    color: #F8981D;
    display: inline-block;
}
.tree ul.pays>li:first-child {
    padding-top: 0;
}
.tree ul.pays>li {
    font-size: 1.2em;
    padding-top: 30px;
}
ul.pays {
    padding: 0;
    margin: 0;
}
ul.pays ul {
    padding: 0 10px;
    margin: 0;
}
/*.asf_detention p {
    text-indent: 1em;
}*/

/*fiche_plus*/
.fiche_detention_plus {
	margin-top: 20px;
}
button.printer {
    float: right;
    border: 1px solid #000000;
    background: white;
    padding: 6px;
		cursor: pointer;
}
.fiche_detention_plus .col-3 {
	width: 32%;
	float: left;
}
.fiche_detention_plus h3 {
    font-size: 1.3em;
    color: #00a0b0;
    font-weight: bold;
    border-left: 3px solid #f8981d;
    padding-left: 10px;
}
.fiche_detention_plus ul {
    padding-left: 25px;
}
.fiche_detention_plus li a:hover {
    text-decoration: underline;
		color: #00a0b0;
}
li.no_publication {
    color: grey;
    font-style: italic;
}

span.sujet_titre {
	font-size: 2em;
	text-indent: 0;
	font-family: Arial, sans-serif;
	color:#00A0AF;
}
.arbre_guide {
    background: white;
    padding: 20px;
}
footer.entry-footer {
    margin-bottom: 30px;
}

/* bouton précédent */
.bouton {
  position: relative;
  margin: 0;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 2.8px;
  padding-bottom: 2.8px;
  background: #00606E;
  color: white;
  font-size: 14px;
}
.bouton::after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
}
.bouton:hover {
  background: #00a0af;
}
/* Arrow Buttons */
/* ------------- */
.next::after,
.prev::after {
  border-style: solid;
}

/* Prev Button */
/* ----------- */
.prev::after {
  left: -22px;
  border-color: transparent #00606E transparent transparent;
  border-width: 11px;
}
.prev:hover::after {
  border-right-color: #00a0af;
}
/* tableau l4c */

#container table {
    border-collapse: collapse;
}

#container table td {
    border: 1px solid black;
    padding: 5px;
}

/*contact */

a[href*="mailto"]:before {
	content: " ";
	opacity: .7;
	width: 17px;
	height: 14px;
	background: url(img/message-outline-16.png) no-repeat;
	display: inline-block;
}

/* publications sidebar */
a.voir_plus {
	background: #f8981d;
	padding: 8px 23px;
	margin-top: 15px;
	display: block;
	border-radius: 5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	width: 66%;
}

a.voir_plus:hover {
    color: #fff;
    border-bottom: none;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.macol-sm-hidden{
		display: none;
	}
}

/*
██████   █████   ██████  ███████     ██████   ██████  ███    ██ ███████
██   ██ ██   ██ ██       ██          ██   ██ ██    ██ ████   ██ ██
██████  ███████ ██   ███ █████       ██   ██ ██    ██ ██ ██  ██ ███████
██      ██   ██ ██    ██ ██          ██   ██ ██    ██ ██  ██ ██      ██
██      ██   ██  ██████  ███████     ██████   ██████  ██   ████ ███████
*/


.donate-link-quote {
  color: white;
}

.donate a#donate-link:hover,
.donate a:hover {
    color: #f8981d;
}
.intro-donation {
	text-align: center;
}
.intro-donation p {
	font-size: 1.5em;
	line-height: 1.2em;
}
.moyens_payement {
    display: flex;
}
.btn-asf {
    background-color: #00a0af;
    padding: 7px 12px;
    border-left: 5px solid #f8981d;
    color: #fff;
    margin-bottom: 10px;
    display: block;
    width: 45%;
    margin: 0 auto;
}

.btn-asf:hover {
		text-decoration: underline;
}

.col-3 {
	width: 24%;
	display: inline-block;
	padding:0 5px;
}

.box_payement {
	padding: 10px 10px;
	display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: space-around;
	min-height: 180px;
}
.box_payement_1 {
	background-color: #f6b26b;
}
a:hover .box_payement_1 {
	background-color: #ea9641;
}

.box_payement_2 {
	background-color: #b6d7a8;
}
a:hover .box_payement_2 {
	background-color: #92c17d;
}

.box_payement_3 {
	background-color: #dddddd;
}
a:hover .box_payement_3 {
	background-color: #bcb8b8;
}

.box_payement_4 {
	background-color: #97b8db;
}
a:hover .box_payement_4 {
	background-color: #86a7c9;
}

h3.don_type_title {
	color: #000;
	min-height: 30px;
	margin: 0;
	text-align: center;
}
.icon_payement {
	margin: 0 auto;
	display: block;
	padding: 15px 0;
}
.box_payement_explication {
	color: #555;
	font-size: .8em;
	font-style: italic;
	text-align: center;
	line-height: 1.2em;
	margin-top: 0;
}
p.txt_aerf {
    margin-top: 30px;
}

.page-template-page-don-raisons .card.raison_don .inner {
    padding: 0 20px 20px 20px;
}

.raisons_don {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.raison_don {
    flex-basis: 20%;
}

.raison_don .wp-post-image {
    width: 94.5%;
    height: auto;
    margin: 0 5px;
}



#proces-map {
    width:100%;
    height: 300px;
}
.asf_proces-select {
    height: 300px;
}
.asf_proces-select select {
    width: 100%;
}
.post-type-archive-asf_proces .list article.small.proces-hidden, 
.post-type-archive-asf_proces .list article.small.territoire-hidden, 
.post-type-archive-asf_proces .list article.small.endroit-hidden {
    display:none;
}

@media (min-width: 1024px) {
    .observation.content {
        display: grid;
        grid-template-areas: 'header header header header' 'body body body aside';
    }
    .observation.content > aside {

        flex-direction: column;
    }   
}
.observation.content > header {
    grid-area: header;
}
.observation.content > .post-content {
    grid-area: body;
}
.observation.content > aside {

    grid-area: aside;
    display: flex;
   /* padding-top: 50px; */
}
.observation.content > aside article.small {
    width: 100%;
}

.observation.resume.small aside > ul {
    padding:0;
}

.single-asf_proces article.small {
    background: #fff;
    width: 100%;
    height: 100%;
}

.single-asf_proces .tribunal article.small  {

 
    padding-left: 20px;
    padding-top: 3px;
    width: inherit;
    padding-right: 30px;
}
.single-asf_proces .tribunal article.small h2 {
    font-weight: 300;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 25px;
    margin: -10px -20px 20px -20px;
    padding: 0px 20px 10px 20px;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
}
.single-asf_proces .tribunal article.small p {
   
    border-bottom: 1px solid #ccc;
    }
    .single-asf_proces .tribunal article.small aside.location { 
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.single-asf_proces .type-asf_proces > .post-content p:first-of-type {
    width: 500px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 3px solid #A0A0A0;
    background: #F8F8F8;
    
}
.type-asf_proces > .post-content p:first-of-type strong {
   padding-left: 20px;
}
div#content>a {
      
    padding: 5px 10px;
    margin: 15px 15px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background: #007188;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
div#content>a:before {
    content: "\002190";
    width: 27px;
    margin-right: 5px;
    height: 30px;
    font-size: 1em;
    font-weight: bold;
    color:#ffffff;
}


.single-asf_proces .list-observations {
	background: url("data:image/svg+xml, %3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'10px'%20height%3D'100%25'%3E%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%20preserveAspectRatio%3D'xMaxYMin'%20y%3D'0'%20height%3D'32'%20%3E%3Cpolygon%20points%3D'0%2C0%201%2C0.5%200%2C1%20'%20style%3D'fill%3A%2300606e'%20id%3D'polygon4'%20%20transform%3D'matrix(0%2C-1.125%2C0.90000001%2C0%2C-0.1%2C1)'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20preserveAspectRatio%3D'none'%20viewBox%3D'0%200%201%201'%20y%3D'10'%3E%3Crect%20width%3D'.5'%20height%3D'1'%20style%3D'fill%3A%2300606e'%20x%3D'0.1'%20y%3D'0'%3E%3C%2Frect%3E%3C%2Fsvg%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
    padding-left: 50px;
    background-size: auto calc(100% - 3em);
    background-position-y: 1.5em;
    background-position-x: 0px;
    position: relative;
}



.single-asf_proces .list-observations .ancre {
    position: absolute;
    left: -50px;
    width: 100px;
    text-align: center;
    font-size: 0.8em;
    color:#00606e;
}
.single-asf_proces .list-observations .top {
    top: 0;
}
.single-asf_proces .list-observations .bottom {
    bottom: 0;
}


.single-asf_proces .list-observations article.smaller 
{
    
    margin-bottom: 20px;
    padding-bottom: 20px;
    
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    border-left: 20px solid #F8981D;
    }
    .single-asf_proces .list-observations article.tiny {
        border-left: 0px;
    }
.single-asf_proces .hentry a {
       
        color:#00606e;
        font-size: 0.8em;
        font-weight: bold;
}

.small ul.pays li {
        list-style: none;
        margin: 0px;
    }   
.single-observation article.small {
      
        padding: 20px;
    }
.single-asf_proces .list-observations article.smaller header
{
   
    
    padding-top: 10px;
   
    }

.single-asf_proces .list-observations article.smaller .post-content {
    
}    
.single-asf_proces .list-observations article.smaller h3 a
{
    text-decoration: none;
    font-family: Verdana;
    font-weight: bold;
    color: #f8981d;
    font-size: 10px;
}

.single-asf_proces .observations.content > section {
        /* grid-area: section; */
        grid-area: inherit;
    }
.asf_proces.content {
    display: grid;
    grid-template-areas: "header    aside" 
                         "body        aside"
                         "section  section"
                         ;
    grid-template-columns: 1fr 250px;
    grid-row-gap: 20px;
    grid-column-gap: 30px;

}
.asf_proces.content > header {
    grid-area: header;
}
.asf_proces.content > .post-content {
    grid-area: body;
    background-color: white;
    padding: 50px;
}
.asf_proces.content > aside {
    grid-area: aside;
}
.asf_proces.content > section {
    grid-area: section;
}


.archive .list-asf_proces .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.post-type-archive-asf_proces .column.c1x.list.list-asf_proces {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.post-type-archive-asf_proces .column.c1x.list.list-asf_proces h2{
grid-column: 1 / span 3;
}
.post-type-archive-asf_proces .column.c1x.list.list-asf_proces article.small {
    width: 100%;
    min-height: 200px;
    height: inherit;
}
.post-type-archive-asf_proces .column.c1x.list.list-asf_proces article.small .post-content
{
    padding-left: 20px;
    padding-right: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
}
.post-type-archive-asf_proces .column.c1x.list.list-asf_proces article.small h2
{
    padding-left: 20px;
    padding-right: 20px;

}
.post-type-archive-asf_proces .column.c1x.list.list-asf_proces article.small h2 a
{
   
    font-family: Arial;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
}
.post-type-archive-asf_proces .column.c1x.list.list-asf_proces article.small ul.pays li
{
    padding-left: 20px;
    padding-right: 20px;
    font-family: Arial;
    font-weight: 700;
    font-size: 10px;
    color: #00606e;
}
.single-format-aside .observation.content > aside {
    display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.single-format-aside .observation.content > aside article.small {
width: 100%;
min-height: 200px;
height: inherit;
}
.single-format-aside .observation.content > aside article.small h2
{
    padding-left: 20px;
    padding-right: 20px;

}
.single-format-aside .observation.content > aside article.small h2 a
{
   
    font-family: Arial;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
}
.single-format-aside .observation.content > aside article.small p
{
    
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
}
.single-format-aside .observation.content > aside article.small ul.pays li
{
    padding-left: 20px;
    padding-right: 20px;
    font-family: Arial;
    font-weight: 700;
    font-size: 10px;
    color: #00606e;
}
/* #content a {
    color: #00606e;
} */

.single-endroit #content div.inner{
    display:flex;
    justify-content: space-between;
}
.single-endroit #content div.inner aside{
    padding-left:3em;
    flex-basis: 10%;
}

.post-type-archive-asf_proces .list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
   /* justify-content: space-between; */
}
.post-type-archive-asf_proces .list-asf_proces {
    clear:both;
}
.post-type-archive-asf_proces .list > h2 {
    flex-basis: 100%;
    text-align: center;
}



.post-type-archive-asf_proces .list article.small{
    padding: 20px;
    min-height: 20px;
    overflow: hidden;
    margin: 5px;
    box-sizing: border-box; /* pour eviter le calc sur le padding */
    width: inherit;
    height: auto;
    flex-basis: calc(33.33% - 10px); /* 10px = margin-left+margin-right */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* merci IE11 */
    min-height: 300px;
}
.post-type-archive-asf_proces .list .post-content {
    flex-basis: 90%; /* grand contenu qu'il pousse le footer en bas */
}


.endroit-plist {
    display: flex;
    flex-wrap: wrap;
}
.endroit-plist > article {
    flex: 0 0 50%;
}