a
{
  color:#009f9a;
}
p
{
  color:black;
}

/* Boite message d'erreur */
div#boiteMessage
{
  display:block;
}
div#boiteMessage div
{
  display:block;
  background-color:white;
  border-radius:0.5em;
  padding:15px 25px;
  z-index:55;
  margin-top:2em;
}
div#boiteMessage div h6
{
  font-size:110%;
  font-weight:bold;
  text-align:center;
  font-size:120%;
  margin:0 0 0.5em 0;
}
div#boiteMessage div p
{
  font-size:100%;
  font-weight:normal;
  margin:0 0 0.5em 0;
}
div#boiteMessage div span.url
{
  display:block;
  font-size:100%;
  font-style:italic;
  color:grey;
  max-height:150px;
  overflow:auto;
  text-align:left;
}

div#boiteMessage div.erreur
{
  border:2px solid red;
}
div#boiteMessage div.erreur h6,
div#boiteMessage div.erreur p
{
  color:red;
}
div#boiteMessage div.confirmation
{
  border:2px solid #38a935;
  margin-bottom:2em;
}
div#boiteMessage div.confirmation h6,
div#boiteMessage div.confirmation p
{
  color:#38a935;
}

/* Elements de la page */

p.citation
{
  margin:1em 0;
  padding:1em 0 0 0;
}
div#bandeauPhotos
{
  display:block;
  width:100%;
  height:250px;
  background:white url(images/bandeau_atelierTerritorial_1430x250px.jpg) repeat top center;
}
h2.titreInvitation
{
  display:inline-block;
  background-color:#009f9a;
  color:white;
  padding:0.2em 0.5em;
  margin:0.8em 0 0.4em 0;
}
h3.titreInvitation
{
  font-size:180%;
  margin:0 0 0.8em 0;
}
h3.titreInvitation span
{
  display:block;
  font-size:90%;
}
p.invitationDetail
{
  text-align:justify;
  line-height:1.2em;
  font-size:110%;
  margin:0 0 0.8em 0;  
}
p.horaires
{
  line-height:1.2em;
  font-size:110%;
  margin:0 0 0.4em 0;  
}
p.horaires strong
{
  font-size:140%;
}

/* Blocs actions */

.zoneUneAction
{
  border:2px solid #009f9a;
  border-radius:0.2em;
  padding:0 1em 1em 1em;
  text-align:left;
  margin-bottom:2em;
}

ul#listeActions
{
  list-style-type:none;
}
ul#listeActions li
{
  display:block;
}
ul#listeActions li a
{
  display:block;
  height:2em;
  font-family:'Nexa';
  font-size:110%;
  background-color:white;
  color:#009f9a;
  border:2px solid #009f9a;
  border-radius:0.2em;
  padding:1em;
  text-align:center;
  margin:0 0.5em 2em 0.5em;
  text-decoration:none;
}
ul#listeActions li a:hover
{
  background-color:#009f9a;
  color:white;
}
ul#listeActions li a span.bandeau
{
  display:inline-block;
  background-color:#009f9a;
  color:white;
}
ul#listeActions li a:hover span.bandeau
{
  background-color:white;
  color:#009f9a;
}
ul#listeActions li a span.masquer
{
  display:none;
}
ul#listeActions li a span.soustitre
{
  display:block;
}

div#ideespourlessheds,
div#inscription
{
  clear:left;
}

/* Formulaire d'inscription */

form#atelier_inscription
{
  text-align:left;
}
form#atelier_inscription h4.titreInvitation
{
  margin:1.5em 0 0.4em 0;  
}
form#atelier_inscription p
{
  clear:left;
  margin:0.5em 0.5em 0.5em 0;  
}
form#atelier_inscription .label
{
  height:24px; 
  text-align:left;
  vertical-align: middle;
}
form#atelier_inscription .label span
{
  display:block;
  margin-right:0.5em;
}
form#atelier_inscription .labelHaut
{
  display:block;
  margin-bottom:0.5em;
}

form#atelier_inscription input.champSaisie,
form#atelier_inscription input.champSaisieDemi,
form#atelier_inscription input.champSaisieTiers,
form#atelier_inscription textarea.champSaisie
{
  display:block;
  height:24px;
  border:2px solid #e5e5e5;
  border-radius: 3px;
  padding:0.2em;
  vertical-align: middle;
  font-family:Frutiger;
  font-size:110%;
  color:#009f9a;
}
form#atelier_inscription input.champSaisie,
form#atelier_inscription textarea.champSaisie
{
  width:100%;
}
form#atelier_inscription input.champSaisieDemi
{
  width:100%;
}
form#atelier_inscription input.champSaisieTiers
{
  width:25%;
  float:left;
}
form#atelier_inscription input:focus
{
  border-color:#009f9a;
}
form#atelier_inscription p.choixSession
{
  border:1px solid #e5e5e5;
  padding:0.5em;
  border-radius:0.5em;
  margin-bottom:1em;
}

form#atelier_inscription input#atelier_enregistrer,
form#atelier_inscription input#questionnaire_enregistrer
{
  display: block;
  width:80%;
  height:35px;
  text-align:center;
  margin:1em auto 2em auto;
  padding:0.2em;
  vertical-align: middle;
  font-family: "Nexa";
  font-weight: normal;
  font-size:110%;
  color:#009f9a;
  border:2px solid #009f9a;
  border-radius: 3px;
}
form#atelier_inscription input#atelier_enregistrer:hover,
form#atelier_inscription input#questionnaire_enregistrer:hover
{
  background-color:#009f9a;
  color:white;
}

/* Liste des partenaires */
ul#listePartenaires
{
  list-style-type:none;
}
ul#listePartenaires li
{
  height:8em;
  margin:1em 1em 1em 0;
}
ul#listePartenaires li a
{

}
ul#listePartenaires li a img
{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:8em;
  vertical-align: middle;
  margin:0 auto;
}

/* Exposition des 12 idées */
ul#expositionIdees
{
  list-style-type:none;
}
ul#expositionIdees li
{
  display:block;
}
ul#expositionIdees li a
{
  display:block;
  height:20em;
  overflow:hidden !important;
  background-color:white;
  border:2px solid #2d363b;
  border-radius:0.2em;
  padding-top:1em;
  text-align:center;
  margin:0 0.5em 1em 0.5em;
  text-decoration:none;
}
ul#expositionIdees li a h4
{
  font-family:'Nexa';
  font-size:110%;
  font-weight:bold;
  color:white;
  margin-bottom:1em;
  padding:0.2em 0.5em;
}
ul#expositionIdees li a h4 span
{
  font-weight:normal;
}
ul#expositionIdees li a p
{
  font-family:'Frutiger';
  font-size:90%;
  color:#2d363b;
  text-align:justify;
  margin:0 0.5em;
}

/* Fiche détaillée */
div.uneIdee
{
  
}
div.uneIdee h4
{
  font-family:'Nexa';
  font-size:160%;
  font-weight:bold;
  color:white;
  margin-bottom:1em;
  padding:0.2em 0.5em;
}
div.uneIdee h4 span
{
  font-weight:normal;
}
div.uneIdee p
{
  font-family:'Frutiger';
  font-size:105%;
  color:#2d363b;
  text-align:justify;
  margin:0 0.5em 1em 0.5em;
}
div.uneIdee fieldset
{
  display:block;
  height:auto;
  border:2px solid #2d363b;
  border-radius:0.4em;
  padding-top:1em;
  text-align:center;
  margin:0 0.5em 1em 0.5em; 
}
div.uneIdee fieldset legend
{
  background-color:white;
  font-weight:bold;
  padding:0.2em 0.5em;
  margin-left:2em;
  font-size:110%;   
}
div.uneIdee textarea
{
  display:block;
  width:100%;
  height:6em;  
}

div.uneIdee input#proposition_courriel
{
  width:100%;
}
div.uneIdee input#proposition_enregistrer
{
  display:block;
  width:80%;
  margin:1em auto;
  font-weight: bold;
  font-family: 'Nexa';
  font-size:120%;
  border:2px solid black;
}

ul.listeExpoSoutiens
{
  list-style-type:none;
}
ul.listeExpoSoutiens li
{
  float:left;
  margin:0 0.5em 0.5em 0;
  width:2em;
  height:2em;
  border-radius:1em;
}
ul.listeExpoSoutiens li span
{
  display:none;
}

ul.listeExpoMessages
{
  list-style-type:none;
}
ul.listeExpoMessages li
{
  float:left;
  margin:0 1em 1em 0;
  width:8em;
  height:8em;
  overflow:auto;
  border-radius:0.5em;
  background-color:#F1F094;
  border:1px solid #C0C0C0;
  padding:1em;
}

/* Responsive */

@media only screen and (min-width: 600px) {
  /* For tablets: */
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  ul#listeActions li
  {
    float:left;
    width:33%;
  }
  ul#expositionIdees li
  {
    float:left;
    width:25%;
  }
  form#atelier_inscription .label
  {
    float:left;
    width:30%;
    text-align:right;
    vertical-align: middle;
  }
  form#atelier_inscription input.champSaisie
  {
    width:65%; 
  }
  form#atelier_inscription input.champSaisieDemi
  {
    float:left;
    width:32%;
    margin:-0.2em 0.5em 0.5em 0; 
  }
  form#atelier_inscription input#atelier_enregistrer
  {
    width:40%;
  }
  ul#listePartenaires li
  {
    float:left;
    width:25%;
  }
}