@charset "utf-8";
/* CSS Document */


/* Elements généraux - divers 
---------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6{font-weight:300}

body {background-color: #e9e9e9}

.center {text-align:center}
.middle {vertical-align: middle}

a.lien_v {text-decoration: none; color:#333;}
a.lien_v:hover {text-decoration: none;}

/* Couleurs */
.blanc {color:#FFF}
.gris {color:#888}
.gris_Fond {background-color: #BDBDBD;}
.gris_Fond2 {background-color: #d5d5d5 !important;}
.bleu_Fond {background: rgba(7,49,69,0.9);
    		background-image: none;
			background-image: -webkit-linear-gradient(transparent 0%, #000 90%);
			background-image: -o-linear-gradient(transparent 0%, #000 90%);
			background-image: linear-gradient(transparent 0%, #000 90%);}
.border_top_gris {border-top: 1px solid rgb(204, 204, 204);}
.border_bot_gris {border-bottom: 1px solid rgb(204, 204, 204);}
.border_all_gris {border: 1px solid rgb(204, 204, 204);}

.omb_texte {text-shadow: 0px 0px 1px rgba(255, 255, 255, 1)}

.classname {background-color:#d4d2d3; border:#d1cfd0 solid 1px}
.classname:hover {color:#FF0000; background-color:#c1c1c1}

.sc {font-variant:small-caps;}

.marg2px {margin: 2px;}
.marg4px {margin: 4px;}
.marg10px {margin: 10px;}

.marg8px-r-b {
	margin-right: 8px;
	margin-bottom: 8px;
}
.marg8px-b { 
   margin-bottom: 8px;
}
.marg20px-b { 
   margin-bottom: 20px;
}
.marg20px-t { 
   margin-top: 20px;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}


.floatleft {float: left;}

.padding20px {padding:20px;}
.padding10px {padding:10px;}
.padding4px {padding:4px;}
.padding40px_b {padding-bottom:40px;}
.padding40px_t {padding-top:40px;}

/* Gris img */
.grey:hover {
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	filter: grayscale(0%); /* Firefox */ 
}

.grey {
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
	filter: grayscale(100%); /* Firefox */ 
}

/* Shadow */
.hoverable{-webkit-transition:box-shadow .55s;transition:box-shadow .55s;box-shadow:0;}
.hoverable:hover{-webkit-transition:box-shadow .45s;transition:box-shadow .45s;box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);}
.navbar {-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);}


/* Box */
.box3 {
	-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	border-radius: 2px;
	background-color: #FFF;
}
.box5 {border-radius: 5px 5px 5px 5px; -moz-border-
	radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #333; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); background-color: white}
.box {-moz-box-shadow: 2px 2px 2px 0px #656565; -webkit-box-shadow: 2px 2px 2px 0px #656565; -o-box-shadow: 2px 2px 2px 0px #656565; box-shadow: 2px 2px 2px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}

/* Menu au top
---------------------------------------------------------------------- */
 .affix {
      top: 0;
      width: 100%;
      z-index: 9999 !important;
 }

 .affix + .container-fluid {
      padding-top: 50px;
 }


/* Entete et logos
---------------------------------------------------------------------- */
#logo, .titre {display: none}

.titre img {width: 140px; margin-top: 3px;} 

#logo-top {
	background-color:#EBEBEB;	
}

#logo-top ul {
	list-style-type: none;
}

#logo-top ul li {
	display: inline; 
	padding: 0 8px; 
	float: right; 
	line-height:26px;
	font-size: 12px;
}

#logo-top ul li:nth-child(10) {
	border-left: 1px solid #C1C1C1;

}

#logo-top ul li {
	border-right: 1px solid #C1C1C1;
}

#logo-top ul li a, #logo-top ul li a:active {
	color: #6A6A6A;
	text-decoration: none;
}

#logo-top ul li a:hover {
	color: #C1C1C1;
	text-decoration: none;
}

#logo-top img {
	width: 150px;
	/*margin-bottom: -100px;
	z-index: 100;
	position: relative;
	background: rgba(167, 167, 167, 0.5);*/
}

@media (min-width: 768px) and (max-width: 991px) {
	/*#logo-top {display: none;}*/
  }


@media screen and (max-width: 767px){
	
	.titre, #logo {display: inline;}	
	#logo {display: inline;}
	#logo-top {display: none;}
	
	.jk-slider {display: none;}
}

@media (min-width: 767px){
	
	.mw280px {max-width: 280px;}

}


/* Menu principal
---------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav {font-size: 12px;}
  }


/* Style pour la rubrique en cours du menu princ. */
nav #en-cours a, nav #en-cours a:hover, a#en-cours {background-color: #fff; color: #001726;}


/* Styles pour les divs
---------------------------------------------------------------------- */
.div-title {
	color:#333;
	background-color: #b3b3b3;
	position:relative;
	border-radius: 2px 2px 0px 0px;
}
.div-title h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 0 0 0 0; 
	color:#333;
	line-height: 2em;
	padding-left: 10px;
}
.div-bloc-interne {
	padding:10px;
	overflow:auto;
	position:relative;
}
.div-bloc-interne p.post {
	color:#5F5F5F;
	margin:5px;
	font-size:0.8em;
}
h3.titre-bloc-interne {
	font-size:1.1em;
	color:#333;
	margin-top:8px;
	margin-bottom:2px;
}
.meta p {
    text-align: justify;
}
.div-bloc-interne img {
	/*max-width: 280px;*/
}



.div-bloc-interne .bottom_news span.lien {font-size:0.8em; color:#999}
.div-bloc-interne .bottom_news {clear:both; float: right; position: relative; bottom:0}


.nb_page_top {right:25px; top:10px; position: absolute; font-size:0.8em}
.nb_page_bottom {clear:both; margin-right:2px; bottom:2px; font-size:0.8em; line-height:2em; text-align:right; border-top: 1px solid rgb(204, 204, 204)}


/* Marques
---------------------------------------------------------------------- */
#marques {margin:auto; padding:20px;}
#marques ul { margin: auto; padding: 0px}
#marques ul li {display: inline; padding:30px}
#marques a {display: inline-block; line-height:28px; vertical-align: middle; width:60px}
#marques ul li img {width:60px}
#marques a:hover {opacity : 0.7; -moz-opacity : 0.7; -ms-filter: "alpha(opacity=70)"; filter : alpha(opacity=70)}


/* occasions
---------------------------------------------------------------------- */
.conteneur_occas {width:220px; float: none; margin: 11px auto; min-height:220px; text-align:center; position:relative; background-color: #CCC; padding-bottom: 2px;}
.conteneur_occas p {width:220px; height:26px}
.conteneur_occas p.tete_occas {font-size:12px; padding: 2px 4px 0 4px; text-transform: uppercase; font-weight: bolder;}
.conteneur_occas p.tarif {font-size:16px}
.conteneur_occas .conteneur_photo {height: 170px; max-height: 170px; width: 220px; vertical-align: middle; text-align: center}
.conteneur_occas .conteneur_photo img {width:220px; max-height:170px; border-radius: 2px 2px 0 0}
.conteneur_occas .vendue {width:220px; height:180px; position:absolute; top:20px; left:0}
.conteneur_occas .vendue img {max-width:220px}

/* preparations
---------------------------------------------------------------------- */
.conteneur_prepa {width:220px; margin: 11px auto; min-height:260px; text-align:center; position:relative; background-color: #CCC; padding-bottom: 2px;}
.conteneur_prepa .conteneur_photo {min-height: 165px;}
.conteneur_prepa .conteneur_photo img {border-radius: 2px 2px 0 0}
.conteneur_prepa .text {margin: 16px; font-size: 14px; height: 40px;}
.conteneur_prepa .btn {margin-bottom: 2px}

/* Contenu de fiche occasion
---------------------------------------------------------------------- */
.price {font-size: 24px; line-height: 60px; font-weight: 600;}

.vendue2 {position: absolute;}

/* Pied de page  Footer
---------------------------------------------------------------------- */
footer {
	margin: auto;
}

footer h3 {
	color: #fff;
	font-size: 16px;
	text-align: left;
	font-variant: small-caps;
	text-shadow: 1px 1px 1px #111;
}

footer p, footer a {
	text-decoration: none;
	padding: 0;
	color: #999;
	font-size: 11px;
	margin: 0;
}

footer a:hover, footer a:checked {text-decoration: none; color: #fff}



/* Pied de page
---------------------------------------------------------------------- */
#copyright {color:#CBCBCB; font-size: 0.8em; line-height: 2.2em}

/**/
p.fb {height:16px}
p.fb img {height:16px; vertical-align: middle; margin-right:4px}
p.freeman {text-align:center; padding:5px; height:64px; width:163px; background:url(/images/logo/freemanclub-bw.png) center no-repeat}
p.freeman:hover {background:url(/images/logo/freemanclub.png) center no-repeat}
p.freeman a {display:block; padding:5px; height:64px; width:163px}



/*  slider
---------------------------------------------------------------------- */
.jk-slider{
    width:100%;
}

.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}

.hero h1 {
    font-size: 40px;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}


.navbar-nav img {
  	width: auto;
	padding: 0;
	margin: 0;	
}


/* Form
---------------------------------------------------------------------- */
.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

/* Effet de chargement
---------------------------------------------------------------------- */
.loader {
	position : absolute;
	z-index: 9997;
	background-color: white;
	 -moz-opacity: 0.60; opacity: 0.60; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); filter:alpha(opacity=60);
	top : 0px;
	left : 0px;
	height : 100%;
	width : 100%;
	cursor : wait;
	border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; 
	display: block;
}


.ball {
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #2187e7;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -moz-animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear;
	position: relative;
	top: 50%;
}


@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}

@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}

/***

/* carousel */
.media-carousel {
  margin-bottom: 0;
  /*padding: 0 40px 30px 40px;*/
  /*margin-top: 20px;*/
}

.media-carousel .carousel-control {
	color: black;
	width: 5px;
}

/* Previous button  */
.media-carousel .carousel-control.left {
  left: 2px;
  background-image: none;
}
/* Next button  */
.media-carousel .carousel-control.right {
  right: 2px !important;
  background-image: none;
	
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
.media-carousel .glyphicon-chevron-left {
	left: 0;
}
.media-carousel .glyphicon-chevron-right {
	right: 0;
}

.media-carousel img:hover {
	cursor:pointer;
}
/* End carousel */


/* logo ABS - PERMIS A2 */
.k-spec__list{margin:0;padding:0;list-style:none}
.k-spec__list{font-size:0;margin-bottom:9px;opacity:0.9;padding:0; text-align: center}
.k-spec__list>li{width:-webkit-calc(14.2% - 6px);width:calc(14.2% - 6px);display:inline-block;margin:0 3px 6px 3px}
.k-spec__list>li img{width:100%}