@media screen and (max-width: 3600px) {
     body {
      margin:auto;
      width:100%;
      font-size: 1em;
      font-family: Verdana,Arial,Helvetica; 
      color:black;
	  background-repeat:repeat-y;
	  background-size:100% 100%;
	  background-color:;
	  background-image:url(images/);
      background-position:0px 0px, center;
     } 
	 .menutexte {display:block;margin:0px;padding:0px;}
	 i.mysize {
		font-size:2.1em;
	 }
	 i.mysizelr {
		font-size:1.1em;
	 }
	 .affichageflex {
	 	display:flex;
 	 }
	
	}

@media screen and (max-width: 900px) {
     body,html {
      margin:0 0 0 0.2em;
      width:100%;
      font-size: 0.9em;
	  line-height: 2em;
      font-family: Verdana,Arial,Helvetica; 
      color:black;
	  background-repeat:repeat-y;
	  background-size:100% 100%;
	  background-color:;
	  background-image:images/;
      background-position:0px 0px, center;
     } 
	 .menutexte {display:none;margin:0px;padding:0px}
	 i.mysize {
		font-size:2em;
	 }
	 i.mysizelr {
		font-size:1.1em;
	 }
	 .affichage {
	 	display:none;
	 	width:0px;
	 	height:0px;
	 	}
	 .affichageflex {
	 	display:none;
	 	width:0px;
	 	height:0px;
	 	}
}

@media screen and (max-width: 400px) {
     body,html {
      margin:0 0 0 0.1em;
      width:100%;
      font-size: 0.85em;
	  line-height: 2em;
	  font-family: Verdana,Arial,Helvetica; 
      color:black;
	  background-repeat:repeat-y;
	  background-size:100% 100%;
      background-position:0px 0px, center;
	  background-color:;
	  background-image:images/;
      background-position:0px 0px, center;
     } 
	 .menutexte {display:none;margin:0px;padding:0px}	
	 i.mysize {
		font-size:2em;	
	 }	
	 i.mysizelr {
		font-size:1.1em;
	 }
	 .affichage {
	 	display:none;
	 	width:0px;
	 	height:0px;
	 	}
	 .affichageflex {
	 	display:none;
	 	width:0px;
	 	height:0px;
	 	}
}

#PageCalque {
	 position: relative;
	 display:grid;
	 row-gap:1%;
	 column-gap:1%;
	 z-index:0;
	 overflow: auto	;
	 border: 0px solid #000; 
	 width:99.9%;
	 height:99.9%;
	 top: 0;
	 left: 0;
	 float:left;
	 grid-template-rows: auto;
     grid-template-columns: 100%;
     justify-content: start;
     justify-items: start;
     align-items: start;
     align-content: start;
}

table {
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}

.tablegg {
	width:100%;
	overflow:auto;
}

.tablegg table { 
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  border-collapse: collapse;
  border-spacing: 0;
}
		
.tablegg td, th { border-left: 0px solid;
  border-right: 0px solid;
  padding-left: 3px;	
  height: 15px;
}
 
.tablegg th {
  /* Gradient Background */
	background: linear-gradient(#333 20%,#444 80%);
	color: #FFF; font-weight: bold;
	height: 22px;
	text-align:left;
}
		
.tablegg td { background: #FAFAFA }

.tablegg tr:nth-child(even) td { background: #EEE; } 

.tablegg tr:nth-child(odd) td { background: #FDFDFD; }

/* Add border-radius to specific cells! */

.tablegg tr:first-child th:first-child { 
  border-radius: 0 0 0 5px;
  border-left: 1px solid;
}

.tablegg tr:last-child th:last-child { 
  border-radius: 0 5px 0 0;
  border-right: 1px solid;
}

#menuspage {position: fixed; 
		z-index:999999999;
		overflow: hidden;
		background:#fff;
		border: 1px solid #000; 
		width:35%;
		top:0;
		left:64%;
		height:23%;
		display: flex;
		flex-flow:column;
		justify-content: space-between;
		align-items: center
}

#menudroit{
	display:flex;
	flex-flow:column;
	align-items:center;
	justify-content:center
}

.allocs input {
	width:1em;
}

iframe {
	border:0;
}
	
ul,li {
	margin:1px;
}
	
p {
	margin:1px;
}

.centre {
	text-align:center	
}

.border {
	border:1px solid #000;
} 

.borderOff {
	border:0px;
} 

.bord_haut {
	border-top:1px solid #000000;
}

.bord_bas {
	border-bottom:1px solid #000000;
}

.bord_droit {
	border-right:1px solid #000000;
}

.bord_gauche {
	border-left:1px solid #000000;
}

.bordd_haut {
	border-top:1px dashed #000000;
}

.bordd_bas {
	border-bottom:1px dashed #000000;
}

.bordd_droit {
	border-right:1px dashed #000000;
}

.bordd_gauche {
	border-left:1px dashed #000000;
}

.tangerine {
	font-family: 'Tangerine';
}

.cinzel {
	font-family: 'Cinzel';
}

.cookie {
	font-family: 'Cookie';
}

.border-top {
	border-top:1px solid #000;
}

.border-right {
	border-right:1px solid #000;
}

.border-bottom {
	border-bottom:1px solid #000;
}

.border-left {
	border-right:1px solid #000;
}

.overflowoff {
	overflow:hidden !important;
}

.overflowoffx {
	overflow-x:hidden !important;
	overflow-y:auto;
}

.overflowoffy {
	overflow-y:hidden !important;
	overflow-x:auto;
}

.overflowon {
	overflow-x:auto;
	overflow-y:auto;
}

.overflowonx {
	overflow-x:auto !important;
	overflow-y:hidden;
}

.overflowony {
	overflow-y:auto !important;
	overflow-x:hidden;
}


.overflowon::-webkit-scrollbar {
  display: none;
}

.cadreombre {
  	-moz-box-shadow: 4px 4px 14px #000; 
  	-webkit-box-shadow: 4px 4px 14px #000; 
  	box-shadow: 4px 4px 14px #000; 
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
}

.cadrearrondi {
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px; 
	border-radius: 5px;	
}

.cadreombre-blanc {
  	box-shadow: 4px 4px 14px #000; 
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
	border-radius: 5px;
	background-color : #FFFFFF;
	border:1px solid #000000
}

.cadreombre-transparent {
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px; 
  	-moz-box-shadow: 4px 4px 14px #000; 
  	-webkit-box-shadow: 4px 4px 14px #000; 
  	box-shadow: 4px 4px 14px #000; 
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
	border-radius: 5px;
	background-color : none;
	border:1px solid #000000
}

.cache {
	display : none;
}

.menu {
	text-align:center;	
}

.gras {
	font-weight:bold;
}

.calendar {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	background-color: #EEE;
	color: #333;
	border: 1px solid #DDD;  
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0.2em;
	width: 14em;
}

.calendar .months {
	background-color: #F6AF3A;
	border: 1px solid #E78F08;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFF;
	padding: 0.2em;
	text-align: center;
}

.calendar .prev-month,
.calendar .next-month {
	padding: 0;
}

.calendar .prev-month {
	float: left;
}

.calendar .next-month {
	float: right;
}

.calendar .current-month {
	margin: 0 auto;
}

.calendar .months .prev-month,
.calendar .months .next-month {
	color: #FFF;
	text-decoration: none;
	padding: 0 0.4em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.calendar .months .prev-month:hover,
.calendar .months .next-month:hover {
	background-color: #FDF5CE;
	color: #C77405;
}

.calendar table {
	border-collapse: collapse;
	padding: 0;
	font-size: 0.8em;
	width: 100%;
}

.calendar th {
	text-align: center;
}

.calendar td {
	text-align: right;
	padding: 1px;
	width: 14.3%;
}

.calendar td span {
	display: block;
	color: #1C94C4;
	background-color: #F6F6F6;
	border: 1px solid #CCC;
	text-decoration: none;
	padding: 0.2em; 
	cursor: pointer;
}

.calendar td.dayoff span.dayoff{ 
	display: block; 
	color: #1C94C4;
	background-color: #EEE;
	border: 0px solid #ccc;
	text-decoration: none;
	padding: 0.2em;
	cursor: default;
}

.calendar td span:hover {
	color: #C77405;
	background-color: #FDF5CE;
	border: 1px solid #FBCB09;
}

.calendar td.today span {
	background-color: #FFF0A5;
	border: 1px solid #FED22F;
	color: #363636;
}

.titledialogoff{display:none}
.noTitleStuff {display:none}
.ui-widget-content-none {background : none}

.ui-widget.ui-widget-content {
	border:0px;
	border-radius:5px;
	font-size:1em;
}

.ui-dialog {
	animation-name: animateright;
    animation-duration: 0.4s;
    font-size:1em;
}

.ui-dialog .ui-dialog-titlebar {
    border: 0px solid #2C2F81;
    background: #4fd2ca; 
    color: #ffffff;
    border-radius : 5px;	
    height:auto;
    padding:0.15em;
    font-size:1em;
}

 .ui-dialogg {
 		padding:0 !important;
 }	  
 .ui-dialogg {
 		padding:0 !important;
 }	  
.ui-widget-content-blanc {
	border : none !important; 
  	background: #ffffff;
  	color: #ffffff ;
 }
 
 .ui-widget.ui-widget-content {
	  border : none !important;
 }
 
 
 .dialogmajtableb {
 		position:absolute !important;
 }
 .positionr{
 		position:relative !important;
 }
 .flexligne {
 		display:flex; 
 		flex-direction:row;
 		justify-content:flex-start;
 		justify-items:flex-start;
 		align-content:flex-start;
 		align-items: flex-start;
 		flex-wrap:wrap;
 }
 .flexcolonne {
 		display:flex;
 		flex-direction:column;
 		justify-content:flex-start;
 		justify-items:flex-start;
 		align-content:flex-start;
 		align-items: flex-start;
 }
 
 .divgrid {
 		display:grid;
 		grid-auto-flow: row;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto;
			grid-column-gap: 1%;
			grid-row-gap: 1%;
			justify-items: start;
			justify-content: start;
			align-content: start;
			align-items:start;
 }
 
 .wrap {
	flex-wrap:wrap;
}

.nowrap {
	flex-wrap:nowrap;
}

a {
	text-decoration:none;	
}

.justify {
    justify-content: space-between;	
}	

.justifyc {
	justify-content: center;
	align-items: center;
}

.justifya {
	justify-content: space-around;
}
 
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 0px solid #003eff  !important;
    background: transparent  !important;
    font-weight: bold !important;
    font-size:1.2em  !important;
    color: #000 !important;
}

.ui-smenu {
}

.bleuclair {
	color:lightblue;	
}

.ui-smenu.ui-state-active:hover {
	font-weight:bold;
}

.ui-menu-icons .ui-menu-item-wrapper {
	padding-left:0  !important;
	margin-left:0.1em  !important;
	padding: 0.1em 0.1em 0 1em  !important;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	font-size:1.2em  !important;
	margin: 0em  !important;
} 
 
.ui-resizable-helper { border: 2px dotted #00F; }

  .nicEdit-selected {border: 0px;z-index:15}
  .nicEdit-panel {background-color: #fff;z-index:15;display:flex;flex-flow:row;flex-wrap:wrap}
  .nicEdit-button {background-color: #fff;z-index:15}
  .nicEdit-panelContain{display:flex;flex-flow:column;flex-wrap:wrap}
  
.cke_editable.cke_editable_inline.cke_focus
{
  outline: none;
  cursor: text;
}            
.noeditable
{
  outline: none;
}
.editable {
}    

.pointer {
	cursor:pointer;
}