/*
=======================================================================================================================
=======================================================================================================================
=======================================================================================================================

General

=======================================================================================================================
=======================================================================================================================
=======================================================================================================================
*/

/* Police pour le Branding Ligue */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');

.tm-toolbar-default {/*background-color: rgb(237,241,250, 0.9) !important;*/
	background-color: rgb(255,255,255, 0.9) !important;
	}
	/* pour avoir les drapeaux et le reste de la toolbar même sur les petits écrans : */
	@media (max-width: 616px) { 
	   .tm-toolbar.uk-visible@l {
	    dispay: block!important;
	    }
	}
	@media (max-width: 959px) { 
	div.tm-toolbar.tm-toolbar-default.uk-visible\@m {
	    display:block!important;  
	    }
	}

#ImageQuiEmbeteLaSouscription {z-index: -100}
.uk-h1, h1 {line-height: 1.4;}
em {font-weight: 600;}


/* On vire le gras disgracieux */
.navbar .brand, .uk-logo , .uk-navbar-nav>li>a, .uk-navbar-dropdown-nav {font-weight: 400;}


#module-15 {min-height: 40px;}
.mysearch {min-height: 40px; }
	.uk-search-default .uk-search-input { height: 40px; }
	#search-158 .uk-icon.uk-search-icon {height: 40px; }
	#search-158 {height: 40px;margin-left: -40px; padding-right: 20px; margin-top: 4px; width: }
		#search-158 input.uk-search-input {height: 30px;}
.uk-search-default .uk-search-input {}
.myconnexionmodule {min-height: 40px;}
.uk-icon {}
.uk-icon-button {width: 60px;}
	.uk-icon-button img {/*margin: -5px;*/}

/*
=======================================================================================================================
=======================================================================================================================
=======================================================================================================================

Extensions

=======================================================================================================================
=======================================================================================================================
=======================================================================================================================
*/

		/*
		=======================================================================================================================
		=======================================================================================================================
		Plugin Downloads
		=======================================================================================================================
		=======================================================================================================================
		*/
		.jd_files_title39 {background-color: transparent; color: #555555; border-bottom-width: 0px; }
			.jd_clear {}
			.jd_left a {text-decoration-color: none;color: #555555; display: inline-block; padding-left: 20px; }
			.jd_rating_field {display: none;}
			.jd_content_wrapper {display: none;}
			.myjd {padding: 10px 20px;}
			#JD-1 {}

		.centermyacymoduleplease {text-align:center;}
		

		/*
		=======================================================================================================================
		=======================================================================================================================
		Donations
		=======================================================================================================================
		=======================================================================================================================
		*/
		/* Version Shack (non utilisée) */
		#osdonate_186 {}
			#osdonate_186 input[type=text], #osdonate_186 select{margin-bottom: 12px !important;}


		/*
		=======================================================================================================================
		=======================================================================================================================
		Affichage Share/Like et affinitaires
		=======================================================================================================================
		=======================================================================================================================
		*/
		#Module-181 {line-height: 20px; float: right;}
			#Module-181 > * {float: none;}
			#Module-182 {display: fixed; poisition: absolute;  right: 20px; }
			#Module-182 .mySocialButtons {padding-bottom: 10px;}
			.mySocialButtons {height: 20px; line-height: 20px;}
				.mySocialButtons div.ns-bs5 iframe.twitter-share-button {height: 20px !important; margin-top: -5px;}
				.mySocialButtons div.ns-bs5 {display: inline-block; height: 20px;line-height: 20px;margin-right: 10px;}
				.mySocialButtons div.ns-bs5 span {height: 20px !important; line-height: 20px; vertical-align: bottom !important;}
			.MyBeforeArticle {}
			.MyAfterArticle {margin-top: 20px;}



		/*
		=======================================================================================================================
		=======================================================================================================================
		Module de Login
		=======================================================================================================================
		=======================================================================================================================
		*/
		#Module-160 {}
			#login-modal {border-radius: 30px;}
			#login-modal .modal-header {border-top-left-radius: 30px; border-top-right-radius: 30px;}
			#login-modal .modal-header, #login-modal .input-group-text
			 {background-image: linear-gradient(51deg,#1865e0 50%,#199ef2 80%,#16b6f5 100%);}
			 #login-modal .ns-bs5 a ,  #login-modal .ns-bs5 .input-group-text {color: #FFFFFF; }
			 #login-modal .ns-bs5 .input-group-text:last-child  {border-top-right-radius: 500px; border-bottom-right-radius: 500px;}
				#login-modal .modal-header h3 , #login-modal .modal-header button span {color: #FFFFFF; text-align: center; }
			.ns-bs5 .btn {border-radius: 500px; padding-left: 40px; padding-right: 40px;
				font-size: 15px;
				}

			#form-sclogin-submitcreate a, .scuser-menu a.dropdown-toggle
				{ color: #FFFFFF;}
				.sclogin-joomla-login {padding: 40px !important; padding-bottom: 20px !important; }

				#form-sclogin-remember {text-align: center;}
				#sclogin-remember {margin-top: 4px; }
				#form-sclogin-submitcreate {text-align: center;}
					#form-sclogin-submitcreate .btn {margin-left: 20px; margin-right: 20px;
						border-radius: 500px; padding-left: 40px; padding-right: 40px;
						}
			/* Une fois connecté */
			.sclogin {}
				.sclogin-greeting {text-align: center; font-size: 12px;	}
				.sclogout-button .sclogin-joomla-login {padding: 5px 10px 0px 10px !important;;}

			/*

			Module de Contact

			*/
			.pweb-field input {border: 1px solid #2d3847;}

			/*

			Module de Recrutement

			*/
			#module-190 {margin-top: 30px;}
			.pwebbox-box {font-family: inherit;}
			.pwebbox_toggler {
					background-color: #1991ee;
			    color: #fff;
			    border: 2 px solid transparent;
			    background-image: linear-gradient(51deg,#1865e0 50%,#199ef2 80%,#16b6f5 100%);
			    box-shadow: -5px -5px 15px rgb(255 255 255 / 90%), 5px 5px 15px rgb(11 89 150 / 30%);
			    border-radius: 500px;
			}
			.pwebbox_toggler {padding-left: 30px; padding-right: 30px;}
			.pwebbox_toggler:hover {color: #Ffffff;}
			.pwebbox-article-text h3 {font-size: 17px; color: #000088;}
			.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus { background-color: transparent; opacity: 0.9;}
			.nav-tabs>.active>a, .uk-tab>.uk-active>a {border-bottom-color: transparent; 
			border-top-color: #333333;border-left-color: #333333; border-right-color: border-top-color: #333333;}


			/*
			Liste Tweets
			(dans un Widgetkit)
			*/
			.mywk {}
					.mywk .wk-panel {background: rgba(0,0,0,0.05); padding: 2px 15px 5px 15px; border-radius:5px; }
					.mywk .wk-panel-title {display:none;}
					.mywk .wk-article-meta {display:none;} /* date en toutes lettres ? bof */
					.mywk .wk-margin {margin-top: 5px; margin-bottom: 5px;}
					
/* Display Agir */
#pwebbox192_content {padding: 50px; }

/* Souscription */
.input-append, .input-prepend {font-size: inherit;}

/*
=======================================================================================================================
=======================================================================================================================
=======================================================================================================================

Conventions

=======================================================================================================================
=======================================================================================================================
=======================================================================================================================
*/

/*Section > Muted Background #F7EEE4 -> # */

.MyRightAlignedButton {float: right;}

.pix {}
.articlepix {}
.boutiquepix {width: 200px;}
.intropix {width: 200px;}
.fullpix {}
.rightpix {float: right ; padding-left: 20px; padding-bottom: 20px;}
.leftpix {float: left ; padding-right: 20px; padding-bottom: 20px ; }

div.row {margin-left: 0px;} /* héritage de certaines mises en forme barbares */

.complexButton {opacity: 0.9; border-radius: 10px; line-height: 1em;
	box-shadow: none;
	background-image: linear-gradient(51deg,#1865e0 50%,#199ef2 80%,#16b6f5 100%);
	display:inline-block; padding: 10px 20px; color: #FFFFFF !important;
	max-width: 300px;
	}
.complexButton:hover {box-shadow: #0c273a; opacity: 1.0; box-shadow: none;color: #FFFFFF !important;	}
.complexButton:visited {box-shadow: none;color: #FFFFFF !important;}
.complexButton:focus {box-shadow: none;color: #FFFFFF !important;}


/*
Descriptions de Produits dans OSM
*/
	.myBoutique {}
		.myBoutique {}
		.form-actions {background: transparent;}
		.myBoutique #ZeGrid .el-link {display:none;}

	/* Templated, on rajoute des classes pour chaque ligne TR du tableau */
	.myItemStats table {}
			.myDuration {}
			.mySetup {}
			.myPrice {}
			.osm-taskbar {float: right;}
			li.myUpgradeButton a {}
			.inAnArticle .osm-container .osm-item-description {background: transparent;}
			.inAnArticle li.myDetailsButton a {display: none;}
			.inAnArticle .osm-item-description {border-top-width: 1px; border-top-color: rgb(219, 222, 225);
				border-top-left-radius: 7px; border-top-right-radius: 7px; border-top-style: solid;
				} /* disparu car on zappe le titre */
			li.mySubscribeButton a {}
				.isPhysical li.mySubscribeButton a span.mySauce {font-size: 0; line-height: 30px;}
				.isPhysical li.mySubscribeButton a span.mySauce:after {font-size: initial; content:'Commander'; margin-top: 3px;	}


	/* Quand on appelle d'un article, on le fait avec une classe autour */
	.inAnArticle .osm-item-heading-box {display:none;}
	.myPlan-3 {}

	/* Templated, on enlève "à vie" pour des livres */
	.myItemStats .myNotExpired td {display:none;}


	/* Page d'Inscription+Paiement */
	#amount {width: 200px !important;}

/*
Utilisé dans les pages de programmes d'événement
*/
.myinsiderborder {border: 1px solid #DDDD; padding: 25px}
.myintervention {padding-top: 6px ; color: #008888; font-weight:600; margin-block-start:0px;margin-block-end:0px }
.myintervenant {font-weight: 600; margin: auto; padding-top:4px; padding-bottom: 4px;}
.myhoraire {color: #1188BB 	;font-weight:500; padding-bottom: 2px; margin-block-end: auto; line-height: auto;}
.ziend {margin-block-end: 2em; margin-block-start:0.2em;}
.zistart {margin-block-start: 2em; margin-block-end:0.2em;}
#myinsiderborer1 h4 {margin-block-start:10px !important;margin-block-end:10px !important; line-height: auto; margin-top: 0px; margin-bottom: 10px;}
#myinsiderborer1 h4.zistart {margin-block-start:20px !important;margin-block-end:0px !important;}
#myinsiderborer1 h4.ziend {margin-block-start:0px !important;margin-block-end:20px !important;}
.mybr {border-bottom: 1px solid #DDDD;}
/*
=======================================================================================================================
=======================================================================================================================
=======================================================================================================================

Spécifique à des pages

=======================================================================================================================
=======================================================================================================================
=======================================================================================================================
*/

.MyArticleGrid {}
	.MyArticleGrid .el-meta {text-align: left;}
	#ZeGrid .el-link { float: right;}
	

/*
Home Accueil
*/
#home-a-savoir { /* color: rgb(12, 39, 58)*/}
#SectionHomeASavoir {}
#SectiionHomeInvitationAAgir {}
.nodisplay {display:none}

#MyAccueilBox {box-shadow:none !important; moz-box-shadow:none !important;}

div#myGrid1 .uk-child-width-expand.uk-grid {border: 1px solid #FEFEFE; }
div#myGrid1 .uk-child-width-expand.uk-grid div {padding-left: 0px;}
div#myGrid1 .uk-child-width-expand.uk-grid div h4 {padding-left: 40px; padding-top: 10px; padding-right: 10px; padding-bottomm: 10p;}


#mypane {text-align:center;}

#MyTwitterFeed {background: #ffdfb1; /*f7eee4;*/}


.twitter-feed-element .media-body {margin-right: 0px;}