/**
 * -----------------------------------------------------------------------------
 * Feuille de style de rubrique.
 * @author Dreamclic <contact@dreamclic.com>
 * @version 3.1 - avr 2011
 * -----------------------------------------------------------------------------
*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*---------------------------------------------------
    my LESS Elements 0.1
  ---------------------------------------------------
    A set of useful LESS mixins by Fabien Marchant
    Special thanks for the idea to Dmitry Fadeyev
-----------------------------------------------------*/
@font-face {
  font-family: 'bebas_neueregular';
  src: url('font/bebas_neue/bebasneue-webfont.eot');
  src: url('font/bebas_neue/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('font/bebas_neue/bebasneue-webfont.woff2') format('woff2'), url('font/bebas_neue/bebasneue-webfont.woff') format('woff'), url('font/bebas_neue/bebasneue-webfont.ttf') format('truetype'), url('font/bebas_neue/bebasneue-webfont.svg#bebas_neueregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
.serif-font(@weight:normal, @style:normal, @size:inherit) {
	font-family: 'Playfair Display', sans-serif;
	font-weight: @weight;	
	font-style: @style;
	font-size: @size;
}
.serif-regular(@size:inherit,@style:normal) {
	.serif-font(400, @style, @size);
}
.serif-bold(@size:inherit,@style:normal) {
	.serif-font(700, @style, @size);
}
.serif-light(@size:inherit,@style:normal) {
	.serif-font(300, @style, @size);
}
*/
/*
strong {
	.sourceSans-bold();
}
*/
/*.lien(@color,@in:0) {
    background: @color;
    border: 1px solid @color_secondaire;
    color: @color_secondaire;
    .rounded();
}*/
/*
*<div class="img-align-middle"><img/></div>
*/
.img-align-middle {
  height: 200px;
}
.img-align-middle img {
  min-height: 0;
}
.grey_container {
  background-color: rgba(125, 125, 125, 0.5);
}
/*
#home_slider_wrapper {
    //height: 500px; 
    overflow: hidden;
    position: relative;
    
    .flex-viewport {
        .slides li {
            position: relative;
            
            .slide_text_container {
                position: absolute;
                top: 0;
               // height: 100%;
                width: 100%;
            }
            .container {
                position: relative;
                top: 150px;
            }
        }
    }
    
/*    
    .cadre {
        position: absolute;
        top: 10%;
        left:20%;
        width: 60%;
        height: 80%;
        border: 1px solid #FFF;
        background: transparent url('../images/logo.png') center 20px no-repeat; 
        padding-top: 250px;
        overflow: hidden;
        
        h1 {
            text-align: center;
            color: @color_secondaire;
            .sansserif-regular(34px);
            line-height: 1;
            
            span {
                display: block;
                .sansserif-regular(.65em);
                line-height: 2;
            }
        }
        
    }

}

section header {
    h2, p {
        padding-left: 120px;
    }
}


#intro {
    line-height: 2;
    
    p {
        margin-bottom: 30px;
    }
}




#actualites {
    margin-top: 60px;
    background-color: @color_2;
    * {color: @color_secondaire;}
    header u {border-color: @color_secondaire;}
}

#rencontre {
    background: @color_1 url('../images/accueil/bandeau_chevaux.jpg') 50% 50% no-repeat;
    background-size: 100% auto;
    min-height: 300px;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    
    &:after {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        .gradient(transparent,rgba(0,0,0,.75),rgba(0,0,0,.1));
    }
    
    h2 {
        position: relative;
        z-index: 2;
        
        color:@color_secondaire;
        font-weight: 700;
        font-size: 40px;
        margin: 0;
        padding: 0;
        
        span {
            display: block;
            font-style: italic;
            font-weight: normal;
        }
    }
    
    a {
        position: relative;
        z-index: 2;
        
        height: 200px;
        .sansserif-thin(30px);
        text-transform: uppercase;
        color:@color_secondaire;
        border: 1px solid @color_secondaire;
        width: 100%;
        .rounded(0);
        vertical-align: middle;
        .transition(background-color);
        
        &:hover {
            background-color: rgba(255,255,255,.5);
            .transition(background-color);
        }
        span {
            display: block;
            font-weight: 700;
        }
    }
}


@media (max-width: 992px) {
    #rencontre a.btn {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    #rencontre a.btn {
        height: 100px;
    }
}
*/
/*


.flexslider-controls {
    display: none;
    
    
    position: relative;
    margin-top: -150px;

    .flex-control-nav { 
        position: relative;
        text-align:left;
        bottom:auto;
        
        overflow: hidden;
        
        margin-left: -10px;

        li {
            width: 100px;
            float: left;
            margin: 0 10px;
            border: 1px solid @color_reverse_fg;
            color: @color_reverse_fg;
            
            padding: 10px;
            .sansserif-bold(12px);
            text-transform: uppercase;
            
            .control_nav_title{
                display: block;
                height: 5em;
                line-height: 1.25em;
                overflow: hidden;
            }
            .dep{
                .serif-light(10px);
                display:block;
            }
            
            &:hover {cursor: pointer;}

            &:hover {
                background-color: fade(@color_reverse_fg,30%);                
            }
            &.flex-active {
                background-color: @color_reverse_fg;
                color: @color_fg;
            }
        }
    }
}

//.flexslider { height:500px}

.flexboxcenter {.transition();}



*/