	@media(max-width:1350px) {
		.slider-size{
			background-position: 90% top;
		}
		.carousel-caption{
			left:0;
		}
		.texte_cadre{
			padding:0 15px 0 30px;
		}
		.texte_reglement{
			padding-right: 0px;
		}
    }

    @media(max-width:1139px) {
		.wrapper {
        	width: 100%;
		}
	
		.container-fluid {
			padding: 0 ;
		}
		.right_texte span{
			font-size:22px;
		}
		.navbar-default .navbar-nav > li > a{
			font-size:14px;
		}
		.texte_bloc_bottom .texte_cadre{
			padding: 0 0 0 20px;
		}
    }

    @media(max-width:980px) {
    
	.texte_cadre{
		max-width:100%;
	}
    /**********************************************/

    .slider-size {
        height: 400px; /* This is your slider height in content */
    }

    #index .slider-size {
        height: 400px; /* This is your slider height in home */
    }
	
	.referencement_titre {
    	font-size: 17px;
	}
	.texte_bloc_bottom .texte_cadre{
		display:block;
		padding:140px 20px;
	}
	.carousel-caption{
		bottom:5%;
		left:0%;
		max-width: 278px;
	}
	.carousel-caption h4{
		background-size:contain;
		font-size: 33px;
		line-height: 33px;
	}
	.slider-size {
    	background-position: 100% center;
		    background-size: 61% auto;
	}
	.bloc_video h3{
		   font-size: 35px;
	}
	.bloc_video{
		 font-size: 18px;
	}
	a.logo {
		max-width:100%;
		margin-left:5px;
	}
	.navbar-default .navbar-nav > li > a {
    	font-size: 12px;
		padding: 10px 5px;
	}
}

@media(max-width:767px) {
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding-right: 0;
        padding-left: 0;
    }
	h1{
		font-size: 28px !important;
	}

	h2 {
		font-size: 21px !important;
	}

	h2 {
		font-size: 18px !important;
	}
    .bloc_actus .actus-row {
        margin: 0;
    }

    .navbar-nav {
        margin: 7.5px 15px;
    }
	
	.produit-row{
	width:299px;
	margin:20px  auto;
	}
	.navbar-nav {
		float: none;
	}
	.dropdown-menu {
		float: none;
		position: inherit;
	
	}
	.navbar-nav > li > .dropdown-menu > li > .dropdown-menu {
		background-color: #ccc;
		left: 0;
		top: 0;
		margin-left:30px;
	}
	
	.menu_referencement li {
		float: none;
		padding-right: 15px;
		width: 100%;
	}
	.navbar-toggle{
		margin-top:-80px;
		background-color:transparent;
		border:none;
	}
	.navbar-default .navbar-toggle .icon-bar{
		height:5px;
		background-color:#fde260;
		width:32px;
		border-radius:5px;
	}
	.navbar-default .navbar-toggle:hover .icon-bar{
		background-color:#fde260;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background-color:transparent;
	}
	.navbar{
		min-height:inherit;
	}
	#page-maintenance {
		width:100%;
	}
	.lien_top_reglementation, .lien_top_contact{
		display:none;
	}
	.affix-top, .affix{
		background-size: cover;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active{
		border-radius:0;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		border:none;
		box-shadow:none;
	}
	.navbar-collapse{
		
		max-height: inherit;
	}
	.bloc_footer, .bloc_footer_bottom{
		padding-left: 15px;
		padding-right: 15px;
	}
	.header_top .slogan{
		font-size:12px;
	}
	.phone{
		margin-right:15px;
	}
}

@media(max-width:599px) {
    .slider-wrapper {
        border: #FFF solid 2px;
    }

  .sx-sizer, .sx-item {
	margin:0  auto 20px;
	right:0;
}
	
	.referencement_titre {
    	text-align: center;
	}

	.referencement_fleche {
		float: none;
		margin: 10px auto 0;
	}
	.width-xs {
		margin-left: 0;
		width: 100%;
	
	}
	.header_top .slogan, .header_top .col-left{
		width:100%;
		display:block;
	}
	.header_top, .phone{
		text-align:center;
	}
	.carousel-caption{
		bottom:3%;
		left:0.5%;
		max-width: 150px;
		font-size:13px;
	}
	.carousel-caption h4{
		background-size:contain;
		font-size: 20px;
		line-height: 20px;
		line-height: 18px;
		padding: 5px 0 23px;
	}
	.carousel-caption a {
		font-size: 13px;
		width: 129px;
	}
	.bloc_offres h3{
		background-size:contain;
		line-height: 39px;
    	max-width: 240px;
		font-size:18px;
	}
	.fa-facebook {
		font-size: 18px;
	}
	#contenu .apropos_bloc .bloc_offres h3{
		font-size:18px;
	}
	.texte_cadre {
    	padding: 0 15px 0 15px;
	}
	.bloc_offres {
		margin: 80px 5px 20px 0;
	}
	.right_texte span {
   	 font-size: 14px;
	}
	.bloc_video h3 {
    	font-size: 30px;
	}
	.bloc_video {
    	font-size: 15px;
	}
	.text1 {
		font-size: 54px;
	}
	.texte_bloc_bottom .texte_cadre {
		display: block;
		line-height: 31px;
		 font-size: 17px;
	}
	.texte_bloc_bottom .texte_cadre .font_2 {
		font-size: 29px;
	}
	.texte_bloc_bottom .texte_cadre .font_3 {
    	font-size: 20px;
	}
}