/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2 août 2015, 17:27:34
    Author     : Jean-Noel
*/
/*   background-image: url("https://www.randopassion-cotebleue.fr/s/img/background.jpg?1713341528"); */       
@media screen and (max-width: 900px) {
body {
  width: 100%;
  height:100%;
  margin: auto;
  background-color: Ivory;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  position: absolute;
}
}
@media screen and (min-width: 900px) {
body {
  width: 100%;
  height:100%;
  margin: auto;
  background-image: none; 
  background-image: url("https://www.randopassion-cotebleue.fr/s/img/background.jpg?1713341528"); 
  background-color: Ivory;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  position: absolute;
}
}
fieldset legend  {
  font-size: 2.0vh;
  font-style: normal;
  text-align: center;
}
fieldset  {
  margin: auto;
}
label {
	display: inline-block;
	width: 100px;
	margin-right: 20px;
	vertical-align: top;
	text-align: right;
}
h2{
  font-family: Helvetica,Arial,sans-serif;
  font-size: large;
  font-style: normal;
  text-align: center;
  background-color:#b6a17a;
  color: #002bae
}
h3{
  font-family: Helvetica,Arial,sans-serif;
  font-size:x-large ;
  text-decoration: underline;
  font-style: normal;
  text-align: center;
  color: #002bae
}
@media screen and (max-width: 900px) {
.myDIV1 {
  margin: auto;
  width: 100%;
  overflow-y: auto;
  background-color: Azure;
}
}
@media screen and (min-width: 900px) {
.myDIV1 {
  margin: auto;
  width: 80%;
  overflow-y: auto;
  background-color: Azure;
}
}
@media screen and (max-width: 900px) {
.myDIV2 {
  margin: auto;
  width: 100%;
  overflow-y: auto;
  background-color: Azure;
}
}
@media screen and (min-width: 900px) {
.myDIV2 {
  margin: auto;
  width: 80%;
  overflow-y: auto;
  background-color: Azure;
}
}
@media screen and (max-width: 900px) {
div.entete {
  margin: auto;
  width: 100%;
  overflow-y: auto;
  background-color: DarkRed;
}
}
@media screen and (min-width: 900px) {
div.entete {
  margin: auto;
  width: 80%;
  overflow-y: auto;
  background-color: DarkRed;
}
}
div.entete  p {
  margin: 0.5% 1px 0.5% 1px;
  text-transform: uppercase;
  color: white;
  text-align: center;
  font-size: 4vh;
}
@media screen and (max-width: 900px) {
div.touche {
  width:100%;
  background-color: Khaki;
  margin: auto;
  margin-inline: auto;
  bottom: 0px;
  margin: auto;
  overflow-y: auto;
  margin-inline: auto;
}
}
@media screen and (min-width: 900px) {
div.touche {
  width:80%;
  background-color: Khaki;
  margin: auto;
  margin-inline: auto;
  bottom: 0px;
  margin: auto;
  overflow-y: auto;
  margin-inline: auto;
}
}
div.touche table{
  margin-left: auto;
  margin-right: auto;
}
div.touche table tr{
  margin: auto;
  width: 100%;
  text-align:center;
}
div.touche table tr:hover {
  background-color: coral;
}
.center table{
    margin: auto;
    width: inherit;
    text-align:center;
}

table.center {
    margin: auto;
    width: 100%;
    text-align:center;
  border-collapse: collapse;
}
.center  th, .center td {
  border: 0.3vh solid;
  border-color: black;
  border-spacing: 0;
  padding: 0.3vh;
  text-align:center;
  font-size: 2.0vh;
}
.center2 table{
    margin: auto;
    width: inherit;
    text-align:center;
}
table.center2 {
    margin: auto;
    width: inherit;
    text-align:center;
  border-collapse: collapse;
}
.center2  th {
  border-spacing: 0;
  padding: 2px;
  text-align:center;
}
p.guide{
  margin-left: 5%;
  margin-right: 5%;
  font-family: Helvetica,Arial,sans-serif;
  font-size: large;
  font-style: normal;
  text-align: center;
  background-color:PeachPuff;
  color: black
}

.button_jns{
  color: #FFFAFA;
  background-color: #228B22;
}

.button_ticket{
        color: #FFFAFA;
        background-color: #2196F3;
}

.button_masque{
  border:0px solid #72021c;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
  border-radius: 0px;
  font-size:0.0em;
  font-family: Helvetica,Arial,sans-serif;
  padding: 0px 0px 0px 0px;
  text-decoration:none;
  display:inline-block;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  font-weight:bold;
}
.button_jns,  .button_ticket{
  border:1px solid #72021c;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
  border-radius: 3px;
  font-size:1.0em;
  font-family: Helvetica,Arial,sans-serif;
  padding: 10px 10px 10px 10px;
  text-decoration:none;
  display:inline-block;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  font-weight:bold;
}

.button_jn:hover, .button_ticket:hover{
  color: #FFFFFF;
}

.button_jns:disabled, .button_ticket:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.button_jns:hover, .button_ticket:hover{color:#000!important;}

.old {
  background-color:#b6a17a;
}
.even  { background-color:#e6d4ad; }

#titre{
	 background-color:#ccd4ee;
	 text-align:center;
	 border-style:solid;
	 font-size:16px;
	 font-family:Helvetica,Arial;
	 font-weight:bold;
	 color: #002bae;
	 border-width:3px;
	 border-color:blueviolet;
	 padding:0px;
}
#NOM {
  text-align: left;
  padding-inline: 4px;
  }
#PRENOM {
  text-align: left;
  padding-inline: 4px;
}	
#TELEPHONE {
  white-space: nowrap;
}
#Pass{
  white-space: nowrap;
}
#drand{
    background-color:#b6a17a;
    color:#000000;
    border-style:solid;
    border-width:3px;
    border-color:rgb(255,255,255);
    padding:0px;
}
#TIK  {
    height: 50px;
    width:205px;
    background-repeat: no-repeat;
    background-image:url(ticket.gif) ;
    background-position: 51% ;
    text-align: center;
    margin-left:10px
}
#etiq {
	text-align: center;
}
#attention {
    margin-left: 5%;
    margin-right: 5%;
	text-align: center;
	font-size: 3vh;
	color: red;
	background-color: white;
}
.couleur-RB {
	    background: linear-gradient(#DC6767,#0099FF);
}
.couleur-OV {
	    background: linear-gradient(#FF9666,#00CC00);
}
.couleur-Rouge {
	    background: #DC6767;
}
.couleur-Bleu {
	    background: #0099FF;
}
.couleur-Orange {
	    background: #FF9666;
}
.couleur-Vert {
	    background: #00CC00;
}
.couleur-LC {
	    background: yellow;
}
.couleur-COV {
	    background: #FFFFFF;
}
.couleur-EvP {
	    background: #FFFFFF;
}
.couleur-EvG {
	    background: #FFFFFF;
}
.couleur-EvP2 {
	    background: #FFFFFF;
}
.couleur-EvG2 {
	    background: #FFFFFF;
}