@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

    @font-face {
        font-family: 'kidsregular';
        src: url('../fonts/kidsn.eot');
        src: url('../fonts/kidsn.eot?#iefix') format('embedded-opentype'),
            url('../fonts/kidsn.woff') format('woff'),
            url('../fonts/kidsn.ttf') format('truetype'),
            url('../fonts/kidsn.svg#kidsregular') format('svg');
        font-weight: normal;
        font-style: normal;

    }

    span{font-family: arial;  font-size: 14px; color: #000;}

    a{text-decoration: none;}

    .wrapper{ width: 1024px; height: 100%; display: block; background-color: #ffcc00; }

    body { background-color: #ffcc00; width: 1024px; margin: 0px auto;}

    .header {width: 1024px; height: 170px; background-color: #ffcc00; margin: 0 auto; }

    .header img.header_img{ display: block; margin-left: auto; margin-right: auto; padding-top: 15px; }

    .language {float: right; margin-top: -35px; width: 160px; }

    .language img.en_img{margin-right: 10px;}

    .main_info{width: 380px; height: 320px; background-color: #ffcc00; margin: 0 auto; padding-top: 0px;}

    .info_details{width: 580px; height: 300px; float:left;  background:url(../images/boite_vert.png) no-repeat; margin-left: 90px;}

    .text_details{width: 95%; height: 250px;}

    .text_details p.titre {font-family: 'kidsregular'; font-size: 24px; font-weight: bold; line-height: 8px; width: 550px; height: 20px;
                           margin: 25px 40px;}

    .text_details ul{width: 100%; margin-top: 35px; margin-bottom: 70px;}

    .text_details ul li{list-style: none; width: 590px; height: 40px;}

    .text_details ul li span{width: 50px; height: 27px; float:left;}

    .text_details ul li p{color: #000; font-family: arial;  font-size: 14px; font-weight: bold; }

    img.more_info{float:right; margin-top: -40px; cursor: pointer;}

    .boite_rouge{width: 380px; height: 300px; float:left; background:url(../images/boite_login.png) no-repeat; margin-left: 0px; }

    .boite_rouge p.title {font-family: 'kidsregular'; font-size: 24px; font-weight: bold; line-height: 8px; margin: 22px 40px;}

    .form_elements{width: 380px; height: 170px; margin: 0px auto; padding-top: 12px;}

    .frm_register{width: 500px; height: 160px;}

    form ul.form_connect li{list-style: none; width: 330px; height: 30px; }

    form ul.form_connect li.submit{margin-top: 15px; }

    p.error_message{width: 231px; height: 20px; margin-left: 15px; color: yellow; font-family: arial;  font-size: 14px; border: 1px solid yellow; display: block; text-align: center;}

    form label{width: 100px; height: 30px; color: #fff; font-family: arial;  font-size: 14px; font-weight: bold; float: left; text-align: right; margin-right: 15px;}

    label.remember_checkbox{width: 250px; height: 28px; color: #fff; font-family: arial;  font-size: 14px; font-weight: bold; text-align: right; }

    form input[type="text"] {width: 170px; height: 20px; float: left; margin-right:5px;}

    form input[type="password"] {width: 170px; height: 20px; float: left; margin-right:5px;}

    #connecter{background-color: #3366cc; cursor:pointer; border: none; width: 154px; height: 43px; margin-right: 28px; color: #fff; font-family: arial;  font-size: 14px; font-weight: bold; float:left;}

    .remem_me{width: 163px; height: 49px; margin-left: 72px; float: left;}

    .access_ac{width: 388px; height: 30px; margin-left: -40px; float: left; font-family: arial;}

    .checkbox_details{color: #fff; font-family: arial;  font-size: 14px; font-weight: bold; height: 30px; }

    .form_footer{width: 260px; height: 30px; margin: 0px auto;}

    .form_footer p {text-align:center;}

    .form_footer p a{color: #fff; font-family: arial;  font-size: 12px; font-weight: bold; text-shadow: 2px 2px 1px black; }

    .payment_icons {width: 100%; height: 270px; }

    .payment_icons ul.payment_elements{width: 1030px; height: 240px; margin: 0px auto; padding: 0px;}

    .payment_icons ul.payment_elements li {list-style: none; float: left; margin: 4px 0px 0px 0px; height:209px; overflow:hidden; display: block; }

    .payment_icons ul.payment_elements li img {cursor: pointer; margin-left: 5px; margin-top: 5px;}

    .payment_icons ul.payment_elements li span img {cursor: pointer; margin-left: 5px; margin-top: 5px;}

    .non_hover{display: block;}

    .hover{display: block;}

    .registration_form_payment{width: 100%; height: 500px; display: block; }

    .registration_form_payment ul.register{width: 700px; height: 425px; display: block; margin: 0px auto; padding-top: 30px;}

    .registration_form_payment ul.register li{list-style: none; height: 40px; width: 700px;}

    .registration_form_payment ul.register li label{width: 205px; height: 30px; color: #000; font-family: arial;  font-size: 14px; font-weight: bold; float: left; text-align: right; margin-right: 20px;}

    .registration_form_payment ul.register li label span.color{color: red; font-family: arial;  font-size: 14px; font-weight: bold; }

    .registration_form_payment ul.register_result{width: 500px; display: block; margin: 0px auto; padding-top: 50px;}

    .registration_form_payment ul.register_result li{list-style: none; height: 50px; width: 700px;}

    .registration_form_payment ul.register_result li label{width: 205px; height: 30px; color: #000; font-family: arial;  font-size: 14px; font-weight: bold; float: left; text-align: right; margin-right: 20px;}

    .registration_form_payment ul.register_result li label span.color{color: #000; font-family: arial;  font-size: 14px; font-weight: bold; }

    .btn_proceed{width: 200px; margin: 0 auto;}

    span.required input[type="text"]{ width: 250px; height: 20px; float: left; }

    span.required input[type="password"]{ width: 250px; height: 20px; float: left; margin-right: 5px;}

    select#ParentTitle.text{width: 255px; height: 27px; }

    select#dates{width: 55px; height: 27px; }

    select#months{width: 135px; height: 27px; }

    select#years{width: 55px; height: 27px; }

    select#ParentCountry.text{width: 255px; height: 27px; }

    input#go_btn {background-image:url(../images/go-gros.png); background-color: transparent; cursor:pointer; border: none; width: 156px; height: 87px; margin-left: 225px; margin-bottom: 30px;}

    .success_msg{width: 500px; height: 50px; margin: 0px auto; display: none;}

    .success_msg p{text-align:center; font-family: arial;  font-size: 14px; font-weight: bold; color: #000;}

    .validation_nom{display: none; font-family: arial;  font-size: 14px; font-weight: bold; color: red; }

    .validation_nom_de_famille{display: none; font-family: arial;  font-size: 14px; font-weight: bold; color: red; }

    .validation_email{display: none; font-family: arial;  font-size: 14px; font-weight: bold; color: red; }

    .validation_txt_pwd{display: none; font-family: arial;  font-size: 14px; font-weight: bold; color: red; }

    .validation_txt_pwd_confirm{display: none; font-family: arial;  font-size: 14px; font-weight: bold; color: red;}

    #inline_content{font-family: arial;  font-size: 14px; color: #000;}

    .footer_txt{float: left; height: 50px; width: 1024px; background-color: #ffcc00; padding-top: 35px;}

    .footer_txt p{text-align: center; font-family: arial;  font-size: 14px; font-weight: bold;}

    span.required{font-family: arial;  font-size: 14px; color: #000;}

    img.selected_img{display: none;  margin-left: -3px;}

    .active{display:block; background-image:url(../images/select.png); background-repeat: no-repeat; width:210px; height: 209px;}

    .text_msg {text-align: center; width: 500px; margin: 0 auto; border: 3px solid red; background-color: yellow; }

    .text_msg p {font-family: arial;  font-size: 14px; font-weight: bold; color: red;}

    .payment_info {border-bottom: 2px solid black; width: 395px; text-align: center; margin: 0 auto;}

    .payment_info p{font-family: arial;  font-size: 14px; font-weight: bold; color: #000;}

    .payment_logo{margin: 0 auto; width: 439px;}

    .main_title{margin: 0 auto; width: 500px; text-align: center;}

    .main_title p{font-family: arial;  font-size: 16px; font-weight: bold; color: #000; text-align: center;}

    .msg_mail {margin: 0 auto; width: 500px;}

    .msg_mail p{font-family: arial;  font-size: 16px; font-weight: bold; color: #000; text-align: center;}

    .form_password_boite_vert{width: 575px; height: 274px; background:url(../images/forgot_box.png) no-repeat; margin: 0 auto; }

    .form_password_boite_vert p.title {font-family: arial; font-size: 14px; font-weight: bold; padding-top: 15px; color: #fff; margin: 25px 75px;
                                       width: 420px; height: 70px; text-align: center;}

    span.input_txt input[type="text"]{ height: 20px; float: left; margin-right: 5px;}

    .form_elements_forgot_pass{width: 440px; height: 170px; margin: 0px auto; }

    ul.form_forgot_pass{height: 100px;}

    ul.form_forgot_pass li{list-style: none; width: 400px; height: 40px; }

    ul.form_forgot_pass li.submit{margin: 0 auto; width: 168px; height: 44px;}

    .main_space{width: 1200px; height: 320px; background-color: #ffcc00; margin: 0 auto;}

    #envoyer{background-color: #3366cc; cursor:pointer; border: none; width: 114px; height: 43px; margin-right: 28px; color: #fff; font-family: arial;  font-size: 14px; font-weight: bold;}

    .text_payment{width: 500px; height: 50px; margin: 0 auto;}

    .text_payment p {text-align: center; font-family: arial; font-size: 14px; color: #000; }

    .payment_logo_submit{width: 282px; height: 100px; margin: 0 auto;}

    a.text_color{color:#fff;}

}