/* pour mobile */
@media screen and (max-width:768px) {
	.container {
	  box-sizing: border-box;
	  min-height:80vh;
	  display: flex; /* contexte sur le parent */
	  flex-direction: column; /* direction d'affichage verticale */
	  justify-content: center; /* alignement vertical */
	  margin-bottom: auto;
	}
	/* navigation adaptative */
   	.navigation_desktop {
      display:none !important;
    }
  	.navigation_mobile {
    display:block;
    }
}


/*pour tablette*/
@media screen and (min-width:768px) and (max-width:992px){
	.navigation_desktop {
		width:100%;
    	display: block;
  	}
  	.navigation_mobile {
    	display:none !important;
    }
 }



/*à partir du format tablette et au dessus */
@media screen and (min-width:768px){
	/* On mouse-over, add a lightblue background color */
	.capsule_radio:hover input ~ .checkmark_radio {
   		background-color: #cce5ff;
  	}
  	.nom_secouriste {
  		position:absolute;
   		top:10px;
   	}

   #section1, #section2, #section3 {
     	min-height:530px !important;
     	margin-top:70px; 
     	overflow: hidden
     }

    #section3 {
      	margin-top: 10px;
     }

    #section4, #section5, #section6 {
    	min-height:530px !important;
    	overflow: hidden;
    }

    .desktab {
    	margin-top: 20px;
    }
  

  	#section2 h3 {
    	margin-bottom:60px !important;
  	}

 	.form-group {
  		line-height:0.6 !important;
 		margin-top: 5px;
  	}

	label {
	  	font-size: 14px !important;
	}
	.capsule {
	  	font-size: 14px !important;
	}
	.capsule {
	  	margin-bottom: 10px;
	}
	 h3 {
	 		font-size:18px !important;
	 	}
	 h4 {
	 		font-size:16px !important;
	 	} 

	 svg {
	 	width:55%;
	  	height:55%;
	  }
	 
	 .form-control {
	  height: calc(1em + 0.75rem + 2px)!important;
	  padding: 0.1rem 0.75rem !important;
	  font-size: 0.8rem !important;
	}

	#observations{
		height: calc(4em + 0.75rem + 2px)!important;
	}
	.capsule_radio {
	  margin-bottom: 1px;
	  font-size: 14px !important;
	}
	.checkmark_radio {height:18px !important;
	width:18px !important;}

	.checkmark_radio::after {
	  left: 5px !important;
	  top: 2px !important;
	}
	.custom-select {
	  margin-bottom: 0.5rem !important;
	  background-color: #eaf3f9!important;
	  font-size: 14px;
	}
	.blue {padding:5px;
	margin-bottom:10px;}

	.checkmark {
	  width: 14px;
	  height: 14px;
	}
	.checkmark::after {
	  left: 4px !important;
	  top: 1px !important;
	}
}

/*pour format desktop uniquement*/
 @media screen and (min-width:992px){
 	#section3 {
     margin-top:70px; 
   }
  .navigation_desktop {
    width:100%;
    display:none !important;
  }
  .navigation_mobile {
    display:none !important;
  }
}