/*MyFontsWebfontsKit.css*/
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/

/* @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=5846a61b-dea8-4043-b368-8ef9c83ac77a"); */

@import url("webfonts-async.css");

/*Master.css*/
* {
    margin: 0;
}
fieldset { border-style: none; }
#exp-layout_news > html, #exp-layout_news > body, #exp-layout_news > div, #exp-layout_news > span, #exp-layout_news > object, #exp-layout_news > iframe, #exp-layout_news > h1, #exp-layout_news > h2, #exp-layout_news > h3, #exp-layout_news > h4, #exp-layout_news > h5, #exp-layout_news > h6, #exp-layout_news > p, #exp-layout_news > a, #exp-layout_news > img,#exp-layout_news > fieldset, #exp-layout_news > form, #exp-layout_news > label, #exp-layout_news > table, #exp-layout_news > caption, #exp-layout_news > tbody, #exp-layout_news > tfoot, #exp-layout_news > thead,#exp-layout_news > tr,#exp-layout_news > th,#exp-layout_news > td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /*vertical-align:baseline;*/}
#qpz-master > html, #qpz-master > body, #qpz-master > div, #qpz-master > span, #qpz-master > object, #qpz-master > iframe, #qpz-master > h1, #qpz-master > h2, #qpz-master > h3, #qpz-master > h4, #qpz-master > h5, #qpz-master > h6, #qpz-master > p, #qpz-master > a, #qpz-master > img,#qpz-master > fieldset, #qpz-master > form, #qpz-master > label, #qpz-master > table, #qpz-master > caption, #qpz-master > tbody, #qpz-master > tfoot, #qpz-master > thead,#qpz-master > tr,#qpz-master > th,#qpz-master > td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /*vertical-align:baseline;*/}

:focus{outline:0;}
#exp-layout_news > table{border-collapse:separate; border-spacing:0;}
#exp-layout_news > caption, #exp-layout_news > th, #exp-layout_news > td{text-align:left; font-weight:normal;}
#qpz-master > html, #qpz-master > body, #qpz-master > div, #qpz-master > span, #qpz-master > object, #qpz-master > iframe, #qpz-master > h1, #qpz-master > h2, #qpz-master > h3, #qpz-master > h4, #qpz-master > h5, #qpz-master > h6, #qpz-master > p, #qpz-master > a, #qpz-master > img,#qpz-master > fieldset, #qpz-master > form, #qpz-master > label, #qpz-master > table, #qpz-master > caption, #qpz-master > tbody, #qpz-master > tfoot, #qpz-master > thead,#qpz-master > tr,#qpz-master > th,#qpz-master > td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /*vertical-align:baseline;*/}
/* .exp-content-display > html, .exp-content-display > body, .exp-content-display > div, .exp-content-display > span, .exp-content-display > object, .exp-content-display > iframe, .exp-content-display > h1, .exp-content-display > h2, .exp-content-display > h3, .exp-content-display > h4, .exp-content-display > h5, .exp-content-display > h6, .exp-content-display > p, .exp-content-display > a, .exp-content-display > img,.exp-content-display > fieldset, .exp-content-display > form, .exp-content-display > label, .exp-content-display > table, .exp-content-display > caption, .exp-content-display > tbody, .exp-content-display > tfoot, .exp-content-display > thead,.exp-content-display > tr,.exp-content-display > th,.exp-content-display > td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /*vertical-align:baseline;* /}*/
#qpz-master > table{border-collapse:separate; border-spacing:0;}
.exp-content-display > table{border-collapse:separate; border-spacing:0;}
#qpz-master > caption, #qpz-master > th, #qpz-master > td{text-align:left; font-weight:normal;}
.exp-content-display > caption, .exp-content-display > th, .exp-content-display > td{text-align:left; font-weight:normal;}
.s4-nosetwidth img{margin:0; border:0;}
#s4-bodyContainer{position:relative;}
html{width:100%;}
.s4-breadcrumb-menu{background:#F2F2F2;}
.s4-ca{background:transparent none repeat scroll 0 0;}
.exp-seven .s4-ca{z-index:7000;}
#MSOTlPn_MainTD{width:0 !important;}
#MSOTlPn_MainTD .ms-ToolPaneOuter{height:auto; position:absolute; right:-255px; top:0; z-index:6001;}
.exp-content-display .ms-wpContentDivSpace{margin:0;}
#qpz-master .ms-wpContentDivSpace{margin:0;}
.exp-content-display td{vertical-align:top;}
/**********Pour Remplacer le scroll no sur le body*************/
.qpz-backo{overflow:auto}
#qpz-master{overflow:visible; height:inherit; width:inherit;}
#qpz-master.qpz-backo{overflow:auto}
body #s4-workspace{overflow:visible !important;}
body.qpz-backo #s4-workspace{overflow-x:auto!important; overflow-y:scroll; padding-bottom:0; background:transparent none}
body#qpz-master.qpz-backo #s4-workspace{overflow-x:auto!important; overflow-y:scroll; padding-bottom:0; background:transparent none}
body #s4-ribbonrow{position:fixed; z-index:1000;}
body.qpz-backo #s4-ribbonrow, .qpz-backo #s4-ribbonrow .ms-MenuUIPopupBody,.qpz-backo #s4-ribbonrow .ms-popoutMenu, .qpz-backo .ms-cui-menu[id ^= "Ribbon."]{position:static}
body#qpz-master.qpz-backo #s4-ribbonrow, #qpz-master.qpz-backo #s4-ribbonrow .ms-MenuUIPopupBody, #qpz-master.qpz-backo #s4-ribbonrow .ms-popoutMenu, #qpz-master.qpz-backo .ms-cui-menu[id ^= "Ribbon."]{position:static}
#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."]{position:fixed !important;}
.ms-dlgOverlay{width:100% !important;}
.qpz-backo .ms-dlgOverlay{width:auto}
#qpz-master.qpz-backo .ms-dlgOverlay{width:auto}
.ms-cui-menu{max-height:350px!important; overflow-y:scroll}
/*#qpz-master.qpz-backo .ms-cui-menu{max-height:inherit; overflow:auto}*/
.qpz-backo .ms-cui-menu{max-height:inherit; overflow:auto}
.ms-PartSpacingHorizontal{width:5px!important}
/*#qpz-master .ms-PartSpacingHorizontal{width:5px!important}*/
/* ========================================================================================= *
                              Standard
* ========================================================================================= */
#qpz-master{background:#f0f0f0 none; color:#546a76; background-repeat:no-repeat; background-position:72% -74px; font-size:11px; font-family:Verdana,Tahoma,Arial, Helvetica, sans-serif;}*/
/*#qpz-master .ms-dlgContent{ bottom:15%!important }*/
#qpz-master .ms-WPBody a:visited{color:#0065ae;}
/*#qpz-master.exp-noleft {background-size: 100% auto ;}*/
#qpz-master #s4-bodyContainer{background-position left top; background-repeat:no-repeat; margin:0 auto; padding:0; min-width:988px;}
.qpz-withleftnav{background:#f4f4f4 url('images/bg_wln.gif') no-repeat center -44px;}
.qpz-withleftnav #s4-workspace{background:transparent none;/*RFC 50679 padding-bottom:40px;*/}
.qpz-withleftnav #s4-bodyContainer{background:transparent none; width:988px;}
#qpz-master.qpz-withleftnav{background:#f4f4f4 url('images/bg_wln.gif') no-repeat center -44px;}
#qpz-master.qpz-withleftnav #s4-workspace{background:transparent none;/*RFC 50679 padding-bottom:40px;*/}
#qpz-master.qpz-withleftnav #s4-bodyContainer{background:transparent none; width:988px;}
.exp-wrapper{background:url(images/bg_tpn.png) repeat-x 0 0px;}/*mod*/
.qpz-backo .exp-wrapper{background:none;}/*mod*/

.clearboth, .push{display:block; clear:both;}
.edit-mode-panel{display:block;}
#exp-slideback{position:absolute; top:0; left:0; display:none; background-position left top; background-repeat:no-repeat; /*background-size: 100% auto, auto; */; overflow:hidden; height:100%; width:100%;}
#exp-slideback #largeImg{width:100%; position:absolute; top:0; left:0;}
#s4-bodyContainer{height:auto !important; height:100%;              /*min-height: 100%;*/}
.qpz-withleftnav #s4-bodyContainer{min-height:98%;}
#qpz-master.qpz-withleftnav #s4-bodyContainer{min-height:98%;}
/*********************************************/
#exp-lang{list-style-type:none; padding:0; margin:2px 0 0 5px;}
#exp-lang li{display:inline;}
#exp-lang li a, #exp-lang li a:link, #exp-lang li a:visited, #exp-lang li a:hover{font-size:10px; font-family:Verdana,Tahoma,Arial, Helvetica, sans-serif; font-weight:700; color:#909090;}
#exp-lang li a:hover{color:#0065ae;}
#exp-lang li + li{border-left:1px #909090 solid; padding:0 3px;}
.exp-cg-lang{max-width:150px; position:absolute; right:15px; top:52px; text-align:right}
.exp-cg-lang span{color:#0065ae; display:block; margin-bottom:1px; font-size:10px; font-family:Verdana, Tahoma,Arial, Helvetica, sans-serif; font-weight:700;}
/* ========================================================================================= *
                               Header
* ========================================================================================= */
#qpz-header{ width:980px; height:88px; margin:0 auto; z-index:100; position:relative;}
.qpz-withleftnav #qpz-header{background:transparent url('images/bg-secondmenu.png') repeat-x 0px bottom;margin-right:0px; width:980px; margin-left:2px;}
#qpz-master.qpz-withleftnav #qpz-header{background:transparent url('images/bg-secondmenu.png') repeat-x 0px bottom;margin-right:0px; width:980px; margin-left:2px;}
.qpz-withleftnav .exp-wrapper{width:980px; overflow:visible;}
.qpz-header-inner{background-color:#0065ae; height:44px;}
/* LogoBox */
#qpz-logobox{position:absolute; top:0px; left:0px;}
.qpz-withleftnav #qpz-logobox{left:-2px;}
#qpz-logobox .qpz-logo{vertical-align:bottom;}
#qpz-logobox h1{display:inline; font-size:2.091em; padding:0 10px;}
#qpz-logobox h1 a, #qpz-logobox h1 a:link, #qpz-logobox h1 a:visited, #qpz-logobox h1 a:hover{color:#000;}
/* Site Title*/
.exp-home-title{position:absolute; top:16px; left:15px;}
/* SearchBox */
.exp-search{padding:12px 0px 0 9px !important;}
.exp-search input.exp-sbplain{background:#fff none;float:left; font-family:Verdana,Tahoma,sans-serif; border:1px solid #dbdbdb !important; color:#b7b7b7; border-right:0px !important; font-size:11px; height:20px; padding:2px 3px 0; width:147px!important;}
.exp-search .exp-btsearch{ border:1px solid #dbdbdb !important;border-left:0!important; height:22px!important; padding:0;}
.exp-search .ms-sbcell input.ms-sbplain.qpz-empty-text{color:#666; font-style:italic;}
.exp-search .srch-gosearchimg{border:0!important; border-left:0; height:22px!important; padding:0;}
.exp-share{float:right;list-style-type:none;margin:-10px 0 0;padding:0;position:relative;z-index: 990;}
                .element .exp-share{top:0px;right:-2px;position:absolute;margin:0}
                               .element.small .exp-share{display:none}
                               .element.big .exp-share{display:block}
                .exp-share > li{float:left; background-color:#d4d8db;padding:3px;margin:0 2px 0 0;width:15px;height:15px; cursor:pointer}
                               .exp-share .share{cursor:pointer;line-height:13px;/*background:#d4d8db url('images/icon/icon_share.png') no-repeat 43px center;*/padding-left:7px;width:auto;padding-right:5px;}
                               .exp-share li span{color:#5F686F;font-size:14px;font-family:futura-medium,Helvetica,sans-serif}
                               .exp-seven .exp-share .share{line-height:normal}
                               .element .exp-share .share{color:#5F686F}
                               .element .exp-share .share span{color:#5F686F}
                               .exp-share li ul{background-color:#d4d8db;float:none;top:0px;display:none;width:54px;right:7px;position:absolute;list-style-type:none;margin-top:21px !important;margin-right:-5px;padding:5px 3px}
                                               .exp-share li:hover ul{z-index:1001}
                                               .exp-share li ul li{padding:3px 0 ;text-align:center}
                                               .exp-share li .jquerysend a{
                                               background:transparent url('images/icon/enveloppe.gif') no-repeat center top;padding:12px; text-indent:-9999px;
                                               color:#d4d8db; font-weight:700; font-size:1px;font-family:Verdana}
                                               .exp-seven .exp-share li .jquerysend a{display:block;width:8px}
.exp-share + div{clear:both}
/* ========================================================================================= *
                               Nav Horiz
* ========================================================================================= */
#qpz-navhoriz{background:transparent none; padding-left:198px; padding-top:9px; height:35px;}
.exp-noleft #qpz-navhoriz{padding-left:204px;}
#qpz-navhoriz .s4-tn li.static > .menu-item{}
#qpz-navhoriz .menu-horizontal .menu-item-text{white-space:normal;}
#qpz-navhoriz .menu-horizontal{padding-left:10px;}
/* lvl1 */
#qpz-navhoriz .root > li{padding-right:0px; position:relative; padding-top:1px; height:28px; width:88px;}
#qpz-navhoriz .root > li > .menu-item{color:#fff; font-size:10px; font-family:verdana,Tahoma,sans-serif;}
#qpz-navhoriz .s4-tn li.static > .menu-item, #qpz-navhoriz .s4-tn li.static > .menu-item:hover{padding:0; margin-left:10px; text-decoration:none;}
qpz-navhoriz .root > li > .menu-item:hover, #qpz-navhoriz .root > li > .menu-item.selected, #qpz-navhoriz .root > li > .menu-item.hover, #qpz-navhoriz .root > li > .menu-item.hover-off{color:#fff; font-size:10px;font-weight:400; font-family:verdana,Tahoma,sans-serif; margin-left:10px; text-decoration:none;}
/* lvl2 */
#qpz-navhoriz .root > li > ul{border:0; background-color:#fff; padding:10px 0;}
#qpz-navhoriz .root > li > ul > li{}
#qpz-navhoriz .root > li > ul > li > .menu-item{font-family:verdana ,tahoma; color:#0065ae; font-size:12px;}
#qpz-navhoriz .root > li > ul > li > .menu-item:hover, #qpz-navhoriz .root > li > ul > li > .menu-item.selected, #qpz-navhoriz .root > li > ul > li > .menu-item.hover, #qpz-navhoriz .root > li > ul > li > .menu-item.hover-off{text-decoration:none;}
#qpz-navhoriz .menu-horizontal a.dynamic-children span.additional-background, #qpz-navhoriz .menu-horizontal span.dynamic-children span.additional-background{background-image:none; padding:0;}
#qpz-navhoriz .menu-horizontal a.dynamic:hover{background-color:#cfd7dd;}
#qpz-navhoriz .root .dynamic-children:hover ul.dynamic{left:-1px!important; top:35px; z-index:1001;}
#qpz-navhoriz .root > li > ul.dynamic{border:1px #b9bbb9 solid; border-top:0px;}
#qpz-navhoriz .root > li > ul.dynamic{background:#fff url('images/puce_menu_dyna_select.gif') no-repeat 10px top;}
#qpz-navhoriz .s4-tn li.static.exp-menu2{width:65px;}
#qpz-navhoriz .s4-tn li.static.exp-menu4{width:80px;}
/*== top nav with table */
#qpz-navhoriz table td a{text-align: center; border:0; float:left;  font-family:verdana ,tahoma; color:#fff; font-size: 10px;white-space: normal;padding-right: 0px;    position: relative;    padding-top: 1px;    height: 28px;    width: 85px;}
#qpz-navhoriz table td a:hover{text-decoration:none;color:#fff}
/*#qpz-navhoriz table {padding-left: 10px;}*/
/* ============================== *
                                Nav Deuxieme Menu ASCX
* ===============================*/
#exp-menudeux{background:transparent none; padding-left:218px; /*padding-top:10px;*/ margin-left:0; margin-top:0px}
.exp-noleft #exp-menudeux{padding-left:224px;}

#exp-menudeux li{float:left; list-style-type:none; /*padding:0 2px 0 19px*/; color:#0065ae; font-family:arial,Verdana,sans-serif; font-size:16px;}
/*#exp-menudeux li:first-child{padding-left:0px;}*/
#exp-menudeux li a, #exp-menudeux li a:link, #exp-menudeux li a:visited, #exp-menudeux li a:hover{font-family:futura-medium,arial,Verdana,sans-serif; font-size:18px; color:#fff; font-weight:400;}
#exp-menudeux li a, #exp-menudeux li a:link, #exp-menudeux li a:visited, #exp-menudeux li a:hover{color:#48606c; text-transform:uppercase;}
#exp-menudeux li a:hover{color:#0065ae;}
#exp-menudeux li {
                padding:12px 10px;
}
/* Sylvain - Correction Defect #166920  */
/* Sylvain - Correction Defect #167198  */
.qpz-withleftnav #exp-menudeux{position:absolute;width:100%}

/* ======================= *
                Euronext 
 * ======================*/
#exp-euronext{background:transparent url('images/border-header-comp.gif') repeat-y top left; width:183px; position:absolute; top:0px; right:148px; padding:1px;letter-spacing:-1px;height:40px;overflow:hidden}
#exp-euronext span{font-family:verdana, Tahoma,sans-serif;}
.exp-euro{font-size:10px; color:#91c0e6;font-weight:700;}
#exp-euronext .exp-date{color:#91c0e6;font-size:9px;padding-left:5px;}
.exp-value{display:inline-block; font-size:11px; color:#fff; font-weight:700; padding-top:3px; padding-right:1px;}
.exp-down, .exp-up, .exp-pour{font-size:10px; padding-left:3px; font-weight:400;}
.exp-up, .exp-pour{color:#52ff6e;}
.exp-down{color:red;}
/* ======================= *
                reseau 
 * ======================*/
#exp-reseau{background:transparent url('images/border-header-comp.gif') repeat-y top left; width:145px; position:absolute; top:0px; right:0px; padding:1px 4px 4px;}
.exp-eight #exp-reseau, .exp-seven #exp-reseau{padding:1px 4px 9px;}
.exp-whithleftnav #exp-reseau{padding:5px 0px 4px 14px;}
#exp-reseau span{font-family:verdana,Tahoma,sans-serif; font-size:9px; font-weight:700; display:inline-block; padding-bottom:3px; color:#91c0e6;}
#exp-reseau select{background-color:#1a75b6; font-family:verdana, Tahoma,sans-serif; font-size:10px; font-weight:400; border:1px solid #a8cae3; color:#fff; padding:0 0 0 1px; width:150px;}
/* ======================= *
                Fonction
* ======================*/
#exp-fonction{position:absolute; top:151px; right:0px; width:200px; z-index:998/*z-index:5001 pour passer sous le ribbon*/;}
/* #ICI-wrapperWorkspace #exp-fonction{ top:45px; }
#ICI-wrapperWorkspaceMicroSite #exp-fonction{ top:45px; } */
.qpz-withleftnav #exp-fonction{top:188px; right:7px;}
#exp-fonction ul{margin:0; padding:0;}
#exp-fonction li{list-style-type:none; padding:6px 10px; min-height:56px; margin-bottom:3px;}
.qpz-withleftnav #exp-fonction ul.fixed{position: fixed;width: 200px;top:40px;}
#exp-fonction li.exp-media{min-height:68px; padding:0;cursor:pointer}
#exp-fonction li.exp-media a span{cursor:pointer}
#exp-fonction li.exp-eolis span.exp-ftt,#exp-fonction li.exp-counter span.exp-ftt, #exp-fonction .exp-exclu span.exp-ftt, #exp-fonction .exp-ftt{font-size:20px; cursor:pointer; font-family:futura-medium,Arial, Helvetica, sans-serif; color:#fff; margin-bottom:5px; margin-left:-3px; display:block;}
#exp-fonction li.exp-search{background:#fff none; min-height:36px;}
#exp-fonction li.exp-abon{background:#cfd7dd none; min-height:60px; margin-bottom:3px;}
#exp-fonction li.exp-counter{background:#919fa7 none; min-height:60px; margin-bottom:3px;}
#exp-fonction li.exp-counter span.exp-ftt{ margin-left:0px!important}
#exp-fonction li.exp-counter div {float:left; background:transparent url('images/bg_coumpteur.gif') no-repeat left top;margin:3px;border-radius:3px; border:1px #b6c0c5 solid;padding:2px 0 1px 6px}
.exp-seven #exp-fonction li.exp-counter div {padding-right:13px}
#exp-fonction li.exp-counter div span{ width:auto;
display:inline-block;font-size:17px; font-weight:700; font-family:Futura-medium,Geneva, sans-serif; letter-spacing:13px;  color:#fff;margin-right:-8px;}
#exp-fonction li.exp-counter div + span{margin-top:3px;}
#exp-fonction li.exp-abon span{display:inline-block; width:107px; font-family:Arial, Helvetica, sans-serif;}
#exp-fonction li.exp-abon .exp-ftt{color:#546a76; font-size:20px; font-family:futura-medium,Tahoma, sans-serif; margin-bottom:0px;}
#exp-fonction li.exp-eolis{cursor:pointer; background:#aa7929 url('images/chevron_big.png') no-repeat 170px center; padding:0; min-height:68px;}
#exp-fonction li.exp-eolis:hover{background-color:#b8832e;}
.exp-exclu{background:#ba9c67 none; cursor:pointer;}
.exp-exclu:hover{background:#caa870;}
.exp-media, .exp-contact, .exp-custom{background:#475c67 none;}
#exp-fonction li.exp-eolis span{width:160px; color:#fff; cursor:pointer;}
#exp-fonction li.exp-eolis > a{padding:6px 10px; display:block; min-height:56px;}
#exp-fonction li.exp-counter span{width:184px;padding-left:3px;display:inline-block}
#exp-fonction .exp-contact a, #exp-fonction .exp-contact a:link, #exp-fonction .exp-contact a:visited, #exp-fonction .exp-contact a:hover, #exp-fonction li span, #exp-fonction .exp-exclu span{font-family:verdana,Tahoma,sans-serif; font-size:11px; font-weight:400; color:#fff; display:inline-block;}
.blog li span{color:#546a76 !important}
#exp-fonction .exp-exclu h3, #exp-fonction .exp-exclu span{color:#fff;}
#exp-fonction .exp-exclu span{width:184px;}
#exp-fonction .exp-media span{width:184px;}
#exp-fonction .exp-media:hover, #exp-fonction .exp-contact:hover, .exp-custom:hover{background:#546a76;}
#exp-fonction .exp-media > a{padding:6px 10px; display:block;}
#exp-fonction .exp-contact .exp-number{font-weight:700; display:inline-block; padding-left:3px;}
#exp-fonction .exp-contact a, #exp-fonction .exp-contact a:link, #exp-fonction .exp-contact a:visited, #exp-fonction .exp-contact a:hover{background:transparent none; /*padding-left:15px;*/ margin-top:7px;}
#exp-fonction .exp-abon span{font-weight:400;}
#exp-fonction .exp-abon a img{width:14px; height:14px; border:0;}
#exp-fonction .exp-abon a, #exp-fonction .exp-abon a:link, #exp-fonction .exp-abon a:visited, #exp-fonction .exp-abon a:hover{margin-left:6px;}
#exp-fonction .exp-abon p{font-family:verdana,Tahoma,sans-serif; font-size:10px; font-weight:400; padding-top:5px; padding-right:5px;}
#exp-fonction select{background-color:#657984; font-family:verdana,Tahoma,sans-serif; font-size:11px; font-weight:400; border:1px solid #c5ccd0; color:#fff; padding:0 0 0 5px; margin-top:5px; width:150px;}

#exp-fonction .exp-abon.exp-notxt{height:65px; text-align:center}
#exp-fonction .exp-abon.exp-notxt .exp-ftt{display:block; width:100%; margin-bottom:8px; text-align:left}
#exp-fonction .exp-abon a, 
#exp-fonction .exp-abon a:link, 
#exp-fonction .exp-abon a:visited, 
#exp-fonction .exp-abon a:hover{margin:0 6px 0 0}
#exp-fonction .exp-abon.exp-notxt a img{height:25px;width:25px} 
/*270215*/
#exp-fonction p {margin: 0px;}

/* ========================================================================================= *
                               Middle
* ========================================================================================= */
#qpz-middle{width:100%; min-height:600px; margin-top:-43px;}
#qpz-middle .imgheader{display:block;height:121px;width:980px;/*margin-left:1px;*/}
.qpz-withleftnav.exp-eight #qpz-middle .imgheader{position:absolute;top:42px;}
.qpz-withleftnav.exp-eight #qpz-middle{clear:both;padding-top:118px;}

#qpz-middle{width:988px;}
#qpz-master #qpz-middle{width:988px;}
/*fil d'arianne*/
.exp-breadcrumb{padding:0 0 5px 0;float:left;width:auto;}
.exp-breadcrumb a, .exp-breadcrumb a:link, .exp-breadcrumb a:visited, .exp-breadcrumb a:hover, .exp-breadcrumb, .exp-breadcrumb span{font-family:verdana,Tahoma,sans-serif; color:#0065ae; font-size:10px;}
.exp-breadcrumb span.exp-sepa{color:#959da0;}
.exp-breadcrumb span:first-letter{text-transform:uppercase;}
/* Leftnav */
#qpz-leftnav{background-color:transparent; float:left; margin-right:15px; margin-top:3px; width:200px; margin-bottom:125px;}
#qpz-leftnav .menu-vertical{padding:0 20px;}
#qpz-leftnav a.menu-item{font-family:futura-medium,verdana,Tahoma,sans-serif;}
#qpz-leftnav .root > li > a.menu-item{font-size:16px; text-transform:uppercase; font-weight:400; color:#546a76; line-height:17px;}
#qpz-leftnav .root li li a.menu-item{font-size:17px; line-height: 1em; font-weight:400; color:#727f86;}
#qpz-leftnav .root li li li a.menu-item{font-size:14px;}
#qpz-leftnav .root li li{padding-left:10px;}
#qpz-leftnav .root li li .additional-background{padding-bottom:1px;}
#qpz-leftnav .root li li .menu-item-text{padding-bottom:2px;}
/*#qpz-leftnav .root li li .menu-item-text:first-letter{text-transform:uppercase;}*/
#qpz-leftnav .root li a.menu-item:hover{color:#0065ae;}
#qpz-leftnav .root li a.menu-item.selected{background:transparent none; color:#0065ae;}
/* lvl1 border-bottom: 1px dotted #546a76;*/
#qpz-leftnav .menu-vertical{padding:0 0 15px 0; margin:0 25px 0 20px; width:155px;}
#qpz-leftnav .root > li > .menu-item{padding:7px 0 0 0;}
#qpz-leftnav .root > li > .menu-item:hover, #qpz-leftnav .root > li > .menu-item.selected, #qpz-leftnav .root > li > .menu-item.hover, #qpz-leftnav .root > li > .menu-item.hover-off{color:#0065ae; text-decoration:none;}
/* lvl2 */
#qpz-leftnav .root > li > ul{padding:0 0 5px;}
.qpz-withleftnav .s4-ca{background-color:transparent; margin:0 0 15px; padding:0;}
.qpz-withleftnav .s4-ca{width:555px; float:left; margin-top:10px;}
.qpz-withleftnav.qpz-backo .s4-ca{width:765px; float:left;}
#qpz-master .s4-ca{background-color:transparent; margin:0 0 15px; padding:0;}
#qpz-master.qpz-withleftnav .s4-ca{width:555px; float:left; margin-top:10px;}
#qpz-master.qpz-withleftnav.qpz-backo .s4-ca{width:765px; float:left;}
/* ========================================================================================= *
                               Footer
* ========================================================================================= */
#qpz-footer{position:fixed; bottom:0; width:988px; left:50%; margin-left:-496px; background:transparent url('images/footer_no_logo.png') no-repeat left bottom; height:21px; padding-top:8px; text-align:right; margin-top:-22px; z-index:7002;}
.qpz-withleftnav #qpz-footer{margin-top:0px;position:relative;}
#qpz-master.qpz-withleftnav #qpz-footer{margin-top:0px;position:relative;}
#qpz-footer ul{margin:0 0 0 30px;}
#qpz-footer li{float:left; list-style-type:none; padding:0 2px;}
#qpz-footer .exp-foot-bis li{padding:0 10px;}
#qpz-footer li, #qpz-footer li a, #qpz-footer li a:link, #qpz-footer li a:visited, #qpz-footer li a:hover{font-family:verdana,Tahoma,sans-serif; color:#7e878c; font-weight:400;}
#qpz-footer li a:hover{color:#fff; text-decoration:underline;}
#qpz-footer .allianz{position:absolute; right:17px; border:0; width:150px; top:6px; height:17px; display:block; text-indent:-9999px;}
/* ========================================================================================= *
                               Webparts
* ========================================================================================= */
/* title */
.exp-content-display .ms-WPHeader{background:transparent none;}
.exp-content-display .ms-WPHeader td{border:0; border:0;}
.exp-content-display .ms-WPHeaderTdMenu{width:19px;} 
.exp-content-display .s4-wpTopTable:hover .ms-WPHeader .ms-WPHeaderTdMenu{border:0; background-color:#fff;}
.exp-content-display .ms-WPHeader .ms-WPHeaderTdMenu:hover{background-image:none; background-color:#fff; border:0;}
.exp-content-display .ms-WPHeader td.ms-wpTdSpace{}
.exp-content-display .ms-WPHeader h3 a, .exp-content-display .ms-WPHeader h3 a:link, .exp-content-display .ms-WPHeader h3 a:visited, .exp-content-display .ms-WPHeader h3 a:hover, .exp-content-display .ms-WPHeader h3{font:400 22px/normal Verdana, Arial, Helvetica, sans-serif; color:#0065AE; border:0;}
#qpz-master .ms-WPHeader{background:transparent none;}
#qpz-master .ms-WPHeader td{border:0; border:0;}
#qpz-master .ms-WPHeaderTdMenu{width:19px;} 
#qpz-master .s4-wpTopTable:hover .ms-WPHeader .ms-WPHeaderTdMenu{border:0; background-color:#fff;}
#qpz-master .ms-WPHeader .ms-WPHeaderTdMenu:hover{background-image:none; background-color:#fff; border:0;}
#qpz-master .ms-WPHeader td.ms-wpTdSpace{}
#qpz-master .ms-WPHeader h3 a, #qpz-master .ms-WPHeader h3 a:link, #qpz-master .ms-WPHeader h3 a:visited, #qpz-master .ms-WPHeader h3 a:hover, #qpz-master .ms-WPHeader h3{font:400 22px/normal Verdana, Arial, Helvetica, sans-serif; color:#0065AE; border:0;}
/* Content */
.exp-content-display .ms-WPBorder, .exp-content-display .ms-WPBorderBorderOnly{background-color:transparent; border:0;}
.exp-content-display .ms-WPBody{padding:2px 0;}
.exp-content-display .ms-WPBody p{margin:0;}
#qpz-master .ms-WPBorder, #qpz-master .ms-WPBorderBorderOnly{background-color:transparent; border:0;}
#qpz-master .ms-WPBody{padding:2px 0;}
#qpz-master .ms-WPBody p{margin:0;}

/* ========================================================================================= *
                Popin
* =========================================================================================*/
.ms-dialog .qpz-backo{background:transparent none}
.ms-dialog .qpz-backo #s4-workspace{position:relative;height:auto; background:transparent none; padding-bottom:0}
.ms-dialog .qpz-backo #s4-bodyContainer{width:auto;min-height:inherit}
.ms-dialog .qpz-backo #qpz-header,#qpz-master.qpz-backo .exp-wrapper{width:auto; overflow:auto}
.ms-dialog .qpz-backo #qpz-middle{background:transparent none;min-height:inherit;width:auto; margin-top:0; padding-top:0}
.ms-dialog .qpz-backo .s4-ca{width:auto;margin:0; float:none;}
.ms-dialog #qpz-master.qpz-backo{background:transparent none}
.ms-dialog #qpz-master.qpz-backo #s4-workspace{position:relative;height:auto; background:transparent none; padding-bottom:0}
.ms-dialog #qpz-master.qpz-backo #s4-bodyContainer{width:auto;min-height:inherit}
.ms-dialog #qpz-master.qpz-backo #qpz-header,#qpz-master.qpz-backo .exp-wrapper{width:auto; overflow:auto}
.ms-dialog #qpz-master.qpz-backo #qpz-middle{background:transparent none;min-height:inherit;width:auto; margin-top:0; padding-top:0}
.ms-dialog #qpz-master.qpz-backo .s4-ca{width:auto;margin:0; float:none;}
.ms-dialog #qpz-middle .imgheader{display:none}

/* ========================================================================================= *
                style definition
* =========================================================================================*/
h3.ms-rteElement-EulerTitlet{-ms-name:"Titre euler niveau 3";font-family:futura-medium,verdana; text-transform:none; font-size:18px; font-weight:400; color:#0065ae;}
h4.ms-rteElement-EulerTitle{-ms-name:"Titre euler niveau 4";font-family:verdana; font-size:11px; font-weight:700; color:#0065ae;}
div.ms-rteElement-block{-ms-name:"block petit "; background:transparent url('images/bg_ListeCommuniques.gif') repeat-x left bottom; width:148px; padding:10px; height:150px; display:inline-block; float:left; margin-left:5px;}
div.ms-rteElement-block-bleu{-ms-name:"block bleu petit "; background:#009fd3 url('images/bg_contactl.gif') repeat-x left bottom; width:154px; padding:8px;}
.exp-eut{font-family:futura-medium,Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#0065ae;}
h1.exp-eut{font-size:35px;}
#exp-layout_news .ms-WPBody > div > h2.exp-eut{padding:11px 0 3px 0}
.exp-block span.exp-eut, h2.exp-eut, .ms-WPBody h2.exp-eut{font-size:17px; text-transform:uppercase; margin-bottom:5px; font-weight:400;}
.exp-content-display .ms-rteStyle-Normal{ background-color:transparent}
#qpz-master .ms-rteStyle-Normal{ background-color:transparent}
#qpz-master  a:visited,#qpz-master  a:hover{color:#0065ae}
/* ========================================================================================= *
                style definition
* =========================================================================================*/
table.ms-rteTable-mytable {-ms-name:"Euler Custom SharePoint Table Style"; background-color:#fff} /* sets the name of the table style */

table.ms-rteTable-mytable { width:515px; border-bottom:2px #0186bb  solid }
                table.ms-rteTable-mytable th, table.ms-rteTable-mytable thead th{ text-align:center; text-transform:uppercase; font-family:futura-bold,Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:500; color:#0065ae;padding:9px 5px 9px 3px}
                table.ms-rteTable-mytable th.hdb,table.ms-rteTable-mytable th.hdg{ color:#fff}
table.ms-rteTable-mytable thead tr th{ border-bottom:2px #0186bb  solid }
table.ms-rteTable-mytable tr.nr th,
table.ms-rteTable-mytable tr.nr td{ border-top:2px #0186bb  solid }
table.ms-rteTable-mytable tr.nr.bless th,
table.ms-rteTable-mytable tr.nr.bless td{ border-top:0px }

table.ms-rteTable-mytable tr.nr th{font-family:futura-medium,Verdana, Arial, Helvetica, sans-serif;padding:5px 10px 5px 5px; text-transform:none; font-size:15px; font-weight:500; color:#0065ae;}
table.ms-rteTable-mytable tr.nr td { font-weight:700;color:#0065ae;}
table.ms-rteTable-mytable tr.nr .hdb{color:#546A76;}
table.ms-rteTable-mytable tr td,table.ms-rteTable-mytable tr th{ border-bottom:1px #cad1d7  solid }
table.ms-rteTable-mytable td{font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; font-weight:normal;font-size:10px;padding:5px 10px 5px 5px;}
table.ms-rteTable-mytable tr  td:first-child,table tr  th:first-child{ text-align:left}
.ms-rteTable-mytable .second{ background-color:#d7e6ef;border-right:2px #fff solid}
.exp-seven table.ms-rteTable-mytable .hdg{border-left:2px #fff solid}
.ms-rteTable-mytable .third{background-color:#e6e6e6}
.ms-rteTable-mytable th.hdb{ background:transparent url('images/bg_header_bl.png') repeat-x left bottom}
.ms-rteTable-mytable th.hdg{ background:transparent url('images/bg_header_gr.png') repeat-x left bottom}
.ms-rteTable-mytable td.hdd,.ms-rteTable-mytable td.hdg{ text-align:right}
table.ms-rteTable-mytable tr:hover{background:#d7e6ef;}


table.ms-rteTable-mytable .ms-rteTableHeaderRow-mytable:hover{background:transparent none;}
.ms-rteTableHeaderFirstCol-mytable{ text-align:left}

/* Correctif *CSS pour h3 en gras dans page de news */
.exp-content-display .ms-rteElement-H3 { font-weight:700}
#qpz-master .ms-rteElement-H3 { font-weight:700}



/* ========================================================================================= *
                CSS - Sylvain - 30/10/2012 css cookie consent
* =========================================================================================*/
   
    .exp-cookie-consent-panel
    {
        max-height: 300px;
        width: 100%;
        line-height: 30px;
        display: inline-block;
        text-align: center;
        vertical-align:middle;
        color: white !important;
        top: 0 !important;
        background: none repeat scroll 0 0 #4D4D4D !important;
    }
    .exp-link-button
    {
        cursor: pointer !important;
    }
    .exp-cookie-link-euler
    {
        color: white !important;
    }
    .exp-cookie-consent-banner
    {
    }
    /*custom.css*/
/* ========================================================================================= *
                CSS - Lionel (Euler) - mise a jour 17 Octobre 2012
* =========================================================================================*/
#keyfigContainer{width:515px}
.customer-wrapper{width: 515px; font-family: Verdana, Geneva, sans-serif; background-color: #0DA0D2; color: #FFF; background-image: url(SiteCollectionImages/flash/key-figures/customers.jpg); background-position: bottom; background-repeat: no-repeat; float: left; min-height:171px}
.customer-wrapper .customer-graphic{width: 170px; float: left; margin-top:10px;}
.customer-wrapper .customer-text{float: left; font-size:14px; width: 340px}
.customer-wrapper .customer-graphic .customer-figure {height: 70px; font-size: 42px;text-align: right;margin-right: 7px;padding-top: 10px; padding-bottom: 10px; font-family: futura-medium, Arial, Helvetica, sans-serif;text-shadow: 1px 1px 1px #999999;filter: dropshadow(color=#555555, offx=1, offy=1)}
.customer-wrapper .customer-text .customer-bodytext ul{font-size: 11px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px}
.customer-wrapper .customer-text .customer-bodytext ul li{list-style-type: none; margin-bottom: 5px; color: #FFF}
.customer-wrapper .customer-text .customer-subtitle{margin-bottom: 15px; margin-top: 15px; font-weight:bold}
.customer-wrapper .customer-text .customer-subtitle span{font-weight:normal}

.expertise-wrapper {width: 515px; float: left; font-family: Verdana, Geneva, sans-serif; color: #FFF; background-image: url(SiteCollectionImages/flash/key-figures/expertise.jpg); background-color: #FAD853; background-position: bottom; background-repeat: no-repeat; margin-top: 20px}
.expertise-wrapper .expertise-graphic{width: 170px; float: left}
.expertise-wrapper .expertise-text{width: 340px; float: left; color: #485C67; font-size:14px}
.expertise-wrapper .expertise-graphic .expertise-mainheading{font-size: 15px; margin-left: 10px; margin-top: 10px; font-family: futura-medium, Arial, Helvetica, sans-serif}
.expertise-wrapper .expertise-graphic .expertise-figure{ height: 70px;padding-top: 10px; padding-bottom: 10px; font-size: 42px;text-align: right;margin-right: 7px;font-family: futura-medium, Arial, Helvetica, sans-serif;text-shadow: 1px 1px 1px #999999;
filter: dropshadow(color=#555555, offx=1, offy=1)}
.expertise-wrapper .expertise-text .expertise-bodytext ul{font-size: 11px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 20px}
.expertise-wrapper .expertise-text .expertise-bodytext ul li{list-style-type: none; margin-bottom: 5px; margin-right: 7px}
.expertise-wrapper .expertise-text .expertise-subtitle{margin-bottom: 15px;  color: #FFF; margin-top: 8px}

.solidity-wrapper {width: 515px; float: left; font-family: Verdana, Geneva, sans-serif; color: #FFF; background-image: url(SiteCollectionImages/flash/key-figures/solidity.jpg); background-color: #CBA870; background-position: bottom; background-repeat: no-repeat; margin-top: 20px; min-height:170px}
.solidity-wrapper .solidity-graphic {width: 170px; float: left; background-image: url(../images/solidity-left-graphic.jpg); background-repeat: no-repeat}
.solidity-wrapper .solidity-text{float: left; font-size:14px; width: 340px}
.solidity-wrapper .solidity-graphic .solidity-figure {
font-size: 53px;
padding-top: 10px; padding-bottom: 10px;  height: 70px;
font-family: futura-medium, Arial, Helvetica, sans-serif;
text-align: right;
width: 160px;
text-shadow: 1px 1px 1px #999999;
filter: dropshadow(color=#555555, offx=1, offy=1)}
.solidity-wrapper .solidity-text .solidity-bodytext ul{font-size: 11px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 20px}
.solidity-wrapper .solidity-text .solidity-bodytext ul li{list-style-type: none; margin-bottom: 5px; margin-right: 7px; color: #FFF}
.solidity-wrapper .solidity-text .solidity-subtitle{margin-bottom: 15px; margin-top: 8px; color: #FFF}
#keyfigContainer h2.keyfiguresHeadings{text-transform:uppercase; color:#FFF; font-size: 18px; margin-left: 10px; margin-top: 10px; font-family: futura-medium, Arial, Helvetica, sans-serif; margin-bottom: 0px}
#keyfigContainer .expertise-wrapper h2.keyfiguresHeadings{color: #688493; text-shadow: 1px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1)}
/* ========================================================================================= *
rajoute line height aux textes intro en bleus-          */
#qpz-master .ms-WPBody p.ms-rteElement-intro-quote {line-height: 118%;}
#qpz-master .ms-rtestate-field p.ms-rteElement-intro-quote {line-height: 118%;}
.exp-content-display .ms-WPBody p.ms-rteElement-intro-quote {line-height: 118%;}
.exp-content-display .ms-rtestate-field p.ms-rteElement-intro-quote {line-height: 118%;}
/* ========================================    Fin ccs Lionel    =========================================*/
div.ms-cui-menu.ms-cui-menu32 { width: 100%; }
/* ========================================================================================= *
          CSS - FastTrack - Homepage link (53136) (Euler) - mise a jour 18 septembre 2014
* =========================================================================================*/
#slide-right-zone{/*width:100%;*/height:1000px;position:absolute;left:500px;top:164px;overflow:hidden;border:none;border-image:none;z-index:1500;}
#slide-middle-zone{/*width:100%;left:-700px;*/height:1000px;position:absolute;top:0px;z-index:1500;}
/* =============    Fin ccs  - FastTrack - Homepage link (53136) (Euler) ===================*/
.blog,
.blog-item-body{
                font: 400 11px/normal verdana, Arial, Helvetica, sans-serif;
                color: #546a76;
                /*line-height: 15px;*/
                text-align:justify;
}
.blog-item-categories, .blog-item-date, .blog-item-keywords{
                color: #546a76 !important;
                }
.blog h2 {
                color: #0065ae;
                font-family: futura-bold, Verdana, Arial, Helvetica, sans-serif;
                font-size: 15px;
                font-style: normal;
                font-weight: 500;
                margin-bottom: 5px;
}
.return-link{
                float: right;
}
#exp-fonction.blog ul.blog-categories li,
#exp-fonction.blog ul.blog-keywords li,
#exp-fonction.blog ul.blog-archives li{
                padding: 0px 10px;
                min-height: 0px;
                margin-bottom: 0px;
}
#exp-fonction.blog div.exp-search{
                padding:0;
}
.blog-item{
                padding-bottom: 10px;
                margin-bottom: 10px;
                border-bottom-style: solid;
                border-bottom-width: 1px;       
}
.blog-item:last-child{
                border-bottom-width: 0px;
}
.blog-item h2{
                color: #0065ae;
                font: 400 22px futura-medium,Arial,Helvetica,sans-serif;            
}
.blog, .blog-item {
                width:555px;
}
.blog  { position: absolute; }
.blog-item-body p{
                margin-bottom: 10px;

}
.blog-item h1,
.blog-item h2,
.blog-item-date,
.blog-item-body,
.blog-item-keywords{   
                padding:0 0 10px 0;
}
.blog-item-categories{
                padding:0;
}

.blog a:hover{
                text-decoration: underline;
}
.blog-item-readmore {
                background-color: rgb(202, 202, 202);
                padding: 10px;
               margin-top: 25px;
}
.blog-item-readmore .blog-item-readmore-header{
                font: 400 30px futura-medium,Arial,Helvetica,sans-serif;            
}
.blog-item-readmore-item{
                padding: 0 0 5px;
}
.blog-item-readmore-item:last{
                padding: 0;
}
.blog-item-readmore-item-title {
                font: 400 20px futura-medium,Arial,Helvetica,sans-serif;
}
.blog-item-picto-title{
                height:25px;
    width:25px;
}
img.blog-item-picto-header{
    margin-top:25px !important;
    /*margin-bottom:25px!important;*/
                height:100%;
    width:100%;
}
.exp-navigation{
                text-align:center;
                font-size: 15px;
}
.exp-navigation a,
.exp-navigation span {
                padding: 0 3px;
}
.exp-share-line{
                float:right;
}
.exp-share-line > span:first-child,
.exp-share-line > span > span {
                vertical-align:middle;
                display:inline-block;
                padding:0 0 0 5px;
}
.exp-share-line img{
                max-height:20px;
}
.blog-latest .blog-item-latest-item {
                margin-top:7px;
}
.blog-latest .blog-item-latest-item .blog-item-latest-item-title {
                font: 400 13px verdana, Arial, Helvetica, sans-serif;
                color: #0065AE;
                text-transform: none;
                font-weight:bold;
}
.blog-latest .blog-item-latest-readmore-title {
    margin-top: 10px;
}
.blog-item-keywords{     
               padding:0 0 10px 0;
}
.blog-item-categories{
               padding:0;
}

.blog a:hover{
               text-decoration: underline;
}
.blog-item-readmore {
               background-color: rgb(202, 202, 202);
               padding: 10px;
               margin-top: 25px;
}
.blog-item-readmore .blog-item-readmore-header{
               font: 400 30px futura-medium,Arial,Helvetica,sans-serif; 
}
.blog-item-readmore-item{
               padding: 0 0 5px;
}
.blog-item-readmore-item:last-child{
               padding: 0;
}
.blog-item-readmore-item-title {
               font: 400 20px futura-medium,Arial,Helvetica,sans-serif;
}

.exp-navigation{
               text-align:center;
               font-size: 15px;
}
.exp-navigation a,
.exp-navigation span {
               padding: 0 3px;
}
.exp-share-line{
               float:right;
}
.exp-share-line > span:first-child,
.exp-share-line > span > span {
               vertical-align:middle;
               display:inline-block;
               padding:0 0 0 5px;
}
.exp-share-line img{
               max-height:20px;
}
.blog-latest .blog-item-latest-item {
               margin-top:7px;
}
.blog-latest .blog-item-latest-item .blog-item-latest-item-title {
               font: 400 13px verdana, Arial, Helvetica, sans-serif;
               color: #0065AE;
               text-transform: none;
               font-weight:bold;
}
.blog-latest .blog-item-latest-readmore-title{
               margin-top: 10px;

}


/* css added Sept 2014 TM */

div#exp-fonction.blog ul li div span { color:#ffffff !important; text-align:left; background-color: #546A76; padding: 0px 10px 10px 10px; width: 180px; margin-top: -5px; margin-left: -10px;}

div#exp-fonction.blog ul li.WelcomeMessage h2.ms-rteElement-H2 { color:#ffffff; font-size:20px; background-color: #546A76; padding: 5px 10px; width: 180px; margin-left: -10px;  }
div#exp-fonction.blog ul li.Search h2.ms-rteElement-H2 { color:#ffffff; font-size:20px; background-color: #3283BD; padding: 10px; width: 180px; margin-left: -10px;  margin-top: 20px;}
div#exp-fonction.blog ul li.Categories h2.ms-rteElement-H2 { color:#ffffff; font-size:20px; background-color: #86959D; padding: 5px 10px 5px 10px; width: 180px; margin-left: -10px;  margin-top: 20px;}
div#exp-fonction.blog ul li.Archives h2.ms-rteElement-H2 { color:#ffffff; font-size:20px; background-color: #86959D; padding: 5px 10px 5px 10px; width: 180px; margin-left: -10px;  margin-top: 20px;}

#exp-fonction ul.blog-categories li a { color:#546A76; }

div.blog-item h2 { text-transform: uppercase;   }

.blog-item-date { margin-top:-10px;  }

.blog-item-date a:hover, .blog-item-keywords a:hover {text-decoration: underline;}


div#exp-fonction.blog ul.blog-categories li {  margin-top: 0px;  padding-bottom: 10px;  padding-top: 10px;  border-bottom: solid 1px #cccccc; margin-left: -10px;
width: 180px; }
div#exp-fonction.blog ul.blog-archives li {  margin-top: 0px;  padding-bottom: 10px;  padding-top: 10px;  border-bottom: solid 1px #cccccc; margin-left: -10px;
width: 180px; }

.blog-item-body p{ margin-top: 10px;}

.blog-item-categories a { text-decoration: underline; }
.blog-item-categories a:hover { text-decoration: none; }

#ctl00_MSO_ContentDiv .exp-navigation { text-align: center; font-size: 12px; }

#ctl00_RightColumnPlaceHolder_mySearch_pnlShort { margin-left: 3px;}

div#exp-fonction.blog li.Search{width:185px!important}


li.static[meganav-Expended="1"] > a {
color:#0065AE !important;
}
li[meganav-expended=''].static > a.static {
                color:#738a94;
}
li:not([meganav-Expended]).static a.static {
                color:#738a94;
}

/* css MegaNav */
div.meganav,table.meganav {
  z-index: 9999;
  width: 982px;
  margin-left: auto;
  margin-right: auto;
   visibility:hidden;
}
#ICI-whiteBackgroud div.meganav,#ICI-whiteBackgroud table.meganav {
  z-index: 9999;
  width: 982px;
  margin-left: auto;
  margin-right: auto;
visibility:hidden;
}

div.meganav:not([meganav-Expended]),
table.meganav:not([meganav-Expended]) {
  visibility:hidden;
}

#ICI-whiteBackgroud div.meganav:not([meganav-Expended]),
#ICI-whiteBackgroud table.meganav:not([meganav-Expended]) {
visibility:hidden;
}
div.meganav[meganav-Expended=""],
table.meganav[meganav-Expended=""] {
visibility:hidden;
}
#ICI-whiteBackgroud div.meganav[meganav-Expended=""] ,
#ICI-whiteBackgroud table.meganav[meganav-Expended=""]  {
visibility:hidden;
}

div.meganav[meganav-Expended="1"],
table.meganav[meganav-Expended="1"] {
visibility:visible;
  
}
#ICI-whiteBackgroud .meganav[meganav-Expended="1"]  {
visibility:visible;
}
.meganav div.container.arrow-bottom ,
.meganav table.container.arrow-bottom {
                line-height: 0;   
      z-index: 9999;
}
.meganav .container-hoster {
                position: absolute;
               /*width: 100%;
               height: 100%;*/
      z-index: 9999;
}
.meganav .container-hoster .background{
                width: 100%;
                height: 100%;
    margin-left: auto;
  margin-right: auto;
    z-index: 9999;
}
.meganav .container-hoster .container.arrow-top {
                position: absolute;
}
.meganav .container.arrow-bottom {
                position: absolute;
                bottom: 0;
                width: 100%;
                text-align: center;
}
.meganav .container-hoster.menu .container{
                position: relative;
               width: 982px;
                                                  overflow:hidden;
  /* margin: 20px auto; */
}
.meganav .container-hoster.menu .container .content{
    padding: 0 0 10px 0;
  background-color: #0065AE;
  width: 100%;
  /*height: 235px;*/
  z-index: 9999;
  display:table;
  width: 984px;
}
.meganav .container-hoster.menu .container .content .title{
                padding-top:0px;
}
.meganav .container-hoster.menu .container .content .title h3{
                margin-top: 0;
                margin-bottom: 5px;
                font-family: futura-medium, Helvetica, sans-serif;
    text-transform:capitalize;
                font-size:22px;
                color:#0065AE;
}
.meganav .container-hoster.menu .container .content .block{
width: 213px;
  height: 203px;
  padding: 12px 16px 16px 16px;
  float: left;
    display:block;
  overflow:hidden;
  /* padding: 1px; */
  background-color: #809098;
  border-right: 1px solid #99A6AD;
}
.meganav .container-hoster.menu .container .content .block ul{
list-style:none;
}
.meganav .container-hoster.menu .container .content .block4 ul{
list-style:none;
}

.meganav .container-hoster.menu .container .content .block ul li{
                margin-bottom: 15px;
                display:inline-flex;
    list-style:none;
                width: 100%;
}
.meganav .container-hoster.menu .container .content .block4 ul li{
                margin-bottom:15px;
                display:inline-flex;
    list-style:none;
                width: 100%;
}

.meganav .container-hoster.menu .container .content .block4{
                width: 213px;
  height: 203px;
  padding: 12px 16px 16px 16px;
                float: left;
  display: block;
  overflow:hidden;
  /* padding: 1px; */
  background-color: #809098;
  color:white;
}

.meganav .container-hoster.menu .container .content .block4 h4,
.meganav .container-hoster.menu .container .content .block4 h4 a{
               margin-top: 0px;
               margin-bottom: 8px;
               font-family: futura-medium, Helvetica, sans-serif;
               font-size:16px;
               color:white;
                     font-weight: 500;
    text-transform:capitalize;
}
.meganav .container-hoster.menu .container .content .block h4,
.meganav .container-hoster.menu .container .content .block h4 a{
               margin-top: 0px;
               margin-bottom: 8px;
                font-family: futura-medium, Helvetica, sans-serif;
                font-size:16px;
               color:white;
                     font-weight: 500;
    text-transform:capitalize;
}
.meganav .container-hoster.menu .container .content .block a,
.meganav .container-hoster.menu .container .content .block ul li a  {
               font-family:Verdana;
               color:white;
    font-size:11px;
      width:100%;
}
.meganav .container-hoster.menu .container .content .block4 a,
.meganav .container-hoster.menu .container .content .block4 ul li a  {
                font-family:Verdana;
               color:white;
    font-size:11px;
         width:100%;
}

 
/*.meganav .container-hoster.menu .container .content .block ul li a {
    margin-left: 5px;
}
.meganav .container-hoster.menu .container .content .block4 ul li a {
    margin-left: 5px;
}*/
ul > li > a > div.meganav-bullet-image,
ul > li > a > table.meganav-bullet-image{
        margin-right: 2px;
            float: left;
            width:5%;
}

ul > li > a > div.meganav-bullet-text,
ul > li > a > table.meganav-bullet-text{
margin-left: 0;
    float: left;
    width:90%;
}
.exp-youtube {
                position: relative;
                cursor: pointer;                
}
.exp-youtube-btn{
                position:absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                z-index: 100;
                background-position: 50% 50%;
                background-repeat: no-repeat;
}

                /* Normalize CSS on both landsacape and protrait mode */
                div.mobile-redirection-container {
    width: 100%;
    /* border-top: 5px solid #A8B3B9; */
    /* border-bottom: 5px solid white; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* background-color: #A8B3B9; */
    position: fixed;
    /* background-image: -webkit-linear-gradient(top, #A8B3B9 0%, white 100%), -webkit-linear-gradient(top, #A8B3B9 0%, white 100%); */
    background-image: -moz-linear-gradient(top, #A8B3B9 0%, white 100%), -moz-linear-gradient(top, #A8B3B9 0%, white 100%);
    background-image: -o-linear-gradient(top, #A8B3B9 0%, white 100%), -o-linear-gradient(top, #A8B3B9 0%, white 100%);
    /* background-image: linear-gradient(to bottom, #A8B3B9 0%, white 100%), linear-gradient(to bottom, #A8B3B9 0%, white 100%); */
    z-index: 9999;
}
div.mobile-redirection-btn {
                width: 100%;
    height: 100%;
    /* background-color: #045B90; */
    background-image: linear-gradient(to bottom, #0568AF 0%, #045087 100%), linear-gradient(to bottom, #0568AF 0%, #045087 100%);
    /* background-repeat: no-repeat; */
    background-position: left center;
    background-size: 10% 100%;
    position: relative;
    /* margin: 0% 0% 1% 1%; */
    /* border-radius: 0.5em; */
}
div.mobile-redirection-btn > a {
    width: 100%;
    height: 98%;
    font-family: futura-medium, Helvetica, sans-serif;
    font-size: 2em;
    color: white;
    text-align: center;
    position: absolute;
}


    div.mobile-redirection-container {
        display:none;
    }
@media screen and (orientation:portrait) {
                div.mobile-redirection-container {
                                   height: 15%;
                                               bottom: 0%;
    }
                div.mobile-redirection-btn > a {
                               margin: 1% 0% 0% 0%;
                                   font-size: 4em;
                }
                /* Separate CSS between Portrait and landscape
                div.mobile-redirection-container {
        width: 100%;
        height: 40px;
        border-top: 5px solid #A8B3B9;
        border-bottom: 5px solid white;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #A8B3B9;
        bottom: 0px;position:fixed;
        background-image: -webkit-linear-gradient(top, #A8B3B9 0%, white 100%), -webkit-linear-gradient(top, #A8B3B9 0%, white 100%);
        background-image: -moz-linear-gradient(top, #A8B3B9 0%, white 100%), -moz-linear-gradient(top, #A8B3B9 0%, white 100%);
        background-image: -o-linear-gradient(top, #A8B3B9 0%, white 100%), -o-linear-gradient(top, #A8B3B9 0%, white 100%);
        background-image: linear-gradient(to bottom, #A8B3B9 0%, white 100%), linear-gradient(to bottom, #A8B3B9 0%, white 100%);
        z-index:9999;
    }
    div.mobile-redirection-btn {
        width: 98%;
        height: 100%;
        background-color: #A8B3B9;
        background-image: url("images/ic_request.jpg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 10% 100%;
        position: relative;
        margin-left: 1%;
        border-radius: 0.5em;
    }

        div.mobile-redirection-btn > a {
            width: 100%;
            height: 100%;
            font-family: futura-medium, Helvetica, sans-serif;
            font-size: 2em;
            color: white;
            text-align: center;
            left: 30%;
            margin: auto;
            position: relative;
        }*/
    div.mobile-redirection-btn > a > img {
                               margin: 0% 1% 0% 0%;
                               width: 32px;
                               height: 32px;
                               position: relative;
                               /* top: 5%; */
    }
}
@media screen and (orientation:landscape) {
                div.mobile-redirection-container {
                                   height: 15%;
                                               bottom: 0%;
    }
                               div.mobile-redirection-btn > a {
                               margin: 0% 0% 0% 0%;
                               font-size: 3em;
                }
    /*div.mobile-redirection-container {
        width: 25%;
        height: 40px;
        float: right;
        margin-left: 5%;
        position:fixed;
        background-color: #A8B3B9;
        border-top-left-radius: 1.5em;
         border-top-right-radius: 0.5em;
                bottom: 0px;
        right: 5%;
    }
    div.mobile-redirection-container:before {
        display: block;
        width: 0px;
        height: 0px;
        position: absolute;
        top: 4px;
        left: -35px;
        content: "";
        border-width: 20px;
        border-style: solid;
        border-color: transparent #A8B3B9 #A8B3B9 transparent;
       
    }
    div.mobile-redirection-btn {
        position: relative;
        top: 0%;
        left: 18%;
        width: 100%;
        height: 100%;
        background-color: #A8B3B9;
        background-image: url("images/ic_request.jpg");
        background-repeat: no-repeat;
        background-position: 1% center;
        background-size: 10% 100%;
         border-top-right-radius: 0.5em;
    }
    div.mobile-redirection-btn > a {
        width: 100%;
        height: 100%;
        font-family: futura-medium, Helvetica, sans-serif;
        font-size: 3em;
        color: white;
        font-weight: normal;
        position: relative;
        left: 15%;
    }   */
     div.mobile-redirection-btn > a > img {
    margin: 0% 1% 0% 0%;
    width: 32px;
    height: 32px;
    position: relative;
    top: 7%;
    }
}
.exp-youtube {
                position: relative;
                cursor: pointer;                
}
.exp-youtube-btn{
                position:absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                z-index: 100;
                background-position: 50% 50%;
                background-repeat: no-repeat;
}* {
    margin: 0;
}
fieldset { border-style: none; }
#exp-layout_news > html, #exp-layout_news > body, #exp-layout_news > div, #exp-layout_news > span, #exp-layout_news > object, #exp-layout_news > iframe, #exp-layout_news > h1, #exp-layout_news > h2, #exp-layout_news > h3, #exp-layout_news > h4, #exp-layout_news > h5, #exp-layout_news > h6, #exp-layout_news > p, #exp-layout_news > a, #exp-layout_news > img,#exp-layout_news > fieldset, #exp-layout_news > form, #exp-layout_news > label, #exp-layout_news > table, #exp-layout_news > caption, #exp-layout_news > tbody, #exp-layout_news > tfoot, #exp-layout_news > thead,#exp-layout_news > tr,#exp-layout_news > th,#exp-layout_news > td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /*vertical-align:baseline;*/}
#qpz-master > html, #qpz-master > body, #qpz-master > div, #qpz-master > span, #qpz-master > object, #qpz-master > iframe, #qpz-master > h1, #qpz-master > h2, #qpz-master > h3, #qpz-master > h4, #qpz-master > h5, #qpz-master > h6, #qpz-master > p, #qpz-master > a, #qpz-master > img,#qpz-master > fieldset, #qpz-master > form, #qpz-master > label, #qpz-master > table, #qpz-master > caption, #qpz-master > tbody, #qpz-master > tfoot, #qpz-master > thead,#qpz-master > tr,#qpz-master > th,#qpz-master > td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /*vertical-align:baseline;*/}

:focus{outline:0;}
#exp-layout_news > table{border-collapse:separate; border-spacing:0;}
#exp-layout_news > caption, #exp-layout_news > th, #exp-layout_news > td{text-align:left; font-weight:normal;}
#qpz-master > html, #qpz-master > body, #qpz-master > div, #qpz-master > span, #qpz-master > object, #qpz-master > iframe, #qpz-master > h1, #qpz-master > h2, #qpz-master > h3, #qpz-master > h4, #qpz-master > h5, #qpz-master > h6, #qpz-master > p, #qpz-master > a, #qpz-master > img,#qpz-master > fieldset, #qpz-master > form, #qpz-master > label, #qpz-master > table, #qpz-master > caption, #qpz-master > tbody, #qpz-master > tfoot, #qpz-master > thead,#qpz-master > tr,#qpz-master > th,#qpz-master > td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /*vertical-align:baseline;*/}
/* .exp-content-display > html, .exp-content-display > body, .exp-content-display > div, .exp-content-display > span, .exp-content-display > object, .exp-content-display > iframe, .exp-content-display > h1, .exp-content-display > h2, .exp-content-display > h3, .exp-content-display > h4, .exp-content-display > h5, .exp-content-display > h6, .exp-content-display > p, .exp-content-display > a, .exp-content-display > img,.exp-content-display > fieldset, .exp-content-display > form, .exp-content-display > label, .exp-content-display > table, .exp-content-display > caption, .exp-content-display > tbody, .exp-content-display > tfoot, .exp-content-display > thead,.exp-content-display > tr,.exp-content-display > th,.exp-content-display > td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /*vertical-align:baseline;* /}*/
#qpz-master > table{border-collapse:separate; border-spacing:0;}
.exp-content-display > table{border-collapse:separate; border-spacing:0;}
#qpz-master > caption, #qpz-master > th, #qpz-master > td{text-align:left; font-weight:normal;}
.exp-content-display > caption, .exp-content-display > th, .exp-content-display > td{text-align:left; font-weight:normal;}
.s4-nosetwidth img{margin:0; border:0;}
#s4-bodyContainer{position:relative;}
html{width:100%;}
.s4-breadcrumb-menu{background:#F2F2F2;}
.s4-ca{background:transparent none repeat scroll 0 0;}
.exp-seven .s4-ca{z-index:7000;}
#MSOTlPn_MainTD{width:0 !important;}
#MSOTlPn_MainTD .ms-ToolPaneOuter{height:auto; position:absolute; right:-255px; top:0; z-index:6001;}
.exp-content-display .ms-wpContentDivSpace{margin:0;}
#qpz-master .ms-wpContentDivSpace{margin:0;}
.exp-content-display td{vertical-align:top;}
/**********Pour Remplacer le scroll no sur le body*************/
.qpz-backo{overflow:auto}
#qpz-master{overflow:visible; height:inherit; width:inherit;}
#qpz-master.qpz-backo{overflow:auto}
body #s4-workspace{overflow:visible !important;}
body.qpz-backo #s4-workspace{overflow-x:auto!important; overflow-y:scroll; padding-bottom:0; background:transparent none}
body#qpz-master.qpz-backo #s4-workspace{overflow-x:auto!important; overflow-y:scroll; padding-bottom:0; background:transparent none}
body #s4-ribbonrow{position:fixed; z-index:1000;}
body.qpz-backo #s4-ribbonrow, .qpz-backo #s4-ribbonrow .ms-MenuUIPopupBody,.qpz-backo #s4-ribbonrow .ms-popoutMenu, .qpz-backo .ms-cui-menu[id ^= "Ribbon."]{position:static}
body#qpz-master.qpz-backo #s4-ribbonrow, #qpz-master.qpz-backo #s4-ribbonrow .ms-MenuUIPopupBody, #qpz-master.qpz-backo #s4-ribbonrow .ms-popoutMenu, #qpz-master.qpz-backo .ms-cui-menu[id ^= "Ribbon."]{position:static}
#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."]{position:fixed !important;}
.ms-dlgOverlay{width:100% !important;}
.qpz-backo .ms-dlgOverlay{width:auto}
#qpz-master.qpz-backo .ms-dlgOverlay{width:auto}
.ms-cui-menu{max-height:350px!important; overflow-y:scroll}
/*#qpz-master.qpz-backo .ms-cui-menu{max-height:inherit; overflow:auto}*/
.qpz-backo .ms-cui-menu{max-height:inherit; overflow:auto}
.ms-PartSpacingHorizontal{width:5px!important}
/*#qpz-master .ms-PartSpacingHorizontal{width:5px!important}*/
/* ========================================================================================= *
                              Standard
* ========================================================================================= */
#qpz-master{background:#f0f0f0 none; color:#546a76; background-repeat:no-repeat; background-position:72% -74px; font-size:11px; font-family:Verdana,Tahoma,Arial, Helvetica, sans-serif;}*/
/*#qpz-master .ms-dlgContent{ bottom:15%!important }*/
#qpz-master .ms-WPBody a:visited{color:#0065ae;}
/*#qpz-master.exp-noleft {background-size: 100% auto ;}*/
#qpz-master #s4-bodyContainer{background-position left top; background-repeat:no-repeat; margin:0 auto; padding:0; min-width:988px;}
.qpz-withleftnav{background:#f4f4f4 url('images/bg_wln.gif') no-repeat center -44px;}
.qpz-withleftnav #s4-workspace{background:transparent none;/*RFC 50679 padding-bottom:40px;*/}
.qpz-withleftnav #s4-bodyContainer{background:transparent none; width:988px;}
#qpz-master.qpz-withleftnav{background:#f4f4f4 url('images/bg_wln.gif') no-repeat center -44px;}
#qpz-master.qpz-withleftnav #s4-workspace{background:transparent none;/*RFC 50679 padding-bottom:40px;*/}
#qpz-master.qpz-withleftnav #s4-bodyContainer{background:transparent none; width:988px;}
.exp-wrapper{background:url(images/bg_tpn.png) repeat-x 0 0px;}/*mod*/
.qpz-backo .exp-wrapper{background:none;}/*mod*/

.clearboth, .push{display:block; clear:both;}
.edit-mode-panel{display:block;}
#exp-slideback{position:absolute; top:0; left:0; display:none; background-position left top; background-repeat:no-repeat; /*background-size: 100% auto, auto; */; overflow:hidden; height:100%; width:100%;}
#exp-slideback #largeImg{width:100%; position:absolute; top:0; left:0;}
#s4-bodyContainer{height:auto !important; height:100%;              /*min-height: 100%;*/}
.qpz-withleftnav #s4-bodyContainer{min-height:98%;}
#qpz-master.qpz-withleftnav #s4-bodyContainer{min-height:98%;}
/*********************************************/
#exp-lang{list-style-type:none; padding:0; margin:2px 0 0 5px;}
#exp-lang li{display:inline;}
#exp-lang li a, #exp-lang li a:link, #exp-lang li a:visited, #exp-lang li a:hover{font-size:10px; font-family:Verdana,Tahoma,Arial, Helvetica, sans-serif; font-weight:700; color:#909090;}
#exp-lang li a:hover{color:#0065ae;}
#exp-lang li + li{border-left:1px #909090 solid; padding:0 3px;}
.exp-cg-lang{max-width:150px; position:absolute; right:15px; top:52px; text-align:right}
.exp-cg-lang span{color:#0065ae; display:block; margin-bottom:1px; font-size:10px; font-family:Verdana, Tahoma,Arial, Helvetica, sans-serif; font-weight:700;}
/* ========================================================================================= *
                               Header
* ========================================================================================= */
#qpz-header{ width:980px; height:88px; margin:0 auto; z-index:100; position:relative;}
.qpz-withleftnav #qpz-header{background:transparent url('images/bg-secondmenu.png') repeat-x 0px bottom;margin-right:0px; width:980px; margin-left:2px;}
#qpz-master.qpz-withleftnav #qpz-header{background:transparent url('images/bg-secondmenu.png') repeat-x 0px bottom;margin-right:0px; width:980px; margin-left:2px;}
.qpz-withleftnav .exp-wrapper{width:980px; overflow:visible;}
.qpz-header-inner{background-color:#0065ae; height:44px;}
/* LogoBox */
#qpz-logobox{position:absolute; top:0px; left:0px;}
.qpz-withleftnav #qpz-logobox{left:-2px;}
#qpz-logobox .qpz-logo{vertical-align:bottom;}
#qpz-logobox h1{display:inline; font-size:2.091em; padding:0 10px;}
#qpz-logobox h1 a, #qpz-logobox h1 a:link, #qpz-logobox h1 a:visited, #qpz-logobox h1 a:hover{color:#000;}
/* Site Title*/
.exp-home-title{position:absolute; top:16px; left:15px;}
/* SearchBox */
.exp-search{padding:12px 0px 0 9px !important;}
.exp-search input.exp-sbplain{background:#fff none;float:left; font-family:Verdana,Tahoma,sans-serif; border:1px solid #dbdbdb !important; color:#b7b7b7; border-right:0px !important; font-size:11px; height:20px; padding:2px 3px 0; width:147px!important;}
.exp-search .exp-btsearch{ border:1px solid #dbdbdb !important;border-left:0!important; height:22px!important; padding:0;}
.exp-search .ms-sbcell input.ms-sbplain.qpz-empty-text{color:#666; font-style:italic;}
.exp-search .srch-gosearchimg{border:0!important; border-left:0; height:22px!important; padding:0;}
.exp-share{float:right;list-style-type:none;margin:-10px 0 0;padding:0;position:relative;z-index: 990;}
                .element .exp-share{top:0px;right:-2px;position:absolute;margin:0}
                               .element.small .exp-share{display:none}
                               .element.big .exp-share{display:block}
                .exp-share > li{float:left; background-color:#d4d8db;padding:3px;margin:0 2px 0 0;width:15px;height:15px; cursor:pointer}
                               .exp-share .share{cursor:pointer;line-height:13px;/*background:#d4d8db url('images/icon/icon_share.png') no-repeat 43px center;*/padding-left:7px;width:auto;padding-right:5px;}
                               .exp-share li span{color:#5F686F;font-size:14px;font-family:futura-medium,Helvetica,sans-serif}
                               .exp-seven .exp-share .share{line-height:normal}
                               .element .exp-share .share{color:#5F686F}
                               .element .exp-share .share span{color:#5F686F}
                               .exp-share li ul{background-color:#d4d8db;float:none;top:0px;display:none;width:54px;right:7px;position:absolute;list-style-type:none;margin-top:21px !important;margin-right:-5px;padding:5px 3px}
                                               .exp-share li:hover ul{z-index:1001}
                                               .exp-share li ul li{padding:3px 0 ;text-align:center}
                                               .exp-share li .jquerysend a{
                                               background:transparent url('images/icon/enveloppe.gif') no-repeat center top;padding:12px; text-indent:-9999px;
                                               color:#d4d8db; font-weight:700; font-size:1px;font-family:Verdana}
                                               .exp-seven .exp-share li .jquerysend a{display:block;width:8px}
.exp-share + div{clear:both}
/* ========================================================================================= *
                               Nav Horiz
* ========================================================================================= */
#qpz-navhoriz{background:transparent none; padding-left:198px; padding-top:9px; height:35px;}
.exp-noleft #qpz-navhoriz{padding-left:204px;}
#qpz-navhoriz .s4-tn li.static > .menu-item{}
#qpz-navhoriz .menu-horizontal .menu-item-text{white-space:normal;}
#qpz-navhoriz .menu-horizontal{padding-left:10px;}
/* lvl1 */
#qpz-navhoriz .root > li{padding-right:0px; position:relative; padding-top:1px; height:28px; width:88px;}
#qpz-navhoriz .root > li > .menu-item{color:#fff; font-size:10px; font-family:verdana,Tahoma,sans-serif;}
#qpz-navhoriz .s4-tn li.static > .menu-item, #qpz-navhoriz .s4-tn li.static > .menu-item:hover{padding:0; margin-left:10px; text-decoration:none;}
qpz-navhoriz .root > li > .menu-item:hover, #qpz-navhoriz .root > li > .menu-item.selected, #qpz-navhoriz .root > li > .menu-item.hover, #qpz-navhoriz .root > li > .menu-item.hover-off{color:#fff; font-size:10px;font-weight:400; font-family:verdana,Tahoma,sans-serif; margin-left:10px; text-decoration:none;}
/* lvl2 */
#qpz-navhoriz .root > li > ul{border:0; background-color:#fff; padding:10px 0;}
#qpz-navhoriz .root > li > ul > li{}
#qpz-navhoriz .root > li > ul > li > .menu-item{font-family:verdana ,tahoma; color:#0065ae; font-size:12px;}
#qpz-navhoriz .root > li > ul > li > .menu-item:hover, #qpz-navhoriz .root > li > ul > li > .menu-item.selected, #qpz-navhoriz .root > li > ul > li > .menu-item.hover, #qpz-navhoriz .root > li > ul > li > .menu-item.hover-off{text-decoration:none;}
#qpz-navhoriz .menu-horizontal a.dynamic-children span.additional-background, #qpz-navhoriz .menu-horizontal span.dynamic-children span.additional-background{background-image:none; padding:0;}
#qpz-navhoriz .menu-horizontal a.dynamic:hover{background-color:#cfd7dd;}
#qpz-navhoriz .root .dynamic-children:hover ul.dynamic{left:-1px!important; top:35px; z-index:1001;}
#qpz-navhoriz .root > li > ul.dynamic{border:1px #b9bbb9 solid; border-top:0px;}
#qpz-navhoriz .root > li > ul.dynamic{background:#fff url('images/puce_menu_dyna_select.gif') no-repeat 10px top;}
#qpz-navhoriz .s4-tn li.static.exp-menu2{width:65px;}
#qpz-navhoriz .s4-tn li.static.exp-menu4{width:80px;}
/*== top nav with table */
#qpz-navhoriz table td a{text-align: center; border:0; float:left;  font-family:verdana ,tahoma; color:#fff; font-size: 10px;white-space: normal;padding-right: 0px;    position: relative;    padding-top: 1px;    height: 28px;    width: 85px;}
#qpz-navhoriz table td a:hover{text-decoration:none;color:#fff}
/*#qpz-navhoriz table {padding-left: 10px;}*/
/* ============================== *
                               Nav Deuxieme Menu ASCX
* ===============================*/
#exp-menudeux{background:transparent none; padding-left:218px; /*padding-top:10px;*/ margin-left:0; margin-top:0px}
.exp-noleft #exp-menudeux{padding-left:224px;}

#exp-menudeux li{float:left; list-style-type:none; /*padding:0 2px 0 19px*/; color:#0065ae; font-family:arial,Verdana,sans-serif; font-size:16px;}
/*#exp-menudeux li:first-child{padding-left:0px;}*/
#exp-menudeux li a, #exp-menudeux li a:link, #exp-menudeux li a:visited, #exp-menudeux li a:hover{font-family:futura-medium,arial,Verdana,sans-serif; font-size:18px; color:#fff; font-weight:400;}
#exp-menudeux li a, #exp-menudeux li a:link, #exp-menudeux li a:visited, #exp-menudeux li a:hover{color:#48606c; text-transform:uppercase;}
#exp-menudeux li a:hover{color:#0065ae;}
#exp-menudeux li {
                padding:12px 10px;
}
/* Sylvain - Correction Defect #166920  */
/* Sylvain - Correction Defect #167198  */
.qpz-withleftnav #exp-menudeux{position:absolute;width:100%}

/* ======================= *
                Euronext 
 * ======================*/
#exp-euronext{background:transparent url('images/border-header-comp.gif') repeat-y top left; width:183px; position:absolute; top:0px; right:148px; padding:1px;letter-spacing:-1px;height:40px;overflow:hidden}
#exp-euronext span{font-family:verdana, Tahoma,sans-serif;}
.exp-euro{font-size:10px; color:#91c0e6;font-weight:700;}
#exp-euronext .exp-date{color:#91c0e6;font-size:9px;padding-left:5px;}
.exp-value{display:inline-block; font-size:11px; color:#fff; font-weight:700; padding-top:3px; padding-right:1px;}
.exp-down, .exp-up, .exp-pour{font-size:10px; padding-left:3px; font-weight:400;}
.exp-up, .exp-pour{color:#52ff6e;}
.exp-down{color:red;}
/* ======================= *
                reseau 
 * ======================*/
#exp-reseau{background:transparent url('images/border-header-comp.gif') repeat-y top left; width:145px; position:absolute; top:0px; right:0px; padding:1px 4px 4px;}
.exp-eight #exp-reseau, .exp-seven #exp-reseau{padding:1px 4px 9px;}
.exp-whithleftnav #exp-reseau{padding:5px 0px 4px 14px;}
#exp-reseau span{font-family:verdana,Tahoma,sans-serif; font-size:9px; font-weight:700; display:inline-block; padding-bottom:3px; color:#91c0e6;}
#exp-reseau select{background-color:#1a75b6; font-family:verdana, Tahoma,sans-serif; font-size:10px; font-weight:400; border:1px solid #a8cae3; color:#fff; padding:0 0 0 1px; width:150px;}
/* ======================= *
                Fonction
* ======================*/
#exp-fonction{position:absolute; top:151px; right:0px; width:200px; z-index:998/*z-index:5001 pour passer sous le ribbon*/;}
/* #ICI-wrapperWorkspace #exp-fonction{ top:45px; }
#ICI-wrapperWorkspaceMicroSite #exp-fonction{ top:45px; } */
.qpz-withleftnav #exp-fonction{top:188px; right:7px;}
#exp-fonction ul{margin:0; padding:0;}
#exp-fonction li{list-style-type:none; padding:6px 10px; min-height:56px; margin-bottom:3px;}
.qpz-withleftnav #exp-fonction ul.fixed{position: fixed;width: 200px;top:40px;}
#exp-fonction li.exp-media{min-height:68px; padding:0;cursor:pointer}
#exp-fonction li.exp-media a span{cursor:pointer}
#exp-fonction li.exp-eolis span.exp-ftt,#exp-fonction li.exp-counter span.exp-ftt, #exp-fonction .exp-exclu span.exp-ftt, #exp-fonction .exp-ftt{font-size:20px; cursor:pointer; font-family:futura-medium,Arial, Helvetica, sans-serif; color:#fff; margin-bottom:5px; margin-left:-3px; display:block;}
#exp-fonction li.exp-search{background:#fff none; min-height:36px;}
#exp-fonction li.exp-abon{background:#cfd7dd none; min-height:60px; margin-bottom:3px;}
#exp-fonction li.exp-counter{background:#919fa7 none; min-height:60px; margin-bottom:3px;}
#exp-fonction li.exp-counter span.exp-ftt{ margin-left:0px!important}
#exp-fonction li.exp-counter div {float:left; background:transparent url('images/bg_coumpteur.gif') no-repeat left top;margin:3px;border-radius:3px; border:1px #b6c0c5 solid;padding:2px 0 1px 6px}
.exp-seven #exp-fonction li.exp-counter div {padding-right:13px}
#exp-fonction li.exp-counter div span{ width:auto;
display:inline-block;font-size:17px; font-weight:700; font-family:Futura-medium,Geneva, sans-serif; letter-spacing:13px;  color:#fff;margin-right:-8px;}
#exp-fonction li.exp-counter div + span{margin-top:3px;}
#exp-fonction li.exp-abon span{display:inline-block; width:107px; font-family:Arial, Helvetica, sans-serif;}
#exp-fonction li.exp-abon .exp-ftt{color:#546a76; font-size:20px; font-family:futura-medium,Tahoma, sans-serif; margin-bottom:0px;}
#exp-fonction li.exp-eolis{cursor:pointer; background:#aa7929 url('images/chevron_big.png') no-repeat 170px center; padding:0; min-height:68px;}
#exp-fonction li.exp-eolis:hover{background-color:#b8832e;}
.exp-exclu{background:#ba9c67 none; cursor:pointer;}
.exp-exclu:hover{background:#caa870;}
.exp-media, .exp-contact, .exp-custom{background:#475c67 none;}
#exp-fonction li.exp-eolis span{width:160px; color:#fff; cursor:pointer;}
#exp-fonction li.exp-eolis > a{padding:6px 10px; display:block; min-height:56px;}
#exp-fonction li.exp-counter span{width:184px;padding-left:3px;display:inline-block}
#exp-fonction .exp-contact a, #exp-fonction .exp-contact a:link, #exp-fonction .exp-contact a:visited, #exp-fonction .exp-contact a:hover, #exp-fonction li span, #exp-fonction .exp-exclu span{font-family:verdana,Tahoma,sans-serif; font-size:11px; font-weight:400; color:#fff; display:inline-block;}
.blog li span{color:#546a76 !important}
#exp-fonction .exp-exclu h3, #exp-fonction .exp-exclu span{color:#fff;}
#exp-fonction .exp-exclu span{width:184px;}
#exp-fonction .exp-media span{width:184px;}
#exp-fonction .exp-media:hover, #exp-fonction .exp-contact:hover, .exp-custom:hover{background:#546a76;}
#exp-fonction .exp-media > a{padding:6px 10px; display:block;}
#exp-fonction .exp-contact .exp-number{font-weight:700; display:inline-block; padding-left:3px;}
#exp-fonction .exp-contact a, #exp-fonction .exp-contact a:link, #exp-fonction .exp-contact a:visited, #exp-fonction .exp-contact a:hover{background:transparent none; /*padding-left:15px;*/ margin-top:7px;}
#exp-fonction .exp-abon span{font-weight:400;}
#exp-fonction .exp-abon a img{width:14px; height:14px; border:0;}
#exp-fonction .exp-abon a, #exp-fonction .exp-abon a:link, #exp-fonction .exp-abon a:visited, #exp-fonction .exp-abon a:hover{margin-left:6px;}
#exp-fonction .exp-abon p{font-family:verdana,Tahoma,sans-serif; font-size:10px; font-weight:400; padding-top:5px; padding-right:5px;}
#exp-fonction select{background-color:#657984; font-family:verdana,Tahoma,sans-serif; font-size:11px; font-weight:400; border:1px solid #c5ccd0; color:#fff; padding:0 0 0 5px; margin-top:5px; width:150px;}

#exp-fonction .exp-abon.exp-notxt{height:65px; text-align:center}
#exp-fonction .exp-abon.exp-notxt .exp-ftt{display:block; width:100%; margin-bottom:8px; text-align:left}
#exp-fonction .exp-abon a, 
#exp-fonction .exp-abon a:link, 
#exp-fonction .exp-abon a:visited, 
#exp-fonction .exp-abon a:hover{margin:0 6px 0 0}
#exp-fonction .exp-abon.exp-notxt a img{height:25px;width:25px} 
/*270215*/
#exp-fonction p {margin: 0px;}

/* ========================================================================================= *
                               Middle
* ========================================================================================= */
#qpz-middle{width:100%; min-height:600px; margin-top:-43px;}
#qpz-middle .imgheader{display:block;height:121px;width:980px;/*margin-left:1px;*/}
.qpz-withleftnav.exp-eight #qpz-middle .imgheader{position:absolute;top:42px;}
.qpz-withleftnav.exp-eight #qpz-middle{clear:both;padding-top:118px;}

#qpz-middle{width:988px;}
#qpz-master #qpz-middle{width:988px;}
/*fil d'arianne*/
.exp-breadcrumb{padding:0 0 5px 0;float:left;width:auto;}
.exp-breadcrumb a, .exp-breadcrumb a:link, .exp-breadcrumb a:visited, .exp-breadcrumb a:hover, .exp-breadcrumb, .exp-breadcrumb span{font-family:verdana,Tahoma,sans-serif; color:#0065ae; font-size:10px;}
.exp-breadcrumb span.exp-sepa{color:#959da0;}
.exp-breadcrumb span:first-letter{text-transform:uppercase;}
/* Leftnav */
#qpz-leftnav{background-color:transparent; float:left; margin-right:15px; margin-top:3px; width:200px; margin-bottom:125px;}
#qpz-leftnav .menu-vertical{padding:0 20px;}
#qpz-leftnav a.menu-item{font-family:futura-medium,verdana,Tahoma,sans-serif;}
#qpz-leftnav .root > li > a.menu-item{font-size:16px; text-transform:uppercase; font-weight:400; color:#546a76; line-height:17px;}
#qpz-leftnav .root li li a.menu-item{font-size:17px; line-height: 1em; font-weight:400; color:#727f86;}
#qpz-leftnav .root li li li a.menu-item{font-size:14px;}
#qpz-leftnav .root li li{padding-left:10px;}
#qpz-leftnav .root li li .additional-background{padding-bottom:1px;}
#qpz-leftnav .root li li .menu-item-text{padding-bottom:2px;}
/*#qpz-leftnav .root li li .menu-item-text:first-letter{text-transform:uppercase;}*/
#qpz-leftnav .root li a.menu-item:hover{color:#0065ae;}
#qpz-leftnav .root li a.menu-item.selected{background:transparent none; color:#0065ae;}
/* lvl1 border-bottom: 1px dotted #546a76;*/
#qpz-leftnav .menu-vertical{padding:0 0 15px 0; margin:0 25px 0 20px; width:155px;}
#qpz-leftnav .root > li > .menu-item{padding:7px 0 0 0;}
#qpz-leftnav .root > li > .menu-item:hover, #qpz-leftnav .root > li > .menu-item.selected, #qpz-leftnav .root > li > .menu-item.hover, #qpz-leftnav .root > li > .menu-item.hover-off{color:#0065ae; text-decoration:none;}
/* lvl2 */
#qpz-leftnav .root > li > ul{padding:0 0 5px;}
.qpz-withleftnav .s4-ca{background-color:transparent; margin:0 0 15px; padding:0;}
.qpz-withleftnav .s4-ca{width:555px; float:left; margin-top:10px;}
.qpz-withleftnav.qpz-backo .s4-ca{width:765px; float:left;}
#qpz-master .s4-ca{background-color:transparent; margin:0 0 15px; padding:0;}
#qpz-master.qpz-withleftnav .s4-ca{width:555px; float:left; margin-top:10px;}
#qpz-master.qpz-withleftnav.qpz-backo .s4-ca{width:765px; float:left;}
/* ========================================================================================= *
                               Footer
* ========================================================================================= */
#qpz-footer{position:fixed; bottom:0; width:988px; left:50%; margin-left:-496px; background:transparent url('images/footer_no_logo.png') no-repeat left bottom; height:21px; padding-top:8px; text-align:right; margin-top:-22px; z-index:7002;}
.qpz-withleftnav #qpz-footer{margin-top:0px;position:relative;}
#qpz-master.qpz-withleftnav #qpz-footer{margin-top:0px;position:relative;}
#qpz-footer ul{margin:0 0 0 30px;}
#qpz-footer li{float:left; list-style-type:none; padding:0 2px;}
#qpz-footer .exp-foot-bis li{padding:0 10px;}
#qpz-footer li, #qpz-footer li a, #qpz-footer li a:link, #qpz-footer li a:visited, #qpz-footer li a:hover{font-family:verdana,Tahoma,sans-serif; color:#7e878c; font-weight:400;}
#qpz-footer li a:hover{color:#fff; text-decoration:underline;}
#qpz-footer .allianz{position:absolute; right:17px; border:0; width:150px; top:6px; height:17px; display:block; text-indent:-9999px;}
/* ========================================================================================= *
                               Webparts
* ========================================================================================= */
/* title */
.exp-content-display .ms-WPHeader{background:transparent none;}
.exp-content-display .ms-WPHeader td{border:0; border:0;}
.exp-content-display .ms-WPHeaderTdMenu{width:19px;} 
.exp-content-display .s4-wpTopTable:hover .ms-WPHeader .ms-WPHeaderTdMenu{border:0; background-color:#fff;}
.exp-content-display .ms-WPHeader .ms-WPHeaderTdMenu:hover{background-image:none; background-color:#fff; border:0;}
.exp-content-display .ms-WPHeader td.ms-wpTdSpace{}
.exp-content-display .ms-WPHeader h3 a, .exp-content-display .ms-WPHeader h3 a:link, .exp-content-display .ms-WPHeader h3 a:visited, .exp-content-display .ms-WPHeader h3 a:hover, .exp-content-display .ms-WPHeader h3{font:400 22px/normal Verdana, Arial, Helvetica, sans-serif; color:#0065AE; border:0;}
#qpz-master .ms-WPHeader{background:transparent none;}
#qpz-master .ms-WPHeader td{border:0; border:0;}
#qpz-master .ms-WPHeaderTdMenu{width:19px;} 
#qpz-master .s4-wpTopTable:hover .ms-WPHeader .ms-WPHeaderTdMenu{border:0; background-color:#fff;}
#qpz-master .ms-WPHeader .ms-WPHeaderTdMenu:hover{background-image:none; background-color:#fff; border:0;}
#qpz-master .ms-WPHeader td.ms-wpTdSpace{}
#qpz-master .ms-WPHeader h3 a, #qpz-master .ms-WPHeader h3 a:link, #qpz-master .ms-WPHeader h3 a:visited, #qpz-master .ms-WPHeader h3 a:hover, #qpz-master .ms-WPHeader h3{font:400 22px/normal Verdana, Arial, Helvetica, sans-serif; color:#0065AE; border:0;}
/* Content */
.exp-content-display .ms-WPBorder, .exp-content-display .ms-WPBorderBorderOnly{background-color:transparent; border:0;}
.exp-content-display .ms-WPBody{padding:2px 0;}
.exp-content-display .ms-WPBody p{margin:0;}
#qpz-master .ms-WPBorder, #qpz-master .ms-WPBorderBorderOnly{background-color:transparent; border:0;}
#qpz-master .ms-WPBody{padding:2px 0;}
#qpz-master .ms-WPBody p{margin:0;}

/* ========================================================================================= *
                Popin
* =========================================================================================*/
.ms-dialog .qpz-backo{background:transparent none}
.ms-dialog .qpz-backo #s4-workspace{position:relative;height:auto; background:transparent none; padding-bottom:0}
.ms-dialog .qpz-backo #s4-bodyContainer{width:auto;min-height:inherit}
.ms-dialog .qpz-backo #qpz-header,#qpz-master.qpz-backo .exp-wrapper{width:auto; overflow:auto}
.ms-dialog .qpz-backo #qpz-middle{background:transparent none;min-height:inherit;width:auto; margin-top:0; padding-top:0}
.ms-dialog .qpz-backo .s4-ca{width:auto;margin:0; float:none;}
.ms-dialog #qpz-master.qpz-backo{background:transparent none}
.ms-dialog #qpz-master.qpz-backo #s4-workspace{position:relative;height:auto; background:transparent none; padding-bottom:0}
.ms-dialog #qpz-master.qpz-backo #s4-bodyContainer{width:auto;min-height:inherit}
.ms-dialog #qpz-master.qpz-backo #qpz-header,#qpz-master.qpz-backo .exp-wrapper{width:auto; overflow:auto}
.ms-dialog #qpz-master.qpz-backo #qpz-middle{background:transparent none;min-height:inherit;width:auto; margin-top:0; padding-top:0}
.ms-dialog #qpz-master.qpz-backo .s4-ca{width:auto;margin:0; float:none;}
.ms-dialog #qpz-middle .imgheader{display:none}

/* ========================================================================================= *
                style definition
* =========================================================================================*/
h3.ms-rteElement-EulerTitlet{-ms-name:"Titre euler niveau 3";font-family:futura-medium,verdana; text-transform:none; font-size:18px; font-weight:400; color:#0065ae;}
h4.ms-rteElement-EulerTitle{-ms-name:"Titre euler niveau 4";font-family:verdana; font-size:11px; font-weight:700; color:#0065ae;}
div.ms-rteElement-block{-ms-name:"block petit "; background:transparent url('images/bg_ListeCommuniques.gif') repeat-x left bottom; width:148px; padding:10px; height:150px; display:inline-block; float:left; margin-left:5px;}
div.ms-rteElement-block-bleu{-ms-name:"block bleu petit "; background:#009fd3 url('images/bg_contactl.gif') repeat-x left bottom; width:154px; padding:8px;}
.exp-eut{font-family:futura-medium,Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#0065ae;}
h1.exp-eut{font-size:35px;}
#exp-layout_news .ms-WPBody > div > h2.exp-eut{padding:11px 0 3px 0}
.exp-block span.exp-eut, h2.exp-eut, .ms-WPBody h2.exp-eut{font-size:17px; text-transform:uppercase; margin-bottom:5px; font-weight:400;}
.exp-content-display .ms-rteStyle-Normal{ background-color:transparent}
#qpz-master .ms-rteStyle-Normal{ background-color:transparent}
#qpz-master  a:visited,#qpz-master  a:hover{color:#0065ae}
/* ========================================================================================= *
                style definition
* =========================================================================================*/
table.ms-rteTable-mytable {-ms-name:"Euler Custom SharePoint Table Style"; background-color:#fff} /* sets the name of the table style */

table.ms-rteTable-mytable { width:515px; border-bottom:2px #0186bb  solid }
                table.ms-rteTable-mytable th, table.ms-rteTable-mytable thead th{ text-align:center; text-transform:uppercase; font-family:futura-bold,Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:500; color:#0065ae;padding:9px 5px 9px 3px}
                table.ms-rteTable-mytable th.hdb,table.ms-rteTable-mytable th.hdg{ color:#fff}
table.ms-rteTable-mytable thead tr th{ border-bottom:2px #0186bb  solid }
table.ms-rteTable-mytable tr.nr th,
table.ms-rteTable-mytable tr.nr td{ border-top:2px #0186bb  solid }
table.ms-rteTable-mytable tr.nr.bless th,
table.ms-rteTable-mytable tr.nr.bless td{ border-top:0px }

table.ms-rteTable-mytable tr.nr th{font-family:futura-medium,Verdana, Arial, Helvetica, sans-serif;padding:5px 10px 5px 5px; text-transform:none; font-size:15px; font-weight:500; color:#0065ae;}
table.ms-rteTable-mytable tr.nr td { font-weight:700;color:#0065ae;}
table.ms-rteTable-mytable tr.nr .hdb{color:#546A76;}
table.ms-rteTable-mytable tr td,table.ms-rteTable-mytable tr th{ border-bottom:1px #cad1d7  solid }
table.ms-rteTable-mytable td{font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; font-weight:normal;font-size:10px;padding:5px 10px 5px 5px;}
table.ms-rteTable-mytable tr  td:first-child,table tr  th:first-child{ text-align:left}
.ms-rteTable-mytable .second{ background-color:#d7e6ef;border-right:2px #fff solid}
.exp-seven table.ms-rteTable-mytable .hdg{border-left:2px #fff solid}
.ms-rteTable-mytable .third{background-color:#e6e6e6}
.ms-rteTable-mytable th.hdb{ background:transparent url('images/bg_header_bl.png') repeat-x left bottom}
.ms-rteTable-mytable th.hdg{ background:transparent url('images/bg_header_gr.png') repeat-x left bottom}
.ms-rteTable-mytable td.hdd,.ms-rteTable-mytable td.hdg{ text-align:right}
table.ms-rteTable-mytable tr:hover{background:#d7e6ef;}


table.ms-rteTable-mytable .ms-rteTableHeaderRow-mytable:hover{background:transparent none;}
.ms-rteTableHeaderFirstCol-mytable{ text-align:left}

/* Correctif *CSS pour h3 en gras dans page de news */
.exp-content-display .ms-rteElement-H3 { font-weight:700}
#qpz-master .ms-rteElement-H3 { font-weight:700}



/* ========================================================================================= *
                CSS - Sylvain - 30/10/2012 css cookie consent
* =========================================================================================*/
   
    .exp-cookie-consent-panel
    {
        max-height: 300px;
        width: 100%;
        line-height: 30px;
        display: inline-block;
        text-align: center;
        vertical-align:middle;
        color: white !important;
        top: 0 !important;
        background: none repeat scroll 0 0 #4D4D4D !important;
    }
    .exp-link-button
   {
        cursor: pointer !important;
    }
    .exp-cookie-link-euler
    {
        color: white !important;
    }
    .exp-cookie-consent-banner
    {
    }
    
/* ========================================================================================= *
                CSS - Lionel (Euler) - mise a jour 17 Octobre 2012
* =========================================================================================*/
#keyfigContainer{width:515px}
.customer-wrapper{width: 515px; font-family: Verdana, Geneva, sans-serif; background-color: #0DA0D2; color: #FFF; background-image: url(SiteCollectionImages/flash/key-figures/customers.jpg); background-position: bottom; background-repeat: no-repeat; float: left; min-height:171px}
.customer-wrapper .customer-graphic{width: 170px; float: left; margin-top:10px;}
.customer-wrapper .customer-text{float: left; font-size:14px; width: 340px}
.customer-wrapper .customer-graphic .customer-figure {height: 70px; font-size: 42px;text-align: right;margin-right: 7px;padding-top: 10px; padding-bottom: 10px; font-family: futura-medium, Arial, Helvetica, sans-serif;text-shadow: 1px 1px 1px #999999;filter: dropshadow(color=#555555, offx=1, offy=1)}
.customer-wrapper .customer-text .customer-bodytext ul{font-size: 11px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px}
.customer-wrapper .customer-text .customer-bodytext ul li{list-style-type: none; margin-bottom: 5px; color: #FFF}
.customer-wrapper .customer-text .customer-subtitle{margin-bottom: 15px; margin-top: 15px; font-weight:bold}
.customer-wrapper .customer-text .customer-subtitle span{font-weight:normal}

.expertise-wrapper {width: 515px; float: left; font-family: Verdana, Geneva, sans-serif; color: #FFF; background-image: url(SiteCollectionImages/flash/key-figures/expertise.jpg); background-color: #FAD853; background-position: bottom; background-repeat: no-repeat; margin-top: 20px}
.expertise-wrapper .expertise-graphic{width: 170px; float: left}
.expertise-wrapper .expertise-text{width: 340px; float: left; color: #485C67; font-size:14px}
.expertise-wrapper .expertise-graphic .expertise-mainheading{font-size: 15px; margin-left: 10px; margin-top: 10px; font-family: futura-medium, Arial, Helvetica, sans-serif}
.expertise-wrapper .expertise-graphic .expertise-figure{ height: 70px;padding-top: 10px; padding-bottom: 10px; font-size: 42px;text-align: right;margin-right: 7px;font-family: futura-medium, Arial, Helvetica, sans-serif;text-shadow: 1px 1px 1px #999999;
filter: dropshadow(color=#555555, offx=1, offy=1)}
.expertise-wrapper .expertise-text .expertise-bodytext ul{font-size: 11px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 20px}
.expertise-wrapper .expertise-text .expertise-bodytext ul li{list-style-type: none; margin-bottom: 5px; margin-right: 7px}
.expertise-wrapper .expertise-text .expertise-subtitle{margin-bottom: 15px;  color: #FFF; margin-top: 8px}

.solidity-wrapper {width: 515px; float: left; font-family: Verdana, Geneva, sans-serif; color: #FFF; background-image: url(SiteCollectionImages/flash/key-figures/solidity.jpg); background-color: #CBA870; background-position: bottom; background-repeat: no-repeat; margin-top: 20px; min-height:170px}
.solidity-wrapper .solidity-graphic {width: 170px; float: left; background-image: url(../images/solidity-left-graphic.jpg); background-repeat: no-repeat}
.solidity-wrapper .solidity-text{float: left; font-size:14px; width: 340px}
.solidity-wrapper .solidity-graphic .solidity-figure {
font-size: 53px;
padding-top: 10px; padding-bottom: 10px;  height: 70px;
font-family: futura-medium, Arial, Helvetica, sans-serif;
text-align: right;
width: 160px;
text-shadow: 1px 1px 1px #999999;
filter: dropshadow(color=#555555, offx=1, offy=1)}
.solidity-wrapper .solidity-text .solidity-bodytext ul{font-size: 11px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 20px}
.solidity-wrapper .solidity-text .solidity-bodytext ul li{list-style-type: none; margin-bottom: 5px; margin-right: 7px; color: #FFF}
.solidity-wrapper .solidity-text .solidity-subtitle{margin-bottom: 15px; margin-top: 8px; color: #FFF}
#keyfigContainer h2.keyfiguresHeadings{text-transform:uppercase; color:#FFF; font-size: 18px; margin-left: 10px; margin-top: 10px; font-family: futura-medium, Arial, Helvetica, sans-serif; margin-bottom: 0px}
#keyfigContainer .expertise-wrapper h2.keyfiguresHeadings{color: #688493; text-shadow: 1px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1)}
/* ========================================================================================= *
rajoute line height aux textes intro en bleus-          */
#qpz-master .ms-WPBody p.ms-rteElement-intro-quote {line-height: 118%;}
#qpz-master .ms-rtestate-field p.ms-rteElement-intro-quote {line-height: 118%;}
.exp-content-display .ms-WPBody p.ms-rteElement-intro-quote {line-height: 118%;}
.exp-content-display .ms-rtestate-field p.ms-rteElement-intro-quote {line-height: 118%;}
/* ========================================    Fin ccs Lionel    =========================================*/
div.ms-cui-menu.ms-cui-menu32 { width: 100%; }
/* ========================================================================================= *
          CSS - FastTrack - Homepage link (53136) (Euler) - mise a jour 18 septembre 2014
* =========================================================================================*/
#slide-right-zone{/*width:100%;*/height:1000px;position:absolute;left:500px;top:164px;overflow:hidden;border:none;border-image:none;z-index:1500;}
#slide-middle-zone{/*width:100%;left:-700px;*/height:1000px;position:absolute;top:0px;z-index:1500;}
/* =============    Fin ccs  - FastTrack - Homepage link (53136) (Euler) ===================*/
.blog,
.blog-item-body{
                font: 400 11px/normal verdana, Arial, Helvetica, sans-serif;
                color: #546a76;
                /*line-height: 15px;*/
                text-align:justify;
}
.blog-item-categories, .blog-item-date, .blog-item-keywords{
                color: #546a76 !important;
                }
.blog h2 {
                color: #0065ae;
                font-family: futura-bold, Verdana, Arial, Helvetica, sans-serif;
                font-size: 15px;
                font-style: normal;
                font-weight: 500;
                margin-bottom: 5px;
}
.return-link{
                float: right;
}
#exp-fonction.blog ul.blog-categories li,
#exp-fonction.blog ul.blog-keywords li,
#exp-fonction.blog ul.blog-archives li{
                padding: 0px 10px;
                min-height: 0px;
                margin-bottom: 0px;
}
#exp-fonction.blog div.exp-search{
                padding:0;
}
.blog-item{
                padding-bottom: 10px;
                margin-bottom: 10px;
                border-bottom-style: solid;
                border-bottom-width: 1px;       
}
.blog-item:last-child{
                border-bottom-width: 0px;
}
.blog-item h2{
                color: #0065ae;
                font: 400 22px futura-medium,Arial,Helvetica,sans-serif;            
}
.blog, .blog-item {
    width:520px;
}
.blog  { position: absolute; }
.blog-item-body p{
                margin-bottom: 10px;

}
.blog-item h1,
.blog-item h2,
.blog-item-date,
.blog-item-body,
.blog-item-keywords{   
                padding:0 0 10px 0;
}
.blog-item-categories{
                padding:0;
}

.blog a:hover{
                text-decoration: underline;
}
.blog-item-readmore {
                background-color: rgb(202, 202, 202);
                padding: 10px;
               margin-top: 25px;
}
.blog-item-readmore .blog-item-readmore-header{
                font: 400 30px futura-medium,Arial,Helvetica,sans-serif;            
}
.blog-item-readmore-item{
                padding: 0 0 5px;
}
.blog-item-readmore-item:last{
                padding: 0;
}
.blog-item-readmore-item-title {
                font: 400 20px futura-medium,Arial,Helvetica,sans-serif;
}

.exp-navigation{
                text-align:center;
                font-size: 15px;
}
.exp-navigation a,
.exp-navigation span {
                padding: 0 3px;
}
.exp-share-line{
                float:right;
}
.exp-share-line > span:first-child,
.exp-share-line > span > span {
                vertical-align:middle;
                display:inline-block;
                padding:0 0 0 5px;
}
.exp-share-line img{
                max-height:20px;
}
.blog-latest .blog-item-latest-item {
                margin-top:7px;
}
.blog-latest .blog-item-latest-item .blog-item-latest-item-title {
                font: 400 13px verdana, Arial, Helvetica, sans-serif;
                color: #0065AE;
                text-transform: none;
                font-weight:bold;
}
.blog-latest .blog-item-latest-readmore-title {
    margin-top: 10px;
}
.blog-item-keywords{     
               padding:0 0 10px 0;
}
.blog-item-categories{
               padding:0;
}

.blog a:hover{
               text-decoration: underline;
}
.blog-item-readmore {
               background-color: rgb(202, 202, 202);
               padding: 10px;
               margin-top: 25px;
}
.blog-item-readmore .blog-item-readmore-header{
               font: 400 30px futura-medium,Arial,Helvetica,sans-serif; 
}
.blog-item-readmore-item{
               padding: 0 0 5px;
}
.blog-item-readmore-item:last-child{
               padding: 0;
}
.blog-item-readmore-item-title {
               font: 400 20px futura-medium,Arial,Helvetica,sans-serif;
}

.exp-navigation{
               text-align:center;
               font-size: 15px;
}
.exp-navigation a,
.exp-navigation span {
               padding: 0 3px;
}
.exp-share-line{
               float:right;
}
.exp-share-line > span:first-child,
.exp-share-line > span > span {
               vertical-align:middle;
               display:inline-block;
               padding:0 0 0 5px;
}
.exp-share-line img{
               max-height:20px;
}
.blog-latest .blog-item-latest-item {
               margin-top:7px;
}
.blog-latest .blog-item-latest-item .blog-item-latest-item-title {
               font: 400 13px verdana, Arial, Helvetica, sans-serif;
               color: #0065AE;
               text-transform: none;
               font-weight:bold;
}
.blog-latest .blog-item-latest-readmore-title{
               margin-top: 10px;
}


/* css added Sept 2014 TM */

div#exp-fonction.blog ul li div span { color:#ffffff !important; text-align:left; background-color: #546A76; padding: 0px 10px 10px 10px; width: 180px; margin-top: -5px; margin-left: -10px;}

div#exp-fonction.blog ul li.WelcomeMessage h2.ms-rteElement-H2 { color:#ffffff; font-size:20px; background-color: #546A76; padding: 5px 10px; width: 180px; margin-left: -10px;  }
div#exp-fonction.blog ul li.Search h2.ms-rteElement-H2 { color:#ffffff; font-size:20px; background-color: #3283BD; padding: 10px; width: 180px; margin-left: -10px;  margin-top: 20px;}
div#exp-fonction.blog ul li.Categories h2.ms-rteElement-H2 { color:#ffffff; font-size:20px; background-color: #86959D; padding: 5px 10px 5px 10px; width: 180px; margin-left: -10px;  margin-top: 20px;}
div#exp-fonction.blog ul li.Archives h2.ms-rteElement-H2 { color:#ffffff; font-size:20px; background-color: #86959D; padding: 5px 10px 5px 10px; width: 180px; margin-left: -10px;  margin-top: 20px;}

#exp-fonction ul.blog-categories li a { color:#546A76; }

div.blog-item h2 { text-transform: uppercase;   }

.blog-item-date { margin-top:-10px;  }

.blog-item-date a:hover, .blog-item-keywords a:hover {text-decoration: underline;}


div#exp-fonction.blog ul.blog-categories li {  margin-top: 0px;  padding-bottom: 10px;  padding-top: 10px;  border-bottom: solid 1px #cccccc; margin-left: -10px;
width: 180px; }
div#exp-fonction.blog ul.blog-archives li {  margin-top: 0px;  padding-bottom: 10px;  padding-top: 10px;  border-bottom: solid 1px #cccccc; margin-left: -10px;
width: 180px; }

.blog-item-body p{ margin-top: 10px;}
.blog-item-body p:first-child{ margin-top: 0px;}

.blog-item-body div p img{
    width:520px !important;
    margin:0px !important;
}

.blog-item-categories a { text-decoration: underline; }
.blog-item-categories a:hover { text-decoration: none; }

#ctl00_MSO_ContentDiv .exp-navigation { text-align: center; font-size: 12px; }

#ctl00_RightColumnPlaceHolder_mySearch_pnlShort { margin-left: 3px;}

div#exp-fonction.blog li.Search{width:185px!important}


li.static[meganav-Expended="1"] > a {
color:#0065AE !important;
}
li[meganav-expended=''].static > a.static {
                color:#738a94;
}
li:not([meganav-Expended]).static a.static {
                color:#738a94;
}

/* css MegaNav */
div.meganav ,
table.meganav {
  z-index: 9999;
  width: 982px;
  margin-left: auto;
  margin-right: auto;
   visibility:hidden;
}
#ICI-whiteBackgroud div.meganav,
#ICI-whiteBackgroud table.meganav {
  z-index: 9999;
  width: 982px;
  margin-left: auto;
  margin-right: auto;
visibility:hidden;
}

div.meganav:not([meganav-Expended]),
table.meganav:not([meganav-Expended]) {
  visibility:hidden;
}

#ICI-whiteBackgroud div.meganav:not([meganav-Expended]),
#ICI-whiteBackgroud table.meganav:not([meganav-Expended]) {
visibility:hidden;
}
table.meganav[meganav-Expended=""] ,
div.meganav[meganav-Expended=""] {
visibility:hidden;
}
#ICI-whiteBackgroud div.meganav[meganav-Expended=""]  ,
#ICI-whiteBackgroud table.meganav[meganav-Expended=""]  {
visibility:hidden;
}

table.meganav[meganav-Expended="1"] ,
div.meganav[meganav-Expended="1"] {
visibility:visible;
  
}
#ICI-whiteBackgroud .meganav[meganav-Expended="1"]  {
visibility:visible;
}
.meganav table.container.arrow-bottom ,
.meganav div.container.arrow-bottom {
                line-height: 0;   
      z-index: 9999;
}
.meganav .container-hoster {
                position: absolute;
               /*width: 100%;
               height: 100%;*/
      z-index: 9999;
}
.meganav .container-hoster .background{
                width: 100%;
                height: 100%;
    margin-left: auto;
  margin-right: auto;
    z-index: 9999;
}
.meganav .container-hoster .container.arrow-top {
                position: absolute;
}
.meganav .container.arrow-bottom {
                position: absolute;
                bottom: 0;
                width: 100%;
                text-align: center;
}
.meganav .container-hoster.menu .container{
                position: relative;
               width: 982px;
                                                  overflow:hidden;
  /* margin: 20px auto; */
}
.meganav .container-hoster.menu .container .content{
    padding: 0 0 10px 0;
  background-color: #0065AE;
  width: 100%;
  /*height: 235px;*/
  z-index: 9999;
  display:table;
  width: 984px;
}
.meganav .container-hoster.menu .container .content .title{
                padding-top:0px;
}
.meganav .container-hoster.menu .container .content .title h3{
                margin-top: 0;
                margin-bottom: 5px;
                font-family: futura-medium, Helvetica, sans-serif;
    text-transform:capitalize;
                font-size:22px;
                color:#0065AE;
}
.meganav .container-hoster.menu .container .content .block{
width: 213px;
  height: 203px;
  padding: 12px 16px 16px 16px;
  float: left;
    display:block;
  overflow:hidden;
  /* padding: 1px; */
  background-color: #809098;
  border-right: 1px solid #99A6AD;
}
.meganav .container-hoster.menu .container .content .block ul{
list-style:none;
}
.meganav .container-hoster.menu .container .content .block4 ul{
list-style:none;
}

.meganav .container-hoster.menu .container .content .block ul li{
                margin-bottom: 15px;
                display:inline-flex;
    list-style:none;
                width: 100%;
}
.meganav .container-hoster.menu .container .content .block4 ul li{
                margin-bottom:15px;
                display:inline-flex;
    list-style:none;
                width: 100%;
}

.meganav .container-hoster.menu .container .content .block4{
                width: 213px;
  height: 203px;
  padding: 12px 16px 16px 16px;
                float: left;
  display: block;
  overflow:hidden;
  /* padding: 1px; */
  background-color: #809098;
  color:white;
}

.meganav .container-hoster.menu .container .content .block4 h4,
.meganav .container-hoster.menu .container .content .block4 h4 a{
               margin-top: 0px;
               margin-bottom: 8px;
               font-family: futura-medium, Helvetica, sans-serif;
               font-size:16px;
               color:white;
                     font-weight: 500;
    text-transform:capitalize;
}
.meganav .container-hoster.menu .container .content .block h4,
.meganav .container-hoster.menu .container .content .block h4 a{
               margin-top: 0px;
               margin-bottom: 8px;
                font-family: futura-medium, Helvetica, sans-serif;
                font-size:16px;
               color:white;
                     font-weight: 500;
    text-transform:capitalize;
}
.meganav .container-hoster.menu .container .content .block a,
.meganav .container-hoster.menu .container .content .block ul li a  {
               font-family:Verdana;
               color:white;
    font-size:11px;
      width:100%;
}
.meganav .container-hoster.menu .container .content .block4 a,
.meganav .container-hoster.menu .container .content .block4 ul li a  {
                font-family:Verdana;
               color:white;
    font-size:11px;
         width:100%;
}
/*.meganav .container-hoster.menu .container .content .block ul li a {
    margin-left: 5px;
}
.meganav .container-hoster.menu .container .content .block4 ul li a {
    margin-left: 5px;
}*/
ul > li > a > div.meganav-bullet-image,
ul > li > a > table.meganav-bullet-image{
        margin-right: 2px;
            float: left;
            width:5%;
}

ul > li > a > table.meganav-bullet-text,
ul > li > a > div.meganav-bullet-text{
margin-left: 0;
    float: left;
    width:90%;
}
.exp-youtube {
                position: relative;
                cursor: pointer;                
}
.exp-youtube-btn{
                position:absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                z-index: 100;
                background-position: 50% 50%;
                background-repeat: no-repeat;
}

                /* Normalize CSS on both landsacape and protrait mode */
                div.mobile-redirection-container {
    width: 100%;
    /* border-top: 0px solid #0072bc; */
    /* border-bottom: 0px solid #0072bc; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
    /* background-color: #0072bc; */
    position: fixed;
    /* background-image: -webkit-linear-gradient(top, #A8B3B9 0%, white 100%), -webkit-linear-gradient(top, #A8B3B9 0%, white 100%); */
    background-image: -moz-linear-gradient(top, #A8B3B9 0%, white 100%), -moz-linear-gradient(top, #A8B3B9 0%, white 100%);
    background-image: -o-linear-gradient(top, #A8B3B9 0%, white 100%), -o-linear-gradient(top, #A8B3B9 0%, white 100%);
    /* background-image: linear-gradient(to bottom, #0072bc 0%, white 100%), linear-gradient(to bottom, #A8B3B9 0%, white 100%); */
    z-index: 9999;
}
div.mobile-redirection-btn {
    width: 100%;
    height: 100%;
    /* background-color: #045B90; */
    background-image: linear-gradient(to bottom, #0568AF 0%, #045087 100%), linear-gradient(to bottom, #0568AF 0%, #045087 100%);
    /* background-repeat: no-repeat; */
    background-position: left center;
    background-size: 10% 100%;
    position: relative;
    /* margin: 0% 0% 1% 1%; */
    /* border-radius: 0.5em; */
}
div.mobile-redirection-btn > a {
    width: 100%;
    height: 100%;
    font-family: Futura-medium, Helvetica, sans-serif;
    font-size: 2em;
    color: white;
    text-align: center;
    position: absolute;
}


    div.mobile-redirection-container {
        display:none;
    }
@media screen and (orientation:portrait) {
                div.mobile-redirection-container {
                                   height: 10%;
                                   bottom: 0%;
    }
                div.mobile-redirection-btn > a {
                               padding: 0.2em 0 0 0;
                               font-size: 5em;
                }
    div.mobile-redirection-btn > a > img {
                               margin: 0% 1% 0% 0%;
                               width: 64px;
                               height: 64px;
                               position: relative;
                               top: 10%;
    }
}
@media screen and (orientation:landscape) {
                div.mobile-redirection-container {


                                   height: 10%;
                                   bottom: 0%;
    }
                               div.mobile-redirection-btn > a {

/* margin: 0% 0% 0% 0%; */

font-size: 2.6em;

padding: 0.6% 0 0 0;

/* font-size: 0.5em; */

}

a.mobile-redirection-trigger {}
     div.mobile-redirection-btn > a > img {
    margin: 0% 1% 0% 0%;
    width: 32px;
    height: 32px;
    position: relative;
    top: 10%;
    }
}
.exp-youtube {
                position: relative;
                cursor: pointer;                
}
.exp-youtube-btn{
                position:absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                z-index: 100;
                background-position: 50% 50%;
                background-repeat: no-repeat;
}

/* fix.css*/
.ICI-breadcrumb a, .ICI-breadcrumb a:link, .ICI-breadcrumb a:visited, .ICI-breadcrumb a:hover, .ICI-breadcrumb, .ICI-breadcrumb span {
    font-family: Verdana,Tahoma,sans-serif;
    color: #0065AE;
    font-size: 10px;
    height: 45px;
    line-height: 45px;
}
/* body #s4-leftpanel {
    margin-top: 37px !important;
} */
#ICI-topnav {
    margin-bottom: 0px;
}
#ICI-wrapperWorkspace {
    margin-top: 0px;
}
.exp-content-display {
    margin-top: 0px !important;
}
.exp-title {
                margin-top:-7px !important;
}
/*insight.css*/
/* ======================= *
                Feed
* ======================*/
#exp-feed{position:fixed;bottom:2px;width:998px;margin-left:-506px;left:50%;z-index:7001}
/***feed off***/
#exp-feed-off{
background:transparent url('images/bg_previewKC.png') no-repeat top left; 
width:998px;position:absolute;height:132px;bottom:1px;overflow:hidden}
#exp-feed-off #animlogocontent{left: 27px;position: absolute;top: 39px;width: 190px;}
.exp-feed-off-close{background:transparent url('images/ic_close.png') no-repeat top left; position:absolute;top:20px; right:5px; text-indent:-9999px;padding:10px;width:0}
.exp-small#exp-feed-off{
background:transparent url('images/bg_kc_close.png') no-repeat top right; 
width:230px;position:absolute;
height:132px;bottom:1px;overflow:hidden
}
.exp-small#exp-feed-off .exp-open,
.exp-small#exp-feed-off .exp-feed-off-close{display:none}

*+html #exp-content-feedoff-ul {
                margin-top : 23px;
}

#exp-feed-off .exp-open{
background:url("images/picto_expandcollapse.png") no-repeat -8px 4px; 
font-family:verdana,sans-serif; padding-left:15px;
font-size:10px; font-weight:700;color:#546a76;
position:absolute;
cursor:pointer;
top:108px;
left:36px;
}
.exp-open-preview,.exp-open-preview:link,.exp-open-preview:visited,.exp-open-preview:hover{
font-family:verdana,sans-serif; padding-left:15px;
font-size:10px; font-weight:700;color:#546a76;
position:absolute;
top:108px;
left:36px;            
}
#exp-feed-off .exp-open-preview{display:none;background:transparent url("images/picto_expandcollapse.png") no-repeat -8px 4px }
.exp-small#exp-feed-off .exp-open-preview{ display:block}

.exp-content-feedoff{margin:24px 31px  0 218px ;height:102px;overflow:hidden}
                .exp-content-feedoff ul{ list-style-type:none;margin:0;padding:0}
                .exp-content-feedoff li{float:left;margin-left:4px;width:180px;height:100px;border:1px #fff solid;overflow:hidden;position:relative}
                .exp-content-feedoff li:hover{ cursor:pointer; }

/***feed on***/
#exp-feed-on{
background:transparent url('images/bckg_feed.png') no-repeat top left;
width:1007px;position:absolute;height:667px;bottom:-668px;z-index:2001}

/***feed Content***/
#exp-fedd-content{margin:20px 0 0 215px;width:732px;height:637px;}
                #exp-fedd-content .qpz-clearboth{display:inline-block;padding:0;margin:0;height:1px;}
                #exp-fedd-content div{display:inline-block;margin-right:1px;margin-bottom:2px}
                
                #exp-feed-content .element{  height:101px;width:179px}

/****composant feedoff******/
#exp-feed-off .element{width:180px;vertical-align:baseline;cursor:pointer}
#exp-feed-off .element .preview{padding:6px 5px; height: 88px;width: 169px;display:table-cell;vertical-align:baseline;cursor:pointer;position:absolute}
#exp-feed-off .element.small > img {height: 100px;width: 179px;}
/****composant feed******/
#exp-feed .exp-title{
font-family:futura-medium,Arial, Helvetica, sans-serif;
padding-left:0px;font-size:16px; font-weight:400;color:#f4f4f4;

}

/*generique*/
#exp-feed .element{color:#444;}
.element .name{ font-size:11px; font-family:verdana, Helvetica, sans-serif;
color:#fff;padding-right:5px; display:block;text-align:right}
.content{padding:11px 10px;}
.contentic p img{}
                .content .type{color:#444; font-size:14px;display:block;padding-top:3px;font-family:futura-medium, Helvetica, sans-serif;text-transform:uppercase}
                .content .title{line-height:35px;padding-top: 15px;color:#444; font-size:35px;padding-bottom:3px;font-family:futura-medium, Helvetica, sans-serif;display:block}
                .content .date{font-size:11px; font-family:verdana, Helvetica, sans-serif;color:#444;clear:both;display:inline-block}
                .content .news{font-size:12px; font-family:verdana, Helvetica, sans-serif;color:#444;font-weight:400;padding-right:10px;}
                .content .newsimg { clear: both;margin-left: -10px;overflow: hidden;padding-top: 10px;width: 545px;}
                               .content .newsimg img{max-width: 100%;}
                .content .chapo{font-weight:700;padding:7px 0}
                .content .encart{background:#bbb url('images/ic_pixel_trans.png') repeat top left;padding:7px 8px;margin-top:7px}
                               .content .encart .dt{color:#444; font-size:16px;font-family:futura-medium, Helvetica, sans-serif;opacity:.7;filter:alpha(opacity=70)}
                               .content .encart ul{list-style:none;margin:0;padding:0}
                                               .content .encart ul li{}
                               .content .encart a{color:#444;font-weight:700}
                               .content .encart a:link,
                               .content .encart a:visited,
                               .content .encart a:hover{color:#0065ae}
                               .content .encart .whats_link{background:url(images/picto_plus.png) no-repeat left center;padding:3px 0 3px 20px;display:inline-block}
                               .content .encart div .pdf{background:url(images/icon/icon_pdf.png) no-repeat left center;line-height:13px;padding:15px 0 5px 28px;display:inline-block}
                               .content .encart div .poids{padding-bottom:5px}
                               .content .encart div .audio{background:url(images/icon/icon_audio.png) no-repeat left center;line-height:25px;padding:10px 0 10px 28px}
                               .content .encart div .video{background:url(images/icon/icon_video.png) no-repeat left center;line-height:25px;padding:10px 0 10px 28px}
                               .content .encart div .photo{background:url(images/icon/icon_photo.png) no-repeat left center;line-height:25px;padding:10px 0 10px 28px}
                               .content .encart div .doc{background:url(images/icon/icon_doc.png) no-repeat left center;line-height:25px;padding:10px 0 10px 28px}
                               .content .encart .dt + div > span{color:#444}

.content .encart div .pdf + span{ display:inline-block}
.viewport .preview{padding:6px 5px;position:absolute;width:169px;height:90px;top:0;left:0;z-index:1}
.preview .type,
.preview .date{float:left;color:#fff; font-size:14px;display:block;font-family:futura-medium, Helvetica, sans-serif;text-transform:uppercase}
.preview .date{float:right;}
.preview .title{color:#fff; font-size:17px;padding-top:3px;font-family:futura-medium, Helvetica, sans-serif;font-weight:400;position:absolute;bottom:6px;left:6px;max-height:100px;}
.middle .preview .title{font-size:30px;line-height:normal}

.first-open .preview .date,
.first-open .preview .title,
.first-open .preview .type{color:#444}
/*SMALL
********************************/
/*default small */ 
#exp-feed-off .element.small{font-family: verdana,Helvetica,sans-serif;height:100px;overflow:hidden}

                #exp-feed-off .element.small:hover{   background-position:left -110px}

#exp-feed-off .element p{color:#fff; font-size:17px;padding-top:1px;font-family:futura-medium, Helvetica, sans-serif;}

/*TWITTER*/
#exp-feed .element.Twitter,
#exp-feed-off .element.small.Twitter:hover{background:transparent url('images/feed/twitter.jpg') no-repeat top left;cursor:default}
               #exp-feed-off .element.Twitter .preview,
               #exp-feed-content .element.small.Twitter{cursor:default}
               #exp-feed-off .element.Twitter .preview{cursor:default;}
                .element.Twitter .type{display:none}
                .element.Twitter .title{color: #000;display: block;font-family: verdana,Helvetica,sans-serif;font-size: 9px;font-weight: 700;max-height: 58px;overflow: hidden;padding: 3px 2px 2px;position: static;width: 166px;}
                               .element.Twitter .title a,
                               .element.Twitter .title a:link,
                               .element.Twitter .title a:visited,
                               .element.Twitter .title a:hover{color:#0065AE;float:none;word-wrap: break-word;}
                               .element.Twitter .title a:hover{text-decoration:underline;}
                .element.Twitter .date{ bottom: 6px;color: #000;font-family: verdana;font-size: 10px;left: 6px;position: absolute;}
                .viewport .element.Twitter .name{padding-top:2px;}


/*Corporates*/
.element.Corporate { background:#0065ae}
.element.small.Corporate { background:#0065ae;}
/*.element.big.Corporate{background:#0065ae none;}*/
.element.big.Corporate{background:#f4f4f4 none;}

.element.small.Corporate .preview{background:transparent url('images/feed/ic_bg_corpo.png') repeat top left;}
.element.Corporate .preview{background:transparent url('images/feed/ic_bg_corpo.png') repeat top left;}

.Corporate .content .type,
.Corporate .content .topic,
.Corporate .content .title,
.Corporate .content .date{color:#0065ae}
/*Macro economics*/
.element.MacroEconomics { background:#b8504f}
.element.small.MacroEconomics {background:#b8504f}
/*.element.big.MacroEconomics {background:#b8504f none}*/
.element.big.MacroEconomics {background:#f4f4f4 none}
.element.MacroEconomics .preview{background:transparent url('images/feed/ic_bg_macro.png') repeat top left;}
.MacroEconomics .content .type,
.MacroEconomics .content .topic,
.MacroEconomics .content .title,
.MacroEconomics .content .date{color:#b8504f}

/*CountryRisk*/
#exp-feed .element.CountryRisk{background:#FABA00;color:#444}
.element.small.CountryRisk{background:#FABA00}
/*.element.big.CountryRisk{background:#FABA00 none}*/
#exp-feed .element.big.CountryRisk{background:#f4f4f4 none}
.element.CountryRisk .preview{background:transparent url('images/feed/ic_bg_risk.png') repeat top left;}
.element.CountryRisk .type,
.element.CountryRisk .topic{color:#444}
.element.CountryRisk .title{color:#444}
.element.CountryRisk .date{color:#444}
.element.CountryRisk .news{color:#444}
#exp-feed-content .element.big.CountryRisk p{color:#444}
#qpz-master .CountryRisk .ms-rteElement-highlight-box h3{color:#444}
.element.CountryRisk72 .desc{color:#444}
.element.CountryRisk .content .encart .dt{color:#444}
.CountryRisk .content .encart div > span{color:#444}
#exp-feed-content .CountryRisk .content a:link, 
#exp-feed-content .CountryRisk .content a:visited, 
#exp-feed-content .CountryRisk .content a:hover{color:#1B3245}
/*.CountryRisk .content .encart div .pdf{background-image:url(images/insight_files_pictos/icon_pdf_dark.png)}
.CountryRisk .content .encart div .audio{background-image:url(images/insight_files_pictos/icon_audio_dark.png)}
.CountryRisk .content .encart div .video{background-image:url(images/insight_files_pictos/icon_video_dark.png)}
.CountryRisk .content .encart div .photo{background-image:url(images/insight_files_pictos/icon_photo_dark.png)}
.CountryRisk .content .encart div .doc{background-image:url(images/insight_files_pictos/icon_doc_dark.png)}*/
#exp-feed-content .element.big.CountryRisk .exp-download > a, 
#exp-feed-content .element.big.CountryRisk .exp-download > a:link, 
#exp-feed-content .element.big.CountryRisk .exp-download > a:visited, 
#exp-feed-content .element.big.CountryRisk .exp-download > a:hover{color:#1B3245}
.CountryRisk .content .type,
.CountryRisk .content .topic,
.CountryRisk .content .title,
.CountryRisk .content .date{color:#FABA00}

/*SectorTrends*/
.element.SectorTrends{background:#C60000}
.element.small.SectorTrends{background:#C60000;}
/*.element.big.SectorTrends{background:#C60000 none}*/
.element.big.SectorTrends{background:#f4f4f4 none}
.element.SectorTrends .preview{background:transparent url('images/feed/ic_bg_sector.png') repeat-x top left;}
.SectorTrends .content .type,
.SectorTrends .content .title,
.SectorTrends .content .topic,
.SectorTrends .content .date{color:#C60000}

/*Financial*/
.element.Financial{background:#587784;color:#444}
.element.small.Financial{background:#587784;color:#fff}
/*.element.big.Financial{background:#587784 none}*/
.element.big.Financial{background:#f4f4f4 none}
.element.Financial .preview{background:transparent url('images/feed/ic_bg_stat.png') repeat top left;}
.Financial .content .type,
.Financial .content .topic,
.Financial .content .title,
.Financial .content .date{color:#587784}


/*ProductsSolutions*/
.element.ProductsSolutions{background:#B68236}
.element.small.ProductsSolutions{background:#B68236             }
/*.element.big.ProductsSolutions{background:#B68236 none}*/
.element.big.ProductsSolutions{background:#f4f4f4 none}
.element.ProductsSolutions .preview{background:transparent url('images/feed/ic_bg_products.png') repeat-x top left;}
.ProductsSolutions .content .type,
.ProductsSolutions .content .topic,
.ProductsSolutions .content .title,
.ProductsSolutions.content .date{color:#B68236}


/*TIme Stamp*/

#exp-feed-content .element.small.timestep {border-bottom:1px solid #fff;height:50px;padding:40px 0 10px 0; text-transform:uppercase; text-align:center;background:#cdcdcd url(images/bg_month.png);font-family:Futura-medium,verdana,sans-serif;font-size:17px;color:#57646b}
/*MIDDLE 
********************************/ 
/*Euler hermes */
.element.middle{}
                .element.middle.exp-ehs p{     font-size:20px;color:#fff;padding-top:10px;font-weight:900;   text-transform:uppercase;width:210px}
                .element.middle.exp-ehs .exp-title{     font-size:16px;color:#5a4576;display:block;       text-transform:uppercase;margin-top:55px;}
                .element.middle.exp-ehs p span{text-transform:lowercase;font-size:30px;display:block}
                
#exp-feed-off .element.middle.exp-ehs:hover{            background-position:left -223px}



/*DETAIL
********************************/ 
/*Picture detail */ 
.viewport .content.picturedet{}
                .viewport .content.picturedet .title{margin-bottom:28px;}
                .viewport .content.picturedet .type{display:inline-block;}
                
.viewport .pdimg{width:545px;height:310px;overflow:hidden;margin:5px 0 10px -10px}
                .viewport .pdimg img{max-width:100%}
.viewport .content .desc{margin:10px 0;}
/*VIDEO */
                .Video.big span{color:#444;       }
                .Video.big p{ font-size:25px; color:#444; font-weight:900;margin-top:3px;        }
                /*.Video.big ul{position: absolute;list-style-type:none;margin:0;padding:0;bottom:10px;right:20px}
                .Video.big li{display:inline}*/

                .Video.big .exp-texte{clear:both;display:block;font-size:14px;color:#444; padding-bottom:3px;}
                .video #container_wrapper,.video #container{margin:5px 0 10px 0;max-width:525px;overflow:hidden}



/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
          border-radius: 10px;
}


/* Euler : Insight Channel */
                #exp-feed-on > a,
                #exp-feed-on > a:link,
                #exp-feed-on > a:visited,
                #exp-feed-on > a:hover{color:#546a76;text-decoration:none;text-shadow: 1px 1px 1px #fff}
                #exp-feed-on a.close_top{font-size: 15px;position: absolute;right: 31px;top: 22px;}
                #exp-feed-on a.close_bottom{background:url(images/picto_expandcollapse.png) no-repeat -8px 4px;bottom:10px;left:35px;font-size:10px;font-weight:700;padding-left:13px;position:absolute}
                #options{background:url("images/logo_knowledgecenter.png") no-repeat 36px 23px ;float:left;padding:44px 20px 50px 37px;width:165px}
                               #options .niveaut{color:#0065ae;font-size:10px;font-weight:700;padding:42px 0 0;display:block;text-transform:uppercase}
                                #options .reset_all_filters,
                               #options .reset_all_filters:link,
                               #options .reset_all_filters:visited{color:#859096;font-weight:400;margin:5px 0 0;display:inline-block}
                               #options .reset_all_filters:hover{color:#304049}
                               #options .niveauq{color:#0065ae;font-size:10px;font-weight:700;padding:5px 0;display:block;text-transform:uppercase}
                               #options ul.exp-filter-link{display:none;list-style:none;margin: 17px 0 0 30px;padding:0;overflow:hidden}
                               #options ul.exp-filter-link li {float:left;margin-right:5px}
                               #options ul.exp-filter-link a        {color:#0065ae;font-size:10px;font-weight:700;text-indent:-1000em;display:block;width:30px;height:30px}
                               #options ul.exp-filter-link a:hover{ color:#034575}
                               .option-set {list-style:none;margin:0;padding:0}
                                               .option-set li {margin:0 0 4px}
                                                                              .option-set a{background: url(images/scroll.png) no-repeat -23px -18px;display:inline-block;font-size:11px;padding-left:15px}
                                                                              .option-set a,
                                                                              .option-set a:link,
                                                                              .option-set a:visited,
                                                                              .option-set a:hover{color:#859096;text-decoration:none}
                                                                              .option-set a.selected{color:#304049;background: url(images/scroll.png) no-repeat -34px 2px ;font-weight:700}
                                                               
                #exp-feed-content{background:#E2E2E2 url(images/bg_kcs.png);margin:0 auto;width:733px;min-height:630px!important}
                               #exp-feed-content .element{margin: 2px;/*float: left;overflow: hidden;*/position: relative;}
                                               #exp-feed-content .element .bg {width:545px;height:200px}
                               #exp-feed-content .element.middle{cursor:pointer;height:206px;width:362px}
                                               #exp-feed-content .element.middle > .preview{height:194px;width:352px;background-position:left bottom}
                                               #exp-feed-content .element.middle .bg{height:206px;width:362px}
                               #exp-feed-content .element.small{cursor:pointer;height:101px;width:179px}
                               #exp-feed-content .element.small.twitter{ cursor:default}
                               #exp-feed-content .element.small > .preview{height:88px;width:169px;background-position:left top}
                                               #exp-feed-content .element.small .bg{height:100px;width:180px}
                               #exp-feed-content .element.big,#exp-feed-content .element.first-open{cursor:default;min-height:416px;width:545px;z-index:10}
                               #exp-feed-content .element.first-open .preview{ cursor:pointer}                        
                               #exp-feed-content .element.big.Video{min-height:520px;}
                               #exp-feed-content .element.first-open .preview{cursor:default;min-height:400px;width:530px;z-index:10}
                               #exp-feed-content .element.first-open .preview .title{font-size:30px;line-height:27px}
#exp-feed-content .element.first-open img.fh-bg + .title{font-size:30px;line-height:27px}
                                               #exp-feed-content .element.first-open .exp-share{display:none}
                                               #exp-feed-content .element.first-open{}
                               #exp-feed-content .element.Twitter.big{background:#71cdea;}
                                               #exp-feed-content .element.big .preview{display:none}
                                               #exp-feed-content .element.big.first-open .preview{background:url() repeat-x 0 0;display:block;cursor:pointer}
                                               #exp-feed-content .element.big .preview + img.bg,
                                               #exp-feed-content .element.first-open .preview + img.bg{display:none}
                                               #exp-feed-content .element img.fh-bg{display:none}
                                               #exp-feed-content .element.first-open img.fh-bg{float:left;display:block;padding-top:30px;margin-left:-5px;max-width:545px;max-height:300px;position:relative;z-index:11}
                                               #exp-feed-content .element .content{display:none}
                                               #exp-feed-content .element.big.first-open .content{display:none}
                                               #exp-feed-content .element.big .content{font-size:11px;display:block;position:relative;overflow:hidden}
                                               #exp-feed-content .content a:link,
                                               #exp-feed-content .content a:visited,
                                               #exp-feed-content .content a:hover{color:#444}
                                               #exp-feed-content .content .ms-rteElement-highlight-box h3{color:#444}
                                               #exp-feed-content .element.big .content + .content{display:none !important}
                                               #exp-feed-content .element.big .exp-title{font-family:futura-medium,Arial, Helvetica, sans-serif;display:block; padding-left:7px;font-size:35px;color:#444}
                                               #exp-feed-content .element.big p{margin-top:5px;font-size:11px; font-weight:400; font-family:verdana, Helvetica, sans-serif; color:#444;}
                                              #exp-feed-content .element.big .exp-download{background:transparent url('images/ic_pixel_trans.png') repeat top left;margin:7px 0;padding:3px;}
                                               #exp-feed-content .element.big .exp-download > span{display:none}
                                               #exp-feed-content .element.big .exp-download > a,
                                               #exp-feed-content .element.big .exp-download > a:link,
                                               #exp-feed-content .element.big .exp-download > a:visited,
                                               #exp-feed-content .element.big .exp-download > a:hover{     font-size:11px; font-family:verdana, Helvetica, sans-serif; color:#444;}
                #scrolling_area {height: 630px;margin:27px 0 10px;overflow:hidden;width:753px }
                #scrolling_area .viewport {height: 630px; overflow: hidden; position: relative;width:733px }
                #scrolling_area .overview {border-bottom:20px solid transparent list-style: none; position: absolute; left: 0; top: 0; }
                #scrolling_area .thumb .end,
                #scrolling_area .thumb { }
                #scrolling_area .scrollbar { position: relative; float: right;margin-top:26px }
                #scrolling_area .track { background: url(images/scroll.png);border-bottom:1px solid #C9C9C9;border-top:1px solid #C9C9C9;height: 100%; width:11px; position: relative; padding: 0; }
                #scrolling_area .thumb {background: url(images/scroll.png) no-repeat -12px center;border:1px solid #a0acb3;border-color:#a0acb3 #43555e #43555e #a0acb3; background-color: #546a76; width: 9px; height: 20px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
                #scrolling_area .thumb .end { overflow: hidden; height: 5px; width: 13px; }
                #scrolling_area .disable{ display: none; }
                
/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.element.big.first-open.CountryRisk { background: #FABA00 !important; color: white !important;}
.element.big.first-open.MacroEconomics { background: #B8504F !important; color: white !important;}
.element.big.first-open.Corporate { background: #0065AE !important; color: white !important;}
.element.big.first-open.Financial { background: #587784 !important; color: white !important;}
.element.big.first-open.ProductsSolutions { background: #B68236 !important; color: white !important;}
.element.big.first-open.SectorTrends { background: #C60000 !important; color: white !important;}
/*colorBow.css*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:scroll;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;overflow:hidden}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/bg_shadowbox.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:transparent none;}
    #cboxTopRight{width:21px; height:21px; background:transparent none;}
    #cboxBottomLeft{width:21px; height:21px; background:transparent none; }
    #cboxBottomRight{width:21px; height:21px; background:transparent none;}
    #cboxMiddleLeft{width:21px; background:transparent none;}
    #cboxMiddleRight{width:21px; background:transparent none;}
    #cboxTopCenter{height:21px; background:transparent none;}
    #cboxBottomCenter{height:21px;background:transparent none;}
    #cboxContent{background:#fff; overflow:hidden;padding:45px 30px 35px 30px; box-shadow: 1px 1px 12px #555;}
        .cboxIframe{background:#fff;overflow:auto}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/cbox-controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/cbox-controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/cbox-loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/cbox-loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:15px; right:15px; background:url(images/cbox-controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    background-color:transparent
}

/***************************/
iframe .s4-notdlg{
                display:none
}
/*smartBanner.css*/
#smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android { border-color:#212228; background: #3d3d3d url('images/dark_background_stripes.gif'); border-top: 5px solid #88B131; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; }
#smartbanner.android .sb-info strong { color:#fff; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; }
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }

#smartbanner.windows .sb-icon { border-radius: 0px; }


/* Tile CSS : Enhanced Boxes RFC 61163 */
#exp-tile-1 {
}
#exp-tile-2 {
}
#exp-tile-3 {
}
#exp-tile-4 {
}
#exp-tile-5 {
}
#exp-tile-6 {
}
#exp-fonction ul li.tile-root {
                list-style-type:none; 
    min-height:68px;
                margin-bottom:3px;
                padding: 0;
}
#exp-fonction ul .tile-root .tile-background {
    margin: 3px 0px;
    width: 100%;
    height: 100%;
    /* border: 1px #b6c0c5 solid; */
    min-height: 68px;
}
#exp-fonction ul .tile-root .tile-background .tile-link {
    position: relative;
    min-height: 50px;
    font-size: 1.3em;
    color: #546a76;
    padding: 6px 10px;
    display: block;
}
#exp-fonction ul .tile-root .tile-background .tile-link img.tile-picto {
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 0%;
    margin-bottom: 3px;
    position: relative;
    margin-right: 5%;
}
#exp-fonction ul .tile-root .tile-background .tile-link .tile-title {
    font-size:20px; 
    cursor:pointer; 
    font-family:futura-medium,Arial, Helvetica, sans-serif; 
    color:#fff; 
    margin-bottom:5px; 
    margin-left:0%; 
    display:block;
}
#exp-fonction ul .tile-root .tile-background .tile-link .tile-body {
   font-family:verdana,Tahoma,sans-serif; 
    font-size:11px; 
    font-weight:400; 
    color:#fff; 
    display:inline-block;
}

/* Tile CSS : Enhanced Boxes RFC 61163 */


/* Nav CSS : Simple navigation RFC 62553 */
div#simple-navigation.navigation-viewer  {
    display:block;
    margin: 0px 0px 0px 0px;
    padding:0;
}


/* Without Meganav structure : BEGIN*/
/* Accordion behaviour : BEGIN*/
div#simple-navigation.navigation-viewer > ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0;
}
/* Container item */
div#simple-navigation.navigation-viewer > ul > li {
    overflow-x:hidden;
    overflow-y:hidden;
    border-width: 1px 0px;
    border-style: solid;
    border-color: transparent;
    width:200px;
}

div#simple-navigation.navigation-viewer > ul > li {
    border-bottom: 1px solid #DEDFDE;
    margin-bottom: 3%;
    padding-bottom:2%;
}
ul > li.nav-item, ul > li.nav-container {
    margin-left: 0%;
    margin-bottom: 4%;
}
li > div.item-background {
   margin-bottom: 1%;
}
li.nav-container > div.item-background > ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-left: 0%;
    padding:0;
}

/* Item Presenter */
div#simple-navigation.navigation-viewer > ul > li > div > a.item-link {
    cursor: pointer;
    display: block;
    height: 17px;
    margin: 0px;
    zoom: 1;
    text-transform: uppercase;
}
/*
    DEBUG Style use it to highlight selected item
ul > li[level-selected="current"] {
        border-left: 1px solid #0065ae !IMPORTANT;
        border-bottom-left-radius:10px;
        padding-left:2%;
}
*/
.item-background ul li div .item-link  .item-link-text {
    color: rgb(115, 138, 148);
    cursor: pointer;
    display: block;
    font-family: Verdana;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    /*height: 17px;*/
    line-height: 17px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 2%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2%;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: left;
    width: 163px;
    word-wrap: break-word;
                text-transform: none;
    zoom: 1;
}

ul > li[level-selected="current"] > div > h4 > a > span.item-link-text {
        color:#0065AE !important;
}
ul > li[level-selected="current"] > div > a > span.item-link-text {
        color:#0065AE !important;
}
a.item-link > span.item-link-text {
   color: rgb(74, 89, 107);
   font-size: 13px;
    text-transform: uppercase;
} 

li.nav-container div h4.item-link-parent, h4.item-link-no-parent {
    cursor:pointer;
    display:block;
    margin:0px;
    zoom:1;
    color: rgb(74, 89, 107);
    text-transform: uppercase;
}
li > div.item-background > h4 > a.item-link {
    word-wrap: break-word;
    text-align: left;
    font-family: Verdana;
    font-size:13px;
    font-weight:normal;
    line-height:17px;
}
li > div.item-background  > a.item-link  {
    word-wrap: break-word;
    text-align: left;
    font-family: Verdana;
    color: rgb(74, 89, 107);
    font-size:13px;
    font-weight:normal;
    line-height:17px;
}
li.nav-container > div > ul > li > div > a.item-link  {
    width:90%;
}
li.nav-container > div >  ul > li > div > div.item-bullet-image {
    width: 5%;
    display: block;
    float: left;
    height:100%;
    margin-bottom:1%;
                font-size: 13px;
                color: rgb(115, 138, 148);
}
li > div > a.item-link:hover {
    border-bottom: 1px solid #4a596b;
}
li > div > h4 > a.item-link:hover {
    border-bottom: 1px solid #4a596b;
}
li  div.item-background  a.item-link:visited {
        color: #4a596b !IMPORTANT;
}


.folded {
    display: none;
    opacity: 0;
    transition: display 1s, opacity 1s ease-in-out ;
    -ms-transition: display 1s, opacity 1s ease-in-out ;
    mso-transition: display 1s, opacity 1s ease-in-out ;
    -moz-transition: display 1s, opacity 1s ease-in-out ;
    -o-transition: display 1s, opacity 1s ease-in-out ;
    -xv-transition: display 1s, opacity 1s ease-in-out ;
    -atsc-transition: display 1s, opacity 1s ease-in-out ;
    -wap-transition: display 1s, opacity 1s ease-in-out ;
    -webkit-transition: display 1s, opacity 1s ease-in-out ;
    -khtml-transition: display 1s, opacity 1s ease-in-out ;
    -apple-transition: display 1s, opacity 1s ease-in-out ;
    prince-transition: display 1s, opacity 1s ease-in-out ;
    -ah-transition: display 1s, opacity 1s ease-in-out ;
    -hp-transition: display 1s, opacity 1s ease-in-out ;
    -ro-transition: display 1s, opacity 1s ease-in-out ;
    -rim-transition: display 1s, opacity 1s ease-in-out ;
    -tc-transition: display 1s, opacity 1s ease-in-out ;
}
.opened {
  display: block;
  opacity: 1;
      transition: display 1s, opacity 1s ease-in-out ;
    -ms-transition: display 1s, opacity 1s ease-in-out ;
    mso-transition: display 1s, opacity 1s ease-in-out ;
    -moz-transition: display 1s, opacity 1s ease-in-out ;
    -o-transition: display 1s, opacity 1s ease-in-out ;
    -xv-transition: display 1s, opacity 1s ease-in-out ;
    -atsc-transition: display 1s, opacity 1s ease-in-out ;
    -wap-transition: display 1s, opacity 1s ease-in-out ;
    -webkit-transition: display 1s, opacity 1s ease-in-out ;
    -khtml-transition: display 1s, opacity 1s ease-in-out ;
    -apple-transition: display 1s, opacity 1s ease-in-out ;
    prince-transition: display 1s, opacity 1s ease-in-out ;
    -ah-transition: display 1s, opacity 1s ease-in-out ;
    -hp-transition: display 1s, opacity 1s ease-in-out ;
    -ro-transition: display 1s, opacity 1s ease-in-out ;
    -rim-transition: display 1s, opacity 1s ease-in-out ;
    -tc-transition: display 1s, opacity 1s ease-in-out ;
}

.nav-list .nav-list .opened{
                margin-left:15px;
}
li.nav-mgn-container {
}

ul.nav-mgn-column1 {
}
ul.nav-mgn-column2 {
}
ul.nav-mgn-column3 {
}
ul.nav-mgn-column4 {
}
div.s4-ca > div.ICI-breadcrumb {
    width:75%;
}
div.s4-ca > div.ICI-breadcrumb > span {
    /* position:relative; */
    top:-18px;/*-40%*/
}

td.gssb_a div[style*='google_custom_search_watermark.gif'] {
    display:none;
}
div.modal-dataLayer-bg{
                position:fixed;
                left:0;
                right:0;
                top:0;
                bottom:0;
                z-index: 1000;
                background-color:rgba(50,50,50,0.5);
}

div.modal-dataLayer-bg #modal-dataLayer-Preview{
    padding: 10px;
    position: absolute;
    background-color: darkgrey;
    top: 185px;
    right: 50px;
    z-index: 1001;
    border-radius: 10px;
    width: 500px;
    height: 350px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}
div.modal-dataLayer-bg #modal-dataLayer-Preview span{ 

    font-size:20px; 
    font-family:futura-medium,Arial, Helvetica, sans-serif; 
    color:#fff; 
    margin-bottom:5px; 
    margin-left:1%; 
    display:block;
}
div.modal-dataLayer-bg #modal-dataLayer-Preview #modal-content{
    font-family:futura-medium,Arial, Helvetica, sans-serif; 
                font-size: 20px;
    background: darkgrey;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
    height: 80%;
    width: 90%;
    margin: auto;
    margin-top: 2%;
}
div.modal-dataLayer-bg #close-datalayer-preview{
    font-family:futura-medium,Arial, Helvetica, sans-serif; 
                float: right;
                color: #fff;
                font-family: serif;
                font-size: 22px;
}
div.modal-dataLayer-bg #close-datalayer-preview:hover{
                color: #000;
}

img.ms-rteImage-lightbox{ /* add option in rubban for image to Iłage Styles,  for add class .ms-rteImage-lightbox to img */
    -ms-name:"LightBox"; /* Displayed in Image Styles menu */ 
}
img.lightbox,.ms-rteImage-lightbox {
                   cursor:url("/_language_/Style%20Library/EulerHermes.Internet/images/plus_cursor.png") 25 25, pointer;
}


div.smart-recaptcha div{width: 90%!important;    border: none!important; }
div.smart-recaptcha div div{width: 90%!important; border: none!important; }
div.smart-recaptcha div div iframe{width: 90%!important;  border: none!important;  }

   .meganav .container-hoster.menu .container .content .MegaNavLevel1 {
        margin-bottom: 0.66em;
        margin-top: 0.33em;
    }
    .meganav .container-hoster.menu .container .content .MegaNavLevel1 a {
        font-family: futura-medium, Helvetica, sans-serif;
        font-size: 16px;
        color: white;
        font-weight: 500;
        text-transform: capitalize;
    }


    li.nav-container div div.item-link-parent, div.item-link-no-parent {
    cursor:pointer;
    display:block;
    margin:0px;
    zoom:1;
    color: rgb(74, 89, 107);
    text-transform: uppercase;
}
li > div.item-background > div > a.item-link {
    word-wrap: break-word;
    text-align: left;
    font-family: Verdana;
    font-size:13px;
    font-weight:normal;
    line-height:17px;
}

li > div > div > a.item-link:hover {
    border-bottom: 1px solid #4a596b;
}



/*Google Search Box*/
.GoogleSearch .exp-search{padding:12px 0px 0px !important;}
.GoogleSearch .exp-titlesearch {color: rgb(0, 114, 188); font-size: 12px; font-weight: bold; margin: 0px 0px 2px 0px; font-family: verdana,arial,helvetica,sans-serif;}
.GoogleSearch .exp-search input.exp-sbplain{background:#fff none;float:left; font-family:Verdana,Tahoma,sans-serif; border:1px solid #dbdbdb !important; color:#b7b7b7; border-right:0px !important; font-size:11px; height:20px; padding:2px 3px 0; width:86%!important;border-top: 2px solid !important;border-top-color: rgb(0,114,188) !important;}
.GoogleSearch .exp-btsearch{ border:1px solid #dbdbdb !important;border-left:0!important; height:22px!important; padding:0; border-top: 2px solid !important;border-top-color: rgb(0,114,188) !important;}

/*Nav fix bug*/
div#ICI-topnav table{width: 982px;margin-left: auto;margin-right: auto;height: 36px;}
div#ICI-topnav span{font-family:Futura-medium,Verdana,Trebuchet MS,Arial,sans-serif !important;font-size: 18px !important;font-style: normal !important;font-weight: 500 !important;line-height: 26.4px !important;color: #738a94;}
div#ICI-topnav > table > tbody > tr > td > span:not(:last-child):after{content : "|";color: #738a94;}
div#ICI-topnav > table > tbody > tr > td > span > a{margin-right:15px;margin-left:15px;}
div#ICI-topnav > table > tbody > tr > td > span:first-child{margin-left:-14px !important;}

/* Search 360 */
#searchBox::-ms-clear {display:none}
div.unibox-selectable-img-container > img {width:30px !important; height:30px;!important;}
div.unibox-selectable-img-container {width:30px !important;}
div.unibox-selectable {max-width:300px;}
#ss360-layer img {height: 26px;!important;width:26px !important;}