/* Regles générales */
html {    
	background: #EEEEEE;
	font-family: "Arial";
	font-size: 0.9em;
	background: radial-gradient(ellipse at center bottom, white, #DDDDDD);
	text-align:center;
	height:100%;
	width:100%;
	margin: 0;
}

body { 
text-align: center; 
padding: 0; 
margin: 0; 
} 

a {color: #068; text-decoration: underline; }
a:hover {color: #0DF; text-decoration: none;}
label
{
	display: inline;
	text-align: right;
}
input[type="submit"]:hover
{
	cursor: pointer;
}

header {
	width: 100%;
    height: 73px;
	background-image: url("../images/Logo.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	margin:auto; 
}
/*-------------------------------------------COMMUN A TOUT LE MONDE -------------------------------------------------------*/
.box {
  position: relative;
  /*min-width: 900px;----------------------------------------------------------------------------------*/
  width: 1250px;
  min-height: 100px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
  text-align:center;
  margin:auto; 
}
.box:after {
      position: absolute;
      width: 80%;
      height: 40%;
      left: 10%;
      border-radius: 50%;
      z-index: -1;
      bottom: 0%;
      content: "";
      box-shadow: 0 7px 16px rgba(0,0,0,0.4);
      }

.contenu {
	position:relative;
	width: 100%;
	margin: auto;
	min-height:100px;
	padding: 15px 0px 15px 0px; 
	}

.contenu2 {
	width: 700px;	
	margin: 0 auto 0 auto;
	}	
/* ------------------------------------- INDEX .PHP -------------------------------------*/	
/* DIV CONTENEUR */
#connexion{
	position:relative;
	margin:auto;
	width: 400px;	
}
/* FORMULAIRE */
#formconnect {
	
}	
#formconnect fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.1em;
	color: #057;
}

#formconnect fieldset {
	margin-bottom: 10px;
	border: #0AD 1px solid;
	background-color: #FFF;
	border-radius:2%
}
#formconnect label {
	width: 150px;
	display: block;
	float:left;
	text-align: right;
}

/* -----------------------------  ADMIN.PHP ---------------------------------------------------*/
/* Style barre de stattut */
#status {
	position:relative;
	margin : auto auto 15px auto ;
	padding: 10px;
	background: linear-gradient(#EEEEEE,#FFFFFF);
	width : 970px;
	height: 20px;
	font-size: 1.1em;
	box-shadow: 0 2px 15px rgba(200,200,200,0.5), 0 0 10px rgba(0,0,0,0.15) inset,0 0px 10px rgba(200,200,200,0.4);
	border-radius: 2%     2%     2%     2% /     2%     2%     2%     2%;
}
/* Lien de la barre */
#status a {
	position:relative;
	left: 175px;	
}
/* DIV Conteneur des Choix */
#leschoix{
	position: relative;
	width: 1250px;
	min-width: 1000px;
	margin:auto auto 1px auto;
}
#leschoix4{
	position: relative;
	width: 1000px;
	min-width: 1000px;
	margin:auto auto 1px auto;
}
#choixuser{
	position: relative;
	width: 750px;
	min-width: 750px;
	margin:auto auto 50px auto;
}
/* Menu Admin user */
.choix {
	padding: 15px;	
	position: relative;
	font-size: 1.1em;
	width: 210px;
	height: 225px;
	float:left;
	margin: 5px;
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 10px rgba(0,0,0,0.15) inset,0 0px 10px rgba(200,200,200,0.4);
	border-radius: 5% 5% 5% 5% / 5% 5% 5% %;
 }
 /* Effet OVER sur les choix */
.choix:hover{
	box-shadow: 0 2px 25px rgba(0,150,200,0.5), 0 0 10px rgba(0,0,0,0.15) inset,0 0px 10px rgba(200,200,200,0.4);
 }
 /* Barre Etat des lots */
 #etat{
	position:relative;
	font-size: 1.3em;
	clear:both;
	height: 20px;
	width : 970px;
	padding: 10px;
	background: linear-gradient(#EEEEEE,#FFFFFF);
	box-shadow: 0 2px 15px rgba(200,200,200,0.5), 0 0 10px rgba(0,0,0,0.15) inset,0 0px 10px rgba(200,200,200,0.4);
	border-radius: 2%     2%     2%     2% /     2%     2%     2%     2%;
	margin : auto auto 15px auto ;
	padding: 10px;
	top:15px;
}
 
 
 
 
 
 
 
 
 
 
 /*--------------------------------------------------------------------*/
input[td="date"]
{
	style:border:solid 1px black; 
	border-radius:3px; 
	text-align:center; 
	font-weight:bold; 
	height: 50px;
	font-size: 20px;
}

select[style="perso"]
{
	style:border:solid 1px black; 
	border-radius:3px; 
	text-align:center; 
	font-weight:bold; 
	height: 50px;
	font-size: 20px;
}



input[td="lot"]
{
	style:border:solid 1px black; 
	border-radius:5px; 
	text-align:center; 
	box-shadow:0 0 6px;
	font-weight:bold; 
	color:steelblue;
	height: 30px;
	font-size: 24px;
	max-width: 80px;
}

input[td="oui"]
{
	style:border:solid 1px black; 
	border-radius:5px; 
	text-align:center; 
	vertical-align:middle;
	box-shadow:0 0 1px;
	font-weight:bold; 
	color:steelblue;
	height: 40px;
	font-size: 24px;
	max-width: 80px;
}

input:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
table[style=planning]
{
min-width:400px;
text-align:center;
}

table[style=planning] td
{
padding:0;
}

caption
{
caption-side:top;
font-weight:bold;
font-style:italic;
margin:4px;
}

table { 
margin : 1px auto auto auto; 
} 

table[monstyle=toto]{
	vertical-align:middle;
	border: 0px ;
	text-align:center; 
	}


table,td,tr
{
	border: 5px solid black;
	border-width:3px;
	text-align:center;
	vertical-align:middle;
	min-width: 30px;
	max-width: 300px;
}

img
{
	vertical-align:middle;
	padding:0;
	margin:0;
}


input[monstyle=lien]{
	clear:both;
	padding:0;
	width:20px; 
	height:20px;
	vertical-align:bottom;
	margin:0;
	}
	
input[monstyle=logopdf]{
	top:10px;
	position:absolute;
	right:200px;
	}

td[monstyle=saisie]{
	vertical-align:middle;
	border: 0px ;
	padding:15px 15px 0 15px ;
	text-align:center; 
	}

td,th[monstyle=detail]{
	vertical-align:middle;
	border:15px;
	padding:5px;
	text-align:center; 
}

table[monstyle=admin]{
	height:5px;
	vertical-align:middle;
	border-width:3px;
	border-style:solid;
	text-align:center; 
	}
	
table[monstyle=detail]{
	vertical-align:middle;
	border-width:3px;
	border-style:solid;
	text-align:center; 
	}

.rowtitle
{
background: #9CF;
font-weight:bold;
}

tr[couleur=rouge]{background: #FAA;}
tr[couleur=vert]{background: #AFA;}
tr[couleur=bleu]{background: #88EAF7;}
tr[couleur=orange]{background: #FFF181;}
td[couleur=rouge]{background: #FAA;}
td[couleur=vert]{background: #AFA;}
td[couleur=bleu]{background: #88EAF7;}
td[couleur=orange]{background: #FFF181;}
th[couleur=rouge]{background: #FAA;}
th[couleur=bleu]{background: #88EAF7;}
th[couleur=vert]{background: #AFA;}
th[couleur=orange]{background: #FFF181;}


#mytable input
{
	position:relative;
	margin:auto;
	padding:0;
	width:20px; 
	height:20px;
	margin:0;
	top:10px
}