#zonePage
{

}
.contenuZone
{
  color:#2d363b;
  padding-top:1em;
  padding-bottom:6em;
}
div.colunique
{
  text-align:left;  
}

h3.titreZone
{
  font-weight:bold;
  text-align:left;
  margin-bottom:0;
}
h3.titreZone a
{
  color:white;
  text-decoration:none;
}
h3.titreZone a:hover
{
  color:#2d363b;
}
h4.soustitreZone
{
  font-weight:bold;
  text-align:left;
  font-size:90%;
  margin-bottom:1em;
}

.colonne
{
  width:40%;
  float:left;
}
.colonneContenu
{
  margin:1em;
}
.zoneCampagne
{
  padding:1em;
  border-radius:1em;
  color:black;
  text-align:justify;
  margin-top:1em;
  background-color:#28b5bc;
}
.zoneCampagne h3
{
  color:white;
}

p.motscles
{
}
p.motscles span
{
  color:white;
  background-color:#2d363b;
}

#colonne1
{
}

#zoneIntro,
#zonePartage
{
  padding:1em;
  border-radius:1em;
  color:black;
  text-align:justify;
  margin-top:1em;
}

#zoneIntro
{
  background-color:white;
  color:#2d363b;
  border:2px solid #e84e1c;
}
#zoneIntro h3
{
  color:#e84e1c;
  font-size:170%;
}
#zoneIntro img
{
  width:20em;
  float:right;
  margin:-9em -3em 0.5em 1em;
}

#zonePartage
{
  margin-top:1em;
  background-color:#e84e1c;
}.
#zonePartage h3
{
  color:white;
}
#zonePartage ul
{
  margin:0.5em 0 0 1em;
}
#zonePartage ul li
{
  margin-bottom:0.2em;
}

#illus-HommeEtEnfant
{
  position:fixed;
  bottom:3.6em;
  right:4em;
}
#actionTexte
{
  text-align:left !important;
  margin-bottom:2em;
}
#actionTexte ol
{
  margin:0;
}
#actionTexte ol li
{
  margin-left:2em;
}

div#actionTexte p.intro
{
  font-size:90%;
  font-style:italic; 
}

/* *********************** */

#signaturesEpingles,
#signatures
{
  list-style-type:none;
  height:120px !important;
  margin:1em 0;
}
#signaturesEpingles li,
#signatures li
{
  float:left;
  height:120px !important;
  line-height:120px;
  text-align:center;
}
#signaturesEpingles li
{
  width:33.3%;
}
#signatures li
{
  width:20%;
}
#signaturesEpingles li a,
#signatures li a
{
  display:block;
  height:120px !important;
  line-height:120px;
  text-align:center;
}
#signaturesEpingles li img,
#signatures li img
{
  max-width:80% !important;
  max-height:120px !important;
}

#AppelASignature
{
  border:2px solid black;
  border-radius:0.5em;
  padding:1em;
  margin-top:3em; 
}
#AppelASignature h3
{
  text-align:left;
}
#AppelASignature h3 span
{
  display:block;
  font-weight:normal;
}
#formulaireSignature
{
  text-align:left;
}
#formulaireSignature p
{
  margin:1em 0;
}
#formulaireSignature #signataire_structureNom,
#formulaireSignature #signataire_structureSiteweb
{
  width:25em;
}
#formulaireSignature #signataire_structureCP
{
  width:5em;
}
#formulaireSignature #signataire_contactCourriel
{
  width:20em;
}

form.styleGeneral .label
{
  display:block;
  float:left;
  min-width:150px;
  width:10%;
  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
{
  min-width:280px;
  width:50%; 
  height:80px;
  font-family: Helvetica,sans-serif;
  margin-bottom:10px !important;
  overflow-x:hidden;
  overflow-y:auto;
  resize:vertical;
}

form#formulaireSignature #signataire_structureLogo-progress
{
    width:40%;
    min-width:274px;
    height:24px;
    border:1px solid #CCCCCC;
    padding:0;
    margin-left:165px;
    margin-bottom:15px;
    margin-top:-25px;
    border-radius:4px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 #FFFFFF;
}
form#formulaireSignature #signataire_structureLogo-progress .progress-bar
{
  height:24px;
  background-color:green;
}
form#formulaireSignature #signataire_structureLogo-progress #progress-bar-error
{
  float:left;
  line-height:24px;
  color:red;
}
form#formulaireSignature #signataire_structureLogo-miniature
{
  display:block;
  float:right;
  width:160px;
  text-align:center;
  border:1px solid black;
  padding:5px;
  font-size:80%;
  border-radius:4px;
  box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 #FFFFFF;
  margin:0 2em 0 0;
}

#ressources
{
  text-align:left;
  padding:1em;
}
#ressources h3
{
  margin-bottom:1em;
}
#ressources p
{
  margin-bottom:0.5em;
}

/* *********************** */

ul.zonesDeputes
{
  list-style-type:none;
}
ul.zonesDeputes li
{
  float:left;
  width:33%;
  height:18em;
}
ul.zonesDeputes li div.unDepute
{
  border: 1px solid #2d363b;
  border-radius: 4px;
  padding:0.5em;
  margin:1em 0;
  height:16em;
  overflow:auto;
}
ul.zonesDeputes li div.depute1,
ul.zonesDeputes li div.depute4
{
  margin-right:0.5em;
}
ul.zonesDeputes li div.depute2,
ul.zonesDeputes li div.depute5
{
  margin-left:0.25em;
  margin-right:0.25em;
}
ul.zonesDeputes li div.depute3,
ul.zonesDeputes li div.depute6
{
  margin-left:0.5em;
}

ul.zonesDeputes li div.unDepute .photoDepute
{
  float:left;
  width:80px;
  margin-right:1em;
}
ul.zonesDeputes li div.unDepute h4,
ul.zonesDeputes li div.unDepute h5
{
  text-align:left;
}
ul.zonesDeputes li div.unDepute p.noresponse
{
  clear:left;
  text-align:center;
  line-height:3em;
  font-size:140%;
}
ul.zonesDeputes li div.unDepute p.uneReponse
{
  clear:left;
  text-align:center;
  font-size:90%;
  color:green;
}
ul.zonesDeputes li div.unDepute p.uneReponse img
{
  border:1px solid green;
  border-radius:1em;
  width:60%;
}

ul.zonesDeputes li div.unDepute div.zoneAgir h5
{
  margin:0 0 0.5em 0;
}
a.boutonCourrier,
a.boutonCourriel
{
    display:block;
    border: 1px solid black;
    border-radius: 4px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    color:black;
    text-align:left;
    text-decoration:none;
    padding:7px 4px 7px 5px;
    margin:0 0.5em 1em 0;
}
a.boutonCourrier
{
    width:200px;
}
a.boutonCourriel
{
    width:170px;
}
a.boutonCourrier:hover,
a.boutonCourriel:hover
{
    border-color:red;
    color:red;
}
a.boutonCourrier span.icone,
a.boutonCourriel span.icone
{
  float:left;
  width:48px;
  height:48px;
}
a.boutonCourrier span.icone
{
  background:transparent url(images/icone_courrier_48px.png) no-repeat left center;
  margin:-17px 0.5em 0 0;
}
a.boutonCourriel span.icone
{
  background:transparent url(images/icone_courriel_48px.png) no-repeat left center;
  margin:-15px 0.5em 0 0;
}

.boutonFB
{
    background: #4267b2 none repeat scroll 0 0;
    border: 1px solid #4267b2;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    text-decoration:none;
    margin:0;
    padding:6px 4px 6px 6px;
    white-space: nowrap;
}
.twitter-mention-button
{

}

ul.listeActions
{
  list-style-type:none;
}
ul.listeActions li
{
  float:left;
  width:auto !important;
  height:auto !important;
  margin:0 0.5em 0 0;
}

/* Boite de message */

div#filtreTransparentPage
{
  position:fixed;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:900px;
  background:transparent url(images/g50.png) repeat top left;
  z-index:50;
}
div#boiteMessage
{
  position:fixed;
  top:5%;
  left:30%;
  display:block;
  width:550px;
  background-color:white;
  border:2px solid #28b5bc;
  padding:15px 25px;
  border-radius:10px;
  z-index:55;
  max-height:550px;
  overflow:auto;
}
div#boiteMessage a.boutonFermer
{
  display:block;
  float:right;
  width:48px;
  height:48px;
  color:#28b5bc;
  font-weight:bold;
  text-decoration:none;
  font-size:130%;
  margin:-15px -55px 0 0;
}
div#boiteMessage a.boutonFermer:hover
{
  color:black;
}

form#formulaireCourriel
{}
form#formulaireCourriel fieldset
{
  padding:0.5em;
}
form#formulaireCourriel fieldset
{
  padding:0.5em;
}
form#formulaireCourriel fieldset legend
{
  padding:0 0.5em;
}
form#formulaireCourriel p,
form#formulaireCourriel input
{
  padding:0.5em;
}
form#formulaireCourriel textarea,
form#formulaireCourrier textarea
{
  width:100%;
  height:8em;
  padding:0.5em;
}
form#formulaireCourriel #dest_nom,
form#formulaireCourriel #objet
{
  width:99%;
}

form#formulaireCourriel #exp_nom,
form#formulaireCourriel #exp_prenom
{
  width:10em;
}
form#formulaireCourriel #exp_courriel
{
  width:21.5em;
}
form#formulaireCourriel #exp_cp
{
  width:5em;
}
form#formulaireCourriel #exp_ville
{
  width:15em;
}

/* *************************** */

.lienRetour
{
  text-align:left;
  padding-top:2em;
}
.lienRetour a 
{
  background-color: #009f9a;
  font-size:90%;
  font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
  text-decoration:none;
  color: white; 
}
.lienRetour a:hover { background-color:#bd1522 !important; }