@media (max-width: 640px){

/*** HOME PAGE ***/


	html.js body.html div#page div#main div#content.column div.content_margin form#user-register-form.user-info-from-cookie div div.register div.register-right div.legal div#edit-field-i-certify-being-the-legal-.field-type-list-integer div.form-item { width: 100%; max-width: 100%;}

	body{
		background-color : #FFFFFF ;
		width:100% ;
	}

	#header,#main,#footer{
		width:100% ;
	}

	div#page {
		background: none ;
	}

	div.conteneur_connexion {
		width: 100% ;
		left: 340px ;
		font-weight: bold;
		margin-bottom: 10px ;
		margin-top: 10px;
	}

	header.header {`
		height: 160px ;
	}

	div#top-wrapper {
		width: 100%;
		height: 150px;
	}

	a#left-nav {
		position: absolute;
		top: 0;
	}

	header ul.menu {
		padding: 0 ;
		/*margin-top: 39px ;*/
		float: left ;
		position: absolute ;
		display:none;
	}

	header ul.menu li {
		display: block ;

	}

	header ul.menu li a {
		width: 280px ;
		max-width: 280px ;
		border-bottom : 1px solid #CC8C1D;
		text-align: left ;
		font-size: 14px ;
		padding-top: 0;
	}

	header ul.menu li.is-expanded ul.menu li a {
		border-bottom: none! important;
		width: 150px ;
		max-width: 150px ;
		text-align: center ;
	}

	header ul.menu li.first a {
		background: none no-repeat scroll left bottom #FFA200 ;
	}

	header ul.menu li.is-expanded a, header ul.menu li.last a {
		background: none repeat scroll 0 0 #FFA200;
	}

	header ul.menu li.is-expanded ul.menu{
		min-width: 280px ;

	}

	header ul.menu li.is-expanded ul.menu .first a{
		background: none repeat scroll 0 0 #FFA200 ;
	}

	.breadcrumb{
		margin: -62px 0 0 0;
	}

	div#page div#content {
		background:none ;
		width:100% ;
		padding-top: 21px;
	}

	div#content div.content_margin{
		width: 96%;
		padding-top: 0px;
	}

	div.container_menu {
		width: 307px ;
	}

	div.container_menu .mobile{
		display:block ;
	}

	div.container_menu .navbar-brand{
		padding-top: 0 ;
		margin-left :13px ;
		margin-top: 12px ;
	}

	div.container_menu .navbar-brand .logo{
		position: relative ;
	}

	img.logo {
		max-width: 70%;
	}

	div.container_menu a#right-nav {
		display: block;
		position: relative;
		float: right;
	}

	div.container_menu .navbar-brand .mobile {
		margin-top: 10px ;
	}

	div.elements_droite {
		position: relative;
		float: none ;
		text-align: center;
		margin-top: 42px;
		width: 100%;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	.teacher {

	}

	div.elements_droite div.teacher{
		margin: 0 ;
		box-shadow: none ;
		border-bottom: none;
		width: 100%;
		background: #fdb61a!;
		height: 25px!;
		background-color: transparent;
	}

	div.elements_droite div.teacher a {
		color: #000000 ;
		font-weight: normal ;
		text-transform : uppercase ;
		font-size:0px ;
	}

	div.elements_droite div.home {
		width: 93px ;
	}

	div.elements_droite div.home a{
		text-align: center ;
		margin: 0 auto ;
	}

	div.elements_droite div.drapeau {
		width: 100px !important;
		border-left: none;
		border-right: none;
		position: absolute;
		top: -52px;
		right: 45px;
	}


	div.elements_droite img.language-icon {
		margin-top: 3px;
	}

	div.elements_droite div.drapeau a {
		margin-top: 2px ;
	}

	div.elements_droite div.teacher .puce {
		display:block ;
		width: 14px;
		height: 14px;
		margin: 5px;
	}

	div.elements_droite div.facebook {
		width: 94px ;
	}

	div.elements_droite div.facebook a{
		margin-top: 4px ;
	}

	div.elements_droite div.teacher .mobile_facebook {
		width: 70px ;
		margin-left: 10px;
	}

	div.elements_droite div.teacher .mobile{
		display: none ;
	}

	div.elements_droite div.teacher.facebook {
		display:none;
	}

	div.conteneur_connexion {
		height: auto;
	}

	.flexslider {

	border: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	-o-border-radius: none;
	border-radius: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	}

	div.slider_home {
		width: 100% ;
		height: auto;
		max-height: 368px;

	}


	.clone {
		height: 0px!important;
	}

	.flexslider .slides ul li{
		max-width: 100%;
	}

	div.slider_home ul li {
		height: 100%;
	}

	div.kids_corner {
		display: none;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 0px;
		background-size: cover;
		background:  none;
		height:170px;
		margin-top: 0px;
	}

	div.kids_corner p {
		margin: 0;
		display:none;
	}

	div.banner{
		height: 100% ;
		width: 100% ;
		margin-top: 0px;

	}

	div.banner .home{
		display:none ;
	}

	div.banner .mobile{
		display:block ;
		margin: 0 auto 25px ;
	}


	div.banner .mobile_close{
		/*display: block ;*/
		background : url("../images/home/banner-mobile-close-en.jpg") no-repeat scroll 0 0 #FFFFFF;
		height:128px;
		width: 296px;
		font-family: DeliusUnicase;
		color: #007ABC;
		margin: 15px 91px 0 ;
		text-align: center;
	}

	div.banner .mobile_close img{
		width:22px;
		height:22px;
		position: relative;
		top: -60px;
		left: 50px;
	}
	div.banner .mobile_close span{
		font-size: 22px;
		font-weight: bold;
		text-transform: uppercase;
		position: relative;
		top: 18px;
	}

	div.banner .mobile_open{
		background : url("../images/home/banner-mobile-open-en.jpg") no-repeat scroll 0 0 #FFFFFF;
		display: block ;
		height: 100%;
		width: 296px;
		margin: 20px 91px ;
	}

	div.banner .mobile_open .middle{
		text-align:center;
	}

	div.banner .mobile_open .middle span{
		font-size: 22px;
		font-weight: bold;
		text-transform: uppercase;
		vertical-align: middle;
		position: relative;
		top: 18px;
		color: #007ABC;
		font-family: DeliusUnicase;
	}

	div.banner .mobile_open .middle  img{
		width:22px;
		height:22px;
		position: relative;
		top: -50px;
		left: 50px;
	}


	div.banner .mobile_open .left{
		margin:30px 0 0 0;
		position: relative;
		left: 50px;
		width: 252px;
	}

	div.banner .mobile_open .left .profile{
		width: 190px;
		margin: 15px 0;
	}

	div.banner .mobile_open .left .abc{
		width: 100%;
		margin: 15px 0

	}

	div.banner .mobile_open .left .books{
		width: 190px;
		margin: 15px 0
	}
	div.banner .mobile_open .left .reports{
		width: 190px;
		margin: 15px 0
	}

	div.banner .mobile_open .left  .profile img{
		margin: 0 20px 0 13px;
		height: 35px;
		width: 35px;
	}

	div.banner .mobile_open .left  .abc img{
		margin: 0 8px 0 0;
		height: 29px;
		width: 60px;
	}

	div.banner .mobile_open .left  .abc  .text{
		position: relative;
		top: -10px;
		left: 70px;
	}


	div.banner .mobile_open .left  .books img{
		margin: 0 20px 0 15px;
		height: 32px;
		width: 28px;
	}

	div.banner .tablet_open .left  .reports img{
		margin: 0 20px 0 13px;
		height: 32px;
		width: 32px;
	}

	div.banner .mobile_open .left  span{
		color: #000000;
		font-weight:lighter;
		font-size: 19.29px;
		text-transform: uppercase;
	}

	div.banner .tablet_open .left  span a{
		color: #007ABC;
		font-size: 14.75px;
		font-weight: bold;
		text-transform: uppercase;
	}

	div.banner .mobile_open .right{
		border:lpx solid red;
	}


	div.push_home {
		display: block;
		margin: 0 auto ;
		margin-bottom: 25px;
		width: 96%!important;
	}

	div.push_home.home {
		margin: 0 87px ;
	}

	/*div.push_home {
		display:block ;
	}*/

	footer img.perso{
		display: none ;
	}

	ul.menu-first-footer li:nth-child(2){
		border-right: 1px solid #c2c2c2;
	}

	li.menu-410.last.active{
		display: none;
	}

	footer div.first_footer div.social-footer {
		margin-top: 5px;
	}

	.share-us {
		display: inline-block;
		height: 32px;
	}

	footer a.picto {
		vertical-align: middle;
		margin-top: -2px;
		padding-top: 0;
	}

	footer .second_footer,
	footer div.first_footer{
		min-width:100%;
		width : 100% ;
	}

	footer div.first_footer ul.menu li {
		padding: 10px 5px;
		font-size: 11px;
	}

	footer .third_footer{
		width : 100% ;
		text-align:center;
	}

	#footer{
		min-width:100%;
	}

	footer .fourth_footer p.yellow {
		height: 3em;
		width: 60px;
	}

	footer .fourth_footer{
		width : 100% ;
		text-align: center;
	}

	footer .fourth_footer .conteneur{
		width: 31%!important;
		height: 180px;
		border-right: 1px solid #AFAFAF;;
	}

	footer .fourth_footer .conteneur:last-child{
		border: none;
	}


	footer .fourth_footer .conteneur ul.menu{
		text-align: left;
		width: 90%;
	}

	div.fourth_footer div.conteneur div.border {
		margin: 0 ;
		display: none;
	}

	/*** PAGE ***/


	div.content_margin  h1{
		margin-top: 20px ;
	}

	div.content_margin .content_basic{
		width: 100% ;

	}

	div.content_margin .content_basic h2 img,
	div.content_margin .content_basic p img{
		width: 200px ;
	}

	div.content_margin .content_basic video {
		width: 100%;
	}

	.mean-container .mean-bar {
		background: #fdb61a;
		height: 80px;
	}

	.mean-container .mean-nav ul li {
		background: #fdb61a;
	}

	.mean-container .mean-nav ul li a.mean-expand {
		margin-top: 2px;
		height: 1em;
	}

	.mean-container .mean-nav {
		background: #fdb61a;
		margin-top: 17px;
	}

	/*.mean-nav #main-menu {
		margin-top: 72px;

	}
	.mean-nav #main-menu li {
		background-color: #fdb61a;
	}
	*/



	div.kids_loggued {
		margin: 0 auto;
		display: block;
	}

	div.push_home.home {
		margin: 0 auto;
		margin-bottom: 30px;
	}

	div#choix-wrapper {
		text-align: center;
		margin-bottom: 20px;
	}
	div#choix{
		margin-left: 0;
	}
	div.gauche {
		margin: 0 auto;
		width: 100%;
		display: block;
	}

	div.centre {
		width: 100%;
	}

	div.droite {
		width: 100%;
		text-align: center;
		margin-top: 4%;
	}

	div.droite img{
		max-width: 164px;
	}

	div.slider_products.two{
		margin: 10px auto;
	}

	div.slider{
		width: 80%;
		max-width: 279px;
		display: none;
	}

	div.centre {
		margin: 0;
	}

	form#webform-client-form-126,
	div.conteneur_login,
	form#user-login,
	div.conteneur_login div.form-item,
	div.conteneur_login input[type='text'],
	div.conteneur_login input[type='password'],
	div.you,
	div.yourchild,
	div.register-right,
	tr.draggable.odd,
	.draggable.odd > td,
	.register-right,
	div.yourchild .clearfix,
	footer div.first_footer ul.menu
	{
		width: 100%;
	}

	div.register-presentation{
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}


	div.yourchild .field-add-more-submit {
		background: url(../images/add.png) no-repeat 2px center #ffae00;
	}

	div#edit-field-your-child-und-0-field-gender {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div#edit-field-your-child {
		width: 252px;
		margin: 0 auto;
	}



	/*form#user-register-form.user-info-from-cookie div div.register .form-item {
		width: 232px;
		display: inline-block;
	}*/
	div.form-item.form-type-checkboxes.form-item-field-legal-mentions-acceptance-und {
		width: 100%;
	}

	div.register-right {
		text-align: center;
	}

	div.you .field-name-field-last-name,
	div.you .form-item-conf-mail,
	div.you .form-item-pass-pass2,
	#user-register-form #edit-field-first-name,
	#user-register-form .form-item-mail,
	#user-register-form .form-item-pass-pass1
	{
		float: none;
	}

	#user-register-form div.form-type-checkbox{
		width: 100%;
	}

	div.legal {
		text-align:left;
	}


	div.slider .flex-direction-nav .flex-prev {
		margin-left: -28px;
	}

	div.slider .flex-direction-nav .flex-next {
		margin-right: -28px;
	}

	div.slider ul.slides li {
		margin: 0;
	}

	.left-account,
	.right-account{
		float: none;
		width: 95%;
		margin: 0 auto;
		box-sizing: border-box;
}
	}

	.right-account .right-child .activities ol,
	.right-account .childs .right-child {
		width: 100px;
	}

	.book-list-title {
		width: 100%;
	}

	div.activity-book-options {
		width: 80%;
		margin: 0 auto;
	}

	.add-activity-to-book {
		margin-top: 15px;
	}

	select#edit-child {
		margin-left: 10px;
	}

	.shortcut {
		display: none;
	}


	form#user-register-form.user-info-from-cookie div div.register .form-item div.form-radios {
		margin: 0 auto;
	}

	div.form-item.form-type-radio.form-item-field-your-child-und-0-field-gender-und {
		margin-left: 10px;
	}

	form#user-register-form.user-info-from-cookie div div.register .form-item.form-item-field-legal-mentions-acceptance-und,
	form#user-register-form.user-info-from-cookie div div.register .form-item.form-item-field-commercial-newsletter-acce-und,
	form#user-register-form.user-info-from-cookie div div.register .form-item.form-item-field-i-certify-being-the-legal--und,
	div.form-item.form-type-checkbox.form-item-field-legal-mentions-acceptance-und-1,
	div.form-item.form-type-checkbox.form-item-field-commercial-newsletter-acce-und-1,
	div.form-item.form-type-checkbox.form-item-field-i-certify-being-the-legal--und-1{
		width: 100%;
	}


	form#user-register-form.user-info-from-cookie div div.register .form-item .form-checkboxes .form-item label.option{
		width: 80%;
	}


	form#user-register-form.user-info-from-cookie div div.register #field-your-child-add-more-wrapper .form-item {
		margin: 0 auto 0 5px;
	}

	select#edit-field-your-child-und-0-field-relation-with-child-und {
		display: inline-block;
		vertical-align: top;
		width: 232px;
		height: 40px;
		margin-bottom: 15px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #d0d0d0;
		font-size: 13px;
		padding-left: 15px;
	}

	div.yourchild table#field-your-child-values {
		width:232px;
		margin: 0 auto;
	}

	div.conteneur_sitemap {
		width: 100%;
	}

	div.push_home.home {
		width: 98%;
		max-width: 315px;
	}

	div#edit_field_your_child_und_0_field_relation_with_child_und_chosen {
		margin-bottom: 20px;
	}

	.mean-container .mean-nav ul li a.mean-expand:hover {
		background: #fdb61a;
	}

	.flex-control-paging {
		display: none;
	}

	.produits-wrapper,
	.commitment_wrapper	{
		text-align: center!important;
	}


	.child-content-book input#edit-submit--2{
		background:#FB5837;
		border-radius: 3px;
		color: #000000;
		display: inline-block;
		font-size: 12px;
		font-weight: 700;
		height: 32px;
		line-height: 32px;
		min-width: 85px;
		padding-right: 10px;
		text-decoration: none;
		width: auto;
		border:0px;
		margin-right: 0;
	}

	div.captcha {
		text-align: center;
	}
	.register-right .captcha img {
		margin-right: 0;
	}

	.field-name-field-long-description .field-label{
		display: none;
	}

	.left-account .account-children .childs .right-child a.shortcut{
		display: none;
	}

	.left-account .account-children .childs .profile-options{
		margin-top: 20px;
		display: block;
	}

	.left-account .account-children .childs .profile-options a.shortcut {
		background: url(../images/shortcut.png) no-repeat 11px center #FFF;
		display: inline-block;
		border-radius: 3px;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
		font-weight: 700;
		color: #000;
		padding-left: 42px;
		width: auto;
		min-width: 85px;
		float: none;
		text-decoration: none;
		padding-right: 10px;
		}

	.left-account .account-children .profile-options a.edit-account {
		background: url(../images/edit_account.png) no-repeat 11px center #FFF;
		margin-right: 12px;
		display: inline-block;
		border-radius: 3px;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
		font-weight: 700;
		color: #000;
		padding-left: 42px;
		width: auto;
		min-width: 85px;
		float: right;
		text-decoration: none;
		padding-right: 10px;
		}

	div#edit-book-list div.form-wrapper div.border {
		width: 90%;
		margin: 20px 3%;
	}

	.left-account .account-children .bottomchild a.edit-account{
		display: none;
	}

	div.pub div.fermer img.ouverture {
		right: 10%;
		position: absolute;
		display: block;
		margin-left: 2px;
		margin-top: 8px;
	}

	div.elements_droite div.teacher div.conteneur_switch span{
		display: none;
	}


	.be {
		bottom: initial;
		top: -50px;
		right: 90px;
	}


	iframe[Attributes Style] {
		width: 320px;
	}

	.banner .banner-desktop {
		display: none;
	}

	.banner .banner-responsive {
		display: block;
		text-align: center;
	}

	div.push_home.child {
		width: 315px;
		margin-right: auto;
	}

	div.push_home.child.last {
		margin-right: auto;
	}

	div.push_home.last {
		margin-right: auto;
	}

	.produits-wrapper a {
		display: block;
	}

    table td {
        display: block;
    }

    table td p, table td p a {
        text-align: center;
    }


    .node-webform h1 {
        width: 100%;
    }

	@media (max-width: 240px){
		li.clone {
			display: none!important;
		}

		div.fond_kids {
			max-width:100%;
		}
	}

    #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;
    }
}