/*
 Theme Name:     FESOJ
 Theme URI:      
 Description:    Thème de la FESOJ
 Template:       Divi
 Version:        1.0.0
*/

/*>>>>>>>>>>>>>>>>> 1 MENU <<<<<<<<<<<<<<<<<<<<<<<</
/*>>>>>>>>>>>>>>>>> 2 TYPO <<<<<<<<<<<<<<<<<<<<<<<</
/*>>>>>>>>>>>>>>>>> 3 LOGO <<<<<<<<<<<<<<<<<<<<<<<</
/*>>>>>>>>>>>>>>>>> 4 MEMBERS <<<<<<<<<<<<<<<<<<<<</
/*>>>>>>>>>>>>>>>>> 5 CALENDRIER DES OBLIGATIONS<<</
/*>>>>>>>>>>>>>>>>> 7 IMPRESSION FICHES <<<<<<<<<<</
/*>>>>>>>>>>>>>>>>> 8 TABLEAU DES MANDATS<<<<<<<<<</
/*>>>>>>>>>>>>>>>>> 9 POP UP FLOU<<<<<<<<<<<<<<<<<</
/*>>>>>>>>>>>>>>>>> 10 SIDEBAR <<<<<<<<<<<<<<<<<<<<</


/********************************************/
/*>>>>>>>>>>>>>>>>> 1 MENU <<<<<<<<<<<<<<<<<</
/********************************************/


.et_header_style_left #et-top-navigation nav > ul > li > a {
    padding-bottom: 8px !important;
	text-decoration:none !important;
	list-style-type:none !important;
}

/*#et-top-navigation nav > ul > li >li> a {
    padding-left: 8px !important;
	text-decoration:none !important;
	list-style-type:none !important;
}

#et-top-navigation nav > ul > li >li> a hover {
    padding-left: 10px !important;
	text-decoration:none !important;
	list-style-type:none !important;}
*/

#et-info 
{
border-bottom:0.5px solid black;
}

.et_slide_in_menu_container #mobile_menu_slide .menu-item-has-children,.et_slide_in_menu_container #mobile_menu_slide .menu-item-has-children .menu-item-has-children
{list-style:none}


/*****Barre Menu*********/
/*Centrer le menu*/

#main-header .container 
{
  text-align: center!important;
  width:80%;
}

/*>>>>>>>default menu<<<<<<<<*/


/*---pour que les éléments de sous-menu ne soient pas soulignés et qu'il n'y ait pas de bullets dans le menu---*/
/*#mobile_menu_slide ul li a, #mobile_menu_slide ul li, #mobile_menu_slide ul li ul li
{text-decoration:none;
list-style-type:none !important;
}*/

/*-----END default menu--*/



/*-----slider menu-------*/

/*la petite flèche*/
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu::before {
    content: "\27BC";
	font-size: 40px;
	padding-right:30px;
}




/*Menu Hamburger*/
.mobile_menu_bar:before 
{
    font-size: 50px;
}






/*>>>>>>>>><Hamburger menu on desktop<<<<<<<<<<<<*/

/*@media only screen and ( min-width:980px ) {
    #et_mobile_nav_menu hover{ display:block !important; margin-bottom:20px; margin-top:6px }
    #top-menu-nav { display:none; }
    .et-fixed-header #et_mobile_nav_menu { margin-bottom:0; }
	
	/*.et_pb_fullscreen_nav_container, .mobile_menu_slide, .et_mobile_menu
	{text-decoration:none !important;}*/
	
    /* set the width, and right align */
    #mobile_menu { max-width: 400px; right: 0; left:auto; }
	
	.et_fullwidth_secondary_nav #top-header .container {
		width:95%;}

	ul li a
{
	line-height:1.1em
}*/



/*>>>>>>>>>>>END_1_MENUS<<<<<<<<<<<<<<*/

	
	
	
	
/***********************************/
/*>>>>>>>>>>> 2 TYPOS <<<<<<<<<<<<<*/
/***********************************/

/*>>>>>>>>>> p/single post <<<<<<<<<<<<<<<<*/
	
.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_with_background .et_pb_row
	{width:90%;}
	
	/*Paragraphe & cie*/
body {
font-family:  Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
Line-height:1.3 em;
}

/*.play {
font-family: rooney-web,serif;
font-weight: 500;
font-style: normal;
color:green
}*/

.demiespace
	{
padding-bottom:0.5em;
}

.espace
	{
padding-bottom:0.3em;
}

.leger	{
font-weight:300;}

.moyengras {
font-weight:500;}
		
.gras{
font-weight:700;}

.strong
{font-weight:bold!important;}

a 
{text-decoration:underline;}



	
/*>>>>>>>>TITRES<<<<<<<<<<<<<*/
h1
{
font-family: Helvetica,sans-serif;
font-weight: 700;
font-style:bolder;
font-variant:capitalize;
}


h2
{
font-family: Helvetica,sans-serif;
font-weight: 700;
font-style:bold;
margin-top:30px!important;
/*text-transform:uppercase;*/
}

/*.et_pb_column_1_6 h2,
.et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2->CSS additionnnel
{font-size: 30px ! important}
*/

h3
{
font-family: Helvetica,sans-serif;
font-weight: 500;
font-style: lighter;
/*color:blue*/
}

h4
{
font-family: Helvetica,sans-serif;
font-weight: 300;
font-style: italic;
padding-left:5%;
padding-bottom:20px;
}
	
h4
{
font-family: Avenir,sans-serif;
font-weight: 600;
font-style: italic;
padding-left:5%;
padding-bottom:20px;
}


.intro
{
font-family:Helvetica,sans-serif;
	font-weight:50;
	font-size:1em;
	font-style:italic;
}




/*-------DEBUT_LISTES -----*/
	ol li
{line-height:inherit;
padding : 2% 0 0 0;
margin:1% 0 0 0
}

	
	ul li
{line-height:inherit;
padding : 1% 0 1% 0;
list-style-type:square}
	
	
		ul li ul li, ol li ol li
		{list-style-type:disc;
		line-height:inherit}
		
			ul li ul li ul li
			{list-style-type:circle}
	
#2279 ul li, #2279 ol li
{line-height:inherit;
padding : 2%, 0 2% 0}
	
/*____fin listes ----*/

	
/*>>>>>>>>>>>>>> END_3 TYPOS<<<<<<<<<<<<*/

/********/
/*Footer*/
/********/
	

.message {
position: fixed;
bottom: 0;
}
	
	
/********************************/
/*>>>>>>>>>>  3 LOGO <<<<<<<<<<<*/
/********************************/

#logo{
	margin-top:20px!important;
}



	@media only screen and (max-width: 980px){
    #logo {
        height: 60% !important;
        max-height: 60% !important;
        width: auto !important; }
}
/*>>>>>>>FIN LOGO<<<<<<<<<<<<<<*/



/**********************************************/
/*>>>>>>>>>>>>>>>>> 4 MEMBERS <<<<<<<<<<<<<<<<*/
/**********************************************/
	
/*bouton supprimer mon compte*/

input#submit.button.button-primary {
	background-color:#f5f8f3;
	font-size:23px;
	border-color:black;
	border-radius:50px;
	padding:10px 15px;
}

/*>>>>>>>>>>> FIN MEMBERS <<<<<<<<<<<*/

	
.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 5px;
}

.btn-inline {
    text-align: center !important;
}


/*------ BLOG ---------*/
.et_pb_post 
{
	padding-top:0!important;
	margin-top:0!important;
	  margin-bottom: px;
}
	
	.et_pb_post {}


/*------ FIN BLOG --------*/

/* ordre colonnes sur mobile */
		@media all and (max-width: 980px) {}
   /* envelopper la rangée dans une flexbox */
   .custom_row {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap; /* Safari 6.1+ */
      flex-wrap: wrap;
   }
   /* classes personnalisées qui désigneront l'ordre
   des colonnes dans la ligne de la flexbox */
   .premier-mobile {
      -webkit-order: 1;
      order: 1;
   }
	
   .deuxieme-mobile {
      -webkit-order: 2;
      order: 2;
   }

   .et_header_style_fullscreen .et_slide_in_menu_container {
  width: 90%;
}

#wpmem_restricted_msg p 
{
	font-size:20px!important;
	line-height:1.2em;
}

#wpmem_login legend, #wpmem_reg legend {
    font-size: 35px;
    line-height: 1.2em;
    font-weight: 500;
    margin-bottom: 20px;   
}

	#wpmem_login, #wpmem_reg {
	font-family:brandon-grotesque, sans-serif!important;
}


input.buttons {
    background-color: #F5F8F3;
    border: 1px solid black;
    border-radius: 100px;
    padding: 5px 15px;
}

#wpmem_msg,.wpmem_msg {
    
  padding-bottom:50px;
	background-color:transparent;
	border:none;
	text-align:left!important;
    font-size: 25px!important;
	 width: 80%!important;
	}

#wpmem_login legend, #wpmem_reg legend{
	font-size:30px!important;
}

#wpmem_reg label{
	font-size:25px!important;
	color:black!important;
}

	#wpmem_login .button_div, #wpmem_reg .button_div{
	font-size:25px!important;
}

#wpmem_login button, #wpmem_login input, #wpmem_reg button, #wpmem_reg input, #wpmem_reg select, #wpmem_reg textarea
	{
	font-size:20px!important;
}

.et_pb_text_inner>ul>li 
	{
	padding-bottom:10px!important;
}

#wpmem_restricted_msg, #wpmem_login
	{
	margin-left:50px;
	}
	
#wpmem_restricted_msg
	{
	margin-top:90px;
}

input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea 
{
    background-color: #fff;
    border: none;
    padding: 10px;
    color: black;
    font-size:25px;
    width: 100vw;
}
	
/*******************************************************/
/*>>>>>>>>>> 5 CALENDRIER DES OBLIGATIONS <<<<<<<<<<<<<*/
/*******************************************************/
	
#obligations_detaillees .et_pb_portfolio_item

{max-height:184px;
padding:5px}

	@media only screen{.et_pb_portfolio .project_category_asbl
		{background-color:#D25A47;}
	}
	
	.ASBL, .et_pb_portfolio .project_category_asbl .post-meta
	{line-height:0.8;padding:5px}
	
	.ASBL, .et_pb_portfolio .project_category_asbl h4
	{display:block;height:220px;padding:10px}
	
	
	
	@media only screen{.OJ, .et_pb_portfolio .project_category_oj
	{background-color:#A2AD67;
		Height:290px;}}
	
	.OJ, .et_pb_portfolio .project_category_oj .post-meta
	{line-height:0.9;padding:5px;padding:5px}
	
	.OJ, .et_pb_portfolio .project_category_oj h4
	{display:block;height:220px;padding:10px}
	
	
	
	@media only screen{.CJ, .et_pb_portfolio .project_category_cj
	{background-color:#724E4F;
		Height:290px;}}
	
	.CJ, .et_pb_portfolio .project_category_cj .post-meta
	{line-height:0.9;padding:5px;}
	
	.CJ, .et_pb_portfolio .project_category_cj h4
	{display:block;height:220px;padding:10px}
	
	
	
	@media only screen{.OE, .et_pb_portfolio .project_category_oe
	{background-color:#7493A5;
		Height:290px;}}
	
	.OE, .et_pb_portfolio .project_category_oe .post-meta
	{line-height:0.9;padding:5px}
	
	.OE, .et_pb_portfolio .project_category_oe h4
	{display:block;height:220px;padding:10px}
	
	
	
	@media only screen{.DE, .et_pb_portfolio .project_category_decret_emploi
	{background-color:#FABE6E;
		Height:290px;}}
	
		.DE, .et_pb_portfolio .project_category_decret_emploi .post-meta
	{line-height:0.9;padding:5px}
	
		.DE, .et_pb_portfolio .project_category_decret_emploi h4
		{display:block;height:220px;padding:10px}
	
	
	
	@media only screen{.maribel, .et_pb_portfolio .project_category_maribel
	{background-color:#837099;
		Height:290px;}}
	
		.maribel, .et_pb_portfolio .project_category_maribel .post-meta
	{line-height:0.9;padding:5px}
	
		.maribel, .et_pb_portfolio .project_category_maribel h4
		{display:block;height:220px;padding:10px}
	
	
	/*----------------mobile categories calendrier obligations----------*/
	
	@media only screen and (max-width: 980px)
		{#obligations_detaillees div
		{
		padding:5px;
		font-family: rooney-web,serif;
	font-weight: 600;
			}
			
	}
	
	@media only screen and (max-width: 980px)
		{
	.ASBL, .et_pb_portfolio .project_category_asbl .post-meta
	{line-height:0.8;padding:5px; height:290px}
	}
	
	@media only screen and (max-width: 980px)
		{
	.ASBL, .et_pb_portfolio .project_category_asbl h4
	{display:block;height:220px;padding:10px}
	}

		
		

	
	#ASBL
	{background-color:#D25A47}
	
	#OJ
	{background-color:red}
	
	#CJ
	{background-color:#724E4F}
	
	#OE
	{background-color:#7493A5}
	
	#DECRET_EMPLOI
	{background-color:#FABE6E}
	
	#maribel
	{background-color:#837099}
	
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>FIN obligations<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
	
	
/********************************************/
/*>>>>>>> 6 IMPRESSION DES FICHES <<<<<<<<<<</
/********************************************/

@media print{
	
	
	
	.et_pb_divider_0, .et_pb_divider_1{display:none}
	
	/* pas de coupure de page à l'intérieur de ces éléments */
blockquote, ul, ol{
    page-break-inside: avoid !important;
    break-inside: avoid! important;
}
	
/* pas de coupure de page après ces éléments */
h1, h2, h3, h4, h5, h6, caption{
    page-break-after: avoid !important;
	break-after: avoid !important;}
	
	.et_pb_gutters2 .et_pb_column_3_4, .et_pb_gutters2.et_pb_row .et_pb_column_3_4
	{width:60%}
	
		
	p{
    orphans: 3;
    widows: 3;
}
	
	html{ font-size: 7.5pt; }
	
	post {
   width:100%!important;
    padding:0!important;
    margin:0!important;
	page-break-inside: avoid;
    break-inside: avoid;
	
  }
	
	body{font-family:georgia,serif;}
	
	
	
div.entry-content h1,h2,h3,h4,p,ul,li {font-size:50%;line-height:150%;font-family:georgia,serif;}
	
	h1 {font-size:21px !important;margin-bottom:20px !important; text-align:center;text-transform:uppercase !important;font-weight:bold !important}
	
	h2 {font-size:19px !important;font-family:georgia,serif;text-decoration:underline !important;font-weight:bold !important}
	
	h3 {font-size:14px !important;font-family:georgia,serif;text-transform:uppercase;font-weight:bold !important}
	
	h4 {font-size:14px !important;font-family:georgia,serif;text-decoration:underline}
	

	ol li
{line-height:1.3em!important;
padding : 2% 0 0 0;
margin:1% 0 0 0;
	font-size:100%!important
}
	
	
	ul li
{line-height:1.3em!important;
padding : 1% 0 1% 0;
list-style-type:square;
font-size:100%!important}
	
	
		ul li ul li, ol li ol li
		{list-style-type:disc;
		line-height:1.1em;
	font-size:100%!important}
		
			ul li ul li ul li
			{list-style-type:circle;
	font-size:100%!important}
	

	
	.et_pb_divider_0, .et_pb_divider_1 {display:none !important}
	
	.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_with_background .et_pb_row {width:100% !important}
	
/*ne pas imprimer la sidebar*/	
	#sidebar {display:none}
	
/*ne pas imprimer les boutons*/	
	body.et_pb_button_helper_class .et_pb_button{display:none}
	
/*firefox: reduire l'espacement*/
	.et_pb_row {padding:0;min-width:0;float:left}
	.et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column {margin:0;min-width:0;float:left}
	
	
	.et_pb_gutters2 .et_pb_column_2_3, .et_pb_gutters2.et_pb_row .et_pb_column_2_3{min-width:0;width:100%;float:left}
	
	.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_with_background .et_pb_row
	.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_with_background .et_pb_row{width:100%}
	
	.et_pb_section {padding: 0px 0;}

}
	
/*>>>>>>>>FIN 6 IMPRESSION DES FICHES<<<<<<<<<<<</	
	
	
/*******************************************************/
/*>>>>>>>>>>>>> 7 tableau des mandats<<<<<<<<<<<<<<<<<<*/
/*******************************************************/
	
.mandats
{border: Opx solid;
	vertical-align:top;
}

.mandats table tr p
{width:50%;
padding:20px;}

	

/*RESPONSIVE TABLE*/
	
	/*@media only screen and (max-width: 840px)*/
table.responsive {
margin-bottom: 0;
overflow: hidden;
overflow-x: scroll;
display: block;
white-space: nowrap;
}
	
.et_pb_portfolio_items
	{margin-bottom:30px;}
	

/*>>>>>>>>>>>>> FIN 7 tableau des mandats <<<<<<<<<<<<<<<<<<<*/


/***************  A TRIER RECUP CSS ADDITIONEL **************/


/*@media only screen and (max-width: 980px)*/

.post-content-inner
{
	padding-bottom: 10px; 
}

	





/************************/
/*>>>>>>POPUP FLOU<<<<<<*/
/************************/

.da-overlay-visible .da-overlay 
{
 backdrop-filter: none!important;
   -webkit-backdrop-filter: none;
}
	 
.da-overlay
	{background: rgba(245,248,243, 0.6)!important}}

/*rendre la zone du bouton impression aussi verte que les reste du site*/
.pdfprnt-top-right, .pdfprnt-bottom-right, .pdfprnt-top-bottom-right, .pdfprnt-right 
{
  text-align: right;
  padding: 5px;
	background: #D8EACC;}

/*popup remove blur*/

.da-overlay-visible .da-overlay {
backdrop-filter:none !important;
background-color: white!important;
}
	 
.da-overlay.evr_fb_popup_modal  {
		 background-color: white!important;}fpri
	
	 
    .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, 
    .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;    
    }





/*************************/
/*>>>>>>>10 SIDEBAR<<<<<<*/
/*************************/

.et_right_sidebar #sidebar
{padding:0}

#main-content .container::before
{width:0}

.et_pb_widget a
{color:black;
text-decoration:underline}

.et_pb_widget a span
	{background-color:#F5F8F3}