@media only screen and (max-width: 1024px) {
	#page {
		font-size: 1em;
		padding:0;
		text-align:center;
	}

	#content {
		display: flex;
		flex-direction: column;
	}

	#infosCourse {
		float: none;
		order: 2;
		width: 100%;
		text-align: center;
		margin-left:0%;
		margin-right:0%;
	}

	#restePage {
		order: 1;
		width: auto;
		font-size: 1.5em;
		display:flex;
		flex-direction: column;
		justify-content:center;
	}

	#msg_exceptionnel {
		/* width:75%; */
		font-size:1.75em;
	}
		
	#logo h1 {
		width:100%;
		font-size: 2.5em;
		text-align: center;
		position: sticky;
	}
	.message-accueil {
		font-size: 1.15em;
		text-align: center;
	}
	.boutonCountdown {
		width: 100%;
		font-size: 1.05em;
	}
	.nbInscrits {
		font-size: 1.15em;
		display:flex;
		justify-content:center;
		width: 100%;
		flex-direction:column;
	}

	.petitBouton {
		width: 100%;
		height: auto;
		font-size: 1em;
		padding: 20px 10px;
	}

	.petitBouton span {
		width: 100%;
		text-align: center;
		font-size: 1em;
	}

	.grandBouton {
		width: 100%;
		height: auto;
		padding: 20px 10px;
		font-size: 1em;
	}

	.grandBouton span {
		width: 100%;
		font-size: 1em;
		/* font-weight: bold; */
	}
	
	.boutonMenu, .boutonMenuInactif {
		font-size: 1.5em;
		margin: 0.5em auto;
		border: 2px solid #000;
		width: 90%;
		overflow: hidden;
		/* j'ai supp le float: none. Ines */
	}
	.boutonMenu:hover {
		border: 2px solid #000;
	}
		
	
	.boutonMenu span, .boutonMenuInactif span {
		position: relative;
		display: block;
		bottom: auto;
	}

	.fs10px {
		font-size: 0.85em;
	}
	.fs12px {
		font-size: 1.75em;
	}
	.fs13px {
		font-size: 1.85em;
	}
	.boutonLienLarge {
		width: 100%;
	}
	.boutonMenu img, .boutonMenuInactif img {
		float: left;
	}
	
	#form_reprise input {
		font-size: 1em;
		width:auto;
	}

	#langues {
		height: auto;
		font-size: 1em;
		text-align: center;
	}
	#langues a img {
		width: 2em;
		height: 2em;
	}

	#cookie-law p {
		font-size: 1.25em;
	}
	#cookie-law p span {
		font-size: 0.85em;
	}
	
	.resumeCourse {
		width: 90%;
		font-weight:normal;
		margin: 1% auto;
	}
	#titreCourse {
		height: auto;
		float:none;
		width:250px;
		margin:0 auto;
	}
	#logoCourse {
		margin:1em 0em;
		width:90%;
	}
	#flyer, #sponsors {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	#flyer img, #sponsors img {
		width:91%;
		height: auto;
	}
	/* .reglement { */
		/* display:none; */
	/* } */
	.reglementpdf {
		text-align:center;
		padding-left:0;
	}

	input[type="checkbox"] {
		width: 2em;
		height: 2em;
	}
	
	#reglement_check {
		margin: 2em 0;
		text-align:left;
	}
	
	/* form inscr */
	#form_inscr label
	,#form_resetmdp label
	,#form_echange_doss label
	,.form_suisjeinscrit label
	,#compteur label
	,#org_modif_options label
	,#form_mailings label
	,#form_verspaiement label
	,#form_mdpoublie label
	,#form_forcer_paiement label
	/* ,#form_annuler label */
	,#form_attestation_dossier label
	,#form_attestation_cmd label
	,#form_autoriserrefuser_paiement label
	,#form_surplace label
	/* ,#form_papier label */
	/* ,#form_automatiser_masse label */	{
		float:none;
		width: auto;
		font-size: 1em;
	}

	#form_inscr input[type=text],
	#form_inscr input[type=password],
	#form_resetmdp input[type=text],
	#form_resetmdp input[type=password],
	#form_mdpoublie input[type=text],
	.form_suisjeinscrit input[type=text],
	#form_echange_doss input[type=text],
	#form_mailings input[type=text],
	#form_surplace input[type=text],
	input[type=date],
	.typeahead,
	.tt-query,
	.tt-hint {
		display:block;
		height: auto;
		line-height: auto;
		font-size:1em;
		max-width: none;
		width: 90%;
		padding: 0.5em;
		margin:auto;
	}
	input[type=date] {
		width:auto;
	}
	.ligne, .lignerecap {
		margin-bottom: 1em;
	}
	
	.ladda-label {
		font-size: 1.5em;
	}
	
	#form_inscr select
	,#form_choixnb select
	,#form_echange_doss select
	,#form_mailings select
	,#form_verspaiement select
	,#form_surplace select
	{
		height: auto;
		font-size: 1em;
		background-color: #fff;
		width:97%
	}
	
	/* typeahead */
	.tt-suggestion {
		line-height:1.2em;
		font-size: 1em;
	}
	
	.bloc_commentaire
	,.bloc_modele_justif
	{
		font-size:1em;
		width:auto;
	}
	.notice_info_factu
	{
		font-size:0.6em;
		width:auto;
	}
	
	.message-erreur
	,.remarque
	{
		font-size:0.75em;
	}
	.message-erreur-decale
	,.remarque
	{
		width: auto;
		margin: 0.2em 0em;
	}
	
	.form_or_csv {
		font-size:1em;
	}
	
	input[type="file"]
	{
		font-size:1em;
	}
	
	.ligne_blocdroite {
		font-size:1em;
		line-height:1.2em;
		width:auto;
		text-align:left;
	}

	input[type="number"] {
		font-size:1em;
		display:block;
		width: auto;
	}
	
	.cadreitalique {
		font-size: .95em;
	}

	#restePage > h2, #restePageLarge > h2, #cadre_suisjeinscrit h2 {
		font-size: 1.15em;
	}
	
	#restePage > h3 /*, #restePageLarge > h2, #cadre_suisjeinscrit h2 */ {
		font-size: 1em;
	}
	
	.remarque, .numdoss, .form-error {
		font-size: 1em;
	}
		
	#form_verspaiement .ligne, #form_verspaiement .lignerecap  {
		font-size: .9em;
		margin-bottom: 0;
	}
	.detail_couts {
		font-size:.9em;
		width:auto;
	}
	.message-ok, .message-chgpasswd {
		font-size: 1em;
	}
	.libellerecap, .libellerecapprix {
		width:auto;
		display:block;
	}
	
	
	/* page multisites */
	#headerinscr > img {
		width:100%;
	}
	.inscr_choix
	,#inscr_container {
		width:100%;
		position:initial;
		left:initial;
		margin-left:initial;
		font-size:1.15em;
	}
	.inscr_fiche {
		width: 80%;
		
	}
	.inscr_niv1
	,.inscr_niv2 {
		font-size: 1em;
		line-height:1.5em;
	}
	.inscr_niv3
	,.inscr_niv4 {
		font-size: .75em;
		line-height:1.5em;
	}
	.inscr_niv4 {
		width:initial;
	}


	/* autres sur accueil */
	.edition_suivante {
		width:98%;
		font-size:1.25em;
	}
	.resultats_passes {
		width:90%;
		font-size: 1em;
		margin:auto;
	}

	.form_titre {
		font-size:1.4em;
    		width: 90%;
    		margin: auto;
    		margin-bottom: 4%;
	}

	/* ines modif erreurs sur mobile */
	.iconescycle { 
		float:left;
	}
	#page,#header, #content, #footer {
		width:100%;
	}
	/* fin ines modif */

	/* JACQUES : temporaire le temps de refaire les bandes vertes et autres couleurs qui ne devraient pas utiliser la même balise */
	.nbInscritsOK p {
		width:90%;	
		margin:auto;
	}
	.message-erreur {
		width:90%;
	}
	#restePage>h2 {
		width:90%;
		margin:auto;
	}
	.ladda-button {
		width:95%;
		margin:auto;
    		display: flex;
    		justify-content: center;
    		flex-direction: column;
		align-items: center;
	}
	.message-ok, .message-chgpasswd {
		width: 90%;
	}
	.form_titre {
		width:93%;
	}
	.notice_info_factu {
		margin:4%;
	}
	.boutonCountdown {
		width:95%;
	}
	.message-accueil {
		width:90%;
	}
	.docPDF {
		width:95%;
	}
	
	/* Hugo detail conso distances */
	.consoDistanceContainer {
		margin-top:1%;
	}

	.consoDistance {
		width:unset;
		border: 2px solid #b2d8c2;
	}

	/* patch Hugo en attendant changement colorbox */
	#form_reprise label {
		text-align: center !important;
		float: none !important;
	}
	#pass {
		float:right;
	}

	.banniere_transparente_titre {
	padding-left: 0%;
	}

	#header {
	height: 0%;
	}

}
