/*
  Rémy Savard [iXmedia.com]
  global.css - Mise en page
  Dernière modification: 15 septembre 09
------------------------------------------------- */

@import url("reset.css"); /* Éric Meyer's Reset */

@-moz-document url-prefix() { a:active { outline: 0 } }
*[tabindex]:not(a):active { outline: 0 }
button, input[type="submit"], input[type="button"], * html input { width: auto; overflow: visible }
button::-moz-focus-inner{ border: 0; padding: 1px }
.center { text-align: center; margin: 2em 0 }
.shy { position: absolute; left: -9999px; top: -9999px }
.error { color: red }

/* aînés {{{ */

*+html #aines .conteneur-photos {
  position: relative;
  left: -200px;
}

span.important{
  font-weight: bold;
  color: #c60000;
}
ul.liste-dates { list-style: square }
*+html ul.liste-dates { list-style: none }

  ul.liste-dates li { margin: 0.5em 25px}

    ul.liste-dates li b,
    ul.liste-dates li a {
      display: inline-block;
      vertical-align: top;
    }
    ul.liste-dates li a {
      max-width: 175px;
      margin-right: 7px;
    float: right;
    }

p.coordonnees-journee {
  margin-top: -0.3em;
  font-size: 1.1em;
  margin-bottom: 1.2em;
}

#aines ul.documents {
  list-style-type: none;
  margin-left: 10px;
}
  #aines ul.documents li {
    padding-left: 23px;
    background: url('/img/interface/icone-pdf.gif') no-repeat 0 1px;
  }

form#inscription-journee-regionale * {
  float: none;
  height: auto;
  padding: 0;
}
form#inscription-journee-regionale, .documents-telecharger {
  padding: 16px 16px 6px;
  width: 240px;
  background: #ebf0db;
  margin-bottom: 20px;
}
form#inscription-journee-regionale .success {
  font-weight: bold;
  color: green;
}
  form#inscription-journee-regionale small {
    font-size: 0.9em;
    font-style: italic;
  }
  form#inscription-journee-regionale label {
    position: relative;
    display: block;
    margin: 0.4em 0;
  }
  form#inscription-journee-regionale label + br { display: none }
    form#inscription-journee-regionale span.label {
      display: inline-block;
      width: 72px;
      line-height: 1.2;
      vertical-align: top;
      padding-top: 5px;
    }
    form#inscription-journee-regionale label.error span.label {
      color: red;
    }
    form#inscription-journee-regionale label.error input,
    form#inscription-journee-regionale label.error select,
    form#inscription-journee-regionale label.error textarea {
      border-color: red;
    }

    form#inscription-journee-regionale input,
    form#inscription-journee-regionale textarea {
      display: inline-block;
      width: 144px;
      padding: 4px;
      line-height: 1;
      border: 1px solid #bcc0af;
    }
    form#inscription-journee-regionale input[type="radio"],
    form#inscription-journee-regionale input[type="radio"] + span.label {
      display: inline;
      width: auto;
      margin-right: 0.4em;
      vertical-align: middle;
    }
    form#inscription-journee-regionale select {
      display: inline-block;
      border: 1px solid;
      width: 154px;
    }
    form#inscription-journee-regionale span.label {
      display: inline-block;
    }
    form#inscription-journee-regionale label.required span.label {
      font-weight: bold;
    }
    form#inscription-journee-regionale .submit {
      margin: 0.3em 0 1em 85px;
    }
      form#inscription-journee-regionale button:active { opacity: 0.8 }
      form#inscription-journee-regionale button {
        cursor: pointer;
        border: 0;
        padding: 5px 8px;
        margin-top: 5px;
        color: #fff;
        background-color: #567853;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
      }
    form#inscription-journee-regionale h3 ~ h3 {
      margin-top: 1.5em;
    }



    form#inscription-journee-regionale strong.error {
      float: right;
      position: absolute;
      display: none;
      bottom: -4px;
      left: -142px;
      padding: 4px 6px 4px 10px;
      color: #fff;
      font-size: 0.9em;
      font-weight: normal;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background: #e43738;
      vertical-align: middle;
    }
    *+html form#inscription-journee-regionale strong.error {
      top: 18px;
      left: -112px;
    }
    form#inscription-journee-regionale label.error input:focus + strong.error {
      display: block;
    }
    form#inscription-journee-regionale strong.error:after {
      content: url('/img/interface/fleche-message-erreur.png');
      display: inline-block;
      vertical-align: middle;
      width: 18px;
      height: 14px;
      padding: 4px 0 4px 5px;
      border-left: 1px solid #fff;
      margin-left: 8px;
    }
      form#inscription-journee-regionale strong.error span {
        display: inline-block;
        vertical-align: middle;
        width: 160px;
        margin-right: 4px;
      }




/* }}} */


body#carte-postale #contenu.section-carte-postale {
  line-height: 1.3;
}
  body#carte-postale #contenu.section-carte-postale #colonne-principale {
    width: 100%;
  }
    body#carte-postale #contenu.section-carte-postale h1 {
      padding-bottom: 5px;
      line-height: 1.2em;
    }
    body#carte-postale #contenu.section-carte-postale .indentation {
      color: #365035;
      font-size: 1.15em;
    }
      body#carte-postale #contenu.section-carte-postale .carte-postale-banniere {
        width: 737px;
        height: 334px;
        margin: 0 auto -42px;
        background: transparent url('/img/interface/carte-postale-banniere.jpg');
      }
      body#carte-postale #contenu.section-carte-postale h2 {
        padding: 0;
        margin: 1.5em 0 0.6em;
        color: #365035;
        font-size: 1.75em;
        -webkit-font-smoothing: antialiased;
      }
      body#carte-postale #contenu.section-carte-postale h2.rouge {
        color: #e02328;
        font-size: 1.9em;
      }
        body#carte-postale #contenu.section-carte-postale h2 i {
          font-family: Georgia, serif;
          font-style: italic;
          font-weight: normal;
        }
      body#carte-postale #contenu.section-carte-postale a.lien-commander {
        padding-left: 20px;
        background: transparent url('/img/interface/panier.gif') no-repeat 0 2px;
      }
      body#carte-postale a.bouton:active,
      body#carte-postale input.bouton:active,
      body#carte-postale button.bouton:active { background: #e33738 }
      body#carte-postale a.bouton,
      body#carte-postale input.bouton,
      body#carte-postale button.bouton {
        display: inline-block;
        padding: 5px 18px 7px;
        line-height: 1;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 1.75em;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 0;
        background: #e33738 url('/img/interface/bouton.png') repeat-x 0 0;
      }
      *+html body#carte-postale a.bouton,
      *+html body#carte-postale input.bouton,
      *+html body#carte-postale button.bouton { padding: 3px 12px 0 }

      body#carte-postale input.bouton[disabled],
      body#carte-postale button.bouton[disabled] { background: #ef9898 }

body#carte-postale #contenu.section-carte-postale #formulaire {
  position: relative;
  width: 857px;
  height: 570px;
  padding: 1px;
  background: transparent url('/img/interface/fond-formulaire.jpg');
}
  body#carte-postale #contenu.section-carte-postale form span,
  body#carte-postale #contenu.section-carte-postale form label,
  body#carte-postale #contenu.section-carte-postale form input { margin: 0; padding: 0; float: none }
  body#carte-postale #contenu.section-carte-postale form {
    position: relative;
    width: 354px;
    height: 437px;
    padding: 133px 36px 0 42px;
    margin-left: 425px;
  }
    body#carte-postale #contenu.section-carte-postale form label {
      position: relative;
      display: block;
      width: 353px;
    }
      body#carte-postale #contenu.section-carte-postale form span.label {
        display: block;
        float: none;
        margin: 6px 0 0;
        padding: 0 1px;
        font-size: 0.85em;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
        color: #98999a;
      }
      *+html body#carte-postale #contenu.section-carte-postale form span.label { margin-top: 5px }

      body#carte-postale #contenu.section-carte-postale form label small {
        display: block;
        font-size: 0.75em;
        color: #98999a;
        margin-top: 0.3em;
      }

      body#carte-postale #contenu.section-carte-postale form input[type="radio"],
      body#carte-postale #contenu.section-carte-postale form input[type="checkbox"] {
        display: inline;
        width: auto;
        vertical-align: text-bottom;
        padding: 0;
        position: relative;
        top: 3px;
        line-height: 1;
        border: 0;
      }
      body#carte-postale #contenu.section-carte-postale form input[type="radio"] + span.label,
      body#carte-postale #contenu.section-carte-postale form input[type="checkbox"] + span.label {
        display: inline;
        width: auto;
      }

      body#carte-postale #contenu.section-carte-postale form input {
        display: inline;
        width: 345px;
        padding: 1px 4px 0;
        font-family: Arial, sans-serif;
        font-size: 0.95em;
        line-height: 1.3;
        border: 1px solid #98999a;
        background: transparent;
      }
      body#carte-postale #contenu.section-carte-postale form input[disabled],
      body#carte-postale #contenu.section-carte-postale form input[readonly] {
        color: #aaa;
        border-color: #ccc;
      }
      body#carte-postale #contenu.section-carte-postale form .error input {
        border: 1px solid #e43738;
      }
        body#carte-postale #contenu.section-carte-postale form span.error-message {
          float: right;
          position: absolute;
          display: none;
          bottom: -6px;
          left: -252px;
          padding: 4px 6px 4px 18px;
          color: #fff;
          font-size: 0.825em;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          background: #e43738;
          vertical-align: middle;
        }
        *+html body#carte-postale #contenu.section-carte-postale form span.error-message {
          top: 20px;
          left: -220px;
        }
        body#carte-postale #contenu.section-carte-postale form .error input:focus + span.error-message {
          display: block;
        }
        body#carte-postale #contenu.section-carte-postale form span.error-message:after {
          content: url('/img/interface/fleche-message-erreur.png');
          display: inline-block;
          vertical-align: middle;
          width: 18px;
          height: 14px;
          padding: 4px 0 4px 5px;
          border-left: 1px solid #fff;
          margin-left: 8px;
        }
          body#carte-postale #contenu.section-carte-postale form span.error-message span.message-text {
            display: inline-block;
            vertical-align: middle;
            width: 190px;
          }
      body#carte-postale #contenu.section-carte-postale form label.with-tooltip input {
        width: 310px;
      }
      body#carte-postale #contenu.section-carte-postale form span.tooltip {
        position: relative;
        display: inline-block;
        vertical-align: bottom;
      }
        body#carte-postale #contenu.section-carte-postale form span.tooltip span.tooltip-anchor {
          display: inline-block;
          color: #fff;
          font-weight: bold;
          font-size: 1.6em;
          line-height: 1.1;
          padding: 0 7px 0 6px;
          position: relative;
          left: 2px;
          -webkit-font-smoothing: antialiased;
          background: #e33638;
        }
        body#carte-postale #contenu.section-carte-postale form span.tooltip:hover span.tooltip-content { display: block }
        body#carte-postale #contenu.section-carte-postale form span.tooltip-anchor:focus + span.tooltip-content { display: block }
        body#carte-postale #contenu.section-carte-postale form span.tooltip span.tooltip-content {
          position: absolute;
          display: none;
          padding: 6px 14px;
          bottom: 49px;
          right: -2px;
          background: #e33638;
        }
        body#carte-postale #contenu.section-carte-postale form span.tooltip span.tooltip-content:after {
          content: '';
          position: absolute;
          bottom: -14px;
          right: 14px;
          display: block;
          width: 0;
          height: 0;
          border-top: 14px solid #e33638;
          border-right: 0;
          border-bottom: 0;
          border-left: 14px solid transparent;
        }

    body#carte-postale #contenu.section-carte-postale form .submit {
      position: absolute;
      width: 355px;
      bottom: -18px;
      left: 42px;
      margin-bottom: 0;
    }

#contenu.section-carte-postale a.previous-step {
  display: block;
  margin-top: 2.75em;
  text-decoration: none;
  font-weight: normal;
}

#lightbox #confirmation {
  position: relative;
  width: 463px;
  min-height: 160px;
  height: auto !important;
  height: 160px;
  padding: 30px 70px 40px 145px;
  font-size: 1.18em;
  line-height: 1.4;
  color: #fff;
  background: #6cc8c9 url('/img/interface/mains-coeur.png') no-repeat 42px 0;
}
  #lightbox #confirmation h2 {
    margin: 0 0 0.4em;
    font-size: 1.1em;
    color: #fff;
  }
  #lightbox #confirmation b.nom-destinataire {
    color: #ec2b2d;
    font-weight: normal;
  }
  #lightbox #confirmation p.center {
    position: absolute;
    bottom: -3em;
    left: 203px;
  }
    #lightbox #confirmation a.bouton:focus { outline: 0 }
    #lightbox #confirmation a.bouton {
      font-size: 1.4em;
    }
    body#carte-postale #lightbox a.close-link {
      position: absolute;
      top: -0.4em;
      right: -0.4em;
      width: 1em;
      padding: 0;
      font-size: 2.5em;
      z-index: 1;
    }

/* #lightbox {{{ */

#veil {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: -1.5em;
  background: transparent url('/img/interface/75.png') repeat;
  background: rgba(255,255,255,0.75);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  -moz-transition: opacity 0.8s ease;
  -ms-transition: opacity 0.8s ease;
  -o-transition: opacity 0.8s ease;
  z-index: 1000;
}
#veil.visible {
  visibility: visible;
  opacity: 1;
}

#lightbox {
/*  visibility: hidden; by JS */
  position: absolute;
  width: 678px;
  top: -9999px;
  left: -9999px;
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-box-shadow: 4px 3px 6px rgba(26,24,77,0.4);
  -moz-box-shadow: 4px 3px 6px rgba(26,24,77,0.4);
  box-shadow: 4px 3px 6px rgba(26,24,77,0.4);
  background: #fff url('/images/interface/lightbox.png') no-repeat 0 0;
  overflow: visible;
  z-index: 2000;
}
#lightbox.visible {
/*  visibility: visible; by JS */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
  #lightbox-content:focus { outline: 0 }
  #lightbox-content {
/*    visibility: hidden; by JS */
    width: 678px;
    opacity: 0;
    overflow: visible;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
  }
  #lightbox-content.visible {
/*    visibility: visible; by JS */
    opacity: 1;
  }
    #lightbox-content {
      font-size: 13px;
      font-size: 1.3rem;
      padding: 0;
    }

/* }}} */

tfoot tr td {
  border-bottom: none;
  color: #7F7F7F;
  padding-top: 12px;
}

* {margin: 0; padding: 0;}
html, body {height:100%;}
html {font-size: 62.5%;}
body {
  background:#ebf0db url(/img/bg-body.gif) repeat-x left top;
  color:#757574;
  font-size:1.2em;
  line-height:1.5;
  font-family:Arial, Helvetica, sans-serif;
}

body.a-moyen {font-size:1.2em;}
body.a-grand {font-size:1.4em;}

body.a-grand #menu{font-size:.85em;}
body.a-grand #entete #ajouter-ma-voix {font-size:1.15em;}
body.a-grand #entete #pastille a.liste-cps:link, body.a-grand #entete #pastille a.liste-cps:visited {font-size:.7em;}

.blocAssociation {
  padding:15px 0;
}
#contenu .blocAssociation a img { border:none;margin:0 40px 0 0 }
img.float-left { float:left;padding-right:20px; }
.texteDescriptif { float:right;width:375px;}
span.clear { clear:both; display:block;}

a:link, a:visited {color:#567853;font-weight:bold;text-decoration:underline;}
a:hover, a:active {text-decoration:underline;}
#contenu a img {border:1px solid #82c89c;}
#contenu .conteneur-photos a img {border: none;}
abbr, acronym {border-bottom:.1em dotted;cursor:help;}
em {font-style:italic;}
strong {font-weight:bold;}
p, ul, ol, dl {margin:1em 0 1.2em;}
ol {list-style:decimal;margin-left:38px;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
hr {background:#BEBEBD;border:none;color:#BEBEBD;clear:both;height:1px;margin:4em 0 1em;}

/* [ Tableaux ] -------------------*/
table {color:#34431e;margin-bottom:2.5em;text-align:left;}
table caption {font-size:1.3em;font-weight:bold;margin:1em 0 .5em 0;text-align:left;}
table th, table td {padding:5px 8px;}
table th {background:#a0c71c;color:#fff;font-size:1.5em;font-weight:normal;text-align:left;}
table td {border-bottom:1px solid #bebebd;}
table td {border-bottom:1px solid #bebebd;}
table td p {margin:.5em 0;}

/* [ Formulaires ] -------------------*/
form ul li {margin-bottom:5px;width:100%;}
form label, form span {float:left;margin-right:10px;}
form input, form select, form textarea {border:none;display:block;float:left;height:21px;padding:5px 0 0 5px;}

/* [ Titres ] -------------------*/
h1 {
  border-bottom:1px solid #bebebd;
  color:#9aa499;
  font-size:2.1em;
  font-weight:normal;
  line-height:1;
  margin-bottom:1.1em;
  padding:0 0 25px 10px;
}

h2,
.delicious-banner a{
  color:#757574;
  font-size:1.6em;
  font-weight:bold;
  line-height:1.2;
  margin:1.5em 0 1em 0;
}

h3 {
  color:#7F7F7F;
  font-size:1.4em;
  font-weight:bold;
  line-height:1.2;
  margin-bottom:.3em;
}

h4 {
  font-size:1.1em;
}

h5 {
  color:#34431e;
  font-size:1.4em;
  font-weight:bold;
  line-height:1.2;
  margin:1.5em 0 .3em 0;
}

h6 {
  margin-bottom:.5em;
}

.cb {clear:both;}

div#colonne-secondaire h6.partenaires {
  margin-top:165px;
}

/* [ Sur-entete ] -------------------*/
#sur-entete {
  border-bottom:1px solid #4b6247;
  font-size:.95em;
}

#sur-entete div {
  margin:0 auto;
  padding:7px 20px;
  width:920px;
}

#sur-entete div ul {
  float:left;
  line-height:26px;
  margin:0;
}

#sur-entete div ul li {
  color:#000;
  float:left;
  margin-right:5px;
}

#sur-entete div ul li a:link, #sur-entete div ul li a:visited {
  color:#fafaf8;
  float:left;
  margin-right:5px;
  text-decoration:none;
}

#sur-entete div ul li a:hover, #sur-entete div ul li a:active {
  color:#8dac3e;
}

#sur-entete div form {
  float:right;
}

#sur-entete div input {
  background:#7e8f77;
  color:#FAFAF8;
  float:left;
  width:155px;
}

#sur-entete div form button {
  background:url(/img/ico-recherche.gif) no-repeat center center;
  border:none;
  cursor:pointer;
  display:block;
  float:left;
  height:19px;
  margin:4px 0 0 10px;
  text-indent:-9999px;
  width:19px;
}

/* [ Enrobage ] -------------------*/
#enrobage {
  background:url(/img/bg-enrobage.jpg) no-repeat center top;
}

#page {
  margin:0 auto;
  position:relative;
  width:960px;
}

/* [ Entete ] -------------------*/
#entete {
  position:relative;
  height:156px;
  z-index: 2000;
}

iframe {
  position: relative;
  z-index: 1000;
}


#entete #logo {
  background:url(/img/logo-aqps.png) no-repeat center center;
  display:block;
  height:94px;
  position:absolute;
  left:15px;
  top:11px;
  text-indent:-9999px;
  width:328px;
  border: none;
}

#entete #logo img {
  display:none;
}

#entete #pastille {
  background:url(/img/pastille.png) no-repeat center center;
  display:block;
  height:95px;
  position:absolute;
  right:10px; top:14px;
  width:407px;
}

#entete #pastille a.besoin-aide-urgente:link, #entete #pastille a.besoin-aide-urgente:visited {
  height:84px;
  left:4px;
  position:absolute;
  text-indent:-9999px;
  top:0;
  width:246px;
}

#entete #pastille a.liste-cps:link, #entete #pastille a.liste-cps:visited {
  color:#2b3a2a;
  font-size:.8em;
  font-weight: bold;
  height:54px;
  line-height:1.2;
  padding:0 3px 0 34px;
  position:absolute;
  right:12px;
  top:26px;
  text-decoration:none;
  width:104px;
}

#entete #menu {
  margin:0;
  position:absolute;
  left:11px; bottom:2px;
}

#entete #menu li {
  float:left;
  margin-right:2px;
  padding-bottom:5px;
}

#entete #menu li a:link, #entete #menu li a:visited {
  background: #526d35;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color:#fff;
  display:inline-block;
  float:left;
  padding: 0 8px;
  text-decoration:none;
  height:36px;
  line-height:36px;
}

#entete #menu li a:link span, #entete #menu li a:visited span {
  background: #526d35;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

}

#entete #menu li a:hover, #entete #menu li a:active,
#entete #menu li.actif a:link, #entete #menu li.actif a:visited {
  background: #364f35;
}


#entete #menu li.actif {
  background:url(/img/ico-fleche-haut.gif) no-repeat center bottom;
}

#entete #boite-option {
  position:absolute;
  right:14px; bottom:0px;
  width: 232px;
  height: 36px;
  padding: 6px 7px;
  background: #526e35;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
}

#entete #boite-option ul#liste-option {
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
}
  #entete #boite-option ul#liste-option > li{
    float: left;
    margin-right:2px;
    padding-bottom:5px;
  }
    #entete #boite-option ul#liste-option > li > a {
      display: inline-block;
      background: #8ca935;
      color: white;
      text-decoration: none;
      padding: 5px 13px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 0px 1px 6px 1px #3b4f26;
      -moz-box-shadow: 0px 1px 6px 1px #3b4f26;
      box-shadow: 0px 1px 6px 1px #3b4f26;
      text-shadow: -1px 1px 3px #627330;
/*      filter: dropshadow(color=#627330, offx=-1, offy=1);*/
    }

    #entete #boite-option ul#liste-option li.dropdown { float: right; position:relative}
    #entete #boite-option ul#liste-option li.dropdown > a {
      background: url("/img/fleche-dropdown.png") 200px center no-repeat #8ca935;
      padding-right: 42px;
    }


ul.submenu {
  display: none;
  z-index: 2000;
  padding: 7px;
  margin: 0;
  position: absolute;
  background: #a7c43e;
  bottom: -285px;
  right: 0;
  width: 718px;
/*  height: 272px;*/
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #6b8836;
}
  ul.submenu li {
    background: #97b542;
    float: left;
    margin: 2px;
  }
  ul.submenu li:hover {
    background: #8fad44;
  }
    ul.submenu li a {
      display:inline-block;
      min-height: 106px;
      width: 335px;
      padding: 13px 6px 13px 13px;
      text-decoration: none;
    }

      ul.submenu li a img { float: right; margin-left: 5px}
      ul.submenu li a span { display: block;}
      ul.submenu li a span.titre {
        font-size: 13px;
        color: #2b3a2a;
        font-weight: bold;
        line-height: 14px;
        margin-bottom: 4px;
      }
      ul.submenu li a span.date {
        color: #2b3a2a;
        font-size: 11px;
        font-weight: normal;
        margin-bottom: 4px;
        margin-top: 4px;
      }
      ul.submenu li a span.contenu {
        color: white;
        font-weight: normal;
        font-size: 11px;
        line-height: 13px;
      }

#entete #boite-option ul#liste-option li.dropdown:hover ul.submenu{
  display: block;
}

#entete #boite-option ul#liste-option > li:hover > a { background-color: #a7c43e; }

#entete #ajouter-ma-voix {
  background:url(/img/bg-ajoute-voix.png) no-repeat center bottom;
  color:#fff;
  display:block;
  font-size:1.3em;
  height:36px;
  line-height:36px;
  padding-right:12px;
  position:absolute;
  right:9px; bottom:7px;
  text-align:right;
  text-decoration:none;
  width:172px;
}

#font-size {
  float:right;
  height:41px;
  position:absolute;
  right:50px;
  top:288px;
  width:40px;
}
body.aines #font-size { top: 322px; }

#accueil #font-size {
  right:50px;
  top:402px;
/*  top: 320px;*/
}

#font-size a:link, #font-size a:visited {
  background:transparent url(/img/image-taille-texte.gif) no-repeat scroll center 0;
  display:block;
  height:41px;
  text-indent:-9999px;
  width:40px;
}

#font-size a:hover, #font-size a:active,
#font-size a.actif:link, #font-size a.actif:visited {
  background:transparent url(/img/image-taille-texte.gif) no-repeat scroll center -41px;
}

#font-size a.actif:hover, #font-size a.actif:active {
  background:transparent url(/img/image-taille-texte.gif) no-repeat scroll center 0;
}


/* [ Contenu ] -------------------*/
#contenu {
  background:#fafaf8;
  padding:12px 50px 8px 20px;
  min-height:450px;
  height:auto !important;
  height:450px;
}

/* [ Contenu principale ] -------------------*/
#colonne-principale {
  float:right;
  width:677px;
}

#colonne-principale.full {
    float: none;
    width: 100%;
}

#colonne-principale ul {
  margin-left:16px;
}

#colonne-principale ul li {
  background:url(/img/ico-bullet.gif) no-repeat 5px .6em;
  padding-left:15px;
  margin-bottom:5px;
}

#colonne-principale ul.jcarousel-list li {
  background:none;
  padding-left:0;
  margin-bottom:0;
}


#fil-ariane {
  border-top:1px solid #BEBEBD;
  clear:both;
  color:#567853;
  font-size:.9em;
  margin:50px 0 15px 0!important;
  padding:20px 0 0 10px;
}

#fil-ariane li {
  background:none!important;
  display:inline;
  margin:0!important;
  padding:0!important;
}

#fil-ariane li span {
  color:#34431e;
  font-weight:normal;
}


/* [ Colonne secondaire ] -------------------*/
#colonne-secondaire {
  float:left;
  padding:10px 0 0 0;
  width: 195px;
}

#colonne-secondaire .menu {
  color:#567853;
  font-size:1.1em;
  margin:0 0 5em 0;
}

body.sps #colonne-secondaire .menu {
    color:#567853;
  font-size:1.1em;
  margin:0 0 2em 0;
}

#colonne-secondaire .menu li {
  line-height:1.7;
  background:url(/img/ico-fleches.gif) no-repeat 0 .4em;
  line-height:1.2;
  margin:0 0 15px 0!important;
  padding-left:12px;
}
#colonne-secondaire .menu li.sous-section {
  position: relative;
  left: 13px;
}

#colonne-secondaire .menu li.actif {
  background:url(/img/ico-fleches2.gif) no-repeat 0 .4em;
  color:#34431e;
}

#colonne-secondaire .menu li.actif a:link, #colonne-secondaire .menu li.actif a:visited {
  color:#34431e;
  text-decoration:none;
}

#colonne-secondaire #partenaires {
  margin:0;
}

#colonne-secondaire #partenaires li {
  margin-bottom:5px;
}

#colonne-secondaire #partenaires img {
  border: solid 1px #bebebd;
}

.boite-signataires{
  background:#ebf0db;
  border-top:1px solid #bebebd;
  padding:0 8px;
}

#ajouter-voix #page #contenu #colonne-principale .boite-signataires ul{
  margin:12px 16px;
  width:300px;
}

#ajouter-voix #page #contenu #colonne-principale .boite-signataires ul.col1{
  float:left;
  margin-right:0;
}

#ajouter-voix #page #contenu #colonne-principale .boite-signataires ul.col2{
  float:right;
  margin-left:0;
}

#ajouter-voix #page #contenu #colonne-principale .boite-signataires ul li{
  border-bottom:1px solid #bcc0af;
  background:none;
  padding:6px 0;
  text-transform:capitalize;
}

#ajouter-voix #page #contenu #colonne-principale .boite-signataires ul li:last-child{
  border-bottom:none;
}

#ajouter-voix #page #contenu #colonne-principale .boite-signataires ul li span.qte{
  float:right;
  width:45px;
  font-weight:bold;
}

a#afficher-signataires{
  display: block;
  text-align: center;
}

a#afficher-signataires img{
  border: none;
}

/* [ Pied ] -------------------*/

#pied{
  font-size: 0.9em;
  margin: 0 0 0 0;
  padding: 25px 40px;
  background: #b2c52b; /* Old browsers */
  background: -moz-linear-gradient(top,  #b2c52b 0%, #97b322 46%, #8daa1c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2c52b), color-stop(46%,#97b322), color-stop(100%,#8daa1c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #b2c52b 0%,#97b322 46%,#8daa1c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #b2c52b 0%,#97b322 46%,#8daa1c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #b2c52b 0%,#97b322 46%,#8daa1c 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #b2c52b 0%,#97b322 46%,#8daa1c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2c52b', endColorstr='#8daa1c',GradientType=0 ); /* IE6-9 */
  color: #34431e;
}

#pied p{
  font-weight: normal;
}

#pied p.titre{
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 0.5em;
}

#pied p.coordonnees{
  font-size: 0.9em;
}

#pied a{
  color: #FFF;
}

#pied ul li{
  list-style-type: disc;
  margin-left: 10px;
}

#pied.titre{
  font-weight: bold;
  font-size: 13px;
}

#pied .col{
  float: left;
  width: 170px;
  margin-left: 10px;
  padding-left: 10px;
}

#pied .col.first{
  width: 250px;
  margin: 0;
  padding: 0;
  border: none;
}
#pied .col.first p {
  font-size: 13px;
  margin: 0 0 10px 0;
}

#pied .col.liens{
  width: 205px;
}


#pied .col.diffusion-message{
  width: 155px;
}

#pied .col.contact{
  width: 195px;
}

#pied #liste-social {
  margin: 0;
  padding: 0;
}

#pied #titre-social {
  margin-bottom: 5px;
}

#pied #liste-social li {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#pied #liste-social li+li {
  margin-left: 5px;
}

#pied #liste-social li a{
  display: block;
  text-indent: -3000px;
  width: 31px;
  height: 32px;
  background: url("/img/social-picto.png") 0 top no-repeat;
}

#pied #liste-social li#twitter a{
  background-position: -32px top;
}
#pied #liste-social li#youtube a{
  background-position: -68px top;
}
#pied #liste-social li#flickr a{
  background-position: -101px top;
}

#pied .col.diffusion-message a{
  display: block;
  font-size: 1.2em;
  font-weight: normal;
  margin-top: 1em;
  color: #FFF;
}


#pied .col ul a{
  font-weight: bold;
  color: #FFF;
}

#copyright {
  padding: 26px 35px;
  background: #365035;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright:5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#copyright p{
  margin: 0;
  padding: 0;
  font-size: 9px;
  color: #b8c1c6;
}

#soutien {
  color: #8f997c;
  padding: 15px 35px 30px 35px;
  font-size: 9px;
  font-weight: bold;
}
#soutien a {
  color: #8f997c;
}

#soutien p {
  margin: 0;
  width: 50%;
  float: left;
}
#soutien p+p {
  float: right;
  text-align: right;
}

                                            /* -- [ Accueil ] -- */

.image_accueil {
  display:block;
}

.col630 {
  width: 630px;
  float: left;
}
.col300 {
  float: right;
  width: 300px;
}

#accueil #contenu {
  padding:10px;
}

#accueil #partenaires-majeurs {
  margin: 45px 0 0 0;
}

#accueil #partenaires-majeurs h2{
  margin: 0 0 15px 0;
}

#accueil #partenaires-majeurs img{
  border: none;
}

#accueil #contenu #nouvelle {
  margin-bottom: 38px;
}
#accueil #contenu #nouvelle h2 a { border: none; }
#accueil #contenu #nouvelle h2 a img{ border: none; }

#accueil #contenu #liste-nouvelle li {
  padding: 16px 20px 16px 10px;
}

#accueil #contenu #liste-nouvelle li+li {
  border-top: #ebf0db 2px solid;
}


#accueil #contenu #liste-nouvelle li.first {
  background: #ebf0db;
}
#accueil #contenu #liste-nouvelle li .img-nouvelle{
  float: left;
  margin-right: 12px;
  border: 1px solid #8caa2b;
}
#accueil #contenu #liste-nouvelle li div.contenu-nouvelle {
  width: 425px;
  float: left;
}
#accueil #contenu #liste-nouvelle li p {margin-bottom: 0;}
#accueil #contenu #liste-nouvelle li p.date-nouvelle{
  margin: 5px 0 0 0;
  padding: 0;
  color: #365035;
}

#accueil #contenu .lien-plus {
  display: block;
  background: #ebf0db;
  color: #567853;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 5px 13px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#accueil #contenu .lien-plus:hover {
  background: #c9d79d;
}

#accueil #contenu #photos-filckr p.notice{
  margin: 2px 0;
}
#accueil #contenu #photos-filckr h2 {
  margin: 0;
}


#accueil #contenu #video-youtube {
  background: #ebf0db;
  padding: 15px 10px;
  margin: 44px 0 10px 0;
}

#accueil #contenu #video-youtube iframe{
  margin-top: 8px;
}

#accueil #contenu #video-youtube h3 {
  margin-top: 10px;
  font-size: 14px;
}

#accueil #contenu #video-youtube #youtube-desc {
  padding: 0 5px 0 10px;
}

#accueil #contenu #video-youtube a.lien-plus{
  background: #d8e2b8;
}

#accueil #contenu #video-youtube a.lien-plus:hover {
  background: #c9d79d;
}
#accueil h1 {
  border:none;
  margin-bottom:.4em;
  padding:0;
}

#accueil h2 {
  color:#34431e;
  font-size:27px;
  font-weight: normal;
  color: #344320;
  margin: 0 0 0 10px;
  padding: 0;
}

#accueil h3 {
  color: #344320;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#accueil .liste-detail {margin-bottom:0!important;}
#accueil .liste-detail li {border-bottom:1px solid #bebebd;}


                                            /* -- [ Activites ] -- */
#contenu #activites {
  position: relative;
  width: 300px;
  margin: 44px 0 10px 0;
  background-color:#ebf0da;
  padding:1px 0 10px 0;
}
#contenu #activites h2{
  font-size: 20px;
  line-height:40px;
  font-weight: normal;
  text-align: center;
  margin: 0;
  background: #d7e1b6;
    -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;

}
#contenu #activites .zone-activites{
  display: block;
  width: 290px;
  margin: 7px auto 0 auto;
  text-decoration: none;
  background: #fff;
  color: #757574;
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
}
#contenu #activites ul{
  margin:2px 0 0 0;
}
#contenu #activites ul li{
  margin:0; padding:0;
}
#contenu #activites .zone-activites a{
  color: #757574;
  font-weight:normal;
  text-decoration:none;
  font-size:11px;
  display:block;
  border-bottom:1px solid #d7e1b6;
  padding:5px 20px; margin:0 2px;
}
#contenu #activites .zone-activites a:hover{
  color: #344320;
  background-color: #d7e1b6;
}
#contenu #activites .zone-activites a .nom-act{
  width:100%;
  display:block;
  padding:2px 0 2px 14px;
  color:#8baa2b;
  font-size:12px;
  font-weight:bold;
  background:url(../img/bg-acc-activite-fleche.png) no-repeat 0 5px;
}
#contenu #activites .zone-activites a:hover .nom-act{
  color:#344320;
}
#contenu #activites a.bt{
  position: relative;
  display: block;
  width: 220px;
  text-align:center;
  margin: 7px auto 0 auto;
  text-decoration: none;
  padding: 5px 13px;
  background: #d7e1b6;
  color: #567853;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#contenu #activites a.bt:hover{
  background-color: #c1d18d;
}

                                            /* -- [ Ajoute ma voix ] -- */

#ajouter-voix #page #contenu #colonne-principale{
  font-size:14px;
  }
#ajouter-voix #page #contenu #colonne-principale li {
  line-height:1.7;
  background:url(/img/ico-fleches.gif) no-repeat 0 .4em;
  line-height:1.5;
  margin:0 0 5px 0!important;
  padding-left:14px;
    padding-bottom: 5px;
}


#carte #gmap {
  width: 677px;
  height: 300px;
}

#declaration {
  background:#ebf0db;
  border-bottom:1px solid #bebebd;
  padding:1px 8px 25px 8px;
}

#declaration .signateurs {
  background:url(/img/bg-signateurs.jpg) no-repeat center center;
  display:block;
  float:right;
  height:86px;
  margin-top:-7px;
  position:relative;
  width:147px;
}

#declaration .signateurs span {
  color:#fff;
  font-size:2.2em;
  position:absolute;
  right:35px; top:14px;
}

#declaration .signateurs strong {
  font-weight:normal;
  position:absolute;
  left:12px; bottom:11px;
}

#ajouter-voix .bas {
  padding-bottom:20px;
}

#declaration a.passer-mot:link, #declaration a.passer-mot:visited  {
  background:url(/img/bg-passer-mot.gif) no-repeat left center;
  float:right;
  font-weight:normal;
  padding-left:44px;
  text-decoration:none;
}

#declaration a.passer-mot:link strong, #declaration a.passer-mot:visited strong {
  font-size:1.6em;
  font-weight:bold;
  line-height:1;
}

#declaration a.passer-mot:hover, #declaration a.passer-mot:active {
  background:url(/img/bg-passer-mot2.gif) no-repeat left center;
}



/* Message de confirmation */
div.message a {
  color:#fff;
  text-decoration:none;
}

div.message a#fermerMessageConfirmation {
  background:none;
  font-size:1.3em;
  display:inline-block;
  margin:20px 0 10px 0;
  width:70px;
}
div.message ul       { margin-top:10px; }
  #colonne-principale div.message ul li {
    list-style-type:none;
    background:none;
  }
div.message p       { font-size:1.2em; }
div.message p strong   { font-size:1.5em; }

div.message a:link, div.message a:visited {
  background:url(/img/bg-onglets.gif) no-repeat left -72px;
  color:#fff;
  padding-left:8px;
  text-decoration:none;
  display:block;
  width:240px;
}

div.message a:link span, div.message a:visited span {
  background:url(/img/bg-onglets.gif) no-repeat right bottom;
  display:block;
  height:36px;
  line-height:36px;
  padding-right:8px;
}
div.message a:hover {
  text-decoration:underline;
}

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

                                            /* -- [ Ajoute ma voix - refonte ] -- */

#videos {
  width:420px;  /* padding-bottom:40px */;
}

#videos + img {
  margin-top:40px;
}

#videos #video-affiche{
  margin-bottom:30px;
}

#video-liens {
  margin-bottom:0;

}

#video-liens > a img{
  margin-right:3px;
  border:2px solid #567853;
  width:120px;
}

#video-liens a:hover img, #video-liens a.actif img {
  border-color:#8CAA2B;
}

#nouvelle-declaration {
  float:right;
  width:227px;
}

#nouvelle-declaration .bouton-sign {
  width:227px; height:124px;
  display:block; margin-bottom:10px;
  background-color:#52b5b5;
  background:url(/img/signataires/bt-sign-icon.png) no-repeat center 11px #52b5b5 ;
  font-size:19px; color:#fff; text-decoration:none;
  text-align:center;
  border-radius:10px;   -moz-border-radius:10px;
  -moz-box-shadow:    inset 0 -2px 3px #000;
  -webkit-box-shadow: inset 0 -2px 3px #000;
  box-shadow:         inset 0 -2px 3px #000;

}
#nouvelle-declaration .bouton-sign:hover {
  background:url(/img/signataires/bt-sign-icon.png) no-repeat center 11px #41a2a2 ;
  -moz-box-shadow:    inset 0 -1px 1px #000;
  -webkit-box-shadow: inset 0 -1px 1px #000;
  box-shadow:         inset 0 -1px 1px #000;

}
#nouvelle-declaration a.bouton-sign strong{
  font-size:39px; line-height:38px; display:block; padding-top:52px;
}
#nouvelle-declaration a.signateurs {
    margin: 0 15px 15px;
  width:227px; height:124px;
  text-align:center;
  display:block;
  background-color:#ebf0db;
  border-radius:10px;   -moz-border-radius:10px;
  -moz-box-shadow:    inset 0 -2px 3px #c5c9b8;
  -webkit-box-shadow: inset 0 -2px 3px #c5c9b8;
  box-shadow:         inset 0 -2px 3px #c5c9b8;
  text-decoration:none!important;
}
#nouvelle-declaration .signateurs:hover {
  background-color:#e3e9d1;
  -moz-box-shadow:    inset 0 -2px 3px #c5c9b8;
  -webkit-box-shadow: inset 0 -2px 3px #c5c9b8;
  box-shadow:         inset 0 -1px 1px #c5c9b8;
}
#nouvelle-declaration a.signateurs strong{
  color:#52b5b5;
  font-size:40px; line-height:40px;
  padding:20px 0; margin:0 auto 4px auto;
  border-bottom:1px solid #bcc0af;
  display:block; width:172px;
  text-align:center;
  text-decoration:none!important;
}
#nouvelle-declaration a.signateurs span{
  font-size:19px;
  clear:both;
  font-weight:normal;
  color:#757574;
  text-decoration:none!important;
}

#colonne-principale .fb-share-ajouter-voix div.vsocial {
     float:left; display:inline; margin-bottom:0; width:140px;
}

.fb-share-ajouter-voix {
    clear: both;
}
.fb-share-ajouter-voix h2 {
    color: #ffffff;
    margin-bottom: 0.5em;
    }
#colonne-principale #videos div.vsocial {
  float:left; display:inline; margin-bottom:0; width:140px;
}
#colonne-principale #videos div.vsocial.tw {
  width:90px;
}
#colonne-principale #videos div.vsocial.fb {
  width:100px;
}
#colonne-principale #videos div.vsocial.hide{
  display:none;
}

#colonne-principale p.toute-campagne  {
  padding-bottom:40px;
}
#colonne-principale p.toute-campagne a {
  font-size:14px; font-weight:bold; text-decoration:none;
}
#colonne-principale p.toute-campagne a:hover, #colonne-principale #video-affiche + p a:hover {
  text-decoration:underline;
}


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

#formDeclaration {
  background: url(/img/signataires/form-declaration-bg.png) no-repeat bottom right #567853;
  border-bottom:1px solid #bebebd;
  display:none;
  padding:16px 26px 14px 55px;
  clear:both;

}

#formDeclaration-header{
  padding-top:20px;
}

#formDeclaration-header:after{
  clear:both;
}
#formDeclaration-header .crayon{
  background: url(/img/signataires/form-declaration-crayon.png) no-repeat 20px 8px #567853;
  padding:5px 20px 5px 52px;
  border-radius:6px 6px 0 0;   -moz-border-radius :6px 6px 0 0;
  display:block;
  color:#fff; font-size:20px; font-weight:bold;
  float:left;
}
#formDeclaration-header .engage{
  float:right;
  margin-bottom:0;
}

#formDeclaration.ouvert {
  display:block;
}

#formDeclaration a:link, #ajouter-voix #formDeclaration a:visited {
  color:#fff;
}

#formDeclaration ul {
  margin:0;
  float:left;
  margin:0 78px 0 0;
  width:220px;
}

#formDeclaration ul li {
  background:none;
  margin:0;
  padding:0;
}

#formDeclaration li label {
  color:#fff;
  font-size:.9em;
  font-weight:bold;
  margin-bottom:5px;
}

#formDeclaration li input {
  font-size:.9em;
  height:16px;
  margin-bottom:1px;
  width:205px;
}

#formDeclaration li textarea {
  height:70px;
  width:205px;
}

#formDeclaration li select {
  font-size:.9em;
  height:auto;
  margin-bottom:1px;
  padding:2px;
  float:left;
  width:210px;
}

#formDeclaration li input.checkbox {
  /*width:5px;*/
  float: left;
  width: 13px;
  height: 13px;
  display: inline;
}

#formDeclaration li.li-checkbox {
  padding: 5px 0 0 0;
}

#formDeclaration li.li-checkbox label {
  float: none;
  margin-left: 20px;
  display: block;
  cursor: pointer;
}

#formDeclaration .erreurs { margin-bottom:20px;}



#formDeclaration.newFormDeclaration {
  padding:20px 16px 14px 16px;
}

#formDeclaration.newFormDeclaration ul{
  width:280px;
  margin:0;
}
#formDeclaration.newFormDeclaration ul.ul2nd{
  width:350px;
  float:right;
}
#ajouter-voix #page #contenu #colonne-principale #formDeclaration.newFormDeclaration ul li{
  padding:5px 0 5px 0;
  background:none;
}
#formDeclaration.newFormDeclaration ul li label{
  font-weight:normal;
  font-size:12px;
  width:100%;
}

#formDeclaration.newFormDeclaration li label textarea, #formDeclaration.newFormDeclaration li label select, #formDeclaration.newFormDeclaration li label input {
  float:right;
  margin-top:-2px;
}



#ajouter-voix #contenu .bt-vert {
  background: #8ca935;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 -2px 3px #000000 inset;
  color: #fafaf8;
  display: block;
  font-weight:bold;
  text-align: center;
  text-decoration: none;
  padding:8px 26px 12px 48px;
  border:0;
  margin-top:6px;
  text-shadow: #6b7d32 1px 1px 2px;
  cursor:pointer;
}
#ajouter-voix #contenu .bt-vert:hover  {
  background-color:#7c972c ;
  -moz-box-shadow:    inset 0 -1px 1px #000;
  -webkit-box-shadow: inset 0 -1px 1px #000;
  box-shadow:         inset 0 -1px 1px #000;

}
#ajouter-voix #contenu .bt-vert.soumettre {
  background:url(/img/signataires/form-declaration-cochet.png) no-repeat 18px 6px #8ca935;
  font-size: 26px;
  padding:8px 26px 12px 68px;
}
#ajouter-voix #contenu .bas .bt-vert {
  font-size: 14px;
  width:146px; height:45px;
  line-height:15px;
  text-align:left;
  float:left;
}
#ajouter-voix #contenu .bas .bt-vert.passer-mot {
  background:url(/img/signataires/form-declaration-enveloppe.png) no-repeat 12px 20px #8ca935;
  font-weight:normal;
  padding:10px 16px 10px 58px;
  margin-right:7px;
}
#ajouter-voix #contenu .bas .bt-vert.don {
  background:url(/img/signataires/form-declaration-contribuer.png) no-repeat 14px 10px #8ca935;
  padding:10px 2px 10px 112px;
  width:106px; height:45px;
  margin-right:7px;
}
#ajouter-voix #contenu .bas .bt-vert span{
  display: block;
  padding-top: 14px;
}
#ajouter-voix #contenu .bas .bt-vert.action {
  background:url(/img/signataires/form-declaration-action.png) no-repeat 18px 13px #8ca935;
  padding:10px 11px 10px 93px;
  width:116px;
}

#ajouter-voix #contenu .bt-vert.soumettre:hover {
  background:url(/img/signataires/form-declaration-cochet.png) no-repeat 18px 6px #7c972c;
}
#ajouter-voix #contenu .bas .bt-vert.passer-mot:hover {
  background:url(/img/signataires/form-declaration-enveloppe.png) no-repeat 12px 20px #7c972c;
}
#ajouter-voix #contenu .bas .bt-vert.don:hover {
  background:url(/img/signataires/form-declaration-contribuer-rl.png) no-repeat 14px 10px #7c972c;
}
#ajouter-voix #contenu .bas .bt-vert.action:hover {
  background:url(/img/signataires/form-declaration-action.png) no-repeat 18px 13px #7c972c;
}


#liste-initiatives {
  margin:2em 0 1em 0!important;
}

#liste-initiatives li {
  background:none!important;
  float:left;
  padding:0!important;
  margin-right:1px;
  width:225px;
}

#liste-initiatives li.dernier {
  margin:0;
}

#liste-initiatives li .titre:link, #liste-initiatives li .titre:visited {
  display:block;
  margin-bottom: 9px;
  padding:0 9px;
  text-decoration:none;
}

#liste-initiatives li img {
  border:none;
}

#liste-initiatives li p {
  padding:0 9px;
}

#encadre-aide {
  padding: 7px;
  margin: 0;
  background: #EBF0DA;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #567853;
  text-align:center;
}

#liste-cpsregionaux h2 {
  background:#8ba82b;
  border-bottom:1px solid #bebebd;
  color:#fff;
  margin:0;
  padding:5px 9px;
}

#liste-cpsregionaux form {
  background:#ebf0db;
  border-top:1px solid #fff;
  padding:5px 9px;
}

#liste-cpsregionaux select {
  height:auto;
  float:left;
  margin:0 10px 0 0;
  padding:2px 2px 2px 5px;
  width:143px;
}

#liste-cpsregionaux ul {
  border-top:1px solid #bebebd;
  margin:0;
}

#liste-cpsregionaux ul li {
  background:none;
  margin:0;
  padding:0;
}

#liste-cpsregionaux ul li h3 {
  background:url(/img/ico-plus.gif) no-repeat 651px center;
  border-bottom:1px solid #bebebd;
  color:#567853;
  cursor:pointer;
  line-height:1;
  margin:0;
  padding:12px 9px;
}

#liste-cpsregionaux ul li.ouvert h3 {
  background:url(/img/ico-moins.gif) no-repeat 651px center;
}

#liste-cpsregionaux ul li ul {
  background:#ebf0db;
  border:none;
}

#liste-cpsregionaux ul li ul li {
  border-bottom:1px solid #bebebd;
  padding:9px 18px;
}

#liste-cpsregionaux ul li ul li h4 {
  cursor:pointer;
}

#liste-cpsregionaux ul li ul li p {
  margin:0;
}

/* -- [ Vos projets ] -- */

#soumettreRealisations {
  background:#8caa2b;
  margin:0;
  padding:10px 22px 10px 17px;
}

#soumettreRealisations h4 {
  color:#fff;
  font-size:1.5em;
  font-weight:bold;
  line-height:1;
  margin:.5em 0;
}

#soumettreRealisations ul {
  margin:0;
}

#soumettreRealisations ul li {
  background:none;
  padding:0;
}

#soumettreRealisations ul li label {
  color:#fff;
  font-size:.9em;
  font-weight:bold;
}

#soumettreRealisations ul li input {
  font-size:.9em;
  height:16px;
  width:215px;
}

#soumettreRealisations ul li textarea {
  height:70px;
  width:215px;
}

#soumettreRealisations #photo1, #soumettreRealisations #photo2, #soumettreRealisations #photo3 {
  height:auto;
}

#soumettreRealisations button {
  position:relative;
  left:43px; top:29px;
}

#ajouter-voix #colonne-secondaire .menu {
  margin:0 0 1.5em 0;
}

#ajouter-voix #colonne-secondaire a.sans-logo {
  display: block;
  width: 125px;
  height: 54px;
  padding: 12px 6px;
  text-decoration: none;
  border: solid 1px #bebebd;
  cursor: pointer;
}

#ajouter-voix li.signerAutour p,
#ajouter-voix li.offrez-temps ul { display:none; }

#sengager div.boitePasserALaction {
  background: url(/img/bg-boite.jpg) repeat-x #ebf0db left 10px;
  margin: 10px;
  /*border:1px solid #999;*/


}
#sengager div.boitePasserALaction h3 {
  padding: 7px 10px 5px 10px;
  /*background-color: #92A180;*/
  /*background-color: #374F35;*/
  background: url(/img/bg-boite-h3.jpg) no-repeat;
  color: #FFF;
  /*border-bottom: 1px solid #FFF;*/
}
#sengager div.boitePasserALaction ul {
  margin:5px 0;
  padding:5px 10px 0px 10px;
}
#sengager div.boitePasserALaction .bt-bas {
  background: url(/img/bg-boite-bas.jpg) no-repeat;
  height: 9px;
}

                                            /* -- [ L'association ] -- */

#association #logos-activites{
  margin: 0 0 0 20px;
}

#association #logos-activites img {
  margin: 0 40px 20px 0;
  vertical-align: middle;
}

                                            /* -- [ Besoin d'aide urgente ] -- */

#besoin-aide-urgente ul.emphase{
  font-size: 1.3em;
}



                                            /* -- [ Dons en ligne ] -- */

body#faire-don #contenu {
  background:#fafaf8 url(/img/bg-contenu.gif) no-repeat left bottom;
  padding:12px 50px 8px 14px;
}
body#faire-don #colonne-secondaire {
  font-size:.85em;
/*  padding-right:10px;*/
  padding: 20px 0;
  width:191px;
  min-height: 594px;
/*  background: url(/img/bg-colonne-secondaire-faire-don.gif) no-repeat;*/
}
span#prix-action, span#prix-total-action{
 float: none;
 margin: 0;
}
a.bouton-vert.marge{
  margin-left: 15px;
}
#txtMontant{
  float: none;
  display: inline;
}

#faire-don #colonne-secondaire h3{
  padding: 0 10px;
}

#faire-don #colonne-secondaire p,#faire-don #colonne-secondaire ul li{
  font-size: 1.111em;
  padding: 0 10px;
}

#faire-don #colonne-secondaire ul li {
  margin-bottom:5px;
}

#faire-don #colonne-secondaire ul li.vert-01,
#faire-don #colonne-secondaire ul li.vert-02,
#faire-don #colonne-secondaire ul li.vert-03,
#faire-don #colonne-secondaire ul li.vert-04 {
  width: 171px;
  padding: 7px 10px 7px 10px;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0 0 14px 0;
  color: #242e13;
  position: relative;
}

#faire-don #colonne-secondaire ul li span.bas{
  background-repeat: no-repeat;
  background-position: center bottom;
  display: block;
  width: 191px;
  height: 14px;

  left: 0;
  bottom: 0px;
  position: absolute;
}

#faire-don .actions-sociales {
  display:block;
  float:right;
  width:180px;
  border: 1px solid #C3D191;
  text-align: center;
  margin: 0 0 20px 20px;
  background-color: #FFF;
}
#faire-don div.border{
  border-bottom:1px solid #BEBEBD;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
#faire-don .gros-formulaire {
  padding:0;
}
#faire-don .actions-sociales span {
  color:#fff;
  font-size:2.2em;
  display: block;
  background-color: #232D14;
}

#faire-don .actions-sociales strong {
  font-weight:normal;
}


/* boites faire un don / participer */
.boite-choix.b2{
  background: url(../img/bg-choix-epingle.jpg) no-repeat top left;
  margin-left: 15px;
  text-align: center;
  height: 210px;
}
.boite-choix.b2 p{
  font-size: 12px;
  line-height: 18px;
  width: 300px;
}
.boite-choix.b2 p.titre{
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.boite-choix.b2 span{
  color: #f5793b;
}
.boite-choix{
  background: url(../img/bg-choix.jpg) no-repeat top left;
  width: 290px;
  height: 163px;
  padding: 20px;
  float: left;
  position: relative;
  color: #374f35;
}
.boite-choix p{
  font-size: 18px;
  line-height: 25px;
  width: 180px;
  margin: 0 auto;
}
#contenu .boite-choix a img{
  border: none;
}
.boite-choix a.participer, .boite-choix a.faire-un-don, a.faire-un-don{
  color: #FFF;
  text-decoration: none;
  display: block;
  line-height: 40px;
  text-align: center;
  font-size: 1.2em;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

a.faire-un-don:hover{
  background: url(../img/btn-faire-un-don-hover.gif) no-repeat center left;
}

.boite-choix a.participer{
  background: url(../img/btn-participer.gif) no-repeat center left;
  width: 251px;
}
a.faire-un-don{
  background: url(../img/btn-faire-un-don.gif) no-repeat center left;
  width: 138px;
  padding-top: 5px;
  height: 35px;
  line-height: 1;
}

.boite-choix a.faire-un-don{
  background: url(../img/btn-don.png) no-repeat center left;
  width: 126px;
  height: 52px;
  padding-top: 5px;
}

.boite-choix a.faire-un-don:hover{
  background: url(../img/btn-don-hover.png) no-repeat center left;
}

.boite-choix a.participer:hover{
  background: url(../img/btn-participer-hover.gif) no-repeat center left;
}

a.faire-un-don:hover{
  background: url(../img/btn-faire-un-don-hover.gif) no-repeat center left;
}

a.faire-un-don{
  position: static!important;
  margin: 20px auto 0 auto;
}

html body div#enrobage form ul li { list-style-type: none; background: none; }

#faire-don #colonne-secondaire ul li.vert-01{ background-image: url(/img/bg-engagement-01-haut.gif);}
#faire-don #colonne-secondaire ul li.vert-01 span.bas{background-image: url(/img/bg-engagement-01-bas.gif);}
#faire-don #colonne-secondaire ul li.vert-02{ background-image: url(/img/bg-engagement-02-haut.gif);}
#faire-don #colonne-secondaire ul li.vert-02 span.bas{background-image: url(/img/bg-engagement-02-bas.gif);}
#faire-don #colonne-secondaire ul li.vert-03{ background-image: url(/img/bg-engagement-03-haut.gif);}
#faire-don #colonne-secondaire ul li.vert-03 span.bas{background-image: url(/img/bg-engagement-03-bas.gif);}
#faire-don #colonne-secondaire ul li.vert-04{ background-image: url(/img/bg-engagement-04-haut.gif);}
#faire-don #colonne-secondaire ul li.vert-04 span.bas{background-image: url(/img/bg-engagement-04-bas.gif);}

#faire-don #colonne-secondaire ul li ul li{
  list-style-type: disc;
  margin-left: 20px;
  font-size:1em;
  padding-left:0;}

.gros-formulaire {
  padding:10px 26px 10px 55px;
}

.gros-formulaire ul {
  margin:0 78px 0 0;
}

.gros-formulaire ul li {
  background:none;
  padding:0;
}

.gros-formulaire li label {
  font-weight:bold;
  float:left;
  margin-bottom:5px;
  text-align:right;
  width:160px;
}

.gros-formulaire input.text-input, input#txtMontant, .gros-formulaire select, .gros-formulaire textarea {
  border:1px solid #757574;
  height:16px;
  margin-bottom:1px;
  width:210px;
}

.gros-formulaire select {
  height:auto;
  padding:2px 2px 2px 5px;
  width:215px;
}
.gros-formulaire select.chiffres {
  width: auto;
  margin-right: 5px;
}

.gros-formulaire #txtRemarques, .gros-formulaire #txtMemoriamAdresse {
  height:90px;
}


.gros-formulaire #cbrecu, .gros-formulaire #cbmemoriam {
  border:none;
  margin-right:10px;
  width:auto;
}

form#formulaireAines {
  padding-left: 0;
}


.gros-formulaire div {
  margin-bottom:1em;
}

.gros-formulaire #reprendre {
  margin-right:10px;
}


form fieldset {
    border: solid 1px #a0aeaf;
    margin-bottom: 1.5em;
    padding: 1em 0;
}

    form fieldset legend {
        margin-left: 11px;
        font-size: 1em;
        font-weight: bold;
        padding: 0 4px;
    }

label span.fin { font-weight: normal; margin: 0; }

                                            /* -- [ Nouvelles et Agenda, Nous-joindre et Rercherche ] -- */
.jmps .nouvelles #colonne-principale,
.sps .nouvelles #colonne-principale,
#nouvelles #colonne-principale,
#agenda #colonne-principale,
#nous-joindre #colonne-principale,
#recherche #colonne-principale,
#formation-support-professionnels-detail #colonne-principale,
#engagement #colonne-principale {
  width:100%;
}
.jmps .nouvelles #colonne-principale .colonne-gauche,
.sps .nouvelles #colonne-principale .colonne-gauche,
#nouvelles #colonne-principale .colonne-gauche,
#agenda #colonne-principale .colonne-gauche,
#formation-support-professionnels-detail #colonne-principale .colonne-gauche{
  width:460px;
}

.jmps .nouvelles #colonne-principale .colonne-droite,
.sps .nouvelles #colonne-principale .colonne-gauche,
#nouvelles #colonne-principale .colonne-droite,
#agenda #colonne-principale .colonne-droite,
#formation-support-professionnels-detail #colonne-principale .colonne-droite {
  width:320px;
}

body.sps #contenu.accueil .logo-sps h2,
body.sps .logo-sps h2 {
  border-bottom: none;
  color: #757574;
  font-size: 18px;
  font-weight: normal;
  margin: 20px 0 5px 0;
  padding: 1em 0 5px 0;
  width: 145px;
}

.logo-sps img {
  margin-bottom: 5px;
  /* border: 1px solid #ccc; */
}
                                            /* -- [ Médias ] -- */


#medias #colonne-principale {
  float:left;
  width:655px;
}

#medias #colonne-principale .colonne-gauche {
  width:310px
}

#medias #colonne-principale .colonne-droite {
  width:320px;
}

#medias #colonne-secondaire {
  float:right;
  padding-top:46px;
}

object, .test {
  z-index:1;
}

                                            /* -- [ Commande en ligne ] -- */

#commande table {
  text-align:center;
}

#commande table th {
  text-align:center;
}

#commande table td {
  vertical-align:middle;
}

#commande table td.lang {
  vertical-align: top;
  padding-top: 36px;
}

#commande table input {
  float:none;
  margin:0 auto;
  width:30px;
}

#formualireCommande .option-livraison table input {
    float: left;
}

#commande tr.total th,
#commande tr.livraison th,
#commande tr.sous-total th,
#commande tr.sous-total2 th,
#commande tr.tps th,
#commande tr.tvq th {
  text-align:right;
}
#commande tr.total span,
#commande tr.livraison span,
#commande tr.tps span,
#commande tr.tvq span,
#commande tr.sous-total2 span,
#commande tr.sous-total span {
  font-size:0.6em;
  float:none;
  margin-right:0;
  display:block;
  font-weight:bold;
}

.formulaire input[type="radio"] + label {
  line-height: 22px;
  margin-left: 10px;
  min-width: 0px;
}

.formulaire input[type="text"]  {
  display: inline-block;
  float: none;
  padding: 0;
}

.formulaire label {
  min-width: 115px;
  text-align: right;
}

.formulaire span {
  float: none;
}


.formulaire .row {
  display: block;
  margin-bottom: 8px;
  width: 100%;
}

.formulaire .spaced.spaced {
  margin-bottom: 22px;
}

.formulaire .actions {
  margin-top: 25px;
}

.formulaire,
#formualireCommande {
  position: relative;
  background:#E4EACE;
  border-bottom:1px solid #f0f0ea;
  padding:10px 26px 10px 55px;
}

.formulaire table,
#formualireCommande table {
    margin-bottom: 10px;
}

.formulaire table tr,
#formualireCommande table tr {
    padding-bottom: 5px;
}

.formulaire table th,
#formualireCommande table th {
    font-size: 1.18em;
    font-weight: bold;
    text-transform: uppercase;
    background: #E4EACE;
    color: #34431E;
}

.formulaire table th,
#formualireCommande table th {
    padding:5px 5px;
}

.formulaire table td,
#formualireCommande table td {
    padding:5px 8px;
    }

#formualireCommande a:link, #ajouter-voix #formualireCommande a:visited {
  color:#34431E;
}

#formualireCommande ul {
  margin:0;
  float:left;
  margin:0 78px 0 0;
  width:220px;
}

.formulaire  ul li,
#formualireCommande ul li {
  background:none;
  margin:12px 0;
  padding:0;
}

.formulaire li label,
#formualireCommande li label {
  color:#34431E;
  font-size:1em;
  font-weight:bold;
}

.formulaire li input,
#formualireCommande li input {
  font-size:.9em;
  height:16px;
  margin-bottom:1px;
  width:210px;
}

.formulaire li textarea,
#formualireCommande li textarea {
  height:70px;
  width:210px;
}

.formulaire li select,
#formualireCommande li select {
  font-size:.9em;
  height:auto;
  margin-bottom:1px;
  padding:2px;
  float:left;
  width:215px;
}

#formualireCommande .tirroir-commande h2,
#formualireCommande .tirroir-commande h2 a {
    color: #34431E;
    text-transform: uppercase!important;
    text-decoration: none;
    text-align: left;
    margin: 10px 0;
}

#formualireCommande .tirroir-commande h2 a:hover {
    color: #6D8C43;
}
#formualireCommande .tirroir-commande h2 a {
    background: url(/img/ico-down.png) no-repeat center right;
    display: block;
}

#formualireCommande .tirroir-commande h2 a.actif {
    background: url(/img/ico-up.png) no-repeat center right;
}

#formualireCommande .tirroir-commande table tr.last {
    border-bottom: none;
}
#formualireCommande button {
  left:43px;
  position:relative;
}

#formualireCommande .livraison{
  position: relative;
  text-align: right;
}

#formualireCommande .livraison input{
  width: 16px;
  height: 16px;
  display: inline;
}

#formualireCommande .option-livraison input[type=radio] {
    float: left;
    display: block;
    position: absolute;
    left: 471px;
}
#formualireCommande .livraison label{
  width: 150px;
  text-align: right;
  float: left;
  position: relative;
}

#formualireCommande .livraison input,
#formualireCommande .livraison label{
  margin: 4px 0;
}
#formualireCommande .tirroir-commande table td { border-bottom:1px solid #6d8c43;}
#formualireCommande .tirroir-commande tr.last td {border: none;}

#formualireCommande table tr.bBottom {
  border-bottom:2px solid #f9f9f9;
}

#formualireCommande li.adresse span,
#formualireCommande li.codePostal span
{
  display:block;
  color:#74845c;
  font-size:0.9em;
  font-weight:bold;
  margin-right:0;
}

#formualireCommande li.telephone label,
#formualireCommande li.telecopieur label,
#formualireCommande li.codePostal label { display:block;float:none; }

#formualireCommande li.telephone input,
#formualireCommande li.telecopieur input,
#formualireCommande li.codePostal input {
  width:30px;
  float:none;
  margin:0 5px;
  padding:2px;
  display:inline-block;
}
  li.telephone input#telephone-3,
  li.telecopieur input#telecopieur-3 { width:40px; }
#formualireCommande li.telephone strong,
#formualireCommande li.telecopieur strong { font-size:1.4em; }

#formualireCommande li.courriel label { float:none; }
#formualireCommande li.courriel em {
  display:block;
  font-size:0.9em;
  color:#74845c;
}

#formualireCommande .type-usager {
  background: #e4eace;
  position: absolute;
  top: 0;
  left: 0;
  /*width: 657px;*/
  font-size: 140%;
  padding: 14px 0;
  border-bottom: 7px solid #fafaf8;
}

#formualireCommande .type-usager p,
#formualireCommande .type-usager label {
  /*width: 100px;*/
  float: left;
  margin: 0 0 0 10px;
}

#formualireCommande .type-usager label {
  display: block;
  margin: 0 0 0 20px;
}

#formualireCommande .type-usager label span.label{
  float: left;
  margin: 6px 0 0 0\0/
}

#formualireCommande .type-usager input {
  float: left;
  margin: 2px 4px 0 0;
}

#formualireCommande .type-usager a {
  font-size: 70%;
  color: #d4ded5;
  background: #567853;
  width: 125px;
  clear: both;
  float: left;
  display: block;
  padding: 4px 8px;
  margin: 10px 10px 0;
  font-weight: normal;
  text-decoration: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#formualireCommande .type-usager a:hover {
  color: white;
}

#formualireCommande .type-usager table {
}

                                            /* -- [ Comprendre le suicide ] -- */
#comprendre-suicide a.voirLeDocument {
  display:block;
}
#comprendre-suicide table th{
  font-size: 1.1em;
}
#comprendre-suicide table tr, #comprendre-suicide table th{
  text-align: center;
}
#comprendre-suicide table tr.bdg{
  background-color: #EBF0DB;
}
#comprendre-suicide table td.long{
  width: 210px;
}

                                            /* -- [ Section JMPS / SPS / aines ] -- */



/* Layout */

body.jmps #contenu #activites,
body.sps #contenu #activites{
  margin-top: 0;
}


body.jmps a.pdf,
body.sps a.pdf{
  background: url(/img/ico-pdf.png) no-repeat center left;
  padding-left: 20px;
}

body.jmps a.jpg,
body.sps a.jpg{
  background: url(/img/ico-jpg.png) no-repeat center left;
  padding-left: 20px;
}

body.jmps #contenu.accueil #colonne-principale,
body.sps #contenu.accueil #colonne-principale{
  width: 427px;
  float: left;
  padding-top: 5px;
}
body#aines #contenu.accueil #colonne-principale,{
  width: 343px;
}
body#aines #contenu.accueil.journees-regionales #colonne-principale{
  width: 417px;
}

body.jmps #contenu.accueil #colonne-secondaire,
body.sps #contenu.accueil #colonne-secondaire{
  float: left;
  width: 150px;
}

body.jmps #contenu.accueil #colonne-secondaire-droite,
body.sps #contenu.accueil #colonne-secondaire-droite{
  width: 260px;
  float: left;
  margin-left: 20px;
  position: relative;
  z-index: 900;
}
body#aines #contenu.accueil #colonne-secondaire-droite{
  width: 260px;
}
body#aines #contenu.accueil.journees-regionales #colonne-secondaire-droite{
  width: 250px;
}


 /* accueil */
body.jmps .encadre,
body.sps .encadre{
  background-color: #EBF0DB;
  border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 20px;
  font-weight: bold;
}

body.sps .encadre.questions{font-weight: normal; margin-top: 2em;}
body.sps .encadre.questions h2{ margin-top: 0;}

body.jmps #contenu.accueil #colonne-secondaire-droite h2,
body.sps #contenu.accueil #colonne-secondaire-droite h2{
  border-bottom: none;
  margin-bottom: 0.5em;
}

body.jmps a,
body.sps a{
  color: #567853;
  text-decoration: underline;
}

body.jmps a:hover,
body.sps a:hover{
  color: #34431e;
}

body.jmps p.toutes-les-nouvelles,
body.sps p.toutes-les-nouvelles{
  text-align: right;
  font-size: 0.9em;
  margin: 0.5em 0 3em 0;
}

body.jmps #contenu.nouvelle #colonne-principale,
body.sps #contenu.nouvelle #colonne-principale{
  float: left;
  width: 400px;
}

body.jmps #contenu.accueil h1,
body.sps #contenu.accueil h1{
  padding: 1em 0 5px 0;
  margin: 20px 0 0 0;
  font-size: 1.8em;
  color: #757574;
  font-weight: normal;
}

body.sps #colonne-principale h1 > span {
    color: red;
    font-size: 0.5em;
    line-height: 1em;
}

body.jmps .liste-detail,
body.sps .liste-detail{
  margin-bottom: 0!important;
}

body.jmps #contenu.accueil .liste-detail h2,
body.sps #contenu.accueil .liste-detail h2{
  margin-top: 0.5em;
  font-size: 1.2em;
  padding-bottom: 0.5em;
  border-bottom: none;
}

body.jmps #contenu.accueil h2,
body.sps #contenu.accueil h2{
  border-bottom: 1px solid #BEBEBD;
  padding-bottom: 0.3em;
  font-weight: normal;
}

body.jmps #contenu.accueil .liens-social,
body.sps #contenu.accueil .liens-social{
  margin-top: 20px;
  text-align: right;
  position: relative;
  width: 290px;
}

body.jmps #contenu.accueil .liens-social a,
body.sps #contenu.accueil .liens-social a{
  margin-left: 10px;
}

body.jmps h2 a,
body.sps h2 a{
  color: #567853;
  text-decoration: underline;
  font-weight: normal;
}

body.jmps h2 a:hover,
body.sps h2 a:hover{
  color: #34431e;
}

body.jmps h3 a,
body.sps h3 a{
  font-weight: normal;
}

body.jmps div.nouvelle-blogue span.auteur,
body.sps div.nouvelle-blogue span.auteur{
  font-size: 0.9em;
  display: block;
  margin-bottom: 1em;
}

body.jmps p.presentation,
body.sps p.presentation{
  font-size: 1.2em;
  font-weight: bold;
}

body.jmps p.lire-suite,
body.sps p.lire-suite{
  text-align: right;
  font-size: 0.95em;
}

body.jmps h1 a.rss,
body.sps h1 a.rss{
  background: url(/img/ico-rss.gif) no-repeat center left;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  display: inline-block;
}

body.jmps h2.delicious-banner a,
body.sps h2.delicious-banner a{
  font-size: 1em;
  text-decoration: none;
  color: #757574;
  font-weight: normal;
}

body.jmps .delicious-banner a img,
body.sps .delicious-banner a img{
  border: none;
}

body.jmps ul.participez,
body.sps ul.participez{
  font-size: 0.9em;
  position: relative;
  width: 115%;
  margin-bottom: 1em;
}

body.jmps ul.participez li,
body.sps ul.participez li{
  border-bottom: 1px solid #CCC;
  padding-bottom: 1em;
  margin-bottom: 1em;
  }

body.jmps ul.participez li.last,
body.sps ul.participez li.last{
  border-bottom: none;
}

body.jmps ul.participez li span,
body.sps ul.participez li span{
  float: left;
  margin: 0 10px 0 0;
  display: block;
  border: 1px solid #CCC;
}

body.jmps ul.participez li div,
body.sps ul.participez li div{
  float: left;
  width: 200px;
}

body.jmps div.fil-twitter,
body.sps div.fil-twitter{
  margin-top: 2em;
}

body.jmps #contenu.accueil  div.nouvelle-blogue h2,
body.sps #contenu.accueil  div.nouvelle-blogue h2{
  border-bottom: none;
  padding-bottom: 0;
  margin: 0 0 0.4em 0;
}

body.jmps div.nouvelle-blogue h3,
body.sps div.nouvelle-blogue h3{
  background-color: #c5e5e4;
  padding: 5px 20px;
  color: #72a38e;
  border-top: 1px solid #bebebe;
  margin-bottom: 2px;
}

body.jmps div.nouvelle-blogue h3 a,
body.sps div.nouvelle-blogue h3 a{
  color: #72a38e;
  text-decoration: none;
  font-weight: bold;
  font-size:0.9em;
}

body.jmps div.nouvelle-blogue h3 a:hover,
body.sps div.nouvelle-blogue h3 a:hover{
  text-decoration: underline;
}

body.jmps div.nouvelle-blogue div span.auteur,
body.sps div.nouvelle-blogue div span.auteur{
  color: #72a38e;
}

body.jmps div.nouvelle-blogue div,
body.sps div.nouvelle-blogue div{
  background-color: #e9f3f2;
  padding: 5px 20px 10px 20px;
}

body.jmps div.nouvelle-blogue div img,
body.sps div.nouvelle-blogue div img{
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #CCC;
}

body.jmps div.nouvelle-blogue a.commentaires,
body.sps div.nouvelle-blogue a.commentaires{
  background: url(/img/jmps/ico-comment.png) no-repeat center left;
  padding-left: 20px;
}

body.jmps div.social,
body.sps div.social{
  background-color: #FFF;
  margin-top: -5px;
  text-align: right;
  margin: 0;
  padding: 0 20px 10px 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

body.jmps div.social img,
body.sps div.social img{
  border: none;
}

body.jmps #contenu,
body.sps #contenu{
  position: relative;
  z-index: 1000;
}

body.jmps #contenu .indentation.padb,
body.sps #contenu .indentation.padb{
  padding-bottom: 40px;
}

body.jmps code,
body.sps code{
  border: 1px solid #CCC;
  padding: 10px;
  margin-top: 10px;
  display: block;
}
body.sps .code {
    float: right;
    display: block;
    width: 443px;
}

#colonne-principale  ul.materiel-promo{
  margin-left: 0;
}

#colonne-principale  ul.materiel-promo li{
  list-style-type: none;
  background: none;
  padding-left: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
}
#colonne-principale  ul.materiel-promo.epingle li{
    border-bottom: 0;
    padding-bottom: 10px;
}

ul.materiel-promo li img{
  float: left;
  margin-right: 10px;
}

ul.materiel-promo li a{
  display: block;
  float: left;
  margin-right: 10px;
}

ul.materiel-promo li a img{
  float: none;
  margin-right: 0;
}





/* galerie flickr (theme dans carousel.css) */

body.aines .flickr,
body.jmps .flickr,
body.sps .flickr{
  position: relative;
  width: 295px;
  text-align: right;
  margin-top: 1em;
}

.conteneur-photos{
  text-align: center;
  min-height: 95px;
}

.conteneur-photos img.chargement{
  margin-bottom: 10px;
}

body.aines .flickr a,
body.jmps .flickr a,
body.sps .flickr a{
  color: #0063C8;
  background: url(/img/jmps/bg-flickr.gif) no-repeat center left;
  padding-left: 21px;
  text-decoration: none;
}

body.aines .flickr a span,
body.jmps .flickr a span,
body.sps .flickr a span{
  color: #FF0084;
}

body.aines #contenu.accueil #colonne-secondaire-droite a img,
body.jmps #contenu.accueil #colonne-secondaire-droite a img,
body.sps #contenu.accueil #colonne-secondaire-droite a img{
  border: none;
}

/* nouvelle */
body.aines #contenu.nouvelle .colonne-droite,
body.jmps #contenu.nouvelle .colonne-droite,
body.sps #contenu.nouvelle .colonne-droite{
  float: left;
  width: 250px;
  padding: 85px 0 0 30px;
}

body.jmps #contenu.nouvelle .colonne-droite .embed,
body.sps #contenu.nouvelle .colonne-droite .embed{
  margin-left: -10px;
}

body.aines #contenu.nouvelle #colonne-secondaire,
body.jmps #contenu.nouvelle #colonne-secondaire,
body.sps #contenu.nouvelle #colonne-secondaire{ width: 160px;}



/* - SPS - Accueil - */
body.sps .titre-section h1 {
    font-size: 27px!important;
    font-weight: normal;
    color: #344320!important;
    margin: 0 0 0 10px!important;
    padding-bottom: 15px!important;
    border: 0!important;
}

/* - SPS - A Propos - */

body.sps .encadre.questions ol > li {
    padding-top: 15px;
}



/* - aines - */
body.aines div.journees-regionales #colonne-principale{
  width: 455px;
  margin-left: 14px;

  /* sans form : margin-left: 14px; width: 690px */
}


/* - pied - */
#pied-jmps{
  font-size: 0.9em;
  margin: -5px 0 0 0;
  padding: 20px 40px;
  background: url(/img/jmps/bg-pied.jpg) no-repeat bottom left #6cc8c9;
  color: #34431e;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright:5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#pied-jmps p{
  font-weight: bold;
}

#pied-jmps p.coordonnees{
  font-size: 0.9em;
}

#pied-jmps a{
  color: #FFF;
}

#pied-jmps ul li{
  list-style-type: disc;
  margin-left: 10px;
}

#pied-jmps p.titre{
  font-weight: bold;
  font-size: 1.1em;
}

#pied-jmps .col{
  float: left;
  width: 170px;
  margin-left: 10px;
  padding-left: 10px;
}

#pied-jmps .col.first{
  width: 250px;
  margin: 0;
  padding: 0;
  border: none;
}

#pied-jmps .col.liens{
  width: 205px;
}

#pied-jmps .col.diffusion-message{
  width: 155px;
}

#pied-jmps .col.contact{
  width: 195px;
}

#pied-jmps .col.diffusion-message a{
  display: block;
  font-size: 1.2em;
  font-weight: normal;
  margin-top: 1em;
  color: #FFF;
}


#pied-jmps .col ul a{
  font-weight: normal;
  color: #FFF;
}

/*  sps */
body.sps ul.participez{
  background: #ebf0db;
  padding: 10px;
  width: 275px;
}

body.sps ul.participez li div{
  width: 185px;
}

body.sps div.nouvelle-blogue h3{
  background-color: #ebf0db;
}

body.sps div.nouvelle-blogue div{
  background-color: #f2f5e9;
}

body.sps div#pied{
   background: url("/img/sps/bg-footer-sps.png") repeat-y;
   border-top: none;
}

body.sps #contenu div.partenaires a img{
  border: none;
  vertical-align: middle;
  display: inline-block;
  margin-right: 20px;
}

body.sps ol.liste-action-epingle li {
    padding-top: 20px;
    float: left;
    margin-left: 24px;
    padding-right: 25px;
}
body.sps ol.liste-action-epingle img {
    vertical-align: top;
}
body.sps ol.liste-action-epingle {
    font-size: 1.2em;
    font-weight: bold;
    top: -10px;
    margin: 0;
}

body.sps div#pied a,
body.sps div#pied .col.diffusion-message a{ color: #567853;}

body.sps .jcarousel-skin-tango .jcarousel-container-horizontal{ background-color: #ffffff ;}

body.sps .jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
body.sps .jcarousel-skin-tango .jcarousel-prev-horizontal:active,
body.sps .jcarousel-skin-tango .jcarousel-prev-horizontal:focus{ background: #0197a2 url(/img/sps/ico-back.gif) no-repeat center center;}

body.sps .jcarousel-skin-tango .jcarousel-next-horizontal:hover,
body.sps .jcarousel-skin-tango .jcarousel-next-horizontal:focus,
body.sps .jcarousel-skin-tango .jcarousel-next-horizontal:active{ background: #0197a2 url(/img/sps/ico-next.gif) no-repeat center center;}

body.sps .jcarousel-skin-tango .jcarousel-prev-horizontal,
body.sps .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
body.sps .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
body.sps .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active,
body.sps .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus{background:#13b7c3 url(/img/sps/ico-back-inactif.gif) no-repeat center center;}

body.sps .jcarousel-skin-tango .jcarousel-next-horizontal,
body.sps .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
body.sps .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
body.sps .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
body.sps .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{background:#17c4d1 url(/img/sps/ico-next-inactif.gif) no-repeat center center;}

/* inscription à l'infolettre (pied) */

form#inscriptionInfolettre label{
  font-weight: normal;
}

form#inscriptionInfolettre input[type=submit]{
  height: auto;
  padding: 5px;
  margin-top: 5px;
  background-color: #567853;
  color: #FFF;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

form#inscriptionInfolettre input#ouhkky-ouhkky{
  border: 1px solid #CCC;
  padding: 5px;
  height: auto;
  width: 200px;
}

form#inscriptionInfolettre input#ouhkky-ouhkky:focus{
  border: 1px solid #999;
}

                                            /* -- [ Autres ] -- */



#page404 #colonne-principale {
  width:100%;
}

                                            /* -- [ Class ] -- */

/* [ Indices ] -------------------*/
.indice {background:#EBF0DB none repeat scroll 0 0;border-bottom:1px solid #BEBEBD;float:left;height:519px;margin:0 20px 10px 0;padding:10px;width:288px;}
body#comprendre-suicide .indice {
  height: auto;
  float: none;
  width: 100%;
}
.bas2 {height:300px!important;}

/* [ Bandeau ] -------------------*/
.bandeau {display:block;}
span.bandeau {
  display: block;
  color: white;
  padding: 36px 0 0 52px;
  font-size: 37px;
  height: 81px;
  font-family: arial;
}

span.bandeau#comprendre {background: url('/img/bandeaux/comprendre-suicide2.jpg') center top no-repeat;}
span.bandeau#aider {background: url('/img/bandeaux/aider.jpg') center top no-repeat;}
span.bandeau#former {background: url('/img/bandeaux/se-former.jpg') center top no-repeat;}
span.bandeau#don {background: url('/img/bandeaux/faire-don.jpg') center top no-repeat;}
span.bandeau#a-propos {background: url('/img/bandeaux/association.jpg') center top no-repeat;}



/* [ Liste pdf ] -------------------*/
.liste-pdf {color:#567853;font-weight:bold;margin:0 0 2.5em 22px!important;}
.liste-pdf li {background:url(/img/ico-pdf.gif) no-repeat 0 0!important;line-height:1.8;margin:0!important;padding-left:28px!important;}

/* [ Liste vignettes ] -------------------*/
.liste-vignettes {margin:0!important;}
.liste-vignettes li {background:none!important;float:left;margin:0 5px 20px 0!important;padding:0!important;width:150px;}
.liste-vignettes li a img {border:none!important;}

/* [ Résultat ] -------------------*/
.resultat {background:#EBF0DB;color:#000;}

/* [ Image guache ] -------------------*/
.image-gauche {float:right; margin:-15px 15px 15px 15px;}
.page-equipe .image-gauche {float:right; margin: 0px 0px 15px 15px;}

.zero {margin:0!important;}

/* [ Erreurs et messages ] -------------------*/
.erreurs {background:#FFFFEF;border:1px dotted #CF2200;border-top:3px solid #CF2200;color:#CF2200;font-weight:bold;padding:10px;}
.erreurs p {margin:0;}
.erreur input, .erreur textarea, .erreur select {background:#FFFFEF;border:1px solid #CF2200!important;}
.message {background:#A7C43E;color:#fff;font-weight:bold;padding:10px;margin-bottom:20px;}
.message p {margin:0;}

/* [ Pagination ] -------------------*/
.pagination {margin:0;padding:15px 0;}
.pagination li {float:left;margin-right:5px;}
.pagination li.precedent a:link, .pagination li.precedent a:visited,
.pagination li.suivant a:link, .pagination li.suivant a:visited {font-size:1.1em;line-height:16px;text-decoration:none;}

/* [ Marge-haut ] -------------------*/
.marge-haut {margin-top:2.5em;}

/* [ Petit ] -------------------*/
.petit {font-size:.9em;}

/* [ Centre ] -------------------*/
.centre {text-align:center;}

/* [ Réponses ] -------------------*/
.reponse {background:#000;border:1px solid #fff;color:#fff;display:none;padding:10px 15px;width:350px;-moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000;}
#reponse {background:#ebf0db;border-bottom:1px solid #fff;display:none;margin-top:-2.3em;padding:1px 8px 30px 8px;}
#reponse ul {margin-bottom:0!important;}

/* [ Bouton vert ] -------------------*/
a.bouton-vert:link, a.bouton-vert:visited {background:url(/img/bg-bouton-vert.gif) no-repeat left top;border:none;color:#ebf0db;cursor:pointer;float:left;font-size:1.3em;font-weight:bold;height:36px;padding-left:7px;text-decoration:none;height:36px;line-height:36px;}
a.bouton-vert span {background:url(/img/bg-bouton-vert.gif) no-repeat right -36px;display:block;float:left;height:36px;line-height:36px;padding:0 25px 0 18px;}
a.bouton-vert:hover, a.bouton-vert:active {background:url(/img/bg-bouton-vert.gif) no-repeat left -72px;color:#ebf0db;}
a.bouton-vert:hover span, a.bouton-vert:active span {background:url(/img/bg-bouton-vert.gif) no-repeat right bottom;}
button.bouton-vert {background:url(/img/bg-bouton-vert2.gif) no-repeat center top;border:none;color:#ebf0db;cursor:pointer;display:block;float:left;font-size:1.3em;font-weight:bold;height:36px;line-height:36px;text-align:center;width:140px;}
button.bouton-vert span {margin:0;float:none;}
button.bouton-vert:hover {background:url(/img/bg-bouton-vert2.gif) no-repeat center bottom;}

#pointage {float:right;}

/* [ Table ] -------------------*/
.quiz {margin-bottom:1.2em;}
.quiz th.choix, .quiz td.choix {text-align:center;vertical-align:middle;width:100px;}
.checkbox {background:url(/img/ico-uncheck.gif) no-repeat center center;display:block;height:34px;width:34px;margin:0 auto;text-indent:-9999px;}
.checkbox.checked {background:url(/img/ico-faux.gif) no-repeat center center!important;}
.bonnes_reponses .checkbox.checked {background:url(/img/ico-check.gif) no-repeat center center!important;}

/* [ Indentation ] -------------------*/
.indentation {padding:0 10px; clear:both;}
#nouvelles .indentation {padding-top:30px;}
.indentation .indentation {padding:0 0 0 20px;}

/* [ Boite ] -------------------*/
.boite {background:url(/img/bg-boite-haut.gif) no-repeat center top;color:#4b624a;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.25em;font-style:italic;font-weight:bold;margin-bottom:.9em;padding:8px 0 0 0;position:relative;left:-19px; top:-10px;width:282px;}
.boite div {background:#ebf0db url(/img/bg-boite-bas.gif) no-repeat center bottom;padding:10px 5px 18px 20px;}
.boite p {line-height:1.45;margin:0;text-shadow: 3px 3px 3px #CCCFC2;}

/* [ Social ] -------------------*/
.social {margin:0 0 3em 0;}
.social li {float:left;}
.social li a:link, .social li a:visited {display:block;float:left;height:40px;text-indent:-9999px;width:40px;}
.social li.facebook a:link, .social li.facebook a:visited {  background:url(/img/ico-facebook.png) no-repeat center center;}
.social li.twitter a:link, .social li.twitter a:visited {background:url(/img/ico-twitter.png) no-repeat center center;}
.social li.youtube a:link, .social li.youtube a:visited {background:url(/img/ico-youtube.gif) no-repeat center center;}

/* [ Liste nouvelles et agenda ] -------------------*/
.liste-detail {margin:0 0 4em 0!important;}
.liste-detail li {background:none!important;border-bottom:1px solid #BEBEBD;margin-top:1em;padding:0 0 10px 0!important;}
.liste-detail li a img {border:none!important;}
.liste-detail li img {border:none;float:left;margin-right:10px;}
.liste-detail li div {margin-left:85px;}
.liste-detail .date {color:#34431e;font-size:1.3em;margin:0;}
.liste-detail h2 {color:#34431e;font-size:1.4em;font-weight:bold;line-height:1.2;margin-bottom:0;}
.liste-detail h2 a:link, .liste-detail h2 a:visited {color:#34431e;text-decoration:none;}
.liste-detail p {margin:0;}

/* [ Liste nouvelles et agenda ] -------------------*/
a.fleche:link, a.fleche:visited {background:url(/img/ico-fleches.gif) no-repeat 0 .4em;margin-left:10px;padding-left:12px;text-decoration:none;}
a.fleche:link span, a.fleche:visited span {text-decoration:underline;}

/* [ Liste verte ] -------------------*/
.liste-verte,
.lien-accueil ul {color:#567853;font-weight:bold;margin:0 0 2.5em 22px!important;}
.lien-accueil ul, #accueil .liste-verte {margin-left:0!important;}
.liste-verte li,
.lien-accueil ul li {background:url(/img/ico-fleches.gif) no-repeat 0 .7em!important;line-height:1.8;margin:0!important;padding-left:12px!important;}
#medias .lien-accueil ul li {margin-left:22px!important;}

/* [ Colonnes ] -------------------*/
.colonne-gauche {float:left;width:392px;}
.colonne-droite {float:right;width:260px;}
.colonne {float:left;width:260px;}
.colonne-centre {float:left;margin:0 40px;width:260px;}

/* [ Floats ] -------------------*/
.gauche {float:left;}
.droite {float:right;}

/* [ Erreurs ] -------------------*/
.txtbox_error {border:1px dotted #CF2200!important;}
label.erreur {color:#cf2400;margin:0;width:auto!important;text-align:left;}

/* [ Overlay ] -------------------*/
#overlay {display: none;position: fixed !important;position: absolute;background: #000;width: 100%;height: 100%;top: 0;left: 0;z-index: 10000;}
.form-overlay {display: none;position: absolute;left: 50%;top: 100px;width: 300px;margin-left: -150px;background: #8CAA2B;z-index: 10010;color: #fff;font-size: 100%;border: 2px solid #364F35;padding: 0 0 10px;}
.form-overlay-alt form {padding: 20px 30px;}
.form-overlay a.fermer {position: absolute;top: 10px;right: 15px;text-decoration: none;float: right;display: block;outline: none;}
.form-overlay a.fermer:hover {color: #fff;}
.form-overlay a.fermer strong {float: right;font-size: 170%;}
.form-overlay a.fermer span {float: right;margin-top: 5px;margin-left: 4px;font-size: 90%;}
.form-overlay h1 {font-size: 150%;margin: 0 0 0.8em;color: #fff;}
.form-overlay form,
.form-overlay div.form {padding: 15px 20px 10px;position: relative;}
.form-overlay form ul,
.form-overlay div.form ul {margin: 0 0 2em;}
.form-overlay form ul li,
.form-overlay div.form ul li {margin: 0 0 1.2em;}
.form-overlay form label {font-weight:bold;}
.form-overlay form input,
.form-overlay form textarea {display: block;padding: 3px;margin-top: 3px;width: 230px;}
.form-overlay form input.erreur,
.form-overlay form textarea.erreur {background: #E52439;color: #fff;}
.form-overlay p.bouton {margin: 0;}
.form-overlay .loading {text-align: center;padding: 35px 0 0 0;height: 1%;}
.form-overlay .loading p {margin: 0;}

.form-overlay a{ color: #fff; }
.form-overlay p.suppression a { float: right; margin-right: 26px; }
.form-overlay p.ajout { float: right; margin-right: 26px; }
.form-overlay form ul li.multiple input {margin: 0 0 1.2em;}

#signataires.form-overlay {background: #fff; width: 840px;margin-left: -420px;}
#signataires div.form ul li {
  text-align: center;
  width: 260px;
  float: left;
}
#signataires div.form ul li img{
  display: inline;
  line-height: 100px;
}
#signataires h1,
#signataires a {  color: #8CAA2B; }


table#programmation { margin:0; padding:0; border:none; }
#programmation th, #programmation td { margin:0; padding:7px 0 3px 0; border:none;  border-bottom:1px solid #BEBEBD;}
#programmation th { text-align:left; font-weight:bold; font-size:1em; color:#34431E; background:none; width:110px; padding-left:10px;}
#programmation td { text-align:left; font-weight:normal;color: #757574;}
#programmation ul.prog { margin:0; padding:0; border:none; list-style:none; list-style-type:none;}
#programmation ul.prog li { margin:0; padding:0 0 0 15px; border:none; list-style:none; list-style-type:none;}
#programmation ul.prog li ul li { background-image:url(../img/ico-bullet2.gif);}



.aines #colonne-secondaire{
  position: relative;
}
.aines .video{
  position: absolute;
  top: 120px;
  left: -35px;
}
.commenditaires img{
  padding-right: 10px;
}
#contenu img.middle{
  vertical-align: middle;
  border: none;
}
div.facebook{
  background: url("/img/ico-facebook.png") no-repeat scroll top left transparent;
  padding-left: 40px;
  line-height: 40px;
}
div.twitter{
  background: url("/img/ico-twitter.png") no-repeat scroll top left transparent;
  padding-left: 40px;
  line-height: 40px;
}
div.youtube{
  background: url("/img/ico-youtube.png") no-repeat scroll top left transparent;
  padding-left: 40px;
  line-height: 40px;
}
.italic{
  font-style: italic;
}
div.boite-don{
  width: 325px;
  float: left;
}

div.reseaux-sociaux{
  margin: 10px 0 20px 0;
}

.clear{clear: both;}
.clear-gauche { clear:left;}
.espace { padding-top:1.1em;}
.a-droite { text-align:right; padding-right:56px;}
/* [ Clearfix ] -------------------*/
.clearfix, .post, .entry-summary {display: inline-block; } .clearfix:after, .container:after, .post:after, .entry-summary:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix, * html .post, * html .entry-summary { height: 1%; } .clearfix, .post, .entry-summary { display: block; }
/* -------------------------*/

.page-equipe h1{margin-bottom:0px;}
.page-equipe .liste-equipe{background-color:#ebf0da; padding:20px 10px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.page-equipe .liste-equipe .col1{width:310px; float:left; overflow:auto;}
.page-equipe .liste-equipe .col2{width:310px; float:right; overflow:auto;}
.page-equipe .equipier{padding-top:0.7em;}
.page-equipe .equipier-texte{width:440px; float:left;}
.page-equipe .equipier-texte h5{margin-top:0;}
.page-equipe hr{margin:1.2em 0 1.2em 0;}
.page-equipe hr.fin-liste-equipe{margin:0 0 4em 0;}

#activites #contenu {padding: 12px 46px 8px 20px;}
#activites #colonne-principale {width:676px; float:right;}
#activites h1 {font-size:20px; margin-bottom:0px; border-bottom:none; padding: 0 0 15px 10px;}

#activites .col-calendrier { width:202px; height:400px; float:left;}
  #activites .col-calendrier strong.recherche {color:#34431e; padding:14px 0 3px 10px; display:block;}
  #activites .col-calendrier strong.recherche + input { margin:4px 0 16px 0;}
  #activites .col-calendrier div + strong.recherche + div { padding:6px 10px; background-color:#cdd8c0; width:176px;}
  #activites .col-calendrier .le-calendrier {height:230px; display:block; overflow:hidden;}
  #activites .col-calendrier .le-calendrier .calendrier-wrap {display:none;}
  #activites .col-calendrier .le-calendrier .mois-courant {display:block;}
  #activites .col-calendrier .zone-input {background-color:#fff; border-bottom:1px solid #fff; width:176px; height:31px; padding:0; margin:0}
  #activites .col-calendrier .zone-input input[type="text"]{background-color:#fff; border:none; width:126px; height:21px; margin:1px 7px; float:left;}
  #activites .col-calendrier .zone-input input[type="image"]{float:right; margin:1px 5px 0 0;}
  #activites .col-calendrier form select{width:176px; padding:4px 8px; float:none; height:24px;}

#activites .lien-retour {background:url(../img/bg-fleche-retour.png) no-repeat; color:#567853; font-weight:bold; font-size:115%; padding:6px 40px; border-top:1px solid #BEBEBD; }
#activites .lien-retour a{text-decoration:none;}
#activites .lien-retour a:hover{color:#8CAA2B;}
#activites .fond-activites{background-color:#ebf0da; margin-bottom:40px; }
  #activites .activite.activite-aqps { background:url(../img/bg-activite-aqps.png) no-repeat; padding-right: 70px;}
  #activites .sansfond-activites{border-bottom:1px solid #bebebd; }
#activites .activite{border-top:1px solid #bebebd; border-bottom:1px solid #fff; padding:13px 20px; font-size:14px; display:block; text-decoration:none; color:#757574; font-weight:normal; }
  #activites .activite h2{ font-size:17px; color:#344320; margin:3px 0 0 0; padding:0; font-weight:normal; }
#activites a.activite:hover { text-decoration:none;  background:url(../img/bg-activite-roll.png) no-repeat; }
  #activites .fond-activites a.activite:hover { background-color:#f1f4e7}
  #activites a.activite:hover h2{ padding-left:18px; color:#8caa2b;}
#activites .no-activite {padding:20px 30px;}
#activites .fiche {background-color:#f2f5e9;}
#activites .fiche div{border-bottom:1px solid #bebebd; padding: 6px 20px;}
#activites .fiche div div{border-bottom:none; padding: 0px;}
#activites .fiche div:last-child{border-bottom:none;}
#activites .fiche div.gauche{width:60%; float:left;}
#activites .fiche div.droite{width:30%; float:right; text-align:right;}
#activites .fiche div.droite img{margin:0 0 -10px 8px;}
#activites .fiche div.contact{clear:both; margin-top:7px;}
#activites .fiche div.contact strong{font-weight:normal; font-size:18px;}
#activites .fiche h3{font-weight:bold; font-size:18px; margin:15px 0;}
#activites .fiche .avec-photo {padding-bottom:15px;}
#activites .fiche .avec-photo img{width:240px; float:left; margin-top:10px;}
#activites .fiche .avec-photo h3{ margin-top:10px;}
#activites .fiche .avec-photo div{width:380px; float:right;}
#activites .fiche #map { display:none; }
#activites .fiche #map #zone-map { width:637px; height:204px; background-color:#ebf0db;}
#activites .fiche #bt-hide-map { display:none; }
#activites .fiche #bt-hide-map, #activites .fiche #bt-show-map { cursor:pointer; }
#activites .fiche #bt-show-map a, #activites .fiche #bt-hide-map a, #activites .fiche #bt-show-map a img, #activites .fiche #bt-hide-map a img { border:none; text-decoration:none; }
#activites .fiche a strong {color:#344320;}
#activites .fiche a:hover strong {color:#8CAA2B;}

/* CALENDRIER ---------------------------------------- {{{ */

.calendrier-wrap {
  width: 196px;
}

div.navigation-calendrier {
  background-color:#cdd8c0;
  padding:10px;
  width:176px; height:16px;
}
  div.navigation-calendrier a {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: text-bottom;
    cursor: pointer;
  }
    div.navigation-calendrier a span { display: none; }

  div.navigation-calendrier a.lien-precedent {
    background: transparent url('/img/interface/bouton-calendrier-precedent.gif') no-repeat; float:left;
  }
  div.navigation-calendrier a.lien-suivant {
    background: transparent url('/img/interface/bouton-calendrier-suivant.gif') no-repeat; float:right;
  }
  div.navigation-calendrier a.desactive {
    background-position: 0 -17px;
    cursor: default;
  }
  div.navigation-calendrier span.mois {
    float:left;
    width: 136px;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    color: #888;
    height: 1%;
  }
  div.calendrier ul {
    display: inline;
    margin-left: 0;
  }
    div.calendrier ul li {
      display: inline;
      list-style: none;
      padding: 0;
      margin: 0;
    }
      div.calendrier span { /* tous les blocs des journées */
        display: inline-block;
        float: left;
        width: 26px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-size: 1em;
        font-weight: bold;
        border: 1px solid #ebf0db;
        color: #3e4d29;
      }
      div.calendrier ul li span a strong,
      div.calendrier ul li span a {
        display: block;
        color: #3e4d29;
        text-decoration: none;
      }

      div.calendrier span                      { background: #f5f8ed; } /* blocs vides */
      div.calendrier ul li span.journee-passee { background: #f5f8ed; } /* journées passées */
      div.calendrier ul li span                { background: #f5f8ed; } /* journées à venir */
      div.calendrier ul li span a              { background: #8caa2b; color: #fff;} /* journées avec activítés */
      div.calendrier ul li span a strong       { background: #34431e; color: #fff;} /* journée présentement affichée */
      div.calendrier span.entete               { background-color:#FFF; border-top: 2px solid #ebf0db;}

      div.calendrier ul li span a[href]:hover,
      div.calendrier ul li span a:focus  { background: #34431e; color: #fff; }
      div.calendrier ul li span a[href]:active,
      div.calendrier ul li span a[href]:active strong { background: #34431e; color: #fff; }


/* Socials ---------------------------------------- {{{ */
#contenu .social-network { padding: 2em 0 1em; }
#contenu .social-network a { margin: 0 10px 10px 0; display: inline-block; }
#contenu .social-network span { margin: 0 2px 0 2px; font-size: 14px; }
#contenu .social-network a img { border: none; }
/* }}} */

/* New cart * WITH PINS ---------------------------------------- {{{ */

#formualireCommande .type-usager.pins { background: #f3f3f3; top: 96px; }
#formualireCommande .type-usager.pins small { font-size: 12px; font-style: italic; }
.pins-input { position: absolute; left: 10px; top: 13px; font-size: 30px; }
#formualireCommande .type-usager.pins p { color: #c60000; }
#formualireCommande .type-usager.pins p.indent { padding-left: 20px; text-transform: uppercase;}

/* }}} */
#contenu .tirroir-commande a img { border: none; }
#formualireCommande li input#telephone-4 { margin: 8px 0; }
#formualireCommande .tirroir-commande table td.last-kit-img { border-bottom: 2px solid #f9f9f9; }

.sengager-logo { padding: 3px 0 0 5px; width: 110px; }
.sengager-link { background: none !important; float: left; }

.ico-taille { width: 100px; }
.intro { margin-bottom: 0; }
.no-margin { margin: 0; }
button { cursor: pointer; padding: 3px 4px 4px; }
.hide { display: none; }

.ico-sengager-01,
.ico-sengager-02,
.ico-sengager-03,
.ico-sengager-04 {
  display: inline-block;
  float: right;
  height: 36px;
  margin-top: -8px;
  width: 36px;
}

#colonne-secondaire .menu.menu-sengager li  { background: url(/img/ico-fleches.gif) no-repeat 0 .8em; }
#colonne-secondaire .menu.menu-sengager li a { display: block; padding: 7px 0 8px; }
#colonne-secondaire .menu.menu-sengager { width: 180px; }

.ico-sengager-01 { background: url('/img/sengager/ico-blue-small.png') no-repeat; }
.ico-sengager-02 { background: url('/img/sengager/ico-yellow-small.png') no-repeat; }
.ico-sengager-03 { background: url('/img/sengager/ico-red-small.png') no-repeat; }
.ico-sengager-04 { background: url('/img/sengager/ico-green-small.png') no-repeat; }

.bouton-vert-2 {
  color: #fff;
  background-color: #798e62;
  border: none;
  border-radius: 8px;
  font-size:1.3em;
  font-weight:bold;
  height:36px;
  line-height:36px;
  text-align:center;
  padding: 0 24px;
}
.bouton-vert-2:hover { background-color: #637762; }