/* Configuration pour les PCs et tablette en paysage */
@media (min-width: 701px){
	.boite_dialogue{
		display:none;
		position:absolute;
		background-color:azure;
		border:1px solid black;
	}
	
	.bd-en_tete{
		display:block;
		width:100%;
		height:5vh;
		background-color:#0057A7;		
	}
	
	.bd-contenu{
		display:block;
		width:100%;
		font-family:Arial;
		padding:2px;
		font-size:2vh;
	}
	
	.bd-zone_boutons{
		display:block;
		width:100%;
		height:5vh;
		text-align:center;
	}
	
	.bd-barre_titre{
		display:inline-block;
		width:95%;
		height:100%;
		vertical-align:top;
	}
	
	.bd-fermer{
		display:inline-block;
		width:5%;
		height:100%;
		vertical-align:top;
		font-family: arial;
		text-align: center;
		font-size: 4.5vh;
		color: yellow;
		background-color:red;
		cursor:pointer;
	}
	
	.bd-titre{
		font-size: 3vh;
		margin: auto;
		display: block;
		padding: 0.5vh;
		font-weight:bold;
		text-align:center;
		color:white;
	}
	
	.bd-bouton{
		display: inline-block;
		width: 9vw;
		height: 4.5vh;
		margin: auto;
		font-size: 2vh;
		font-family: Arial;
		border: 1px solid black;
		border-radius: 15px;
		background-color: rgb(0,87,167);
		color: white;
		cursor:pointer;
		vertical-align:top;
	}
	
	.bd-bouton_connecte{
		display:inline-block;
		float:right;
	}
	
	.bd-bouton:hover{
		background-color: #D6EAF8;
		color:rgb(0,87,167);
		font-weight:bolder;
	}
	
	.bd-bouton:active{
		background-color: rgb(0,87,167);
		color: #D6EAF8;
		font-weight:bolder;
	}
	
	.menu-bouton{
		display: inline-block;
		width: 5vw;
		height: 3vh;
		margin: auto;
		font-size: 1.5vh;
		font-family: Arial;
		border: 1px solid #BE9B61;
		border-radius: 15px;
		background-color: #0057A7;
		color: white;
		cursor: pointer;
		box-shadow: 8px 8px 12px #AAA;
		vertical-align: top;
	}
	
	.menu-bouton:hover{
		background-color: #D6EAF8;
		color:#0057A7;
		font-weight:bolder;
	}
	
	.menu-bouton:active{
		background-color: #0057A7;
		color: #D6EAF8;
		font-weight:bolder;
	}
	
	.bd_champ{
		display: block;
		margin: 5px;
		padding: 5px;
		width: 38vw;
	}
	
	.bd_demi_champ{
		display: inline-block;
		margin: 5px;
		padding: 5px;
		width: 18vw;
	}
	
	.lien_divers{
		display: inline-block;
		width: 15vw;
		font-size: 2vh;
	}
	
	.lien_divers:hover{
		color:#BE9B61;
	}
	
	.block_flottant{
		display:none;
		position:absolute;
		text-align:center;
		background-color:rgba(255,255,255,0.8)
	}
	
	#BoiteDialogues{
		display: none;
		position: absolute;
		vertical-align: middle;
		margin:auto;
		color:white;
		font-family: arial;
		font-size: 3vh;
		z-index: 1;
	}
	
	.BoiteNavigation{
		display: table;
		width: 100%;
		height: 5%;
	}

	.boiteTitre{
		display:table-cell;
		width: 90%;
		height: 100%;
		text-align: center;
		border:1px solid white;
		background-color: rgb(0,68,122);
		font-size:2vw;
		color:white !important;
	}

	.boiteFermer{
		display: table-cell;
		width: 5%;
		height: 100%;
		text-align: center;
		border:1px solid white;
		background-color: red;
		color:yellow;
		font-weight:bolder;
		cursor: pointer;
		font-size:3vh;
	}

	.boiteContenu{
		display:block;
		margin: auto;
		width: 100%;
		max-height:72vh;
		text-align: center;
		border:1px solid #00447A;
		background-color: rgba(255,255,255,0.9);
		color:#00447A;
		overflow-y:auto;
	}
	
	.champform100 {
		display: inline-block;
		width: 99%;
		border: 1px solid black;
		font-family: arial;
		font-size: 2vh;
		margin: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align:top;
	}
	
	.champform75 {
		display: inline-block;
		width: 73.5%;
		border: 1px solid black;
		font-family: arial;
		font-size: 2vh;
		margin: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align:top;
	}
	
	.champform66 {
		display: inline-block;
		width: 63.8vw;
		border: 1px solid black;
		font-family: arial;
		font-size: 2vh;
		margin: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align:top;
	}
	
	.champform50 {
		display: inline-block;
		width: 46vw;
		border: 1px solid black;
		font-family: arial;
		font-size: 2vh;
		margin: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align:top;
	}
	
	.champform33 {
		display: inline-block;
		width: 31.4vw;
		border: 1px solid black;
		font-family: arial;
		font-size: 2vh;
		margin: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align:top;
	}
	
	.champform25 {
		display: inline-block;
		width: 22.6vw;
		border: 1px solid black;
		font-family: arial;
		font-size: 2vh;
		margin: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align:top;
	}
	
	.champform16 {
		display: inline-block;
		width: 14.7vw;
		border: 1px solid black;
		font-family: arial;
		font-size: 2vh;
		margin: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align:top;
	}
	
	.champform12 {
		display: inline-block;
		width: 11.4vw;
		border: 1px solid black;
		font-family: arial;
		font-size: 2vh;
		margin: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align:top;
	}
	
	.champ_liste_simple{
		display: inline-block;
		width: 85%;
		border: 1px solid black;
		font-family: arial;
		font-size: 2.8vh;
		margin: 2px;
		padding-top: 5px;
		padding-bottom: 5px;
		height:5vh;
	}
	
	.groupe_options{
		display:inline-block;
		width:15.9%;
	}
	
	.case_option_label{
		font-size:1vw;
	}
	
	.case_option{
		width:1.2vw;
	}
	
	.legende_size{
		font-size:12px;
	}
	
}

/* Configuration pour les téléphones */
@media(max-width: 700px){ 
	
}