/* Multisite parlemonde.org Common style */

h2 {
padding-top: 20px!important;
}

p.justify {
    text-align: justify;
}


ul.listeRouge, ul.citation, ul.bbp-forum  {
list-style: none!important;
}

ul.listeRouge li:before , ul.bbp-forum li:before{
		 content: "\00BB \0020"!important;
		 color: #cf4944!important;
		font-size:20px!important;
		font-weight: bold!important;
	     }

ul.listeRouge li, ul.citation li, ul.bbp-forum li{
	padding-bottom:6px!important;
	margin-left:35px!important;
}



ul.citation li:before {
	 	content: '\201c' !important;
		 color: #87bc4b!important;
		font-size:30px!important;
		font-family:"alegrya";
		font-weight: bold!important;
	     }

ul.citation li:after {
	content: '\201d'!important;
	    color: #87bc4b!important;
	    font-size: 30px!important;
	    font-family: "alegrya";
	    font-weight: bold!important;
	    top: 15px;
	    position: relative;
	    margin-left: 3px;
			     }
ul.citation li {
	margin-bottom:5px;
}

ul.citation li strong, ul.citation li b {
	color:#87bc4b;
}

.pullquote-lb{
    position: relative!important;
    padding: 10px 90px 10px 90px!important;
    margin: 30px 40px 30px 0 !important;
    max-width: 4950px!important;
    font-size: 23px!important;
    line-height: 29px!important;
	width:100%!important;
}

.pullquote-lb::before{
position: absolute!important;
left: 0!important;
top: 20%!important;
font-size: 34px!important;
color: rgba(0, 0, 0, 0.53)!important;
font-family: virtue_icons!important;
font-style: normal!important;
speak: none!important;
font-weight: 400!important;
content: "\e19f"!important;
-webkit-font-smoothing: antialiased!important;
}


ol.chapitre, ol.indice {
	margin-left:30px!important;
}

ol.chapitre li, ol.indice li{
	font-family: "littledays"!important;
	font-size: 20px!important;
	text-decoration:underline!important;
	text-decoration-color:rgba(0, 0, 0, .05) !important;
	 line-height:200%!important;
}

ol.chapitre, ol.indice {list-style: none; counter-reset: chapter 1!important;}
ol.chapitre li+li, ol.indice li+li {counter-increment: chapter 1!important; list-style: none!important;}
ol.chapitre li:before {content: "Chapitre " counter(chapter) " : "}
ol.indice li:before {content: "Indice " counter(chapter) " : "}


hr{
margin-top:30px!important;
}
/* pour modifier le style des doubles lignes de chaque titre . pour modifier seulement le style de la home page, utilise welcomeclass et 'désactive' le style .welcomeclass .page-header*/

body.page .page-header {
	border-top: 0px solid #eee !important;
	border-bottom: 2px solid #eee !important;
	width:74% !important;
    border-color: rgba(0, 0, 0, .05) !important;
    padding-bottom: 0px !important;
    margin: 0 0 10px !important;
    padding-top: 0px !important;
	padding-left:6px !important;
}

.gallery-icon img, .imgShadow img{
  -webkit-box-shadow: 0px 0px 20px 0px #c4c4c4!important;
    -moz-box-shadow: 0px 0px 20px 0px #c4c4c4!important;
    box-shadow: 0px 0px 20px 0px #c4c4c4!important;

}

/* Style Tweets */
.twitter-tweet {
	margin:auto!important;
	margin-top:20px;
	margin-bottom:20px;
	}

/* Style topbar */


/* Top bar menu */
.topbarmenu ul li .sf-dropdown-menu li a{
	font-size:25px!important;
}

/* To set global navigation parameters */


#welcome-plm{
    color: white;
    text-align: right;
    padding-top: 8px!important;
}


.topbarmenu{
    padding-top: 5px;
}

.sf-menu li:hover ul{
	z-index:9999999!important;
}
/*
#menu-global > li > a > span {
	font-family: 'Alegreya Sans SC'!important;
	font-size: 30px !important;
	text-transform: capitalize!important;
}

#menu-global > li > a > span:after{
	content: " Par Le Monde";
    font-family: littledays;
}

#menu-global > li > a > span:before{
	content: "?";
	    font-family: littledays;
	    font-size: 21px;
	    border-radius: 50%;
	    padding: 6px 12px 0px 12px;
	    margin-right: 10px;
	    border: 3px white solid;
}
*/

#menu-global > li:first-child:before, #menu-global-1 > li:first-child:before, #menu-global-2 > li:first-child:before{
	content: " Par Le Monde";
    font-family: littledays;
	font-size: 24px;
 	margin-right: 1em;
    white-space: nowrap;
cursor: default;
}


#menu-global > li, #menu-global-1 > li, #menu-global-2 > li{
	display: flex;
	justify-content: center;
	align-items: center;
	font-family:"alegreya sans"!important;
}

.topbarmenu ul li a {
	font-size: 21px!important;
}

.plm {
	font-family: 'littledays'!important;
	font-size: 23px !important;
	text-transform: capitalize!important;

}

.VP{
	font-family: "Luckiest Guy"!important;
	text-transform: capitalize!important;
	color:#5d5d5d!important;

}

/* To set connection */


#button-like{
		float: right;
	    box-shadow: rgba(120, 200, 230, 0.498) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.15) 0px 1px 0px 0px!important;
	    box-sizing: border-box;
	    color: rgb(121, 121, 121)!important
	    cursor: pointer;
	    display: block;
	    box-shadow: rgba(120, 200, 230, 0.498) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.15) 0px 1px 0px 0px!important;
	    box-sizing: border-box;
	    color: rgb(171, 167, 167)!important!important;
	    cursor: pointer;
	   	cursor: pointer;
		    text-align: center;
		    text-decoration: none solid rgb(255, 255, 255)!important;
		    width: auto;
		    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
		    border: 1px solid rgb(177, 173, 173)!important;
		    border-radius: 3px 3px 3px 3px!important;
		    margin-left: 33px!important;
		    padding-left: 15px;
		    padding-right: 15px;
		    padding-top: 3px!important;
		    padding-bottom: 3px!important;
		    transition: all 0.5s;
}

#button-like:hover{
	color:black;
}

#menu-global:hover, #menu-global-1, #menu-global-2{
	cursor:pointer!important;
}

#lmm-admin-dashboard-widget{
	display:none!important;
}

.kad_tagline, .below-text{
	font-family: "Source Sans Pro"!important;
	    line-height: 20px!important;
	    font-weight: 400!important;
	    font-style: normal!important;
	    font-size: 16px!important;
}


/* To style front end admin bar */

/* Icone of menu */
#wp-admin-bar-my-sites > a:before, #wp-admin-bar-menu-exterieur > a:before{
	content:"\f333"!important;
}


/* Icone of pelico.parlemonde.org */
#wp-admin-bar-blog-3 > a > div::before, #wp-admin-bar-le-voyage-de-pelico > a:before{
	content: "?"!important;
}
#wp-admin-bar-le-voyage-de-pelico > a:before{
	padding-top:0px!important;
	padding-left: 5px!important;
	    padding-right: 6px!important;
}

/* Icone of prof.parlemonde.org */
#wp-admin-bar-blog-5 > a > div::before, #wp-admin-bar-le-coin-des-professeurs > a:before{
	content: "\f118"!important;
}
#wp-admin-bar-le-coin-des-professeurs > a:before{
	padding-top:0px!important;
}

/* Icone of asso.parlemonde.org */
#wp-admin-bar-blog-2 > a > div::before, #wp-admin-bar-l-association>a:before{
	content: "\f319"!important;
}
#wp-admin-bar-l-association>a:before{
	padding-top:0px!important;
}

/* Icone of visa.parlemonde.org */
#wp-admin-bar-blog-6 > a > div::before, #wp-admin-bar-les-anciens-reportages > a:before{
	content: "\f321"!important;
}
#wp-admin-bar-les-anciens-reportages > a:before{
	padding-top:0px!important;
}

/* Icone of parlemonde.org */
#wp-admin-bar-blog-1 > a > div::before{
	content: "\f509"!important;
}

/* Icone of archive.parlemonde.org */
#wp-admin-bar-blog-4 > a > div::before{
	content: "\f527"!important;
}

/* Icone of parlemonde.org */
#wp-admin-bar-blog-1 > a > div::before{
	content: "\f509"!important;
}

ul#wp-admin-bar-root-default {
    margin-left: 160px;
}

/* Connected menu for exterior */
li#wp-admin-bar-menu-exterieur .ab-sub-wrapper {
    width: 207px!important;
}



/* To style lateral menu toggle */
#toggle-menu{
    	width: 20px;
	    height: 15px!important;
	    background-color: #545454;
	    position: fixed;
		top:12%;
		left: -6px;
	    color: white;
	    border-radius: 3px;
	    padding-left: 9px;
	    line-height: 11px;
}
#toggle-menu:hover{
	cursor:pointer;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#toggle-menu{
display:none;
}
}

/* to get vimeo video fluid */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 10px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* To change display of tabs */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 3px solid #eee!important;
    border-color: rgba(0,0,0,.2)!important;
    border-bottom-color: transparent!important;
    cursor: default!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}


.tab-content {
    padding: 0 10px!important;
    border-bottom: solid 3px #ededed!important;
    border-right: solid 3px #ededed!important;
    border-left: solid 3px #ededed!important;
    border-right-color: rgba(0,0,0,.2)!important;
    border-bottom-color: rgba(0,0,0,.2)!important;
    border-left-color: rgba(0,0,0,.2)!important;
}
.nav-tabs>li>a{

border-color: rgba(0,0,0,.05)!important;
 -webkit-border-radius: 0!important;
  -moz-border-radius: 0!important;
  border-radius: 0!important;
}


/* Home page corner ribbon video */

.ribbon-wrapper-green {
width: 187px;
height: 249px;
overflow: hidden;
position: absolute;
top: 10px;
right: 15px;
z-index: 200;
}


.ribbon-green {
	color: white;
    font-size: 17px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 13px 71px 10px 29px;
    left: -19px;
    top: 50px;
    width: 294px;
    background-color: #87bc4b;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
/* Busted!*/


.portfolio_item .portfoliolink{
	background: rgba(255,255,255,1)!important;
	ms-filter: "alpha(Opacity=90)"!important;
	filter: alpha(opacity=90)!important;
	-moz-opacity: 0.9!important;
	-khtml-opacity: 0.9!important;
	opacity: 0.9!important;
}


.h5p-iframe-wrapper {
    width: auto;
    height: auto;
    margin-bottom: 30px!important;
}

/* Pour modifier la largeur du menu*/
.sf-menu ul, .sf-menu li:hover ul, .sf-menu li.sfHover ul {
/*	width: 350px !important;*/
	    margin-left: -15px;
	    margin-top: 5px;
	}

/* Pour modifier le style des sous-menus
#menu-global .menu-le-voyage-de-pelico > a > span {
	background-color: #79c3a5;
	padding-left:3px;
	padding-right:3px;
	color:white;
}

#menu-global .menu-le-coin-des-profs > a > span {
	background-color: #6065fc;
	padding-left:3px;
	padding-right:3px;
	color:white;
}

#menu-global .menu-les-anciens-reportages > a > span {
	background-color: #cdcddb;
	padding-left:3px;
	padding-right:3px;
	color:white;
}

#menu-global .menu-lassociation > a > span {
	background-color: #eda000;
	padding-left:3px;
	padding-right:3px;
	color:white;
}*/
#menu-global li, #menu-global-1 li, #menu-global-2 li {
	padding: 2px;
}

#menu-global .menu-association > a:hover, #menu-global-1 .menu-association > a:hover, #menu-global-2 .menu-association > a:hover{
	color:#eda000!important;
	background:white!important;
}

#menu-global .menu-eleves > a:hover, .topbarmenu .menu-eleves > a:hover, #menu-global .menu-le-voyage-de-pelico > a:hover, #menu-global-1 .menu-eleves > a:hover, #menu-global-1 .menu-le-voyage-de-pelico > a:hover{
	color:#79c3a5!important;
	background:white!important;
}

#menu-global .menu-professeurs > a:hover, #menu-global-1 .menu-professeurs > a:hover, .topbarmenu .menu-professeurs > a:hover{
	color:#6065fc!important;
	background:white!important;
}

b, strong{
	font-size: 18px;
    color: inherit;
}

.kt-modal-container{
	max-width: 800px;
	margin-top:150px!important;
}



@media only screen and (min-width: 600px)  {
#topbar{
	width: 100%;
 position: fixed;
   z-index: 100000;
height:50px;
}

}

@media (max-width: 467px){
#menu-global li:nth-child(2), #menu-global li:nth-child(3), #menu-global-1 li:nth-child(2), #menu-global-1 li:nth-child(3){
	display:none;
}
#menu-global li:nth-child(1), #menu-global-1 li:nth-child(1){
	display: block!important;
	    margin-bottom: 7px;
	    margin-top: 9px;
}
#menu-global > li:first-child:before, #menu-global-1 > li:first-child:before{
	margin-bottom:3px;
}
}




.large-quote{
	font-family: "Alegreya Sans";
   	font-size: 3em;
	line-height: 1.2em;
}

/* Notepaper */
/* Note paper like block see https://codepen.io/Thibaut/pen/xjHef */

@media screen and (max-width: 900px) {
  .greenblocnote, .notepaper {
  max-width: 380px;
}
}


.notepaper {
	list-style: none;
  min-width: 300px;
	    font-size: 21px;
	    position: relative;
	    color: white;
	    margin: 30px auto;
	    padding: 33px 17px 11px 43px;
	    line-height: 29px;
	    background-color: #a0a0a7;
	    background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 30px, rgba(255, 254, 254, 0.83) 30px, rgb(255, 255, 255) 31px);
	background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 30px, rgba(255, 254, 254, 0.83) 30px, rgb(255, 255, 255) 31px);
    background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.33) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 30px, rgba(255, 254, 254, 0.83) 30px, rgb(255, 255, 255) 31px);
 	border: 1px solid #9e9e9e;
	    border-color: rgba(162, 160, 155, 0.47);
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #ababb9, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #ababb9, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);

	}

.notepaper li{
	margin-bottom:34px;
}

.notepaper li:before{
	content: '✓';
      padding-right: 12px;
}

.notepaper:before, .notepaper:after, .greenblocnote:before, .greenblocnote:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}

.notepaper b, .notepaper strong{
	color:inherit;
	font-size:inherit;
}

.notepaper:after {
	z-index: -1;
	    left: 0;
	    right: 0;
	    background: rgba(90, 90, 89, 0.65);
	    border: 1px solid rgba(170, 157, 134, 0.7);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);

}

.TOC-PLM-scotch-yellow{
	background-color: #d9da349c!important;
    width: 150px!important;
    height: 42px!important;
    position: relative;
	top:18px;
    left: 30%;
    z-index: 444;
}

.TOC-container {
    display: flex;
    justify-content: center;
}


.TOC-PLM, .ub_table-of-contents{
	    transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	min-width:300px;
}


.TOC-PLM li, .ub_table-of-contents li{
font-size:22px;
list-style:none;
   line-height: 28px;

}
.widget_text .TOC-PLM li{
	transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

}

.TOC-PLM li a, .ub_table-of-contents li a{
	background-color: transparent;
	    color: inherit!important;
	    text-decoration: none!important;
	    -webkit-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1)!important;
	    -o-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1)!important;
	    transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1)!important;
	    border-bottom: 3px solid #fff!important;
	    -webkit-box-shadow: inset 0 -4px 0 #fff!important;
	    box-shadow: inset 0 -4px 0 #fff!important;
	    overflow-wrap: break-word!important;
	    word-break: break-word!important;
	    word-wrap: break-word!important;

}

.TOC-PLM li a:hover, .ub_table-of-contents li a:hover{
	background-color: white!important;


}

.TOC-PLM > div, .ub_table-of-contents  > div {
	transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);

}

.ub_table-of-contents_i{
	background:transparent!important;
}


.TOC-PLM:after, .ub_table-of-contents:after {
    content: "";
    position: absolute;
    display: block;
    right: -5px;
    bottom: -5px;
    border-bottom-color: white!important;
    border-right-color: white!important;
}

.TOC-PLM ul li, .ub_table-of-contents_item {

	font-family: "Alegreya Sans";
	    line-height: 32px;
	    font-weight: 700;
	    font-style: normal;
	    font-size: 24px;
}



/* Note paper like block see https://codepen.io/Thibaut/pen/xjHef */

@media screen and (max-width: 900px) {
  .greenblocnote, .notepaper {
  max-width: 380px;
}
}

.greenbloc-container{
  position: relative;
  z-index:1;
}

.greenblocnote, .sidebar ul.greenblocnote{
  min-width: 300px;
 	position: relative;
  margin-bottom: 20px!important;
	z-index: inherit!important;
	    color: white;
	    margin-top: 45px!important;
	    margin: 0 auto;
	    padding: 33px 10px 21px 30px;
	    line-height: 29px;
	    background-image: linear-gradient(0deg, #79c3a500 47.83%, #6065fc66 47.83%, #6065fc66 50%, #79c3a500 50%, #79c3a500 97.83%, #6065fc66 97.83%, #6065fc66 100%);
	    background-size: 46.00px 46.00px;
		-webkit-box-shadow: 2px 2px 1px 1px #dfdfdf;
		    -moz-box-shadow: 2px 2px 1px 1px #dfdfdf;
		    box-shadow: 2px 2px 1px 1px #dfdfdf;
}

.greenblocnote h1, .greenblocnote h2, .greenblocnote h3, .greenblocnote h4{
  color:white;
}

.greenblocnote:before {
	left: 29%;
	    top: -19px;
	    background-color: #d9da34ba!important;
	    width: 150px!important;
	    height: 42px!important;
	    transform: rotate(-3deg);
}

/* Specific color for NGO */

.notepaper:before{
  left: 28px;
  width: 2px;
  border: solid #efcfad;
  border-color: rgba(239, 207, 173, 0.9);
  border-width: 0 1px;
}


/* */
.greenblocnote:after {
    left: 0;
    right: 0;
    z-index: -2;
    background-image: linear-gradient(90deg, #6b7b75 47.83%, #6065fc 47.83%, #6065fc 50%, #6b7b75 50%, #6b7b75 97.83%, #6065fc 97.83%, #6065fc 100%);
    background-size: 30.00px 30.00px;
}



/*
#loginform #wp-submit{
	box-shadow: rgba(120, 200, 230, 0.498) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.15) 0px 1px 0px 0px!important;
	    box-sizing: border-box;
	    color: rgb(121, 121, 121)!important cursor: pointer;
	    display: block;
	    box-shadow: rgba(120, 200, 230, 0.498) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.15) 0px 1px 0px 0px!important;
	    box-sizing: border-box;
	    color: rgb(171, 167, 167)!important!important;
	    cursor: pointer;
	    cursor: pointer;
	    text-align: center;
	    text-decoration: none solid rgb(255, 255, 255)!important;
	    width: auto;
	    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
	    border: 1px solid rgb(177, 173, 173)!important;
	    border-radius: 3px 3px 3px 3px!important;
	    margin-left: 33px!important;
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 3px!important;
	    padding-bottom: 3px!important;
	    transition: all 0.5s;
}*/

.wp-block-kadence-advancedbtn{
	    margin-bottom: 15px;
}

#toggle-menu{display:none!important}

/*/ https://www.kadencewp.com/support-forums/topic/modal-block-compatibility-with-maps-marker-pro/ */
.kadence-block-pro-modal {
    display: block;
    visibility: hidden;
}
.kadence-block-pro-modal.is-open {
    visibility: visible;
}




/* To add margin after WP cover block */
.wp-block-cover {
    margin-bottom: 30px;
}


/* To customize CiviCRM profiles */
#civicrm-footer {
    display: none;
}
.crm-title h1 {
    display: none;
}

p.justifier {
  text-align: justify;
}