/**
* @file			    styles.css
* @date             18/04/2013
* @author			SQLI - Souad AMOZONE
* @version			1
*/

/**********************************************************************************************************************/
/* @section HTML5 Boilerplate */
/**********************************************************************************************************************/
.newsletter p {
    margin-top: 18px;
}
#txtLogin {
    background: url("/_layouts/15/images/Men.PortailWeb/ico-user.png") no-repeat scroll 95% center white;
    height: 19px;
    width: 130px;
}
#txtPassword {
    background: url("/_layouts/15/images/Men.PortailWeb/ico-pass.png") no-repeat scroll 95% center white;
    height: 19px;
    width: 130px;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.ErrorFormCaptcha {
color: red;
position: relative;
}

body {
    margin: 0;
    line-height: 1.4;
    font-family: arial;
    font-size: 12px;
}

html, button, input, select, textarea {
    font-family: arial;
}

ul, ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

a:active, a:focus {
    outline: none;
}

a:active, a:focus, input:focus, input:active, input {
    outline: none;
}

    input::-moz-focus-inner {
        border: 0;
    }

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    white-space: normal;
}

button, input, select, textarea {
    font-size: 11px;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button, input {
    line-height: normal;
}

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
        *overflow: visible;
    }

        button[disabled], input[disabled] {
            cursor: default;
        }

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        *width: 13px;
        *height: 13px;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

    input:valid, textarea:valid {
    }

    input:invalid, textarea:invalid {
        background-color: #f0dddd;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

a, a:visited, a:hover, a:focus, a:hover, a:active {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

ul, ol, p {
    margin: 0;
    padding: 0;
}

li {
    /* list-style: none; */
}

ul a, ol a {
    display: block;
}

.bold {
    font-weight: bold;
}

.block {
    display: block;
}
/**********************************************************************************************************************/
/* @section general */
/**********************************************************************************************************************/
body {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.2954; /* 14.25px / 11px */
    color: #484f55;
    background: url(/_layouts/15/images/MEN.PortailWeb/bg.png) repeat-x 0 0;
}

html {
    background: url(/_layouts/15/images/MEN.PortailWeb/fond.gif) repeat 0 0;
}

.radius, .ban .cont {
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*behavior: url('htc/PIE.htc');*/
}

.tradius {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    /*behavior: url('htc/PIE.htc');*/
}

.bradius, .bloc .cont {
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    /*behavior: url('htc/PIE.htc');*/
}

.shadow {
    -moz-box-shadow: 0 0 4px 4px #d8dce3;
    -webkit-box-shadow: 0 0 4px 4px #d8dce3;
    box-shadow: 0 0 4px 4px #d8dce3;
    /*behavior: url('htc/PIE.htc');*/
}

.bshadow {
    -moz-box-shadow: 0 2px 0 #dcdcdc;
    -webkit-box-shadow: 0 2px 0 #dcdcdc;
    box-shadow: 0 2px 0 #dcdcdc;
    /*behavior: url('htc/PIE.htc');*/
}

.clear {
    clear: both;
}

.right {
    float: right;
}

.left {
    float: left;
}
/* -------------
* Icons
* ------------- */
.icon, .diapo img, .space .image_carousel li img, .ban .nav a {
    background: url(/_layouts/15/images/MEN.PortailWeb/spritesFr.png) no-repeat 0 0;
    display: inline-block;
}

.plus {
    width: 23px;
    height: 17px;
    background-position: -34px -87px;
}

.moins {
    width: 20px;
    height: 13px;
    background-position: -64px -89px;
}

.share {
    width: 15px;
    height: 15px;
    background-position: -16px -87px;
}

.idee, .callus {
    width: 161px;
    height: 135px;
    background-position: 0 -120px;
}

.callus {
    background-position: -164px -120px;
}

.face, .tweet, .utb, .in, .rss, .google {
    width: 41px;
    height: 41px;
    background-position: -279px 0;
}

.tweet {
    background-position: -330px 0;
}

.google {
    background-position: -378px 0;
}

.utb {
    background-position: -427px 0;
}

.in {
    background-position: -475px 0;
}

.rss {
    background-position: -523px 0;
}
/**********************************************************************************************************************/
/* @section  header*/
/**********************************************************************************************************************/
#container {
    width: 100%;
    margin: auto;
    position: relative;
}

.content {
    width: 999px;
    margin: auto;
    position: relative;
}

#header {
    background: url(/_layouts/15/images/MEN.PortailWeb/bg-nav.gif) repeat-x 0 0;
    width: 100%;
    position: relative;
    height: 186px;
    z-index: 9;
}

.min-nav {
    height: 39px;
    width: 100%;
    background: url(/_layouts/15/images/MEN.PortailWeb/sep-nav.gif) no-repeat 590px 0;
}

.logo {
    position: absolute;
    left: -10px;
    top: 0;
}

    .logo a {
        background: none !important;
    }

.acces {
    width: 319px;
    height: 30px;
    line-height: 34px;
    background: #fff;
    border: 1px solid #e3e3e3;
    background: #fff url(/_layouts/15/images/MEN.PortailWeb/bg-acces.png) repeat-x 0 bottom;
    font: bold 16px 'Arial';
    color: #6387b1;
    padding: 12px 13px 0;
    position: absolute;
    top: 69px;
    right: 0;
    overflow: hidden;
}

/*.send {
    width: 95px;
    height: 29px;
    background: url(/_layouts/15/images/MEN.PortailWeb/send.png) no-repeat left bottom;
    font: bold 15px arial;
    color: #484f55;
    border: 0;
    float: right;
    text-align: left;
    padding-left: 14px;
    position: relative;
    top: -4px;
}*/

.search {
    background: url(/_layouts/15/images/MEN.PortailWeb/search.png) no-repeat left 8px;
    width: 370px;
    height: 22px;
    padding-top: 8px;
    overflow: hidden;
    float: right;
}

    .search input {
        float: left;
        background: none;
        width: 201px;
        height: 18px;
        position: relative;
        color: #a6a5ac;
        font-family: verdana;
        font-size: 11px;
        margin-left: 10px;
        border: none;
        *margin-top: 4px;
    }

    .search .ok input {
        width: 23px;
        height: 25px;
        margin: 0;
    }

.min-nav .search .r-av a {
    padding: 0;
    /* padding-left: 12px;
    margin-left: 12px;*/
    margin-right: 3px;
    margin-top: 5px!important;
    display: inline-block;
    background: url(/_layouts/15/images/MEN.PortailWeb/puce-gris.png) no-repeat 0 center;
    color: #EFEFEF;
    font-family: verdana,sans-serif !important;
    font-size: 10px;
    font-weight: bold;
    width: 128px !important;
}

.min-nav a {
    font-size: 12px;
    color: #bfbfbf;
    display: inline-block;
    background: url(/_layouts/15/images/MEN.PortailWeb/sep-lang.png) no-repeat left center;
    padding-right: 6px;
    padding-left: 10px;
}

.min-nav .last a {
    background: none;
    float: left;
}

.lang a {
    font-size: 14px;
}

.lang .last a {
    font-size: 10px;
    text-transform: uppercase;
    bottom: -2px;
    position: relative;
    background: none;
}

.min-nav a.current, .links a:hover {
    color: #fff;
    text-decoration: underline;
}

.links li, .lang li {
    display: inline;
    float: right;
}

.links, .lang {
    position: absolute;
    top: 13px;
}
/*Shanane*/
.links {
    right: 489px;
}

.lang {
    right: 730px;
}
/* -------------
 * Nav
 * ------------- */
.menu {
    background: #0e4473 url(/_layouts/15/images/MEN.PortailWeb/bg-menu.gif) repeat-x 0 0;
    position: absolute;
    top: 144px;
    left: 0;
    min-height: 42px;
    height: 42px;
    width: 100%;
}

    .menu li a.home {
        padding: 0;
        display: block;
        height: 42px;
        width: 47px;
        text-indent: 9999px;
        background: url(/_layouts/15/images/MEN.PortailWeb/home-1.png) no-repeat 0 0;
        overflow: hidden;
    }

    /* .menu li .home.current, .menu li:hover .home.current, .menu li:hover .home {
        background: url(/_layouts/15/images/MEN.PortailWeb/home.png) no-repeat 0 0 !important;
        width: 47px;
    }*/

    .menu > li {
        float: left !important;
        z-index: 9999;
        height: 42px;
    }

        .menu > li > a {
            padding: 10px 18px 7px 18px;
            display: inline-block;
            color: #fff;
            font: normal 16px 'Arial';
            background: url(/_layouts/15/images/MEN.PortailWeb/a.gif) no-repeat right 0;
            text-decoration: none !important;
            height: 26px;
        }

    .menu li.last {
        margin-right: 15px;
        *padding-right: 15px;
    }

        .menu li.last a, .menu li.selc a {
            background: none;
        }

    .menu li.selc a {
        float: left;
        font: 12px arial;
        padding-left: 10px;
    }

    .menu li.selc {
        float: left !important;
        width: 155px;
        padding-left: 10px;
        line-height: 22px;
        padding-top: 4px;
    }

        .menu li.selc, .menu li.selc:hover {
            background: url(/_layouts/15/images/MEN.PortailWeb/shadow-menu.png) repeat-y right 0 !important;
        }

            .menu li.selc:hover a {
                color: #fff !important;
                background: none !important;
            }

    .menu li.size {
        width: 130px;
    }

.selc span {
    margin-left: 10px;
    top: 15px;
    position: absolute;
}

.selc {
    position: relative;
}

.menu .share {
    right: 25px;
}

.selc .plus {
    right: 55px;
    top: 13px;
}

.selc .moins {
    right: 25px;
    top: 15px;
}

/*#nav > li:hover > a {
    color: #6487b1;
    background: url(/_layouts/15/images/MEN.PortailWeb/bg-smenu.jpg) repeat-x 0 0;
}*/

/*ul.megamenu li.clear-fix {
    float: none;
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

ul.megamenu div.mm-item-content {
    background: #eee;
    padding: 0px;
    position: absolute;
    border: 1px solid #d5d5d5;
    z-index: 999999;
    left: 0 !important;
    left: 2px\9 !important;
    top: 42px !important;
    width: 952px;
    z-index: 9999 !important;
    -webkit-box-shadow: #ccc 0px 2px 3px;
    -moz-box-shadow: #ccc 0px 2px 3px;
    box-shadow: #ccc 0px 2px 3px;*/
    /*behavior: url(htc/PIE.htc);*/
/*}

.mm-content-base {
    position: relative;
    z-index: 11;
    overflow: hidden;
}

.content ul {
    list-style:none;
}

#nav li li {
    border: none;
    padding-bottom: 5px;
    display: block;
    width: 170px;
    padding-left: 2px;
}

#nav li.current li {
    background: none;
}*/

#nav li li:hover {
    /*background:#e5e5e5 !important*/
}


/*#nav li li a {
    display: block;
    font-weight: normal;
    background: url(/_layouts/15/images/MEN.PortailWeb/m-puce.gif) no-repeat left 12px;
    font: 12px arial;
    color: #6487b1;
    margin: 0px;
    padding: 7px 9px 3px 9px;
    text-decoration: none;
}

#nav li li.last {
    border: 0;
}*/




 #nav {
    float: right;
}

       #nav li {
        float: left;
    }

           #nav li.last a {
            border: none;
        }

           #nav li.activeElem a {
            color: #083361;
            background: #fff;
            padding-bottom: 4px;
            -moz-border-radius: 8px 8px 0 0;
            -webkit-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0;
            /*behavior: url(styles/PIE.htc);*/
        }

           /*#nav li.active a {
            outline: none;
            color: #083361;
            background: #fff;
            padding-bottom: 4px;
            -moz-border-radius: 8px 8px 0 0;
            -webkit-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0;
            /*behavior: url(styles/PIE.htc);
        }*/

           #nav li.active a {
            outline: none;
            color: #fff;
            background: none;
        }

           #nav li.active .submenu {
            display: block;
        }

           #nav li a:hover {
            color: #083361;
            
        }

        /* SHANANE new style*/
           #nav li a {
          
            padding: 0 8px;
            color: #fff;
            height: 42px;
            display: block;
            line-height: 39px;
        }

       #nav .submenuChild {
        background: url(/_layouts/15/images/MEN.PortailWeb/bg-sousmenu2.png) no-repeat left top;
        padding: 0 23px 0 9px;
        overflow: hidden;
    }
#nav .bradius {
    display: none;
    padding: 0 0 20px 0;
    width: 997px;
    background: #fff;
    left: 0px !important;
    float: left;
    position: absolute;
    top: 42px;
    z-index: 3500;
    overflow: hidden;
}

           #nav .bradius .itemMenus {
            float: left;
            width: 170px;
            margin: 0 0 0 17px;
            padding: 0;
        }

           #nav .bradius .leftSub {
            float: left;
            overflow: hidden;
            padding-top: 27px;
            position: relative;
        }

           #nav .bradius .rightSub {
            width: 170px;
            float: right;
            overflow: hidden;
            padding: 0 0 20px 12px;
            border-left: 1px solid #cdcece;
            margin-top: 21px;
        }

               #nav .bradius .rightSub img {
                margin-bottom: 9px;
                   width: 150px;
            }

               #nav .bradius .rightSub a {
                color: #626262;
                font-weight: bold;
                font-size: 12px;
                border: none;
                height: auto;
                line-height: 18px;
                padding: 0;
                background: none;
            }

               #nav .bradius .rightSub p {
                color: #626262;
                font-size: 12px;
                line-height: 18px;
            }

               #nav .bradius .rightSub a.lireSuite {
                color: #7298cb;
                font-weight: normal;
                background: url("/_layouts/15/images/MEN.PortailWeb/puce_firstsubmenu.png") no-repeat scroll left center transparent;
                padding-left: 11px;
            }

               #nav .bradius .rightSub a:hover {
                text-decoration: underline;
            }

           #nav .bradius ul {
            margin-bottom: 18px;
        }

           #nav .bradius li.first {
            background: none;
            padding: 0;
        }

               #nav .bradius li.first a {
                color: #7298cb;
                font-weight: bold;
                font-size: 12px;
                border-bottom: 1px solid #aac4e3;
                padding: 0 0 8px 11px;
                background: url(/_layouts/15/images/MEN.PortailWeb/puce_firstsubmenu.png) no-repeat left 3px;
            }

           #nav .bradius li {
            float: none;
            background: url("/_layouts/15/images/MEN.PortailWeb/bg_menu_footer.png") no-repeat scroll left center transparent;
            padding: 7px 0 5px 8px;
            list-style: none outside none;
        }

               #nav .bradius li a {
                border: none;
                color: #5b5b5b;
                display: block;
                height: auto;
                line-height: auto;
                padding: 0;
                font-size: 12px;
                line-height: 12px;
                background: none;
            }

                   #nav .bradius li a:hover {
                    text-decoration: underline;
                }

           #nav .bradius .closebloc {
            bottom: 14px;
            height: 24px;
            left: 0;
            position: absolute;
            text-align: right;
            width: 100%;
            direction: ltr;
        }

               #nav .bradius .closebloc a {
                background: none repeat scroll 0 0 transparent;
                border: medium none;
                color: #009EE0;
                display: inline;
                font-size: 10px;
                font-weight: bold;
                height: auto;
                line-height: 20px;
                margin-right: 23px;
                padding: 0;
            }

 
     #nav .bradius  .leftSub {
    float: left;
}

    #nav .bradius  .rightSub {
    border-right: none;
    border-left: 1px solid #CDCECE;
    float: right;
    padding-right: 0;
    padding-left: 12px;
}

      /*#nav .bradius  .closebloc {
    text-align: left;
    direction: rtl;
}

         #nav .bradius .closebloc a {
        margin-right: 0;
        margin-left: 23px;
    }

    #nav .bradius .itemMenus {
    float: right;
    margin-left: 0;
    margin-right: 17px;
}

    #nav .bradius li {
    background: url("/_layouts/15/images/MEN.PortailWeb/bg_menu_footer.png") no-repeat scroll right center transparent;
    float: none;
    padding: 7px 8px 5px 0;
     list-style: none outside none;
}

         #nav .bradius li.first {
        background: none repeat scroll 0 0 transparent;
        padding: 0;
    }

           #nav .bradius li.first a {
            background: url("/_layouts/15/images/MEN.PortailWeb/puce_firstsubmenu_ar.png") no-repeat scroll right 3px transparent;
            padding: 0 11px 8px 0;
            border-right: none;
            border-bottom: 1px solid #AAC4E3;
            font-size: 13px;
        }

        #nav .bradius li a {
        border: none;
    }

     #nav .bradius .rightSub a.lireSuite {
    background: url("/_layouts/15/images/MEN.PortailWeb/puce_firstsubmenu_ar.png") no-repeat scroll right center transparent;
    padding-left: 0;
    padding-right: 11px;
}*/







/**********************************************************************************************************************/
/* @ Bloc centrale */
/**********************************************************************************************************************/
.mainbloc {
    margin-top: 15px;
    overflow: hidden;
    width: 100%;
}

.aside {
    float: right;
    width: 321px;
}

.rightbloc {
    float: left;
    width: 661px;
    *margin-top: 5px;
}

.b-contact {
    width: 326px;
    direction: rtl;
}

    .b-contact a {
        position: relative;
        text-decoration: none;
    }

        .b-contact a.idee {
            right: -4px;
        }

    .b-contact span {
        width: 113px;
        height: 37px;
        position: absolute;
        bottom: 8px;
        left: 23px;
        text-align: center;
        font: bold 13px Arial;
        color: #6387b1;
        display: block;
    }

.bloc {
    border: 1px solid #d5d5d5;
    background: #fff url(/_layouts/15/images/MEN.PortailWeb/bg-bloc.gif) repeat-x 0 0 !important;
    margin-bottom: 18px;
    position: relative;
}

    .bloc h2, .bloc h2 a {
        font: bold 15px Arial;
        color: #fa902e;
        text-decoration: none;
        line-height: 25px;
    }

    .bloc h2 {
        padding: 4px 21px 0 12px;
    }

.b-bleu {
    top: 7px;
    background: url(/_layouts/15/images/MEN.PortailWeb/bg-titre.gif) repeat-x 0 0;
    font: 17px Arial !important;
    color: #fff !important;
    z-index: 1;
    padding: 4px 12px 5px 11px !important;
    float: left !important;
}

.bloc.news {
    background: #fff url(/_layouts/15/images/MEN.PortailWeb/bg-bloc.jpg) repeat-x 0 0 !important;
    padding-top: 38px;
}

.aside .news .jspPane {
    max-width: 284px;
}

.cont {
    background: #fff url(/_layouts/15/images/MEN.PortailWeb/bg-cont.gif) repeat-x 0 bottom;
}

.cal .cont {
    padding: 9px 30px 15px 34px;
    overflow: hidden;
    display:inline-block;
}
.fc-widget-header, .fc-widget-content {
    border: none !important;
    padding: 3px;
}
/*CSS jScrollPane*/
.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 16px;
}

    .jspHorizontalBar * {
        margin: 0;
        padding: 0;
    }

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    position: relative;
    background: #f4f4f4;
    width: 16px;
}

.jspDrag {
    background: #4e4e4e;
    position: relative;
    top: 0;
    right: 0;
    cursor: pointer;
    border: 1px solid #898989;
    width: 6px;
    margin: auto;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow, .jspArrowDown {
    display: block;
    cursor: pointer;
    height: 24px;
    background: url(/_layouts/15/images/MEN.PortailWeb/st.png) no-repeat 0 0;
}

.jspArrowDown {
    background: url(/_layouts/15/images/MEN.PortailWeb/std.png) no-repeat 0 0;
}

.jspArrow.jspDisabled {
    cursor: default;
}

.jspHorizontalBar .jspArrow {
    width: 10px;
    float: right;
    height: 100%;
}

.horizontal-only {
    height: auto;
    max-height: 293px;
    margin: 3px 4px 5px 12px;
    *padding-top: 3px !important;
    *padding-bottom: 3px !important;
}

.liens .horizontal-only {
    max-height: 217px;
    *max-height: 223px;
    *padding-top: 6px !important;
}

.liens {
    *padding-bottom: 4px;
}

    .liens .liste a {
        background: url(/_layouts/15/images/MEN.PortailWeb/puce-b.png) no-repeat left 7px;
        padding-left: 9px;
    }

.liste {
    margin-top: 15px;
}

    .liste a {
        font: 12px arial;
        color: #6387b1;
        margin-top: 5px;
        margin-bottom: 6px;
        padding-bottom: 5px;
        border-bottom: 1px solid #f4f4f4;
    }

        .liste a .c-or {
            color: #fd7800;
            /* SHANANE background: url(/_layouts/15/images/MEN.PortailWeb/picto-or.png) no-repeat left 5px
            padding-left: 9px;*/
            display: inline-block;
        }

.date {
    color: #484f55;
    font-size: 10px;
    background: #d8e1eb;
    padding: 2px 7px 2px 6px;
}

.partage .cont {
    overflow: hidden;
}

.partage .newsletter {
    float: left;
    width: 317px;
    min-height: 80px;
    *height: 86px;
    background: url(/_layouts/15/images/MEN.PortailWeb/g-share.png) no-repeat right 0;
    direction: ltr;
    padding-left: 16px;
    padding-top: 13px;
    *margin-bottom: 11px;
}

    .partage .newsletter label {
        display: block;
        font: bold 12px arial;
        color: #646464;
        padding-left: 7px;
        padding-bottom: 8px;
    }

    .partage .newsletter input.champ {
        font: 12px arial;
        color: #d5d5d5;
        border: 1px solid #9c9c9c;
        background: url(/_layouts/15/images/MEN.PortailWeb/bg-champ.gif) repeat-x 0 0;
        padding-left: 5px;
        width: 215px;
        margin-right: 8px;
    }

    .partage .newsletter input.submit {
        font: bold 12px arial;
        color: #484f55;
        background: url(/_layouts/15/images/MEN.PortailWeb/bg-sub.jpg) repeat-x 0 bottom;
        border: 1px solid #b6b6b6;
        min-width: 42px;
        text-align: center;
        margin-top: 1px;
        padding: 3px;
    }

.sharing {
    padding-right: 24px;
    padding-top: 20px;
}

    .sharing a {
        margin-left: 4px;
        float: right;
    }

.media {
    height: 304px;
    margin-bottom: 8px;
    *margin-bottom: 3px;
}

.champ2 {
    width: 277px !important;
    display: block;
    float: right;
    height: 20px;
}

.media .bloc {
    width: 318px;
    float: right;
}

    .media .bloc.diapo {
        margin-left: 20px;
    }

.video .cont {
    padding: 10px 11px 14px 11px;
}

p.titre {
    padding-top: 16px;
    padding-bottom: 5px;
}

.diapo .cont {
    padding: 10px 0px 13px 10px;
}

.diapo img {
    padding: 4px;
    background-position: -130px 0;
    text-align: center;
    margin-bottom: 16px;
    margin-right: 5px;
}

.diapo p.titre {
    padding-top: 0;
    padding-right: 11px;
}
/* -------------
* sliderz
* ------------- */
.slider {
    background: #fff;
    margin-bottom: 20px;
    height: 110px;
}

.image_carousel {
    padding: 11px 0 0 35px;
    *padding: 11px 0 0 20px;
    position: relative;
}

.slider .image_carousel img {
    display: block;
    float: left;
    margin-right: 11px;
}

a.prev, a.next {
    background-position: -229px 0;
    width: 16px;
    height: 96px;
    display: block;
    position: absolute;
    top: 7px;
}

a.prev {
    left: 8px;
}

a.next {
    right: 8px;
    background-position: -247px 0;
}

    a.prev span, a.next span {
        display: none;
    }

.clearfix {
    float: none;
    clear: both;
}

.space .cont {
    padding: 11px 11px 14px 11px;
}

.space .image_carousel {
    padding: 0 0 0 20px;
    *padding: 0 0 0 18px;
    position: relative;
}

.space .b-bleu {
    background: url("/_layouts/15/images/MEN.PortailWeb/bg-b.gif") repeat-x scroll 0 0 transparent;
    font: bold 12px arial !important;
    font-weight: bold;
    padding: 9px 12px 7px 11px !important;
    right: 11px;
    top: 7px;
    width: 106px;
}

.space .image_carousel li {
    float: left;
    width: 150px;
    margin-right: 6px;
}

    .space .image_carousel li img {
        background-position: -1px -264px;
        padding: 4px;
        text-align: center;
    }

.space a.prev, .space a.next {
    background-position: -80px 0;
    width: 22px;
    height: 22px;
    top: 80px;
    display: none;

}

.space a.prev {
    left: -3px;
}

.space a.next {
    right: -3px;
    background-position: -104px 0;
}

.puce {
    background: url(/_layouts/15/images/MEN.PortailWeb/puce-orFr.png) no-repeat 0 center;
    /*padding-left: 10px;*/
    display: block;
    background-position: right center;
}
/* -------------
* ban
* ------------- */
.ban .cont {
    height: 296px;
    background: url(/_layouts/15/images/MEN.PortailWeb/bg-ban.png) repeat-x 0 0;
}

.ban {
    margin-bottom: 20px;
    *margin-bottom: 22px;
    margin-top: 5px;
}

    .ban .nav {
        float: left;
        width: 195px;
        height: 275px;
        padding-left: 9px;
        background: url(/_layouts/15/images/MEN.PortailWeb/bg-nav.png) repeat-y right 0;
        *padding-right: 0;
        margin-top: 12px;
    }

        .ban .nav a {
            background-position: -134px -316px;
            width: 162px;
            height: 33px;
            display: block;
            margin-bottom: 1px;
            padding-left: 32px;
            padding-top: 18px;
            text-decoration: none;
            font: 14px Arial;
            color: #929292;
        }

            .ban .nav a.current, .ban .nav a:hover, .ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a {
                background-position: -134px -264px;
                color: #ff7a00;
            }

        .ban .nav .title {
            display: block;
            font: 18px Arial;
            color: #6387b1;
            padding-left: 11px;
            padding-bottom: 8px;
        }

    .ban .image_carousel {
        float: right;
        width: 439px;
        padding: 11px 8px;
    }

        .ban .image_carousel li {
            width: 420px;
            overflow: hidden;
            float: left;
            xmargin-left: 9px;
            padding-right: 19px;
        }

        .ban .image_carousel img {
            padding: 4px;
            text-align: center;
            margin-bottom: 8px;
            background: url(/_layouts/15/images/MEN.PortailWeb/bg-img.png) no-repeat 0 0;
        }

        .ban .image_carousel h2 {
            color: #ff7a00;
            font: bold 14px arial;
            margin-bottom: 2px;
        }

        .ban .image_carousel p {
            font: 12px arial;
            margin-bottom: 8px;
        }

.pager {
    text-align: center;
    margin-top: -7px;
}

#tabs-1 .pager {
    margin: 0;
}

.pager a {
    background: url(/_layouts/15/images/MEN.PortailWeb/paging.png) 0 0;
    width: 5px;
    height: 5px;
    margin: 12px 10px 0 0;
    display: inline-block;
}

    .pager a.selected {
        background-position: right 0;
        cursor: default;
    }

    .pager a span {
        display: none;
    }

.suite {
    background: url(/_layouts/15/images/MEN.PortailWeb/suite.png) no-repeat 0 0;
    float: right;
    width: 62px;
    height: 18px;
    text-decoration: none !important;
    font: bold 11px Arial;
    color: #484f55;
    padding-left: 8px;
    padding-top: 4px;
    margin-right: 6px;
    text-align: left;
}

.pagination3 li {
    background: #eaeaea;
    padding: 15px;
    margin-bottom: 10px;
}

.ban .image_carousel li {
    height: 86px;
}

#tabs-1 .image_carousel li {
    height: inherit !important;
    *height: auto;
}
/**********************************************************************************************************************/
/* @section Tabs */
/**********************************************************************************************************************/
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-tabs {
    position: relative;
}

    .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
        cursor: text;
    }

    .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
        cursor: pointer;
    }

.ui-widget-content {
    /*  height: 296px;*/
}
/**********************************************************************************************************************/
/* @section FOOTER */
/**********************************************************************************************************************/
#footer {
    background: url(/_layouts/15/images/MEN.PortailWeb/footer.png) no-repeat 1px 0;
    margin: auto;
    width: 1280px;
    padding-top: 29px;
    margin-top: 8px;
}

#keys {
    overflow: hidden;
    direction: rtl;
    width: 104%;
    margin-left: -20px;
}

    #keys > li {
        float: left;
        margin-left: 20px;
        width: 184px;
        margin-bottom: 1px;
        text-align: left;
    }

    #keys li a {
        background: url(/_layouts/15/images/MEN.PortailWeb/footer-puce.png) no-repeat left 6px;
        border-bottom: 1px solid #d8d8d8;
        display: block;
        line-height: 19px;
        font: 12px arial;
        color: #484f55;
        padding: 1px 0 3px 11px;
    }

    #keys li.last a {
        border-bottom: 0;
    }

    #keys li h4 a {
        clear: left;
        border-bottom: 1px solid #d8d8d8;
        color: #6387b1;
        background: none;
        padding: 0;
        padding-bottom: 4px;
        font-weight: bold;
    }

.copyright {
    text-align: center;
    color: #484f55;
    font: 11px arial;
    margin: 20px 0;
}

    .copyright span {
        font-size: 11px;
    }

.foot, .foot a {
    background: #f6a228;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}
/* -------------
* Compatibilite IE
* ------------- */
.ie8 .search input {
    margin-top: 4px;
}

.ie8 .acces label {
    margin-top: 4px;
    display: inline-block;
}

.ie8 .bloc h2 {
    padding: 4px 12px 0 21px;
    min-height: 30px;
}

.selcsize {
    position: relative;
    right: 122px;
    float: right !important;
    direction: ltr;
}

.ie8 .bloc h2 a, .ie8 .suite, .ie8 .bloc h2 {
    font-weight: bold !important;
}

.SocialNetworks {
    position: relative;
    margin-top: -32px;
    float: right !important;
}

.ie8 .suite {
    line-height: 22px;
}

.ie8 .menu li.last {
    padding-right: 14px !important;
}

.ie8 .partage .newsletter {
    min-height: 85px;
}

.ie9 .partage .newsletter {
    min-height: 80px;
}

.ie10 .menu li.last {
    margin-right: 7px;
}
/*------------------- DETAIL ICON --------------------*/

.detail_bloc {
    display: block;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 20px;
    height: 15px;
    background: url(/_layouts/15/images/MEN.PortailWeb/ico-detail-bloc.png) no-repeat left top;
}
/*Icone ActualiteEtablissementUserControl*/
.detailEtabFirstIcon {
    margin-left: 168px;
    margin-top: 7px;
    display: block;
    position: absolute;
    left: 10px;
    top: 7px;
    width: 20px;
    height: 15px;
    background: url(/_layouts/15/images/MEN.PortailWeb/ico-detail-bloc.png) no-repeat left top;
}
/*Icone ActualiteEtablissementUserControl*/
.detail_bloc.b-bloc {
    left: 12px;
    top: 10px;
}

.detail_bloc:hover {
    text-decoration: none;
    background-position: left bottom;
}

.interne .cmnt-form .line .label {
    /* background: url("/_layouts/15/images/MEN.PortailWeb/bg-label.png") no-repeat scroll left center transparent;*/
    display: inline-block;
    float: left;
    margin-left: -31px;
    width: 143px;
}

/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper {
    display: inline-block;
    /*float:left;*/
    margin: 0px 5px 0 10px;
    vertical-align: middle;
}

a.jqTransformCheckbox {
    background: transparent url(/_layouts/15/images/MEN.PortailWeb/checkbox.png) no-repeat center top;
    vertical-align: middle;
    height: 19px;
    width: 18px;
    display: block; /*display: -moz-inline-block;*/
}

ul.states {
    list-style: none;
    left: -13px !important;
    position: relative;
    float: left !important;
    top: -22px;
}

    ul.states li {
        float: right;
        position: relative;
        text-align: center;
        margin-right: 36px;
    }

.niveaux {
    padding: 8px;
    width: 168px;
    float: left;
    position: relative;
    right: 241px;
}

ul.cycles {
    direction: rtl !important;
    float: left;
    left: -161px !important;
    color: #626262;
    margin-top: 17px !important;
    position: relative;
}

.lien {
    margin-top: 23px !important;
}

ul.cycles li {
    width: 178px !important;
    color: black;
    display: inline;
    float: left;
    font-weight: bold;
    font-size: 13px;
    background: url(/_layouts/15/images/MEN.PortailWeb/Monographie/Qualifiant/point.png) no-repeat 3px 4px;
    padding-left: 15px !important;
    left: -69px;
    position: relative;
}

.ServicesEtab {
    text-align: right;
    color: #024c97;
    font-weight: bold;
    padding: 8px;
    border-radius: 7px;
    width: 170px;
    float: left;
    position: relative;
    right: 11px;
    margin-top: 102px !important;
}

.SiteEtabdata {
    text-align: left;
    color: #024c97;
    font-weight: bold;
    padding: 8px;
    width: 130px;
    float: left;
    position: relative;
}

.WebSiteContent {
    cursor: pointer;
    width: 295px;
    text-align: center;
    font-size: 16px;
    padding-top: 11px;
}

.header .rightHeader {
    margin: 9px 10px 0px 0px;
    float: left;
    width: 446px;
}

.header .rdm {
    margin-left: 159px;
    margin-top: 83px;
}

.header {
    height: 250px;
    width: 974px;
}

.InfosEtabFiche {
    position: relative;
    top: 40px;
}

.topInfoFiche {
}

.FicheDir {
    margin-left: 583px;
    background: url(/_layouts/15/images/MEN.PortailWeb/Fich_Etab_Integr.png) no-repeat;
    height: 211px;
    width: 245px;
    text-align: center;
    padding-left: 16px;
}

.CycleEtabFiche {
    position: relative;
    top: 29px;
    font-size: 9px;
    text-align: center;
}

.tdleft {
    width: 25px;
    background: url(/_layouts/15/images/MEN.PortailWeb/tdleft.png) no-repeat;
    height: 43px;
}

.tdmiddle {
    width: 691px;
    background: url(/_layouts/15/images/MEN.PortailWeb/tdmiddle.png) repeat-x;
    color: #024c97 !important;
}

.tdright {
    width: 26px;
    background: url(/_layouts/15/images/MEN.PortailWeb/tdright.png) no-repeat;
}

.tdrightlittle {
    background: url(/_layouts/15/images/MEN.PortailWeb/tdright.png) no-repeat;
    width: 145px;
}

.tdmiddlelittle {
    background: url(/_layouts/15/images/MEN.PortailWeb/tdmiddle.png) repeat-x;
    height: 42px;
    width: 540px;
}

    .tdmiddlelittle a {
        color: #024c97;
        text-decoration: none !important;
        position: relative;
        top: 14px;
        font-size: 13px;
    }

.tdleftlittle {
    background: url(/_layouts/15/images/MEN.PortailWeb/tdleft.png) no-repeat;
    width: 56px;
}

.tdAleft {
    width: 15px;
    background: url(/_layouts/15/images/MEN.PortailWeb/tdAleft.png) no-repeat;
    height: 43px;
}

.tdAmiddle {
    width: 1172px;
    background: url(/_layouts/15/images/MEN.PortailWeb/tdAmiddle.png) repeat-x;
    color: white !important;
}

.tdAright {
    width: 26px;
    background: url(/_layouts/15/images/MEN.PortailWeb/tdAright.png) no-repeat;
}

/*.Datas {
    position: relative;
    left: 37px;
    height: 19px !important;
    top: -1px;
}*/

.LabsData span {
    float: left;
    font-weight: bold;
    position: relative;
    left: 29px;
}

.ContactEtabdata {
    text-align: left;
    color: #024c97;
    font-weight: bold;
    background: url(/_layouts/15/images/MEN.PortailWeb/Monographie/Qualifiant/popup/arrowFr.png) no-repeat 189px 18px !important;
    width: 214px;
    float: right;
    position: relative;
    text-decoration: underline;
    top: -37px;
    left: 11px;
}

.NomEtab {
font-size: 13px;
position: relative;
top: 28px;
font-weight: bold;
text-align: center;
}

.innerTableText {
text-align: left;
color: white;
font-weight: bold;
padding: 14px;
position: relative;
font-size: 15px;
padding-left: 37px;
top: 12px;
}

.CatpchaRefresh {
text-decoration: underline;
position: relative;
top: 45px;
background: url(/_layouts/15/images/MEN.PortailWeb/refresh.gif) no-repeat 1px;
padding-left: 19px;
}
.CaptchaTable {
width: 267px;
left: 107px;
position: relative;
border: 1px solid #A29C9C;
}
.innerTableTextA {
color: #024c97;
font-weight: bold;
padding: 14px;
position: relative;
font-size: 15px;
top: 13px;
}

@-moz-document url-prefix() {
    .Datas span{
    height: 19px !important;
    left: 35px;
    position: relative;
    top: -1px;
}

}

.contactLab {
    cursor: pointer;
    padding-left: 20px;
    text-decoration: underline;
}

.level-2 {
    display: block;
}

.letter {
background: url(/_layouts/15/images/MEN.PortailWeb/letter.png) no-repeat 120px;
width: 150px;
height: 37px;
position: absolute;
margin-top: -18px;
margin-left: -128px;
background-size: 23px 21px;
cursor: pointer;

}

.datatooltipvalue {
    position: relative;
    left: 20px;
    width: 185px;
}
#calendar {
width:255px !important;
}
.datatooltipkey {
    width: 78px;
    font-weight: bold;
    height: 23px;
    position: relative;
    left: 20px;
}

/*.blocX h2, .blocX h2 a {
    font: bold 15px Arial;
    color: #fa902e;
    text-decoration: none;
    line-height: 25px;
}

.blocX {
    border: 1px solid #d5d5d5;
    background: #fff url(/_layouts/15/images/MEN.PortailWeb/bg-bloc.gif) repeat-x 0 0 !important;
    margin-bottom: 18px;
    position: relative;
    width: 663px;
}*/

.m tbody td.key {
    background: #3082bd;
    font-weight: bold;
    width: 35%;
    vertical-align: top;
    color: white;
    padding: 6px;
    padding-left: 19px !important;
}

.mHead td {
    background: #3082bd;
    color: white;
    font: bold 16px arial;
    padding: 9px 5px 12px 0;
    margin-top: 52px;
    position: relative;
    padding-left: 18px !important;
}

.innerTableText:hover {
text-align: left;
color: white;
font-weight: bold;
padding: 14px;
position: relative;
font-size: 15px;
cursor: pointer;
text-decoration: none;
padding-left: 37px;
}

.innerTableTextA:hover {
color: #024c97;
font-weight: bold;
padding: 14px;
position: relative;
font-size: 15px;
cursor: pointer;
text-decoration: none;
}

.numbers {
    top: 44px !important;
    left: -19px !important;
    font-size: 14px !important;
    font-weight: bold;
    text-align: center !important;
}

ul.appui li {
    float: left;
    position: relative;
    text-align: center;
    right: -231px !important;
    top: 12px;
    list-style: none;
}

table .appui {
    margin: auto;
    margin-top: 10px;
    direction: ltr;
    width: 200%;
}

.MultiData {
    position: relative;
    top: 37px;
    left: -11px;
}

.LitContactTelLab{
    font-weight: bold;
}
.LitContactTel{
    width: 180px !important;
    
}
.LitContactEmailLab {
width: 80px !important;
font-weight: bold;
}
.LitContactEmail{
    width: 180px !important;
}
.LitContactFaxLab{
    width: 50px !important;
    font-weight: bold;
}
.LitContactFax{
    width: 180px !important;
}
.ContactCadre {
text-align: left;
background: white;
border-radius: 3px;
border: 1px solid gray;
padding-top: 10px;
padding-bottom: 10px;
height: 30px;
padding-left: 92px;
}


 /*Modification 23052014Z*/
    #s4-workspace {
         clear: both;
         /*height: auto !important;*/
     }
     .ms-cui-TabRowLeft {
    padding: 0;
     
}
     .ms-cui-tts-scale-2 .ms-cui-tt-a {
width: auto;
overflow: auto;
}
#globalNavBox{
height: auto;
display:block;

}
#keys ul {
    list-style: none outside none;
}
.disabled {
    display: none;
    visibility: hidden;
}



.rightbloc .srch-advancedtable {
margin: 40px 10px;
border: none !important;
background: transparent;
top: -55px;
position: relative;
/* left: 123px; */
width: 90%;
/* padding: 10px; */
}
    .rightbloc .srch-advancedtable .ms-advsearch-header {
        font: 23px;
color: #FD7800;
text-decoration: none;
text-align: left;
padding: 4px 12px 0 21px;
    }




#NoResult {
padding : 10px 20px;
}
#NoResult ul{
padding: 0 14px;
}
td.ms-advsrchText-v2 {

padding: 16px 0 0;
}



@-moz-document url-prefix()
{
.jqTransformSelectWrapper div span {
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    cursor: pointer;
    float: none;
    font-size: 12px;
    height: 21px;
    left: 110px;
    line-height: 15px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    white-space: nowrap;
    width: 160px !important;
}
}

    .selcsize .defaillance {
  float: left;
}
.selcsize .defaillance img.style1 {
  margin-right: 5px;
}
#nav li.active a:hover
{
        color: #083361 !important;
    background: url(/_layouts/15/images/MEN.PortailWeb/bg-smenuOLD.jpg) !important;
}

 a.LienRetour {
    font-size: 16px;
    float: right;
}


 
/**************** POPUP CONTAINER BEGIN ****************/

   /* [Object] Modal
 * =============================== */
    .modal {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: left;
        background: rgba(0,0,0, .7);
        transition: opacity .25s ease;
    }

    .modal__bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        cursor: pointer;
    }

    .modal-state {
        display: none;
    }

       .modal-state:checked + .modal {
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}

            .modal-state:checked + .modal .modal__inner {
                top: 0;
            }

    .modal__inner {
        transition: top .25s ease;
        position: absolute;
        top: -20%;
        right: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        margin: auto;
        overflow: auto;
        background: #fff;
        border-radius: 5px;
        padding: 1em 2em;
        height: 50%;
    }

    .modal__close {
        position: absolute;
        right: 1em;
        top: 1em;
        width: 1.1em;
        height: 1.1em;
        cursor: pointer;
    }

        .modal__close:after,
        .modal__close:before {
            content: '';
            position: absolute;
            width: 2px;
            height: 1.5em;
            background: #ccc;
            display: block;
            transform: rotate(45deg);
            left: 50%;
            margin: -3px 0 0 -1px;
            top: 0;
        }

        .modal__close:hover:after,
        .modal__close:hover:before {
            background: #aaa;
        }

        .modal__close:before {
            transform: rotate(-45deg);
        }

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

        .modal__inner {
            width: 90%;
            height: 90%;
            box-sizing: border-box;
        }
    }


   
    /* Other
 * =============================== */

    .btn {
        cursor: pointer;
    }


        .btn:active {
            box-shadow: 0 1px 2px rgba(0,0,0, .2) inset;
        }
		     .btn img {
    width: 313px;
    border-radius: 5px;
}
  /* NEXT */

.ModalContainer {
    position: relative;
    overflow: hidden;
    margin-top: 7px;
}
.ModalContainer .ModalContainertextbox {
    width: 313px;
    height: 75px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -160px;
    border-radius: 5px;
    background-color: rgba(119, 106, 106, 0.65);
}
.ModalContainer:hover .ModalContainertextbox {
margin-top:0;
}
.ModalContainertext {
    padding: 10px !important;
    color: white;
    position: relative;
    text-align: left;
    top: 25px;
    direction: ltr;
    float: left;
    font-size: 17px;
}
.ModalContainertextbox {
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.modal__inner h2 {
    float: left;
    direction: ltr;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}
           .modal__inner p {
    float: right;
    direction: ltr;
    text-align: left;
}

/**************** POPUP CONTAINER END ****************/



/****************************** publication avec onglets ************************/


.PubOnglet {
	font-family: inherit;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	margin-left: -15px;
	-moz-box-sizing: border-box;
}

.PubOnglet h1 {
	margin: 1em 0;
	text-align: center;
}

.PubOnglet #container {
    margin: 0 auto;
    width: 140%;
}

.PubOnglet #container input {
	height: 2.5em;
	visibility: hidden;
}

.PubOnglet #container label {
    background: #f9f9f9;
    border-radius: 0.25em .25em 0 0;
    color: #888;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1em;
    height: 2.5em;
    line-height: 1.5em;
    margin-left: 2px;
    padding: 3px 0px;
    text-align: center;
    width: 66px !important;
    font-size: 10px;
    word-wrap: break-word;
}

div#content:focus {
	outline:none;
}

.news .jspContainer, .news.Onglets .scroll-pane:focus {
    outline: none;
}

.PubOnglet #container input:hover + label {
	background: #ddd;  /* Fondo de las pestaņas al pasar el cursor por encima */
	color: #666;  /* Color del texto de las pestaņas al pasar el cursor por encima */
}

.PubOnglet #container input:checked + label {
	background: #fff ;  /* #f1f1f1 Fondo de las pestaņas al presionar */
	color: #444; /* Color de las pestaņas al presionar */
	position: relative;
	z-index: 6;
	/*
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	*/
}

.PubOnglet #content {
    background: #fff;
    border-radius: 5px 4px 5px 3px;
    min-height: 17em;
    position: absolute;
    width: 310px;
    z-index: 5;
    overflow: auto;
    overflow-x: hidden;
    /* margin-left: -14px; */
    /* border-radius: .25em .25em 0 0; */
}

.PubOnglet #content div {
    opacity: 0;
    padding: 1.5em;
    position: absolute;
    z-index: -100;
    padding-left: 11px;
    /* transition: all linear 0.1s; */
}

.PubOnglet #content-1 p {
	clear: both;
	margin-bottom: 1em;
}
.PubOnglet #content-1 p.left img {
	float: left;
	margin-right: 1em;
}
.PubOnglet #content-1 p.last {
	margin-bottom: 0;
}

.PubOnglet #content-2 p {
	float: left;
	width: 48.5%;
}
.PubOnglet #content-2 p.column-right {
	margin-left: 3%;
}
.PubOnglet #content-2 p img {
	display: block;
	margin: 0 auto 1em auto;
}
.PubOnglet #content-3 p,
.PubOnglet #content-3 ul {
	margin-bottom: 1em;
}
.PubOnglet #content-3 ul {
	/*margin-left: 2em;*/
}

.PubOnglet #container input#tab-1:checked ~ #content #content-1,
.PubOnglet #container input#tab-2:checked ~ #content #content-2,
.PubOnglet #container input#tab-3:checked ~ #content #content-3 {
    opacity: 1;
    z-index: 100;
}

.PubOnglet input.visible {
  visibility: visible !important;
}

.bloc.news.Onglets {
    background: url(/_layouts/15/images/MEN.PortailWeb/bg-bloc.jpg) repeat-x #f1f1f1!important;
    padding-top: 38px;
    max-height: 317px;
    margin-bottom: 5px;
	height: 266px;
}

.news.Onglets .jspContainer {
    height: 258px !important;
    margin-left: -18px;
}

.news.Onglets .jspVerticalBar {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 100%;
    visibility: hidden;
}
 div#WebPartctl00_SPWebPartManager1_g_7f4230b8_8efa_4706_83dd_fdf6cc8dcf00
    {
        width:655px;
    }
 div#WebPartctl00_SPWebPartManager1_g_ed5f3726_b8f7_4337_a59d_232f99d51c5c 
 {
      width:655px;
 }