@media screen and (max-width: 1024px) {

    .navigation .next {
        right:0px;
        /*margin-right:-76px;*/

    }
    .navigation .next,
    .navigation .previous{
        display:none;
    }


    /*********** MENU LEFT *****************/
    #menu {
        width: 120px;
        height: 439px;
    }
    #wrapper #menu li a,#wrapper #menu li a:hover  {
        font-size: 0.84em;
    }
    /***************************************/


    body{
        width:auto;
    }
    #mask{
        display:none;
    }
    #background {
        top:65px;
    }
    #header .logo, #logo img{
        width:150px;
        vertical-align:top;


    }
    #header-background {
        height:65px;
    }
    .rubrique #breadcrumb-background,
    .presselist #breadcrumb-background,
    .presse #breadcrumb-background,
    .glossaire #breadcrumb-background,
    .resultats #breadcrumb-background,
    .diaporama #breadcrumb-background,
    .satellite #breadcrumb-background,
    .contact #breadcrumb-background,
    .subscribe #breadcrumb-background,
    .faq #breadcrumb-background,
    .sitemap #breadcrumb-background{

        top:264px; /*65px +199*/
        top:20%;
        top:calc(20% + 52px);
        height: 33px;
    }

    .n3-banner-background{
        top:65px;
        height:25px;
        background:none!important;
    }

    .portail .summary-background {
        height:334px;
    }
    .portail #summary-background {
        top:calc(20% + 52px);
    }


    .presselist #container-background,
    .rubrique #container-background,
    .diaporama #container-background,
    .contact #container-background,
    .subscribe #container-background,
    .faq #container-background{
        top:264px;/*65+199*/
        top:20%;
        top:calc(20% + 52px);
    }
    .home .container-background{
        height:264px;
    }
    .home #container-background{
        top:42%;
        top:calc(42% + 37px);
    }


    .diaporama #container-background{
        height:118px;
    }
    .portail #summary-footer-background {
        top:614px;
        top:20%;
        top: calc(20% + 52px + 334px);
    }
    .portail .summary-footer-background {
        height:64px;
    }
    #footer-background{
        top:1027px
    }

    #wrapper{
        width:767px; /*800x600*/
    }

    #header{
        margin-top:0;
        padding-top:19px;
        padding-bottom:12px;
        /*padding-left:31px;*/
        height:34px;
        /**text-align:center;**/
        text-align: left;
    }

    #header #menu-box {
        width: 80px;
        margin-left:33px;
        background:url(../images/css/menu-smartphone-open.png) 0 0 no-repeat;
        position:relative;
        background-color: #E5E5E5;
    }
    #header #menu-box.close{
        /**background:url(../images/css/menu-windows-top-close.png) 0 0 no-repeat;**/
        background: url("../images/css/menu-smartphone-close.png") no-repeat scroll 0 0 transparent;
        padding-bottom: 9px;
    }
    #header #menu-box .menu-link {
        display: block;
        padding-left: 13px;
        padding-top: 10px;
        text-align: left;
        padding-bottom:5px;
    }
    #header #menu-box ul{
        display:block;
        text-align: left;
        background-color: #E5E5E5;
        position:absolute;
        z-index:10;
        width:156%;
    }
    #header #menu-box .menu-box-bottom{
        /**background:url(../images/css/menu-windows-bottom.png) 0 bottom no-repeat;
        padding-bottom:5px;**/
        display:none;
    }

    #header .menu li.first {
        padding: 8px 0 13px 11px;
    }

    #header .menu li {
        display:block;
        padding-left: 0px;
        padding-bottom:13px;
        border-left:1px solid #E5E5E5;
        border-right:1px solid #E5E5E5;
        padding-left: 11px;
        z-index: 100;
        border-bottom: 2px solid #E5E5E5;
    }
    #header .menu li ul{
        display:none !important;
    }
    #header #search {
        margin-left:53px;
    }

    #wrapper .network {
        margin-left:83px;
        background:url(../images/css/menu-partage-top.png) 0 0 no-repeat;
        /*height:21px;*/
        width:81px;

    }

    #wrapper .network .market{
        width: auto;
    }

    #wrapper .network .social-box{
        background:url(../images/css/menu-partage.png) 0 -16px no-repeat;
        position:relative;
    }

    /* 	#wrapper .network .market .stockMarketValue { */
    /* 		background-position: 10% 100%; */
    /* 	} */

    #wrapper .network .stockMarketDate {
        display: none;
    }

    #wrapper .network .stockMarketValue span {
        display: none;
    }

    #wrapper .social-box > a{
        color: #FFFFFF;
        display: block;
        font-size: 0.8em;
        height: 16px;
        line-height: 10px;
        padding-left: 6px;
        padding-top: 5px;
        text-align: left;
    }
    #wrapper .social-box  ul{
        display: block;
        position: absolute;
        text-align: left;
        z-index: 10;
        padding-bottom:9px;
        background:url(../images/css/menu-partage-bottom.png) 0 bottom no-repeat;
    }
    #wrapper .social li.top {
        padding: 11px 0;
    }

    #wrapper .social li {
        background-color: #1CA2FC;
        display: inline-block;
        height: 17px;
        margin-right: 0px;
        padding-bottom: 11px;
        text-align: center;
        width: 40.5px;
    }


    #wrapper #net {
        display:none;
    }

    #breadcrumb ul li {
        line-height:33px;
        background: url(../images/css/breadcrumb-sep-pad.png) 18px center no-repeat transparent;
    }


    #breadcrumb{
        /*top:199px; 199*/
        height: 33px;
    }

    #breadcrumb ul {
        padding-left: 20px;
    }

    #content {
        padding-top:25px;
        height:964px;

    }
    #content div#title {
        left:132px;

    }

    .presse #presse , #resultats, #glossaire,#sitemap{
        top: 232px; /*270 - (71 - 33)*/
        top:calc(20% + 33px);
        height: 449px;
        height: calc(80% - 33px - 27px);
    }
    .presse #presse, #resultats, #glossaire{
        padding-right:0px;
        background-color: #FFFFFF;
    }
    .presse #presse-wrapper , #resultats-wrapper, #glossaire-wrapper, #sitemap-wrapper{
        height : 730px;  /*692 + (71 -33)*/
        height:100%;
        width:744px;
        padding-right: 23px;
    }
    #resultats-wrapper{
        width:767px;
        padding-right:0px;
    }
    #sitemap-wrapper{
        padding-left: 19px;
        padding-right: 26px;
        width: 579px;
        margin-left:143px;
    }

    #footer ul  li{
        margin-right:52px;
        font-size:0.7em;
    }

    /**** HOME *****/
    #content #bandeau-news {
        height:234px;
        top: 42%;
        width:749px;
        padding-left:9px;
        padding-right:9px;
    }
    #bandeau-news .news {
        float:none;
        height:171px;
    }
    #bandeau-news .news li .content img{
        width:173px;
    }

    #bandeau-news .news li .content.mynewsdesk img{
        height:107px;
    }



    #bandeau-news .news li .content .title {
        font-size:0.65em;
    }
    #bandeau-news .news li .content p {
        font-size:0.59em;
    }
    #bandeau-news .news li .content .date {
        margin-top: 3px;
    }

    #bandeau-news .news li .cartouche {
        height:6px;
    }

    #bandeau-news .news li {
        width:181px;
        margin-left:8px;

    }

    .news li .content .desc {
        font-size: 0.59em;
        text-transform: uppercase;
    }

    #bandeau-news .line-news {
        float:none;
        height:auto;
        margin-top:22px;
        border-bottom:1px solid #ffffff;
        border-top: 1px solid #B3A9AD;
    }
    #bandeau-news .line-news li {
        display:inline-block;
        font-size:0.9em;
        vertical-align: bottom;
        height:auto;
        width:224px;
        border-bottom:none;
        padding-top:12px;
        padding-bottom:14px;
        background-position: 0 center;
        border-bottom: 0;

    }
    /****** HOME FIN ******/


    /****** PORTAIL ***********/


    #portail{
        /*top:215px; 280-64*/
    }
    #portail .portail-wrapper {
        padding-top:30px;
        height:368px;

    }

    #portail .sommaire .introduction h2 {
        margin-bottom : 27px;
        font-size: 1.7em;
    }

    #portail .sommaire .introduction p {
        font-size: 0.95em;
        line-height: 1.3em;
    }

    #portail .newslist {
        height:64px;
    }

    #portail .newslist ul {
        padding-top:11px;
        padding-bottom:11px;
        height: 42px;
    }
    #portail .newslist ul li {
        vertical-align:top;
    }

    #portail .newslist ul li .news img {
        width:66px;

    }
    #portail .portail-wrapper .sommaire{
        height:304px;
        padding-bottom:64px;
    }
    #portail .sommaire .pageslist {
        height: 300px;
        margin-left: 32%;
        overflow: auto;
        width:68%;
        vertical-align:top;
    }

    #portail .portail-wrapper .sommaire .pageslist ul li {
        padding-left: 8px;
        width: 164px;
        line-height: 14px;
    }
    #portail .portail-wrapper .sommaire .pageslist ul li ul {
        padding-top: 14px;
    }

    #portail .portail-wrapper .sommaire .pageslist ul li ul li.sep {
        margin-bottom: 13px;
        padding-bottom: 14px;
    }
    #portail .portail-wrapper .sommaire .pageslist ul li a {
        font-size: 1em;
        font-weight:bold;
        line-height: 14px;
    }

    #portail .portail-wrapper .sommaire .pageslist ul li li a {
        font-size: 0.9em;
        font-weight:normal;
    }

    #portail .newslist ul li .news .text {
        font-size:0.7em;
        margin-left:72px;
    }


    /*
    a.sep, a.no-child.last,a.no-child2.last {
        padding:7px 0 6px;
        margin:0;
    }

    a.no-child{
            padding: 0 0 7px;
        margin: 0 0 6px;
    }
    a.no-child2{
        padding: 0 0 6px;
        margin: 0 0 13px;
    }
    */
    a.sep{
        padding: 7px 0 6px;
    }

    a.no-child2{
        margin: 0 0 13px;
    }

    a.first.no-child{
        padding: 0 0 6px;
        /* margin: 0 0 5px; */
    }

    a.first.no-child2{
        padding: 0 0 6px;
    }

    a.last.no-child{
        padding: 7px 0 6px;
    }
    a.last.no-child2{
        padding: 7px 0 6px;
        margin:0;
    }


    /****** PORTAIL FIN *******/



    /***** GENERIQUE *******/

    .rubrique #wrapper{
        /*padding:0 11px;
        width:744px!important;*/
    }
    .rubrique #content{
        padding:25px 11px 0;
    }
    .rubrique #content #menu{
        width:163px;
    }
    .rubrique #content #menu > ul,
    .rubrique #content #menu .jspPane > ul{
        width:auto;
    }


    #rubriques, #contact, #faq, #subscribe,.presselist #presse{
        /*top:248px; 215 +33*/
        padding-top: 33px;
        top: 232px;
        top:calc(20% + 33px);
        height:484px;
    }
    #rubriques .paragraph {
        margin-left: 180px;
        padding-left:39px;
        padding-right:84px;
        overflow:auto;
        height: 439px;
        margin-bottom: 45px;
        width: 461px;
    }

    #rubriques .paragraph img {
        max-width: 100%;
        height:auto;
        width:auto;
    }

    #rubriques .columns .zone {
        padding-left: 84px;
        padding-right: 55px;
        padding :0;
        margin:0;
        width: auto;
        float:none;
        overflow:visible;
        height:auto;
    }
    #rubriques .zone .titles {
        padding-bottom: 12px;
    }
    #rubriques .zone .richtext, .zone.generiqueDeux {
        font-size: 0.86em;
        line-height: 1.6em;
    }

    #rubriques .columns .right {
        float: none;
        padding:0;
        /*width: 265px;*/
        margin-left: 0;

    }

    #rubriques .zone .survey .numeric {
        font-size: 3.5em;
        vertical-align: top;
    }


    #rubriques .zone .survey .percent {
        font-size: 1.75em;
        vertical-align: top;
    }

    #rubriques .zone .survey .quote {
        font-size:1.05;
        /*vertical-align:top;*/
        width:264px;
        font-weight:normal;

    }

    #rubriques .zone .links {
        padding: 13px 0 0;
    }

    #rubriques .zone .links li {
        padding:0;
        font-size: 0.7em;
    }

    /***** GENERIQUE FIN*******/

    /***** PRESSE *************/


    #presse .dates{
        padding-left:12px;
    }
    #presse .presselist{
        width:540px;
    }
    #presse .presselist li .news p.titre {
        font-size:1em;
        font-weight:bold;
    }
    #presse .presselist li .news .more p{
        font-size:0.9em;
        font-weight:normal;
    }


    /***** PRESSE FIN**********/

    /******* Recherche **********/

    /*voir presse structures
        #Resulats{
        }
    *************************/

    #resultats .liste {
        padding: 47px 68px 33px 68px;
    }
    .complexSearch .btleft{
        width: 431px;
    }
    .complexSearch .btright{
        width:178px;
    }
    .complexSearch #advancedSearchInput{
        width:257px;
    }
    /******* Recherche Fin ******/

    /******* DIAPORAMA ********/

    #diaporama{
        top: 232px;
        top: calc(20% + 33px);
        height:80%;
        height:calc(80% - 33px - 27px - 45px);
    }
    #diaporama #menu{

        margin-top:85px;
        height:calc(100% - 85px + 45px);
    }
    #diaporama #menu > ul, #diaporama #menu .jspPane > ul {
        /* width: 143px;*/
    }

    #diaporama .ad-nav {
        width:717px;
        height:85px;
    }

    .ad-gallery .ad-image-wrapper, .ad-image-wrapper {
        margin-left:252px;
        width:auto;
        /*margin-right:25px;*/
    }
    .ad-image-wrapper .ad-image{
        /*left:0!important;*/
        top:0!important;
    }
    .ad-image-wrapper .ad-image img{
        max-height:300px;
        width:auto!important;
        height:100%!important;
    }


    #diaporama .diapos li{
        padding: 19px 16px 21px 16px ;
        width:193px !important;
    }
    #diaporama .diapos li span {
        height:45px;
    }

    #diaporama .diapos li img{
        height:39px;
    }
    #diaporama .image-preview{
        margin-left:150px;
    }
    #diaporama .image-preview img{
        width: 522px;
        height: auto;
    }


    #diaporama .download-link{
        margin-top: 65px;
    }

    #diaporama .download-link a{
        font-size: 1em;
        color: #FFFFFF;
    }

    /*************************/
    /******* SATELITE ********/
    #satellite{
        /*top:248px; 215 +33*/
        top: 232px;
        top:calc(20% + 33px);
        height:calc(80% - 33px - 27px)
    }
    #satellite #menu{
        margin-top:19px;
        position:relative;
        overflow:visible;
    }
    #satellite #menu > .chapo{
        display:block;
        width:215px;
        float:left;
        padding-top:19px;
        padding-left:12px;
    }
    #satellite .boxes{
        padding-left:215px;
        padding-top:6px;
        padding-bottom:10px;
        padding-right:14px;
        background-color:#9fa1a2;
        text-align:right;
        height:59px;

    }
    #satellite #menu{
        height:auto;
        float:none;
        width:auto;
        padding:0;
    }
    #satellite .box > .chapo{
        display:none;
    }


    #satellite #menu .close .title {
        padding:0;
        border:0 none;
    }
    #satellite  #menu .close .subgroup{
        padding:0;
    }
    #satellite  #menu .close .subgroup ul li,#satellite  #menu .close .subgroup .title{
        display:none!important;
    }
    #satellite #menu .close .subgroup ul li.current{
        display:block!important;;
        border:0 none;
    }


    #satellite .map{
        margin-left:0;
    }
    #satellite .boxgroup{
        width:307px;
        float:none;
        display:inline-block;
        text-align:left;
    }
    #satellite .boxgroup .top{
        float:left;

    }
    #satellite .boxgroup .bottom{
        margin-left:154px;
    }
    #satellite .box{
        background: url("../images/css/satellite-menu-close.png") no-repeat
        scroll 120px 9px #969899;
        position: absolute;
        top:10px;
        z-index:10;
        min-height:45px;
    }
    #satellite .last{
        width:auto;
        /*margin-left:319px;*/
        margin-left:0;
        float:none;
        width:148px;
    }

    #satellite .map{
        margin-left:0;
        background-size:100% auto;
        background-position:0 center;
        width:auto;
        left:0;
        height:490px;
    }
    #satellite .map .filet{
        top:53%;
    }
    #satellite .map ul{
        top:52.2%;
    }
    #satellite .map ul li{
        margin-left:0px;
        background:url(../images/css/satellite-point-pad.png) 0 0 no-repeat transparent;
        margin-left:-4px;
        margin-top:1px;
    }
    #satellite .map ul li.selected{
        background:url(../images/css/satellite-point-pad-hover.png) 0 0 no-repeat transparent;
    }
    #satellite .map ul li .popin{
        left: -99px;
        z-index: 0;
    }
    #satellite .map ul li a{
        height:8px;
        width:8px;
    }

    /* Langues */
    #header .lang .lang_static {
        width:90px;
        display: block;
    }

    #header .lang .lang_dynamic {
        display: none;
    }
    /*************************/

    /******* CONTACT ********************/
    .form-contact {
        width: 425px;
        padding:0 112px 0 0;
        font-size:0.84em;
        height:400px;
        overflow:auto;
    }
    .form-contact .panel{
        width:auto;
        display:block;
        text-align:left;
    }
    .form-contact label{
        width:36%;

    }
    .form-contact input{
        width:63%;
    }
    .form-contact select{
        width:63.5%;
    }
    .form-contact .jqTransformSelectWrapper {
        width: 63.5% !important;
    }
    .form-contact .jqTransformSelectWrapper a.jqTransformSelectOpen{

    }
    .form-contact .jqTransformSelectWrapper div span {
        width:97%!important;
        padding: 0 0 0 2%;
    }
    .form-contact .jqTransformSelectWrapper ul{
        top:23px;
        width:99%!important;
    }

    .form-contact textarea{
        width:63%;
    }

    .form-contact .radio label {
        width: 120px;
        height:auto;
        line-height:1;
        vertical-align:middle;
    }

    .form-contact .radio input{
        vertical-align:middle;
        margin-left:36%;
    }

    .form-contact textarea {
        display:block;
        max-width: none;
        width:99.2%;
    }

    .form-contact .buttons{
        text-align:left;
    }
    .form-contact #cancel{
        background-color:#4d4d4d;
        width:25%;
        margin-right:10%
    }
    .form-contact #send{
        width:65%
    }
    /******* CONTACT END****************/

    /******* GLOSSARY ******************/
    #glossaire  #menu ,#content #glossaire  #menu > ul, #content #glossaire  #menu .jspPane > ul {
        width: 185px;
    }

    #glossaire{
        background:transparent;
    }
    #glossaire-wrapper{
        width:476px;
        padding-left:11px;
        padding-right:30px;
        padding-top:28px;
        height:100%;
        margin-left:218px;
    }
    .letter li a{
        font-size:1.19em;
    }

    .dictionary {
        margin-top:25px;
    }
    .dictionary .word{
        width:79px;
        /*line-height:55px;*/
        padding-left:6px;
    }
    .dictionary .definition{
        width:371px;
        padding-left:3px;
    }
    .dictionary .line{
        margin-bottom:3px;
    }
    .dictionary .line .sep{
        left:88px;
        height:2px;
        bottom:-3px;
        border-bottom-width: 2px;
    }
    /******* GLOSSARY *************/

    /******* OFFICE*************/
    .office #glossaire-wrapper{
        margin-left:23.37%;
        width:73.63%;
    }
    /******* OFFICE END *************/


    /******* FAQ ******************/
    #themes-wrapper{
        padding-right:103px;
        width:433px;
        margin-left:227px;
    }

    #themes .answer, #themes .answer a {
        font-size: 0.85em;
        line-height: 1.3em;
    }

    #themes > li{
        padding:20px 0 20px 3px;
    }
    .questions{
        margin-top:16px;
        margin-left:0;
    }
    .questions li a {
        line-height:1.3em;
    }
    .answer{
        padding:19px 0;
    }

    .answer .links {
        margin-top: 15px;
    }
    /******* FAQ END***************/


    /******* PLAN DU SITE ********************/


    /******* PLAN DU SITE END ********************/

    /******* SUBSCRIBE FORM ********************/
    .form-subscribe{
        margin-left:227px;
        width:393px;
        padding:0 144px 0 0;
        height:400px;
        overflow:auto;
    }
    .form-subscribe .panel{
        width:auto;
        display:block;
        text-align:left;
        padding:0;
    }
    .form-subscribe label{
        width:36%;

    }
    .form-subscribe input{
        width:63.3%;
    }

    .form-subscribe .panel.first{

    }
    /******* SUBSCRIBE FORM END********************/



}/*mediaquery*/