@media screen and (max-width: 1200px) {
    body {
        width:100%;
        min-width:inherit;
    }

    .container_16 {
        width:inherit;
    	overflow:hidden;
    }

    #header {
        height:50px;
    
    }
	
    #header .logo {
        margin-top:6px;
	margin-left:15px;
	width:100px;
	height:39px;
	background-size:cover;
    }

    #header .button_menu {
        position:absolute;
        top:0px;
        right:5px;
        display:block;
        width:50px;
        height:50px;
	background-color:#fff;
        background-image:url('../images/menu_responsive.png');
        background-repeat:no-repeat;
        background-position:center center;
    }

    #header .button_menu.close {
        position:fixed;
	background-image:url('../images/menu_responsive_close.png');
	top:0px;
	right:250px;
    }

    #header #container_menu {
	display:none;
	position:fixed;
	right:0;
	background-color:#474747;
	height:100%;
	width:250px;
	z-index:10000;
    }

    #header .container_16 .menu {
    	width:inherit;
	margin:0;
    }

    #header .container_16 .menu li {
        float:none;
        margin:0;
    }

    #header .container_16 .menu li a {
        color:#fff;
	padding:17px 20px;
        border-bottom:1px solid #595858;
        margin:0;
	height:15px;
    }

    #header .menu li a:hover, #header .menu li a.active {
	font-weight:300;
	height:15px;
    }

    #header #pave_tebesudchezvous {
        display:none;
    }

    #home .slider {
	width:100%;
    }

    #home .slider .container_slide {
        width:100%;
    }

    #home .slider .container_slide .slide {
	width:100%;
    }

    #home .slider .slide_control_left,#home .slider .slide_control_right {
	display:none;
    }

    #home .slider .slide .bg {
        background-position:right center;
    }

    #home .container_16 .titre {
	width:100%;
	text-align:center;
        margin:0;
    }
    
    #home .replays {
        height: inherit;
        padding-bottom:40px;
    }
   
    #home .replays .container_16 .grid_16 {
        width:calc(100% - 20px);
        margin-left:10px;
        margin-right:10px;
        margin-bottom:15px;
    }
 
    .replays #items_replay {
	max-width:600px;
	text-align:center;
    }

    #items_replay .grid_8, #items_replay .grid_4 {
	float:none;
	display:inline-block;
	margin:0 auto 10px auto;
	text-align:left;
    }

    #items_replay .grid_4 {
        margin-right:4px;
	margin-left:3px;
    }

    #home .coupsdecoeurs {
	text-align:center;
    }

    #home .coupsdecoeurs .container_16 {
	width:inherit;
    }

    #home .coupsdecoeurs .container_16 .grid_16 {
        margin-left:0;
        margin-right:0;
    }


    #home .coupsdecoeurs .grid_8 {
        float:none;
	display:inline-block;
	margin:0 auto 15px auto;
    }

    #home .coupsdecoeurs {
	height:inherit;
	padding-bottom:50px;
    }

    #home .actus {
        height:inherit;
        background-image:inherit;
        padding-top:40px;
	padding-bottom:40px;
    } 

    #home .actus .container_16 {
	max-width:600px;
    }
    
    #home .actus #actutwitter, #home .actus #actufb {
	display:none;
    }

    #footer {
	height:inherit;
    }

    #footer_top {
	height:inherit;
    }

    #footer .container_16 .titre {
	text-align:left;
	margin-left:25px;
    }
 
    #footer .grid_4 {
    }

    #footer .grid_9 {
	width:100%;
	padding-left:inherit;
	margin:0 auto;
	text-align:center;
	float:none;
    }

    #footer_top .menu {
	border-right:0;
    }

    #form_newsletter {
	margin-left:25px; 
   }

   #footer #menu_mentions.menu {
   	right:inherit;
	padding-left:15px;
   }

   #footer .canaux img {
        margin-bottom:20px;
   }

   .marquebretagne {
	position:absolute;
	top:30px;
	right:15px;
   }
   
   #footer .container_16 .grid_5 {
	width:100%;
	padding:0 15px;
   }
   
   #footer .canaux h2 { margin-top:50px; }

   #replay #items_replay {
       text-align:center;
       max-width:600px;
	margin:20px auto 40px auto;
   }
}

@media screen and (max-width:850px) {
   #replay #submenu .grid_12 span {
       display:none;
   }

   #replay #submenu .grid_12 li a {
        padding:17px 15px;
   }
}

@media screen and (max-width: 600px) {
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	margin:0;
    }

    .container_16 .grid_8, .container_16 .grid_4, .container_16 .grid_16 {
        width:calc(100% - 20px);
	margin-left:10px;
	margin-right:10px;
        margin-bottom:15px;
    }
    
    #home .slider {
        height:300px;
    } 

    #home .slider .container_slide {
        height:300px;
    }

    #home .slider .container_slide .slide {
        height:300px;
    }

    #home .slider .slide .description {
        display:none;
    }

    #home .slider .slide .metainfos {
	left:55px;
	right:55px;
	max-width:200px;
    }

    #home .slider .slide h1 {
	font-size:24px;
    }

    #home .slider .slide h2 {
	font-size:18px;
    }

    #home .replays .filtres {
	display:none;
    }

    #items_replay .replay.grid_8 img {
	width:100%;
	height:auto;
    }

    #items_replay .replay img {
	float:left;
	width:140px;
	height:auto;
    }

    #items_replay .grid_8.replay .legende {
    padding: 20px 30px;
height: 50px;
float: left;
width: 100%
    }

    #items_replay .replay .legende {
	padding: 20px 20px 20px 20px;
        height:39px;
    }

    #items_replay .replay h3 {
	font-size:24px;
    }
    
    #items_replay .replay.grid_4 h3 {
	font-size:13px;
    }

    #home .replays .grid_8 .btn_play,
    #home .replays .grid_4 .btn_play, #replay .grid_4 .btn_play {
	margin-left: inherit;
  	margin-top: inherit;
  	width: inherit;
  	height: inherit;
    }

    #home .coupsdecoeurs {
	height:inherit;
	padding-bottom:35px;
    }
    
    #home .coupsdecoeurs .titre {
	font-size:30px;
    }
 
    #home .coupsdecoeurs .grid_8.coupcoeur {
	height:inherit;
    }

    #home .coupsdecoeurs .grid_8 img {
        width:100%;
        height:inherit;
    }

    #home .coupsdecoeurs .grid_8 .legende {
	text-align:center;
	font-size:24px;
	line-height:1.5;
    }

    #home .actus .titre {
	font-size:30px;
    } 
   
    #home .actus .bloc_tweet {
	margin-left: auto;
        margin-right: auto;
    }

    #home .actus .grid_4.facebook {
	width:290px;
	margin-left: auto;
	margin-right: auto;
	float:none;
	display:block;
	margin-bottom:25px;
    }

    #home .actus .letelegramme {
	display:block;
	width:290px;
	float:none;
	margin:0 auto;
    }

    #home .actus #actufb, #home .actus #actutwitter {
        display:none;
    }

    #replay #subheader .titre {
 	margin-left:0;
        width:100%;
    }
    
    #replay #items_replay {
       text-align:center;
       max-width:600px;
       margin:20px auto 25px auto;
   }

   #replay #items_replay .grid_8.replay h3 {
      width:calc(100% - 60px);
      font-size:16px;
   }
  
   #replay #submenu {
	height:inherit;
   }

   #replay #submenu .grid_12 {
	width: 100%%;
   }
   
   #replay #submenu .grid_12 span {
       display:none;
   }

   #replay #submenu .grid_12 li a {
	padding:17px 5px;
   }
}