﻿
:root{

	--POPUP_CADRE_width:500px;
	--taille_BTN_L:75px;
	--taille_BTN_M:50px;
	--taille_BTN_S:35px;
	--taille_BTN_STATUS:50px;
	--taille_BTN_NEXT:20px;
	
}
body{
	font-size:20px;
}

h1 {		/* titre principal page*/
    font-size: 100px;
}


h2 {
    font-size: 80px;
}

h3 {		/* Premier niveau de titre dans les pages (exemple: "Daily news") */
	font-size: 60px;
}	
h4 {		/* Second niveau de titre dans les pages (exemple: "Ocean state (last day)" */
	font-size: 40px ;
}
h5 {		/* non-utilisé */
	font-size: 30px; 
}

#SITE_TOP_ET_LIGNE_TITRE{
	column-count:2;column-gap: 0px;column-rule:dotted 1px black;
}
#SITE_TOP{
	height:60px;
	width:100%;
}

#SITE_TOP>.CONTENT.LEFT .BTN
{
	margin-left:5px;
	margin-right:5px;
}
#SITE_TOP>.CONTENT.RIGHT
{
	/*display:none;*/
}
#SITE_PAGETITLE
{
	height:60px;
	width:100%;
    font-size: 30px;
	padding-top:5px;
	padding-bottom:5px;
}
#btn_usr{
	color:white;font-weight:bold;font-size:12px;line-height:80px;
}

#HOMEPAGE
{
	text-align:left;padding-left:10px;
	column-count: 2;
}
#HOMEPAGE .BTN{
	margin-bottom:5px;
	--height:75px;
}

#HOMEPAGE .BTN span{
	font-size:30px;
}
#PAGE_USER_CHOICE
{
	column-count: 2;
}
#PAGE_USER_CHOICE .BTN{
	--height:75px;--width:400px;
}
#PAGE_USER_CHOICE .USR_PWD{
	width:400px;
}
.LIGNE{
	margin-top:5px;
	margin-bottom:5px;
}
.LIGNE.TITRE
{
	padding-top:5px;
	padding-bottom:5px;
	font-size:30px;
}

.LIGNE.TITRE .BTN
{
	--height:35px;
}

#BLOC_POPUPTIK .BTN{
	
	--height:25px;
}
#BLOC_POPUPTIK_1{
	font-size:18px;
}
.BTN{
	--height_def:50px;
	--width_def:50px;
}

.HOME_GMM_CONTENEUR img{
	width:320px;
	aspect-ratio:1.65;
	width:240px;
	height:auto;
	aspect-ratio:1.2;
	object-fit:cover;
	border-radius: 40px 10px 40px 10px;
	border:2px solid #000000;
	margin:4px;
}
.HOME_GMM_TITLE{
	font-size:24px;
}

.HOME_GMM_PRICING{
	font-size:20px;
}
.GMM_ACT_CONTENEUR img{
	width:240px;
	height:auto;
	aspect-ratio:1.2;
}

.GMM_ACT_LOCATION, .GMM_ACT_INCLUDED, .GMM_ACT_PRICING{
	font-size:15px;
}
.GMM_ACT_LOCATION{
	/*display:none;*/
}


.BLOC .TITRE{
	--height_titre:34px;
	font-size:20px;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
}

.BLOC .TITRE .BTN{
	--height:30px;
}



.img_close_popup{		/* popup image pour fermer (croix en haut à droite) */
	position:absolute;
	top:20px;right:20px;
	width:50px;
}

.div_popup_cadre{		/* popup - fenêtre de contenu */
	/*top:100px;*/
	min-width:400px;max-width:900px;
	
	top:50%;left:50%;transform: translate(-50%,-50%);
	padding:25px;
	padding-left:10px;padding-right:10px;
	margin:auto;
	background:#FFFFFF;
	border-radius:10px;border:solid;border-width:1px;border-color:rgb(0,0,0);
	text-align:center;
}
.div_popup_content{		/* popup - fenêtre de contenu */
}

#POPUP_IMGCLOSE{		/* popup image pour fermer (croix en haut à droite) */
	position:absolute;
	top:20px;right:20px;
	width:50px;
}

.trtik{
	height:30px;
}
.trtik .BTN{
	--height:30px;
}


#pic_zoomed{
	max-width:110%;max-height:100%;
}
#pic_zoomed2{
	max-width:110%;max-height:100%;
}


.TAB_TIKL{
	font-size:15px;
}

#CNF_CUST_WHATSAPP_img{
	vertical-align:middle;
	height:50px;
}
#CNF_CUST_WHATSAPP + label{
	--height:50px;--width:100px;
}

.radio_lang + label{
	
	width:50px;height:50px;
}


.cnf_multi, .cnf_multi_sel{
  height:35px;
  font-size:20px;
}
input, select, textarea {	/* commun à tous les champs input (text, password, ...) + slect (menu déroulant) et textarea */
  height:35px;
  font-size:20px;
}

#PRIVATE_COM_NEW{
	width:500px;height:150px;
}
	
	
#BLOC_CLI_DET_CONTENT{
	column-count:2;
}
#BLOC_CLI_DET_CONTENT input[type="text"], #BLOC_CLI_DET_CONTENT input[type="email"], #BLOC_CLI_DET_CONTENT textarea{
	width:300px;
}




/*ACTDET_PUCES */


#BLOC_ACT_TAB tr td:first-child{
	width:150px;
}
#BLOC_ACT_TAB tr td:last-child{
	width:850px;
}
#BLOC_ACT_IMG
{
}
.ACTDET_PUCES > ul{
	column-count: 4;
}
.ACTDET_PUCES > ul > li{
	font-size:16px;
  margin-left:20px;
}
.ACTDET_PUCES > ul > li > ul {
  margin-left:-15px;
}
.ACTDET_PUCES > ul > li > ul > li {
	font-size:12px;
	line-height:1em;
}
.ACTDET_PUCES > ul > li:first-of-type > ul > li{	/* pricingdet*/
	font-size:12px;
}



.ACTDET_PUCES> ul > li > a .IMG_WHATSAPP, .ACTDET_PUCES> ul > li > a .IMG_MAIL, .ACTDET_PUCES> ul > li > a .IMG_TEL{
	height:40px;
	width:40px;
}




.ACTDET_PUCES > ul > li > ul > li.MORE, .ACTDET_PUCES > ul > li:first-of-type > ul > li.MORE{	
	font-size:12px;margin-left:-5px;
}

/*ACTDET_PUCES - fin*/


.TAB_OPT{
	font-size:20px;
}
.TAB_OPT tr td:first-child{
	width:90px;
}
.TAB_OPT tr td:last-child{
	width:calc(490px - 90px);
}

#VIEW_TICKET_GLOBAL{
	column-count:2;column-gap: 5px;
}
#VIEW_TICKET_TOP{
	padding-left:5px;font-size:20px;
	max-width:380px;
}
#VIEW_TICKET_IMG{
	width:120px;
	height:90px;
}
#VIEW_TICKET_DET_COM_CUST{
	column-count:1;
	break-inside: avoid;
}

#VIEW_TICKET_UL{
	
	font-size:20px;
}
#BLOC_OPTIONS_CONFC_TEXTAREA{
	width:90%;
}

input[type="number"].PAY_VAL {
  width:90px;	/*width:70px;*/
  height:40px;
  font-size:35px;
  margin-right:10px;
}

input[type="number"].SEARCH_TIK {
  width:200px;
  height:40px;
  font-size:35px;
  margin-right:10px;
}

#CADRE_PAY, #CADRE_PAY_BOARD {
	padding:5px;
}
#CADRE_PAY .BTN, #CADRE_PAY_BOARD .BTN{
	margin-right:5px;
}
#TAB_HISTO{
	font-size:15px;
}

#VIEW_TICKET_CONTENT_COM, #VIEW_TICKET_CONTENT_CUST{
	font-size:20px;
}


#SITE_CONTENT
{
	min-height:200px;
}

#TAB_trtik{
	font-size:15px;
}
#PAGE_TIK_CHECK{
	column-count:2;column-gap: 5px;
}
#PAGE_TIK_CHECK .BLOC{
	break-inside: avoid;
}

.BLOC{
	break-inside: avoid;
}


.CADRE_PIC_DEFIL img{
	max-height:100%;
	max-width:100%;
	margin-top:0;
}