/* Fonts */
@font-face {
  font-family: 'Roboto-Thin';
  src: url('../fonts/Roboto-Thin.eot');
  src: url('../fonts/Roboto-Thin.eot') format('embedded-opentype'),
       url('../fonts/Roboto-Thin.woff') format('woff'),
       url('../fonts/Roboto-Thin.ttf') format('truetype'),
       url('../fonts/Roboto-Thin.svg') format('svg');
}

/* Global styles */
body {
	background: url('../img/bg-2.jpg');
  background-repeat: repeat-x;
  padding: 30px 0;
  font-family: 'Roboto-Thin';
}

.logo{
  margin-bottom: 10px;
}
.right-col{
  text-align: center;
}
.error-message{color: #FFF}
.breadcrumb a {color: #b1002f}
.green{color:#008641}
.red{color: #b1002f}
.home h1, .home p{color:#FFF;}

/* Typography */

h2{
  font-family: 'Roboto', Sans-Serif;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: bold;
}
h3{
  font-family: 'Roboto', Sans-Serif;
  color: #000;
  font-size: 20px;
}
h3 span.price,h3 span.dhs{color: #b1002f}
h3 span.price{font-size: 36px}
div.offre{margin-top: 15px;}
div.offre p{font-size: 16px;font-family: 'Roboto', Sans-Serif}

h4{font-size: 36px;color: #b1002f;font-family: 'Roboto', Sans-Serif}
h4 span{text-transform: uppercase; font-size:14px;}
span.apartir{color:#000;font-size: 14px;text-transform: none;}
ul li{font-family: 'Roboto', Sans-Serif; text-align:left;}
.error{color:#b1002f;font-weight: bold;text-align: center;font-size: 1.6em}

.valable{clear:both;width: 200px; height: 52px; display: block; background-color:#b1002f;color: #FFF;border-radius: 5px;padding: 5px; text-transform: uppercase; text-align: center;margin:0 auto }
.valable span{font-family: 'Roboto';font-size: 18px; font-family: 'Roboto', Sans-Serif;}
p.localisation a{font-size:1.6em;color: #b1002f; text-transform: uppercase;}

input[type=checkbox]{
  margin: 1px 0 0;
  height: auto !important;float: left;
    width: auto;
}
.form-horizontal .checkbox{min-height:auto;}
/* Form */
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a47d39 !important;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #a47d39 !important;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #a47d39 !important;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #a47d39 !important;
}
.error-message{color:#FF;font-weight: bold;}
#form-wrap {
  background-color: #b1002f; 
  border: 1px solid #b1002f;
  padding: 15px 26px 0;
  border-radius: 5px;
}
#form-wrap-jeep {
  background-color: #000; 
  border: 1px solid #000;
  padding: 15px 26px 0;
  border-radius: 5px;
}
.form-horizontal .form-group{
  margin: 0px auto 10px;
}

.form-control{
  color: #000;
  text-transform: none;
  font-family: 'Roboto', Sans-Serif;
}

.form-horizontal .control-label {
  padding-top: 0px;
  color: #FFF;
  font-family: 'Roboto', Sans-Serif;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control:focus{
  border-color: #FFF; 
  box-shadow: none;
}

button[type="submit"]{
  font-family: 'Roboto', Sans-Serif; 
  color: #b1002f;
  background-color: #FFF;
  border-color: #FFF;
  border-radius: 0px;
  font-size: 18px;
  text-transform: uppercase;
  padding: 14px 43px;
  line-height: 15px;
  margin-top: 10px;
  margin-bottom: 8px;
}

button[type="submit"]:hover{
  background-color: #b1002f;
  border-color: #FFF;
  color: #FFF;
}

#form-wrap-jeep button[type="submit"]{
  color: #000;
  background-color: #FFF;
  border-color: #FFF;
}
#form-wrap-jeep button[type="submit"]:hover{
  background-color: #000;
  border-color: #FFF;
  color: #FFF;
}
sub{font-size: 36%}
.home a {color:#b1002f;}
.home a:hover {color:#000;text-decoration: none;}

#activite-inner .checkbox{display: inline-block;width:18%;}
#activite-inner .checkbox:first-of-type {display: none;}

h2.offre span{font-size: 16px;}

/* Responsive */
@media (min-width: 1200px) {
	.container {
		width: 1088px;
	}
	
}


/*
 * sm: max-width:991px
 * -----------------------------------------------
*/
@media (max-width:991px) {
  body {
    padding: 45px 0 !important;
  }
  
  .mt-sm-60 {
    margin-top: 60px !important;
  }

  .logo img{
    display: inline;
  }
}

/**
 * xs: max-width 767px
 * -----------------------------------------------
 */
@media (max-width:767px) {
  body {
    padding: 45px 0 !important;
  }

  .pr-xs-0 {
    padding-right: 0px !important;
  }
  .pl-xs-0 {
    padding-left: 0px !important;
  }
  .mt-xs-40 {
    margin-top: 40px !important;
  }
.logo-right img{
  margin: 0px auto;
}