@charset "utf-8";
 
#ajoutermodifier { width:auto !important; }
#ajoutermodifier td { background:none !important; border:none !important; padding:5px !important;  }

#tableaugestion th { text-align:left !important; background-color:#008000 !important; color:#FFFFFF !important; padding:inherit !important; }
#tableaugestion td { padding:inherit !important; }

#ligne1 td, #ligne1 a, #ligne1:hover, #ligne1:hover td { background-color:#FFFFFF !important; color:#000000 !important; }
#ligne2 td, #ligne2 a, #ligne2:hover, #ligne2:hover td { background-color:#008000 !important; color:#FFFFFF !important; }
#ligne1, #ligne2 { padding:5px; }

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap { display:initial !important; }

.elementor-26 .elementor-element.elementor-element-53b6514c { padding:0 !important; }

.elementor-26 .elementor-element.elementor-element-7ec0b534 > .elementor-widget-container { margin: 0px 0px 5px 0px; !important; }
@-webkit-viewport { width:device-width}
@-moz-viewport { width:device-width}
@-ms-viewport { width:device-width}
@-o-viewport { width:device-width}
@viewport { width:device-width}

.page-content input[type="submit"] { background-color: #008000 !important; color: #FFFFFF !important; border-style: none !important; }

.page-content a { color: #008000; cursor:pointer !important; }

/*-------------- smartphone paysage + tablette portrait ----------------------*/
@media only screen and (min-device-width : 300px) and (max-device-width : 480px) {

#ajoutermodifier td { float: left !important; width: 100% !important; text-align: left !important; }

#tableaugestion, #table { table-layout: fixed !important; width: 100% !important; }
#tableaugestion td, #table td { word-wrap: break-word !important; float: inherit !important; text-align: inherit !important; }

#totalencaisse { display:initial !important; }

input[type="text"] { width:100% !important; }

}

/*-------------- smartphone paysage + tablette portrait ----------------------*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1080px){

#ajoutermodifier td { float: left !important; width: 100% !important; text-align: left !important; }

#tableaugestion, #table { table-layout: fixed !important; width: 100% !important; }
#tableaugestion td, #table td { word-wrap: break-word !important; float: inherit !important; text-align: inherit !important; }

#totalencaisse { display:initial !important; }

input[type="text"] { width:100% !important; }

}