body {
	background-color : #FFFFFF;
    FONT-FAMILY: arial;
	background-image:url(images/ca53.png);
	background-repeat:no-repeat;
	background-position:right ;
      }
	  
	  
      span { display : inline-block; width : 100px;
      }
	
	#page{
		
		height: 500px;
		}
	 			
		table {	
			width: 100%;
			text-align:center;
			} 
			
		input{
			text-align:center;
			 width:100px;
						
			}
			
		label
			{
			display: block; /* La balise devient de type block. */
			width:250px; /* Cette largeur sert d’exemple, vous pouvez la modifier si vous voulez. */
			float: left;
			}
			
		
	
 
	  .nom_culture 
	  {
	  font-size: 25px;
	   font-weight: bold;
	  
	  }
	  .sous_total 
	  {
	  font-size: 20px;
	   font-weight: bold;
	   background-color : #87CEEB;
	  
	  }
	  
	  .total, #total
	  {
	  font-size: 20px;
	   font-weight: bold;
	   background-color : #00BFFF;
	  
	  }
	  
	    
		
		#onglets{
			display: none;
		}
		#onglets li{
			position: relative;
			float: left;
			list-style: none;
			padding: 2px 5px 7px;
			margin-right: 5px;
			border: 1px solid #1175AE;
			cursor: pointer;
			background-color: #FFFFFF;
			color: #0D5995;
			z-index: 1;
		}
		
			#onglets .actif{
			border-bottom: none;
			background-color: #87CEEB;
			font-weight: bold;
			z-index: 10;
		}
		

		
		.btn{
			position: relative;
			float: left;
			list-style: none;
			padding: 2px 5px 7px;
			margin-right: 5px;
			border: 1px solid #1175AE;
			cursor: pointer;
			background-color: #FFFFFF;
			color: #0D5995;
			z-index: 1;
		}
		
		.btn.active{
			position: relative;
			float: left;
			list-style: none;
			padding: 2px 5px 7px;
			margin-right: 5px;
			border: 1px solid #1175AE;
			cursor: pointer;
			background-color: #F5F5DC;;
			color: #0D5995;
			z-index: 1;
			border-bottom: none;
			background-color: #F5F5DC;
			font-weight: bold;
			z-index: 10;
			
		}
		
		
			#contenu{
			clear: both;
			position: relative;
			margin: 0 20px;
			padding: 10px;
			border: 5px solid #0D5995;
			z-index: 5;
			top: -6px;
			background-color: #FFFFFF;
			color: #0F67A1;
			width: 90%;
			overflow: hidden;
			border-radius: 15px;
		}
		
		
		
		 #contenu_saisie{
			clear: both;
			position: relative;
			margin: 0 20px;
			padding: 10px;
			border: 5px solid #0D5995;
			z-index: 5;
			top: -6px;
			background-color: #FFFFFF;
			color: #0F67A1;
			width: 40%;
			overflow: hidden;
			border-radius: 15px;
		}
		
		 #contenu_saisie_vol{
			clear: both;
			position: relative;
			margin: 0 20px;
			padding: 10px;
			border: 5px solid #0D5995;
			z-index: 5;
			top: -6px;
			background-color: #F5F5DC;
			color: #0F67A1;
			width: 60%;
			overflow: hidden;
			border-radius: 15px;
		}
	  
	 
	
		
		 .bouton_valider
	  {
		font-size: 20px;
	   font-weight: bold;
	    width:200px;	   
	   background-image:linear-gradient(green, white);
	   border-radius:8px;
	  
	  }
		
		p

            {  color: blue;
			text-align:center;
        }
			
      .bouton1 {
	padding: 6px;
	margin:1px 1px 1px 1px ;
	font:Bold 13px Arial;
	background:#d34836;
	color:#fff;
	width:150px;
	border-radius:2px;
	border:none;
	
	}
	
	.bouton {
		width:200px;
		 
		}
	
	
	caption { 
  caption-side: top;
  text-align: center;  
}




.titre1{
	   background-color :#B0E0E6;

}

#global {
  margin-left: auto;
  margin-right: auto;
  width: 400px; /* largeur obligatoire pour être centré */
   margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

#centre {
  margin-left: auto;
  margin-right: auto;
  width: 400px; /* largeur obligatoire pour être centré */
  }



li {
	display: inline;
	
}
  
	   #mb_u
	  {
	  font-size: 26px;
	   font-weight: bold;
	   background-color : #0000CD;
	   color: #F8F8FF;
	  
	  }
	  
	   #mb_ha
	  {
	  font-size: 26px;
	   font-weight: bold;
	   color: #F8F8FF;
	   background-color : #1E90FF;
	  
	  }
 

li a {	
	display: inline-block;
	width: 100px;
	padding: 5px 5px 5px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	background: #999;
	margin: 10px;
} 

#prodlabel
{
	display: block; /* La balise devient de type block. */
	width:150px; /* Cette largeur sert d’exemple, vous pouvez la modifier si vous voulez. */
	margin-left: 50px;
	padding:10px;
}

#modeprod1
{
	width: 80%;
	display: block; /* La balise devient de type block. */
	border: 1px solid blue;
	background: #81F7F3;
	padding:10px;
	border-radius: 15px;
	
}


#modeprod2
{
	display: block; /* La balise devient de type block. */	
	margin-left: 20px;
	margin-top:10px;
}

#labelvol
{
	display: block; /* La balise devient de type block. */
	width:100px; /* Cette largeur sert d’exemple, vous pouvez la modifier si vous voulez. */
	
}

#labelcap
{
	display: block; /* La balise devient de type block. */
	width:400px; /* Cette largeur sert d’exemple, vous pouvez la modifier si vous voulez. */
	
}

#jbv1, #jbl1 
{
	
	margin-left: 50px;
    border: 1px solid blue;
	background: #00fa9a;
	
}

#volchair
{
	width: 50%;
	margin-left: 50px;
    border: 1px solid blue;
	background: #00fa9a;
	padding:10px;
	border-radius: 15px;
	
	
}