.divwarning {width:90%; padding:1rem; left:5%;top:10%; font-size:3rem !important;}
.divwarning INPUT {font-size:3rem !important;}

.cacheur {width: calc(100% - 6px); padding:0; left:0;}


HEADER {height: 5vw; background-image:none;}
HEADER * {font-size:3vw !important;}
HEADER LI { line-height:5vw !important;}
DEBUG { display:none !important;}
HEADER > A O {font-size:4vw !important; width:4vw !important;}
HEADER UL { width:60% !important; padding-left:0 !important;}
HEADER UL LI { padding-left: 4vw;}
HEADER P {width:35% !important; line-height:5vw !important;}
HEADER .lang { display:none !important;}
HEADER SELECT { display:none !important;}
HEADER UL LI A::after,HEADER UL LI FONT::after { 
  border-top: 2.4vw solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 2.4vw solid transparent;
  border-left: 2.4vw solid #333333;
}
HEADER UL LI A::before,HEADER UL LI FONT::before { 
  border-top: 2.4vw solid transparent;       
  border-bottom: 2.4vw solid transparent;
  border-left: 2vw solid white;
}

/* ####################    LOGIN   ###########################*/
#connexion { width:80% !important; left:10%;}
#connexion LABEL {font-size:3vw !important; min-width: 30%;}
#connexion INPUT,#connexion SELECT {font-size:3vw !important; min-width: 30%; height:6vw;}


/* ####################    MISE EN PAGE PRINCIPALE   ###########################*/
MODULES {width:calc(90% - 6px) !important; left:0% !important;}
MODULES H1 {font-size:4vw !important;}
#VERSION,#VERSION * {font-size:3vw !important;}
MODULES UL LI {width:25vw !important;height:25vw !important;}
MODULES UL LI A {font-size:3.5vw !important;  line-height:45vw;}

/* ####################   PAGES   ###########################*/
PAGE H2 {height:5vw; font-size:3.5vw; line-height:5vw;}
PAGE H2 A {font-size:3.5vw !important;}
PAGE H2 A O {line-height:4vw !important; padding-left:2vw !important;}
PAGE FORM {width:100% !important;}
PAGE FORM H1 {font-size:4vw !important;}
PAGE FORM TD, PAGE FORM TD * {font-size:2.5vw !important;}
.formview TD:first-child {width:35% !important;}
.check_beau { width:5vw !important; height:5vw !important;}
.check_beau:checked::before { width:5vw !important; height:5vw !important;line-height:5vw !important;}
.formview INPUT[type="submit"], .subformview, .formview INPUT[type="button"] {font-size:4vw !important;}

/* ####################    COVEA   ###########################*/
.livraison_workflow {width:100%;left:0;border:0; background:#EFEFEF url('../IMAGES/fond.jpg') center no-repeat; background-size:70%; top:0;}

.livraison_workflow H1 {font-size:2rem !important;}
.livraison_workflow UL {width:99%; }
.livraison_workflow UL LI {font-size:1.6rem !important;}
.livraison_workflow UL LI P {font-size:3rem !important;}
.livraison_workflow UL LI SPAN {font-size:3rem !important;}
.livraison_workflow UL LI P SPAN {font-size:3rem !important;}
.livraison_workflow UL LI LABEL {font-size:3rem !important;}
.livraison_workflow UL LI INPUT[type='text'] {font-size:3rem !important; height:10rem !important; width:100% !important; }
.livraison_workflow UL LI TEXTAREA {font-size:3rem !important; height:30rem !important; width:100% !important;}
.livraison_workflow UL LI SELECT {font-size:3rem !important;height:10rem !important; width:90% !important;} 
.livraison_workflow UL LI INPUT[type='button'] {font-size:1.2rem !important;;}
.livraison_workflow INPUT[type='button'] {font-size:5rem !important; display:none; }
.livraison_workflow INPUT[type='submit'] {font-size:5rem !important; float:none; margin-left:42%; }
.livraison_workflow #signatureparent {height:40rem !important;}
.livraison_workflow UL LI > DIV {display:none;}

.livraison_workflow .check {width:5rem !important; height:5rem !important}
.livraison_workflow .check::before {width:4.7rem !important; height:4.7rem !important}
	
	
/* ####################    PLANNING   ###########################*/
.planningMenu {display:none;}
#zone_planning {width:100% !important;}
#zone_planning .btn {font-size:4vw !important; padding-left:3vw; padding-right:3vw;}
#zone_planning H3 * { margin-bottom:8vw !important; font-size:4vw !important; line-height:4vw !important;}
.tab_planning_mobile TH SPAN {font-size:3vw; line-height:7vw; width:100%; text-align:center;}
.tab_planning_mobile TH BUTTON:nth-child(1) {position:absolute; left:0; float:none; margin-left:0;}
.tab_planning_mobile TH BUTTON:nth-child(3) {position:absolute; right:0;}
.tab_planning_mobile TH:nth-child(1) { font-size:2vw !important; width:12vw !important;}	
.tab_planning_mobile TD:nth-child(1) { font-size:3vw !important; width:12vw !important;}	
.tab_planning_mobile TD { height:3.5vw !important;}	
.tab_planning_mobile RDV {height:auto; margin-top:-0.5vw;}
.tab_planning_mobile RDV DIV {width:35vw; white-space:normal; font-size:2.5vw !important; line-height:3vw !important;}


.fichePlanning {width:95%;position:fixed;top:5%;left:2.5%; background:white; border-radius:0.7vw; z-index:200;border: 2px solid #348dc8; padding:2vw; padding-bottom:1vw; padding-top:1vw;}
.fichePlanning H4 {font-size:3rem !important;}
.fichePlanning LABEL {font-size:3rem !important;width:20rem !important; margin-right:2rem !important;}
.fichePlanning SELECT, .fichePlanning INPUT {width:calc(100% - 30rem); margin-bottom:2rem !important; height:6rem !important;font-size:3rem !important;}
.fichePlanning TEXTAREA {width:calc(100% - 30rem); margin-bottom:2rem !important; height:20rem !important;font-size:3rem !important;}
.fichePlanning .BTN {font-size:3rem !important;margin-top:2rem !important;}


/* ####################    DIVERS   ###########################*/


#i {width:100% !important;}

/*.xdsoft_datetimepicker .xdsoft_mounthpicker * {font-size:3rem !important;}*/
.xdsoft_datetimepicker .xdsoft_calendar th {font-size:3rem !important;}
.xdsoft_datetimepicker .xdsoft_calendar td {padding:2.3rem !important;}
.xdsoft_datetimepicker .xdsoft_calendar td > div {font-size:5rem !important;}
.xdsoft_datetimepicker .xdsoft_timepicker {margin-left:55rem !important}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {font-size:4rem !important; height:8rem !important; line-height:8rem !important;}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {height:60rem !important; width:15rem !important;}

.check_beau.reduit  {height: 4vw !important; width: 4vw !important;}
.check_beau.reduit:checked::before { height: 4vw !important; width: 4vw !important; line-height: 4vw !important; font-size: 2vw !important;}


