/* directory css v3 - europages - 11/2012 */
html,body,div,span,applet,object,iframe,code,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-family:inherit;text-align:left}
table {border-collapse:collapse;border-spacing:0}
ol,ul {list-style:none}
q:before,q:after,blockquote:before,blockquote:after {content:""}
html {margin:0;padding:0;width:100%}
*:focus {outline: none}
body {background-color: #EDECE8;background-position: center top;background-repeat: no-repeat;margin: 0px; padding: 0px; font-family: 'magra', arial, helvetica; font-size: 12px}

/* classes generiques */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */
.tdtop {vertical-align:top}
.padd30 {padding: 30px}
.padd {padding: 10px}
.graytxt {color: #777}
.upper {text-transform:uppercase}
.wrapper  {width: 990px;margin:0 auto}
.bloc {background: #FFF;margin-top: 12px; clear: both}
.bloc:first-child{margin-top: 0px}
.shade {background:#EDECE8 url(/commons/imagesv4/bars2.png) 0px -25px no-repeat;height: 25px}

#header {height: 55px}
#logo_europages { float: left; margin: 10px 5px 0 0; width: 243px }
#links-main { float: left; height: 38px; margin-top: 5px; width: 742px }
#links-main a { text-decoration: none }
#links-main #multilinks { float: left; font-size: 10px; color: #777; margin: 0 0 0 30px }
#links-main #multilinks a { color: #777; font-family: tahoma,geneva,arial, helvetica }
#links-main #multilinks a:hover{ color: #AACB3C }
#links-main #buttons { float: right; margin-top: 7px }
#links-main #freesubscript { background: #96bf0d }
#links-main #myeuropages { background: #525252; margin-left: 10px }
#links-main #freesubscript,#links-main #myeuropages { color: #fff; float: left; height: 31px }
#links-main #freesubscript span,#links-main #myeuropages span { display: block; float: left }
#links-main #freesubscript span.partLeft,#links-main #myeuropages span.partLeft { font-family: 'MagraBold',arial,helvetica; font-size: 14px; padding: 7px 7px 0 }
#links-main #freesubscript span.partRight { background: url(/commons/imagesv4/sprite.png) -30px -527px no-repeat; height: 12px; margin: 10px 10px 0 0; width: 7px }
#links-main #myeuropages span.partRight { background: url(/commons/imagesv4/sprite.png) -163px -569px no-repeat; height: 31px; width: 37px }
#headsearch-home {height: 381px}
.headtitle  {padding: 40px 0 18px;text-align: center}
.headtitle span {color: #567068;display:inline-block;font-family: 'MagraBold',arial,helvetica;font-size: 32px;padding: 0 10px;color:#fff;background: rgba(161, 193, 67, 0.85);*background: url(/commons/imagesv4/bg/homebggreen.png) repeat;background: url(/commons/imagesv4/bg/homebggreen.png) repeat\9}
.headtitle span.small {font-size: 23px;margin-top:8px;padding: 0 5px}
#setlang {width: 662px;margin: auto;background: url(/commons/imagesv4/bg/homebgsetlang.png) repeat}
#setlang-container {padding: 20px 47px;text-align: center}
#setlang-container .title {color: #fff;font-size: 25px;font-family: 'magraBold',arial,helvetica}
#langselector {width: 100%; display: block; background: none; padding-top: 10px}
#langselector .panel {color: #fff; font-size: 12px}
#langselector .panel ul {float: left;margin: 10px 10px 0 0;width: 105px}
#langselector .panel ul.last {margin-right: 0}
#langselector .panel li {padding: 3px 0 3px 12px;font-size: 12px;border: none;text-align:left;margin: 0px;font-family: tahoma,geneva, arial, helvetica;background-position: -180px -172px}
#langselector .panel li a {text-decoration: none; color: #fff}
#langselector .panel li a:hover {text-decoration:underline; color: #CAE267}
#toprake {height: 52px}
#toprake .rake_rblock {display: inline-block;margin-right: 2px;float: right;width: 150px}
#toprake .rake_rblock li {float:right;margin: 0px;padding: 0px;width: 30px;height: 36px}
#toprake .rake_rblock a {display: inline-block;width: 30px;height: 36px;margin: 0px;padding: 0px;text-decoration:none}
#toprake .rake_rblock #ico-facebook {background-position: -170px 0 }
#toprake .rake_rblock #ico-twitter {background-position: 0 -50px}
#toprake .rake_rblock #ico-linkedin {background-position: -100px -50px}
#toprake .rake_rblock #ico-delicious {background-position: -50px -50px}
#toprake .rake_rblock #ico-google {background-position: -170px -455px }
#toprake .rake_rblocktitle {margin: 6px 8px 0 0;float: right;font-family: 'MagraBold',arial,helvetica;display: inline-block;font-size: 11px;color: #777}
#footer {font-family: 'MagraBold',arial,helvetica;padding-top:50px;height:150px;width:990px; text-align:center;color: #444;font-size:28px}
#footer span {background: url(/commons/imagesv4/bt_select_lang.jpg);width:519px;height:64px;display:block;margin:auto}
#footer a {font-size:35px;color:#fff;text-decoration:none;height:64px;display:block;padding: 8px 0 0 40px}

/* content */
.content-com-ataglance {background: url(/commons/imagesv4/splash/com_bg.jpg) 186px 70px no-repeat;height: 500px;position: relative}
.content-com-ataglance h3 {color: #9ec536;text-align: center;font-size: 40px;padding-bottom: 18px;font-family: 'magraBold',tahoma,helvetica, sans-serif}
.content-com-ataglance h4 {font-family: 'magraBold',tahoma,helvetica, sans-serif;font-size: 15px;padding-bottom: 4px}
.content-com-ataglance .mess-01 {position: absolute;left: 180px; top: 120px;width: 300px;font-size: 12px;text-align: right;color:#444}
.content-com-ataglance .mess-01 h4 {color: #70cad1;text-align: right}
.content-com-ataglance .mess-02 {position: absolute;left: 40px; top: 210px;width: 220px;font-size: 12px;text-align: right;color:#444}
.content-com-ataglance .mess-02 h4 {color: #9bc136;text-align: right}
.content-com-ataglance .mess-03 {position: absolute;left: 0; top: 310px;width: 180px;font-size: 12px;text-align: right;color:#444}
.content-com-ataglance .mess-03 h4 {color: #7dcab8;text-align: right}
.content-com-ataglance .mess-04 {position: absolute;left: 645px; top: 90px;width: 260px;font-size: 12px;text-align: left;color:#444}
.content-com-ataglance .mess-04 h4 {color: #7dcab8;text-align: left}
.content-com-ataglance .mess-05 {position: absolute;left: 675px; top: 180px;width: 240px;font-size: 12px;text-align: left;color:#444}
.content-com-ataglance .mess-05 h4 {color: #90c569;text-align: left}
.content-com-ataglance .mess-06 {position: absolute;left: 638px; top: 270px;width: 240px;font-size: 12px;text-align: left;color:#444}
.content-com-ataglance .mess-06 h4 {color: #69cadb;text-align: left}
.content-com {padding: 30px;font-size: 16px;line-height: 35px;font-family: 'magraBold',arial,helvetica}
.content-com .bloc-a {width: 280px;float: left;color: #9AC135;border-color: #9AC135}
.content-com .bloc-b {width: 280px;float: left;color: #83C9A9;border-color: #83C9A9;padding: 0 45px}
.content-com .bloc-c {width: 280px;float: left;color: #69CADB;border-color: #69CADB}
.content-com strong {display: block;font-size: 50px;line-height: 40px;font-weight: normal}
.content-com .separator {margin: 10px 0px 10px 0px;border-top-width: 1px;border-top-style: dotted}
.content-com p {font-size: 13px;line-height: 25px; height: 180px}
.thead-select {height: 30px;font-family: 'MagraBold',arial,helvetica;font-size: 18px;color: #999999;overflow: hidden;background-color: #F7F7F5;border: 1px solid #E3E3E3;border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;cursor: pointer}
.thead-select > div {float:left;padding: 5px 8px 5px 8px}
.thead-select > span {display: block;float: right;width: 32px;height: 29px;border-left: 1px solid #E3E3E3;background-position: -143px -330px;cursor: pointer}
.thead-select > span.fold {background-position: -113px -331px}
#folder-welcome h4 {margin: 20px 0 16px;color: #989898;font-size: 18px;font-family: 'magraBold',arial,helvetica}
#folder-welcome h5 {color: #989898;font-size: 15px;line-height: 20px;margin: 3px 0 3px 0;font-family: 'magraBold',arial,helvetica}
#folder-welcome p {color: #989898;font-size: 15px;line-height: 20px}
#folder-welcome p.link {line-height:1;margin: 20px 0 0}
#folder-welcome p.link a {color: #989898;font-size:13px;font-style:italic;text-decoration:none}
#pav-home {background: url(/commons/imagesv4/splash/fd-pav-home.jpg) no-repeat;width: 970px;height: 269px}
#pav-home .title {height: 130px;text-align: right}
#pav-home .title h3 {display: inline-block;font-size: 38px;line-height: 34px;color: #8BB201;font-family: 'magraBold',arial,helvetica;text-align: right;margin: 30px 25px 0 0}
#pav-home .block-pav-a {width: 400px;height: 115px;float: left;margin: 10px 45px 0 40px}
#pav-home .block-pav-b {width: 400px;height: 115px;float: left;margin: 10px 0 0 40px}
#pav-home h4 {color: #fff;font-size: 25px;font-family: 'magraBold',arial,helvetica}
#pav-home .block-pav-a h5 {color: #C5F525;font-size: 15px;font-family: 'magraBold',arial,helvetica}
#pav-home .block-pav-b h5 {color: #9DE9C6;font-size: 15px;font-family: 'magraBold',arial,helvetica}
#pav-home .btn-pav-a {width: 227px;height: 35px;background-color: #96BF0D;margin-top: 8px;cursor: pointer}
#pav-home .btn-pav-b {width: 147px;height: 35px;background-color: #83C9A9;margin-top: 8px;cursor: pointer}
#pav-home .btn-pav-a .btn-title,#pav-home .btn-pav-b .btn-title {color: #fff;font-size: 18px;font-family: 'magraBold',arial,helvetica;display: block;width: 105px;margin: 7px 0 0 12px;float: left}
#pav-home .btn-pav-a .btn-title {width: 185px}
#pav-home .btn-pav-a .arrow,#pav-home .btn-pav-b .arrow {display: block;width: 18px;height: 23px;float: right; margin: 7px 6px 0 0;background-position: -180px -284px}
#folder-welcome {display: none}

/* IMAGES */
#links-main #my-europages, #links-main #my-europages .block2 a, .rake_rblock li, #langselector .panel li, .thead-select > span, #pav-home .btn-pav-a .arrow,#pav-home .btn-pav-b .arrow {background-image: url(/commons/imagesv4/sprite.png);background-repeat: no-repeat}

/* zone de positionnement de l'objet zendesk */
#pageFooterOuter{position: fixed;z-index: 800;width: 100%;height: 1px;padding: 0;font-size: 15px}
#pageFooterOuter #zendesk-touchbar-zone{float:right;position: relative;width: 1px;height: 1px}
#pageFooterOuter #zendesk-touchbar{position: absolute;width: 118px;height: 118px;left: -117px;top: -117px;background: transparent url(/commons/imagesv4/sprite.png) -81px -688px no-repeat;cursor: pointer}
#pageStick-Backtop-btn {position: fixed;z-index: 999;width: 57px;height: 66px;bottom:130px; right:30px;background: transparent url(/commons/imagesv4/sprite.png) 0 -688px no-repeat;display: none;cursor: pointer}
#pageStick-Backtop-btn .back-to-top {display: inline-block;margin: 30px 0px 0px 4px;width: 41px;height: 31px;overflow: hidden;color: #fff;font-size: 12px;font-family: 'magraBold',arial,helvetica;text-align: center;line-height: 11px}

#zenbox_tab {border: none;cursor: pointer;font-family: Arial,Helvetica,sans-serif;height: 25px;margin: 0;min-width: 110px;overflow: hidden;padding: 0 10px 35px;position: absolute;white-space: nowrap;z-index: 10000;display: none;opacity: 0.00;filter:alpha(opacity=00);left: -100px;top: -100px;background-color: transparent}
#zenbox_tab #feedback_tab_text {color: #FFFFFF;font-size: 1.3em;font-weight: bold;margin: 25px auto;text-align: center}
#zenbox_tab.ZenboxTabLeft {background-position: right 0;left: 0;transform: rotate(-90deg)}
#zenbox_tab.ZenboxTabRight {background-position: left 0;right: 0;transform: rotate(90deg)}
#zenbox_tab:hover {background-color: #444444}
#zenbox_overlay {height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 90000}
#zenbox_overlay * {color: #333333;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-style: normal;font-variant: normal;margin: 0;padding: 0}
#zenbox_container {height: 620px;margin: 0 auto;position: relative;text-align: left;width: 638px;z-index: 2}
#zenbox_container .zenbox_header {position: relative;text-align: right;width: auto;z-index: 100}
#zenbox_close {cursor: pointer;height: 46px;position: relative;top: 10px;width: 46px}
#zenbox_body {height: 900px;margin-top: -18px;position: relative;width: 615px}
#zenbox_scrim {background-color: #000000;left: 0;opacity: 0.42;position: absolute;top: 0;width: 100%;z-index: 1}