body {
      padding-bottom: 0;
      color: #5a5a5a;
      margin-top: 0;
      padding-top: 0;
      margin-bottom: 0;
      font-family: 'Open Sans', Arial;
    }

.reglehaute {
  width: 1019px;
  height: 30px;
  text-align: left;
  background: #CE000C;
  vertical-align: middle;
  padding-top: 5px;
  padding-left: 5px;
  color: #fff;
  font-family: 'Josefin Sans', Arial;
  font-weight: bold;
  font-size: 14px;
}

.visiteurs_connectes {
  display: inline;
}

.reglehaute a {
  color: yellow;
}

.header {
  height: 50px;
  margin-bottom: 0;
  padding: 10px 0px;
  background: #fff;
}

.logo-24 {
  position: relative;
  top: 0;
  margin-left: 0;
  right: 0;
  width: 240px;
  padding: 5px 0px 0 0px;
}

.publicite_vert {
width: 748px;
height: 90px;
margin-top: 5px;
background: url(img/publicite_vert.png);
background-repeat: no-repeat;
background-position: 20px top;
padding-left: 20px;
padding-right: 0px;
text-align: right;
}

.publicite_vert > .spip_logos{
margin-right: 0px;
}


.menu {
  position: relative;
  width: 1024px;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
  background: #ccc;
  height: 35px;
  margin-bottom: 0px;
  text-align: left;
}

.container {
  width: 1024px;
}

.nav {
  margin:0;
}

.nav li {
  display: inline-block;
  /*padding: 5px 10px;*/
  margin:0;
  border: none;
  background: none;
}

.nav a {
  display: inline-block;
  padding: 5px 15px;
  margin:0;
  color: #333;
  background: none;
  letter-spacing: .1em;
  border-bottom: solid 1px #990000;
  font-family: 'Josefin Sans', Arial;
  font-size: 15px;
}

.nav li a:hover {
  background: #eee;
  border-bottom: solid 5px #CE000C;
  color: #CE000C;
}

.on > a {
  background: #eee;
  border-bottom: solid 5px #CE000C;
  color: #CE000C;
}

.publicitehori {
padding: 20px 0px;
}

.publicitehori > .spip_logos{
margin-right: 0px;
}

.fil {
  background: #990000;
  height: 35px;
  vertical-align: middle;
}

.titrefil {
  background: #000;
  color: #fff;
  width: auto;
  display: table-cell;
  height: 35px;
  vertical-align: middle;
  padding: 0 10px;
  min-width: 120px;
}

.filactu {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

.filactu a {
color: #fff;
}

.filactu a:hover {
color: yellow;
text-decoration: none;
}

row {
  padding-left: px;
  padding-right: px;
}
.expo {
  width: 245px;
  min-height: 180px;
  float: right;
  padding: 0px 5px 5px 10px;
  font-family: arial;
  font-size: 14px;
  border-left: dotted 1px #ccc;
  text-align: left;
}

.jambe {
  clear: both;
  width: auto;
  padding: 0px;
  font-family: arial;
  font-size: 14px;
  margin-bottom: 30px;
}

.cuisse {
  display: table-cell;
  width: 230px;
  padding-right: 15px;
  text-align: left;
}


    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin-bottom: 30px;
      padding: 5px 0px;
      margin-top: 0px;
      width: 485px;
      float: left;
      min-height: 217px;
    }

.carousel h3 {
  font-size: 15px;
  line-height: 17px;
}

.une {
  margin-top: 20px;
  text-align: left;
  border-bottom: dotted 1px #ccc;
  padding-bottom: 20px;
  line-height: 20px;
}

.une h2 {
  font-size: 20px;
  line-height: 30px;
  color: #000;
  font-family: 'Libre Baskerville', serif;
}

.une h2 a {
  color: #444;
}

.une h2 a:hover {
  text-decoration: none;
}

.cuisse h4 a {
  color: #444;
}

.cuisse h4 a:hover {
  text-decoration: none;
}

.expo h4 a {
  color: #444;
}

.expo h4 a:hover {
  text-decoration: none;
}
    .row {
      padding-left: 0;
      margin-left: 0;
    }

    .col3 {
      padding: 0px;
      width: 250px;
      float: right;
    }


    .col2 {
      width: 760px;
      float: left;
      margin-left: 0px;
      margin-right: 0px;
      border-right: dotted 1px #ccc;
      padding: 0;
    }

    .article {
      text-align: justify;
      padding-right: 20px;
    }

    h3.article {
      font-family: 'Libre Baskerville', serif;
    }


    .col3 img {
      margin-bottom: 30px;
      padding-bottom: 0px;
    }

    .col3 h4 {
      background: #ccc;
      border-bottom: solid 1px #990000;
      padding: 5px;
      font-family: 'Poiret One', Arial;
    }

    .blockgauche {
    border: 1px #70C600 solid;
    margin-top: 20px;
    border-radius: 10px;
    min-height: 170px;
    }

    .blockgauche h1 {
      display: inline-block;
      font-size: 12px;
      color: #70C600;
      padding: 0px 30px;
      line-height: 25px;
      border: 1px #70C600 solid;
      border-radius: 5px;
       background: -webkit-linear-gradient( top, #fff, #ddd);
  background: -moz-linear-gradient( top, #fff, #ddd);
  background: -ms-linear-gradient( top, #fff, #ddd);
  background: -o-linear-gradient( top, #fff, #ddd);
  background: linear-gradient( to bottom, #fff, #ddd);
    }

    .news a{
      color: #990000;
      font-size: 12px;
    }

    .news ul {
      text-align: left;
      list-style: square;
      color: #666;
    }

    .news2 {
      width: 600px;
    }

    .news2 a{
      color: #990000;
      font-size: 12px;
    }

    .news2 ul {
      text-align: left;
      list-style: square;
      color: #666;
    }

    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
    }
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      margin-left: 0px;
      margin-right: 0px;
    }
    .marketing {
      margin-top: 30px;
    }



    .twitter {
      width: 340px;
      margin-left: auto;
      margin-right: auto;
    }


    footer {
      padding-top: 10px;
      background: #CCC;
      margin-top: 20px;
      padding-bottom: 5px;
      margin-bottom: 20px;
      color: #333;
      border-top: solid 1px #990000;
    }


    .social {
  text-align: right;
  vertical-align: middle;
  height: 30px;
}

.social img {
    width: 25px;
    height: 25px;
    opacity: .5;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-right: 10px;
}


.social img:hover{
    opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);

    -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
}


/* Formulaires de recherche (site / petitions) */
.formulaire_recherche input.text { width: 10em; padding-left: 28px; border: 0 transparent; box-shadow: none; background-image: url(img/recherche.png); background-repeat: no-repeat; background-position: left center; color: white; }
.formulaire_recherche input:focus {border: none; box-shadow: none;}
.formulaire_recherche input.submit {
  margin:0;
}

.valid_panier {
  color: #fff;
  background-color: #990000;
  border: none;
  padding: 5px 10px;
}

.valid_panier a:hover {
  text-decoration: none;
}

.prem {
  text-align: left;
  background-color: #eee;
  padding: 0px 10px 5px 10px;
}

.prem legend {
  font-size: 14px;
}

.newsletter label {
  font-weight: bold;
  text-align: left;
  clear: both;
  float: left;
  padding-left: 0;
}

.obligatoire {
  clear: both;
  float: left;
}

.formulaire_newsletter {
  clear: both;
  float: left;
}

.formulaire_newsletter input[type="text"] {
  clear: both;
  float: left;
  margin-left: -20px;
}

.formulaire_newsletter label {
  clear: both;
  float: left;
  font-weight: bold;
}

.formulaire_newsletter input[type="submit"] {
  margin-left: 27px;
}


.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: left; }

.formulaire_spip .boutons input, .formulaire_spip .boutons button
{
border-radius:5px;
  background: #990000;
  border:none;
  color:#fff;
  font:bold 12px Verdana;
  padding:6px 10px 6px 10px;
}


@media (min-width: 768px) {
.whatsapp {
  display: none;
  position: absolute;
  left: -10000px;
}

.whatsapp i{
  display: none;
}

}

.whatsapp {
  position: fixed;
  z-index: 1000000;
  bottom: 10px;
  right: 10px;
}


@media (max-width: 801px) {

.menu {
  display: none;
}

.nav
{
display: none;
}

.live-box {
    display: none;
}

.reglehaute {
  width: 100%;
  min-height: 50px;
}

.page { position: relative; width: 100%; margin: 0 auto; padding: 0 1.5em; text-align: left;  }

.publicite_vert
{
  display: none;
}

.nav a
{
  display: none;
}

/* Ligne 109 */
.on > a
{
 display: none;
}

/* Ligne 103 */
.nav li a:hover
{
  display: none;
}

.col2
{
  width: 100%;
  clear: both;
  margin-left: 0px;
  margin-right: 0px;
  border-right: none;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.carousel
{
  margin-bottom: 30px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  margin-top: 0px;
  width: 100%;
  clear: both;
  min-height: 217px;
}

.expo
{
  width: 100%;
  min-height: 180px;
  clear:both;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-family: arial;
  font-size: 14px;
  border-left: none;
  text-align: left;
}


.col3
{
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 100%;
  clear:both;
}

.container
{
  width: 100%;
}

.cuisse
{
  clear: both;
  display: block;
  width: 100%;
  padding-right: 15px;
  text-align: left;
}

img.spip_logo.spip_logo_left.spip_logos {
  width: 100%;
}

}