div
{
	display: inline-block;
	border: 0px solid red;
}

* {
  box-sizing: border-box;
}

[class*="col-"] {
  width: 100%;
}
[class*="col20-"] {
  width: 100%;
}
.subcol-4 {width: 50%}

@media only screen and (min-width: 600px)
{
.col-1 {width: 8.333%;}
.col-2 {width: 16.666%;}
.col-3 {width: 25%;}
.col-4 {width: 33.333%;}
.col-5 {width: 41.666%;}
.col-6 {width: 50%;}
.col-7 {width: 58.333%;}
.col-8 {width: 66.666%;}
.col-9 {width: 75%;}
.col-10 {width: 83.333%;}
.col-11 {width: 91.666%;}
.col-12 {width: 100%;}

.subcol-4 {width: 50%}
}

@media only screen and (min-width: 800px)
{
/* identiques à col- sauf qu'il n'y a pas de redimentionnement à 100% pour les mobiles */
.subcol-1 {width: 8.333%;}
.subcol-2 {width: 16.666%;}
.subcol-3 {width: 25%;}
.subcol-4 {width: 33.333%;}
.subcol-5 {width: 41.666%;}
.subcol-6 {width: 50%;}
.subcol-7 {width: 58.333%;}
.subcol-8 {width: 66.666%;}
.subcol-9 {width: 75%;}
.subcol-10 {width: 83.333%;}
.subcol-11 {width: 91.666%;}
.subcol-12 {width: 100%;}

.col20-1 {width: 5%;}
.col20-2 {width: 10%;}
.col20-3 {width: 15%;}
.col20-4 {width: 20%;}
.col20-5 {width: 25%;}
.col20-6 {width: 30%;}
.col20-7 {width: 35%;}
.col20-8 {width: 40%;}
.col20-9 {width: 45%;}
.col20-10 {width: 50%;}
.col20-11 {width: 55%;}
.col20-12 {width: 60%;}
.col20-13 {width: 65%;}
.col20-14 {width: 70%;}
.col20-15 {width: 75%;}
.col20-16 {width: 80%;}
.col20-17 {width: 85%;}
.col20-18 {width: 90%;}
.col20-19 {width: 95%;}
.col20-20 {width: 100%;}

.col20-300 {width: 300px;}
}

[class*="col-"] {
  float: left;
  padding: 15px;
  border: 0px solid red;
}

[class*="subcol-"] {
  float: left;
  padding: 15px;
  border: 0px solid red;
}

[class*="col20-"] {
  float: left;
  padding: 15px;
}

/*.row::after {
  content: "";
  clear: both;
  display: table;
}*/

.retourligne
{
	width: 100%;
 	float: left;
	padding: 0px;
}

.retourligne10px
{
	width: 100%;
 	float: left;
	padding: 5px;
}

.retourligne20px
{
	width: 100%;
 	float: left;
	padding: 10px;
}

.retourligne30px
{
	width: 100%;
 	float: left;
	padding: 15px;
}

.padding0 { padding: 0px; }

img, object, embed, canvas, video, audio, picture {
 max-width: 100%;
height: auto;
 _width: 100%; /* IE6 seulement */
}

.centrage {text-align: center;}
.aligne_left {text-align: left;}
.aligne_right {text-align: right;}

.zoom_image_show
{
	min-width: 100%;
	min-height: 100%;
	background-color: black;
	display: inline-block;
	position: fixed; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
	margin: auto;
	z-index: 1010;
}

.zoom_image_hide
{
 /* Fixe l'image en haut à gauche de la page */
 position: fixed; 
 top: 0; 
 left: 0; 
 /* Préserve le ratio de l'image */
 width: 200px;
 height: 200px;
 background-color: black;
 display: none;
}

//	Mobiles
.col-photo-activites
{
	width: 100%;
	float: left;
	padding: 15px;
	border: 0px solid red;
	text-align: center;
}

.col-bouton-itineraire2
{
	width: 33.33%;
	padding: 0px;
}

.brique-avis-visible

{
	width: 100%;
	float: left;
	padding: 15px;
	border: 0px solid red;
	text-align: center;
	display: inline-block;
}

.brique-avis-masque
{
	width: 100%;
	float: left;
	padding: 15px;
	border: 0px solid red;
	text-align: center;
	display: none;
}

.col-avis-texte
{
	width: 100%;
	float: left;
	padding: 0px;
	border: 0px solid red;
	text-align: justify;
}

.col-avis-signature
{
	width: 100%;
	float: left;
	padding: 0px;
	padding-top: 6px;
	border: 0px solid red;
	text-align: right;
}

.col-avis-reponse
{
	width: 100%;
	float: left;
	padding: 0px;
	padding-top: 6px;
	border: 0px solid red;
	text-align: justify;
}

@media only screen and (min-width: 600px)
{
	.col-photo-activites { width: 50%; }
}

@media only screen and (min-width: 800px)
{
	.col-photo-activites { width: 33.33%; }
}
@media only screen and (min-width: 1000px)
{
	.col-photo-activites { width: 25%; }
}

.contenu
{
	float:right;
}
@media only screen and (max-width: 600px)
{
	.contenu
	{
		float:none;
	}
}

.col-bouton-suite
{
	width: 100%;
	float: left;
	padding: 15px;
	background-color: var(--couleurRouge1);
	color:rgb(235,225,189);
	font-family:'arial';
	font-weight:normal;
	font-size:15px;
	text-align: center;
	cursor:pointer;
	border: 1px solid var(--couleurRouge1);
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.indentation
{
	width: 100%;
	float: left;
	padding: 10px 0px 10px 40px;
	border: 0px solid red;
	text-align: justify;
	display: inline-block;
}

.ExtraitProtectionDonneesPersonnelles
{
	position: fixed; 
	width: 60%;
	height: 50%;
	left: 0px; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
	margin: auto;
	border: 2px solid var(--couleurRouge1);
	background-color:rgb(235,225,189);
	display: none;
	text-align: justify;
	padding: 10px;
	overflow-y: scroll;
    -webkit-border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px;
}

@media only screen and (max-width: 800px)
{
	.ExtraitProtectionDonneesPersonnelles
	{
		width: 90%;
	}
}

.ExtraitProtectionDonneesPersonnellesAfficher
{
	display: block;
}

.alignement_droite
{
	width: 100%;
	text-align: right;
	font-size: 0.8em;
}

.pseudo_a
{
	color: var(--couleurRouge1);
	text-decoration: underline;
 	cursor: pointer;
}

.cadre_donnees_personnelles
{
	width: 100%;
	float: left;
	padding: 15px;
	border: 0px solid var(--couleurRouge1);
	text-align: center;
	background-color: rgb(198,180,151);
	font-family: 'arial';
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.col-meteo3c,
.col-actus3c,
.col-icones3c
{
	width: 100%;
}

@media only screen and (min-width: 800px)
{
	.col-meteo3c
	{
		width: 25%;
	}
	.col-actus3c
	{
		width: 42%;
	}
	.col-icones3c
	{
		width: 33%;
	}
}

.ombrage
{
  -moz-box-shadow: 6px 6px 10px #555; 
  -webkit-box-shadow: 6px 6px 10px #555; 
  box-shadow: 6px 6px 10px #555; 
} 

.justify { text-align: justify; }

.zoom_pancarte_show
{
	position: fixed; 
	top: 0; 
	left: 0px; 
	right: 0px; 
	background-color:var(--couleurFond1);
	display: inline-block;

	border: 2px solid var(--couleurRouge1);
	width: 40%;
	height: 60%;
	top: 0px; 
	bottom: 0px; 
	margin: auto;
	text-align: justify;
	padding: 10px;
	text-align: center;
	overflow-y: scroll;
	font-size: 1.4em;
	-moz-box-shadow: 6px 6px 10px #555; 
	-webkit-box-shadow: 6px 6px 10px #555; 
	box-shadow: 6px 6px 10px #555; 
	z-index: 1;
}

@media only screen and (max-width: 600px)
{
	.zoom_pancarte_show
	{
		width: 100%;
	}
}
.zoom_pancarte_hide
{
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 200px;
 height: 200px;
 background-color: black;
 display: none;
}

.col_chambre_photo2b
{
	padding: 0px;
	border: 0px solid blue;
	height: 165px;
	text-align: center;
}

fieldset
{
	display: block;
	border: 2px solid var(--couleurRouge1);
	padding: 10px;
}

legend
{
  font-weight: bold;
  color: var(--couleurRouge1);
}

.div_align_left
{
	text-align: left;
}
.div_align_center
{
	text-align: center;
}
.div_align_right
{
	text-align: right;
}
.div_align_top
{
	vertical-align: top;
}
.div_align_bottom
{
	vertical-align: bottom;
}
.unselectable
{
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.imagePDF
{
  display: block;
  margin: auto;
  width: 59px;
  height: auto;
}

.input3
{
	border: 2px solid;
	border-radius: 4px;
	font-size: 1.0em;
	margin: 0.1rem;
	padding: 0.1rem;
	min-width: 250px;
}
.input3:optional
{
	border: 3px solid gray;
	background: white;
}
.input3:required
{
	border: 3px solid var(--couleurRouge1);
	background: lightsalmon;
}
.input-min-width-100
{
	min-width: 100px;
}
.input-min-width-300
{
	min-width: 300px;
}
.input-min-width-400
{
	min-width: 400px;
}
.input-label-max-width-400
{
	width: 400px;
}
.taille-texte-0-8-5
{
	font-size: 0.85em;
}
@media only screen and (max-width: 800px)
{
	.input-min-width-400
	{
		min-width: 330px;
	}
	.input-label-max-width-400
	{
		width: 330px;
	}
	.taille-texte-0-8-5
	{
		font-size: 0.7em;
	}
}

.Largeur33
{
	width: 33%;
	vertical-align: top;
}

@media only screen and (max-width: 600px)
{
.Largeur33
{
	width: 100%;
}
}

@media only screen and (min-width: 601px) and (max-width: 1000px)
{
.Largeur33
{
	width: 49%;
}
}


.Padding10px { padding: 10px; }
.Padding20px { padding: 20px; }

.separateur
{
	border-color:rgb(200,200,200);
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	display: flex;
	width: 100%;
	margin: 15px 0px;
}

.no_padding_H
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.no_padding_V
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.no_padding
{
	padding: 0px !important;
}
.no_margin_H
{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.no_margin_V
{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.no_margin
{
	margin: 0px !important;
}

.facultatif
{
	display : none;
}
@media screen and (min-width: 800px)
{
.facultatif
{
	display : block;
}
}