/* Theme Name: PPD Author: Sept24 Author URI: http://sept24.com/ Version: 1.0 */ /* ---------------------------------- FONTS ------------------------------------- */ @font-face { font-family: 'titillium_websemibold'; src: url('fonts/titilliumweb-semibold-webfont.eot'); src: url('fonts/titilliumweb-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumweb-semibold-webfont.woff') format('woff'), url('fonts/titilliumweb-semibold-webfont.ttf') format('truetype'), url('fonts/titilliumweb-semibold-webfont.svg#titillium_websemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_webregular'; src: url('fonts/titilliumweb-regular-webfont.eot'); src: url('fonts/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumweb-regular-webfont.woff') format('woff'), url('fonts/titilliumweb-regular-webfont.ttf') format('truetype'), url('fonts/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_weblight'; src: url('fonts/titilliumweb-light-webfont.eot'); src: url('fonts/titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumweb-light-webfont.woff') format('woff'), url('fonts/titilliumweb-light-webfont.ttf') format('truetype'), url('fonts/titilliumweb-light-webfont.svg#titillium_weblight') format('svg'); font-weight: normal; font-style: normal; } /* ---------------------------------- HEADER ------------------------------------- */ #header { width: 100%; min-height: 120px; margin: 0; padding: 0; float:left; } .logo-header { margin-top: 25px;} .alignright { float: right; padding: 15px 0 15px 15px;} /* NAVIGATION SECONDAIRE */ .nav-sec { text-align: right; } .nav-sec ul { float: right; margin: 27px 15px 0 0; padding: 0;} .header-droit-mobi ul { float: right; margin: 27px 0 0 0; padding: 0;} .nav-sec li, .header-droit-mobi li { list-style-type: none; display: inline-block; font-family: 'titillium_websemibold'; font-size: 14px; text-transform: uppercase; color: #313136;} .nav-sec li a , .header-droit-mobi li a { text-decoration: none; color: #313136;} .nav-sec li a:hover, .header-droit-mobi li a:hover { text-decoration: underline;} ul.lang li { color: #919296;} ul.lang li.li-separateur { padding-left: 3px; margin-right:-2px;} ul.lang li a { text-decoration: none; color: #919296;} ul.lang li a:hover { color: #e41b23;} ul.lang li.active a { color:#e41b23!important; } /* NAVIGATION PRINCIPALE .nav-princ { text-align: right; } .nav-princ ul { float: right; margin: 27px 15px 0 0; padding: 0;} .nav-princ li { list-style-type: none; display: inline-block; font-family: 'titillium_websemibold'; font-size: 20px; text-transform: uppercase; color: #e41b23; margin-left: 20px;} .nav-princ li a { text-decoration: none; color: #e41b23;} .nav-princ li a:hover { text-decoration: underline;} */ /* ------------------ NAVIGATION PRINCIPALE ------------------- */ div.nav-princ {float:right;position:relative;z-index:999; text-align: right;} div.nav-princ ul {display:inline;position:relative; float: right; margin: 27px 15px 0 0; padding: 0;} div.nav-princ ul li {list-style-type: none; display: inline-block; font-family: 'titillium_websemibold'; font-size: 19px; padding-bottom: 24px; text-transform: uppercase; color: #e41b23; margin-left: 20px; position: relative;} div.nav-princ ul li a {text-decoration: none; color: #e41b23;} div.nav-princ ul li a:hover {text-decoration: underline; color: #e41b23!important;} div.nav-princ ul li ul{display:none;position:absolute;top:10px;left:0px;float:left;width:230px;z-index:999;padding:0; background: url(img/back-menu-top.png) left top repeat; text-align: left;} div.nav-princ ul li.menu-item-775 ul { right: -15px; left: auto;} div.nav-princ ul li.menu-item-780 ul { right: -15px; left: auto;} div.nav-princ ul li.menu-item-1770 ul { right: -15px; left: auto;} div.nav-princ ul li ul li{text-align: left;margin:0!important;padding:0!important;border-right:none!important; float: left; clear: both; border-bottom: 1px solid #b8b8b8; width: 100%; position: relative;} div.nav-princ ul li ul ul{right:0;top:0;} div.nav-princ ul li ul li a{text-transform:none;font-family: 'titillium_webregular';font-size:14px;text-align:left;padding:10px 0 10px 10px;float:left;} div.nav-princ ul li ul li a:hover {font-family: 'titillium_webregular';color:rgba(118,118,118,1)!important;} div.nav-princ ul ul a:hover{color:rgba(118,118,118,1);} div.nav-princ ul ul li:hover a {color:rgba(118,118,118,1);} div.nav-princ li:hover > a,#access ul ul :hover > a{color:rgba(118,118,118,1)!important;} div.nav-princ ul li:hover > ul{display:block;} li.current-menu-ancestor a { color:#515151!important; } ul.sub-menu a { color: #E41B23!important;} div.nav-princ ul.sub-menu .current-menu-item a {color:#515151!important;} div.nav-princ ul.sub-menu .current-menu-item .sub-menu a {color:#E41B23!important;} div.nav-princ ul.sub-menu .current-menu-item .sub-menu .current-menu-item a {color:#515151!important;} #nav { display: none;} #nav li.current-menu-ancestor a { color:#FFF!important; } div.nav-princ ul li ul li ul{display:none;position:absolute;top:-27px;left:230px;float:left;width:230px;z-index:999; border-left:1px solid #b8b8b8;} div.nav-princ ul li ul li ul li{ text-align: left;margin:0!important;padding:0px!important;border-right:none!important;} div.nav-princ ul li ul ul{left:100%;top:0;} div.nav-princ ul li ul li ul a{text-transform:none;font-family: 'titillium_webregular';font-size:14px;text-align:left;padding:10px;float:left;} div.nav-princ ul li ul li ul li a:hover {font-family: 'titillium_webregular';} #menu-navigation-secondaire li, #menu-navigation-secondaire-en li { margin-left: 10px;} li.menu-item-517 ul.sub-menu { right: -14px!important; left: auto!important;} li.menu-item-529 ul.sub-menu { right: -14px!important; left: auto!important;} /* ---------------------------------- ACCUEIL ------------------------------------- */ #accueil { width: 100%; margin: 0; padding: 0 0 30px; float: left; background: url(img/back-ppd.jpg) center top no-repeat; min-height: 715px;} /* ACCUEIL MENU + SLIDESHOW */ .accueil-menu { padding-top: 28px; height: 474px;} h2.titre-mobi-menu { width: 100%; background: url(img/back-menu-titre-mobi.png) left top repeat-x; color: #FFF; text-transform: uppercase; font-family: 'titillium_websemibold'; font-weight: normal; font-size:22px; line-height: 48px; padding-left: 14px; margin: 0; display: none; cursor: pointer;} .nav-slide { width: 940px; height: 403px;} .nav-slide-gauche { width: 240px; height: 403px; float: left;} .nav-slide-gauche ul.menu { margin: 0; padding: 0; display: block;} .nav-slide-gauche li { background: url(img/back-menu-slideshow.png) right top no-repeat; height: 50px; width: 240px; list-style-type: none; line-height: 50px; font-family: 'titillium_websemibold'; color:#FFF; font-size: 16px; position: relative;} .nav-slide-gauche li:hover { background: url(img/back-menu-slideshow.png) left top no-repeat; } .nav-slide-gauche li a { color: #FFF; text-decoration: none; padding-left: 14px; display: block; width: 100%; height: 100%; } .nav-slide-gauche li:hover a { padding-left:24px; } .nav-slide-droit { width: 700px; height: 400px; float: left; overflow: hidden; background-color: #FFF; } .nav-slide-depart { position: relative; z-index: 1;} .nav-slide-one, .nav-slide-2, .nav-slide-3, .nav-slide-4, .nav-slide-5, .nav-slide-6, .nav-slide-7, .nav-slide-8 { display: none; position: relative; z-index: 2;} .slide-puce { width: 17px; height: 17px; position: absolute; z-index: 4; background: url(img/nav-slide/puce-rouge.png) left top no-repeat; display: none;} .slide-puce a { display: block; width: 100%; height: 100%;} p.slide-titre { font-family: 'titillium_websemibold'; color: #313136; font-size: 20px; position: absolute; z-index: 3; right: 20px; top:20px; text-align: right; width: 100%; display: none;} p.slide-titre span { font-size: 16px; font-family: 'titillium_webregular'; color:#595959; display: none; } .nav-slide-one .slide-puce { left: 375px; top: 220px; display: none;} .nav-slide-2 .slide-puce { left: 418px; top: 210px; display: none;} .nav-slide-3 .slide-puce { left: 180px; top: 210px; display: none;} .nav-slide-4 .slide-puce { left: 260px; top: 210px; background: url(img/nav-slide/puce-rouge-blanc.png) left top no-repeat!important; display: none;} .nav-slide-5 .slide-puce { left: 165px; top: 230px; display: none;} .nav-slide-6 .slide-puce { left: 420px; top: 225px; display: none;} .nav-slide-7 .slide-puce { left: 315px; top: 225px; display: none;} .nav-slide-8 .slide-puce { left: 291px; top: 254px; display: none;} .front-tooltip { width: 298px; position: absolute; z-index: 5; display: none; right: 20px; top: 250px; display: none;} .box-fleche { width: 30px; height: 29px; position: absolute; left: -7px; top:7px;background: url(img/box-fleche.png) left top no-repeat;} .top-front-tooltip { width: 298px; height: 15px; margin: 0; padding: 0; float: left; background: url(img/nav-slide/tooltip-top.png) left top no-repeat;} .centre-front-tooltip { width: 298px; margin: 0; padding: 8px; float: left; background: url(img/nav-slide/tooltip-centre.png) left top repeat-y; text-align: center;} .centre-front-tooltip p { color: #FFF; font-family: 'titillium_webregular'; margin: 0; padding: 0; font-size: 14px; line-height: 18px; position: relative; z-index: 3;} .bas-front-tooltip { width: 298px; height: 15px; margin: 0; padding: 0; float: left; background: url(img/nav-slide/tooltip-bas.png) left top no-repeat;} /*.nav-slide-one .front-tooltip { right: 20px; top: 230px;} .nav-slide-2 .front-tooltip { left: 284px; top: 235px;} .nav-slide-3 .front-tooltip { left: 46px; top: 235px;} .nav-slide-4 .front-tooltip { left: 126px; top: 235px;} .nav-slide-5 .front-tooltip { left: 31px; top: 255px;} .nav-slide-6 .front-tooltip { left: 287px; top: 250px;} .nav-slide-7 .front-tooltip { left: 182px; top: 252px;} .nav-slide-8 .front-tooltip { left: 158px; top: 280px;} */ /* 2nd Menu */ .nav-slide-gauche ul li:hover li a,.nav-slide-gauche ul li.iehover li a { float: none; } /* 2nd Menu Hover Persistence */ /* Hover Function - Do Not Move .nav-slide-gauche ul li:hover ul ul,.nav-slide-gauche ul li:hover ul ul ul,.nav-slide-gauche ul li.iehover ul ul,.nav-slide-gauche ul li.iehover ul ul ul { display: none; } .nav-slide-gauche ul li:hover .sub-menu { display: block; }*/ .nav-slide-gauche .sub-menu { width: auto!important; height:auto; position: absolute; left: 240px; top:0; z-index: 4; display: none;background: url(img/back-sous-menu.png) left top repeat; padding: 10px;} .nav-slide-gauche .sub-menu li { white-space: nowrap; background: none; font-size: 15px!important; height: auto!important; font-family: 'titillium_webregular'; width: auto; } .nav-slide-gauche .sub-menu li span { background: url("img/puce-sous-menu.png") no-repeat scroll left top transparent; display: inline; float: left; height: 4px; line-height: 36px; margin-left: 8px; margin-top: 17px; width: 4px;} .nav-slide-gauche .sub-menu li:hover span { width: 4px; height: 4px; background: url(img/puce-sous-menu.png) left bottom no-repeat;} .nav-slide-gauche .sub-menu li:hover {background: none!important; } .nav-slide-gauche .sub-menu li a { color: #e51b24; height: 36px; margin-left: 0!important; line-height: 36px!important; padding-left: 20px; padding-right: 50px;} .nav-slide-gauche .sub-menu li a:hover { background: url(img/back-sous-menu-ul-li.png) right top no-repeat; margin-left: 0px!important; padding-left: 20px; color: #FFF!important;} .nav-slide-gauche .sub-menu li:hover { margin-left: 0!important} .accueil-call { width:300px; height: 138px; margin: 0 0 50px 0; padding: 0; background: url(img/back-accueil-callaction.jpg) left top no-repeat;} .accueil-call .call-top { width: 300px; height: 49px; margin:0; padding: 0;} .accueil-call .call-top a { color: #FFF; text-decoration: none;} .accueil-call .call-top p.ask-expert { text-transform: uppercase; font-family: 'titillium_websemibold'; color:#FFF; font-size: 20px; line-height: 49px; margin: 0 0 0 40px; padding: 0 0 0 50px; background: url(img/icon-ask-expert.png) left 8px no-repeat;} .accueil-call .call-top p.careers { text-transform: uppercase; font-family: 'titillium_websemibold'; color:#FFF; font-size: 20px; line-height: 49px; margin: 0 0 0 55px; padding: 0 0 0 50px; background: url(img/icon-careers.png) left 8px no-repeat;} .accueil-call .call-top p.latest-news { text-transform: uppercase; font-family: 'titillium_websemibold'; color:#FFF; font-size: 20px; line-height: 49px; margin: 0 0 0 55px; padding: 0 0 0 50px; background: url(img/icon-custom.png) left 8px no-repeat;} .accueil-call .call-bas { width: 300px; height: 89px; position: relative; } .accueil-call .call-bas p { text-align: center; font-family: 'titillium_webregular'; color: #dbdbdb; font-size: 14px; padding: 0 20px 0 8px;} .accueil-call .call-bas .btn-plus { width: 25px; height: 21px; position: absolute; right:11px; bottom:20px; background: url(img/icon-plus.png) left top no-repeat;} .accueil-call .call-bas .btn-plus a { display: block; width: 100%; height: 100%;} .accueil-pied h2 { font-family: 'titillium_weblight'; font-size: 25px; color: #313136; text-transform: uppercase; font-weight: normal;} .accueil-pied p { font-family: 'titillium_webregular'; color: #595959; font-size: 14px; line-height: 18px; text-align: justify;} .accueil-pied .btn-learnmore { width: 127px; height: 47px; margin: 15px 0 0 0; padding: 0; background:url(img/btn-learnmore.png) left top no-repeat;} .accueil-pied .btn-learnmore:hover { background:url(img/btn-learnmore.png) left -47px no-repeat; } .accueil-pied .btn-learnmore a { width: 100%; height: 100%; display: block; color: #FFF; font-family: 'titillium_websemibold'; text-transform: uppercase; text-decoration: none; line-height: 33px; text-align: center; font-size: 14px;} /* ---------------------------------- CAPABILITIES ------------------------------------- */ #capabilities { width: 100%; margin: 0; padding: 0; float: left; background: url(img/back-capabilities.jpg) center top no-repeat; min-height: 715px; border-top:0px solid #000;} .fil-ariane { font-family: 'titillium_webregular'; text-transform:uppercase; font-size:11px; color: #717171; padding-top: 15px;} .fil-ariane a { text-decoration: none; color: #717171;} .fil-ariane a:hover { text-decoration: underline; color: #E41B23;} .titre-page { background: url(img/back-page-titre.png) left top repeat-x; height: 48px; border: 1px solid #313136} .titre-page h1 { text-transform: uppercase; line-height: 46px; color: #FFF; font-family: 'titillium_websemibold'; margin: 0; padding: 0 0 0 20px; font-weight: normal; font-size: 20px; } .capabilities-content { margin-top: 24px; padding-bottom: 20px; } .capabilities-gauche { padding-right: 20px!important; font-family: 'titillium_webregular'; font-size: 15px; line-height: 18px;} .capabilities-gauche h2 { color: #313136; font-family: 'titillium_websemibold'; text-transform:uppercase; font-weight: normal; line-height: 28px;} .capabilities-gauche h3, .capabilities-gauche h4, .capabilities-gauche h5 { color: #de1922; font-family: 'titillium_websemibold'; font-weight: normal; font-size: 19px; line-height: 22px;} .capabilities-gauche h6 { color: #313136; font-family: 'titillium_websemibold'; font-weight: normal; font-size: 20px; line-height: 22px; margin: 0;} .capabilities-gauche p { color: #313136; line-height: 19px; text-align: justify;} .capabilities-gauche ul { margin: 15px 0 15px 0; padding: 0; display: inline-block;} .capabilities-gauche ul ul { margin: 0px 0 15px 15px; display: block;} .capabilities-gauche a { color: #E41B23;} .capabilities-gauche li { margin: 0 0 8px 0; list-style-type: none; background: url(img/puce-rouge-gauche.png) left 5px no-repeat; padding-left: 10px;} #accordion {font-family: 'titillium_webregular'; font-size: 15px; clear: both;} #accordion h3 { background: url(img/back-accordion-title.png) left top repeat-x; height: 31px!important; line-height: 9px!important; color: #FFF; font-size: 18px!important; position:relative; } #accordion h3 span { left: 5px; top: 2px; position: absolute;} #accordion p { font-family: 'titillium_webregular'; font-size: 15px; } #accordion ul { width: 400px; display: block;} #accordion li { margin: 0 0 8px 0; list-style-type: none; background: url(img/puce-rouge-gauche.png) left 7px no-repeat; padding-left: 10px;} .capabilities-gauche ul ul li { margin-bottom: 0!important;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: url(img/back-accordion-title-active.png) left top repeat-x!important;} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px!important;} .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-right-radius: 0px!important;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius:0px!important;} .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius:0px!important;} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius:0px!important;} .ui-accordion .ui-accordion-header .ui-accordion-header-icon { background: url(img/icon-toggle.png) left top no-repeat; height: 24px; width: 23px; top:11px!important; right: 15px!important; left: auto!important;} .ui-icon-triangle-1-s { background: url(img/icon-toggle.png) left bottom no-repeat!important; height: 24px; width: 23px;} .ui-accordion .ui-accordion-header { margin-top: 0px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px;} .ui-accordion .ui-accordion-content { padding: 20px;} .ui-widget-content { background: none!important; background-color: #fff!important;} .section-droit { width: 100%; border: 1px solid #000; height: 32px; background: url(img/back-gris-section-droit.png) left top repeat-x; margin-bottom: 6px;} .section-droit p { margin: 0; padding: 0; color: #FFF; line-height: 30px; font-family: 'titillium_websemibold'; text-transform: uppercase; padding-left: 56px;} .section-droit a { display: block; width: 100%; height: 100%; color: #FFF; text-decoration: none;} .section-droit a:hover { color:#b4b4b4; } .bottom-zero { margin-bottom: 0px;} .section-droit p.ask { background: url(img/icon-ask.png) 18px 2px no-repeat;} .section-droit p.library { background: url(img/icon-library.png) 18px 2px no-repeat;} .section-droit p.advantage { background: url(img/icon-advantage.png) 18px 2px no-repeat;} .section-droit p.crayon { background: url(img/icon-crayon.png) 18px 2px no-repeat;} .section-droit p.related { background: url(img/icon-related.png) 18px 2px no-repeat;} .section-droit p.tool { background: url(img/icon-tool.png) 18px 2px no-repeat;} .section-droit-content { width: 100%; background-color: #f4f4f4; border-left:1px solid #959595; border-right:1px solid #959595;border-bottom:1px solid #959595; padding: 18px; font-family: 'titillium_webregular'; color: #081631; font-size: 14px; margin-bottom: 6px;} .section-droit-content ul { margin: 10px 0 10px 0; padding: 0;} .section-droit-content li { list-style-type: none; background: url(img/puce-rouge-droit.png) left 7px no-repeat; padding-left: 8px; margin-bottom: 6px;} .section-droit-content p { margin: 0;} .section-droit-content img { margin: 0 0 0 5px; } .section-droit-content a { color: #E41B23;} .rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs{background-color:#fff!important} .img-accordion { float: right; padding: 0 0 25px 25px;} .img-accordion-gauche { float: left; padding: 0 25px 25px 0;} /* ---------------------------------- CONTACT ------------------------------------- */ .row-contact { border-bottom: 1px solid #979595; padding: 30px 0 20px 0;} .row-contact div {} .image-carte { border: 1px solid #717171; float: right;} p.contact-titre { text-align:left; text-transform: uppercase; margin: 0; padding: 0; color: #E41B23; font-family: 'titillium_websemibold'; font-size: 20px; } /* ---------------------------------- SIDEBAR ------------------------------------- */ .section-droit-news { width: 100%; border: 1px solid #000; height: 39px; background: url(img/back-rouge-news-events.png) right top repeat-x; margin-bottom: 6px;} .section-droit-news p { margin: 0; padding: 0; color: #FFF; line-height: 39px; font-family: 'titillium_websemibold'; padding-left: 20px;} .section-droit-content-news { width: 100%; background: url(img/back-side-news.png) left bottom repeat-x; border-bottom:1px solid #959595; padding: 18px; font-family: 'titillium_webregular'; color: #081631; font-size: 14px; margin-bottom: 6px;} .section-droit-content-news p { text-align: justify; line-height: 18px;} .section-droit-content-news p.side-news-date { font-family: 'titillium_websemibold'; margin-top: 0px; margin-bottom: 0;} .section-droit-content-news .lire-plus { width: 100%; text-align: right; font-family: 'titillium_websemibold';} .section-droit-content-news .lire-plus a { text-decoration: none; color: #E41B23; font-size: 16px; padding-right: 15px; background: url(img/fleche-read.png) right 8px no-repeat;} .section-droit-content-news .lire-plus a:hover { color: #343434;} p.side-titre { margin: 0!important; padding: 0;} .side-titre a { color: #E41B23; text-decoration: none; margin: 0 0 10px 0;} .side-titre a:hover { text-decoration: underline;} .section-droit-postes { width: 100%; border: 1px solid #000; height: 39px; background: url(img/back-rouge-news-events.png) right top repeat-x; margin-bottom: 6px;} .section-droit-postes p { margin: 0; padding: 0; color: #FFF; line-height: 39px; font-family: 'titillium_websemibold'; padding-left: 20px;} .section-droit-content-postes { width: 100%; background: url(img/back-side-news.png) left bottom repeat-x; border-bottom:1px solid #959595; padding: 18px; font-family: 'titillium_webregular'; color: #081631; font-size: 14px; margin-bottom: 6px;} .section-droit-content-postes p { text-align: justify; line-height: 18px; margin: 0;} .section-droit-content-postes p.titre-postes { font-family: 'titillium_websemibold'; margin: 0px;} .section-droit-content-postes p.titre-postes a { color:#343434; text-decoration: none; } .section-droit-content-postes p.titre-postes-single { font-family: 'titillium_websemibold'; margin: 0px 0 10px 0;} .section-droit-content-postes .lire-plus { width: 100%; text-align: right; font-family: 'titillium_websemibold';} .section-droit-content-postes .lire-plus a { text-decoration: none; color: #E41B23; font-size: 16px; padding-right: 15px; background: url(img/fleche-read.png) right 8px no-repeat;} /* Bouton avec flèche */ a.btn--wArrow, .section-droit-content-postes .lire-plus a.btn--wArrow{ background-image: url(http://www.ppdgroup.com/wp-content/themes/ppd/img/back-rouge-news-events.png); color: #fff; padding: .4em 3em .5em 1em; background-position: 95%; position: relative; border: 1px solid #313136; } a.btn--wArrow .btn__arrowBox{ display: block; background-color: #fff; background-image: url(http://www.ppdgroup.com/wp-content/themes/ppd/img/fleche-read.png); position: absolute; top: 0; right: 0; width: 2em; height: 100%; background-repeat: no-repeat; background-position: 50%; } .section-droit-content-postes .lire-plus a:hover { color: #343434;} .section-droit-archives { width: 100%; border: 1px solid #000; height: 39px; background: url(img/back-rouge-news-events.png) right top repeat-x; margin-bottom: 6px;} .section-droit-archives p { margin: 0; padding: 0; color: #FFF; line-height: 39px; font-family: 'titillium_websemibold'; padding-left: 20px;} .section-droit-content-archives { width: 100%; background: url(img/back-side-news.png) left bottom repeat-x; border-bottom:1px solid #959595; padding: 18px; font-family: 'titillium_webregular'; color: #081631; font-size: 14px; margin-bottom: 6px;} .section-droit-content-archives a { text-decoration: none; color: #E41B23; font-size: 16px; } .section-droit-content-archives a:hover { color: #343434;} .section-droit-content-archives li { line-height: 18px;} .bottom-zero { margin-bottom: 0px;} .sol-perso img { border: 1px solid #a9a9a9; margin-bottom: 10px!important;} .sol-perso p { margin-left: 4px;} .details-offre { color: #717171; font-weight: normal; font-family: 'titillium_webregular';} /* ---------------------------------- NOUVELLES ------------------------------------- */ .nouvelles { margin-bottom: 35px;} .nouvelles h2 a { text-decoration: none;} .nouvelles h2 a:hover { text-decoration: underline; color: #666666;} .news-top-date-gauche { width: 50%; float: left; margin: 0; padding: 0;} .news-top-date-droit { width: 50%; float: left; margin: 0; padding: 0;} .news-top-date { width: 100%; height: 29px; border-top:1px solid #acacac; border-bottom:1px solid #acacac; margin: 0; padding: 0;} .news-top-date-gauche p { margin: 0; padding: 0; line-height: 29px; font-family: 'titillium_webregular'!important; font-size: 14px;} .btn-ensavoirplus { border-left:1px solid #acacac; border-right:1px solid #acacac; width:auto; height: 27px; margin: 0; float: right; background: url(img/back-ensavoirplus.png) left top repeat-x; } .btn-ensavoirplus a { line-height: 27px; color: #FFF; text-decoration: none; font-size: 14px; padding: 0 15px;} .btn-ensavoirplus a:hover { text-decoration: underline;} .lire-plus-news { display: block; width: 100%; height: 100%; } /* ---------------------------------- FOOTER ------------------------------------- */ #wrapper-footer-gris { width: 100%; min-height: 130px; background: url(img/back-footer-gris.png) left top repeat-x; margin: 0; padding: 0; float: left;} #wrapper-footer-gris .logo-footer { margin-top: 40px;} #wrapper-footer-gris .row { position: relative; } #wrapper-footer-gris .row .large-9 { text-align: right;} .ribbon-linkedin { width: 36px; height: 61px; position: absolute; right: 42px; top:-4px; background: url(img/linkedin-icon.png) left top no-repeat;} .ribbon-linkedin:hover { background: url(img/linkedin-icon.png) left bottom no-repeat; } .ribbon-linkedin a { display:block; width:100%; height:100%;} .ribbon-mail { width: 36px; height: 61px; position: absolute; right: 0; top:-4px; background: url(img/courriel-icon.png) left top no-repeat;} .ribbon-mail:hover { background: url(img/courriel-icon.png) left bottom no-repeat; } .ribbon-mail a { display:block; width:100%; height:100%;} #wrapper-footer-gris .nav-footer { position: absolute; right: 0; top: 65px; text-align: right;} #wrapper-footer-gris .nav-footer ul { width: 100%; text-align: right;} #wrapper-footer-gris .nav-footer li { color: #FFF; font-family: 'titillium_websemibold'; color:#FFF; font-size: 16px; text-transform: uppercase; display: inline; list-style-type: none;} #wrapper-footer-gris .nav-footer li a { color: #FFF; text-decoration: none;} #wrapper-footer-gris .nav-footer li a:hover { text-decoration: underline;} .li-separateur-footer { background: url(img/icon-puce-rouge.png) left 11px no-repeat; width: 4px; display: inline-block; margin: 0 10px 0 15px} .nav-footer-second { display: block; float: right; clear: both;} #wrapper-footer-rouge { width: 100%; min-height: 29px; background: url(img/back-footer-rouge.png) left top repeat-x; margin: 0; padding: 0; float: left;} #wrapper-footer-rouge p { color: #FFF; font-family: 'titillium_webregular'; font-size: 12px; margin:0; padding: 0; line-height: 29px; } #wrapper-footer-rouge p a { color: #FFF; text-decoration: none;} #wrapper-footer-rouge p a:hover { text-decoration: underline;} /* MOBILE */ .header-droit-mobi { display: none;} .menu-princ-mobi { float: right; clear: both;} .menu-princ-mobi ul { display: none; position:relative; z-index: 3; text-align: right; float: right; clear: both; margin: 0; padding: 0; background-color: #313136;} .menu-princ-mobi li { border-bottom: 1px dotted #FFF; width: 100%; padding: 8px 0 8px 0;} .menu-princ-mobi li:last-child { border-bottom: none!important;} .menu-princ-mobi li a { color: #FFF; padding: 4px;} p.menu-mobi-titre { cursor: pointer; color: #000; font-family: 'titillium_websemibold'; font-size: 15px; text-transform: uppercase; background: url(img/menu-mobi.png) left 3px no-repeat; padding-left: 20px; clear: both; float: right;} span.titre-plus { width: 23px; height: 22px; line-height: 48px; margin: 0 0 0 8px; padding: 2px 0 0 0; background: url(img/back-menu-titre-mobi-plus.png) left top no-repeat; display: inline-block; vertical-align: -4px;} .img-mobi { display: none; padding: 0 5px;} .img-mobi-desc { background: url(img/back-gris.png) left top repeat; height: auto; position: absolute; left: 0; bottom: 0px; z-index: 1; padding: 8px 15px; } .img-mobi-desc p { color: #FFF; font-family: 'titillium_webregular'; font-size: 14px; line-height: 16px; text-align: justify; } .img-mobi-desc p.titre-img-mobi { font-size: 18px; font-family: 'titillium_websemibold'; } .ribbon-linkedin-mobi { width: 36px; height: 61px; position: absolute; right: 42px; top:-4px; background: url(img/icon-ribbon-linkedin.png) left top no-repeat; display: none;} .ribbon-linkedin-mobi a { display:block; width:100%; height:100%;} .ribbon-mail-mobi { width: 36px; height: 61px; position: absolute; right: 0; top:-4px; background: url(img/icon-ribbon-mail.png) left top no-repeat; display: none;} .ribbon-mail-mobi a { display:block; width:100%; height:100%;} .quatre-blocs { display: none;} .blocs {width:50%; float:left; padding: 5px; height: 55px; } .addthis_toolbox { height: 55px;} .blocs a { display: block; width: 100%; height: 100%; background: url(img/back-fleche.png) right 15px no-repeat; background-color: #e3e3e3; padding: 12px; font-family: 'titillium_webregular'; font-size: 16px; color: #424242; text-decoration: none;} .blocs a:hover { background-color: #e51b24; color: #FFF;} /* ---------------------------------- FORMULAIRE ------------------------------------- */ .gform_body li { background: none!important; padding-left: 0px!important; } .gform_body label { font-weight: normal!important;} .gform_body button { padding: 4px!important;} .gform_footer .gform_button { background-color:#e51b24; border: 0px; } .gform_footer .gform_button:hover { background-color: #686868;} .gform_body .gform_next_button, .gform_body .gform_previous_button { background-color:#e51b24; border: 0px; } .gform_body .gform_next_button:hover, .gform_body .gform_previous_button:hover { background-color: #686868; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { line-height: 17px!important;} .gfield_checkbox input { line-height: 17px!important;} .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li { overflow: visible!important;} /* ---------------------------------- TABLEPRESS ------------------------------------- */ .tablepress th, .tablepress td { font-size: 12px; font-weight: normal!important;} .tablepress thead th, .tablepress tfoot th { background-color: #ddd!important; font-weight: bold!important;} .tablepress thead th { text-align: center!important;} td.column-1 { font-weight: bold!important;} #tablepress-1-no-2 [class*="column"] + [class*="column"]:last-child { float: none!important;} #tablepress-1-no-2 .row-2 .column-2, #tablepress-1-no-2 .row-2 .column-3, #tablepress-1-no-2 .row-2 .column-4, #tablepress-1-no-2 .row-2 .column-5 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-1-no-2 .row-3 .column-2, #tablepress-1-no-2 .row-3 .column-3, #tablepress-1-no-2 .row-3 .column-4, #tablepress-1-no-2 .row-3 .column-5 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-1-no-2 .row-4 .column-2, #tablepress-1-no-2 .row-4 .column-3, #tablepress-1-no-2 .row-4 .column-4, #tablepress-1-no-2 .row-4 .column-5 {background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-1-no-2 .row-5 .column-2, #tablepress-1-no-2 .row-5 .column-4 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-1-no-2 .row-6 .column-2, #tablepress-1-no-2 .row-6 .column-4 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-1-no-2 .row-7 .column-2, #tablepress-1-no-2 .row-7 .column-4 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-1-no-2 .row-8 .column-2, #tablepress-1-no-2 .row-8 .column-3, #tablepress-1-no-2 .row-8 .column-4, #tablepress-1-no-2 .row-8 .column-5 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-2-no-2 [class*="column"] + [class*="column"]:last-child { float: none!important;} #tablepress-2-no-2 .row-2 .column-2, #tablepress-2-no-2 .row-2 .column-3, #tablepress-2-no-2 .row-2 .column-4, #tablepress-2-no-2 .row-2 .column-5 {background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-2-no-2 .row-3 .column-2, #tablepress-2-no-2 .row-3 .column-3, #tablepress-2-no-2 .row-3 .column-4, #tablepress-2-no-2 .row-3 .column-5 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-2-no-2 .row-4 .column-2, #tablepress-2-no-2 .row-4 .column-3, #tablepress-2-no-2 .row-4 .column-4, #tablepress-2-no-2 .row-4 .column-5 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-2-no-2 .row-5 .column-2, #tablepress-2-no-2 .row-5 .column-4 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-2-no-2 .row-6 .column-2, #tablepress-2-no-2 .row-6 .column-4 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-2-no-2 .row-7 .column-2, #tablepress-2-no-2 .row-7 .column-4 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-2-no-2 .row-8 .column-2, #tablepress-2-no-2 .row-8 .column-3, #tablepress-2-no-2 .row-8 .column-4, #tablepress-2-no-2 .row-8 .column-5 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-3-no-2 [class*="column"] + [class*="column"]:last-child { float: none!important;} #tablepress-3-no-2 .row-2 .column-2, #tablepress-3-no-2 .row-2 .column-3, #tablepress-3-no-2 .row-2 .column-4, #tablepress-3-no-2 .row-2 .column-5 {background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-3-no-2 .row-3 .column-2, #tablepress-3-no-2 .row-3 .column-3, #tablepress-3-no-2 .row-3 .column-4, #tablepress-3-no-2 .row-3 .column-5 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-3-no-2 .row-4 .column-2, #tablepress-3-no-2 .row-4 .column-3, #tablepress-3-no-2 .row-4 .column-4, #tablepress-3-no-2 .row-4 .column-5 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-3-no-2 .row-5 .column-2, #tablepress-3-no-2 .row-5 .column-4 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-3-no-2 .row-6 .column-2, #tablepress-3-no-2 .row-6 .column-4 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-3-no-2 .row-7 .column-2, #tablepress-3-no-2 .row-7 .column-4 { background: url(img/check-ppd.png) center 4px no-repeat;} #tablepress-3-no-2 .row-8 .column-2, #tablepress-3-no-2 .row-8 .column-3, #tablepress-3-no-2 .row-8 .column-4, #tablepress-3-no-2 .row-8 .column-5 { background: url(img/check-ppd.png) center 4px no-repeat;} .addhis { margin-top: 15px;} .gform_wrapper .percentbar_blue { background-image: none!important; background-color: #999!important;} .gfield_checkbox li, .gfield_radio li { clear: both;} .gform_wrapper .percentbar_blue { background: #999!important;} .gform_wrapper .gfield_required { font-size: 15px!important;} /* ---------------------------------- RESPONSIVE ------------------------------------- */ @media only screen and (min-width: 961px) { .nav-slide-gauche ul.menu { display: block;} url("img/icon-puce-rouge.png") no-repeat scroll left 12px transparent } @media only screen and (max-width: 960px) { #accueil { background: none!important; min-height:inherit!important;} .accueil-menu { padding-top: 0px!important; height: auto!important;} .nav-slide-droit { display: none;} .nav-slide-gauche { width: 100%!important; height: auto!important;} .nav-slide-gauche ul { display: none;} .nav-slide-gauche li { width: 100%!important; float: left!important; height: auto!important;} .nav-slide { width: 100%!important; height: auto!important;} .nav-slide-gauche .sub-menu { background-color:#000!important; position: relative!important; clear: both!important; margin: 0!important; top:auto!important; left: auto!important; padding: 0!important; z-index: 1!important; float: left!important; width: 100%!important; } h2.titre-mobi-menu { display: block;} .img-mobi { display: block;} .accueil-call { background: none; height: auto; width: 100%; margin-bottom: 2px!important; margin-top: 10px!important;} .call-top { background-color: #565659; width: 100%!important;} .call-bas { display: none;} p.latest-news { margin-left: 15px!important;} p.careers { margin-left: 15px!important;} p.ask-expert { margin-left: 15px!important;} .capabilities-gauche { padding-right: 5px!important; padding-bottom: 20px!important;} } @media only screen and (min-width: 767px) { .nav-princ li { font-size: 14px!important;} } @media only screen and (max-width: 567px) { #header { min-height: 94px!important;} .addhis { display: none!important;} .header-droit-mobi { display: block; float: right; width: 100px; height: 100px;} #header .large-8 .row { display: none;} .accueil-call { margin-top: 0px!important;} .nav-slide-gauche ul li:hover .sub-menu { display: none; } .accueil-pied p { font-size: 15px; line-height: 20px;} .accueil-call:first-child { margin-top: 10px!important;} .ribbon-linkedin { display: none;} .ribbon-mail { display: none;} .ribbon-linkedin-mobi { display: block;} .ribbon-mail-mobi { display: block;} .nav-footer { display: none!important;} .quatre-blocs { display: block;} #nav { display: block;} .titre-page h1 { font-size: 18px!important;} .logo-header { width: 175px!important;} .header-droit-mobi ul { margin-right: 15px;} .nav-sec li a, .header-droit-mobi li a { font-size: 20px!important;} p.menu-mobi-titre { font-size: 24px!important;background:url("img/menu-mobi.png") no-repeat scroll left 8px transparent; margin-top:5px; margin-right: 15px;} .nav-slide-gauche .sub-menu li { width: 100%!important;} } @media screen and (orientation:portrait) { .section-droit p.ask { background: url(img/icon-ask.png) 4px 2px no-repeat!important; font-size: 12px!important;} .section-droit p.library { background: url(img/icon-library.png) 4px 2px no-repeat!important; font-size: 12px!important;} .section-droit p.advantage { background: url(img/icon-advantage.png) 4px 2px no-repeat!important; font-size: 12px!important;} .section-droit p.crayon { background: url(img/icon-crayon.png) 4px 2px no-repeat!important; font-size: 12px!important;} .section-droit p.related { background: url(img/icon-related.png) 4px 2px no-repeat!important; font-size: 12px!important;} .section-droit p.tool { background: url(img/icon-tool.png) 4px 2px no-repeat!important; font-size: 12px!important;} .section-droit p { font-size: 14px!important; padding-left: 36px!important; font-size: 12px!important;} }