@charset "utf-8";
/* CSS Document */
		:invalid { 

          background-color: #F0DDDD;
          border-color: #e88;
          -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
          -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
          -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
          -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
          box-shadow:0 0 5px rgba(255, 0, 0, .8);
        }
 
        :required {
          border-color: #88a;
          -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
          -moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
          -o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
          -ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
          box-shadow: 0 0 5px rgba(0, 0, 255, .5);
        }
 

        input {
		  font-family:Verdana, Geneva, sans-serif;
          border:1px solid #ccc;
          font-size:11px;
          width:300px;
          min-height:20px;
          /*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;
        }
		
        input[type=text]#champ1 {width:200px;min-height:20px;}  	/* champ mail */
        input[type=text]#champ2 {width:100px;min-height:20px;}	/* champ  nom, prenom, adresse */
		input[type=text]#champ3 {width:150px;min-height:20px;}	/* champ  classique */
        input[type=text]#champ4 {width:120px;min-height:20px;}	/* champ  tel */
        input[type=text]#champ41 {width:100px;min-height:20px;}	/* champ  tel */		
        input[type=text]#champ42 {width:80px;min-height:20px;}	/* champ  tel */			
        input[type=text]#les_villes {width:200px;min-height:20px;}	/* champ ville*/			
        input[type=text]#ville_hr {width:200px;min-height:20px;}	/* champ ville*/					
        input[type=text]#les_cp {width:80px;min-height:20px;}	/* champ  cp */			
		input[type=text]#champ5 {width:50px;min-height:20px;}	/* champ   nombre */
		input[type=text]#champ6 {width:30px;min-height:20px;}	/* champ   nombre */
		input[type=text]#champ7 {width:20px;min-height:20px;}	/* champ   nombre */	
		input[type=text]#champ8 {width:10px;min-height:20px;}	/* champ   nombre */
		input[type=text]#d1 {width:120px;min-height:20px;}	/* champ  tel */		
		input[type=number]{width:50px;min-height:20px;}	/* champ   nombre */		
        input[type=text]#datepicker1 {width:100px;min-height:20px;}	/* champ  tel */
        input[type=text]#datepicker2 {width:100px;min-height:20px;}	/* champ  tel */
        input[type=text]#datepicker3 {width:100px;min-height:20px;}	/* champ  tel */
        input[type=text]#datepicker4 {width:100px;min-height:20px;}	/* champ  tel */
        input[type=text]#datepicker5 {width:100px;min-height:20px;}	/* champ  tel */
        input[type=text]#datepicker6 {width:100px;min-height:20px;}	/* champ  tel */
        input[type=text]#datepicker7 {width:100px;min-height:20px;}	/* champ  tel */
        input[type=text]#datepicker8 {width:100px;min-height:20px;}	/* champ  tel */
        input[type=text]#datepicker9 {width:100px;min-height:20px;}	/* champ  tel */
        input[type=text]#datepicker10 {width:100px;min-height:20px;}	/* champ  tel */	
        input[type=text]#datepicker10 {width:100px;min-height:20px;}	/* champ  tel */			
        input[placeholder] { font-size:7; font-style:italic}	/* champ  tel */					
		input[type=email]#mail {width:400px;min-height:20px;}
	input[type=checkbox] {
  		width: 17px; height: 17px; /* dim. de la case */
  		border: 1px solid #aaa;
  		background: #f8f8f8;
  		border-radius: 3px; /* angles arrondis */
  		box-shadow: inset 0 1px 3px rgba(0,0,0,.3) /* légère ombre interne */
		}

	input[type=radio] {
          border:0px solid #ccc;
          width:10px;
          min-height:10px;
		  background-color:#CCC; 
		  font-size:12px;
		  text-align:left		  
		  /*
          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;
        }
		
        input[type=submit] {
		width:160px;
          background:none;
          padding:0px;
          cursor: pointer;
        }
		
		 input[type=button]#session {width:30px;min-height:20px;}		 
		 input[type=button]#menu { width:auto; min-height:20px;}
		 input[type=button]#valider {width:120px;min-height:20px;}	
		 input[type=button]#retour {width:120px;min-height:20px;}	
		 input[type=button]#modifier {width:120px;min-height:20px;}			 
		 input[type=button]#formulaire {width:120px;min-height:20px;}
		 input[type=button]#suppr {width:40px; height:20px;}		
		 
         input[type=reset] {
		  width:150px;			 
          background:none;
          padding:0px;
          cursor: pointer;
        }
		
        label{cursor: pointer;}

#haut {
	background-color: #1166ff;
	position:fixed;
    width: 100%;
    top: 0; /* vaut mieux fixer les valeurs par défaut pour ne pas avoir de mauvaises surprises */
}


input {
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 12px;
}

input[type=text] {
  margin: 5px;
  padding: 0px 0px;
 /* width: 150px;*/
  height: 15px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); 
}

input[type=text]:focus {
  border-color:#333333;
  outline-color: #999;
  outline-offset: 0;
}

input[type=text]#ref_mail {width: 400px;}
input[type=text]#ref_struct {width: 300px;}
input[type=text]#titre {width: 350px;}
input[type=text]#lieu,#compl_public #ref_accomp {width: 200px;}
input[type=text]#ref,#observ {width: 150px;}
input[type=text]#ref_tel,#date {width: 80px;}
input[type=text]#num_flux,#heure,#cp {width:40px;}
input[type=text]#mes_heures,#places,#nbr {width:40px;}
input[type=text]#nbr_presents {width: 20px;font-size:8px; color:#F00; font-weight:bold}
input[type=text]#num_even {width:5px;font-size:7px; color:#F00}

button { width:auto; background-color:#FFF; cursor:pointer}

textarea:focus {
  border-color: #333333;
  outline-color: #999;
  outline-offset: 0;
}

select {
  height: 20px;
  width:auto;
  font-size: 11px;
  color: #000000;
  text-shadow: 0 1px #FF0000;
  background: #CCCCCC;
  border: 1px solid;
  border-color: #333 #333 #333;
  border-radius: 8px;
  cursor:pointer;
}

input[type=submit]{
  padding: 0 18px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px #FF0000;
  background: #FF0000;
  border: 1px solid;
  border-color: #F00 #F00 #F00;
  border-radius: 18px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);   
}

input[type=button], input[type=reset] {
  padding: 0 18px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-shadow: 0 1px #FF0000;
  background: #C9C9C9;
  border: 1px solid;
  border-color: #F00 #F00 #F00;
  border-radius: 16px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); 
}

input[type=button].modif {
  padding: 0 18px;
  height: 15px;
  font-size: 12px;
  width:15;
  font-weight: bold;
  color: #FF0000;
  text-shadow: 0 1px #000000;
  background: #C9C9C9;
  border: 1px solid;
  border-color: #000 #000 #000;
  border-radius: 10px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); 
}

input[type=button]#listes {font-size:8px; color:#000000; padding: 0px 0px;
  height: 15px; font-weight:normal}

input[type=submit]:active {
  background: #cecece;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}