/* @import url( http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700 );
@import url( http://fonts.googleapis.com/css?family=Open+Sans:400,600,300 );*/



.P14BB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:14px; 
			font-weight:bold; 
			color:#FFF;}
.P14NB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:14px; 
			font-weight:bold; 
			color:#000;}
.P14RB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:14px; 
			font-weight:bold; 
			color:#F00;}
.P14N { 	font-family:Verdana, Geneva, sans-serif;
			font-size:14px; 
			color:#000;}

.P12BB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:12px; 
			font-weight:bold; 
			color:#FFF;}
.P12NB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:12px; 
			font-weight:bold; 
			color:#000;}
.P12RB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:12px; 
			font-weight:bold; 
			color:#F00;} 
.P12N { 	font-family:Verdana, Geneva, sans-serif;
			font-size:12px; 
			color:#000;}
			
.P11RB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:11px; 
			font-weight:bold; 
			color:#F00;}			

.P10BB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:10px; 
			font-weight:bold; 
			color:#FFF;}
.P10NB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:10px; 
			font-weight:bold; 
			color:#000;}
.P10N { 	font-family:Verdana, Geneva, sans-serif;
			font-size:10px; 
			color:#000;}
.P10RB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:10px; 
			font-weight:bold; 
			color:#F00;}
.P10R { 	font-family:Verdana, Geneva, sans-serif;
			font-size:10px;  
			color:#F00;}			
.P9BB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:9px; 
			font-weight:bold; 
			color:#FFF;}
.P9RB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:9px; 
			font-weight:bold; 
			color:#F00;}			
.P9NB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:9px; 
			font-weight:bold; 
			color:#000;}
.P9NI { 	font-family:Verdana, Geneva, sans-serif;
			font-size:9px;font-style:italic;  
			color:#000;}
.P9N { 		font-family:Verdana, Geneva, sans-serif;
			font-size:9px; 
			color:#000;}			
.P8BB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:8px; 
			font-weight:bold; 
			color:#FFF;}
.P8RB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:8px; 
			font-weight:bold; 
			color:#FF0000;}			
.P8NB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:8px; 
			font-weight:bold; 
			color:#000;}
.P8N { 		font-family:Verdana, Geneva, sans-serif;
			font-size:8px; 
			color:#000;}
.P8R { 		font-family:Verdana, Geneva, sans-serif;
			font-size:8px; 
			color:#FF0000;}				
.P8B { 		font-family:Verdana, Geneva, sans-serif;
			font-size:8px; 
			color:#FFF;}			
.P8NI { 	font-family:Verdana, Geneva, sans-serif;
			font-size:8px;font-style:italic;  
			color:#000;}			
.P7N { 		font-family:Verdana, Geneva, sans-serif;
			font-size:7px; 
			color:#000;}
.P7NI { 	font-family:Verdana, Geneva, sans-serif;
			font-size:7px;
			font-style:italic; 
			color:#000;}
.P7BB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:7px; font-weight:bold; 
			color:#FFF;}
.P7NB { 	font-family:Verdana, Geneva, sans-serif;
			font-size:7px; font-weight:bold; 
			color:#000;}			
.P7B { 	font-family:Verdana, Geneva, sans-serif;
			font-size:7px; 
			color:#FFF;}					
.P6N { 		font-family:Verdana, Geneva, sans-serif;
			font-size:6px; 
			color:#000;}			
			
.txt_tab {font-family:Verdana, Geneva, sans-serif;font-size:9px; font-weight:bold}	
.txt_select {font-family:Verdana, Geneva, sans-serif;font-size:11px; height:20px;}		


	: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:10px;
          min-height:20px;		  
          -webkit-border-radius:5px;
          -moz-border-radius:5px;
          -o-border-radius:5px;
          -ms-border-radius:5px;
          border-radius:5px;
        }
		
        input[type=text]#champ1 {width:400px;min-height:20px;} 	/* champ mail */
        input[type=text]#champ2 {width:300px;min-height:20px;}	/* champ  nom, prenom, adresse */
		input[type=text]#champ3 {width:200px;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]#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=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:9; 
					font-style:italic}	/* champ  tel */					
		
		input[type=email]#mail {width:400px;min-height:20px;}
		input[type=email]#mail_conf {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;
	      -webkit-border-radius:5px;
          -moz-border-radius:5px;
          -o-border-radius:5px;
          -ms-border-radius:5px;
          border-radius:5px;
        }
		
        input[type=submit] {
		  width:180px;
          background:none;
          padding:0px;
          cursor: pointer;
        }
		
		 input[type=button]#session {width:30px;min-height:20px;}
	     input[type=button]#atrium {width:80px;min-height:10px;}
		 input[type=button]#menu_gestion { 
		 	width:auto; 
			min-height:20px;
			background-color:#2E2D6B;
			color:#FFF;
			font-size: 9px;
			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);

			}
			
		 input[type=button]#valider {width:120px;min-height:20px;}
		 input[type=button]#annuler {width:130px;min-height:20px;}		 
		 input[type=button]#retour {width:120px;min-height:20px;}
		 input[type=button]#modifier {width:120px;min-height:20px;}
		 input[type=button]#reserve {width:120px;min-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; 
}

