/* Aspect général du site */
.nonEcr {display: none;}
body {margin: 0px; padding: 0px;background: #fff; font-family: arial; font-size: ;color: #333;}
h1 {margin: 5px 0px 5px 0px; padding: 0px; font-size: 35px;color: white; text-shadow: 2px 2px 4px #000000;letter-spacing: 3px;}
h2 {margin: 2px 0px 10px 0px; padding: 0px; font-size: 25px;color: #888; border-bottom: medium solid #ddd;}
h3 {margin: 2px 0px 20px 0px; padding: 0px; font-size: 20px;color: #000; border-bottom: medium solid #ddd;}
h4 {margin: 5px 0px 20px 0px; padding: 0px; font-size: 18px;color: #000;}
	h3 a {color: #900;} 
	h3 a:visited {color: #900;}
	h3 a:hover {color: #555;}
p {margin: 0px 0px 5px 0px; text-align:;}
a {margin: 0px; padding: 0px; color: #000; font-style: normal;}
a:visited {color: #000; font-style: normal;}
a:hover {color: #555;}
li {list-style-type: none;}
#fenetre {width: 1200px; margin: 0px auto 0px auto; background: #fff;background-image: ;background-repeat: no-repeat;}
#hautPage {margin: 10px auto 0px auto;padding: 10px 20px 0px 20px;height: 110px; text-align:; color:#fff; background:#888; background-repeat: no-repeat;}
#basPage {clear:both;padding: 20px 0px 0px 0px;height: 40px; text-align: center; color:#fff; font-size: 0.8em;background:#888;background-repeat: no-repeat;}
#accueil {margin: 50px auto 0px auto;padding: 0px 0px;text-align: center;}

/* Dispositions */
.jourPlann {display: block;float: left;width: 85px;min-height: 90px;margin: 0px 10px 0px 0px;padding: 3px 0px 0px 5px;font-weight: bolder;text-align:;color:#555;background-color:#9ff;}
.datePlann {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-size: 1.3em;font-weight: bolder;text-align:center;color:#004489;background: ;}
.evenement {margin: 0px 0px 0px 0px;padding: 3px 3px 5px 3px;font-size: 0.8em;text-align:center;border-top: medium solid #b1b3b4;}	 
.evenement a {text-decoration: none;}  
#infoJour {color:;background-color:;padding: 0px 0px 0px 0px;height: 60px;}
.msgInfoJour {font-size: 1.2em;font-weight: bolder;color:#f00;width:700px;}
#menuPlann {color:#fff;background-color:#06f;height: 33px;padding: 3px 10px 3px 90px;}
#menuJetSki {color:#fff;background-color:#888;height: 35px;padding: 3px 10px 3px 90px;}

.blocImpr {float: right; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align: center;font-size: ;color:;}

.col {float:right;}

.droite {float: right;}
.gauche {float: left;}
.aligneCentre {text-align: center;}
.aligneDroite {text-align: right;}
.aligneGauche {text-align: left;}
.espaceDroite {margin: 0px 20px 0px 0px;}
.espaceGauche {margin: 0px 0px 0px 20px;}
.vAligne {vertical-align: middle;}
.vAligneTop {vertical-align: top;}
.separationVt {clear:both;}
.separationD {clear:right;}
  /* Interligne */
  .it1 {height:10px;}
  .it2 {height:40px;}
.separationHz {float:left;width:15px}
.espaceLettres {letter-spacing: 6px;}

/* Aspect des formulaires */
em {font-weight: bold;font-style: normal;color: #f00;}
label {width: 100px;display: inline-block;vertical-align: top;margin: 0px 6px 15px 0px;text-align: right;}
input.infoC {width: 740px;}
input.infoL {width: 1025px;}
input.infoL {width: 1025px;}
input[type=date] {width: 140px;}
input[type=time] {width: 70px;}
input[type=number] {width: 70px;}
input[type=checkbox] {width: 17px;height: 17px;}
fieldset {margin: 10px 0px 10px 0px;padding: 0px 10px 0px 10px;width: ;float: ;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-color: ;color: ;}
fieldset.reservation {background-color: #dfd;}

/* Aspect des élements du site*/
.transbox {margin: 0px;background-color: #fff;border: 1px solid white;opacity: 0.5;}
.petit {font-size: 0.8em;}
.grand {font-size: 1.2em;font-weight: bolder;}
.ligne {border:3px solid #06f;}
.abs {float: left;width: 81px;height: 90px}
.absMotif {color: #06f; font-weight: bolder;}
.barre{color:#f55;text-decoration: line-through;}
.pickUp {color: #f00; font-weight: ;}
.infoPlongeur {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 40px;color:  ; font-weight: ;}

table {border:3px solid #ccc;}

#LStaff {float:right;margin: 0px 0px 0px 20px; padding: 0px;}
#LStaff.tb-ligne tr th {background-color:#9ff; color:#000; height:;text-align:left;}

#LArticles {width:100%;}
#LArticles.tb-ligne tr th {background-color:#ff6; color:#555;}
#LArticles.tb-ligne tr td {border:3px solid #ccc;padding: 5px;}

#JourJetSki {width:100%;}
#JourJetSki.tb-ligne tr th {background-color:#9f9; color:#000; height:25px;}
#JourJetSki.tb-ligne tr td {border:3px solid #ccc;padding: 5px;}

#SemJetSki {width:100%;font-size: 11px;border-collapse:collapse;border-spacing:0;display:table;}
#SemJetSki tr th, #SemJetSki .jourSemJetSki {background-color:#9f9; color:#333;text-align:center;}
#SemJetSki tr td {border:3px solid #ccc;padding: 3px;width: ;height: 40px;}
#SemJetSki .jetLigne1 {background-color:#eee;}
.jetLigne2 {background-color:#efe;}
.jourDebut {border-top:4px solid #888;}

.tb-ligne {border-collapse:collapse;border-spacing:0;width:40%;display:table;}
.tb-ligne tr:nth-child(odd){background-color:#fff;}
.tb-ligne tr:nth-child(even){background-color:#eee;}
.tb-surligne tbody tr:hover {background-color:#aaa;color:#000;}
.tb-centre tr th, .tb-centre tr td{text-align:center;}

.tb-cell-largeMax {width:60%;}
.tb-cell-largeMaxNom {max-width:130px;}
.tb-cell-largeMaxJetSki {max-width:110px;font-size: 0.8em;}
.tb-cell-largeMinJetSki {min-width:220px;}

.w3-btn,.w3-button{border-radius: 8px;border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.subAbs{width: 100%;border:none;display:inline-block;outline:0;padding:1px 1px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn-petit {border-radius: 8px;border:none;display:inline-block;outline:0;padding:4px 5px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

.w3-btn:hover, .w3-btn-petit:hover, .subAbs:hover{box-shadow:0 10px 16px 0 rgba(0,0,0,0.5),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button,.w3-btn-petit{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.btn-suppression {margin: 10px 0px 10px 0px;padding: 0px 0px 0px 50px;width: 500px;}

/* Couleurs*/
.bleu,.hover-bleu:hover{color:#fff;background-color:#06f;}
.bleu-pale,.hover-bleu-pale:hover{color:#555;background-color:#9ff;}
.violet,.hover-violet:hover{color:#555;background-color:#fcf;}
.vert,.hover-vert:hover{color:#555;background-color:#efe;}
.vert-pale,.hover-vert-pale:hover{color:#555;background-color:#9f9;}
.rouge,.hover-rouge:hover{color:#f00;background-color:#fff;}
.blanc,.hover-blanc:hover{color:#555;background-color:#fff;}
.jaune,.hover-jaune:hover{color:#555;background-color:#ff6;}
.gris,.hover-gris:hover{color:#fff;background-color:#888;}
.suppr,.hover-suppr:hover{color:#f00;background-color:#eee;font-size: 11px;}
.clair {background-color:rgba(0, 0, 255, 0.5);}

/* Media queries : ajustement pour petits écrans */
@media screen and (max-width: 980px) {
	body {font-size: 1.6em;}
	li.dropdown, li.logout {float: none;width: 100%;}
	.dropdown:hover .dropdown-content {position: ;width: 40%;}
	input, button, select {font-size:1em;}
	select {font-size:1em;}
	.pasPetitEcran {display: none;}		
	fieldset {width: 900px;float: ;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background-color: #ddd;color: #000;}
	fieldset input, fieldset select {display: block;margin: 0px 0px 16px 0px;padding: 0px 0px 0px 0px;}
	legend {font-variant: small-caps;}
	label {float: left;width: 180px;display: inline-block;vertical-align: top;margin: 0px 6px 15px 0px;text-align: right;}

}