#zonePage
{
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:bottom;
  background-attachment:fixed;
  background-size:100% auto;
}
.zonePage2019
{
  background-image:url(images/fond_nature2019.png);
}
.zonePage2017
{
  background-image:url(images/fond_nature2017.png);
}


.clearLeft
{
  display:block;
  clear:left;
}
.clearRight
{
  display:block;
  clear:right;
}

/* Formulaires */

form.styleGeneral p
{
  margin:0 0 1em 5px;
}
form.styleGeneral fieldset
{
	border:1px solid dashed;
	border-radius:10px;
	margin:0 1em 15px 0;
	padding:15px;
}
form.styleGeneral fieldset legend
{
	padding:0 10px;
	margin-left:5%;
	color: #282828;
  font-size:18px;
  font-weight:100;
  text-transform: uppercase;
}
form.styleGeneral .label
{
  display:block;
  float:left;
  min-width:150px;
  width:20%;
  text-align:right;
  padding:3px 15px 0 0;
}
form.styleGeneral p input,
form.styleGeneral p textarea,
form.styleGeneral p select
{ 
  border:1px solid #CCCCCC;
  padding:6px 8px 5px 6px;
  margin-right:5px;
  margin-bottom:15px;
  color:#222222;
  font-size:14px;
  line-height:18px;
  border-radius:4px;
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 #FFFFFF;
  white-space: pre-wrap;
  word-wrap: break-word; 
}
form.styleGeneral p input:focus,
form.styleGeneral p textarea:focus
{
  border-color:#56B4EF;
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
form.styleGeneral p textarea
{
  display:block;
  width:90%;
  height:80px;
  font-family: Helvetica,sans-serif;
  margin-bottom:10px !important;
  overflow-x:hidden;
  overflow-y:auto;
  resize:vertical;
}
form.styleGeneral p select
{
	padding:0 0 0 6px;	
}
form.styleGeneral p select option
{
	padding:5px 10px;	
}

p.messageErreur
{
  color:red;
  font-weight:bold;
}

/* Prévisualisation photos */
#inscription_fichierjoint-miniature
{
  display:block;
  clear:left;
}
#inscription_fichierjoint-miniature img
{
  display:block;
  width:auto !important;
  float:none !important;
  margin:0 !important;
  border:1px solid black;
  max-width:250px;
}
#inscription_fichierjoint-miniature span
{
  display:block;
  font-size:90%;
}

/* Album photos */
ul.albumPhotos
{
  list-style-type:none;
}
ul.albumPhotos li
{
  float:left;
  margin:0 1em 1em 0;
}
ul.albumPhotos li a
{
  display:block;
  width:9em;
  border:1px solid black;
}
ul.albumPhotos li a img
{
  display:block;
  width:100%;
}

/* Contenus */

.contenuZone
{
  color:#d70b52;
  padding-top:1em;
  padding-bottom:6em;
}
div.colunique
{
  text-align:left;  
}
h1.titre6PST
{
  margin:0 auto;
  width:250px;
  height:180px;
  background:transparent url(images/logo_6pieds2017.png) no-repeat center center;
}
h1.titre6PST19
{
  margin:0 auto;
  width:250px;
  height:250px;
  background:transparent url(images/logo_6pieds2019.png) no-repeat center center;
}
h1.titre6PST22
{
  margin:0 auto;
  width:223px;
  height:151px;
  background:transparent url(images/logo_6pieds2022.png) no-repeat center center;
}
h1.titre6PST span,
h1.titre6PST19 span,
h1.titre6PST22 span
{
  display:none;
}
h2.soustitre6PST,
h2.soustitre6PST19,
h2.soustitre6PST22
{
  color:#e84e1c;
  font-weight:bold;
  margin-top:1em;
  font-size:85%;
}
h2.soustitre6PST19
{
  color:#4695d4 !important;
}
h2.soustitre6PST22
{
  color:#2d363b !important;
}

h3.titreZone
{
  font-weight:bold;
  text-align:left;
  margin-bottom:0.5em;
}

#bulleDate6PST
{
  position:absolute;
  top:-4em;
  right:-2em;
  width:250px;
  height:250px;
  background-color:#28b5bc;
  border-radius:250px; 
}
#bulleDate6PST p
{
  padding:4em 0 0 1.5em;
  font-size:130%;
  color:white;
  font-family:Nexa;
  font-weight:bold;
  text-align:left;
  line-height:1.2em;
}
#bulleDate6PST p span
{
  color:#fcea0e;
  font-size:90%;
}

.colonne
{
  width:40%;
  float:left;
}
.colonneUnique
{
  width:80%;
  float:left;
}
.colonneContenu
{
  margin:1em;
}
.zone6PST
{
  padding:1em;
  border-radius:1em;
  color:black;
  text-align:justify;
}
.zone6PST h3
{
  color:white;
}

#colonne1
{
}

#zoneIntro,
#zoneIntro2019,
#zoneForm
{
  background-color:white;
  color:#2d363b;
  border:2px solid #e84e1c;
}
#zoneIntro h3,
#zoneIntro2019 h3,
#zoneForm h3
{
  color:#e84e1c;
  font-size:170%;
}
#zoneIntro img
{
  width:20em;
  float:right;
  margin:-9em 2em 0.5em 1em;
}
#zoneForm img,
#zoneIntro2019 img
{
  width:25em;
  float:left;
  margin:-11em 0.5em 2em -1em;
}
#zoneForm p,
#zoneIntro2019 p
{
  margin:1em 0;
}
#zoneForm form
{

}
#zoneIntro2019
{
  padding:1em;
}
#zoneIntro2019 p
{
  text-align:justify;
}


#zonePartage
{
  margin-top:1em;
  background-color:#e84e1c;
}.
#zonePartage h3
{
  color:white;
}

#zoneVideo
{
  background-color:#2d363b;
}
#zoneVideo h3
{
  color:white;
}
#zoneVideo iframe
{
  min-height:300px;
}

#zoneProgramme,
#zoneAffiche
{
  margin-top:1em;
  background-color:#28b5bc;
}
#zoneProgramme h3,
#zoneAffiche h3
{
  color:white;
}
#zoneAffiche ul#affiches2019
{ 
  list-style-type:none;
}
#zoneAffiche ul#affiches2019 li
{
  float:left;
  width:50%;
}
#zoneAffiche ul#affiches2019 li a
{
  display:block;
  margin:0 1em 1em 0;
  border:1px solid black;
}
#zoneAffiche a.fancybox img
{
  display:block;
  width:100%;
}

#zoneAnimations
{
  margin-top:1em;
  background-color:white;
  border:2px solid #e73c4e;
}
#zoneAnimations h3 span
{
  font-weight:bold;
  background-color:#e73c4e;
  color:white;
}
#zoneAnimations h4
{
  margin-bottom:0.5em;
}
#zoneAnimations h4 span
{
  display:inline;
  font-weight:normal;
  background-color:#e73c4e;
  color:white;
}

#zoneAteliers
{
  margin-top:1em;
  background-color:white;
  border:2px solid #e84e1c;
}
#zoneAteliers h3 span
{
  font-weight:bold;
  background-color:#e84e1c;
  color:white;
}
#zoneAteliers h4
{
  margin-bottom:0.5em;
}
#zoneAteliers h4 span
{
  display:inline;
  font-weight:bold;
  background-color:#38a935;
  color:white;
}
#zoneAteliers h5,
#zoneAteliers p em
{
  color:#e84e1c;
}
#zoneAteliers h5
{
  font-size:110%;
  margin:1em 0 0.2em 0;
}
#zoneAteliers p em
{
  display:block;
  margin-bottom:0.5em;
}

#zoneStands
{
  margin-top:1em;
  background-color:white;
  border:2px solid #38a935;
}
#zoneStands h3 span
{
  font-weight:bold;
  background-color:#38a935;
  color:white;
}
#zoneStands ul
{
  margin:1em 0 1em 1em;
}
#zoneStands ul li
{
  line-height:1.4em;
}
#zoneStands ul li a
{
  color:#38a935;
}

#zoneMarche
{
  margin-top:1em;
  background-color:white;
  border:2px solid #28235d;
}
#zoneMarche h3 span
{
  font-weight:bold;
  background-color:#28235d;
  color:white;
}
#zoneMarche ul
{
  margin:1em 0 1em 1em;
}
#zoneMarche ul li
{
  line-height:1.4em;
}
#zoneMarche ul li a
{
  color:#28235d;
}

#zoneExpo
{
  margin-top:1em;
  background-color:white;
  border:2px solid #d70b52;
}
#zoneExpo h3 span
{
  font-weight:bold;
  background-color:#d70b52;
  color:white;
}

#zonePratique
{
  margin-top:1em;
  background-color:white;
  border:2px solid #28b5bc;
}
#zonePratique h3 span
{
  font-weight:bold;
  background-color:#28b5bc;
  color:white;
}
#zonePratique p
{
  margin:0 1em 1em 1em;
}
#zonePratique ul
{
  margin:1em 0 0 2em;
}
#zonePratique ul li
{
  line-height:1.5em;
}

#zoneOrga
{
  margin-left:1em;
}
#zoneOrga p
{
  float:left;
  font-size:100%;
  color:#2d363b;
  font-family:Nexa;
  font-weight:bold;
  text-align:left;
  line-height:1.2em;
  margin-bottom:0.5em;
  margin-right:0.5em;
  line-height:5em;
}
#zoneOrga p img
{
  width:5em !important;
}

#illus-HommeEtEnfant
{
  position:fixed;
  bottom:3.6em;
  right:4em;
}
#illus-familleVelo
{
  position:fixed;
  bottom:2.6em;
  right:-2.5em;
}

.boutonArchives
{
  display:block;
}
.boutonArchives a
{
  display:inline-block;
  padding:0.5em;
  text-decoration:none;
  font-weight:bold;
  background-color:white;
  color:#28b5bc;
  border-radius:5px;  
}
.boutonArchives a:hover
{
  background-color:#28b5bc;
  color:white;  
}

/* Téléchargement fichiers */

div.progress,
#publication-fichierjoint-progress
{
    width:40%;
    min-width:274px;
    height:24px;
    border:1px solid #CCCCCC;
    padding:0;
    margin-left:21.5%;
    margin-bottom:1.5em;
    margin-top:-10px;
    border-radius:4px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 #FFFFFF;
}
div.progress .progress-bar,
#publication-fichierjoint-progress .progress-bar
{
  height:24px;
  background-color:green;
}
#publication-fichierjoint-progress #progress-bar-error
{
  float:left;
  line-height:24px;
  color:red;
}