#liberalites-top{
  
  
}


#liberalites-citation{
  background:#ece4d9;
  
}
#liberalites-top{
  background:url('/liberalites/elephant.jpg') center center no-repeat;
  background-size:100%;
  background-size:cover;
  padding:30px;
  
  h1{
    margin-top:250px;
    color:white;
    margin-bottom:0;
    padding-bottom:10px;
    font-size:47px;
  }
  h2{
    margin:0px;
    color:white;
    margin-bottom:0;
    padding-bottom:10px;
    font-size:26px;
  }
  
}
#liberalites{
  
  h1, h2{
    line-height:1.2em;
  }
  .muriel{
    width:200px;
  }
  ul {
      list-style-image: url('/liberalites/puce.png');
      margin-bottom:30px !important;
      li{
        padding-left:5px;
        margin-bottom:7px;
      }
  }
  .inner{
    padding:30px;
  }
  img{
    width:100%;
  }
  .tampon{
    width:180px;
    float:left;
  }
  
  #block1, #block7{
    background:#5db4bd;
    color:white;
  }
  
  #block2,  #block6{
    background:#ece4d9;
    
  }
  
  
  #contact_form{
    .help-block{
      display:block;
    }
    .form-group{
      padding:0;
    }
    .span_6{
      text-align:left;
      padding:6px;
    }
    .span_6:first-child{
      text-align:right;
    }
    margin-top:10px;
    input{
      display:inline-block;
      width:auto;
      border-radius:5px;
    }
    
    .civilite{
    
    
      .span_6{
        padding: 6px;
      
      }
      .radio{
        float:left;
        width:50%;
        padding:6px;
        box-sizing:border-box;
    
        input{
          display:inline-block;
          width:auto;
        }
        text-align:left;
        &:first-child{
          text-align:right;
        }
    
      }
    
    }
    .submit{
      text-align:center;
      margin-top:5px;
      
    }
    .btn{
      background:$orange;
      color:white;
      display:inline-block;
      font-weight:400;
      text-transform:uppercase;
      padding:15px 40px;
      border-radius:0;
    }
    
  }
  
  
}

#liberalitesform, #block3{
  
  background:#1e4b50;
}

#liberalitesform{
  margin: 30px 0;
  color:white;
  padding:25px 30px;
  h2{
    margin-top:0;
    margin-bottom:010px;
    font-size:35px;
  }
  .intro{
    font-size:1.2em;
    p{
      margin:10px 0;
    }
    
  }
  img{
    float:left;
    margin-left:-5px;
    
  }
  
  .desc{
    .email{
      font-size:0.98;
      margin-top:-13px;
      a{
        color:white;
      }
    }
    p{
      margin:10px 0;
      
    }
    margin-left:210px;
    font-size:1.15em;
    line-height:1.6em;
    
    .coordonnees{
      font-size:1.2em;
      
    }
    span{
      color:$orange;
    }
  }
 
  #block3{
    
    text-align:center;
    
  }
}

#block5{
  margin: 30px -5px;
  img{
    padding:0 5px;
    display:block;
    width:100%;
    box-sizing:border-box;
  }
  
  
  
}

#block1{
  img{
    margin-top:-10px;
  }
  h2{
    font-size:33px;
    text-align:center;
    margin-top:25px;
    margin-bottom:65px;
  }
  p{
    text-align:center;
    font-size:1.2em;
  }
}

#block2{
  h2{
    color:$orange;
    font-weight:400;
    text-align:center;
    margin:0;
    line-height:1.2em;
  }
  
  h3{
    
   
    text-align:center;
    margin:0;
    margin-top:10px;
    
  }
  
  .title{
    
    background:#408b91;
    text-transform:uppercase;
    color:white;
    text-align:center;
    padding: 6px 20px;
    margin:12px 0;
    margin-bottom:4px;
    font-size:1.2em;
    
  }
  p{
    margin-top:0px;
    margin-bottom:10px;
  }
  
}

#liberalites-intro{
  margin-bottom:30px;
  margin-top:50px;

  h2{
    font-size:28px;
    text-align:center;
    margin-bottom:10px;
    line-height:1.3em;
  }
  p{
    font-size:1.1em;
  }
  
}
#liberalites-citation{
  padding:30px;
  margin: 30px 0px;
  
  img{
    float:left;
    width:200px;
    margin-left:-5px;
  }
  .desc{
    h2{
      font-size:25px;
      text-transform:none;
    }
    margin-left:210px;
    font-weight:bold;
    font-style:italic;
  
    strong{
      font-style:normal;
      font-size:20px;

    }
  }
  
  .guillemet{
    display:inline;
  }
  
}
#liberalites-bottom{
  margin: 30px 0px;
  margin-bottom:100px;
  .span_8{
    padding-left:10px;
  }
}

#block6{
  h2{
    font-size:18px;
    color:$orange;
    text-align:center;
    margin-top:0;
  }
  .sign{
    text-align:center;
  }
  
  .guillemet{
    display:inline;
  }
}
#block7{
  ul{
    
    max-width:580px;
    margin:auto;
  }
  h2{
    color:#124c50;
    text-transform:none;
    font-size:30px;
    margin-top:-10px;
    text-align:center;
    line-height:35px;
    strong{
      display:block;
      color:white;
      text-transform:uppercase;
    }
    
  }
  .row{
    margin:0 -8px;
    margin-top:20px;
    .span_3{
      img{
        padding:0 8px;
        display:block;
        width:100%;
        box-sizing:border-box;
      }
    
    }
  }
}
#liberalite-top{
.span_8{
  padding-right:10px;
}}


@media screen and (max-width:800px) {
  #liberalites-intro{
    padding:20px 20px;
    margin:0;
    
  }
  #liberalites .tampon{
    width:130px;
    float:none;
    margin:auto;
    display:block;
  }
  
  #block1{ 
    h2{
    
    
      clear:both;
      margin-top:10px;
      margin-bottom:0px;
      
    
    }
    ul{
      padding-left:20px;
    }
  }
  
  #liberalite-top .span_8{
    padding:0;
  }
  
  #liberalites #contact_form .span_6{
    
    text-align:center !important;
    
    input{
      width:100%;
      box-sizing:border-box;
    }
  }
  
  #liberalites{
    .muriel{
      width:100px;
      display:block;
      margin:auto;
      float:none;
      margin-bottom:-2em;
    }
    .desc{
      margin:0;
      text-align:center;
    }
  }
  #right_square{
    margin-top:20px !important;
  }
  
  #liberalites{
    #block5{
      .columns{
        width:33,33333% !important;
      
      }
    
    }
  }
  
  #liberalites-citation{
    .guillemet.top_corner{
      margin-left:-5px !important;
      margin-right:5px !important;
    }
  
    img{
      width:100px;
      float:none;
      margin:-20px auto;
      margin-top:-10px;
      display:block;
    
    }
  }
  
  .guillemet.bottom_corner{
    float:right;
    margin-bottom:20px;
    
  }
  
  #liberalites-bottom .span_8{
    padding:0;
    margin-top:30px;
  }
  
  #liberalites #block1{
    margin-bottom:30px;
    
  }
  
  #liberalites-top h1{
    font-size:34px;
    
  }
  
  #liberalites-top h2{
    font-size:18px;
  }
  
  #liberalites-intro h2{
    font-size:22px;
  }
  
  #liberalitesform h2{
    font-size:26px;
  }
  
  #block7 h2{
    font-size:25px;
    margin-top:10px;
  }
  
  #block1 h2{
    font-size:25px;
  }

}