@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Catamaran');
/*Font-awesome integration*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import "compass/css3";


body {
	background-image: url(../images/greygrunge-background.jpg);
	background-repeat:round;
	height: 100%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
nav, header{
	display: block;
}
main{
	height: 100%;
	color: #1f1f1f;
}
.container{
	margin-left: auto;
	margin-right: auto;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.dt {
  display: table; }

.dtc {
  display: table-cell;
  vertical-align: middle; }
		



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-offset-0 {
    margin-left: 0%; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .col-lg-offset-12 {
    margin-left: 100%; } }


@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control, .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .input-group, .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .navbar-form .input-group .input-group-btn,
    .form-inline .input-group .form-control,
    .navbar-form .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label, .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio, .navbar-form .radio,
  .form-inline .checkbox,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label, .navbar-form .radio label,
    .form-inline .checkbox label,
    .navbar-form .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px; }
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px; } }
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px; } }

@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control, .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .input-group, .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .navbar-form .input-group .input-group-btn,
    .form-inline .input-group .form-control,
    .navbar-form .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label, .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio, .navbar-form .radio,
  .form-inline .checkbox,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label, .navbar-form .radio label,
    .form-inline .checkbox label,
    .navbar-form .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px; }
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px; } }
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px; } }


.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }
.navbar-header:after {
  clear: both; }
@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }
@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }

  .navbar-right {
    float: right !important; } }
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .navbar-form.navbar-right:last-child {
        margin-right: -15px; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; }
      .navbar-text.navbar-right:last-child {
        margin-right: 0; } }

/* Typographie */
p{ font-size: 16.5px;
	display: block;

}

h1 {font-style: italic;
	font-family:'Libre Baskerville', serif;;
	font-size:30px;
	color: #cda94d; 
    margin-bottom: 20px;
	text-align: center;
}

h2 {
	font-family:helvetica;
	font-size:25px;
	color:white;
	background-color:#cda94d;
	background-size:contain;
	margin-bottom: 10px;
	padding: 5px 15px;
	text-align: center;
	}

h3 {font-style:italic;
	font-family: 'Libre Baskerville', serif;
	font-size:20px;
	padding-top: 10px;
	margin-bottom: 3px;
	color: #cda94d;
}
h4 {
	font-family:helvetica;
	font-size: 7em;
	color: white;
	text-align: center;
	margin: 150px auto;
	margin-top: 100PX;
	margin-bottom: 100px;
	background: url(../images/Livraison_produit.jpg);
	background-size: cover;
	background-attachment: fixed;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

h5{display: block;
	
}
h6{
	font-style: italic;
	font-family: 'Libre Baskerville', serif;
	font-size:18px;
	color:white;
	background-color:#cda94d;
	background-size:contain;
	margin-bottom: 0px;
	padding: 5px 15px;
	text-align: center;
}
h7{
	text-transform: uppercase;
    font-weight:bold;
    font-size: 20px; 
    color: #cda94d;
}
/* Fin typgraphie*/ 

/* Link */
a {
	color: #929497;
	font-weight: bold;
}
a:visited {
	color: #929497;
}
a:hover,
a:focus,
a:active {
	color: #929497;
}
a:focus {
	outline: thin dotted;
}
a:hover {
	text-decoration: underline;
}
a:hover,
a:active {
	outline: 0;
}

/* Fin link */

/*----- Navigation -----*/
#wrapper {
  overflow: hidden;
  position: relative; }

.center-wrap {
  width: 998px;
  margin: 0 auto; }

.cf:after {
  content: "";
  display: table;
  clear: both; }

.width-930 {
  width: 930px !important; }

.width-890 {
  width: 890px !important; }

.width-900 {
  width: 900px !important; }

#header {
  padding: 55px 0 50px;
  height: 260px;
background-color: #fff;
	margin-bottom: 30px;
}
 #header .logo {
    background: url(../images/logo_avectexte.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    width: 446px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: 10px; }
 #header .logo a {
    display: block;
    height: 100%; }

.container-fluid{
	padding-right: 0px;
	padding-left: 0px;
}

.right { float: right;
}
.left { 
	float: left;
}
.main-nav {
  width: 230px;
  text-transform: uppercase;
  font: 11px/15px, Helvetica, sans-serif;
  letter-spacing: 2px; }
  .main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .main-nav li {
    margin: 26px 0 0; }
    .main-nav li:first-child {
      margin-top: 0; }
  .main-nav a {
    color: #929497; }
    .main-nav .active a, .main-nav a:hover {
      color: #cda94d;
      font-family: 'Libre Baskerville', Arial, sans-serif;
      font-style: italic;
      text-transform: lowercase;
      text-decoration: none; }

.main-nav.left {
  border-right: 1px solid #b6b7b8;
  padding: 30px 40px 20px 0;
  text-align: right; }

.main-nav.right {
  border-left: 1px solid #b6b7b8;
  padding: 30px 0 20px 40px;
  text-align: left; }

li{
	display: list-item;
	text-align: -webkit-match-parent;
}

ul, li{
	list-style-position: outside;
}
/*----- Fin navigation -----*/

.boxp{ 
		background-color:white;
		border-radius : 10px;
		padding: 20px 30px ;
	}
.contenu{ 
	margin-bottom: 30px;
}
.contenu:after{
    border-top: 25px solid white;
    border-left: 60px solid transparent; 
    border-right: 60px solid transparent; 
    bottom: -40px;
    content: "";
	position:relative;
    left: 50%;
    margin-left: -58px;
    width: 0; 
    height: 0;
}


img {
  vertical-align: middle; }

	/*fit images to post container*/
	.post-content img {
		max-width: 100%;
		height: auto;
	}
.img-responsive {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto; }
/*----- Page contacts -----*/
#adresse{
	margin-top: auto;
	margin-bottom: auto;
	display: block;
}

#contact .well{
    border-radius:0;
}

#contact .form-control{
    border-radius: 0;
    border:2px solid #1e1e1e;
}

#contact button{
    border-radius:0;
    border:2px solid #1e1e1e;
}

#contact .row{
    margin-bottom:30px;
}

/*----- Page accueil -----*/


#tagline{
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color:#FF0000;
	font-style: italic;
	font-size: 50px;
	font-weight: normal;
	text-align: center;
	margin-top: 75px;
}

/*----- Fin page accueil -----*/
/*----- Page Produits -----*/

.categories {
    padding-top: 16px
}

.categories .col-sm-6 {
    position: relative
}

.categories .col-sm-6:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    content: '';
    transition: all 1.5s;
    width: 100%;
    z-index: 2
}

.categories .col-sm-6:nth-child(odd):after {
    right: auto;
    left: 0
}

.categories .col-sm-6.visible-element:after {
    width: 0;
}

@media print {
    .categories .col-sm-6:after {
        width: 0
    }
}

.category {
    position: relative;
    min-height: 137px;
    margin-top: 34px;
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 15px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    overflow: hidden
}

.category .image-fit-cover {
    transform: scale(1.1);
    transition: all 1s;
}

.category:hover {
    color: #fff;
}

.category:hover .image-fit-cover {
    transform: scale(1);
}

.category:hover:before {
    opacity: 1;
}

.category:hover i:before, .category:hover i:after {
    transition: all 0.35s;
}

.category:hover i:after {
    left: 50px;
}

.category:hover i:before {
    left: 0;
}

.category:hover .category-text {
    top: 30px;
}

.category:hover .category-text:before {
    background: #929497;
}

.category-text {
    position: absolute;
    left: 40px;
    top: 40px;
    transition: all 0.5s;
    z-index: 2;
    padding-bottom: 10px
}

.category-text:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 42px;
    background: #fff;
    content: '';
    transition: all 0.2s
}

.category:before, .category:after {
    position: absolute;
    content: ''
}

.category:before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.2s;
    opacity: 0.9;
    background: linear-gradient(315deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.36) 45%, rgba(0, 0, 0, 0.58) 55.89%, rgba(0, 0, 0, 0.65) 74.29%, rgba(0, 0, 0, 0.65) 100%);
    z-index: 1
}

@media print {
    .category:before {
        display: none
    }
}
/*----- Fin page Produits -----*/		


/*----- Animation photo team -----*/
.wpb_column .wpb_row{
	position:relative;
}

.vc_column_container{
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

.vc_col-sm-4{
	width: 33.33%;
	float: left;
}

.vc_row:after, .vc_row:before{
	content: "";
	display: table;
}
.vc_custom_14272770112817{
	padding-top: 10px !important;
	padding-bottom: 50px !important;
}

.vc_row:after{
	clear:both;
}
.wpb_row{
	margin-left: -15px;
	margin-right: -15px;
	
}
.vc_column_container>.vc_column-inner{
	box-sizing: border-box;
	width: 100;
}
.vc_custom_1428521662124{
	padding-right: 20px !important;
	padding-left: 20px!important;
}
.vc_column-inner:after{
	content: " ";
	display: table;
}
.vc_column-inner:after{
	clear: both;
}
.boc_start_animation{
	opacity: 1;
	transition: transform 0.7s cubic-bezier(.26, .87, .44, 1) 0.25s, opacity 0.6s ease 0.25s;
}
.team_block_content{
	padding-bottom: 14px;
text-align: center;
}

.team_block_content:hover .team_image img{
	transform:scale(1.05);
}
.pic{
	position: relative;
	display: block;
	overflow: hidden;
	opacity: 0.999;
}
.pic img {
	display: block;
	width: 100%;
	height: auto;
	transition: all 0.3s ease;
}
/*----- Fin animation photo team -----*/
/*----- Page partenaires -----*/
.puces{
	font-size: 12pt;
	margin-top: 5px;
}

img{
	max-width: 100%;
}
.partenaires >a >img
{
	height: 150px;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ppartenaires{
	margin-top: 15px;
	margin-bottom: 10px;
}
.glyphicon.glyphicon-envelope{
	color: #929497;
	border-color: #929497;
	font-size: 30px;
	font-weight: bold;}
/*----- Fin page partenaires -----*/

/*----- Page clients -----*/
.main-image-block {
	margin: 0 0 10px;
	position: relative;
	box-sizing: border-box;
	display: block;
}
.main-image-block img{
	display: block;
}
img{
	vertical-align: middle;
	border: 0;
	margin: auto;
}
.main-image-block > .dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;	
}
.dt{
	display: table;
}
.main-image-block > .dt > .dtc {
	padding: 30px 0 0;
}
.dtc{
	display: table-cell;
	vertical-align: middle;
}
.main-image-block .text-box {
	background-color: #FF0000;
	width: 290px;
	padding: 18px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
.dt{
	display: table;
}
.main-image-block .text-box .holder{
	border: 2px solid #fff;
	padding: 14px;
	height: 210;
}
.dtc{
	display: table-cell;
	vertical-align: middle;
}
.main-image-block .text-box h5:first-child {
	border-top: none;
	font: 15px/20px;
	letter-spacing: 5px;
	margin: 0;
	padding: 9px 0;
}
.main-image-block .text-box h5{
	font: 15px/20px;
	letter-spacing: 5px;
	border-top: 2px solid #fff;
	margin: 0;
	padding: 9px 0;
}

a:any-link{
	cursor:auto;
}

.cf:after{
	content: "";
	display: table;
	clear: both;
}

.three-images-block .block{
	width: auto;
	float: left;
	position: relative;
}

a{  color: #929497;
	
}

a:hover{
	
    text-decoration: none;
    color:  #cda94d;
}


.three-images-block .recpost {
    position: relative;
    line-height: 1;
}

.three-images-block .recpost .rectitle {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);   
}

.three-images-block .recpost a {
    color: #929497; }

.three-images-block .recpost a:hover {
    text-decoration: none;
    color:  #cda94d;
}
.three-images-block .recpost .rectitle .cat{
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.4em;
    margin-right: -0.4em;
    font-size: 15px; 
    color: #cda94d;
	background-color:white;
	background-size:auto;
	padding: 10px 5px;
	text-align: center;
}


.cf:after{
	content: "";
	display: table;
	clear: both;
}


.two-images-block .block{
	width: auto;
	float: left;
	text-align: center;
	position: relative;
}

.two-images-block .recpost {
    position: relative;
    line-height: 1;
}

.two-images-block .recpost .rectitle {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);   
}

.two-images-block .recpost a {
    color: #929497; }

.two-images-block .recpost a:hover {
    text-decoration: none;
    color:  #cda94d;
}
.two-images-block .recpost .rectitle .cat{
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.4em;
    margin-right: -0.4em;
    font-size: 15px; 
    color: #cda94d;
	background-color:white;
	background-size:auto;
	padding: 10px 5px;
	text-align: center;
}

.three-images-block .DAPP {
	
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	display: block;
	text-align: center;
	
}
.two-images-block .DAPP {
	
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 35px;
	margin-right: 35px;
	display: block;
	text-align: center;
	
}

@font-face {
 font-family: 'Glyphicons Halflings';
 src: url('../fonts/glyphicons-halflings-regular.eot');
 src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.glyphicon .glyphicon-chevron-right{
	color: #929497;
	border-color: #929497;
	font-size: 30px;
}
#imgformules{
	display:block;
	height: 500px;
	width:auto;
	margin-left: auto;
	margin-right: auto;
	
}
#imgdiffusion{
display:block;
	height:250px;
width:auto;
margin-left:auto;
margin-right:auto;

}
/*----- Fin page clients -----*/

/*----- Page events -----*/
#contenuevent
#Imgephj{
display:block;
height: 200px;
width:auto;
margin-left:auto;
margin-right:auto;
}
/*----- Fin page events -----*/

/*----- Page contact -----*/

.googlemap>iframe{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

form{
	display: block;
}
.btn-primary{
	background-color: darkgrey;
}
/*----- Fin page contact -----*/
/*----- Pages produits, peintures et vernis et diluants -----*/

table caption {
	padding: .5em 0;
}

@media screen and (max-width: 767px) {
  table caption {
    border-bottom: 1px solid #ddd;
  }
}
.table caption{
	background: #929497;
	font-size: 18px;
}

.produits{
	margin-top: 20px;
}
/*----- Fin pages produits, peintures et vernis et diluants -----*/
/*----- Page merci _____*/

#merci{
	text-align: center;
	font-size: 2.5em;
	margin-bottom: 75px;
	margin-top: 75px;
	display: block;
}
#imgmerci {
display:block;
margin-top: 75px;
margin-bottom: 100px;
width:auto;
margin-left:auto;
margin-right:auto;

}

footer
{ 	background-color:white;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
	font-size:  10px;
	display: block;
	box-sizing: border-box;
	color: black;

}
footer>p{
	color: #929497;
	display: block;
	-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}


#titrepieddepage{
	color: #172287;
}

@media (max-width: 768px) { 
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-200px);
        -moz-transform: translatex(-200px);
        -o-transform: translatex(-200px);
        transform: translatex(-200px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
}