/* Colonne 1 : Dirigeants bénévoles */

div.dirigeants ul.trombi
{
  list-style-type:none;
  margin-bottom:0.5em;
}
div.dirigeants ul.trombi li
{
  padding:0 0 0.1em 0.5em;
  color:black;
}

/* Colonne 2 : Salariés et recrutement */

div.equipeSalaries span.icone,
h3#recrutement
{
  display:block;
  clear:left;
}
div.equipeSalaries ul.trombi
{
  list-style-type:none;
  clear:left;
  margin-bottom:0.5em;
}
div.equipeSalaries ul.trombi li
{
  float:left;
  width:33%;
  text-align:center;
  margin-bottom:1em;
  color:black;
}
div.equipeSalaries ul.trombi li img
{
  width:75% !important;
  margin:0 auto;
}
div.equipeSalaries ul.trombi li span
{
  display:block;
  margin-top:0.5em;
  font-size:90%;
}
div.equipeSalaries ul.trombi li span strong
{
  font-size:110%;
}
div.equipeSalaries ul.trombi li a
{
  color:#009f9a;
  text-decoration:none;  
}
div.equipeSalaries ul.trombi li a:hover
{
  text-decoration:underline;  
}


/* Colonne 3 : Lettre d'information */

.lettreinfo-archives
{
  background-color:#009f9a;
  padding:0.5em;
  border-radius:5px;
  margin-bottom:0.5em;
}
.lettreinfo-archives ul
{
  height:8em;
  overflow:auto;
}
.lettreinfo-archives ul li
{
  display:block;
  list-style-type:none;
}
.lettreinfo-archives ul li a,
.lettreinfo-archives ul li span
{
  display:block;
  color:black;
  text-decoration:none;
  background-color:white;
  padding:0.2em;
  margin-bottom:0.5em;
  opacity:0.9; 
}

p.document-pdf,
p.document-lien
{
  margin:0.5em 0 1em 0;
}
p.document-pdf a,
p.document-lien a
{
  display:block;
  color:black;
  text-decoration:none;
  background-color:#009f9a;
  color:white;
  padding:0.3em 0.5em;
  margin-bottom:0.5em;
  border:2px solid #009f9a;
  border-radius:5px; 
}
p.document-pdf a span.icone
{
  display:block;
  float:left;
  width:48px;
  height:48px;
  background:transparent url(icon_filepdf_48px.png) no-repeat top left;
  margin:-14px 0.3em 0 0;
}
p.document-lien a span.icone
{
  display:block;
  float:left;
  width:48px;
  height:48px;
  background:transparent url(icon_flechedroite_48px.png) no-repeat top left;
  margin:-14px 0.3em 0 0;
}
p.document-pdf a:hover,
p.document-lien a:hover
{
  color:#009f9a;
  background-color:white;
}

form#inscriptionLettreInfo
{
}
form#inscriptionLettreInfo input
{
  display: block;
  float:left;
  width:70%;
  height:24px;
  text-align:center;
  border:2px solid #009f9a;
  border-radius: 3px;
  padding:0.2em;
  vertical-align: middle;
  margin:0.5em 0.5em 0.5em 0;
  font-family:Frutiger;
  font-size:110%;
  color:#009f9a;
}
form#inscriptionLettreInfo input:focus
{
    border-color:#009f9a;
}

form#inscriptionLettreInfo input#atelier_enregistrer
{
  display: block;
  width:24%;
  height:35px;
  min-width:105px;
  font-family: "Nexa";
  font-weight: normal;
  font-size: 110%;
}
form#inscriptionLettreInfo input#atelier_enregistrer:hover
{
  background-color:#009f9a;
  color:white;
}

div.messageConfirmation
{
  text-align:center;  
}
div.messageConfirmation .icone
{
  display:block;
  width:60px;
  height:60px;
  margin:0 auto 0 auto;
  background:transparent url(../images/icone-ok.png) no-repeat left center; 
}
div.messageConfirmation h5
{
  font-family:Nexa;
  font-size:140%;
  font-weight:normal;
  margin:0.8em 0 0.5em 0;
}
div.messageConfirmation p
{
  font-size:105%;
}

p.messageErreur
{
  color:#e5322b;
  margin:0.2em 0 0 0;
}