/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@font-face {
	font-family:'hafa_roman';
	src:url('../fonts/HelveticaNeue-Roman.otf') format('truetype');
}
@font-face {
	font-family:'hafa_bold';
	src:url('../fonts/HelveticaNeue-BoldExt.otf') format('truetype');
}
body {
	color: #5a5a5a;
}
.main_body{background: #fff;padding: 30px 0px 20px;}
.masthead {
	background:url(../images/top_bg.png) repeat-x top left;
	height:150px;
}

.logo_container{
	padding:20px 0 18px 0;
}

#menu_top{
	height:50px;
	line-height:50px;
	text-align:right;
	color:#fff;
	font-family:'hafa_roman';
	font-size:15px;
	letter-spacing:1.1px;
}

#menu_top img{
	margin-right:5px;
}

.masthead.home {
	background: #f8f8f8;

}
.btn-primary {
    color: #fff;
    background-color: #222;
    border-color: #000;
}
.btn-primary:hover {
    background-color: #a50034;
}
.dropdown>a{color: #ccc;}
.dropdown.open>a{color: #a50034;}
ul#login-dp {
    margin-top: -1px;
    margin-right: -1px;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.navbar-default .navbar-toggle {
    float: right;
}

.navbar {
	border: none;
	margin: 0;
	border-radius: 0;
	margin-top:15px;
}

.navbar-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
}

.navbar-default .navbar-nav>li>a {
	color: #000;
	font-size: 16px;
    font-family: 'hafa_roman';
    margin-left: 20px;
    line-height: 50px;
    font-weight: bold;
	border-radius:6px;
    letter-spacing: 1.3px;
	padding:10px 25px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color: #000;
	background:#FCD900;
}


.lien{
	text-align:center;
}
@media screen and (max-width: 660px){
.navbar-nav {
    margin: 7.5px -35px;
}
.lien{
	margin-bottom:30px;
}
}

.navbar-default .navbar-nav>li>a:hover {
	color: #000;
	background:#FCD900;
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
	padding-right: 0;
	padding-left: 0;
}
.navbar-wrapper .navbar {
	padding-right: 15px;
	padding-left: 15px;
}
.navbar-wrapper .navbar .container {
	width: auto;
}

h3.titre{
	text-align: left;
	margin-top:50px; 
	margin-bottom:20px;
	font-family: 'hafa_roman';
    font-weight: bold;
	font-size:22px;
	letter-spacing:1.3px;
	color:#000;
}

.pres_title{
	text-align:justify;
	line-height:27px;
	font-family: 'hafa_roman';
	font-size:17px;
}

.acc_pres_img{
	text-align:center;
}

.acc_pres_img img{
	padding-top:80px;
	margin-bottom:20px;
}

.titre_separator{
	margin-bottom:30px;
}

.acc_second{
	margin-top:50px;
}

#reference img{
	margin-right:20px;
}

#reference p{
	text-align:justify;
	line-height:27px;
	font-family: 'hafa_roman';
	font-size:17px;
}

.fam_name{
	width:286px;
}
h3.titre:after, h3.titre:before {
   
}

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

/* Carousel base class */
.carousel {
  margin-bottom: 60px;
  max-height: 800px;
  overflow:hidden;
  max-width: 1600px;
  margin: 0 auto;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}

@media screen and (min-width: 1600px){
.carousel-inner {
	max-height: 930px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 930px;
}
}
@media screen and (min-width: 1499px) and (max-width: 1599px){
.carousel-inner {
	max-height: 930px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 930px;
}	
}
@media screen and (min-width: 1350px) and (max-width: 1498px){
.carousel-inner {
	max-height: 675px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 675px;
}	
}
@media screen and (min-width: 1250px) and (max-width: 1349px){
.carousel-inner {
	max-height: 610px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 610px;
}	
}

@media screen and (min-width: 1120px) and (max-width: 1249px){
.carousel-inner {
	max-height: 570px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 570px;
}	
}

@media screen and (min-width: 1024px) and (max-width: 1119px){
.carousel-inner {
	max-height: 515px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 515px;
}	
}

@media screen and (min-width: 950px) and (max-width: 1024px){
.carousel-inner {
	max-height: 500px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 500px;
}	
}
@media screen and (min-width: 850px) and (max-width: 949px){
.carousel-inner {
	max-height: 450px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 450px;
}	
}
@media screen and (min-width: 660px) and (max-width: 850px){
.carousel-inner {
	max-height: 380px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 380px;
}	
}
@media screen and (min-width: 550px) and (max-width: 659px){
.carousel-inner {
	max-height: 284px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 284px;
}	
}
@media screen and (min-width: 420px) and (max-width: 549px){
.carousel-inner {
	max-height: 210px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 210px;
}	
}
@media screen and (min-width: 361px) and (max-width: 419px){
.carousel-inner {
	max-height: 185px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 185px;
}	
}
@media screen and (min-width: 319px) and (max-width: 360px){
.carousel-inner {
	max-height: 160px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
	height: 160px;
}	
}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.main_body .col-lg-4 {
	margin-bottom: 20px;
	text-align: center;
}
.main_body h2 {
	font-weight: normal;
}
.main_body .col-lg-4 p {
	margin-right: 10px;
	margin-left: 10px;
}
/* Featurettes
------------------------- */

.featurette-divider {
	margin: 20px 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
/* Navbar positioning foo */

.navbar-wrapper {
	margin-top: 20px;
}
.navbar-wrapper .container {
	padding-right: 15px;
	padding-left: 15px;
}
.navbar-wrapper .navbar {
	padding-right: 0;
	padding-left: 0;
}
/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar {
	border-radius: 4px;
}
/* Bump up size of carousel content */
.carousel-caption p {
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 1.4;
}
.featurette-heading {
	font-size: 50px;
}
}

@media (min-width: 992px) {
.featurette-heading {
	margin-top: 120px;
}
}
:focus {
	outline: none;
}
.row {
	margin-right: 0;
	margin-left: 0;
}


.side-menu {
	/*height: 100%;*/
	background-color: #f8f8f8;
	margin-top:30px;
	border: 1px solid #ccc;

}
.side-menu .navbar {
	border: none;
	background: #f8f8f8!important;
}
.side-menu .navbar-header {
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
    float: none!important;
}

.side-menu .nav a {
    color: #fff;
    margin-top: 2px;
    background: #333 !important;
}

.selected_li{
	color: #fff !important;
    margin-top: 2px;
    background: #a50034 !important;
}

.side-menu .nav a:hover {
    color: #fff;
    margin-top: 2px;
    background: #a50034;
}

.side-menu .navbar-nav .active a {
	background-color: transparent;
	margin-right: -1px;
	border-right: 5px solid #e7e7e7;
}
.side-menu .navbar-nav li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav li a {
	padding: 10px;
    color: #333;
    background: #fff !important;
    border: 1px solid #333;;
}

.side-menu .navbar-nav li a:hover {
	padding: 10px;
    color: #fff;
    background: #a50034 !important;
    border: 1px solid #333;;
}

.side-menu .navbar-nav li a .glyphicon {
	padding-right: 10px;
}
.side-menu #dropdown {
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
}
.side-menu #dropdown .caret {
	float: right;
	margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
	float: right;
}
.side-menu #dropdown > a {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body {
	padding: 0;
	background-color: #818181;
}
.side-menu #dropdown .panel-body .navbar-nav {
	width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
	padding-left: 15px;
	border-bottom: 1px solid #676767;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
	border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
	margin-left: -20px;
	padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
	margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
	padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
	border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
	background-color: #f3f3f3;
	border: 0;
	border-radius: 0;
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
	min-height: 50px;
	
}
.side-menu .brand-name-wrapper .navbar-brand {
	display: block;
}
.side-menu #search {
	position: relative;
	z-index: 1000;
}
.side-menu #search .panel-body {
	padding: 0;
}
.side-menu #search .panel-body .navbar-form {
	padding: 0;
	padding-right: 50px;
	width: 100%;
	margin: 0;
	position: relative;
	border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
	width: 100%;
	position: relative;
}
.side-menu #search .panel-body .navbar-form input {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	border-radius: 0;
	background-color: #f3f3f3;
	padding: 15px 18px;
}
/* Main body section */
.side-body {
	margin-left: 310px;
}

/* small screen */
@media (max-width: 768px) {
.navbar{
	margin-top:70px;
}
.side-menu {
	position: relative;
	width: 100%;
	/*height: 0;*/
	border-right: 0;
	border-bottom: 1px solid #e7e7e7;
}
.side-menu .brand-name-wrapper .navbar-brand {
	display: inline-block;
}
  /* Slide in animation */
  @-moz-keyframes slidein {
 0% {
 left: -300px;
}
 100% {
 left: 10px;
}
}
 @-webkit-keyframes slidein {
 0% {
 left: -300px;
}
 100% {
 left: 10px;
}
}
 @keyframes slidein {
 0% {
 left: -300px;
}
 100% {
 left: 10px;
}
}
 @-moz-keyframes slideout {
 0% {
 left: 0;
}
 100% {
 left: -300px;
}
}
 @-webkit-keyframes slideout {
 0% {
 left: 0;
}
 100% {
 left: -300px;
}
}
 @keyframes slideout {
 0% {
 left: 0;
}
 100% {
 left: -300px;
}
}
/* Slide side menu*/
  /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
.side-menu-container > .navbar-nav.slide-in {
	-moz-animation: slidein 300ms forwards;
	-o-animation: slidein 300ms forwards;
	-webkit-animation: slidein 300ms forwards;
	animation: slidein 300ms forwards;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.side-menu-container > .navbar-nav {
	/* Add position:absolute for scrollable menu -> see top comment */
	position: fixed;
	left: -300px;
	width: 300px;
	top: 43px;
	height: 100%;
	border-right: 1px solid #e7e7e7;
	background-color: #f8f8f8;
	-moz-animation: slideout 300ms forwards;
	-o-animation: slideout 300ms forwards;
	-webkit-animation: slideout 300ms forwards;
	animation: slideout 300ms forwards;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

  /* Uncomment for scrollable menu -> see top comment */
  /*.absolute-wrapper{
        width:285px;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }*/
  @-moz-keyframes bodyslidein {
 0% {
 left: 0;
}
 100% {
 left: 300px;
}
}
 @-webkit-keyframes bodyslidein {
 0% {
 left: 0;
}
 100% {
 left: 300px;
}
}
 @keyframes bodyslidein {
 0% {
 left: 0;
}
 100% {
 left: 300px;
}
}
 @-moz-keyframes bodyslideout {
 0% {
 left: 300px;
}
 100% {
 left: 0;
}
}
 @-webkit-keyframes bodyslideout {
 0% {
 left: 300px;
}
 100% {
 left: 0;
}
}
 @keyframes bodyslideout {
 0% {
 left: 300px;
}
 100% {
 left: 0;
}
}
/* Slide side body*/
.side-body {
	margin-left: 5px;
	margin-top: 70px;
	position: relative;
	-moz-animation: bodyslideout 300ms forwards;
	-o-animation: bodyslideout 300ms forwards;
	-webkit-animation: bodyslideout 300ms forwards;
	animation: bodyslideout 300ms forwards;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.body-slide-in {
	-moz-animation: bodyslidein 300ms forwards;
	-o-animation: bodyslidein 300ms forwards;
	-webkit-animation: bodyslidein 300ms forwards;
	animation: bodyslidein 300ms forwards;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
/* Hamburger */
.navbar-toggle {
	border: 0;
	float: left;
	padding: 18px;
	margin: 0;
	border-radius: 0;
	background-color: #000;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
/* Search */
#search .panel-body .navbar-form {
	border-bottom: 0;
}
#search .panel-body .navbar-form .form-group {
	margin: 0;
}
.navbar-header {
	/* this is probably redundant */

	z-index: 3;
	background-color: #fff;
}
/* Dropdown tweek */
#dropdown .panel-body .navbar-nav {
	margin: 0;
}
}
.wrapper {
	background-color: white;
	width: 100%;
	margin: 40px auto;
	padding: 50px;
	box-shadow: 0 0 5px #999;
}
.carousel_produits{position: relative; margin-bottom:30px;}
.list_carousel {
	margin: 0;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 40px;
	color: #999;
	text-align: center;
	height: auto;
	padding: 0;
	margin: 10px;
	display: block;
	float: left;
}

.list_carousel li a{
	text-decoration:none;
	font-size: 40px;
	color: #999;
	text-align: center;
	height: auto;
	padding: 0;
	display: block;
	float: left;
}

.list_carousel li img{
	padding-top:0px;
}

div.clear {
    clear: both;
}
.container-fluid.titre_pages {background: #f5f5f5; border-bottom:1px solid #ccc;}
.container-fluid.titre_pages h2{line-height: 80px;margin: 0; text-align:center; letter-spacing:3px;}
.produits-internes{padding-bottom: 30px; margin-bottom:30px;}
.produits-internes ul{  list-style: none;
  display: block;padding: 0;}
  .produits-internes ul li{margin-bottom:20px; }
.produits-internes ul li .produit-thumbnail{border: 1px solid #999;}
.add_to_cart.col-md-6 {
    padding: 10px;
	padding-top:0;
	height:70px;
    text-align: center;
}

.add_to_cart.col-md-16 {
    padding: 10px;
	padding-top:20px;
	width:50%;
	float:left;
	height:60px;
    text-align: center;
}
.price {
  font-size: 20px;
  color: #222;
  font-weight: bold;
  text-align: center;
}
.add_to_cart a {
  font-size: 12px;
  color: #333;
  text-decoration: none;
}
.add_to_cart a:hover {
  color: #a50034;
}
.add_to_cart:first-child {
  border-right: 1px solid #eee;
}
.add_to_cart i {
  font-size: 12px;
}
.line {
	margin: 0 10px;
}
.list_carousel.responsive {
	margin-left: 0;
	position: relative;
}
.clearfix {
	float: none;
	clear: both;
}
#prev, #prev2, #prev3 {
	position: absolute;
	right: 20px;
	top: -20px;
}
#next, #next2, #next3 {
	position: absolute;
	right: 0;
	top: -20px;
}
.pager {
	float: left;
	width: 300px;
	text-align: center;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
}
.pager a.selected {
	text-decoration: underline;
}



/*---------------login----------------*/
.caret-up {
  width: 0; 
  height: 0; 
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-bottom: 4px solid;

  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}
/***************************
2. Navigation
***************************/
a.list-group-item {
  height:auto;
  min-height:220px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
a.list-group-item.active small {
  color:#fff;
  
}

.stars {
  margin:20px auto 1px;    
}


/* ==================================================
   6. top login
================================================== */


 #login-dp{
        min-width: 250px;
        padding: 14px 14px 0;
        overflow:hidden;
        background-color:rgba(255,255,255,.8);
      }
      #login-dp .help-block{
        font-size:12px    
      }
      #login-dp .bottom{
        background-color:rgba(255,255,255,.8);
        border-top:1px solid #ddd;
        clear:both;
        padding:14px;
      }
      #login-dp .social-buttons{
        margin:12px 0    
      }
      #login-dp .social-buttons a{
        width: 49%;
      }
      #login-dp .form-group {
        margin-bottom: 10px;
      }
      .btn-fb{
        color: #fff;
        background-color:#3b5998;
      }
      .btn-fb:hover{
        color: #fff;
        background-color:#496ebc 
      }
      .btn-tw{
        color: #fff;
        background-color:#55acee;
      }
      .btn-tw:hover{
        color: #fff;
        background-color:#59b5fa;
      }
      .bg-primary {
        background-color: #f05f40;
        color: #fff;
      }
	  
	  
	  
	  
	  
	  .animate {
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*=============== Home-team ===============*/

.acces_sites {
  text-align: center;
  padding: 70px 0 80px;
}

.acces_sites h2 {
    font-weight: normal;
}

.acces_sites .common-doctor {
  background-color: #fff;
}
.acces_sites .common-doctor figure {
  overflow: hidden;
  width: 100%;
}

.acces_sites img {
	width: 100%;
	height: auto;
	margin-top: -6em;
}

.acces_sites .common-doctor h5 {
  margin: 0 0 7px;
  font-size: 18px;
	font-weight: 700;
	color: #3a3c41;
}
.acces_sites .common-doctor .for-border {
  margin-bottom: 20px;
}
.acces_sites .common-doctor .text-content {
  padding: 19px 14px 13px;
}
.acces_sites.doctors-var-two {
  text-align: left;
  background-color: #fff;
}
.acces_sites.doctors-var-two .slogan-section {
  text-align: left;
}
.acces_sites.doctors-var-two .common-doctor {
  background-color: transparent;
}
.acces_sites.doctors-var-two .common-doctor .for-border {
  display: none;
}
.acces_sites.doctors-var-two .common-doctor .text-content {
  padding: 20px 0 20px;
}
.acces_sites.doctors-var-two .text-center {
  text-align: left;
}

.slogan-section {
	margin-bottom: 50px;
	text-align: center;
}

.acces_sites .common-doctor .for-border {
	margin-bottom: 20px;
}

.for-border {
	height: 11px;
	width: 100%;
	background: transparent url(http://omarhabash.com/nova/wp-content/uploads/2014/08/feature-border.png) center center no-repeat;
	border: none;
}

.acces_sites .common-doctor h5 small {
	color: #008fd5;
	font-weight: bold;
	font-size: 0.8em;
	font-style: italic;
}



.acces_sites .common-doctor a.social-lists {
	background: #008fd5;
	color: white;
	padding: 0.75em;
	border: 5px solid rgba(255, 255, 255, 0.33);
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translateX(-50%);
	width: 100%;
	margin-top: -28px;
	text-align: center;
	margin-top: 10em;
	opacity: 0;
	z-index: 1;
	width:100px;
}


.doc-img{
	 /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1, 1); // This is the scale for the normal size of the image.
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1, 1);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1, 1);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
}

.site_item:hover .doc-img{
	 /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1.2, 1.2); // This is the enlarged size scale of the image.
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1.2, 1.2);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1.20, 1.20);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;

  opacity: 0.7;
}

.site_item:hover a.social-lists{
	margin-top: -2em;
	opacity: 1;
}


/*=============== //Home-team ===============*/
.pagination{
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 0;margin:0;}
	
.center-block{
	padding-top:20px;
}

/*===============footer=================*/

.supportLi h4 {
	font-size: 20px;
	font-weight: lighter;
	line-height: normal;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}

.bg-gray {
	background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
	box-shadow: 0 1px 0 #B4B3B3;
}
.social li {
	background: none repeat scroll 0 0 #B5B5B5;
	border: 2px solid #B5B5B5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: center;
	width: 36px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social li a {
	color: #EDEFF1;
}
.social li:hover {
	border: 2px solid #2c3e50;
	background: #2c3e50;
}
.social li a i {
	font-size: 16px;
	margin: 0 0 0 5px;
	color: #EDEFF1 !important;
}
.footer-bottom {
	background: #a50034;
	color:#ccc;
	padding-top: 15px;
	padding-bottom: 10px;
}

.footer-bottom p{
	margin-bottom:0;
}

.footer-bottom a{
	color:#ccc;
}

.footer-bottom a:hover{
	text-decoration:none;
}

.footer-bottom p.pull-left {
	padding-top: 6px;
}
.payments {
	font-size: 1.5em;	
}

textarea{
	resize:none;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #a50034;
    border-color: #a50034;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #a50034;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li>a:hover, .pagination>li>span:hover {
    color: #333;
}

.bigphotos{
	position:relative;
	border:2px solid #FCD900;
	background-color:#E3E3E3;
	width:254px;
	height:254px;
}

.acc_links{
	text-decoration:none;
	color:#000;
}

.prod_title{
	font-family:'hafa_roman';
	font-size:17px;
	font-weight:bold;
	color:#000;
	width:250px;
	text-align:center;
}

.prodlist_promo{
	position:absolute;
	top:-2px;
	left:-2px;
	background:url(../images/pastille.png) no-repeat top left;
	width:120px;
	height:120px;
}

.prodlist_promo_text{
	padding-top: 23px;
    text-align: center;
    margin-left: 18px;
	font-family:Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.prodlist_promo2{
	position:absolute;
	top:-20px;
	left:-20px;
	background:url(../images/pastille2.png) no-repeat top left;
	width:150px;
	height:110px;
}

.little_bar{
	position:absolute;
	top:0;
	left:0;
}

.footer{
	background:url(../images/footer_bg.jpg) repeat-x top left;
	min-height:419px;
	background-color:#000;
	margin-top:50px;
}

.bottom_titre{
	color:#fff;
	font-family:'hafa_roman';
	font-weight:bold;
	font-size:18px;
}

.bottom_contacts{
	padding-top:50px;
}

.infos{
	line-height:35px;
	color:#fff;
	font-size:15px;
	font-family:'hafa_roman';
}

.infos img{
	margin-right:15px;
}

.social{
	margin-top:30px;
}

.social a{
	margin-right:20px;
}

#newsletter_input{
	background:none;
	color:#fff;
	border:1px solid #FCD900;
	height:42px;
	padding: 0 20px;
	width:80%;
	position:relative;
}

#header-search{
	position:relative;
	width:80%;
}

#newsletter_btn{
	background:url(../images/newsletter_btn_bg.png) no-repeat top left;
	height:42px;
	width:147px;
	position:absolute;
	top:0;
	right:0;
	border:0;
}

#copyright{
	border-top:1px solid #FCD900;
	line-height:48px;
	text-align:center;
	color:#fff;
	margin-top:70px;
}

#copyright p{
	margin:0;
}

#copyright a{
	text-decoration:none;
	color:#FCD900;
}

@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    color: #FCD900;
    margin-top: -10px;
    font-size: 30px;
}
}

/**************************************** contacts ********************************************/
.contact_banner{
	background:url(../images/contact_banner.jpg) no-repeat bottom center;
	height:350px;
}

@media screen and (max-width: 660px){
.contact_banner{
	background:url(../images/contact_banner.jpg) no-repeat bottom center;
	background-size:cover;
	height:150px;
}
}

#infos{
	background:#F2F2F2;
}

.cont_icon{
	padding:20px 15px;	
}

@media screen and (max-width: 550px){
	.cont_icon{
	padding:20px 0px;	
}
}
@media screen and (max-width: 768px){
   .reference{
	   margin-top:80px;
   }
}

.cont_infos{
	height:90px;
	background:#F2F2F2;
	color:#000;
	border-bottom:1px solid #ccc;
	font-family:'hafa_roman';
	padding-top:30px;
	font-size:15px;
}

.form-group {
    margin-bottom: 13px;
}

@media screen and (max-width: 990px){
	#formulaire{
		margin-top:70px;
	}
}

.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 17px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #999;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.cont_btn{
	background:#FCD900;
	color:#000;
	border:none;
}

.cont_btn:hover{
	background:#000;
	color:#FCD900;
	border:none;
}

#map-block{
	margin-top:70px;
}


/********************************** produits ************************************************/
.produit{
	margin-top:80px;
}

.produits{
	height:320px;
	border:1px solid #eee;
}

.images_p{
	text-align:center;
	padding-top:20px;
}

.produits_content{
	padding:0 15%;
	font-family:'hafa_roman';
	font-size:16px;
	color:#000;
}

.produits_content p{
	text-align:justify;
}

.left_header{
	background:#000;
	color:#fff;
	text-align:center;
	padding:10px 0;
	font-family:'hafa_roman';
	font-weight:bold;
	font-size:18px;
	letter-spacing:1.5px;
}

.navbar-form {
	padding:0;
	position:relative;
	margin:20px 0;
}

.form-group{
	width:100%;
}

.recherche_input{
	width:100% !important;
}

.recherche_ok{
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
}

#fabriquant_select{
	margin:20px 0;
}

#fabricant_list{
	background-color:#f2f2f2;
	padding: 0 0 50px 0;
}

.right_side_content{
	padding-top:25px;
}

.right_side_content ul li{
	margin-bottom:10px;
	list-style:disc;
}

.right_side_content ul li a{
	color:#000;
	font-family:'hafa_roman';
	font-size:15px;
}

.right_side_content ul li a:hover{
	text-decoration:none;
	color:#666;
}

.telecharger{
	text-align:center;
}

.search{
	color:#999;
	font-family:'hafa_roman';
	font-size:16px;
	line-height:30px;
}

.search a{
	color:#666;
	text-decoration:none;
}

.search a:hover{
	color:#000;
}

h3.nomargin{
	margin-top:0;
}

#left_side{
	padding-left:30px;
}

@media screen and (max-width: 768px){
   #left_side{
	padding-left:0px;
   }
}	

.culture{
	text-align:center;
	height:250px;
}