body {
	background-color:white;
	font-size:17px
}

@media (max-width: 68.5em) {
	body {
		font-size:14px
	}
	#header-menu {
		display:none;
	}
	.sidebar-link.left {
		left: 1.5em;
		top:1.5rem;
	}
	#search {
		display:none;
	}

}
@media (min-width: 68.5em) {
	.sidebar-link.left {
		left: 3%;
	}
	#a-propos-link {
		top:5.8rem;
	}

    .site-title {
        font-size: 3em;
    }
}

@media (min-width: 35em) {
	.admin-bar .sidebar-link {
		top: 7rem;
	}
}

.site-header {
    margin-top:0;
}

#a-propos-link {
	color: #0f0f0f;
	position: absolute;
	right:7%;
	font-size:2.3em;
	font-family: sans-serif;
	font-weight: bold;
}

h1.site-title a:before {
	background-image: url('https://www.migrants-info.eu/wp-content/uploads/2017/07/cropped-migrant_info.png');
    background-size: 1em 1em;
    display: inline-block;
    width: 1em; 
    height: 1em;
    content:"";
}
.site-branding {
	margin: 2% auto 2%;
}

.site-description {
	margin-top:15px;
	padding: 0 .5em;
	line-height:1.3;
}

/* pour carroussel de post */
.home {
	margin-top: 0;
}
.chpcs_foo_content {
	margin : 0;
	padding :0;
}
span.chpcs_img + br , span.chpcs_title + br {
    display: none;
}

#post-914 > header { display: none} /* pas de header sur page d'accueil */

.chpcs_image_carousel .chpcs_prev, .chpcs_image_carousel .chpcs_next {
	color:  #00b0cc !important;
	margin-top: -45px !important ;
}
.chpcs_image_carousel .chpcs_prev {
    left: -30px;
}
.chpcs_image_carousel .chpcs_next {
    right:-30px;
}
.chpcs_image_carousel .chpcs_foo_content p {
	max-height: 10.5em;
	margin-top: 10px;
	overflow: hidden;
	font-size:.8em;
	padding: 0 15px;
}

.chpcs_image_carousel .chpcs_img img {
	max-height: 240px;
}
.chpcs_image_carousel .chpcs_img img[src*="default-image"] {
	display:none;
}

/* .chpcs_image_carousel .not-in-carousel {  ne peut pas fonctionner car le plugin enleve les balises du texte inséré dans le carousel
	display:none;
}*/

.page .entry-header, .single .entry-header {
    margin: 2% auto 0;
}

.entry-content, .entry-summary, .page-content {
    margin: 0 ;
}

.sidebar {
	padding-bottom: 2em;
	background-color: white;
}

.tag-posts-list h3 img {
	max-height: 9em ;
	padding-top: 3px;
}

/* pour pages archives category */

body.category article header img {
	display: none;
}
body.category article header {
	margin: 1em auto;
}
body.category article {
	margin-top: 0;
}
body.category article footer .entry-meta {
	display: none;
}

/* pour menu généré par plugin Category post in custum menu */

.menu ul .menu-item-type-taxonomy>a:after,
.sidebar-menu ul .menu-item-type-taxonomy>a:after,
ul .menu-item-type-taxonomy >a:after {
	border-top: 5px solid #444;
	border-right: 5px solid transparent;
	border-bottom: none;
	border-left: 5px solid transparent;
}

.menu .menu-item-type-taxonomy>a:after {
	-webkit-transition: border-color .25s ease-out;
	transition: border-color .25s ease-out;
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 0;
	height: 0;
	margin-left: .25em;
}

.menu ul ul ul , .menu ul ul ul  ul ul {
	background-color:white;
}
.menu ul ul ul ul  {
	 background-color: #eee;
 }

.menu ul ul a {
    width: 100%;
	padding-right: 1em;
}

.vertical-menu li {
    margin: 3px;
}

#sidebar-menu ul  ul {
    display: block;
    position: relative;
	width: 100%;
	padding: .25em 0 .3em 1.3em;
	border-bottom: none;
    box-shadow: 0px 0px 0px rgba(0,0,0,.2);
}
#sidebar-menu .menu-title {
	display:none;
}

.sidebar-menu > ul {
    margin-left: 0; 
}
#sidebar-menu ul  ul  li {
	width:100%;
}

#header-menu{
	margin-bottom: 0;
}

#header-menu hr {
    margin: 5px 0;
}
#sidebar-menu ul ul  li a div , #header-menu ul ul  li a div{
	display: inline-grid;
}

/* décalle noms pays dans langue origine dans menus */
#sidebar-menu ul ul  li a div, #header-menu ul ul  li a div .name-fr-en + div {
	display: block;
	padding-left: 20px;
}

.sidebar-menu ul .current-menu-item>a, .sidebar-menu ul .current_page_item>a,
.menu .current-menu-item>a, .menu .current_page_item>a, .menu .current-menu-ancestor>a {
    color: #00b0cc;
	font-weight: bold;
}
#header-menu > ul > li.current-menu-ancestor, #header-menu > ul > li.current-post-ancestor{
	background-color:  #00b0cc;
}
#header-menu  > ul > li.current-menu-ancestor>a, #header-menu > ul > li.current-post-ancestor>a {
	color: white;
	font-weight: normal;
}
#header-menu > ul > li.current-menu-ancestor>a:after, #header-menu > ul > li.current-post-ancestor>a:after {
	border-top: 5px solid white;
}

.horizontal-menu ul ul a {
	white-space: nowrap;
}

li {
	text-align: left;
}
#header-menu > ul > li {
	min-width: 8em;
	text-align: center;
	border-top-left-radius: 5px;
	border: 1px solid #00b0cc;
	border-top-right-radius: 5px;
	margin: 0 .3%;
	padding: .5% 1%;
	border-bottom: none;
}
.horizontal-menu li.menu-item-985, .horizontal-menu li.menu-item-986 {
	display:none
}

#header-menu #menu-item-3340 {
	min-width: 0;
}

@media (max-width: 68.5em) {
	footer .horizontal-menu li {
		min-width:unset;
	}
}

.home .site-breadcrumbs {
	display:none;
}
.site-breadcrumbs {
	padding: .5em 0;
	//border-bottom:none
}
.site-breadcrumbs #menu-main {
	margin:0;
}
.breadcrumb-from-menu li:not(.current-menu-ancestor):not(.current-menu-parent):not(.current-menu-item):not(.current-post-ancestor) {
	display:none;
}
.breadcrumb-from-menu  a {
	display:inline;
	color: #00b0cc;
}
.breadcrumb-from-menu  ul , .breadcrumb-from-menu  li , .breadcrumb-from-menu  div{
	display:inline;
	padding-left:0;
}
.breadcrumb-from-menu  > ul > li.current-menu-ancestor {
	display:block;
}
.breadcrumb-from-menu li {
	list-style:none;
}
.breadcrumb-from-menu li ul {
    margin-left: .7em;
}
.breadcrumb-from-menu .menu-item-has-children>a:after {
	display:none;
}
.breadcrumb-from-menu  ul ul li:before {
    content: ">"; /* Insert content that looks like bullets */
    padding-right: .7em;
    font-weight:bold
}

.breadcrumb-from-menu .current-menu-item a {
	pointer-events: none;
	cursor: default;
	color:#444;
}
.breadcrumb-from-menu .menu-item-2310,.breadcrumb-from-menu .menu-item-2178 { /* avis et selected pas dans breadcrumb */
	display: none;
}
.site-breadcrumbs br {
	display:none;
}

@media (max-width: 68.5em) {
	.site-breadcrumbs {
	padding: .5em;
	}
	
	.post {
		margin:0;
	}
}

.no-header header {
	display: none;
}

.no-tweet-actions ul.Tweet-actions {
	display:none
}

[lang="en"]{
	font-style: italic; 
	font-weight: bold;
}
.tag-in-english {
    font-style: italic;
}
.tag-in-english em {
    font-style: normal;
}
h1.entry-title .en {
	font-size:.75em;
}
h1.entry-title img {
    min-width: 80px;
    min-height: 80px;
}
.entry-content h2 {
	font-size: 1.65em;
}
article article .entry-content h2 , .entry-content h3 {
	font-size: 1.375em;
}
article :not(.no-h1-icon) > article h1:not(.no-icon):before, .hand-point:before {
	content: "\f0a4";
	font-family: FontAwesome;
	padding-right: 0.35em;
	font-size: 0.8em;
	position: relative;
	top: -2px;
}
.hand-point {
    font-size: 3.08rem;
}

.entry-content h2 a:not(.no-icon):before, .aller-plus-loin li:before, p.aller-plus-loin:before, span.aller-plus-loin:before {
	content: "\f04e";
	font-family: FontAwesome;
	padding-right: 0.35em;
	font-size: 0.8em;
	position: relative;
	top: -2px;
/*	left: 0;*/
}

ul.aller-plus-loin {
	list-style:none;
	padding-left:0;
	margin-left:0;
}
ul.aller-plus-loin li {
	margin-top: 0.2em;
}

label {
	margin-bottom:0;
}

:not(.chpcs_image_carousel) .entry-content img {
    margin: 0.5% auto;
}

.img-container, .container {
	margin:auto;
	max-width:100%
}

.entry-content p, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content li, audio {
	margin: 1em 0 0 0;
}
@media (max-width: 68.5em) {
	.entry-content p, .entry-content h2 {
		margin-top: .5em ;
	}
}

.entry-content  img, .entry-content h2 + div, .entry-content h2 + ul, .entry-content h2 + ol  {
	margin-top:1em
}

@media (min-width: 68.5em) {
	.site-breadcrumbs, .site-footer, .site-header, .site-main {
		width: 85%;
		max-width: 85%;
	}
}

/* s'informer menu-item-33  */

/* actions solidaires .menu-item-729 */

.horizontal-menu li.menu-item-227 { /* page twitter */
	min-width: 8em;
}
.horizontal-menu li.menu-item-227  ul{ 
	width: 8em;
}

ul li a img:not(.unformated), .nav-links a img {
    position: relative;
    top: -3px;
	width:20px;
}
h1.entry-title img {
	width: 1em;
    position: relative;
    top: -3px;
	margin-top: 0;
}

footer.entry-footer {
	margin: 1em auto;
}

.tile-box-wrapper {
    margin: 0 auto;
    max-width: 50em;
}

.footer-menu {
	margin:0;
}
.site-footer {
	padding: 1em 0;
}

.quest-mark:after, .question-mark:after {
	content: "?";
	font-weight: 700;
	font-size: 0.9em;
	color: #000080;
	vertical-align: 2px;
	padding-left: 1px;
}
.text-on-hover {
	font-size: 0.8em;
}

body.archive.category header.page-header {
	display:none;
}

.tile-box {
	margin: 1.5em auto;
	display: table;
}

.tile-wrapper {
    float: left;
    width: 12em;
	height: 12em;
}

.tile {
	position: relative;
	width: 11em;
    height: 11em;
	margin:.4em;
    background-color: #eee;
    border-radius: .8em;
	text-align:center;
}

.tile img {
	margin: 1em auto .3em auto !important;
	width: 8em;
}

.tile.two-lines img {
	height: 7em;
}

.tile-description {
    vertical-align: middle;
    display: table-cell;
    height: 12em;
	padding: .5em;
}

/*.tile img.wp-image- {
	margin: ;
} */
.tile img.wp-image-916 { /* world */
	margin: .9em auto .3em auto;
}
.tile img.wp-image-928 { /* handshake */
	margin: 2.5em auto 1.3em;
}
.tile img.wp-image-940 { /* bouée */
	margin: .7em auto .4em auto;
}

.tile img.wp-image-442 { /* food-drink */
	margin: .8em auto .8em auto;
	width: 7em;
}
.tile img.wp-image-103 { /* hygiene */
	margin: 1.5em auto .8em auto ;
}
.tile img.wp-image-470 { /* news */
	 margin: .9em auto .7em auto;
	 width: 6em;
 }
.tile img.wp-image-518 { /* human touch */
	width: 7.5em;
}
.tile img.wp-image-103 { /* connection */
	margin: 1.5em auto .8em auto !important ;
	width: 7em;
}
.tile img + div { 
	line-height: 1.3em;
}
	
@media (max-width: 68.5em) {
	.home .tile-wrapper {
		width: 12rem;
		height: 16rem;
	}
	.home .tile {
		width: 11rem;
		height: 11rem;
	}
	.home .tile img {
		width: 9rem;
	}
	
	.home .tile-description {
		font-size:.8em;
		height: 16rem;
		vertical-align:top;
		padding-top: 1em;
	}

	.home .tile img.wp-image-916 { /* world */
		margin-top:.7em;
	}
	.home .tile img.wp-image-916 + div { /* s'informer */
		margin-top:1em;
	}
	.tile img.wp-image-928 { /* handshake */
		margin-top:1.7em;
	}
	.home .tile img.wp-image-928 + div { /* solidarité */
		margin-top:.4em;
		line-height: 1.3em;
	}
	.tile img.wp-image-940 { /* bouée */
	}
	#infos-pratiques .tile {
		margin-top:1.2em;
	}
	.home .tile img.wp-image-940 + div { /* infos pratiques */
		margin-top:.4em;
		line-height: 1.3em;
	}
}

iframe {
	 margin : 1em 0;
}

.paragraphe-highlight , p.paragraphe-highlight{
	text-align:center;
	margin :1em auto;
	width:80%;
	background-color:#fcf8e3;
    min-height: 20px;
    padding: 19px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);	
}

.text-highlight {
	font-size: 1.2em;
	color: #000080;
	font-weight: bold;
}
.meta {
	font-size: .8em;
    line-height: 1.2em;
}

.comparisson {
	float: right;	
}

.comparisson:before {
    font-style: italic;
    font-size: 0.8em;
    color: #aaa;
}

.comparisson.france.population:before {
	content :"France : 68 M°";
}
.comparisson.france.area:before {
	content :"France : 670 000 km2";
}
.comparisson.france.rsf:before {
	content :"France : 39e";
}

/* post in post (sauf pour 11 info pratique France et 487 info pratiques Paris ) */

body:not(.postid-11):not(.postid-487) .entry-content h1.entry-title {
	margin: 1em 0 0 0;
	padding: 0;
    font-size: 3.08rem;
	text-align:left;
}

body:not(.postid-11):not(.postid-487) .h2-content h1.entry-title {
    font-size: 2.3rem;
    font-weight: bold;
}

@media (min-width: 68.5em) {
	.content-area article {
	   margin: 1em auto 0;
	}	
}

article article:last-child .entry-footer {
	border-bottom:none;
}

article article h1.entry-title br  {
/*	display:none;*/
}

@media (min-width: 68.5em) {
    article article:not(.tag-no-left-padding-on-embed):not(.tag-image):not(.category-collection-tweets-info) :not(.category-collection-tweets-debattre)> .entry-content {
        padding-left: 5em;
    }

    [class|="category-collection-tweets"] .entry-content > div {
        width: 65%;
        margin:auto;
    }
    .tw-rss-block .entry-content > div {
        height: 800px;
        overflow-y: scroll;
    }

}
.category-collection-tweets-info:not(.tag-rss-feed)  .entry-content ,.category-collection-tweets-debattre:not(.tag-rss-feed)  .entry-content> div {
	margin-top:20px
}

.category-collection-tweets-info:not(.tag-rss-feed)  .entry-content > div:first-child:before ,.category-collection-tweets-debattre:not(.tag-rss-feed)  .entry-content > div:first-child:before{
    content: "Cliquer sur un tweet pour le voir en contexte sur twitter (tweet auquel il répond et tweets en réponse)"; 
    font-style: italic;
    position: relative;
	}
	
.category-collection-tweets-info.tag-rss-feed  .entry-content > div, .category-collection-tweets-debattre.tag-rss-feed  .entry-content > div{
	margin-top:20px
}
.category-collection-tweets-info.tag-rss-feed  .entry-content > div:first-child:before ,.category-collection-tweets-debattre.tag-rss-feed  .entry-content > div:first-child:before  {
    content: "L'essentiel dans la collection de tweets (à gauche). Plus d'infos dans le flux RSS (à droite)"; 
    font-style: italic;
    position: relative;
}
article div.no-left-padding article:not(.tag-no-left-padding-on-embed):not(.tag-image) > .entry-content {
	padding-left: 0;
}
article article .entry-footer, article article .not-on-embed  {
	display: none;
}
.on-embed {
	display: none;
}
article article .on-embed  {
	display: inline;
}
div.col-sm-offset-3-col-sm-6 {
	width: 50%;
	margin-left: 25%;
}
article article div.col-sm-offset-3-col-sm-6 {
	width: inherit;
	margin-left: inherit;
}

	/** évite redoublement du nom du pays dans page générale du pays avec page présentation en premier */
article article .name-fr-en {
	display:none;
}

body:not(.postid-11):not(.postid-487)  article .entry-content article.category-presentation > header > h1.entry-title {
	margin-top:0;
	text-align:center;
}
body:not(.postid-11):not(.postid-487)  article .entry-content article.category-presentation > header, article .entry-content article.category-presentation {
	margin-top:0;
}

/** Simple Pie for WordPress **/
#sp_results {
	width: 80%;
    margin: 2em auto;
}
#sp_results img {
	max-width:50%;
}
#sp_results table {
	margin:0 0 1em;
}
#sp_results table td {
	padding:0;
}
#sp_results table img {
	max-width: none;
}
#sp_results video {
	max-width:100%;
}
#sp_results table {
	width:15em;
}
#sp_results table td:first-child {
	width:5em;
}
#sp_results table tbody {
	text-align:left;
}
#sp_results  p:first-child {
	margin-top:0;
}

@media (max-width: 68.5em) {
	#sp_results {
		width: 95%;
		margin: 1em auto;
	}
	#sp_results table {
	    margin-bottom:0;
    }
}

.RSSitem {
	border-top: 1px solid #e3e3e3;
    padding-bottom: 1em;	
}

.RSSitem h4 {
	margin-top:.5em;
}

.RSSitem .source {
    font-size: .7em;
    font-style: italic;
	color: gray;
}

.RSSitem  div.content + div[align=center] { /* pour supprimer affichage bugé de enclosure par simplepie */
	display:none;
}

.glossaire {
	cursor: pointer;
}

.glossaire .entry-content h2 {
	margin-top:0;
}

.preview {
	display: none;
	z-index:10000;
	position: fixed;
	top: 3rem;
	border: 1px solid #00b0cc;
	max-width: 600px;
	height: 400px;
	padding: 2rem;
	margin:0;
	background-color: #eee;
	font-size: 1.5rem;
	overflow:hidden;
	text-overflow: ellipsis;
}

.preview p {
	margin-top: 1rem;
}

.traductions {
	position: relative;
	float:right;
	top: -1.8em;
}

.long-text {
	font-size: .9em;
}

@media (max-width: 68.5em) {
	ul.condensed {
		margin-left:0;
	}
}

.entry-content .condensed li {
	margin-top: 0.2em
}

.entry-content .ultra-condensed li {
	margin-top: 0em
}

.note-bas-page {
	color:#888;
	font-size:0.85em;
	line-height:1.4em;
}

.no-header header {
	display: none;
}
.no-header article {
	margin-top: 0;
}

.menu .not-in-menu, .breadcrumb-from-menu .not-in-menu{
	display:none;
}

.item-solidarite {
	border-radius:5px;
	background-color:#bbf9ec;
}
.item-besoin {
	border-radius:5px;
	background-color:bisque;
}

.email:before {
	content: "\f0e0";
	font-family: FontAwesome;
	padding-right: 0.35em;
	color:darkgrey;
}
.fb:before {
	content: "\f082";
	font-family: FontAwesome;
	padding-right: 0.35em;
	color:darkgrey;
}
.twitter-nickhandle:before {
	content: "\f081";
	font-family: FontAwesome;
	padding-right: 0.35em;
	color:darkgrey;
}


/* repris de visuialisation.css parce que style.css mets le bazar... */

/* langue de la cible */
.entry-content  [hreflang]:after ,.entry-content  a[hreflang]:after , [hreflang]:after {
	content:"___";
	color:transparent;
    background-repeat: no-repeat  !important;
	background-size: contain;
    border-radius:3px;
	padding-left:3px;
	/*top: 2px;
    position: relative;*/
}

.entry-content [hreflang=fr]:after ,.entry-content a[hreflang=fr]:after , [hreflang=fr]:after{
    background-image: url("https://v2belleville.eu/MesImages/Flag_fr.png") !important;
}    

.entry-content [hreflang=en]:after, .entry-content a[hreflang=en]:after ,[hreflang=en]:after {
    background-image: url("https://v2belleville.eu/MesImages/Flag_en.png")  !important;
}

.entry-content [hreflang=de]:after,.entry-content a[hreflang=de]:after ,[hreflang=de]:after {
    background-image: url("https://v2belleville.eu/MesImages/Flag_de.png")  !important;
}

 .tweet .CallToAction {
	 display:none;
 }

.en-construction:before {
    	background-image: url("https://www.migrants-info.eu/wp-content/uploads/2017/07/travaux-150x150.jpg");
    background-size: 50px 50px;
    display: inline-block;
    width: 50px; 
    height: 50px;
    content:"";
    position: relative;
    top: 20px;

}
.en-construction:after {
	content: "en construction";
	font-style:italic;
}
