.boule {
	width:12px;
	height:12px;
	border-radius:10px;
	margin-top:1px;
}
.boule.bouletotal {
	margin-bottom:8px;
}
.calendrierlarge {
	width:100%;
	border-collapse:collapse;
}
.dephover {
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.dephover.transparent {
	opacity:0.1;
}
.calendrierlarge td .total {
	font-weight:bold;
	font-size:11px;
	position: absolute;
	height:24px;
	padding:0px 3px;
	left: -1px;
	top:-1px;
	background-color:#e3e3e3;
	border-bottom-right-radius:5px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.calendrierlarge .numero {
	position: absolute;
	right: -1px;
	top:-1px;
	background-color:#e3e3e3;
	font-size: 11px;
	width: 24px;
	height:24px;
	text-align: center;
	display:flex;
	justify-content:center;
	align-items:center;
	border-bottom-left-radius:5px;
	font-weight:bold;
}
.calendrierlarge td.gris{
	background-color:#f4f3f3;
}
.blocblanc .calendrierlarge td{
	width:calc(100% / 7);
	height:100px;
	vertical-align:top;
	position:relative;
	padding:5px 5px 5px 5px;
}
.calendrierlarge td a {
	text-decoration:none;
	color:black;
}
.calendrierlarge td a:hover {
	text-decoration:underline;
}
.aujourdhui {
	background-color:#fff3b3;
}
.boules {
	display:flex;
	flex-direction:column;
	gap:2px;
	font-size:11px;
}
.boules .dephover{
	display:flex;
	gap:7px;
}
div.checked,div.unchecked {
	border-radius:20px;
	height:17px;
	width:17px;
	margin:auto;
	position:relative;
}
div.checked {border:2px solid var(--checkedcolor);}
div.unchecked {border:2px solid var(--uncheckedcolor);}
div.checked::after {
	transform: rotate(-45deg);
	border-bottom: 2px solid var(--checkedcolor);
	border-left: 2px solid var(--checkedcolor);
	width: 7px;
	height: 4px;
	left: 4px;
	top: 4px;
}
div.checked:after,div.unchecked:after,div.unchecked:before {
	content: '';
	position: absolute;
}
div.unchecked::after, div.unchecked::before {
	width: 11px;
	height: 2px;
	background-color: var(--uncheckedcolor);
	left: 3px;
	top: 8px;
}
div.unchecked:after {transform: rotate(-45deg);}
div.unchecked:before {transform: rotate(45deg);}

.boolok,.boolpasok {
	min-width:21px;
	width:21px;
	height:21px;
	border-radius:21px;
	position:relative;
	margin:auto;
}
.boolok{background: #E1F7F0;}
.boolpasok{background: #ffe3e3;}
.boolok::after {
	content: "";
	display:block;
	position: absolute;
	right:8px;
	top:5px;
	width:5px;
	height:8px;
	border:solid #36b389;
	border-width: 0 1px 1px 0;
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
}
.boolpasok::before,.boolpasok::after {
	content: "";
	display:block;
	position: absolute;
	background:#f08a8a;
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
}
.boolpasok::before {width:11px;height:1px;top:10px;left:5px;}
.boolpasok::after {height:11px;width:1px;left:10px;top:5px;}
.unselectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
.sortarrow {
	cursor:pointer;
}
.rechercheoperations {
	position:absolute;
	width:calc(100% - 60px);
	padding:30px;
	z-index:999;
	background-color:#4f4f4f;
	margin-top:-150px;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.rechercheoperations.open {
	margin-top:0px;
}
.rechercheoperations input[type=text] {
	width:calc(100% - 40px);
	margin:0px;
}
.optgraph {
	display:flex;
	justify-content:center;
	gap:20px;
}
.resume .blocblanc {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.titreblocblanc {
	background-color:#ececec;
	text-align:center;
	padding:5px 0px;
	font-size:14px;
}
.valeurblocblanc {
	text-align:center;
	font-size:14px;
}
.recwarning {
	padding:15px 20px;
	border-radius:10px;
	max-width:800px;
}
.recwarning .close {
	float: right;
	font-size: 23px;
	cursor: pointer;
	margin-left: 20px;
}
.recwarning.orange {
	background-color:#f9cb78;
}
.recwarning input[type="submit"] {
	float:none;
	margin:15px 0px 0px 0px;
	font-size: 13px;
	padding: 10px 14px;
	border-radius:7px;
	background-color:#979797;
}
.recwarning.red {
	background-color:#ea5f5f;
	color:white;
}
.optgraph .container{
	width:auto;
}
.container {
	display:block;
	position:relative;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	margin-bottom:10px;
	padding:0px 0px 1px 30px;
	color:#3f3f3f;
	font-family:Verdana;
	font-size:17px;
	width:264px;
}
td.center {
	text-align:center;
}
.accueilblocs {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	position:relative;
}
.table tr.pages th {
	text-align:right;
}
.max500 {
	display:none;
}
.tablecontainer {
  max-width: 100%;
  overflow: auto;
}
.container.sanslabel {width:20px;height:20px;margin:auto;padding:0px;}
.container input {position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkmark {
    position:absolute;
    top:1px;left:0px;
    height:18px;width:18px;
    background-color:white;
    border:1px solid #787878;
}
.container.radio .checkmark {border-radius:50%;}
.checkmark::after {content:"";position:absolute;display:none;}
.container input:checked ~ .checkmark::after{display:block;}
.container.checkbox .checkmark::after {
    top:2px;left:6px;
    width:4px;height:9px;
    border:solid #2fb350;
    border-width:0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container.radio .checkmark::after {
    top:4px;left:4px;
    width:10px;height:10px;
    border-radius:50%;
	background-color:#2fb350;
}
select {
    color:#3f3f3f;
	font-family:Verdana;
	font-size:17px;
    padding:6px 30px 6px 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position:relative;
    background-color:white;
    border:1px solid #787878;
    overflow:hidden;
    text-transform:none;
    text-overflow: ellipsis;
    white-space:nowrap;
    width:100%;
    z-index:2;
	margin:0px;
}
.tableaubudgets select {
	padding:4px 30px 4px 6px;
}
.select {position:relative;width:294px;margin-bottom:10px;}
.header .select {margin-bottom:0px;width:320px;}
.choixcomptescontainer {
	width:320px;
	position:relative;
}
.choixcomptescontainer .comptedefaut{
	cursor:pointer;
	background-color:white;
	border:1px solid #787878;
	color:#3f3f3f;
	font-family:Verdana;
	font-size:17px;
    padding:6px 30px 6px 6px;
}
.choixcomptes {
	display:none;
	position:absolute;
	z-index:100000;
	background-color:white;
	width:calc(100% - 22px);
	top:1px;
	left:1px;
	padding:10px 10px 5px 10px;
	box-shadow:0px 2px 6px gray;
}
.select::after {
    top:10px;right:13px;
    width:9px;height:9px;
    border:solid #2fb350;
    border-width:0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content:"";
    position:absolute;
	z-index:2;
}
.tableaubudgets .select::after {
	top:8px;
}
.flex {
	display:flex;
	gap:10px;
	flex-direction:row;
	margin-bottom:10px;
}
.tableaubudgets a {
	color:#3dcb74;
	text-decoration:none;
}
.tableaubudgets {
	display:flex;
	flex-direction:column;
	gap:5px;
	margin-bottom:5px;
}
.tableaubudgets .flex {
	align-items:center;
	margin:0px;
}
.tableaubudgets input,.tableaubudgets .select {
	margin:0px !important;
}
.flex.nomarginbottom {
	margin-bottom:0px;
}
:root{
	--bg:#73ca73;
	--width:1550px;
	--menu-et-boutons:#808080;
	--checkedcolor:#8cddc2;
	--uncheckedcolor:#fb9c9c;
}
.pousseur {
	height:20px;
	background-color:var(--bg);
}
.tableselection {
	position:absolute;
	margin-top:23px;
	margin-left:1px;
	border-spacing: 1px;
    border-collapse: separate;
	background-color:lightgrey;
}
#chartbudget {
	margin:10px 0px 0px 0px;
}
#chartenergieeau {
	
}
.tdselection {
	cursor:pointer;
	font-size:12px;
	padding:2px;
	border:0px;
	background-color:#90ee90;
	max-width:400px;
}
.accueilblocs .blocblanc {
	border-collapse:collapse;
	width:calc(100% - 30px - 2px) !important;
}
.accueilblocs .englobant {
	margin-right:10px;
	width:calc(100% - 280px - 600px - 20px);
	position:relative;
}
.accueilblocs .englobant:last-child {
	margin-right:0px;
	width:600px;
}
.entetebloc {
	margin-bottom:5px;
	font-size: 14px;
	color: #3f3f3f;
	text-align:left;
	font-style:italic;
}
.englobant.resume {
	width:280px;
}
.englobant.resume p {
	margin-top:0px;
}
.blocblanc td{
	border:1px solid #d2d2d2;
	padding:5px 10px 5px 10px;
}
table.blocblanc {
	border-collapse:collapse;
}
.intitule {
	font-size: 14px;
	color: #3f3f3f;
	margin-bottom:8px;
	margin-top:8px;
}
.tdselection:hover {
	background-color:#64e764;
}
.marqueur {
	padding:5px 15px;
	border-radius:4px;
	color:white;
}
.hidden {
	display:none;
}
div div g g g text,div div svg g{
    cursor: pointer
}
table.verifimg tr td {
	color:#ec2f2a;
	padding:1px;
	vertical-align:top;
	border:0px;
	font-size:11px;
}
table.verifimg tr td {
	vertical-align:middle;
	padding-right:4px;
}
table.verifimg {
	display:none;
	
}
.paramenergies {
	float:right;
	padding:15px;
	margin-top:12px;
}
.paramenergies label {
	width:auto;
}
.paramenergies .titreblocblanc {
	font-size:17px;
}
.paramenergies form {
	margin-top:20px;
}
img.info {
	width:18px;
	height:18px;
	float:left;
	cursor:pointer;
}
i.info {
	cursor:pointer;
}
i.fa-sync-alt,i.info,i.inforight {
	float:left;
	color:#a6a6a6;
	padding-right:5px;
}
img.inforight {
	width:18px;
	height:18px;
	float:right;
	cursor:pointer;
	margin-left:5px;
}
i.inforight {
	float:right;
	cursor:pointer;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 400px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
	font-size:15px;
}
span.mini {
	font-size:12px;
}
h2
{
	padding-bottom:20px;
	margin:0px 0px 20px 0px;
	font-size:20px;
	border-bottom:1px solid lightgrey;
}
h2.noborder {
	border-bottom:0px;
	padding-bottom:0px;
}
h2 a {
	text-decoration:none;
	color:var(--bg);
}
h2 a:hover {text-decoration:underline;}
#header
{
	padding:0px;
	margin:0px;
	position:fixed;
	width:100%;
	z-index:100;
	
	box-shadow: 0px 0px 15px #2d2626;
}
#headercontent2 {
	margin-left:15px;
	display:flex;
	flex-direction:column;
}
#headercontent2 form{
	display:flex !important;
	flex-direction:row;
	margin:0px;
}
#headercontent2 form .left,#headercontent2 form .right {
	width:29px;
	border:1px solid #787878;
	background-color:white;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
#headercontent2 form .left{background-image:url('leftgrey.png');}
#headercontent2 form .right{background-image:url('rightgrey.png');}
#headercontent2 form .desactive {background-color:#d9d9d9;cursor:default;}
#content
{
	padding:10px 10px 10px 10px;
	margin:0px;
}
html {
	overflow-y:scroll;
	background-color:var(--bg);
	margin:0px;
	padding:0px;
	font-family:Verdana;
	height:100%;
}
body {
	width:calc(100% - 20px);
	margin:0px;
	margin:auto;
	min-height:calc(100% - 42px);
	font-family:Verdana;
	background-color:var(--bg);
	position:relative;
	padding:0px 10px 0px 10px;
	height:100%;
	color:#3f3f3f;
}
.site {
	height:100%;
	max-width:var(--width);
	margin:auto;
	position:relative;
}
.contenu {
	background-color:#f1f1f1;
	padding:166px 20px 20px 20px;
	border:1px solid black;
	min-height:calc(100% - 157px - 20px - 20px - 2px);
	
	-moz-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.entete {
	border:1px solid black;
	padding:10px 20px 10px 85px;
	color:white;
	background-image:url('bpmm2.png');
	background-size:59px auto;
	background-repeat:no-repeat;
	background-position:center left 12px;
	background-color: #2b6a5e;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	min-height:65px;
}
.entete .titre {
	font-weight:bold;
	font-size:18px;
	flex-grow:1;
}
.entete input[type=submit] {
	background-color:white;
	color:black;
	margin:0px;
	border:1px solid grey;
	font-size:16px;
	padding:9px 20px 9px 20px;
}
.entete form {
	float:right;
	margin-left:15px;
}
.contenu.connexion {
	padding:127px 20px 20px 20px;
	min-height:calc(100% - 119px - 20px - 20px - 2px);
}
.contenu.connexion a,p a {
	text-decoration:none;
	color:#3dcb74;
}
.contenu.connexion a:hover,p a:hover {
	text-decoration:underline;
}
.header {
	position:fixed;
	z-index:100;
	width:var(--width);
}

.menu {
	border-bottom:1px solid black;
	background-color:var(--menu-et-boutons);
	/*display:flex;
	flex-direction:row;
	align-content:stretch;*/
	width:100%;
	border-collapse:collapse;
	position:relative;
	margin:0px;
}
.lib {
	display:none;
	font-weight:bold;
}
.menu td {border-right:1px solid black;border-left:1px solid black;}
.menu td.accueil {width:40px;}
.menu a {
	font-weight:bold;
	display:block;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:10px 5px 10px 5px;
	text-decoration:none;
	color:white;
	cursor:pointer;
	font-size:15px;
	margin-left:1px solid black;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.menu a.accueil {
	background-image:url('accueil2.png');
	width:40px;
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:center center;
}
.menu a.todoo {
	background-color:orange;
}
.menu a:hover, .menu a.actif{background-color:white;color:var(--menu-et-boutons);}
.menu a.accueil:hover, .menu a.accueil.actif{background-color:white;background-image:url('accueil.png');color:var(--menu-et-boutons);}
.menu a.todoo:hover{background-color:#db8e00;}
.menu tr,.menu tr td {height:100%;}
.caseremplacant
{
	color:red;
}
input[type=submit],input[type=button],.button {
	display:block;
	text-decoration:none;
	padding:10px 20px 10px 20px;
	background-color:var(--menu-et-boutons);
	color:white;
	font-family:Verdana;
	float:left;
	cursor:pointer;
	border:0px;
	margin:0px 10px 10px 0px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.flexbuttons {
	display:flex;
	gap:10px;
	margin-bottom:10px;
	flex-wrap:wrap;
}
.flexbuttons input[type=submit],.flexbuttons input[type=button],.flexbuttons .button {
	margin:0px;
}
.table tr td.sep {
	border:0px;
	padding-left:0px;
	background-color:transparent;
}
input[type=submit]:hover,input[type=button]:hover,.button:hover,input[type=submit]:focus,input[type=button]:focus,.button:focus {background-color:#546885;}
input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus,span.select.focus {
	background-color:#edf8ed;
}
input[type=button]:hover,input[type=submit]:hover {
	background-color:#005bb6;
}
label {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -ms-user-select: none;
}
.gridtypes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); /* largeur min/max des blocs */
	gap: 10px; /* espacement horizontal et vertical */
	width: 100%;
	box-sizing: border-box;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 10px; /* identique horizontal et vertical */
}
.gridtypes a {
	text-decoration:none;
	text-align:center;
	display:flex;
	justify-content:center;
	/*width:150px;*/
	height:40px;
	color:white;
	align-items:center;
	padding:5px;
	border-radius:5px;
}
input[type=text],input[type=number],input[type=password],textarea,input[type=color] {
	display:block;
	color:#3f3f3f;
	font-family:Verdana;
	font-size:17px;
	border:1px solid #787878;
	padding:6px 10px;
	margin-bottom:10px;
	width:272px;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.tableaubudgets input[type=text] {
	padding:4px 10px;
}
input[type=color] {
	padding:0px;
	width:294px;
	border:0px;
	cursor:pointer;
}
table.table input[type=text],table.table textarea {margin-bottom:0px;font-size:14px;}
input[type=text]:disabled,input[type=number]:disabled,input[type=password]:disabled,textarea:disabled {
	background-color:#ebebeb;
}
.entete input[type=text] {
	margin-bottom:0px;
	width:250px;
	height:23px;
	background-image:url(loupe.png);
	background-repeat:no-repeat;
	background-position:center right 10px;
	padding-right:40px;
	font-size:16px;
	font-weight:bold;
}
input[readonly],textarea[readonly]
{
	background-color: #DDDDDD;
	border:1px solid #a9a9a9;
}
.libelle {
    font-size:12px;
    color:grey;
    margin-bottom:5px;
}
.divcheckbox {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.utilisateur {
	display:flex;
	flex-direction:row;
	align-items:center;
	font-weight:bold;
	letter-spacing:1px;
	margin-left:15px;
}
.utilisateur div.prenom {
	text-align:right;
}
.utilisateur div.prenom .small {
	font-size:11px;
}
.utilisateur div.rond {
	font-weight:normal;
	background-color:white;
	width:37px;
	min-width:37px;
	height:37px;
	border-radius:25px;
	text-align:center;
	color:black;
	font-family:Verdana;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid grey;
	font-size:24px;
	margin-left:10px;
}
.logout2 {
	font-size:10px;
}
.logout2 a{cursor:pointer;}
.table {
	border-collapse:collapse;
	/*margin-top:10px;*/
}
.table.full {
	width:100%;
}
.table tr td,.table tr th,.chart,.blocblanc {
	border:1px solid #c7c7c7;
	background-color:white;
}
.chart {
	position:relative;
}
.table tr td,.table tr th {
	padding:8px;
	text-align:left;
	font-size:14px;
	color:#3f3f3f;
}
.table tr td.nopaddingrightbottom {
	padding-right:0px;
	padding-bottom:0px;
}
.table tr.alert td,.table tr.alert {background-color:#ffc373;}
.table tr a,h2 a {
	text-decoration:none;
	color:#2fb350;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
.table tr a:hover,h2 a:hover{text-decoration:underline;}
a.edit {
	background-image:url('edit.png');
	background-size:cover;
	display:block;
	width:20px;
	height:20px;
	cursor:pointer;
}
.togglemenu {
	display:none;
	cursor:pointer;
	float:left;
}
.rightmobile {
	display:none;
	gap:20px;
	font-size:25px;
}
.rightmobile i {
	cursor:pointer;
	display:block;
}
.togglemenu span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background:white;
	border-radius: 3px;
	z-index: 1;
	
	-moz-transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease;
}
.togglemenu.change span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(4px, 9px);
  transform: rotate(45deg) translate(4px, 9px);
}
.togglemenu.change span:nth-child(2) {
	opacity: 0;
}
.togglemenu.change span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(3px, -9px);
  transform: rotate(-45deg) translate(3px, -9px);
}
.togglemenu span:last-child {margin-bottom:0px;}
.calflex {
	display:flex;
	flex-direction:row;
	gap:10px;
}
.apercuop {
	background-color:white;
	border:1px solid #787878;
	margin-bottom:10px;
	height:calc(100% - 96px);
	width:400px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}
.calflex2 {
	display:flex;
	flex-direction:column;
	width:calc(calc(100% - 10px) / 2);
}

.calflex .chart,.accueilblocs .blocblanc {
	height:350px;
	padding:15px;
}
.onlysmartphone {
	display:none;
}
.flextype {
	display:flex;
	flex-direction:row;
	width:100%;
	justify-content:space-between;
	position:relative;
}
.flextype .donnees {
	width:421px;
}
.flextype .graphique {
	width:calc(100% - 431px);
}
@media screen and (max-width: 1150px), screen and (max-device-width: 1150px) { 
	.entete input[type="text"] {
		width:100px;
	}
	.paramenergies  {
		display:none;
	}
}
@media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { 
	.utilisateurs {
		margin-top:-3px;
	}
	.menu a {font-size:14px;}
}
@media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { 
	.menu a {font-size:13px;}
	.accueilblocs {
		flex-direction:column;
	}
	.accueilblocs .englobant {
		margin:0px;
		width:100% !important;
		margin-bottom:20px;
	}
	.englobant.resume .blocblanc {
		height:auto;
	}
}
@media screen and (max-width: 850px), screen and (max-device-width: 850px) {
	.apercuop {
		height:300px;
		width:calc(100% - 2px);
	}
	.flextype {
		flex-direction:column;
		flex-direction:column-reverse;
	}
	.calflex,.flex {
		flex-direction:column;
	}
	.calflex2 {
		width:100%;
	}
	.flextype .donnees,.flextype .graphique {
		width:100%;
	}
	.notsmartphone {
		display:none !important;
	}
	.onlysmartphone {
		display:block;
	}
	h2 span.flexinline {
		display:inline-flex;
		margin-top:10px;
	}
	.onlysmartphone.inline {
		display:inline;
	}
	
	.formsearch,.hiddenOnSmartphone {
		display:none !important;
	}
	.menu {
		position:absolute;
		border:0px;
		margin:0px 0px 0px;
		width:calc(100%);
		display:none;
	}
	.menu td {
		display:block;
		border-bottom:1px solid black;
	}
	.menu td.accueil {
		width:auto;
	}
	.menu td a{
		text-align:center;
		font-size:18px;
		padding-top:15px;
		padding-bottom:15px;
	}
	.menu td a.accueil{
		width:auto;
		background-position:center left 20px;
	}
	.entete {
		padding:10px 15px 10px 15px;
		background-image:none;
		border:0px;
		border-bottom:1px solid black;
		min-height:40px;
	}
	.lib {
		display:inline;
	}
	.entete .titre{
		text-align:center;
		margin:auto;
		width:200px;
		max-width:200px;
	}
	.entete form {display:none;}
	.utilisateur {
		position:fixed;
		background-color:var(--menu-et-boutons);
		padding:20px 10px 20px 20px;
		top:62px;
		margin:0px 0px 0px -327px;
		width:calc(100% - 32px);
		max-width:280px;
		border:1px solid black;
		flex-direction:row-reverse;
		height:60px;
		justify-content:space-between;
	}
	#headercontent2 {
		position:absolute;
		background-color:var(--menu-et-boutons);
		margin:154px 0px 0px -15px;
		width:calc(100% - 30px);
		padding:15px 15px 15px 15px;
		border-bottom:1px solid black;
		display:none;
	}
	#headercontent2.change {
		display:flex;
	}
	.utilisateur div.rond {
		margin-left:0px;
		margin-right:20px;
		min-width:37px;
	}
	.utilisateur div.prenom {
		text-align:left;
		flex-grow:2;
	}
	.contenu {
		padding:86px 10px 10px 10px;
	}
	.calendrierlarge tr.navig th,.calendrierlarge tr.jours th {
		font-size:12px;
	}
	.thfixe {width:120px;}
	.calendrierlarge div.numero {
		font-size:11px;
		margin:-14px -7px 0px 0px;
	}
	.calendrierlarge tr.date td {
		padding:15px 8px 10px 8px;
		height:auto;
	}
	.legende {font-size:12px;}
	.pousseur{display:none;}
	body {
		padding:0px;
		width:100%;
		background-color:white;
	}
	html {background-color:white;}
	.table tr {
		/*display:block;
		margin-bottom:10px;
		border:1px solid #d2d2d2;
		padding:10px;
		background-color:#F1F1F1;*/
	}
	.table tr:last-child {margin-bottom:0px;}
	.table {width:100%;}
	.table.smallersmartphone tr td, .table.smallersmartphone tr th {
		font-size:13px;
		padding:5px;
	}
	input[type="text"], input[type="number"],input[type="password"], textarea, input[type="color"],input[type="text"].long, input[type="password"].long {
		width:calc(100% - 20px - 2px) !important;
	}
	input[type="color"] {
		width:calc(100% - 2px) !important;
	}
	.select {
		width:100%;
	}
	.contenu {
		border:0px;
	}
	.contenu.connexion {padding:86px 10px 10px 10px;}
	.lib {
		display:inline;
	}
	.togglemenu {
		display:block;
	}
	.rightmobile {
		display:flex;
	}
	select.styled {
		width:100% !important;
	}
	#headercontent2 select.styled {
		width:100% !important;
	}
	#headercontent2 form div:nth-child(2) {
		flex-grow:1;
	}
	
	#headercontent2 .select {
		width:calc(100% - 42px - 31px - 31px - 30px) !important;
	}
	.calendrier {width:33%;}
	.table tr td.edit,.table tr td.delete {display:none;}
	.smartphone {display:block;}
	
	.contenu.change {
		opacity:0.2;
	}
}
@media screen and (max-width: 600px), screen and (max-device-width: 600px	) {
	.calendrier {width:50%;}
	.optgraph {flex-direction:column;gap:0px;align-items:center;}
}
@media screen and (max-width: 500px), screen and (max-device-width: 500px	) {
	input[type="submit"], input[type="button"], .button {
		margin-right:0px;
		width:100%;
	}
	.table.notwhitesmartphone tr th,.table.notwhitesmartphone tr td {
		background-color:transparent;
	}
	tr.trentete {
		display:none;
	}
	.max500 {
		display:table-row;
	}
	.min500 {
		display:none;
	}
	.table tr.max500 td,.table tr.pages th {
		width:100%;
		border:0px;
		padding:0px;
	}
	.table tr.pages th {
		text-align:center;
	}
	.table tr.pages th {
		padding:10px 0px 10px 0px;
	}
	.blocdate {
		border:1px solid #d2d2d2;
		-webkit-box-shadow: 0px 3px 3px #aaa;
		box-shadow: 0px 2px 2px #aaa;
		margin-bottom:10px;
		padding:10px;
		background-color:#fbfbfb;
	}
	.blocdate .date {
		font-weight:bold;
		margin-bottom:10px;
	}
	.blocdate .compte {
		font-size:10px;
	}
	.blocdate .oper1 {
		display:flex;
		flex-direction:row;
		width:100%;
		justify-content:space-between;
	}
	.blocdate .operation {
		margin-top:5px;
		font-size:15px;
	}
	.blocdate .description {
		font-size:11px;
		color:grey;
	}
}
@media screen and (max-width: 400px), screen and (max-device-width: 400px	) {
	.calendrierlarge .divevent .carre, table.legende .carre {
		width:14px;
		height:14px;
	}
	.calendrier {width:100%;}
	
}
@media screen and (max-width: 380px), screen and (max-device-width: 380px	) {
	.calendrierlarge .divevent .carre, table.legende .carre {
		width:13px;
		height:13px;
	}
}
@media screen and (max-width: 370px), screen and (max-device-width: 370px	) {
	.calendrierlarge .divevent .carre, table.legende .carre {
		width:12px;
		height:12px;
	}
}