body{
		  background-image: url(background.png);
		  font-family: 'Open Sans',sans-serif;
		  font-weight: 400;
		  font-size: 13px;
		}
#picto {

    width: 150px;
    height: 210;
    margin-top: 110px;
    margin-left: auto;

}	

#impression{
  display : none;
}
#general {

    width: 450px;
    height: 210;
    margin-top: 110px;
    margin-left: 250;

}	
		p{
		 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		 font-size:12px;
		}
		
		:titre{
		 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		 font-size:16px;
		 text-align: left;

		}
		
		:texte{
		 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		 font-size:12px;
		 text-align: left;
		 min-height:16px;
		}
		
		:alert{
		 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		 font-size:12px;
		 font-color:red;
		 text-align: left;
		 min-height:16px;
		}
		
		error{
		 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		 font-size:12px;
		 text-align: center;
		 min-height:16px;
		}
		
		logo {
		font-family: "ADVENTURE", Helvetica, Arial, sans-serif;
		font-weight: 400;
		font-size: 16px;
		}
		


		form {
          width:800px;
          margin: 10px auto;
        }
		
		
		table {
		  width:750px;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          border:1px solid #ccc;
          font-size:10px;

          -webkit-border-radius:5px;
          -moz-border-radius:5px;
          -o-border-radius:5px;
          -ms-border-radius:5px;
          border-radius:5px;
        }
		
		
		table  [id=conso]{
		  width:900px;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          border:1px solid #ccc;
          font-size:10px;

          -webkit-border-radius:5px;
          -moz-border-radius:5px;
          -o-border-radius:5px;
          -ms-border-radius:5px;
          border-radius:5px;
        }

		
		table  [id=entete]{
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          width:600px;
        }
		
		table  [id=agresdetail]{
          width:510px;
        }
		table  [id=250]{
          width:450px;
        }
		
		table[id=caisse]  {
		  width:900px;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          border:1px solid #ccc;
          font-size:10px;

          -webkit-border-radius:5px;
          -moz-border-radius:5px;
          -o-border-radius:5px;
          -ms-border-radius:5px;
          border-radius:5px;
        }
		
		tr[id=titre] {
		  font-size:12px;
		  min-height:18px;
		}

		td[id=total] {
		  font-size:12px;
		  text-align: right;
		  min-height:18px;
		}
		
		th[id=total] {
		  font-size:12px;
		  text-align: right;
		  min-height:18px;
		}
		th[id=totalg] {
		  font-size:12px;
		  text-align: left;
		  min-height:18px;
		}
		th[id=entete] {
		  font-size:14px;
		  text-align: right;
		  min-height:18px;
		}
		
		th[id=enteteg] {
		  font-size:14px;
		  text-align: left;
		  min-height:18px;
		} 
		
		th[id=titre] {
		  font-size:14px;
		  color:yellow;
		  text-align: center;
		  min-height:18px;
		}
		
		th[id=TITR] {
		  font-size:20px;
		  text-align: center;
		  min-height:24px;
		}
		th[id=coordon] {
		  font-size:16px;
		  text-align: right;
		  min-height:20px;
		}
		
		td[id=totalg] {
		  font-size:12px;
		  text-align: left;
		  min-height:18px;
		}
		td[id=entete] {
		  font-size:14px;
		  text-align: right;
		  min-height:18px;
		}
		
		td[id=enteteg] {
		  font-size:14px;
		  text-align: left;
		  min-height:18px;
		} 
		
		td[id=titre] {
		  font-size:14px;
		  color:yellow;
		  text-align: center;
		  min-height:18px;
		}
		
		td[id=TITR] {
		  font-size:20px;
		  text-align: center;
		  min-height:24px;
		}
		td[id=coordon] {
		  font-size:16px;
		  text-align: right;
		  min-height:20px;
		}
		
	
		button {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  -webkit-border-radius:5px;
		  -moz-border-radius:5px;
		  -o-border-radius:5px;
		  -ms-border-radius:5px;
		  border-radius:5px;
		}
		fieldset{
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  width:810px;

		  -webkit-border-radius:8px;
		  -moz-border-radius:8px;
		  -o-border-radius:8px;
		  -ms-border-radius:8px;
		  border-radius:8px;
		}
		fieldset[id=fiche] {
		  width:750px;
		}
		fieldset[id=agres] {
		  width:850px;
		}
		fieldset[id=460] {
		  width:260px;
		}
		
		ouput[name=reste]{
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  width:30px;
		  border:1px solid #ccc;
		  font-size:18px;
		  text-align: right;

		  -webkit-border-radius:8px;
		  -moz-border-radius:8px;
		  -o-border-radius:8px;
		  -ms-border-radius:8px;
		  border-radius:8px;
		}
		
		input {
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          border:1px solid #ccc;
          font-size:16px;
          width:50px;
		  text-align: left;
          min-height:15px;
          display:block;
          margin-bottom:15px;
          margin-top:5px;
          outline: none;
 
          -webkit-border-radius:5px;
          -moz-border-radius:5px;
          -o-border-radius:5px;
          -ms-border-radius:5px;
          border-radius:5px;
        }
	
		select{
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:16px;
		  text-align: left;
		  width:200px;
		  min-height:15px;
		  display:block;
		  margin-bottom:15px;
		  margin-top:3px;
		  outline: none;
		  -webkit-border-radius:5px;
		  -moz-border-radius:5px;
		  -o-border-radius:5px;
		  -ms-border-radius:5px;
		  border-radius:5px;
		}
		
		
		select[id=reglement] {
		  width:68px;
		}
		
		select[id=horaire] {		  
		  width:80px;
		}
		
		select[id=kit] {		  
		  width:150px;
		  font-size:12px;
		}
		
		select[id=signataire] {
		  font-size:16px;
		  width:200px;
		}
		
		select[id=description] {
		  font-size:14px;
		  width:350px;
		}
		
		input[id=nb] {
		  font-size:20px;
		  text-align: center;
		  width:70px;
		  min-height:25px;
		}
		input[id=CP] {
		  font-size:16px;
		  text-align: center;
		  width:70px;
		  min-height:18px;
		}
		input[name=societe] {
		  font-size:16px;
		  width:200px;
		  min-height:20px;
		}
		
		input[name=NOM] {
		  font-size:16px;
		  width:220px;
		  min-height:15px;
		}
		
		input[name=fichier] {
		  font-size:14px;
		  width:300px;
		  min-height:15px;
		}
				input[name=monfichier] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:12px;
		  color:#FF00FF;
		  width:650px;
		  min-height:20px;

		}

		input[name=monfichier1] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:12px;
		  color:#FF00FF;
		  width:650px;
		  min-height:18px;

		}
		input[name=monfichier2] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:12px;
		  color:#FF00FF;
		  width:650px;
		  min-height:18px;

		}
		input[name=titre] {
		  font-size:12px;
		  width:500px;
		  min-height:16px;
		}
		input[id=lien_www] {
		  font-size:12px;
		  width:500px;
		  min-height:14px;
		}
		
		input[id=acpte] {
		  font-size:16px;
		  width:16px;
		  min-height:15px;
		}
		
		input[id=NOM_cl] {
		  font-size:16px;
		  width:210px;
		  min-height:15px;
		}
		
		
		input[name=Prenom] {
		  font-size:16px;
		  width:90px;
		  min-height:15px;
		}
		
		input[id=prenoms] {
		  font-size:16px;
		  width:90px;
		  min-height:15px;
		}
		input[id=kw] {
		  font-size:14px;
		  width:90px;
		  min-height:15px;
		  text-align: right;
		}
		
		input[name=CP] {
		  font-size:16px;
		  width:20px;
		  min-height:15px;
		}
		
		input[name=VILLE] {
		  font-size:16px;
		  width:160px;
		  min-height:15px;
		}
		
		input[name=prix] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:18px;
		  text-align: right;
		  width:80px;
		  min-height:20px;

		}

		input[name=monfichier] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:12px;
		  color:#FF00FF;
		  width:650px;
		  min-height:20px;

		}
		
		input[name=sujet] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:12px;
		  width:650px;
		  min-height:20px;

		}
		
		input[id=date_enr] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:12px;
		  width:120px;
		  min-height:20px;
		}

		
		input[id=tarif] {
		  font-size:16px;
		  width:60px;
		  
		}
		
		input[id=code] {
		  font-size:14px;
		  width:50px;
		  
		}
		input[id=article] {
		  font-size:14px;
		  width:160px;
		  
		}
		
		input[id=commentaire] {
		  font-size:10px;
		  width:260px;
		  
		}
		input[name=id_fab] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:14px;
		  width:150px;
		  min-height:15px;
		}
		input[name=description] {
		  font-size:14px;
		  width:150px;
		  min-height:15px;
		}
		
		input[id=annul] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:14px;
		  width:100px;
		  min-height:15px;
		}
		
		input[id=description] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:14px;
		  width:140px;
		  min-height:15px;
		}
		
		input[id=mois] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:18px;
		  width:200px;
		  text-align: center;
		  min-height:20px;
		}
		
		input[id=DateDeb] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:18px;
		  width:200px;
		  text-align: center;
		  min-height:20px;
		}
		
		
		input[id=coordon] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:16px;
		  width:160px;
		  min-height:15px;
		}
		
		input[id=prix] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  text-align: right;
		  font-size:18px;
		  width:80px;
		  min-height:25px;
		}
		
		input[id=tel] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:12px;
		  width:80px;
		  min-height:15px;
		}
		
		input[id=mail] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:16px;
		  width:240px;
		  min-height:15px;
		}
		
		input[name=id_client] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:16px;
		  width:60px;
		  min-height:15px;
		}
		
		
		input[type=date] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:18px;
		  width:152px;
		  min-height:25px;
		}
		
		input[type=time] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:18px;
		  width:90px;
		  min-height:25px;
		}
		
		input[type=button] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:18px;
		  width:200px;
		  min-height:25px;
		}
		
		input[type=checkbox] {
		
		  background:url('uncheck.png');
		  background-repeat:no-repeat;
		  width:18px;
		  height:18px;
		  padding:0;
		  box-shadow:1px 2x 3px #AAA; 
		  -webkit-box-shadow:1px 2px 3px #AAA;	
		  border:none;
		}
			

		input[type=submit] {
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  border:1px solid #ccc;
		  font-size:18px;
		  width:200px;
		  min-height:25px;
		}
		
		label{
		  
		  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		  font-size:14px;
		  text-align: center;
		}
input.controle {
  outline:0;
  font-size:14px;
  width:260px;
}	
label.label {
  display:inline-block;
  width:200px;
  text-align: right;
  font-style: italic;
  margin-right:5px;
}
input.controle:valid {
  border:2px solid #0a0;
}
input.controle:invalid {
  border:2px solid #a00;
}
input.controle:valid + span:before  {
  content: "\f00c";
  font-family: "FontAwesome";
  color:#0a0;
  font-size: 1.5em;
}	
input.controle:invalid + span:before  {
  content: "\f00d";
  font-family: "FontAwesome";
  color:#a00;
  font-size: 1.5em;
}
progress{  
	width: 300px;  
	height: 30px;  
  }

.retour {
	background:url(image/retour.gif) no-repeat 10px 8px;
	background-color: #7CFC00; /* vert prairie */
	text-indent:20px;
	border: none;
    padding: 8px 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.suivant {
    background:url(image/suivant.gif) no-repeat 10px 8px;
	background-color: #7CFC00; /* vert prairie */
	text-indent:20px;
	border: none;
    padding: 8px 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.precedent {
    background:url(image/retour.gif) no-repeat 10px 8px;
	background-color: #7CFC00; /* vert prairie */
	text-indent:20px;
	border: none;
    padding: 8px 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.imprim {
    background:url(image/print.gif) no-repeat 10px 8px;
	background-color: #ebebeb; /* bleu*/
	text-indent:20px;
	border: none;
    padding: 10px 24px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.ajout {
    background:url(image/add.gif) no-repeat 10px 8px;
	background-color: #DCDCDC; /* gris clair */
	text-indent:20px;
	border: none;
    padding: 8px 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.mail {
    background:url(image/envoi-mail.gif) no-repeat 10px 8px;
	background-color: #DCDCDC; /* gris clair */
	text-indent:20px;
	border: none;
    padding: 8px 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.download {
    background:url(image/download.gif) no-repeat 10px 8px;
	background-color: #DCDCDC; /* gris clair */
	text-indent:20px;
	border: none;
    padding: 8px 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.recherche {
    background:url(image/lens.gif) no-repeat 10px 8px;
	background-color: #DCDCDC; /* gris clair */
	text-indent:20px;
	border: none;
    padding: 8px 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.delete {
    background:url(image/delete.gif) no-repeat 10px 8px;
	text-indent:30px;
	background-color: red; color: white;/* Green */
	border: none;
    padding: 10px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.enregistrer {
    background:url(image/register.gif) no-repeat 10px 8px;
	background-color: #DCDCDC; /* gris clair */
	text-indent:20px;
	border: none;
    padding: 8px 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.erreur {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:red;
	font-size: 16px;

}
.R_resa {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#0000FF;
	font-size: 16px;
	min-height:18px;
	text-decoration: none;
	border: none;
    padding: 10px 24px;
    display: inline-block;
	border-radius: 8px;
}
.valid {
   background:url(image/valid.gif) no-repeat 10px 8px;
	background-color: navy; /* bleu*/
	text-indent:20px;
	border: none;
    padding: 8px 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
.valider {
    background:url(image/valid.gif) no-repeat 10px 8px;
	background-color: navy; color: white;/* bleu*/
	text-indent:20px;
	border: none;
    padding: 8px 18px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	border-radius: 8px;
}
a.button{
		background:url(image/button.gif);
		display:block;
		color:#555555;
		font-weight:bold;
		height:30px;
		line-height:29px;
		margin-bottom:14px;
		text-decoration:none;
		width:191px;
	}

	a:hover.button{
		color:#0066CC;
								}
/* on ajoute la notion de class pour l'aspect final des boutons css 

	.add{
		background:url(image/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(image/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(image/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(image/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(image/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(image/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
		background:url(image/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url(image/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.print{
		background:url(image/print.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.back{
		background:url(image/retour.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.next{
		background:url(image/suivant.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.valid{
		background:url(image/valid.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.mail{
		background:url(image/envoi-mail.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
*/
a.info {
   position: relative;
   text-decoration: none;
   color:inherit;

   font-weight:600;
   color:#003366;
   border-bottom: 1px #003366 solid; /* On souligne le texte. */
}

a.info span, a.info2 span {
   display: none; /* On masque l'infobulle. */
  		-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: 30px; /* On positionne notre infobulle. */
   left: 20px;

   background: white;
   color: #003366;
   padding: 3px;
   border-radius:3px;
   border: 1px solid #003366;
   border-left: 4px solid #003366;
}