.forum td { 
	 vertical-align:middle;
	 border-width:2px; 
	 border-style:solid; 
	 border-color:white;
	 line-height: 1.5em;	
}

		
.forum label {
	display: block;
	float: left;
	font-weight: normal;
	text-align: right;
}
.forum input[type="text"]{
	float: left;
	width: 40%;	
}

.picto_img {vertical-align:middle;
}

.profil label {
	display: block;
	float: left;
	font-weight: normal;
	text-align: right;
}

.profil input[type="text"],
.profil input[type="password"] { 
	width: 60%;
	background-color: #FFFFFF;
	
}

.formulaire label {
	display:block;
	float:left;
	margin-right: 5px;
 	text-align: right;
	margin-top: 4px;
}

.formulaire input[type="text"]{
	height: 25px;
	font-size: 0.9em;
}

.formulaire {
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 2%;
}

.barre {
	font-weight: 800;
	font-size: 0.8em;
	color: #444;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 1%;
}

.barre input {
    height: 20px; 
    font-size: 1em;
    vertical-align: middle;
    margin-left:5px;
    margin-right: 20px;
}

/* Largeurs */
.width5 { width: 5%; }
.width7 { width: 7%; }
.width10 { width: 10%; }
.width15 { width: 15%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width30 { width: 30%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width70 { width: 70%; }
.width75 { width: 75%; }


/* MARGES  */
.ma_row {
	margin-left:1%; 
	margin-right:1%;
}

.padding5 {
	margin-top: 5%;
	padding-left: 5%;
	padding-bottom: 5%;
	padding-top: 5%;
}

.padding2 {
	margin-top: 2%;
	padding-left: 2%;
	padding-bottom: 2%;
	padding-top: 2%;
}

.div_bouton {
	margin-top: 5%;
	text-align: center;
}

/* titres */
.comme_label {
	font-weight: 800;
	font-size: 0.8em;
	color: #444;	
}

.textconfig{
	font-size:0.8em;
	font-weight: 800;
	color: #444;
}

.spe_couleur {
	text-align:right;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
}

.titre {
	align: center; 
	color: #444;
	font-style: italic;
	font-weight: bold;
}


.obligatoire { color:#AB4343; }
.inactif { color:#585858; }
.espacement { padding : 8px; }
.float { float: left; }
.input {border:1px blue solid;width:70px;}
.couleur1 { background-color: #DCDCDC; } /* gris clair */
.couleur2 { background-color: #E6E6E6; } /* rose clair */
.couleur3 { background-color: #DCDCDC; } /* gris */
.no_cadre { border:none; } 
.tuvoispas { display: none; }
.centre { text-align:center; }
.gauche { text-align:left; }
.droit { text-align:right; }
.form {margin: 0; display: inline;}
.blanc { background-color: #FFF; }
.montant { text-align: right; padding-right:5px; }

.bordure
{
border-top:1px solid #000000 ;
border-left:1px solid #000000 ;
border-right:1px solid #000000 ;
border-bottom:1px solid #000000 ;
}

.forum2 td { 
	 border-width:2px; 
	 border-style:solid; 
	 border-color:green;	
}

.tableau {
	padding-bottom: 5%;
	/*height:600px; */
	overflow: auto;
	font-size: 0.9em;
}

/* ***************************************** FACTURE ************************************ */

.tableau_facture {
	max-height:500px;
	overflow: auto;
}

.tableau_tva_ts {
	max-height:300px;
	overflow: auto;
}

.facture td {
	line-height: 2.5em;
	vertical-align:middle;
	border-bottom:1px solid #7F7F7F ;
	overflow: auto;
	font-size: 0.9em;
}

.facture input[type="image"]{
    vertical-align:middle;
}

.facture input[type="text"]{
    font-size: 1em;
}
.facture textarea {
    font-size: 1em;
    background-color: #FFF; /* pour faire appaitre le handle en bas à droite du textarea */
}

/* ***************************************** FACTURE  PDF ************************************ */

.facture_pdf table { 
        width: 100%; 
        color: #717375; 
        font-family: helvetica; 
        line-height: 5mm; 
        border-collapse: collapse; 
    }
    
.facture_pdf h2 { margin: 0; padding: 0; }
.facture_pdf p { margin: 5px; }
 
.border_pdf th { 
        border: 1px solid #000;  
        color: white; 
        background: #000; 
        padding: 5px; 
        font-weight: normal; 
        font-size: 14px; 
        text-align: center; 
        }
.border_pdf td { 
        border: 1px solid #CFD1D2; 
        padding: 5px 10px; 
        text-align: center; 
    }
    
.no-border_pdf { 
        border-right: 1px solid #CFD1D2; 
        border-left: none; 
        border-top: none; 
        border-bottom: none;
    }
    
.space_pdf { padding-top: 250px; }




/* ------------- ------------- */
/* Zoom image avec fenêtre     */
/* modale « responsive ».      */
/* Trucsweb.com : Django Blais */
/* ------------- ------------- */
.img-sensible { max-width:250px; }
.twAudessus {
  /* Le trame de fond */
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0,0,0,0.7);
  /*-webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in; */
}
.twAudessus a {
  /* Le truc pour centrer l’image */
  display: table-cell;
  vertical-align: middle;
  text-align: center;
 }
.twAudessus img {
  /* Le contour de l’image */
  max-width:1200px;
  padding: 10px;
 /* -webkit-border-radius: 10px;
  -moz-border-radius: 10px;*/
  background: #ffffff;
}
.twAudessus:target {
  /* Affichage de l’image */
  display: table;
   -webkit-transition: width 2s;
    transition: width 2s;
}
@media screen and (max-width: 1600px){.twAudessus img { max-width:1000px; }}
@media screen and (max-width: 1024px){.twAudessus img { max-width:700px; }}
@media screen and (max-width: 800px){.twAudessus img { max-width:500px; }}
@media screen and (max-width: 600px){.twAudessus img { max-width:400px; }}
@media screen and (max-width: 500px){.twAudessus img { max-width:250px; }}

.pagination {
	font:12px Arial, Helvetica, sans-serif;
	margin:20px 0;
	text-align:center
}

.pagination a {
	background:#fff;
	border:1px solid #06c;
	color:#06c;
	margin:2px;
	padding:.2em .4em;
	text-decoration:none
}

.pagination a:hover {
	background:#fff;
	border:1px solid #bd88fe;
	color:#bd88fe
}

.pagination span.inactive {
	background:#fff;
	border:1px solid #f0f0ff;
	color:#f0f0ff;
	margin:2px;
	padding:.2em .4em
}

.pagination span.active {
	background:#f4ebff;
	border:1px solid #bd88fe;
	color:#bd88fe;
	font-weight:700;
	margin:2px;
	padding:.2em .4em
}

/* Disable */
.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

/* On grise le bouton disabled */

button[disabled]:active, button[disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="submit"][disabled]:active,
input[type="submit"][disabled] ,
button[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover
{
  color: GrayText;
  cursor: inherit;
  background-color: #ddd;
  background: #ddd;
}

/* Reservation */
.modalLayerReservation{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}
#modalCheck:checked + .modalLayerReservation, #reservation:target{
	display: block;
}

/* Client */
.modalLayerClient{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}
#modalCheck:checked + .modalLayerClient, #monclient:target{
	display: block;
}


.popup_block{
	/*background: #fff;
	padding: 20px;*/
	border: 20px solid #ddd;
	position: relative;
	margin: 2% auto;
	width: 90%;
	box-shadow: 0px 0px 20px #000;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
	cursor: pointer;
}

.popuptarif {
    position: absolute;
    display: none;
    z-index: 100;
    background-color: #CCC;
    border:10px solid #D2DBB7;
    line-height: 0.7em;
}

.popuptarif input[type="text"]{
	height: 20px;
	font-size: 0.9em;
}


.popuppromo {
    position: absolute;
    display: none;
    z-index: 100;
    background-color: #CCC;
    border:10px solid #D2DBB7;
    line-height: 0.7em;
}

.popuppromo input[type="text"]{
	height: 20px;
	font-size: 0.9em;
	width: 50px;
}


.popupforfait {
    position: absolute;
    display: none;
    z-index: 100;
    background-color: #CCC;
    border:10px solid #D2DBB7;
    line-height: 0.7em;
}

.popupforfait input[type="text"]{
	height: 20px;
	font-size: 0.9em;
	width: 50px;
}

.popupremise {
    position: absolute;
    display: none;
    z-index: 100;
    background-color: #CCC;
    border:10px solid #D2DBB7;
    line-height: 0.7em;
}

.popupremise input[type="text"]{
	height: 20px;
	font-size: 0.9em;
	width: 50px;
}


.popupresa {
    position: absolute;
    display: none;
    z-index: 100;
    background-color: #CCC;
    border:5px solid #FFF;
    line-height: 0.7em;
    overflow: auto;
}

.popupclient {
    position: absolute;
    display: none;
    z-index: 100;
    background-color: #CCC;
    border:5px solid #FFF;
    line-height: 0.7em;
    overflow: auto;
}

.popupargent {
    position: absolute;
    display: none;
    z-index: 100;
    /*background-color: #CCC;*/
    border:5px solid #FFF;
    line-height: 0.7em;
    overflow: auto;
}

.popupmail {
    position: absolute;
    display: none;
    z-index: 100;
    background-color: #CCC;
    border:5px solid #FFF;
    line-height: 0.7em;
    overflow: auto;
}

/* Tarif controle */
.controle_date {
	font:10px Arial, Helvetica, sans-serif;
	text-align:center
}

/* CSS des onglets réservation */
.onglet {
		display:inline-block;
		margin-left:3px;
		margin-right:3px;
		padding:3px;
		border:1px solid black;
		cursor:pointer;
}

.onglet_0 {
		border-bottom:1px solid black;
}

.onglet_1 {
		border-bottom:0px solid black;
		padding-bottom:4px;
		color: #444;
		font-weight: 800;		
}

.contenu_onglet {
		border:1px solid black;
		margin-top:-1px;
		padding:5px;
		display:none;
}

.titre_menu {
	background-color:#FFDCA8;
	text-align: left;
	padding-top: 5px;
	padding-bottom:5px;
}

/*
     FILE ARCHIVED ON 21:36:26 Sep 21, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:24:15 Oct 27, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.608
  load_resource: 592.536
  PetaboxLoader3.resolve: 340.978
  PetaboxLoader3.datanode: 237.442 (2)
  loaddict: 142.865
*/