:root{
	--font-family-regular: 'source_sans_proregular';
	--font-family-bold: 'source_sans_prosemibold';
	--color-one: hsl(198, 100%, 44%);
	--color-one-fonce: hsl(198, 100%, 47%);
	--color-one-clair: #ccebf8;

	--color-one-clair: hsl(198, 100%, 42%);

	--font-family-light:  'source_sans_prolight';
	--font-family-extraBold: 'source_sans_probold';

	--color-bleugrisClair: hsl(198, 100%, 47%);
	--color-bleugrisFonce: hsl(198, 100%, 42%);
	--color-bleuNoir: #1a2432;
	--color-bleuColonne : hsl(198, 100%, 44%);
	--largeur-extranet: 100%;
}

.containerconnexion .byorganica {
	display: none;
}
.contextMenu {
  position: fixed;
  min-width: 150px;
  z-index: 99999;
  border: solid 1px #CCC;
  background: #EEE;
  padding: 0px;
  margin: 0px;
  display: none;
}
.contextMenu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: relative;
}
.contextMenu span {
  font-family: var(--font-family-regular);
  padding: 3px 15px 7px 15px;
  color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 17px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;

	transition: 0.3s;
	cursor: pointer;
}
.contextMenu span:hover {
	background-color: var(--color-one);
	color: white;
}

.listeDoc .titre.outlined {
	outline-offset: 3px;
	outline: 2px solid var(--color-bleuColonne);
}
.TexteSection.TexteSectionNotif a {
	color: var(--color-one-clair);
}
.TexteSection.TexteSectionNotif a:hover {
	text-decoration: underline !important;
}
.colorBleuGrisClair {
	color: var(--color-bleugrisClair);
}
.colorBleuNoir {
	color: var(--color-bleugrisFonce);
}

.bandeau {
	display: none;
}
.site {
	background-color: #EFEFEF;
}
.corps {
	max-width: 1046px;
	margin-inline: auto;
}
.bgonlywhite {
	background: #fff !important;
	padding-left: 23px !important;
}
.colonnegauche {
	background-color: var(--color-bleuColonne);
}
.colonnegauche .menu {
	height: calc(100vh - 90px - 50px);
	background-color: var(--color-bleuColonne);
	margin-bottom: 50px;
}
.colonnegauche a.logo, .colonnegauche, .colonnedroite div.logo {
	width: 210px;
}
.activitePublic :is(.colonnegauche a.logo, .colonnegauche, .colonnedroite div.logo) {
	min-width: 210px;
}
.colonnegauche a.logo {
	box-shadow: none;
	filter: brightness(0) invert(1);
}
.colonnegauche #byorganica, .activitePublic #byorganica {
	width: 210px;
	background-color: transparent;
}
.activitePublic #byorganica {
	width: 100%;
}

.colonnedroite {
	max-width: calc(var(--largeur-extranet) - 210px);
	margin-left: 210px;
}
.colonnedroite .entete, .colonnedroite {
	width: calc(100% - 210px);
}
.colonnedroite .entete {
	max-width: calc(var(--largeur-extranet) - 210px);
	box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.1);
}
.colonnedroite .entete .divpath {
	font-family: var(--font-family-regular);
}
.colonnedroite .entete table.fonctions td.compte .nom {
	color: #002E60;
}
.colonnedroite .entete table.fonctions td.compte .deconnexion a {
	color: var(--color-one-clair);
}

.menu .menu1 {
	padding: 0px 0px 0px 0px;
	background-color: var(--color-bleuColonne);
}
.menu .menu1.active, 
.menu .menu1.active .Leftmenu1, 
.menu .menu2 {
	background-color: var(--color-bleugrisFonce);
	color: white;
}
.menu .Leftmenu1 {
	font-family: var(--font-family-regular);
	font-size: 19px;
	font-size: 16px;
	background-color: var(--color-bleuColonne);
	font-weight: normal;
}
.menu .Leftmenu1:hover, .menu .menu1.active .Leftmenu1:hover {
	background-color: var(--color-one-fonce);
	transition: all 0.4s ease;
}
.menu.alternate .Leftmenu1 {
	height: 67px;
	line-height: 67px;
	background-size: 26px;
	background-position: 15px 20px;
	padding-left: 55px;
}
.menu.alternate .menu1.groups .Leftmenu1, 
.menu.alternate .menu1.events .Leftmenu1, 
.menu.alternate .menu1.meetings .Leftmenu1, 
.menu.alternate .menu1.surveys .Leftmenu1, 
.menu.alternate .menu1.jobs .Leftmenu1, 
.menu.alternate .menu1.notifs .Leftmenu1, 
.menu.alternate .menu1.intro .Leftmenu1, 
.menu.alternate .menu1.docencours .Leftmenu1, 
.menu.alternate .menu1.library .Leftmenu1 {
	background-size: 36px;
	background-position-y: 15px;
	background-position-x: 10px;
}
.menu.alternate .menu1.notifs .Leftmenu1, .menu.alternate .menu1.library .Leftmenu1 {
	background-position-y: 14px;
}
.menu .border.active .Leftmenu1 {
	border-color: white;
}
.menu .border.active .Leftmenu1:hover {
	border-color: white;
}
.menu .menu2 {
	padding: 0px 10px 0px 20px;
}
.menu .Leftmenu2 {
	font-family: var(--font-family-regular);
	font-size: 17px;
	font-size: 16px;
}
.menu .Leftmenu3 {
	font-family: var(--font-family-regular);
}
.menu .menu2 .Leftmenu2 {
	color: white;
	transition: all 0.4s ease;
}
.menu .menu2.active .Leftmenu2 {
	color: var(--color-one-clair);
}
.menu .menu2.active .Leftmenu2:hover, .menu .menu2 .Leftmenu2:hover {
	color: rgba(255, 255, 255, 0.5);
} 
.menu .moinsmenu2, .menu .plusmenu2 {
	margin-left: 172px;
	margin-top: -20px;
	background-size: contain;
}
.menu .Leftmenu3 {
	height: 30px;
	line-height: 30px;
	font-size: 15px;
}
.menu.alternate .moinsmenu1, .menu.alternate .plusmenu1 {
  	margin-top: 27px;
}
.menu .moinsmenu1, .menu .plusmenu1 {
	margin: 91px 0px 0px 180px;
}
.menu .menu3, .menu .Leftmenu3, .menu .menu3.active .Leftmenu3 {
	background-color: var(--color-bleugrisFonce);
	transition: all 0.4s ease;
}
.menu .menu3, .menu .Leftmenu3 {
	color: rgba(255, 255, 255, .6);
}
.menu .menu3.active .Leftmenu3 {
	color: rgba(255, 255, 255, .9);
}
.menu .Leftmenu3:hover, .menu .menu3.active .Leftmenu3:hover {
	color: var(--color-one-fonce);
}
.blocreunion, .blocrelation, .blocnews {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.blocreunion:hover, .blocrelation:hover, .blocnews:hover {
	box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.1) !important;
	-webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.1) !important;
}
div.blocreunion.nohover:hover {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.blocreunion td.date .jour, .blocnews td.date .jour {
	font-family: var(--font-family-light);
}
.blocreunion td.date, .blocnews td.date, .blocrelation td.icone {
	border-right: 1px solid #E8E9EA;
}
.blocreunion td.date.inscrit {
	border-right: 1px solid #74bd48;
}
.inscription .inscrit {
	font-weight: normal;
}

.titrepage {
	font-size: 55px;
	font-family: var(--font-family-light);
}
.TitrePageMoyen, .titreBloc {
	background-color: #DFDFDF;
	transition: background-color 0.4s ease;
}
.TitrePageMoyen:hover, .titreBloc:hover {
	background-color: #d0d0d0;
}
.blocaccordeon .TitrePageMoyen {
	background-color: #EFEFEF;
}
.blocaccordeon .TitrePageMoyen:hover {
	background-color: #d0d0d0;
}
.tableau tr th {
	font-family: var(--font-family-regular);
	color: #A9A9A9;
}
.tableau tr th span.tri input {
	filter: grayscale(100%);
} 

.containerconnexion input[type="submit"], 
.containerconnexion input[type="button"], 
.zipanddownloadbutton, 
.boutonvalider, 
.boutonannuler, 
.icalbouton, 
#zipanddownloadbutton2, 
#zipanddownloadbutton, 
.recuppassword input[type="submit"], 
.errorbloc .fermer input, 
.errorblocChoix .fermer input, 
.errorblocEtoile .fermer input, 
.boutonQuestionnaire, .bouton, 
.ui-widget input.boutonTest, 
.ui-widget input.bouton, 
.ui-widget input.boutonvalider, 
.boutonreinitialiser {
	background-color: var(--color-one-clair);
}

.MessageMediatheque label {
	color: white;
}
.MessageMediatheque .checkbox {
}

#titrePageConnexion, #sousTitrePageConnexion, #logoPageConnexion  {
	animation: 1s ease-out 0s opacitytranslate forwards; 
  	animation-iteration-count: 1;
}
@keyframes opacitytranslate {
    0% {
    	opacity: 0;
    }
    100% {
    	opacity: 1;
    }
}

.blocreunion td.date .mois, .blocnews td.date .mois,
.blocreunion td.date .jour, .blocnews td.date .jour,
.blocreunion td.date .heure, .blocnews td.date .heure {
	color: var(--color-bleugrisFonce);
}
.activitePublic .colonnedroite {
	max-width: 100%;
}

#blocTitrePageConnexion {
	width: calc(100%);
	position: fixed;
	height: 100vh;
	display: flex;

	justify-content: center;
	align-items: center;
	background-image: url('../images/bgConnexion.jpg');
	background-size: cover;
	background-position: center;
}
#blocDialogueConnexion {
	background-color: rgba(255, 255, 255, 0.95);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	right: 0px;
	height: 100%;
	min-width: 600px;
}
#logoPageConnexion {
	background-image: url('../images/FEMARBEL_logoBlanc.svg');
	background-size: 502px auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 128px;
}
#titrePageConnexion {
	color: white;
	font-size: 48px;
	text-align: center;
	font-family: var(--font-family-bold);
	line-height:  min(48px, 6vw);
	font-size: min(48px, 6vw);
	margin-bottom: 128px;
	line-height: 68px;
	margin-bottom: 10px;
	text-shadow: 1px 1px 1px black;
}
#sousBlocTitrePageConnexion {
	height: 374px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
#sousTitrePageConnexion {
	font-family: var(--font-family-bold);
	font-size: 24px;
	text-align: center;
	line-height: 34px;
}
#sousTitrePageConnexion mark {
	color: white;
	background-color: rgba(255, 255, 255, 0);
	padding-left: 10px;
	padding-right: 10px;
}
.containerconnexion {
	position: initial;
	background-color: transparent;
}
.containerconnexion .message {
	color: #275685;
	font-family: var(--font-family-bold);
}
.containerconnexion .message.messagepetit {
	font-size: 19px;
}
.containerconnexion .message a {
	color: var(--color-one-clair);
}
.containerconnexion input[type="text"], 
.containerconnexion input[type="password"] {
	border-color: #DDD;
	font-family: var(--font-family-regular);
	font-size: 16px;
	color: var(--color-bleuNoir);
}
.containerconnexion .tdforgot a {
	color: var(--color-bleugrisClair);
}
.containerconnexion .byorganica {
	position: fixed;
	bottom: 40px;
	right: calc(300px - (92px / 2));
}
.containerconnexion .byorganica a {
	background-image: url("../Images/logoOrganicaPetit.png");
	filter: grayscale(100%) brightness(1.3);
	background-size: contain;
	width: 92px;
	height: 32px;
	display: block;
}
.containerconnexion .byorganica a span {
	display: none;
}

.blocaccordeon :is(.blocreunion, .blocrelation, .blocnews) {
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) !important;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) !important;
}


  /*------------------------*/
 /*  FIN NOUVEL INTERFACE  */
/*------------------------*/

.blocreunion .nbreAtv {
  background-image: url('../images/ACTI_BLUE29.png');
  color: var(--color-one);
}
.descriptionnews h1 {
	color: #009ee0;
	letter-spacing: 1px;
}
body.voiler{
	overflow:hidden
}
.dctdesc {
	display:block;
}
.voile {
	background-image: url('../Images/loading.gif');
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;	
	top:0;
	bottom:0;
	position:absolute;
	z-index:1000;
	background-color:white;
	opacity:0.6;
	display:none;
		
}
.loadingCoti{
	background-size:100% 100%;
	width:100%;
	height:100%;
	margin:auto;
}
.pousseurCoti{
	padding-bottom: 75px;
}
video {
	max-width: 100%;
}

.descriptionnews a,.texteDetail a,.InfosComplementaires a {
	background-color: rgba(0,0,0,0);
	color: var(--color-one);
	border: none;
	display: inline;
	padding: 0px;
}
.descriptionnews a:hover,.texteDetail a:hover,.InfosComplementaires a:hover {
	text-decoration: underline;
}
.descriptionnews h1, .descriptionnews h2, .descriptionnews h3 {
	line-height: normal;
}
.descriptionnews h1:first-child {
	padding-top: 0px;
}
.descriptionnews h1 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.descriptionnews h2 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.descriptionnews h3 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.InfosComplementaires a::visited {
	color: var(--color-one);
	text-decoration: underline;
}
.blocaccordeon .TitrePageMoyen {
	background-color: #EAEAE5;
}

.colonnedroite {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100px 100px;
}

.colonnegauche #byorganica, .activitePublic #byorganica {
	background-color: #0079ac;
	background-image: url('../images/byorganica.png');
}

.loader {
	background-image: url('../Images/loading.gif');
}
.tableau tr td input.bouton.loading,  .ui-widget input.bouton.loading {
	background-image: url('../Images/loading.gif');
}

span.invalide, span.required, span.requiredif, span.requiredcheck, span.requiredradio, span.requiredone {background-image: url("../Images/invalid.png");}

.listeordredujour ul li{
	/*background-image: url('../images/MENU_CARRE2.png');*/
}
.listelibrary ul li{
	background-image: url('../images/DOSSIER.png');
}
.listegroupes ul li{
	background-image: url('../images/GROUP.png');
}
.listelibrary ul ul li {
	background-image: url('../images/DOSSIER.png');
}
.listegroupes ul ul li {
	background-image: url('../images/GROUP.png');
}
.listeordredujour ul ul li{
	/*background-image: url('../images/MENU_CARRE2.png');*/
}
.listeordredujour .spanplus,.listelibrary .spanplus,.listegroupes .spanplus, .atvSpanPlus {
	background:white url('../images/plusnoir.png') no-repeat;
}
.listeordredujour .spanmoins,.listelibrary .spanmoins,.listegroupes .spanmoins,.atvSpanMoins {
	background:white url('../images/moinsnoir.png') no-repeat;
}
.tableau .recherche input {
	background:white url('../images/SEARCH_SMALL.png') no-repeat;
}
.tableau tr th input.searchItem {
	background: white url('../images/SEARCH_SMALL.png') no-repeat;
}

.blocreunion td.titre .date {
	background:url('../images/EVENT_DATE.png') no-repeat;
	background-position:0px 0px;
}
.blocreunion td.titre .place {
	background:url('../images/EVENT_PLACE.png') no-repeat;
	background-position:0px 0px;
}
.blocreunion td.titre .groupe, .blocnews td.titre .groupe {
	background:url('../images/EVENT_GROUP.png') no-repeat;
	background-position:0px 0px;
}
.blocreunion td.titre .inscription {
	background:url('../images/EDIT.png') no-repeat;
	background-position:0px 0px;
}
body {
	background-image:url('../images/background2.jpg');	
}
.colonnedroite .entete h1 {
	background:url('../images/PREVIOUS.png') no-repeat;
}
.colonnedroite .entete table td, .colonnedroite .entete {
	height:100px;
}
.colonnedroite .entete h1 {
	background:url('../images/PREVIOUS.png') no-repeat;
}
.colonnegauche a.logo {
	height: 100px;
	z-index:10;
 	background:url('../images/logo.png') no-repeat;
	background-size: auto 75px;
	background-position: center center;
}
.colonnedroite div.logo {
	background:url('../images/logo.png') no-repeat;
	background-size: auto 75px;
	background-position: center center;
}
.colonnegauche .menu {
	margin-top: 100px;
}
.menu .Leftmenu4 {
	background-image: url('../images/tiret.jpg');
}
.menu .menu1.library .Leftmenu1{background-image:url('../images/DOCUMENTS_WHITE.png');}
.menu .menu1.myExtranet .Leftmenu1{background-image:url('../images/myExtranet_WHITE.png');}
.menu .menu1.News .Leftmenu1{background-image:url('../images/NEWS_WHITE.png');}
.menu .menu1.directory .Leftmenu1{background-image:url('../images/REL_WHITE.png');}
.menu .menu1.groups .Leftmenu1{background-image:url('../images/GROUPS_WHITE.png');}
.menu .menu1.events .Leftmenu1{background-image:url('../images/ACTI_WHITE.png');}
.menu .menu1.meetings .Leftmenu1{background-image:url('../images/MEETINGS_WHITE.png');}
.menu .menu1.surveys .Leftmenu1{background-image:url('../images/SURVEYS_WHITE.png');}
.menu .menu1.jobs .Leftmenu1{background-image:url('../images/JOBS_WHITE.png');}
.menu .menu1.notifs .Leftmenu1{background-image:url('../images/NOTIFS_WHITE.png');}
.menu .menu1.intro .Leftmenu1{background-image:url('../images/INTRO_WHITE.png');}
.menu .menu1.engrenages .Leftmenu1{background-image:url('../images/ENGRENAGE_WHITE.png');}
.menu .menu1.docencours .Leftmenu1{background-image:url('../images/DOCUMENTSENCOURS_WHITE.png');}
.menu .menu1.home .Leftmenu1 {background-image: url('../images/Home_WHITE2.png');}

.menu .menu1.library.active .Leftmenu1{background-image:url('../images/DOCUMENTS_WHITE.png');}
.menu .menu1.myExtranet.active .Leftmenu1{background-image:url('../images/myExtranet_WHITE.png');}
.menu .menu1.News.active .Leftmenu1{background-image:url('../images/NEWS_WHITE.png');}
.menu .menu1.directory.active .Leftmenu1{background-image:url('../images/REL_WHITE.png');}
.menu .menu1.groups.active .Leftmenu1{background-image:url('../images/GROUPS_WHITE.png');}
.menu .menu1.events.active .Leftmenu1{background-image:url('../images/ACTI_WHITE.png');}
.menu .menu1.meetings.active .Leftmenu1{background-image:url('../images/MEETINGS_WHITE.png');}
.menu .menu1.surveys.active .Leftmenu1{background-image:url('../images/SURVEYS_WHITE.png');}
.menu .menu1.jobs.active .Leftmenu1{background-image:url('../images/JOBS_WHITE.png');}
.menu .menu1.notifs.active .Leftmenu1{background-image:url('../images/NOTIFS_WHITE.png');}
.menu .menu1.intro.active .Leftmenu1{background-image:url('../images/INTRO_WHITE.png');}
.menu .menu1.engrenages.active .Leftmenu1{background-image:url('../images/ENGRENAGE_WHITE.png');}
.menu .menu1.docencours.active .Leftmenu1{background-image:url('../images/DOCUMENTSENCOURS_WHITE.png');}
.menu .menu1.home.active .Leftmenu1 {background-image: url('../images/Home_WHITE2.png');}

/*.menu .menu1.library.active .Leftmenu1{background-image:url('../images/DOCUMENTS_BLUE.png');}
.menu .menu1.myExtranet.active .Leftmenu1{background-image:url('../images/myExtranet_BLUE.png');}
.menu .menu1.News.active .Leftmenu1{background-image:url('../images/NEWS_BLUE.png');}
.menu .menu1.directory.active .Leftmenu1{background-image:url('../images/REL_BLUE.png');}
.menu .menu1.groups.active .Leftmenu1{background-image:url('../images/GROUPS_BLUE.png');}
.menu .menu1.events.active .Leftmenu1{background-image:url('../images/ACTI_BLUE.png');}
.menu .menu1.meetings.active .Leftmenu1{background-image:url('../images/MEETINGS_BLUE.png');}
.menu .menu1.surveys.active .Leftmenu1{background-image:url('../images/SURVEYS_BLUE.png');}
.menu .menu1.jobs.active .Leftmenu1{background-image:url('../images/JOBS_BLUE.png');}
.menu .menu1.notifs.active .Leftmenu1{background-image:url('../images/NOTIFS_BLUE.png');}
.menu .menu1.intro.active .Leftmenu1{background-image:url('../images/INTRO_BLUE.png');}
.menu .menu1.engrenages.active .Leftmenu1{background-image:url('../images/ENGRENAGE_BLUE.png');}
.menu .menu1.docencours.active .Leftmenu1{background-image:url('../images/DOCUMENTSENCOURS_BLUE.png');}
.menu .menu1.home.active .Leftmenu1 {background-image: url('../images/Home_BLUE2.png');}*/

.menu .Leftmenu2 {background-image:url('../images/MENU_CARRE.png');}
.menu .menu2.active .Leftmenu2 {background-image:url('../images/MENU_CARRE_active.png');color:#002e60;}
.menu .moinsmenu1 {background-image:url('../images/MENU-MOINS-GRAND.png');}
.menu .plusmenu1 {background-image:url('../images/MENU-PLUS-GRAND.png');}

.menu .plusmenu2 {background-image:url('../images/MENU-PLUS-PETIT_BLANC.png');}
.menu .moinsmenu2 {background-image:url('../images/MENU-MOINS-PETIT_BLANC.png');}

/*.menu .moinsmenu2 {background-image:url('../images/MENU_MOINS_PETIT.png');}
.menu .plusmenu2 {background-image:url('../images/MENU-PLUS-PETIT.png');}*/

.bandeau {
	height: calc(66%);
	position: absolute;
	bottom: 0px;
	background-image: -moz-linear-gradient(left, rgb(0, 141, 201), rgb(0, 141, 201));
	background-image: -webkit-linear-gradient(left, rgb(0, 141, 201),rgb(0, 141, 201));
	background-image: -o-linear-gradient(left, rgb(0, 141, 201),rgb(0, 141, 201));
	background-image: -ms-linear-gradient(left, rgb(0, 141, 201),rgb(0, 141, 201));
	background-image: linear-gradient(to right, rgb(0, 141, 201),rgb(0, 141, 201));
	opacity: 0.60;
	width: 100%;
	z-index: 1;
}
.containerconnexion {
	top: calc(34% - 150px);	
}
.containerconnexionblanc {
	background: url('../images/logo.png') no-repeat;
	background-position: center 30px;
	padding: 165px 25px 26px 25px;
}
.containerconnexion input[type=text] {background-image:url('../images/iconeusername.png');}
.containerconnexion input[type=password] {background-image: url('../images/iconepassword.png');}

.bgleft {
	background-position:center center;
	background-size:cover;
	position:fixed;
}
.bgright {
	background-position:center center;
	background-size:cover;
	position:fixed;
}
.messagevalidation {
	background:#f9f9f9 url('../images/SMALL-CHECKBOX - CHECKED - BLEU – 1@2x.png') no-repeat;
}
.tableform .tdCoti {padding-bottom:0px;}

.tableform .texteCoti{color:#9b9797;
	font-size:15px;
	font-family: var(--font-family-regular);
}

.blocnewshover:hover{
	box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.55);
}
.imgEnteteNotif{
	background-image: url("../images/omc.jpg");
	width: 108px;
	height: 95px;
	background-size: 108px 95px;
}
.validationMessageCoti{
	text-align: center;
}
.validationMessageCotiError{
	color: #dd7373;
	font-weight: bold;
	font-family: var(--font-family-bold);
	font-size: 15px;
	padding: 15px;
    padding-left: 15px;
	padding-left: 25px;
	background-color: white;
}

.ImagePlay {
    background: url('../Images/iconeVideoPlaySupTrans.png') no-repeat center;
}
#boutonHautPage {
	display: none;
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: calc(50vh - 25px);
	right: 25px;
	background-size: cover;
	z-index: 10000000;
	box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.19);
	border-radius: 25px;
	background-color: var(--color-one);
	background-image: url("../Images/NavHautBlanc.png"), url("../Images/NavHautBlanc.png");
	background-size: 20px, 20px;
	background-position: 15px 13px, 15px 20px;

	background-repeat: no-repeat, no-repeat; 		
	cursor: pointer;
}
.logoPartenaire {
	min-height:120px;
	width:200px;
}
.logoPartenaire div {
	width: calc(100% - 30px);
	margin-left: 15px;
	margin-right: 15px;
	height: 120px;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	min-width: 200px;
}
.tableauPartenaires div h1, .tableauPartenaires div h2, .tableauPartenaires div h3 {
	color: var(--color-one);
}
.tableauPartenaires div ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}
.tableauPartenaires div ul li {
	padding-left: 20px;
}
.tableauPartenaires div ul li::before {
	content: " ";
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: var(--color-one);
	margin: 6px 0px 0px -20px;
	border-radius: 10px;
}
.tableauPartenaires div {
	font-size: 16px;
	font-family: var(--font-family-regular);
	line-height: 25px;
}
.path.pathretour {
    background-image: url("../Images/flecheGaucheBleue.png");
    border: 1px solid rgba(0,0,0,.25);
    padding-left: 30px;
    padding-right: 15px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: 10px 7px;
    background-size: 11px;
}
a.path.pathretour:hover {
    text-decoration: none !important;
    border: 1px solid #0ba2e1;
}
.MesImage .Image.defaultImage {
	background-image : url('../Images/defautActu.jpg');
}

input[type="checkbox"].newCheckbox:checked + label.newCheckbox::before {
  background-image: url("../Images/CheckboxNew.png");
}

.Str_Onglet>.Str_Libelle span{
	content: "";
	background-image: url("../Images/moins.png");
	width: 15px;
	height: 15px;
	margin-left: 15px;
	margin-top: 7px;
}
.Str_Onglet>.Str_Libelle span.plus {
	background-image: url("../Images/plus.png");
}

@media screen and (max-width: 700px),  screen and (max-device-width: 700px) { 

	.colonnegauche .menu {
		position: absolute;
		top: 0px;
		left: -263px;
		width: 260px;
		box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.5);
		margin-top: 105px;
		margin-top: 60px;
		height: calc(100vh - 90px - 40px);
	}
	.colonnegauche {
		z-index: 11;
	}
	.colonnegauche a.logo {
		box-shadow: none;
		height: 60px;
		width: 80px;
		background-size: 59px 52px;
		background-position: 10px 6px;
	}
	.colonnedroite .entete {
		background-color: white;
	}
	.colonnedroite {
		width: calc(100% - 0px);
		margin-left: 0px;
	}
	.colonnedroite .entete {
		width: calc(100%);
	}
	.colonnedroite .entete .divpath {
		display: none;
	}
	.colonnedroite .entete table.fonctions tr td.compte {
		display: none;
	}
	.colonnedroite .entete table.fonctions tr td.recherche2 {
		border-right: none;
	}

	.entete .recherche2 {
		position: fixed;
		right: 80px;
		top: 0px;
	}
	.colonnedroite .entete table.fonctions tr td.rechercheform input[type="text"] {
		width: 125px;
    	width: calc(100vw - 40px - 20px);
    	margin-left: 0px;
	}
	.colonnedroite .entete table.fonctions tr td.rechercheform {
		background-color: white;
		position: fixed;
		top: 61px;
		right: 0px;
		left: 0px;
		padding-top: 0px;
		padding-bottom: 17px;
		width: calc(100vw - 40px);
		border-top: 1px solid white;
		padding-left: 20px;
    	padding-right: 20px;
    	display: none;
	}
	.colonnedroite .entete table.fonctions tr td.recherche {
		display: none;
	}
	.colonnedroite .entete table td, .colonnedroite .entete {
		height: 60px;
	}

	.bar1, #menuMobile .bar2, #menuMobile .bar3 {
	  width: 35px;
	  height: 5px;
	  background-color: var(--color-one);
	  margin: 6px 13px;
	  transition: 0.4s;
	}
	#menuMobile {
		display: block;
		position: fixed;
		top: 0px;
		right: 10px;
		width: 60px;
		height: 60px;
		z-index: 100;
  		cursor: pointer;
	}
	#menuMobile.version2only {
		display: none;
	}
	#menuMobile .bar1 {
	  margin-top: 17px;
	}
	#menuMobile.change .bar1 {
	  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
	  transform: rotate(-45deg) translate(-9px, 6px);
	}
	#menuMobile.change .bar2 {
		opacity: 0;
	}
	#menuMobile.change .bar3 {
	  -webkit-transform: rotate(45deg) translate(-8px, -8px);
	  transform: rotate(45deg) translate(-8px, -8px);
	}

	.tableform .libelle {
		width: calc(100%);
		text-align: left;
	}
	.tableform tr {
		display: flex;
		flex-direction: column;
	}
	.tableform tr tr {
		display: flex;
		flex-direction: row;
	}
	.tableform td, .tableform tr:last-child td {
		padding-bottom: 10px;
	}
	.divBoutonAgenda {
		width: 100%;
		text-align: right;
		margin-top: 23px;
	}
	.boutonvalider.boutonAgenda {
		position:relative;
		right: unset;
		bottom: unset;
	}
	/* .corps {
		padding-top: 95px;
		padding-left: 20px;
		padding-right: 20px;
		min-height:calc(100vh - 95px - 35px);									   
	} */
	.indicationspassword, 
	.tableform a, 
	.tableform input[type="text"], 
	.tableform input[type="password"], 
	.tableform input[type="radio"],
	.tableform input[type="checkbox"],
	.tableform textarea,
	.tableform .select {
		margin-left: 14px;
		width: calc(100%);
	}
	.tableform a {
		word-break: break-word;
	}
	.tableform .radio, .tableform .checkbox {
		margin-left: 14px;
	}
	.tableform .texte_insc {
		padding-top: 0px;
	}
	.tableform select.styled {
		width: calc(100% + 24px);
	}
	.tableform .imgTrash {
		right: -65px;
	}
	.groupeBoutonValider2, .ligneInviteBoutons1 {
		max-width: calc(400px);
		width: calc(100% - 22px);
		margin-left: 14px;
	}
	.groupeBoutonValider {
		width: calc(100% - 36px);
	}
	.titrepage {
		font-size: 45px;
	}
	.tableau {
		position: relative;
		display: inline-block;
  		overflow-x: scroll;
  		width: 100%;
  		height: auto;
	}
	.tableau.connexionsgroupes, .tableau.tableau2, 
	.blocaccordeonreunionsnext .tableau,
	.blocaccordeonreunionspast .tableau {
		display: inline-table;
	}
	.tableau tr td {
		word-break: normal;
	}
	.MessageMediatheque {
		font-size: 16px;
	}
	.blocreunion tr, .blocnews tr {
		display: flex;
		flex-direction: column;
	}
	.blocreunion td.titre, .blocnews td.titre {
		padding-left: 0px;
	}
	.blocreunion td.date, .blocnews td.date {
		display: flex;
		border-bottom: 1px solid #e3d712;
		border-right: none;
		margin-bottom: 20px;
		width: auto;
	}
	.blocreunion td.date a, .blocnews td.date a {
		display: flex;
	}
	.blocreunion td.date .jour, .blocnews td.date .jour {
		font-size: 24px;
		margin-left: 5px;
		margin-right: 5px;
		line-height: normal;
	}
	.blocreunion td.date .heure,.blocnews td.date .heure {
		font-size: 24px;
	}
	.blocreunion td.date .heure::before {
		content: " - "
	}
	.blocnews td.date .heure::before {
		content: " - "
	}
	.blocreunion table, .blocnews table {
		width: 100%;
	}
	.blocreunion td.date.inscrit {
		border-right: none;
		border-bottom: 2px solid #74bd48;
	}
	.descriptionreunion {
		background: #f9f9f9;
		padding-left: 23px;
	}
	button {
		width: 100%;
	}
	.blocnews table {
		width: 100%;
	}
	.blocnews tr {
		display: flex;
		flex-direction: column;
	}
	.blocnews td.date {
		border-bottom: 1px solid #e3d712;
		border-right: none;
		width: auto;
		padding-right: 0px;
		padding-bottom: 6px;
		margin-bottom: 11px;
		text-align: left;
	}
	.blocnews td.titre {
		padding-left: 0px;
	}
	.blocaccordeoninsc .boutonvalider {
		width: calc(100% + 20px);
		margin-left: 14px;
	}
	.colonnedroite .entete table.fonctions tr td.langue {
		position: absolute;
		padding-right: 60px;
		padding-left: 60px;
		top: 60px;
		height: 45px;
		line-height: 45px;
		width: 140px;
		left: 0px;
		left: -263px;
		box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.5);
		background-color: white;
		border-top: thin solid rgba(0,0,0,0.5);
		text-align: center;
	}
	.introLibrary {
		flex-direction: column;
	}
	.introLibrary .MessageMediatheque {
		width: calc(100% - 44px);
	}
	.ElementsVideos {
		width: 100%;
		margin-right: 0px;
	}
	.MesImage .Image {
		margin-bottom: 22px;
	}
	.colonnedroite .entete table.fonctions tr td.notif {
		right: 65px;
		position: relative;
		border: none;
	}
	#byorganica {
		left: -263px;
	}

}

@media screen and (max-width: 700px),  screen and (max-device-width: 700px) { 
	
	.colonnegauche .menu {
		margin-top: 60px;
		height: calc(100vh - 90px - 40px);
	}
	
	.colonnegauche a.logo {
		background-size: contain;
		background-position: 6px 6px;
		height: 90px;
		width: 120px;
	}
	#byorganica {
		left: -263px;
	}
	.tableform {
		margin-bottom: 0px;
	}
	.tableform td div.ligneRadio {
		width: calc(100%);
	}
	.tableform label.libelle {
		width: calc(100% - 46px);
		padding-left: 13px;
	}
	.tableform input[type="button"], .tableform input[type="submit"] {
		white-space: pre-wrap;
	}
	.tableform .groupeBoutonValider {
		width: calc(100%);
	}
	.tableform .select {
		overflow-x: hidden;
	}
	.blocaccordeoconfirmation .tableform {
		width: calc(100%);
	}
	.tableauPartenaires tbody {
		display: block;
	}
	.tableauPartenaires tr {
		display: flex;
		flex-direction: column;
	}
	.tableauPartenaires tr td {
		width: calc(100%) !important;
		padding-right: 0px !important;
	}


  /* nouvelle interface */

	#blocDialogueConnexion {
		min-width: 100%;
	}
	.containerconnexion {
		max-width: calc(100vw)
	}
	.containerconnexionblanc {
		max-width: calc(100vw - 50px);
	}
	.containerconnexion .byorganica {
		width: 100%;
		display: flex;
		justify-content: center;
		right: 0px;
	}
	.colonnegauche #byorganica {
		width: 210px;
		background-color: var(--color-bleuColonne);
	}
	.colonnegauche .menu {
		position: fixed;
		top: 60px;
		height: calc(100vh - 60px - 50px);
		height: calc(100dvh - 60px - 50px);
		width: 210px;
		margin-bottom: 0px;
		margin-top: 0px !important;
		bottom: 50px;
	}

	.activitePublic :is(.colonnedroite .entete, .colonnegauche a.logo, .colonnedroite div.logo) {
		box-shadow: none;
		margin-inline: auto;
		margin-top: 25px;
	}
	.colonnegauche a.logo {
		filter: none;
	}
	.menu.alternate .moinsmenu1, .menu.alternate .plusmenu1 {
		margin-top: 18px;
		background-position: center;
  		background-repeat: no-repeat;
		width: 30px;
		height: 30px;
	}
	.menu .moinsmenu2, .menu .plusmenu2 {
		width: 30px;
		height: 30px;
		background-size: 10px;
		background-position: center;
  		background-repeat: no-repeat;
		margin-left: 160px;
		margin-top: -30px;
	}
}