@import url(https://fonts.googleapis.com/css?family=Asap:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Alex+Brush);


::-moz-selection{background:#571c20;color:#fff;}
::-webkit-selection{background:#571c20;color:#fff;}
::-ms-selection{background:#571c20;color:#fff;}
::-o-selection{background:#571c20;color:#fff;}
::selection{background:#571c20;color:#fff;}

@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-device-width: 1025px) {
::-webkit-scrollbar {
    width: 13px;
    height: 6px;
	
}

::-webkit-scrollbar-button:start:decrement {
    display: block;
    height: 15px;
	background-image:url(../img/scroll_up.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#fff;
}

::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 15px;
	background-image:url(../img/scroll_down.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#fff;
}

::-webkit-scrollbar-button:vertical:increment {
    background-color: #fff;
}

::-webkit-scrollbar-track-piece {
    background-color: #eee;
	border-left:1px solid #fff;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #151515;
	border-left:1px solid #fff;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: #151515;
    -webkit-border-radius: 3px;
}

}

/****************************************************************
********* GENERAL
****************************************************************/

body {
	font-family: 'Asap', Arial, sans-serif;
	color:#151515;
	font-size:14px;
	line-height: 24px;
}

h1,h2,h3,h4,h5,h6 {padding:0px;margin:0px;}

h1 {font-size:28px;text-transform: capitalize;font-variant: small-caps;letter-spacing:2px;padding:15px 0;}
h1 i {font-size:10px !important;color:#CCC82D;}

h2 {
	text-transform:capitalize;
	font-variant: small-caps;
	font-size: 25px;
	letter-spacing: 2px;
	text-align:center;
	margin-top:40px;
}
.section-header {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    
}
.section-header:after {
    content: '';
    width: 50px;
    height: 2px;
    background:#CCC82D;
	
    position: absolute;
    left: 50%;
	margin-left:-25px;
    bottom: 0;
}

h3 {
	margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

h4 {font-size:18px;text-transform: capitalize;font-weight:700;color:#571c20;padding:15px 0;}

a {
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
a, a:hover {color:#571c20;text-decoration:none;}

.clear-float{clear:both;}

.btn {border-radius: 0px;text-transform:capitalize;}
.btn-default {color: #fff;background-color: #571c20;border-color: #431619;}
.btn-default:hover {color: #fff;background-color: #151515;border-color: #000;}
.btn-green {color: #151515;background-color: #CCC82D;border-color: #CCC82D;}
.btn-green:hover {color: #fff;background-color: #151515;border-color: #000;}

.img-left {float:left;padding:15px;}
.img-right {float:right;padding:15px;}

.section-content {padding:40px 0 60px 0;}


/****************************************************************
********* HEADER + HEADER IMAGE FIXE
****************************************************************/

#header {background:url('../img/bg-header.jpg') repeat-x;text-align:center;}
#header-fixe {height:400px;width:100%;}

.logo-header {width:200px;padding:20px 15px 0 15px;float:left;}
.infos-header {float:right;text-align:right;color:white;padding:42px 15px 0 15px;font-size:18px;}

.infos-header a {color:white;font-weight:normal;text-decoration:none;}
.infos-header a:hover {color:white;text-decoration:underline;}

@media (max-width: 992px){#header-fixe {height:250px;}}
@media (max-width: 565px){
	.infos-header {font-size:14px;}
}
@media (max-width: 502px){
	.logo-header {width:200px;padding:20px 15px 0 15px;float:none;text-align:center;margin:0 auto;}
	.infos-header {float:none;text-align:center;padding:0px 15px 0 15px;font-size:14px;}
}

/****************************************************************
********* MENU
****************************************************************/

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.navbar-default {
    background-color: #571c20;
    border:none;
-moz-box-shadow: 0px -2px 20px 0px #300c0f;
-webkit-box-shadow: 0px -2px 20px 0px #300c0f;
-o-box-shadow: 0px -2px 20px 0px #300c0f;
box-shadow: 0px -2px 20px 0px #300c0f;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#300c0f, Direction=90, Strength=20);
border-top:3px solid #CCC82D;
}

.navbar-nav > li > .dropdown-menu {margin-top: -1px;}

@media (min-width: 768px){.navbar {border-radius: 0px;}}

.navbar-default .navbar-nav > li > a {color: #fff;font-weight:normal;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff;background-color: #151515;border-color: #151515;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #151515;background-color: #CCC82D;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #fff;background-color: #571c20;}

.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #151515;}

.dropdown-menu {background-color: #571c20;}
.dropdown-menu > li > a {color: #fff;}
.dropdown-menu > li > span a {color: #fff; padding-left:20px;}
.dropdown-menu > li > a:hover {color: #fff;background:#151515;}

@media (max-width: 991px){
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color: #fff;background:#151515;}
	.nav > li > a {padding: 10px 8px;}
	.navbar {min-height:inherit;}
}

/****************************************************************
********* SLIDER
****************************************************************/

#carousel-example-generic{background:#151515;}

/* fade on slider */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1 !important;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-indicators li {border: 1px solid #151515;background:#fff;}
.carousel-indicators .active {background-color: #571c20;}

/****************************************************************
********* SERVICES & VENDRE & ACTU ACCUEIL
****************************************************************/

.services-accueil {background:#f5f5f5;margin-bottom:30px;padding-bottom:15px;border:1px solid #fff;}
.services-accueil p {padding:0 15px 15px 15px;}
.services-accueil:hover {background:#fff;border:1px solid #f5f5f5;}

.vendre-accueil {position:relative;background:#571c20;margin-bottom:30px;padding-bottom:15px;color:white;}
.vendre-accueil p, .infos-cheval p {padding:0 15px 15px 15px;}
.vendre-accueil h4{color:white;}
.vendre-accueil:hover h4{color:#CCC82D;}
.vendre-accueil .prix, .infos-cheval .prix {background:#151515;padding:5px;color:white;font-size:18px;font-weight:700;}
.vendre-accueil:hover .prix{background:#CCC82D; color:#151515;}
.vendre-accueil a {height:auto;text-decoration:none;}
.vendre-accueil a:hover {text-decoration:none;}

.actualite-accueil {background:#151515;margin-bottom:30px;padding:15px;}
.actualite-accueil p {color:white;}
.actualite-accueil h4{color:white;}
.actualite-accueil .date {background:#fff;width:85px;padding-left:8px;color:#571c20;}
.actualite-accueil .img-actu {width:100%;padding:0 0 15px 0;}


/****************************************************************
********* LE CENTRE EQUESTRE
****************************************************************/

.img-histoire {padding:0 3px 15px 3px;}

.installations-left {text-align:right;}
.installations-right {text-align:left;}
.ul-installations {list-style:none;margin:0px;padding:0px;}

.portrait-left{float:left;width:50%;padding:0 15px;margin-bottom:30px;}
.portrait-right{float:right;width:50%;padding:0 15px;margin-bottom:30px;}

.portrait-left a, .portrait-right a {color:#CCC82D;}

.rond-portrait {
  background:#CCC82D;
  border-radius:50%;
  width:190px;
  height:190px;
  overflow:hidden;
  text-align:center;
  margin:0 auto; 
 }
  
.p-portrait {padding:0 25px;}

@media screen and (max-width: 1010px) {
	.portrait-left{float:none;width:100%;}
	.portrait-right{float:none;width:100%;}
}

@media screen and (max-width: 992px) {
	
	.installations-left, .installations-right {text-align:center;}
	
}

@media screen and (max-width: 915px) {
	.rond-portrait { width:120px;height:120px;}
	.p-portrait {padding:0px;}	
}

/****************************************************************
********* FOOTER
****************************************************************/

footer {
	border-top:3px solid #CCC82D;
	background:url('../img/bg-header.jpg') repeat-x;
	width:100%;
	color:white;
	font-size:14px;
	line-height:20px;
	padding:14px 0;
}
.footer-left{text-align:left;}
.footer-right{text-align:right;}
footer a {color:white;text-decoration:none; font-weight:normal;}
footer a:hover {color:white;text-decoration:underline;}
footer p span {font-family:"Alex Brush", Arial, sans-serif;text-transform:capitalize;font-size:28px;}

@media screen and (max-width: 768px) {
	.footer-left{text-align:center;}
	.footer-right{text-align:center;}
}









.vendu {
    width: 68px;
    height: 68px;
    position: absolute;
    left: -5px;
    top: -5px;
    background: url('../img/vendu.png') no-repeat;
}


#sync1 .item{

    margin-bottom: 5px;

}
#sync2 .item{
  cursor:pointer;
    margin-right: 5px;
	margin-bottom:30px;
	opacity:.7;

}

#sync2 .synced .item{
  opacity:1;

}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.infos-cheval {position:relative;background:#f5f5f5;padding-top:1px;padding-bottom:31px;}

.dropdown-menu {
	margin-top:-1px;
    border-radius: 0px;
	width:100%;

}

.btn-group {margin-top:30px;}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

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

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

.modal-header {
    padding: 0px 15px;
}

button.close {
padding-top:15px;
}

.form-control:focus {
  border-color: #571c20;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(87, 28, 32, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(87, 28, 32, .6));
}







.nav-tabs {
    border-bottom: 0px;
	margin-bottom:30px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #151515;
    background-color: #CCC82D;
}
.nav-pills > li > a {
    border-radius: 0px;
	text-transform:capitalize;
}
.nav-tabs > li > a {
    border-radius: 0px 0px 0 0;
    background: #151515;
	color:white;
}

.nav-tabs > li > a:hover {
	background:#151515;
	color:#CCC82D;
	border: 1px solid transparent;
}

.bloc-actu, .bloc-article {background:#f5f5f5; padding:15px;margin-bottom:15px;}

.bloc-actu .date {background:#fff;width:85px;padding-left:8px;color:#151515;}
.bloc-actu .img-actu {width:150px;}

.bloc-article .date {background:#fff;width:85px;padding-left:8px;color:#151515;margin:0 auto;}
.bloc-article h4 {text-align:center;}
.bloc-article .img-actu {width:320px;}
.bloc-actu a, .bloc-article a {font-weight:700;}
.bloc-actu a:hover, .bloc-article a:hover {text-decoration:underline;}

.coordonnees {background:#f5f5f5; padding:15px;text-align:center;margin-bottom:30px;}
.coordonnees .logo {padding:15px;}

.linkcenter{
	display:block;
	width:100%;
	text-align:center;}