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

#slider {
    position: relative;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    /*border:rgba(0,0,0,1.00) thin solid;*/
    height:180px;
    background-color: rgba(255,255,255,1.00);
    overflow: hidden;
    padding: 0px;
    z-index: 100;
    margin-top: 0px; /*120px;*/
}
.infos{
    position: absolute;
    top: 20px;
    width: 100%;
    text-align: center;
}
.titre_slide{
    width: 100%;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 32px;
    margin-bottom: 10px;
    /*color:rgba(255,255,255,1.00);*/
}
.stitre_slide{
    width: 100%;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 24px;
    margin-bottom: 10px;
    /*color:rgba(255,255,255,1.00);*/
}
.texte_slide{
    width: 100%;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 14px;
    margin-bottom: 10px;
    /*color:rgba(255,255,255,1.00);*/
}
.bouton_slide{
    width: 100%;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 18px;
    margin-bottom: 10px;
    color:rgba(255,255,255,1.00);
    background-color: rgba(255,0,4,0);
    display: block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    min-width: 160px;
    max-width: 240px;
    padding: 10px;
    /*border: rgba(255,255,255,1.00) thin solid;*/
    border:  thin solid;
}
.bouton_slide:hover, #slider .bord_noir:hover, #slider .bord_blanc:hover {
    color:rgba(255,255,255,1.00);
    background-color: rgba(255,0,0,1.00);
}
#slider .noir{
    color: rgba(0,0,0,1.00);
    /*background-color: rgba(0,0,0,0.2);*/
}
#slider .blanc{
    color: rgba(255,255,255,1.00);
    /*background-color: rgba(0,0,0,0.2);*/
}
#slider .bord_noir{
    border: rgba(0,0,0,0.8) thin solid;
    background-color: rgba(0,0,0,0.1);
}
#slider .bord_blanc{
    border: rgba(255,255,255,1.00) thin solid;
    background-color: rgba(255,255,255,0.2);
}

@media(min-width:768px){
    #slider { height:280px; } 
    .infos{ top: 60px; }
}

@media(min-width:992px){
    #slider { height:380px; }
    .infos{ top: 80px; }
}
    
@media(min-width:1200px){
    #slider { height:480px; }
    .infos{ top: 200px; }
}
@media(min-width:2400px){
    #slider { height:480px; }
    .infos{ top: 400px; }
}
@media(min-width:3000px){
    #slider { height:480px; }
    .infos{ top: 540px; }
}
    
#plus,
#moins {
    position: absolute;
    cursor: pointer;
    transition: opacity 0.3s ease;
    opacity: 0;
    font-size: 60px;
    color: rgba(220, 220, 220, 0.8);
    background-color: rgba(0, 0, 0, 0);
    padding: 10px;
    z-index: 9999;
    display: block;
}

#moins {
    left: 0;
}

#plus {
    right: 0;
}

#slider:hover #moins,
#slider:hover #plus {
    opacity: 1;
}
.precedant{
    position: absolute;
    width: 100%;
    left: -100%;
    z-index: 151;
    }
.actuel{
    position: absolute;
    width: 100%;
    left: 0;
    /*right: 0;*/
    z-index: 152;
}
.suivant{
    position: absolute;
    width: 100%;
    /*right: -100%;*/
    left: 100%;
    z-index: 153;
    }
#position_slide{
    top: 0px;
}
#slide_precedant{
	transition-property:all;
	transition-duration:2s;
}

#slide_actuel {
	transition-property:all;
	transition-duration:2s;
}


#slide_suivant {
	transition-property:all;
	transition-duration:2s;
}
.slogan{
    width: 100%;
    z-index: 900;
    text-align: center;
}
#plus a, #moins a{
    text-decoration: none;
    color: rgba(147,147,147,1.00);
}