@charset "utf-8";
/******************** Entête UTF-8 ******************\
*
*	fichier			: public/projet/css/widgets.css
*	projet			: 
*	version			: 1.0.2 2018-05-28 14:11 SS
*
\****************************************************/

/*accueil Widget*/
.boites-accueil-widget p.small{
	margin: 0 10%;
	font-size: 16px;
}

.diaporamas-widget-accueil .carousel-caption {
	right: 35%;
    left: 35%;
}

.diaporamas-widget-accueil H1 {
    font-family: 'Oswald', sans-serif;
	font-size: 30px;
	letter-spacing: 1.3px;
	line-height: 1.57;
}

.diaporamas-widget-accueil .carousel-caption H2 {
	font-size: 18px;
	letter-spacing: 0.7px;
	line-height: 1.57;
}

.no-arrow .arrow-down{
    display: none;
}

 @media screen and (max-width: 1024px) {
     
    .diaporamas-widget-accueil .carousel-inner{
        margin-bottom: 20px;
    }
     
    .diaporamas-widget-accueil .carousel-caption H1{
        font-size: 25px;
        text-align: center;
        padding-bottom: 15px;
     }
     
	.diaporamas-widget-accueil .carousel-caption H2 {
        font-size:14px;
        text-align: center;
		line-height: 1.3;
	}
 
    .diaporamas-widget-accueil .carousel-caption {
        right: 33%;
        left: 33%;
        top:0%;
    }
 	.diaporamas-widget-accueil .carousel-caption a{
        margin-top: 38% !important;
        margin-left: 21%;
    }
}

 @media screen and (max-width: 768px) {
     .diaporamas-widget-accueil .carousel-inner .item>img{
        margin-top: 110px;
     }
     .diaporamas-widget-accueil .carousel-caption {
        right: 12%;
        left: 12%;
        top:-33%;
    }
    .diaporamas-widget-accueil .carousel-caption a{
        margin-top: 7% !important;
        margin-left: 33%;
    }
 
 }
 
 @media screen and (max-width: 767px) {
     
     .diaporamas-widget-accueil-top .carousel-inner img{
        content: url("/diaporamas/5/X2Revenu_accueil_mobile.jpg");
	}
     
     .diaporamas-widget-accueil .carousel-inner .item>img{
        margin-top: 200px;
     }
     
    .diaporamas-widget-accueil .carousel-caption {
        position: absolute; 
        right: 3%;
        left: 3%;
        top:-113%;
    }
    
    .diaporamas-widget-accueil .carousel-caption a{
        margin-left: 25%;
    }
 }
 @media screen and (max-width: 375px) {
     .diaporamas-widget-accueil .carousel-inner .item>img{
        margin-top: 260px;
     }
     
     .diaporamas-widget-accueil .carousel-caption {
        position: absolute; 
        right: 3%;
        left: 3%;
        top:-142%;
    }
    
    .diaporamas-widget-accueil .carousel-caption a{
        margin-left: 21%;
    }
 } 
 @media screen and (max-width: 320px){
     .diaporamas-widget-accueil .carousel-inner .item>img{
        margin-top: 280px;
     }
     .diaporamas-widget-accueil .carousel-caption { 
        right: 3%;
        left: 3%;
        top:-170%;
    }
     
 }