@media (max-width: 1128px) {
    div.bg_activites div.bg_centre {
        background: none;
        background-color: #FFF;
        width: 100%;
    }

    div.bg_activites div.views-row.vignette img {
        left: 0px !important;
    }
}

@media (max-width: 1024px) {
	
	#header {
		height: 120px;

	}
	
	
	div.dim_1024 {
		width: 100%;
		height: 120px;

	}

	div.conteneur_infos_wrapper {
		background-color: white;
		text-align: center;
		margin-top: -22px;
	}
	
div.conteneur_infos_log {
		background: none repeat scroll 0 0 white;
    height: 27px;
    margin-left: 46px;
    top: 80px;
    width: 100%;
	}
	
	div.conteneur_infos_log a,
	div.conteneur_infos_log p {
		width: 48%;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		margin-bottom: 0px;
	}
	
	#main {
		margin-top: 30px;
	}
	ul.slides{

	}

	ul.slides li {
		height:auto;
	}
	
	ul.slides li div.div_slides {
		height:314px;
  		background-size: 239% !important;
  		overflow: hidden;
	}
	
	div.dim_1024 a.test img {
		width:75%;
	}
	
	#header {
		height:100px
	}
	
	div.ombre {
		display:none;
	}
	

	
	ul.links {
		position: absolute;
		top: -30px;
		right: 0;
		left: auto;
	}
	
	ul.links li {
		width:81px;
		height:81px;
		display: inline-block;
		vertical-align:top;
		margin:0;
		background-size:92% !important;
	}
	ul.links li a {
		width: 81px;
		height: 80px;
		background-size:70% !important;
	}

	ul.links li a span{
		display: none;
	}
	
	ul.links li a.menu_1,
	ul.links li a.menu_2,
	ul.links li a.menu_3,
	ul.links li a.menu_4,
	ul.links li a.menu_5,
	ul.links li a.menu_6
	{
		line-height: 0;
		font-size: 0px;
		padding:0;
		margin:0;
		/*color: transparent; */
		/*display:block;*/
		
	}
	
	ul.links li.menu_1,
	ul.links li.menu_2,
	ul.links li.menu_3,
	ul.links li.menu_4,
	ul.links li.menu_5,
	ul.links li.menu_6
	{
		padding:0;
		margin:0;
		/*color: transparent; */
		/*display:block;*/
		
	}
	
	ul.links li.menu_1 {
		background: url('../images/responsive/ecriture.png') no-repeat;
	}

	ul.links li.menu_2 {
		background: url('../images/responsive/coloriage.png') no-repeat;
	}
	
	ul.links li.menu_3 {
		background: url('../images/responsive/masques.png') no-repeat;
	}

	ul.links li.menu_4 {
		background: url('../images/responsive/folding.png') no-repeat;
	}
	
	ul.links li.menu_5 {
		background: url('../images/responsive/decoupage.png') no-repeat;
	}	
	
	ul.links li.menu_6 {
		background: url('../images/responsive/book.png') no-repeat;
	}
	
	div.bg_push div.container_home {
		width: 100%;
	}
	
	div.bg_push {
		margin-top:-7px;
	}
	
	/* Activity pages */
	
	div.bg_activites div.bg_centre {
		width: 100%;
		background: none;
		background-color: white;
		text-align: center;
	}
	
	div.bg_activites div.conteneur_details {
		width: 100%;
		height: auto;
		padding-top:10px;
	}
	
	div.bg_activites div.conteneur_details div.conteneur_image {
		width: 30%;
		position: relative;
		height: auto;
		vertical-align: middle;
	}
	
	div.bg_activites div.conteneur_details div.conteneur_image div.icone {
		bottom: -3px;
		right: -3px;
		margin: 0;
	}
	
	div.conteneur_details div.conteneur_boutons {
		width: 45%;
		text-align: center;
		vertical-align: middle;
	}
	
	div.conteneur_details div.conteneur_boutons a {
		display: inline-block;
		height: auto;
		margin: 2%;
	}
	
	div.conteneur_details div.conteneur_boutons a.bouton_jaune {
		width: 33%;
	}
	
	div.conteneur_details div.conteneur_boutons a.bouton_violet {
		width: 71%;
	}
	
	img.favoris-screen{
		display: none;
	}
	
	img.favoris-tablet {
		display: block;
	}
	
	img.favoris {
		margin: 0;
		position: absolute;
		z-index: 7;
		left: 0;
		bottom: 0;
	}
	
	div.bg_activites div.slider_activites {
		width: 615px;
		margin: 0px auto 0 auto;
	}
	
	div.bg_activites div.conteneur_slider {
        width: 90%;
		margin:0 auto 40px auto;
	}
	
	div.bg_activites div.slider_activites .flex-direction-nav .flex-next {
		margin: -433px 0 0 596px;
	}
	
	#footer {
		width: 100%;
		text-align: center;
	}
	
	#footer img.perso {
		display: none;
	}
	div.conteneur_footer {
		width: 100%;
	}
	
	div.deuxieme_footer {
		width: 100%;
	}
	
	div.deuxieme_footer ul.corner li{
		width: 160px;
	}
	
	div.conteneur_details > *{
		vertical-align: middle;
	}
	
	div.bg_activites,
	div.bg_activites div.bg_centre	{
		width: 100%;
		background: none;
	}
	
	div.bg_activites div.conteneur_elements {
		width: 90%;
		text-align: center;
	}
	
	
	div.bg_activites div.conteneur_tri {
		width: 100%;
	}


	
	div.bg_activites div.conteneur_tri a.type {
		display: inline-block;
		float: none;
	}
	
	div.bg_activites div.conteneur_tri a.univers {
		float: none;
	}
	
	
	div.bg_activites div.conteneur_criteres_type {
		margin-left: 30px;
		margin-top: -32px;
		z-index: 7;
	}	
	
	div.bg_activites div.conteneur_criteres_univers {
		margin-left: 210px;
		margin-top: -32px;
		z-index: 8;
	}
	
	div.pub {
		left:2%;
		top:10px;
	}
	
	.flexslider .flex-direction-nav {
		height:0;
	}
	
	.flexslider .flex-direction-nav a {
		top:388px
	}
	
	div.conteneur_slider .flex-direction-nav a {
		top:250px;
	}
	
	div.conteneur_slider .flex-direction-nav a.flex-next {
		right:-35px;
	}
	
	div.conteneur_slider .flex-direction-nav a.flex-prev {
		left:-25px;
	}

    body.front .flex-direction-nav {
        top: -198px !important;
        width: 90% !important;
    }

    body.front .flexslider {
        height: 314px !important;
    }

    .banner {
        background: url(../images/bg-banner.png) no-repeat center center !important;
        background-size: 90% !important;
    }

    .banner a {
        font-size: 16px !important;
        display: block;
        text-align: center;
    }

    div.bg_push div.container_home {
        padding-top: 0px !important;
    }

    ul.links {
        margin-left: 173px;
    }

    div.conteneur_details div.conteneur_boutons a.mid {
        height: 145px;
    }

    .mid_btn {
        margin-left: 0px !important;
    }

    div.conteneur_details div.conteneur_boutons a.mid.all-activities-btn {
        margin-left: 8px !important;
    }

    div.bg_activites div.conteneur_details div.conteneur_image img {
         max-width: 94%;
     }

    div.bg_activites div.conteneur_slider {
        width: 90%;
    }

    .previous_container {
        width: 100%;
    }

    .previous_btn {
        position: absolute;
        left: 40px;
        top: 10px;
    }

    #my-activity-books {
        width: 100% !important;
    }

    #my-activity-books .pict {
        width: 23% !important;
        background: none !important;
        padding-right: 1%;
    }
    #my-activity-books .book {
        width: 73% !important;
        padding-left: 1% !important;
    }

    #my-activity-books .book .book {
        width: 100% !important;
    }

    .kid .pict img.photo {
        max-width: 100px !important;
        height: 100px !important;
    }

    .kid .pict span {
        width: 90% !important;
        display: block !important;
    }

    .kid .pict img {
        max-width: 100px !important;
        height: 100px !important;
    }

    .kid .pict .imgLiquid {
        width: 100px !important;
        max-width: 100px !important;
        border-radius: 100px !important;
        border: 6px solid #FFF !important;
        height: 100px !important;
    }

    #pl-popin {
        width: 90% !important;
        height: auto !important;
        background: #ffae00 !important;
        border: 7px solid #FFF !important;
    }

    #pl-popin span {
        padding: 40px !important;
        padding-top: 0 !important;
    }

    #pl-popin a {
        background: #3eb6e4 !important;
        margin: auto !important;
        position: static !important;
        margin-bottom: -33px !important;
        border: 4px solid #FFF !important;
    }

    #pl-popin a.close-popin-pl {
        position: absolute !important;
        z-index: 1;
        right: 5px !important;
        bottom: 13px !important;
    }
}

@media (max-width: 784px) {

    body.front .flexslider {
        height: 307px !important;
    }

    div.bg_activites div.slider_activites {
        width: 400px;
    }

    div.bg_activites div.slider_activites .flex-direction-nav .flex-next {
        margin: -433px 0 0 376px;
    }

}