/* Theme Name: Mediakit 2019 Theme URI: http://www.virtual-expo.com Description: Mediakit 2019 Responsive est un thème pour WordPress utilisant un système de bloc. Author: Fred Jaillet Author URI: https://www.fredjaillet.com Version: 1.0 Tags: responsive, html5, css3, jquery License: GNU General Public License License URI: http://www.opensource.org/licenses/gpl-license.php */ /*COLOR 7 : 1094E9 > cfeafb 1 : F48D35 -> fce8d6 11 : 91D333 -> e9f6d6 5 :5EB5FF > def0ff 9 : 7ECCDC > e5f4f8 test 13 : 2EADD1 -> d5eef5*/ /*RESET*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}article,aside,figure,footer,header,hgroup,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}table{font-size:inherit;font:100%}html{-webkit-font-smoothing:antialiased;overflow-y:scroll}input[type=text],textarea,select{outline:none}label,input[type=button],input[type=submit],button{cursor:hand;cursor:pointer;}a:hover,a:active{outline:none}.ie7 img{-ms-interpolation-mode:bicubic}pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}*{padding:0;margin:0}img{max-width:100%;vertical-align:middle;height:auto;width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} /*COMMON*/ * { outline:none} * { box-sizing: border-box} html, body { height: 100%; width:100%} body { font-size:18px; font-weight:400; background:#333333; font-family: 'Open Sans', sans-serif; color:#151515} /*SECTION*/ .wrap { position:relative; background:#fff} .wrap-image { background-size: cover; background-repeat:no-repeat; background-position:center center } .wrap-image:before { content:""; background:rgba(247, 168, 16, 0.75); position:absolute; top:0; left:0; right:0; bottom:0 } .portail-7 .wrap-image:before { background: rgba(16,148,233, 0.75) } .portail-3 .wrap-image:before { background: rgba(244,141,53, 0.75) } .portail-11 .wrap-image:before { background: rgba(145,211,51, 0.75) } .portail-5 .wrap-image:before { background: rgba(94,181,255, 0.75) } .portail-9 .wrap-image:before { background: rgba(126,204,220, 0.75) } .portail-13 .wrap-image:before { background: rgba(46,173,209, 0.75) } .wrap-gray { background:#efefef} .wrap-graydark { background:#333} .wrap-portail { background:#fdedcf} .portail-7 .wrap-portal { background:#cfeafb} .portail-3 .wrap-portal { background:#fce8d6} .portail-11 .wrap-portal { background:#e9f6d6} .portail-5 .wrap-portal { background:#def0ff} .portail-9 .wrap-portal { background:#e5f4f8} .portail-13 .wrap-portal { background:#d5eef5} .wrap-mixed { background:#efefef} .wrap-mixed:before { content:""; position:absolute; bottom:0; left:0; right: 0; height:50%; background:#fff } .row { position:relative; margin:0px auto; padding:25px 10px; max-width:1400px} .row:after { content:""; display:table; clear:both; overflow:visible} .wrap-counter .row { padding:80px 10px 20px 10px } .wrap-legend .row { padding:25px 10px 0 10px } @media only screen and (max-width : 780px) { .row { padding:10px } } /*SCROLLTOP*/ #scrolltop { position:absolute; left:50%; top:-15px; margin-left:-25px; cursor:pointer; width:50px; height:50px; background-color:#151515; border:3px solid #fff; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px } #scrolltop span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff } #scrolltop:hover { background-color:#f7a810 } .portail-7 #scrolltop:hover { background-color:#1094E9 } .portail-3 #scrolltop:hover { background-color:#F48D35 } .portail-11 #scrolltop:hover { background-color:#91D333 } .portail-5 #scrolltop:hover { background-color:#5EB5FF } .portail-9 #scrolltop:hover { background-color:#7ECCDC } .portail-13 #scrolltop:hover { background-color:#2EADD1 } /*PROGRESS BAR*/ #progress-bar { position: fixed; top:0; left:0; z-index:9999; height:5px; width: 0; background: #f7a810} .portail-7 #progress-bar { background: #1094E9 } .portail-3 #progress-bar { background: #F48D35 } .portail-11 #progress-bar { background: #91D333 } .portail-5 #progress-bar { background: #5EB5FF } .portail-9 #progress-bar { background: #7ECCDC } .portail-13 #progress-bar { background: #2EADD1 } /*BREADCRUMB*/ #breadcrumb { background:#fff; position:relative } #breadcrumb .row { padding:20px 10px} #breadcrumb { color:#666; font-size:12px; } #breadcrumb a { color: #666; text-decoration:none} #breadcrumb a:hover { color: #151515} /*CONTAINER*/ #container { background:#fff} /*GRID*/ .grid { font-size:0; margin:-20px } .grid > li { font-size:17px; display: inline-block; vertical-align: top; width:33.3333% } .grid > li article { overflow:hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; margin:20px; background:#fff; position:relative; text-align: left} .grid > li .entry-inside { padding:15px} .grid > li .entry-summary { text-align: justify } .grid > li article .entry-image { position:relative } .grid > li article .entry-image:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; z-index:0; background: rgba(247,168,16, 0.6); } .grid > li h4.entry-title a { color:#f7a810; text-decoration:none } .portail-7 .grid > li h4.entry-title a { color:#1094E9} .portail-3 .grid > li h4.entry-title a { color:#F48D35} .portail-11 .grid > li h4.entry-title a { color:#91D333} .portail-5 .grid > li h4.entry-title a { color:#5EB5FF} .portail-9 .grid > li h4.entry-title a { color:#7ECCDC} .portail-13 .grid > li h4.entry-title a { color:#2EADD1} .grid > li h4.entry-title a:hover { color:#151515 } .portail-7 .grid > li .entry-image:after { background: rgba(16,148,233, 0.75); } .portail-3 .grid > li .entry-image:after { background: rgba(244,141,53, 0.75); } .portail-11 .grid > li .entry-image:after { background: rgba(145,211,51, 0.75); } .portail-5 .grid > li .entry-image:after { background: rgba(94,181,255, 0.75); } .portail-9 .grid > li .entry-image:after { background: rgba(126,204,220, 0.75); } .portail-13 .grid > li .entry-image:after { background: rgba(46,173,209, 0.75); } .grid > li .entry-link { border-top:1px solid #ddd; text-align: right; margin-top:20px; padding-top:10px} .grid > li .entry-link a { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; color:#666; text-decoration: none } .grid > li .entry-link a:hover { color:#151515; text-decoration: none } .grid > li .entry-link a:after { color: #f7a810; content:"\f061"; font-size:16px; padding-left:10px; font-family: 'FontAwesome'; } .portail-7 .grid > li .entry-link a:after { color:#1094E9} .portail-3 .grid > li .entry-link a:after { color:#F48D35} .portail-11 .grid > li .entry-link a:after { color:#91D333} .portail-5 .grid > li .entry-link a:after { color:#5EB5FF} .portail-9 .grid > li .entry-link a:after { color:#7ECCDC} .portail-13 .grid > li .entry-link a:after { color:#2EADD1} @media screen and (max-width: 990px) { .grid { margin:-10px } .grid > li { width:50% } } @media screen and (max-width: 690px) { .grid { margin:-10px } .grid > li { display: block; width:100%; margin-bottom:20px} } /*MEDIAKIT BANNER*/ #banner { height:285px; padding-top:75px; width:100%; display:table; text-align: center; background-size: cover; background-repeat:no-repeat; background-position:center center } #banner:before { content:""; background:rgba(247, 168, 16, 0.75); position:absolute; top:0; left:0; right:0; bottom:0 } #banner .row { display:table-cell; vertical-align: middle; padding:0 10px } #banner h1 { font-size: 48px; font-weight:800; color:#151515} #banner .entry-subtitle { font-size: 18px; font-weight:700; text-transform:uppercase; color:#fff; margin-bottom:10px } #banner .entry-subtitle a { text-decoration: none; color:#fff} #banner .entry-subtitle a:hover { color:#fff} #banner .entry-subsubtitle { font-size: 22px; text-transform:uppercase; margin-top:10px; font-weight:700; color:#fff; margin-bottom:0} .home #banner { height:675px } .home #banner .entry-content { max-width:900px; margin:0px auto;} .home #container { background: #efefef } .home .entry-content h2 { color:#fff; text-transform: uppercase; text-shadow: 0 0 8px #151515; font-size:38px } .home .entry-content h2:before { content:'' } .home .entry-content h2:after { display:none } .home .entry-content p { color:#fff; text-shadow: 0 0 8px #151515; text-align: center; font-size:32px } .portail-7 #banner:before { background: rgba(16,148,233, 0.75); } .portail-3 #banner:before { background: rgba(244,141,53, 0.75); } .portail-11 #banner:before { background: rgba(145,211,51, 0.75); } .portail-5 #banner:before { background: rgba(94,181,255, 0.75); } .portail-9 #banner:before { background: rgba(126,204,220, 0.75); } .portail-13 #banner:before { background: rgba(46,173,209, 0.75); } .grid-home { font-size:0; margin:-160px -20px -20px -20px; text-align: center } .grid-home li { display:inline-block; vertical-align: top; width: 33.333% } .grid-home li article { font-size:18px; background-color: #fff; margin:20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; position:relative; padding: 40px; } .grid-home li article .entry-icon-home { margin-bottom:20px } .grid-home li article .entry-title-home { font-size:26px } .grid-home li article .entry-button-home a { color:#151515; text-transform: uppercase; font-size:20px; text-decoration: none } .grid-home li article .entry-button-home:before { content: '\f054'; font-size:18px; padding-right:10px; font-family: fontawesome; color:#f7a810 } .portail-7 .grid-home li article .entry-button-home:before { color: #1094E9 } .portail-3 .grid-home li article .entry-button-home:before { color: #F48D35 } .portail-11 .grid-home li article .entry-button-home:before { color: #91D333 } .portail-5 .grid-home li article .entry-button-home:before { color: #5EB5FF } .portail-9 .grid-home li article .entry-button-home:before { color: #7ECCDC } .portail-13 .grid-home li article .entry-button-home:before { color: #2EADD1 } .grid-home li article .entry-button-home a:hover { text-decoration: underline } @media screen and (max-width: 990px) { #banner h1 { font-size: 36px; line-height:1.2em } .grid-home { margin:-10px } .grid-home li { display:block; width:100% } .home .entry-content h2 { font-size:26px } .home .entry-content p { font-size:19px } } /*TABS SUBBANNER*/ #navtab .row { padding:0 10px 20px 10px} .entry-headmenu-tabs { -webkit-box-shadow: 0 0 24px -6px #333333; box-shadow: 0 0 24px -6px #333333; font-size:0; float:right} .entry-headmenu-tabs li { margin-right:2px; display:inline-block; text-transform: uppercase; font-size:15px; } .entry-headmenu-tabs li:last-child { margin-right:0 } .entry-headmenu-tabs li a { padding:10px; color:#fff; display: inline-block; background:#f7a810; box-shadow: inset 0 15px 15px -16px #151515; text-decoration:none} .portail-7 .entry-headmenu-tabs li a { background: #1094E9 } .portail-3 .entry-headmenu-tabs li a { background: #F48D35 } .portail-11 .entry-headmenu-tabs li a { background: #91D333 } .portail-5 .entry-headmenu-tabs li a { background: #5EB5FF } .portail-9 .entry-headmenu-tabs li a { background: #7ECCDC } .portail-13 .entry-headmenu-tabs li a { background: #2EADD1 } .entry-headmenu-tabs li a:hover { background:#666; box-shadow: inset 0 15px 15px -16px #151515} .fixed #navtab { background:none; position:fixed; top:75px; left:0; right:0; z-index:9996 } @media screen and (max-width: 990px) { #navtab .row { padding:0 20px 10px 20px} .entry-headmenu-tabs li { font-size:14px } .fixed #navtab { top:70px } } @media screen and (max-width: 690px) { #navtab { display:none} } /*MEDIAKIT BOX BUTTON*/ .mediakit-box-button { margin:0 -20px; text-align: center; font-size:0} .mediakit-box-button li { display: inline-block; font-size:18px; width:33.333%; vertical-align: middle } .mediakit-box-button li article { position:relative; margin: 0 20px } @media screen and (max-width: 990px) { .mediakit-box-button { margin:-10px } } @media screen and (max-width: 690px) { .mediakit-box-button { margin:10px } .mediakit-box-button li { display: block; width:100%; margin-bottom:20px} .mediakit-box-button li:last-child { margin-bottom:0 } .mediakit-box-button li article { margin: 0 } } /*MEDIAKIT BOX SERVICE*/ .mediakit-box-service { font-size:0; margin:0 -20px; text-align: center} .mediakit-box-service li { display: inline-block; font-size:18px; width:25%; vertical-align: top } .mediakit-box-service li article { display: flex; flex-flow: column nowrap; position:relative; padding:0 20px; border-right:1px solid #151515 } .mediakit-box-service li:last-child article { border-right:0 } .mediakit-box-service li article .entry-image { margin-bottom:20px } .mediakit-box-service li article h4.entry-title { padding:10px; min-height:68px; background:#151515; color:#fff; margin-bottom:20px } .mediakit-box-service li article .entry-summary:after { content:""; display: block; margin:10px auto; height:2px; background: #f7a810; width:80px } .mediakit-box-service li article .entry-summary { margin-bottom:0} .mediakit-box-service li article .entry-summary p { text-align: center} .mediakit-box-service li article .entry-summary:last-child:after { display: none; } .mediakit-box-service li article .entry-button { margin-top:auto } .mediakit-box-service li article .entry-image { position:relative } .mediakit-box-service li article .entry-image:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; z-index:0; background: rgba(247,168,16, 0.6); } .portail-7 .mediakit-box-service li article .entry-summary:after { background: #1094E9 } .portail-3 .mediakit-box-service li article .entry-summary:after { background: #F48D35 } .portail-11 .mediakit-box-service li article .entry-summary:after { background: #91D333 } .portail-5 .mediakit-box-service li article .entry-summary:after { background: #5EB5FF } .portail-9 .mediakit-box-service li article .entry-summary:after { background: #7ECCDC } .portail-13 .mediakit-box-service li article .entry-summary:after { background: #2EADD1 } .portail-7 .mediakit-box-service li article .entry-image:after { background: rgba(16,148,233, 0.75); } .portail-3 .mediakit-box-service li article .entry-image:after { background: rgba(244,141,53, 0.75); } .portail-11 .mediakit-box-service li article .entry-image:after { background: rgba(145,211,51, 0.75); } .portail-5 .mediakit-box-service li article .entry-image:after { background: rgba(94,181,255, 0.75); } .portail-9 .mediakit-box-service li article .entry-image:after { background: rgba(126,204,220, 0.75); } .portail-13 .mediakit-box-service li article .entry-image:after { background: rgba(46,173,209, 0.75); } @media screen and (max-width: 990px) { .mediakit-box-service { margin:0 } .mediakit-box-service li { width: 50%; margin-bottom:20px; } .mediakit-box-service li article { display: block; padding:10px; border-right:none } } @media screen and (max-width: 690px) { .mediakit-box-service { margin:0 } .mediakit-box-service li { display:block; width: 100% } } /*MEDIAKIT BOX STARTED*/ .mediakit-box-started { font-size:0; text-align:center; margin:0 -20px} .mediakit-box-started li { display: inline-block; font-size:18px; vertical-align: top} .mediakit-box-started li article { display: flex; flex-flow: column nowrap; position:relative; background:#fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; margin: 20px; padding:40px; } .mediakit-box-started-1 li { width: 100% } .mediakit-box-started-2 li { width: 50% } .mediakit-box-started-3 li { width: 33.333% } .mediakit-box-started li article:before { content:''; position:absolute; width:100%; height:10px; top:0; left:0; background: #F7a810; background: -moz-linear-gradient(left, #F7a810 0%, #fdedcf 100%); background: -webkit-linear-gradient(left, #F7a810 0%,#fdedcf 100%); background: linear-gradient(to right, #F7a810 0%,#fdedcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7a810', endColorstr='#fdedcf',GradientType=1 ) } .mediakit-box-started li article .entry-icon { margin-bottom:20px } .mediakit-box-started li article .entry-button { display: flex; justify-content: center; margin-top:auto; width:auto } .portail-7 .mediakit-box-started li article:before { background: #1094e9; background: -moz-linear-gradient(left, #1094e9 0%, #cfeafb 100%); background: -webkit-linear-gradient(left, #1094e9 0%,#cfeafb 100%); background: linear-gradient(to right, #1094e9 0%,#cfeafb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1094e9', endColorstr='#cfeafb',GradientType=1 ) } .portail-3 .mediakit-box-started li article:before { background: #F48D35; background: -moz-linear-gradient(left, #F48D35 0%, #fce8d6 100%); background: -webkit-linear-gradient(left, #F48D35 0%,#fce8d6 100%); background: linear-gradient(to right, #F48D35 0%,#fce8d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F48D35', endColorstr='#fce8d6',GradientType=1 ) } .portail-11 .mediakit-box-started li article:before { background: #91D333; background: -moz-linear-gradient(left, #91D333 0%, #e9f6d6 100%); background: -webkit-linear-gradient(left, #91D333 0%,#e9f6d6 100%); background: linear-gradient(to right, #91D333 0%,#e9f6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91D333', endColorstr='#e9f6d6',GradientType=1 ) } .portail-5 .mediakit-box-started li article:before { background: #5EB5FF; background: -moz-linear-gradient(left, #5EB5FF 0%, #def0ff 100%); background: -webkit-linear-gradient(left, #5EB5FF 0%,#def0ff 100%); background: linear-gradient(to right, #5EB5FF 0%,#def0ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5EB5FF', endColorstr='#def0ff',GradientType=1 ) } .portail-9 .mediakit-box-started li article:before { background: #7ECCDC; background: -moz-linear-gradient(left, #7ECCDC 0%, #e5f4f8 100%); background: -webkit-linear-gradient(left, #7ECCDC 0%,#e5f4f8 100%); background: linear-gradient(to right, #7ECCDC 0%,#e5f4f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ECCDC', endColorstr='#e5f4f8',GradientType=1 ) } .portail-13 .mediakit-box-started li article:before { background: #2EADD1; background: -moz-linear-gradient(left, #2EADD1 0%, #d5eef5 100%); background: -webkit-linear-gradient(left, #2EADD1 0%,#d5eef5 100%); background: linear-gradient(to right, #2EADD1 0%,#d5eef5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2EADD1', endColorstr='#d5eef5',GradientType=1 ) } @media screen and (max-width: 990px) { .mediakit-box-started { margin:-10px } .mediakit-box-started li { width: 50% } } @media screen and (max-width: 690px) { .mediakit-box-started { margin:-10px } .mediakit-box-started li { display:block; width: 100% } .mediakit-box-started li article { padding: 20px } } /*MEDIAKIT BOX ICON*/ .mediakit-box-icon { font-size:0; margin:0 -20px; text-align: center } .mediakit-box-icon li { display:inline-block; vertical-align: top; width: 33.333% } .mediakit-box-icon li article { display: flex; flex-flow: column nowrap; background-color: #fff; margin:20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; position:relative; padding: 40px; } .mediakit-box-icon li article .entry-icon { margin-bottom:20px } .mediakit-box-icon li article .entry-button { display: flex; justify-content: center; margin-top:auto; width:auto } @media screen and (max-width: 990px) { .mediakit-box-icon { margin:-10px } .mediakit-box-icon li { width: 50% } } @media screen and (max-width: 690px) { .mediakit-box-icon { margin:-10px } .mediakit-box-icon li { display:block; width: 100% } .mediakit-box-icon li article { padding: 20px } } /*MEDIAKIT BOX OPTIMIZATION*/ .mediakit-box-optimization { font-size:0; text-align:center; margin:0 -20px} .mediakit-box-optimization li { display:inline-block; font-size:18px; vertical-align: top; width: 33.333% } .mediakit-box-optimization li article { margin:20px; position:relative } .mediakit-box-optimization li article .entry-inside { background:#fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; padding: 40px} .mediakit-box-optimization li article .entry-title { font-size:24px; text-transform: uppercase; font-weight:700; color:#fff; padding:20px; margin-bottom:40px } .mediakit-box-optimization li:nth-child(1) article .entry-title { background: #2af598; background: -moz-linear-gradient(-45deg, #2af598 0%, #02a3f9 100%); background: -webkit-linear-gradient(-45deg, #2af598 0%,#02a3f9 100%); background: linear-gradient(135deg, #2af598 0%,#02a3f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2af598', endColorstr='#02a3f9',GradientType=1 ) } .mediakit-box-optimization li:nth-child(2) article .entry-title { background: #2680ff; background: -moz-linear-gradient(-45deg, #2680ff 0%, #9729ff 100%); background: -webkit-linear-gradient(-45deg, #2680ff 0%,#9729ff 100%); background: linear-gradient(135deg, #2680ff 0%,#9729ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2680ff', endColorstr='#9729ff',GradientType=1 ) } .mediakit-box-optimization li:nth-child(3) article .entry-title { background: #fa709a; background: -moz-linear-gradient(-45deg, #fa709a 0%, #fedb44 100%); background: -webkit-linear-gradient(-45deg, #fa709a 0%,#fedb44 100%); background: linear-gradient(135deg, #fa709a 0%,#fedb44 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa709a', endColorstr='#fedb44',GradientType=1 ) } .mediakit-box-optimization li article .entry-subtitle { font-size:24px; font-weight:700; text-transform: uppercase; margin-bottom:20px } .mediakit-box-optimization li article .entry-icon { margin-bottom:20px } .mediakit-box-optimization li article .entry-summary p { text-align: center } .mediakit-box-optimization li article .entry-summary:after { content:""; display: block; margin:20px auto; height:2px; width:80px } .mediakit-box-optimization li:nth-child(1) article .entry-summary:after { background: #2af598 } .mediakit-box-optimization li:nth-child(2) article .entry-summary:after { background: #2680ff } .mediakit-box-optimization li:nth-child(3) article .entry-summary:after { background: #fa709a } .mediakit-box-optimization li article .entry-repeater { display: flex; flex-wrap: wrap; margin:0 -40px -20px -40px } .mediakit-box-optimization li article .entry-repeater li { display: block; text-align: left; width:100%} .mediakit-box-optimization li article .entry-repeater li span { float:right } .mediakit-box-optimization li article .entry-repeater li a { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display:block; padding:10px 20px; color:#151515; text-decoration:none } .mediakit-box-optimization li article .entry-repeater li a:hover { color:#fff; font-weight:700 } .mediakit-box-optimization li:nth-child(1) article .entry-subtitle { color:#2af598 } .mediakit-box-optimization li:nth-child(2) article .entry-subtitle { color:#2680ff } .mediakit-box-optimization li:nth-child(3) article .entry-subtitle { color:#fa709a } .mediakit-box-optimization li:nth-child(1) article .entry-inside { border:#2af598 solid 2px } .mediakit-box-optimization li:nth-child(2) article .entry-inside { border:#2680ff solid 2px } .mediakit-box-optimization li:nth-child(3) article .entry-inside { border:#fa709a solid 2px } .mediakit-box-optimization li:nth-child(1) article .entry-repeater li a:hover { background:#2af598 } .mediakit-box-optimization li:nth-child(2) article .entry-repeater li a:hover { background:#2680ff } .mediakit-box-optimization li:nth-child(3) article .entry-repeater li a:hover { background:#fa709a } @media screen and (max-width: 990px) { .mediakit-box-optimization { margin:-10px } .mediakit-box-optimization li { width: 50% } } @media screen and (max-width: 690px) { .mediakit-box-optimization { margin:-10px } .mediakit-box-optimization li { display:block; width: 100% } } /*MEDIAKIT BOX STEP*/ .mediakit-box-step { text-align: center; font-size:0 } .mediakit-box-step li { display: inline-block; width: 25%; position:relative; font-size:15px; text-align: center; vertical-align: top } .mediakit-box-step li:before { background: #f7a810; content: ""; display: block; height: 2px; position: absolute; top: 39px; width: 100%; z-index: 1} .mediakit-box-step li:last-child:before { width: 50% } .mediakit-box-step li:first-child:before { left:50%; width: 50% } .mediakit-box-step li span { position: relative; z-index:2; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; color:#f7a810; background:#fff; display:inline-block; font-weight:700; font-size:42px; border:2px solid #f7a810; height:76px; width:76px; line-height: 72px; text-align:center; vertical-align:middle; margin-bottom:20px} .mediakit-box-step li:hover span { background: #f7a810; background: -moz-linear-gradient(left, #f7a810 0%, #fdedcf 100%); background: -webkit-linear-gradient(left, #f7a810 0%,#fdedcf 100%); background: linear-gradient(to right, #f7a810 0%,#fdedcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a810', endColorstr='#fdedcf',GradientType=1 ); color:#fff !important } .mediakit-box-step li div { padding:0 40px } .portail-7 .mediakit-box-step li:before { background: #1094E9 } .portail-3 .mediakit-box-step li:before { background: #F48D35 } .portail-11 .mediakit-box-step li:before { background: #91D333 } .portail-5 .mediakit-box-step li:before { background: #5EB5FF } .portail-9 .mediakit-box-step li:before { background: #7ECCDC } .portail-13 .mediakit-box-step li:before { background: #2EADD1 } .portail-7 .mediakit-box-step li span { color:#1094E9; border:2px solid #1094E9} .portail-3 .mediakit-box-step li span { color:#F48D35; border:2px solid #F48D35} .portail-11 .mediakit-box-step li span { color:#91D333; border:2px solid #91D333} .portail-5 .mediakit-box-step li span { color:#5EB5FF; border:2px solid #5EB5FF} .portail-9 .mediakit-box-step li span { color:#7ECCDC; border:2px solid #7ECCDC} .portail-13 .mediakit-box-step li span { color:#2EADD1; border:2px solid #2EADD1} .portail-7 .mediakit-box-step li:hover span { background: #1094e9; background: -moz-linear-gradient(left, #1094e9 0%, #cfeafb 100%); background: -webkit-linear-gradient(left, #1094e9 0%,#cfeafb 100%); background: linear-gradient(to right, #1094e9 0%,#cfeafb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1094e9', endColorstr='#cfeafb',GradientType=1 ) } .portail-3 .mediakit-box-step li:hover span { background: #F48D35; background: -moz-linear-gradient(left, #F48D35 0%, #d83730 100%); background: -webkit-linear-gradient(left, #F48D35 0%,#d83730 100%); background: linear-gradient(to right, #F48D35 0%,#d83730 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F48D35', endColorstr='#fce8d6',GradientType=1 ) } .portail-11 .mediakit-box-step li:hover span { background: #91D333; background: -moz-linear-gradient(left, #91D333 0%, #e9f6d6 100%); background: -webkit-linear-gradient(left, #91D333 0%,#e9f6d6 100%); background: linear-gradient(to right, #91D333 0%,#e9f6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91D333', endColorstr='#e9f6d6',GradientType=1 ) } .portail-5 .mediakit-box-step li:hover span { background: #5EB5FF; background: -moz-linear-gradient(left, #5EB5FF 0%, #def0ff 100%); background: -webkit-linear-gradient(left, #5EB5FF 0%,#def0ff 100%); background: linear-gradient(to right, #5EB5FF 0%,#def0ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5EB5FF', endColorstr='#def0ff',GradientType=1 ) } .portail-9 .mediakit-box-step li:hover span { background: #7ECCDC; background: -moz-linear-gradient(left, #7ECCDC 0%, #e5f4f8 100%); background: -webkit-linear-gradient(left, #7ECCDC 0%,#e5f4f8 100%); background: linear-gradient(to right, #7ECCDC 0%,#e5f4f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ECCDC', endColorstr='#e5f4f8',GradientType=1 ) } .portail-13 .mediakit-box-step li:hover span { background: #2EADD1; background: -moz-linear-gradient(left, #2EADD1 0%, #d5eef5 100%); background: -webkit-linear-gradient(left, #2EADD1 0%,#d5eef5 100%); background: linear-gradient(to right, #2EADD1 0%,#d5eef5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2EADD1', endColorstr='#d5eef5',GradientType=1 ) } @media screen and (max-width: 690px) { .mediakit-box-step li div { padding:0 20px } .mediakit-box-step li { display: block; width: 100%; margin-bottom:20px } .mediakit-box-step li:last-child { margin-bottom:0 } .mediakit-box-step li:before { height: 0} } /*MEDIAKIT BOX TEXTIMAGE*/ .mediakit-box-textimage { background: #fff; margin-bottom:20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; display: flex; flex-direction: row } .mediakit-box-textimage:nth-child(odd) { flex-direction: row-reverse } .mediakit-box-textimage article { display: flex; align-items: center; width:50%; justify-content: center } .mediakit-box-textimage article:last-child { padding:0 40px } @media screen and (max-width: 990px) { .mediakit-box-textimage img { width:100% } .mediakit-box-textimage { margin:20px 10px; display: block } .mediakit-box-textimage article { display: block; width:100% } .mediakit-box-textimage article:last-child { padding:20px } } /*MEDIAKIT BOX COUNTER*/ .mediakit-box-counter { text-align: center; font-size:0} .mediakit-box-counter > li { display:inline-block; color:#fff; text-align:center; width:25%; font-size:18px; vertical-align: top} .mediakit-box-counter-5 > li { width:20% } .mediakit-box-counter-6 > li { width:16.666% } .mediakit-box-counter > li > article { padding:20px } .entry-title-spec { position:absolute; z-index:9996; background:#fff; text-align: center; top:-15px; left:33.3333%; padding:20px; width:33.333%; box-shadow: rgba(0, 0, 0, 0.13) 0px 15px 40px 0px;} .entry-counter-number { font-family: 'Oswald', sans-serif; font-size:42px; font-weight:700 } .counter-prefix { font-family: 'Oswald', sans-serif; padding-right: 5px } .counter-suffix { font-family: 'Oswald', sans-serif; padding-left: 5px } .entry-counter-title { font-size:18px; font-weight:700; text-transform: uppercase; margin-bottom:20px } .entry-counter-title:before { content:""; display: block; margin:10px auto; height:2px; background: #f7a810; width:80px } .portail-7 .entry-counter-title:before { background: #1094E9 } .portail-3 .entry-counter-title:before { background: #F48D35 } .portail-11 .entry-counter-title:before { background: #91D333 } .portail-5 .entry-counter-title:before { background: #5EB5FF } .portail-9 .entry-counter-title:before { background: #7ECCDC } .portail-13 .entry-counter-title:before { background: #2EADD1 } @media screen and (max-width: 990px) { .mediakit-box-counter > li { width:50% } } @media screen and (max-width: 690px) { .entry-title-spec { left:20px; width:auto; right:20px } .mediakit-box-counter > li { width:100%; display: block } } /*MEDIAKIT BOX QUOTE*/ .mediakit-box-quote { font-size:0; text-align:center; margin:0 -20px } .mediakit-box-quote li { display:inline-block; font-size:18px; vertical-align: top; width: 50% } .mediakit-box-quote li > article { display: flex; align-items: center; overflow: hidden; -webkit-border-radius: 10px; border-radius:10px; position: relative; background: #fff; margin:20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; padding: 0 } .column-img { width: 300px; min-width: 300px } .column-text { padding:20px; width: auto } .column-text .name { font-family: 'Merriweather', serif; margin-top:10px; display: block; font-weight: 700; font-size:16px} .column-text .function { display: block;font-size:15px; font-style: italic} .column-text .source { display: block; padding-top:10px; font-size:13px; font-style: italic} @media screen and (max-width: 990px) { .mediakit-box-quote { margin:-10px } .mediakit-box-quote li { display:block; width:100% } } @media screen and (max-width: 590px) { .mediakit-box-quote { margin:-10px } .mediakit-box-quote li > article { display: block } .column-img { width: 100%; min-width: 100% } .column-img img { width: 100%; min-width: 100% } } /*MEDIAKIT BOX STAT*/ .mediakit-box-stat { background: #fff; margin-bottom:20px; padding:40px; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; display: flex; position:relative; flex-flow: row wrap; font-size:16px } .mediakit-box-stat dt { padding: 5px 0; border-right:2px solid #f7a810; word-wrap: break-word } .mediakit-box-stat dd { background: #efefef; margin: 5px 0; word-wrap: break-word } .mediakit-box-stat dt { width: 400px; display: flex; align-items:flex-start; justify-content: flex-start; font-weight: 700 } .mediakit-box-stat dd { position:relative; width: calc(100% - 400px) } .mediakit-box-stat .bar { height:22px; position:absolute; background: #f7a810; background: -moz-linear-gradient(left, #f7a810 0%, #fdedcf 100%); background: -webkit-linear-gradient(left, #f7a810 0%,#fdedcf 100%); background: linear-gradient(to right, #f7a810 0%,#fdedcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a810', endColorstr='#fdedcf',GradientType=1 ); } .mediakit-box-stat .bar-number { display:none; font-size:15px; color:#fff; position: absolute; top:1px; left:5px; bottom:0 } .portail-7 .mediakit-box-stat dt { border-right:2px solid #1094e9 } .portail-3 .mediakit-box-stat dt { border-right:2px solid #F48D35 } .portail-11 .mediakit-box-stat dt { border-right:2px solid #91D333 } .portail-5 .mediakit-box-stat dt { border-right:2px solid #5EB5FF } .portail-9 .mediakit-box-stat dt { border-right:2px solid #7ECCDC } .portail-13 .mediakit-box-stat dt { border-right:2px solid #2EADD1 } /*.portail-7 .mediakit-box-stat .bar { background: #1094e9; background: -moz-linear-gradient(left, #1094e9 0%, #cfeafb 100%); background: -webkit-linear-gradient(left, #1094e9 0%,#cfeafb 100%); background: linear-gradient(to right, #1094e9 0%,#cfeafb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1094e9', endColorstr='#cfeafb',GradientType=1 ) } .portail-3.mediakit-box-stat .bar { background: #F48D35; background: -moz-linear-gradient(left, #F48D35 0%, #fce8d6 100%); background: -webkit-linear-gradient(left, #F48D35 0%,#fce8d6 100%); background: linear-gradient(to right, #F48D35 0%,#fce8d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F48D35', endColorstr='#fce8d6',GradientType=1 ) } .portail-11 .mediakit-box-stat .bar { background: #91D333; background: -moz-linear-gradient(left, #91D333 0%, #e9f6d6 100%); background: -webkit-linear-gradient(left, #91D333 0%,#e9f6d6 100%); background: linear-gradient(to right, #91D333 0%,#e9f6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91D333', endColorstr='#e9f6d6',GradientType=1 ) } .portail-5 .mediakit-box-stat .bar { background: #5EB5FF; background: -moz-linear-gradient(left, #5EB5FF 0%, #def0ff 100%); background: -webkit-linear-gradient(left, #5EB5FF 0%,#def0ff 100%); background: linear-gradient(to right, #5EB5FF 0%,#def0ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5EB5FF', endColorstr='#def0ff',GradientType=1 ) } .portail-9 .mediakit-box-stat .bar { background: #7ECCDC; background: -moz-linear-gradient(left, #7ECCDC 0%, #e5f4f8 100%); background: -webkit-linear-gradient(left, #7ECCDC 0%,#e5f4f8 100%); background: linear-gradient(to right, #7ECCDC 0%,#e5f4f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ECCDC', endColorstr='#e5f4f8',GradientType=1 ) } .portail-13 .mediakit-box-stat .bar { background: #2EADD1; background: -moz-linear-gradient(left, #2EADD1 0%, #d5eef5 100%); background: -webkit-linear-gradient(left, #2EADD1 0%,#d5eef5 100%); background: linear-gradient(to right, #2EADD1 0%,#d5eef5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2EADD1', endColorstr='#d5eef5',GradientType=1 ) } */ .portail-7 .mediakit-box-stat .bar { background: #1094e9 } .portail-3 .mediakit-box-stat .bar { background: #F48D35 } .portail-11 .mediakit-box-stat .bar { background: #91D333 } .portail-5 .mediakit-box-stat .bar { background: #5EB5FF } .portail-9 .mediakit-box-stat .bar { background: #7ECCDC } .portail-13 .mediakit-box-stat .bar { background: #2EADD1 } @media screen and (max-width: 990px) { .mediakit-box-stat { margin:10px; padding:20px } } @media screen and (max-width: 690px) { .mediakit-box-stat { margin:10px } .mediakit-box-stat dt { width: 100%; border-right:none !important; display: block } .mediakit-box-stat dd { position:relative; height:22px; width: 100% } } /*MEDIAKIT BOX TABS*/ .mediakit-box-tabs { box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; display: flex; flex-wrap: wrap } .mediakit-box-tabs label { order: 1; display: block; padding:40px 20px; text-align: center; cursor: pointer; background: #efefef; font-weight: 700; text-transform: uppercase; position:relative; transition: background ease 0.2s } .mediakit-box-tabs label:hover { background:#ddd } .mediakit-box-tabs-1 label { width:100%} .mediakit-box-tabs-2 label { width:50%} .mediakit-box-tabs-3 label { width:33.333%} .mediakit-box-tabs label .entry-icon { display:block; margin-bottom:20px } .mediakit-box-tabs-content { order: 99; flex-grow: 1; width: 100%; display: none; padding: 40px; position:relative } .mediakit-box-tabs-content .entry-content p, .mediakit-box-tabs-content .entry-content ul { max-width: 100% } .mediakit-box-tabs .entry-content p { padding:0; padding-bottom:20px} .mediakit-box-tabs .entry-content p:last-child { padding-bottom:0} .mediakit-box-tabs input[type="radio"] { display: none } .mediakit-box-tabs input[type="radio"]:checked + label { background: #f7a810; color:#fff } .mediakit-box-tabs input[type="radio"]:checked + label:after { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; z-index:2; border-top: 20px solid #f7a810; bottom: -20px; left: 50%; margin-left: -20px; position: absolute } .mediakit-box-tabs input[type="radio"]:checked + label + .mediakit-box-tabs-content { display: block } .portail-7 .mediakit-box-tabs input[type="radio"]:checked + label { background: #1094E9 } .portail-7 .mediakit-box-tabs input[type="radio"]:checked + label:after { border-top: 20px solid #1094E9 } .portail-3 .mediakit-box-tabs input[type="radio"]:checked + label { background: #F48D35 } .portail-3 .mediakit-box-tabs input[type="radio"]:checked + label:after { border-top: 20px solid #F48D35 } .portail-11 .mediakit-box-tabs input[type="radio"]:checked + label { background: #91D333 } .portail-11 .mediakit-box-tabs input[type="radio"]:checked + label:after { border-top: 20px solid #91D333 } .portail-5 .mediakit-box-tabs input[type="radio"]:checked + label { background: #5EB5FF } .portail-5 .mediakit-box-tabs input[type="radio"]:checked + label:after { border-top: 20px solid #5EB5FF } .portail-9 .mediakit-box-tabs input[type="radio"]:checked + label { background: #7ECCDC } .portail-9 .mediakit-box-tabs input[type="radio"]:checked + label:after { border-top: 20px solid #7ECCDC } .portail-13 .mediakit-box-tabs input[type="radio"]:checked + label { background: #2EADD1 } .portail-13 .mediakit-box-tabs input[type="radio"]:checked + label:after { border-top: 20px solid #2EADD1 } @media screen and (max-width: 990px) { .mediakit-box-tabs { margin:10px } } @media screen and (max-width: 690px) { .mediakit-box-tabs { margin:10px } .mediakit-box-tabs-content { padding: 20px } .mediakit-box-tabs label { width:100% } } /*MEDIAKIT BOX ACCORDION*/ .mediakit-box-accordion-outside{ box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; } .mediakit-box-accordion { transform: translateZ(0); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)} .mediakit-box-accordion > .mediakit-box-accordion-toggle { position: absolute; opacity: 0; display: none } .mediakit-box-accordion > label{ position: relative; display: block; text-transform: uppercase; height: 80px; line-height: 80px; padding: 0 40px; color:#fff; font-weight: 700; margin-top:5px; background: #f7a810; cursor: pointer } .mediakit-box-accordion > label img { margin-right:20px; width:32px } .mediakit-box-accordion > label:after { content: '\f078'; position: absolute; top: 0px; right: 40px; font-family: fontawesome; transform: rotate(90deg); transition: .3s transform; color:#fff } .mediakit-box-accordion > div.mediakit-box-accordion-content { display: none } .mediakit-box-accordion > .mediakit-box-accordion-toggle:checked ~ label:after{ transform: rotate(0deg) } .mediakit-box-accordion > .mediakit-box-accordion-toggle:checked ~ div.mediakit-box-accordion-content { display: block; background:#fff; padding: 40px } .mediakit-box-accordion .entry-content p, .mediakit-box-accordion .entry-content ul { max-width: 100% } .mediakit-box-accordion .entry-content p { padding:0; padding-bottom:20px} .mediakit-box-accordion .entry-content p:last-child { padding-bottom:0} .portail-7 .mediakit-box-accordion > label { background: #1094E9 } .portail-3 .mediakit-box-accordion > label { background: #F48D35 } .portail-11 .mediakit-box-accordion > label { background: #91D333 } .portail-5 .mediakit-box-accordion > label { background: #5EB5FF } .portail-9 .mediakit-box-accordion > label { background: #7ECCDC } .portail-13 .mediakit-box-accordion > label { background: #2EADD1 } @media screen and (max-width: 990px) { .mediakit-box-accordion-outside { margin:10px } } @media screen and (max-width: 690px) { .mediakit-box-accordion-outside { margin:10px } .mediakit-box-accordion > label{ padding: 0 20px } .mediakit-box-accordion > label:after { right: 20px } .mediakit-box-accordion > .mediakit-box-accordion-toggle:checked ~ div.mediakit-box-accordion-content { padding: 20px } } /*MEDIAKIT BOX TABLE1*/ .mediakit-box-table1 { display:table; width:auto; margin:0 auto; border-collapse: separate; border-spacing: 0 10px } .mediakit-box-table1 img { width:32px } .mediakit-box-table1-thead { display:table-row; text-transform: uppercase; font-weight:700; background:#efefef } .mediakit-box-table1-thead > li { display:table-cell; padding:20px 40px; color:#f7a810; margin-bottom:10px; text-align: center; vertical-align: middle} .mediakit-box-table1-thead > li img { display:block; margin:0px auto; margin-bottom:10px} .mediakit-box-table1-thead > li:first-child { text-align: right; color:#151515 } .mediakit-box-table1-tbody { display:table-row; font-size:15px; background:#fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 25px 0px} .mediakit-box-table1-tbody > li { display:table-cell; font-weight:700; padding:10px 40px; color:#999; margin-bottom:10px; text-align: center; vertical-align: middle} .mediakit-box-table1-tbody > li:first-child { font-weight:400; } .mediakit-box-table1-tbody > li a { color:#999; text-decoration:none } .mediakit-box-table1-tbody > li:hover a { color:#fff } .mediakit-box-table1-tbody:hover { background: #f7a810; background: -moz-linear-gradient(left, #f7a810 0%, #fdedcf 100%); background: -webkit-linear-gradient(left, #f7a810 0%,#fdedcf 100%); background: linear-gradient(to right, #f7a810 0%,#fdedcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a810', endColorstr='#fdedcf',GradientType=1 ) } .mediakit-box-table1-tbody:hover > li { font-weight:700; color:#fff } .portail-7 .mediakit-box-table1-thead > li { color:#1094E9 } .portail-3 .mediakit-box-table1-thead > li { color:#F48D35 } .portail-11 .mediakit-box-table1-thead > li { color:#91D333 } .portail-5 .mediakit-box-table1-thead > li { color:#5EB5FF } .portail-9 .mediakit-box-table1-thead > li { color:#7ECCDC } .portail-13 .mediakit-box-table1-thead > li { color:#2EADD1 } .portail-7 .mediakit-box-table1-tbody:hover { background:#1094E9 } .portail-3 .mediakit-box-table1-tbody:hover { background:#F48D35 } .portail-11 .mediakit-box-table1-tbody:hover { background:#91D333 } .portail-5 .mediakit-box-table1-tbody:hover { background:#5EB5FF } .portail-9 .mediakit-box-table1-tbody:hover { background:#7ECCDC } .portail-13 .mediakit-box-table1-tbody:hover { background:#2EADD1 } /*.portail-7 .mediakit-box-table1-tbody:hover { background: #1094e9; background: -moz-linear-gradient(left, #1094e9 0%, #cfeafb 100%); background: -webkit-linear-gradient(left, #1094e9 0%,#cfeafb 100%); background: linear-gradient(to right, #1094e9 0%,#cfeafb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1094e9', endColorstr='#cfeafb',GradientType=1 ) } .portail-3.mediakit-box-table1-tbody:hover { background: #F48D35; background: -moz-linear-gradient(left, #F48D35 0%, #fce8d6 100%); background: -webkit-linear-gradient(left, #F48D35 0%,#fce8d6 100%); background: linear-gradient(to right, #F48D35 0%,#fce8d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F48D35', endColorstr='#fce8d6',GradientType=1 ) } .portail-11 .mediakit-box-table1-tbody:hover { background: #91D333; background: -moz-linear-gradient(left, #91D333 0%, #e9f6d6 100%); background: -webkit-linear-gradient(left, #91D333 0%,#e9f6d6 100%); background: linear-gradient(to right, #91D333 0%,#e9f6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91D333', endColorstr='#e9f6d6',GradientType=1 ) } .portail-5 .mediakit-box-table1-tbody:hover { background: #5EB5FF; background: -moz-linear-gradient(left, #5EB5FF 0%, #def0ff 100%); background: -webkit-linear-gradient(left, #5EB5FF 0%,#def0ff 100%); background: linear-gradient(to right, #5EB5FF 0%,#def0ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5EB5FF', endColorstr='#def0ff',GradientType=1 ) } .portail-9 .mediakit-box-table1-tbody:hover { background: #7ECCDC; background: -moz-linear-gradient(left, #7ECCDC 0%, #e5f4f8 100%); background: -webkit-linear-gradient(left, #7ECCDC 0%,#e5f4f8 100%); background: linear-gradient(to right, #7ECCDC 0%,#e5f4f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ECCDC', endColorstr='#e5f4f8',GradientType=1 ) } .portail-13 .mediakit-box-table1-tbody:hover { background: #2EADD1; background: -moz-linear-gradient(left, #2EADD1 0%, #d5eef5 100%); background: -webkit-linear-gradient(left, #2EADD1 0%,#d5eef5 100%); background: linear-gradient(to right, #2EADD1 0%,#d5eef5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2EADD1', endColorstr='#d5eef5',GradientType=1 ) } */@media screen and (max-width: 990px) { .mediakit-box-table1 { width:100% } } /*MEDIAKIT BOX TABLE2*/ .mediakit-box-table2 { display:table; width:100%; margin:10px 0; border-collapse: separate; border-spacing: 0 10px } .mediakit-box-table2 img { width:32px } .mediakit-box-table2-thead { display:table-row; color:#151515; text-transform: uppercase; font-weight:700 } .mediakit-box-table2-green .mediakit-box-table2-thead { background:#2af498 } .mediakit-box-table2-blue .mediakit-box-table2-thead { background:#2680ff } .mediakit-box-table2-pink .mediakit-box-table2-thead { background:#fa709a } .mediakit-box-table2-thead > li { z-index:1; position:relative; display: table-cell; padding:20px 40px; margin-bottom:10px; text-align: center; vertical-align: middle} .mediakit-box-table2-thead > li:first-child { text-align: left } .mediakit-box-table2-thead > li img { display:block; margin:0px auto; margin-bottom:10px} .mediakit-box-table2-thead > li article:before { z-index:-1; content:''; position:absolute; display: block; left:10px; right:10px; top:-20px; bottom:-5px; background:#fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 25px 0px } .mediakit-box-table2-thead > li:first-child article:before { z-index:auto; content:''; position:relative; display: block; left:auto; right:auto; top:auto; bottom:auto} .mediakit-box-table2-tbody { display:table-row; font-size:15px; background:#efefef; color:#151515} .mediakit-box-table2-tbody > li { z-index:1; position:relative; display: table-cell; padding:20px 40px; margin-bottom:10px; text-align: center; vertical-align: middle} .mediakit-box-table2-tbody > li article:before { z-index:-1; content:''; position:absolute; display: block; left:10px; right:10px; top:-5px; bottom:-5px; background:#fff ; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 25px 0px } .mediakit-box-table2-tbody:last-child > li article:before { bottom:-20px } .mediakit-box-table2-tbody > li:first-child article:before { z-index:auto; content:''; position:relative; display: block; left:auto; right:auto; top:auto; bottom:auto} .mediakit-box-table2-tbody > li:first-child { text-transform: uppercase; min-width:280px; text-align: left } .mediakit-box-table2-green .mediakit-box-table2-tbody > li:first-child { border-left:8px solid #2af498 } .mediakit-box-table2-blue .mediakit-box-table2-tbody > li:first-child { border-left:8px solid #2680ff } .mediakit-box-table2-pink .mediakit-box-table2-tbody > li:first-child { border-left:8px solid #fa709a } .mediakit-box-table2-green .mediakit-box-table2-tbody:hover { background: #2af498; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 25px 0px } .mediakit-box-table2-blue .mediakit-box-table2-tbody:hover { background: #2680ff; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 25px 0px } .mediakit-box-table2-pink .mediakit-box-table2-tbody:hover { background: #fa709a; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 25px 0px } /*MEDIAKIT BOX TABLE3*/ .mediakit-box-table3 { display:table; width:100%; argin:20px 0; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; border-collapse: separate; border-spacing: 0 } .mediakit-box-table3 img { width:32px } .mediakit-box-table3-thead { display:table-row; margin-bottom:0; color:#151515; background:#fff; text-transform: uppercase; font-weight:700 } .mediakit-box-table3-thead > li { z-index:1; border-top:8px solid #f7a810; position:relative; display: table-cell; padding:20px 40px; text-align: center; vertical-align: middle} .mediakit-box-table3-thead > li:first-child { color:#f7a810; text-align: left } .mediakit-box-table3-thead > li img { display:block; margin:0px auto; margin-bottom:10px} .mediakit-box-table3-thead > li article:before { z-index:-1; content:''; position:absolute; display: block; left:10px; right:10px; top:-30px; bottom:0; background:#fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 25px 0px } .mediakit-box-table3-thead > li:first-child article:before { z-index:auto; content:''; position:relative; display: block; left:auto; right:auto; top:auto; bottom:auto} .mediakit-box-table3-tbody { display:table-row; font-size:15px; background:#fff; color:#151515} .mediakit-box-table3-tbody > li { z-index:1; position:relative; display: table-cell; padding:20px 40px; text-align: center; vertical-align: middle} .mediakit-box-table3-tbody > li article:before { z-index:-1; content:''; position:absolute; display: block; left:10px; right:10px; top:0; bottom:0; background:#fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 25px 0px } .mediakit-box-table3-tbody:last-child > li article:before { bottom:-20px } .mediakit-box-table3-tbody > li:first-child article:before { z-index:auto; content:''; position:relative; display: block; left:auto; right:auto; top:auto; bottom:auto} .mediakit-box-table3-tbody > li:first-child { text-transform: uppercase; min-width:280px; text-align: left } .mediakit-box-table3-tbody > li:first-child img { margin-right:10px} .portail-7 .mediakit-box-table3-thead > li { border-top:8px solid #1094e9 } .portail-3 .mediakit-box-table3-thead > li { border-top:8px solid #F48D35 } .portail-11 .mediakit-box-table3-thead > li { border-top:8px solid #91D333 } .portail-5 .mediakit-box-table3-thead > li { border-top:8px solid #5EB5FF } .portail-9 .mediakit-box-table3-thead > li { border-top:8px solid #7ECCDC } .portail-13 .mediakit-box-table3-thead > li { border-top:8px solid #2EADD1 } .portail-7 .mediakit-box-table3-thead > li:first-child { color:#1094e9} .portail-3 .mediakit-box-table3-thead > li:first-child { color:#F48D35} .portail-11 .mediakit-box-table3-thead > li:first-child { color:#91D333} .portail-5 .mediakit-box-table3-thead > li:first-child { color:#5EB5FF} .portail-9 .mediakit-box-table3-thead > li:first-child { color:#7ECCDC} .portail-13 .mediakit-box-table3-thead > li:first-child { color:#2EADD1} /*MEDIAKIT BOX SLIDER*/ .mediakit-box-slider.flexslider { text-align: center; overflow: hidden; height:100%; position:relative; padding-bottom:40px} .mediakit-box-slider.flexslider .slides { zoom: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center } .mediakit-box-slider .flex-control-nav { width:100%; font-size:0; margin-top:20px; position:relative; bottom:0; z-index:9997; text-align:center} .mediakit-box-slider .flex-control-nav li { margin-right:10px; display:inline-block} .mediakit-box-slider .flex-control-nav li:last-child { margin-right:0 } .mediakit-box-slider .flex-control-nav li a { width:15px; height:15px; display:block; background:#151515 } .mediakit-box-slider .flex-control-nav li a:hover { background:#666; cursor:pointer } .mediakit-box-slider .flex-control-nav li a.flex-active{ background:#f7a810; cursor:auto } .entry-slider-title { font-weight:bold; text-transform: uppercase; margin-top:10px} .portail-7 .mediakit-box-slider .flex-control-nav li a.flex-active{ background:#1094E9 } .portail-3 .mediakit-box-slider .flex-control-nav li a.flex-active{ background:#F48D35 } .portail-11 .mediakit-box-slider .flex-control-nav li a.flex-active{ background:#91D333 } .portail-5 .mediakit-box-slider .flex-control-nav li a.flex-active{ background:#5EB5FF } .portail-9 .mediakit-box-slider .flex-control-nav li a.flex-active{ background:#7ECCDC } .portail-13 .mediakit-box-slider .flex-control-nav li a.flex-active{ background:#2EADD1 } @media screen and (max-width: 690px) { .mediakit-box-slider.flexslider { padding:10px } } /*MEDIALIT BOX LEGEND*/ .mediakit-box-legend { display: flex; flex-direction: row} .mediakit-box-legend-left { order: 1; width: 25%; text-align: right; align-items: flex-end; flex-direction: column; justify-content: center; display: flex;} .mediakit-box-legend-image { align-self: flex-end; text-align: center; order: 2; width: 50%; margin-bottom: 0;} .mediakit-box-legend-right { order: 3; width: 25%; text-align: left; align-items: flex-start; justify-content: center; flex-direction: column; display: flex;} .mediakit-box-legend-item { margin-top:20px} .mediakit-box-legend-item .entry-icon { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display: inline-block; margin-bottom:10px; border:2px solid #f7a810; border-radius:100%; line-height: 74px; height:78px; width:78px; text-align: center} .mediakit-box-legend-item:hover .entry-icon { background: #f7a810; background: -moz-linear-gradient(left, #f7a810 0%, #fdedcf 100%); background: -webkit-linear-gradient(left, #f7a810 0%,#fdedcf 100%); background: linear-gradient(to right, #f7a810 0%,#fdedcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a810', endColorstr='#fdedcf',GradientType=1 ) } .mediakit-box-legend-item .entry-icon img { width:48px } .mediakit-box-legend-item h4 { color:#151515; margin-bottom:10px } .mediakit-box-legend-item h4 a { text-decoration: none; color:#151515 } .mediakit-box-legend-item:hover h4 a { text-decoration: none; color:#f7a810 } .mediakit-box-legend-left .mediakit-box-legend-item h4 { text-align: right } .mediakit-box-legend-right .mediakit-box-legend-item h4 { text-align:left } .portail-7 .mediakit-box-legend-item .entry-icon { border:2px solid #1094E9} .portail-3 .mediakit-box-legend-item .entry-icon { border:2px solid #F48D35} .portail-11 .mediakit-box-legend-item .entry-icon { border:2px solid #91D333} .portail-5 .mediakit-box-legend-item .entry-icon { border:2px solid #5EB5FF} .portail-9 .mediakit-box-legend-item .entry-icon { border:2px solid #7ECCDC} .portail-13 .mediakit-box-legend-item .entry-icon { border:2px solid #2EADD1} .portail-7 .mediakit-box-legend-item:hover h4 a { color:#1094E9 } .portail-3 .mediakit-box-legend-item:hover h4 a { color:#F48D35 } .portail-11 .mediakit-box-legend-item:hover h4 a { color:#91D333 } .portail-5 .mediakit-box-legend-item:hover h4 a { color:#5EB5FF } .portail-9 .mediakit-box-legend-item:hover h4 a { color:#7ECCDC } .portail-13 .mediakit-box-legend-item:hover h4 a { color:#2EADD1 } .portail-7 .mediakit-box-legend-item:hover .entry-icon { background: #1094e9; background: -moz-linear-gradient(left, #1094e9 0%, #cfeafb 100%); background: -webkit-linear-gradient(left, #1094e9 0%,#cfeafb 100%); background: linear-gradient(to right, #1094e9 0%,#cfeafb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1094e9', endColorstr='#cfeafb',GradientType=1 ) } .portail-3 .mediakit-box-legend-item:hover .entry-icon { background: #F48D35; background: -moz-linear-gradient(left, #F48D35 0%, #fce8d6 100%); background: -webkit-linear-gradient(left, #F48D35 0%,#fce8d6 100%); background: linear-gradient(to right, #F48D35 0%,#fce8d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F48D35', endColorstr='#fce8d6',GradientType=1 ) } .portail-11 .mediakit-box-legend-item:hover .entry-icon { background: #91D333; background: -moz-linear-gradient(left, #91D333 0%, #e9f6d6 100%); background: -webkit-linear-gradient(left, #91D333 0%,#e9f6d6 100%); background: linear-gradient(to right, #91D333 0%,#e9f6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91D333', endColorstr='#e9f6d6',GradientType=1 ) } .portail-5 .mediakit-box-legend-item:hover .entry-icon { background: #5EB5FF; background: -moz-linear-gradient(left, #5EB5FF 0%, #def0ff 100%); background: -webkit-linear-gradient(left, #5EB5FF 0%,#def0ff 100%); background: linear-gradient(to right, #5EB5FF 0%,#def0ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5EB5FF', endColorstr='#def0ff',GradientType=1 ) } .portail-9 .mediakit-box-legend-item:hover .entry-icon { background: #7ECCDC; background: -moz-linear-gradient(left, #7ECCDC 0%, #e5f4f8 100%); background: -webkit-linear-gradient(left, #7ECCDC 0%,#e5f4f8 100%); background: linear-gradient(to right, #7ECCDC 0%,#e5f4f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ECCDC', endColorstr='#e5f4f8',GradientType=1 ) } .portail-13 .mediakit-box-legend-item:hover .entry-icon { background: #2EADD1; background: -moz-linear-gradient(left, #2EADD1 0%, #d5eef5 100%); background: -webkit-linear-gradient(left, #2EADD1 0%,#d5eef5 100%); background: linear-gradient(to right, #2EADD1 0%,#d5eef5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2EADD1', endColorstr='#d5eef5',GradientType=1 ) } @media screen and (max-width: 690px) { .mediakit-box-legend { margin:10px; display: block } .mediakit-box-legend-left { order: 1; width: 100%; text-align: center; align-items: flex-end; flex-direction: column; justify-content: center; display: block;} .mediakit-box-legend-image { display: block; align-self: flex-end; text-align: center; order: 2; width: 100%; margin-bottom: 0;} .mediakit-box-legend-right { display: block; text-align: center; order: 3; width: 100% } .mediakit-box-legend-left .mediakit-box-legend-item h4 { text-align: center } .mediakit-box-legend-right .mediakit-box-legend-item h4 { text-align:center } } /*MEDIAKIT BUTTON*/ .entry-button a { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; text-transform: uppercase; font-size:18px; font-weight:700; display: block; text-decoration: none; padding:5px 30px; color:#f7a810; border:2px solid #f7a810 } .entry-button a:hover { border:2px solid #f7a810; color:#fff !important; background:#f7a810 } .portail-7 .entry-button a { color:#1094E9; border:2px solid #1094E9 } .portail-7 .entry-button a:hover { border:2px solid #1094E9; background:#1094E9 } .portail-3 .entry-button a { color:#F48D35; border:2px solid #F48D35 } .portail-3 .entry-button a:hover { border:2px solid #F48D35; background:#F48D35 } .portail-11 .entry-button a { color:#91D333; border:2px solid #91D333 } .portail-11 .entry-button a:hover { border:2px solid #91D333; background:#91D333 } .portail-5 .entry-button a { color:#5EB5FF; border:2px solid #5EB5FF } .portail-5 .entry-button a:hover { border:2px solid #5EB5FF; background:#5EB5FF } .portail-9 .entry-button a { color:#7ECCDC; border:2px solid #7ECCDC } .portail-9 .entry-button a:hover { border:2px solid #7ECCDC; background:#7ECCDC } .portail-13 .entry-button a { color:#2EADD1; border:2px solid #2EADD1 } .portail-13 .entry-button a:hover { border:2px solid #2EADD1; background:#2EADD1 } /*MEDIAKIT NUMBER*/ .entry-number { margin-bottom:20px } .entry-number > span { display: inline-block; background: #f7a810; background: -moz-linear-gradient(left, #f7a810 0%, #fdedcf 100%); background: -webkit-linear-gradient(left, #f7a810 0%,#fdedcf 100%); background: linear-gradient(to right, #f7a810 0%,#fdedcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a810', endColorstr='#fdedcf',GradientType=1 ); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; height:60px; width:60px; font-weight: 700; font-size:28px; line-height: 40px; padding:10px; text-align: center } .portail-7 .entry-number > span { background: #1094e9; background: -moz-linear-gradient(left, #1094e9 0%, #cfeafb 100%); background: -webkit-linear-gradient(left, #1094e9 0%,#cfeafb 100%); background: linear-gradient(to right, #1094e9 0%,#cfeafb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1094e9', endColorstr='#cfeafb',GradientType=1 ) } .portail-3 .entry-number > span { background: #F48D35; background: -moz-linear-gradient(left, #F48D35 0%, #fce8d6 100%); background: -webkit-linear-gradient(left, #F48D35 0%,#fce8d6 100%); background: linear-gradient(to right, #F48D35 0%,#fce8d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F48D35', endColorstr='#fce8d6',GradientType=1 ) } .portail-11 .entry-number > span { background: #91D333; background: -moz-linear-gradient(left, #91D333 0%, #e9f6d6 100%); background: -webkit-linear-gradient(left, #91D333 0%,#e9f6d6 100%); background: linear-gradient(to right, #91D333 0%,#e9f6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91D333', endColorstr='#e9f6d6',GradientType=1 ) } .portail-5 .entry-number > span { background: #5EB5FF; background: -moz-linear-gradient(left, #5EB5FF 0%, #def0ff 100%); background: -webkit-linear-gradient(left, #5EB5FF 0%,#def0ff 100%); background: linear-gradient(to right, #5EB5FF 0%,#def0ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5EB5FF', endColorstr='#def0ff',GradientType=1 ) } .portail-9 .entry-number > span { background: #7ECCDC; background: -moz-linear-gradient(left, #7ECCDC 0%, #e5f4f8 100%); background: -webkit-linear-gradient(left, #7ECCDC 0%,#e5f4f8 100%); background: linear-gradient(to right, #7ECCDC 0%,#e5f4f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ECCDC', endColorstr='#e5f4f8',GradientType=1 ) } .portail-13 .entry-number > span { background: #2EADD1; background: -moz-linear-gradient(left, #2EADD1 0%, #d5eef5 100%); background: -webkit-linear-gradient(left, #2EADD1 0%,#d5eef5 100%); background: linear-gradient(to right, #2EADD1 0%,#d5eef5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2EADD1', endColorstr='#d5eef5',GradientType=1 ) } /*MEDIAKIT RICHTEXT*/ .entry-summary { margin-bottom:20px; font-size:15px} .entry-summary:last-child { margin-bottom:0} .entry-summary p { padding-bottom:20px; text-align: justify; overflow-wrap: break-word; word-wrap: break-word; hyphens: none; line-height:1.4em} .entry-summary p:last-child { padding:0 } .entry-summary li { width:100% } .entry-content p { max-width:900px; margin:0px auto; padding-top:20px; text-align: justify; overflow-wrap: break-word; word-wrap: break-word; hyphens: none; line-height:1.5em} .entry-content a { color:#f7a810; text-decoration:none} .entry-content a:hover { color:#f7a810; text-decoration:underline} .portail-7 .entry-content a { color:#1094E9} .portail-7 .entry-content a:hover { color:#1094E9} .portail-3 .entry-content a { color:#F48D35} .portail-3 .entry-content a:hover { color:#F48D35} .portail-11 .entry-content a { color:#91D333} .portail-11 .entry-content a:hover { color:#91D333} .portail-5 .entry-content a { color:#5EB5FF} .portail-5 .entry-content a:hover { color:#5EB5FF} .portail-9 .entry-content a { color:#7ECCDC} .portail-9 .entry-content a:hover { color:#7ECCDC} .portail-13 .entry-content a { color:#2EADD1} .portail-13 .entry-content a:hover { color:#2EADD1} .entry-summary p strong, .entry-content p strong { color:#f7a810 } small { font-size:12px } .portail-7 .entry-summary p strong, .portail-7 .entry-content p strong { color:#1094E9 } .portail-3 .entry-summary p strong, .portail-3 .entry-content p strong { color:#F48D35 } .portail-11 .entry-summary p strong, .portail-11 .entry-content p strong { color:#91D333 } .portail-5 .entry-summary p strong, .portail-5 .entry-content p strong { color:#5EB5FF } .portail-9 .entry-summary p strong, .portail-9 .entry-content p strong { color:#7ECCDC } .portail-13 .entry-summary p strong, .portail-13 .entry-content p strong { color:#2EADD1 } .entry-summary hr, .entry-content hr { display: block; margin:10px auto; height:2px; background: #f7a810; width:80px } .portail-7 .entry-summary hr, .portail-7 .entry-content hr { background: #1094E9 } .portail-3 .entry-summary hr, .portail-3 .entry-content hr { background: #F48D35 } .portail-11 .entry-summary hr, .portail-11 .entry-content hr { background: #91D333 } .portail-5 .entry-summary hr, .portail-5 .entry-content hr { background: #5EB5FF } .portail-9 .entry-summary hr, .portail-9 .entry-content hr { background: #7ECCDC } .portail-13 .entry-summary hr, .portail-13 .entry-content hr { background: #2EADD1 } h2 { font-size: 32px; font-weight:800; color:#151515; margin-bottom:20px} h2:after { content:""; display: block; text-align: left; height:2px; background: #f7a810; margin-top:20px; width:80px } .portail-7 h2:after { background: #1094E9 } .portail-3 h2:after { background: #F48D35 } .portail-11 h2:after { background: #91D333 } .portail-5 h2:after { background: #5EB5FF } .portail-9 h2:after { background: #7ECCDC } .portail-13 h2:after { background: #2EADD1 } h2:before { content:"#"; padding-right:5px; color:#f7a810 } .portail-7 h2:before { color:#1094E9 } .portail-3 h2:before { color:#F48D35 } .portail-11 h2:before { color:#91D333 } .portail-5 h2:before { color:#5EB5FF } .portail-9 h2:before { color:#7ECCDC } .portail-13 h2:before { color:#2EADD1 } h3 { font-family: 'Merriweather', serif; font-size: 18px; text-transform:uppercase; font-weight:700; color:#f7a810; margin-bottom:0} .portail-7 h3 { color:#1094E9} .portail-3 h3 { color:#F48D35} .portail-11 h3 { color:#91D333} .portail-5 h3 { color:#5EB5FF} .portail-9 h3 { color:#7ECCDC} .portail-13 h3 { color:#2EADD1} h4 { font-size: 20px; font-weight:700; text-align: center; color:#f7a810; margin-bottom:20px; text-transform:uppercase} .portail-7 h4 { color:#1094E9} .portail-3 h4 { color:#F48D35} .portail-11 h4 { color:#91D333} .portail-5 h4 { color:#5EB5FF} .portail-9 h4 { color:#7ECCDC} .portail-13 h4 { color:#2EADD1} h5 { width:33.334%; background:#f7a810; text-align: center; padding:20px; font-size: 19px; font-weight:700; color:#fff; margin:0px auto} .portail-7 h5 { background:#1094E9 } .portail-3 h5 { background:#F48D35 } .portail-11 h5 { background:#91D333 } .portail-5 h5 { background:#5EB5FF } .portail-9 h5 { background:#7ECCDC } .portail-13 h5 { background:#2EADD1 } h6 { font-size: 18px; font-weight:700; color:#151515; margin-bottom:10px} .entry-content ul { max-width:900px; margin:0px auto; padding-bottom:10px} .entry-content ul > li { text-align: justify; padding-left:10px; list-style:none; line-height:1.5em} .entry-content ul > li:before { color:#f7a810; margin-right:10px; font-weight: 700; margin-top:-5px; vertical-align:middle; display:inline-block; content: "•"; font-size:25px} .portail-7 .entry-content ul > li:before { color:#1094E9 } .portail-3 .entry-content ul > li:before { color:#F48D35 } .portail-11 .entry-content ul > li:before { color:#91D333 } .portail-5 .entry-content ul > li:before { color:#5EB5FF } .portail-9 .entry-content ul > li:before { color:#7ECCDC } .portail-13 .entry-content ul > li:before { color:#2EADD1 } .entry-summary ul { padding-bottom:10px } .entry-summary ul > li { text-align: justify; padding-left:10px; list-style:none; line-height:1.5em} .entry-summary ul > li:before { color:#f7a810; margin-right:10px; font-weight: 700; margin-top:-5px; vertical-align:middle; display:inline-block; content: "•"; font-size:25px} .portail-7 .entry-summary ul > li:before { color:#1094E9 } .portail-3 .entry-summary ul > li:before { color:#F48D35 } .portail-11 .entry-summary ul > li:before { color:#91D333 } .portail-5 .entry-summary ul > li:before { color:#5EB5FF } .portail-9 .entry-summary ul > li:before { color:#7ECCDC } .portail-13 .entry-summary ul > li:before { color:#2EADD1 } .entry-content > ol { margin:0 0 10px 10px} .entry-content > ol > li { text-align: justify; list-style:decimal; margin-left:10px; line-height:1.4em} .entry-content blockquote { max-width:900px; margin:20px auto; background:#efefef; padding:40px} .entry-content .alignleft { float:left; margin-right:20px} .entry-content .alignright { float:right; margin-left:20px} .entry-content .aligncenter { display: block; margin:0px auto} .entry-content .alignnone { display: block; margin:0px auto} .entry-content .wp-caption { display: table; background:#efefef } .entry-content .wp-caption img { width:100%} .entry-content .wp-caption .wp-caption-text { caption-side: bottom; display: table-caption; padding:10px; background:#efefef; font-size:15px; text-align: center } .wp-video { max-width:900px !important; margin:0px auto; margin-bottom:20px } .tableresponsive-content { margin:0 10px 40px 10px } .tableresponsive-content:last-child { margin-bottom:0 } .tableresponsive { box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; width:100%; border:1px solid #ddd} .tableresponsive thead td { text-transform: uppercase; font-weight:700; color:#fff} .tableresponsive td { width:50%; border:1px solid #ddd; vertical-align: middle; padding:10px; text-align: center} .tableresponsive tbody td:first-child { font-weight:700 } .wrap-table2 h4.entry-title strong { color:#000 } .portail-7 .tableresponsive thead td { background:#1094E9 } .portail-3 .tableresponsive thead td { background:#F48D35 } .portail-11 .tableresponsive thead td { background:#91D333 } .portail-5 .tableresponsive thead td { background:#5EB5FF } .portail-9 .tableresponsive thead td { background:#7ECCDC } .portail-13 .tableresponsive thead td { background:#2EADD1 } /*ADJUST*/ .wrap-text.wrap-image .row { padding:80px 10px} .wrap-text.wrap-image .entry-content p:first-child { font-size: 21px; color:#fff } .wrap-text.wrap-image .entry-content p { font-size: 19px; color:#fff } .wrap-text.wrap-image .entry-content p strong { color:#fff } .wrap-text.wrap-image img { padding-top:40px} @media screen and (max-width: 790px) { .wp-video { width:100% !important} h5 { width:100% } .wrap-text .entry-content { padding:10px} } /*HEADER*/ #header { -webkit-box-shadow: 0 0 24px -6px #333333; box-shadow: 0 0 24px -6px #333333; position:fixed; top:0; background:#333; -webkit-transform: translateZ(0); transform: translateZ(0); left:0; right:0; z-index:9998} #header .row { max-width:1400px; padding:15px 10px 0 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .portail-7 #header { background:#4c4c4c } .portail-3 #header { background:#4c4c4c } .portail-11 #header { background:#4c4c4c } .portail-5 #header { background:#154d7d } .portail-9 #header { background:#077a9c } .portail-13 #header { background:#4c4c4c } /*HEADER LOGO*/ .logo-header { float: left } .logo-header img { height:50px } /*HEADER - MENU*/ .menu-header { font-size:0; float:right; padding-top:13px} .menu-header li {display: inline-block; text-align:center; vertical-align:middle; margin-right:30px; text-transform:uppercase; font-size:18px; position: relative; z-index:9999} .menu-header li a { font-weight: 700; display: inline-block; padding-bottom:23px; text-decoration:none; color:#fff} .menu-header li.menu-item-has-children > a:after { margin-left:5px; content: '\f0d7'; font-family: "FontAwesome"; display: inline-block; font-size:15px } .menu-header li.menu-item-has-children:hover > a:after { margin-left:5px; content: '\f0d8'; font-family: "FontAwesome"; display: inline-block; font-size:15px } .menu-header li:last-child { margin-right:0} .menu-header li a:hover, .menu-header li:hover > a { color:#f7a810} .portail-7 .menu-header li.current-menu-item > a, .portail-7 .menu-header li.current-menu-parent > a { color:#1094E9} .portail-3 .menu-header li.current-menu-item > a, .portail-3 .menu-header li.current-menu-parent > a { color:#F48D35} .portail-11 .menu-header li.current-menu-item > a, .portail-11 .menu-header li.current-menu-parent > a { color:#91D333} .portail-5 .menu-header li.current-menu-item > a, .portail-5 .menu-header li.current-menu-parent > a { color:#5EB5FF} .portail-9 .menu-header li.current-menu-item > a, .portail-9 .menu-header li.current-menu-parent > a { color:#7ECCDC} .portail-13 .menu-header li.current-menu-item > a, .portail-13 .menu-header li.current-menu-parent > a { color:#2EADD1} .portail-7 .menu-header li a:hover, .portail-7 .menu-header li:hover > a { color:#1094E9} .portail-3 .menu-header li a:hover, .portail-3 .menu-header li:hover > a { color:#F48D35} .portail-11 .menu-header li a:hover, .portail-11 .menu-header li:hover > a { color:#91D333} .portail-5 .menu-header li a:hover, .portail-5 .menu-header li:hover > a { color:#5EB5FF} .portail-9 .menu-header li a:hover, .portail-9 .menu-header li:hover > a { color:#7ECCDC} .portail-13 .menu-header li a:hover, .portail-13 .menu-header li:hover > a { color:#2EADD1} .menu-header ul { z-index:9999; padding:10px; -webkit-box-shadow: 0 10px 24px -12px #000000; box-shadow: 0 10px 24px -12px #000000; display: none; background:#fff; position: absolute; top:47px; right:0; width: 230px; left: 50%; margin-left: -115px } .menu-header ul li { display:block; float: none; text-transform:none; order-bottom:1px solid #ddd; width:100%} .menu-header ul li:last-child { order-bottom:0 } .menu-header ul li a {font-size:15px; padding:5px; text-transform:uppercase; font-weight:normal; display:block; color:#000} .menu-header ul li:hover > a { background:#f7a810; color:#fff !important} .menu-header ul li.current-menu-item > a { color:#fff !important} .menu-header li:hover > ul{ display: block} .portail-7 .menu-header ul li:hover > a { background:#1094E9} .portail-3 .menu-header ul li:hover > a { background:#F48D35} .portail-11 .menu-header ul li:hover > a { background:#91D333} .portail-5 .menu-header ul li:hover > a { background:#5EB5FF} .portail-9 .menu-header ul li:hover > a { background:#7ECCDC} .portail-13 .menu-header ul li:hover > a { background:#2EADD1} .portail-7 .menu-header ul li.current-menu-item > a { background:#1094E9} .portail-3 .menu-header ul li.current-menu-item > a { background:#F48D35} .portail-11 .menu-header ul li.current-menu-item > a { background:#91D333} .portail-5 .menu-header ul li.current-menu-item > a { background:#5EB5FF} .portail-9 .menu-header ul li.current-menu-item > a { background:#7ECCDC} .portail-13 .menu-header ul li.current-menu-item > a { background:#2EADD1} .menu-header .megamenu > ul { font-size:0; z-index:9999; adding:10px; -webkit-box-shadow: 0 10px 24px -12px #000000; box-shadow: 0 10px 24px -12px #000000; display: none; background:#fff; position: absolute; top:47px; right:0; width: 900px; left: 50%; margin-left: -450px } .menu-header .megamenu > ul li { font-size:16px; background:none; margin:0 !important; vertical-align: top; display: inline-block; width:33.3333% } .menu-header .megamenu > ul li a, .menu-header .megamenu > ul li a:hover, .menu-header .megamenu > ul li:hover a { font-size:19px; background:none; font-weight:700 } .menu-header .megamenu > ul li > ul { -webkit-box-shadow: none; box-shadow:none; position:relative; margin:0; padding:0; width:auto; top:auto; left:auto; display:block; } .menu-header .megamenu > ul li > ul li { font-size:15px;display:block; width:100%; background:none } .menu-header .megamenu > ul li > ul li a, .menu-header .megamenu > ul li > ul li:hover a, .menu-header .megamenu > ul li > ul li a:hover{ font-size:15px !important; color:#151515 !important;background: none; font-weight:normal !important } .menu-header .megamenu > ul li.menu-item-has-children > a:after { content:"" } .menu-header .megamenu > ul li.menu-item-has-children:hover > a:after { content:"" } .menu-header .megamenu > ul li:nth-child(1) a, .menu-header .megamenu > ul li:nth-child(1):hover a { color:#2af598 !important } .menu-header .megamenu > ul li:nth-child(2) a, .menu-header .megamenu > ul li:nth-child(2):hover a { color:#2680ff !important } .menu-header .megamenu > ul li:nth-child(3) a, .menu-header .megamenu > ul li:nth-child(3):hover a { color:#fa709a !important } .menu-header .megamenu > ul li:nth-child(1) > ul li a, .menu-header .megamenu > ul li:nth-child(1):hover > ul li a { color:#151515 !important } .menu-header .megamenu > ul li:nth-child(1) > ul li:hover a, .menu-header .megamenu > ul li:nth-child(1) > ul li.current-menu-item a { background:#2af598 !important; color:#fff !important } .menu-header .megamenu > ul li:nth-child(2) > ul li a, .menu-header .megamenu > ul li:nth-child(2):hover > ul li a { color:#151515 !important } .menu-header .megamenu > ul li:nth-child(2) > ul li:hover a, .menu-header .megamenu > ul li:nth-child(2) > ul li.current-menu-item a { background:#2680ff !important; color:#fff !important } .menu-header .megamenu > ul li:nth-child(3) > ul li a, .menu-header .megamenu > ul li:nth-child(3):hover > ul li a { color:#151515 !important } .menu-header .megamenu > ul li:nth-child(3) > ul li:hover a, .menu-header .megamenu > ul li:nth-child(3) > ul li.current-menu-item a { background:#fa709a !important; color:#fff !important } .toggle-menu { display:none } @media only screen and (max-width : 890px) { #header { position: fixed; top:0; left:0; right:0} .menu-header { display:none} .toggle-menu { display:block; font-size:0; cursor: pointer; position: absolute; top: 27px; right:40px; z-index:9999} .toggle-menu:before { display:inline-block; color:#fff; vertical-align:middle; font: normal 18px 'FontAwesome'; content: '\f0c9'} .menu-open .toggle-menu:before { display:inline-block; vertical-align:middle; font: normal 18px 'FontAwesome'; content: '\f00d'} .menu-open .toggle-menu { top:27px} .menu-open #header { text-align:center; position:fixed; top:0; left:0; right:0; bottom:0; padding:10px; ackground:#fff; z-index:9998} .menu-open .menu-header { position:absolute; top:60px; left:0; right:0 } .menu-open .menu-header { display:block; float:none } .menu-open .menu-header li a { display: block; position:relative; padding:0 } .menu-open .menu-header li { display:block; text-align:center; margin-right:0; margin-bottom:5px} .menu-open .menu-header ul { -webkit-box-shadow:none; box-shadow:none; margin-top:10px; top:0; left:0; right:0; position:relative; width: 100%; margin-left:0 } .menu-open .menu-header ul li a { padding:2px 0 } .menu-open .menu-header li li { margin-bottom:0 } .menu-open .menu-header ul li:last-child { border-bottom:1px solid #ddd } #header .row { padding: 10px } body.menu-open { overflow:hidden} } /****************************************/ /*HEADER - MENU .menu-header { font-size:0; float:right; padding-top:13px} .menu-header li {display: inline-block; text-align:center; vertical-align:middle; margin-right:30px; text-transform:uppercase; font-size:18px; position: relative; z-index:9999} .menu-header li a { font-weight: 700; display: inline-block; padding-bottom:23px; text-decoration:none; color:#fff} .menu-header li.menu-item-has-children > a:after { margin-left:5px; content: '\f0d7'; font-family: "FontAwesome"; display: inline-block; font-size:15px } .menu-header li.menu-item-has-children:hover > a:after { margin-left:5px; content: '\f0d8'; font-family: "FontAwesome"; display: inline-block; font-size:15px } .menu-header li:last-child { margin-right:0} .menu-header li a:hover, .menu-header li:hover > a { color:#f7a810} .portail-7 .menu-header li.current-menu-item > a, .portail-7 .menu-header li.current-menu-parent > a { color:#1094E9} .portail-3 .menu-header li.current-menu-item > a, .portail-3 .menu-header li.current-menu-parent > a { color:#F48D35} .portail-11 .menu-header li.current-menu-item > a, .portail-11 .menu-header li.current-menu-parent > a { color:#91D333} .portail-5 .menu-header li.current-menu-item > a, .portail-5 .menu-header li.current-menu-parent > a { color:#5EB5FF} .portail-9 .menu-header li.current-menu-item > a, .portail-9 .menu-header li.current-menu-parent > a { color:#7ECCDC} .portail-13 .menu-header li.current-menu-item > a, .portail-13 .menu-header li.current-menu-parent > a { color:#2EADD1} .portail-7 .menu-header li a:hover, .portail-7 .menu-header li:hover > a { color:#1094E9} .portail-3 .menu-header li a:hover, .portail-3 .menu-header li:hover > a { color:#F48D35} .portail-11 .menu-header li a:hover, .portail-11 .menu-header li:hover > a { color:#91D333} .portail-5 .menu-header li a:hover, .portail-5 .menu-header li:hover > a { color:#5EB5FF} .portail-9 .menu-header li a:hover, .portail-9 .menu-header li:hover > a { color:#7ECCDC} .portail-13 .menu-header li a:hover, .portail-13 .menu-header li:hover > a { color:#2EADD1} .menu-header ul { z-index:9999; padding:10px; -webkit-box-shadow: 0 10px 24px -12px #000000; box-shadow: 0 10px 24px -12px #000000; display: none; background:#fff; position: absolute; top:47px; right:0; width: 230px; left: 50%; margin-left: -115px } .menu-header ul li { display:block; float: none; text-transform:none; border-bottom:1px solid #ddd; width:100%} .menu-header ul li:last-child { border-bottom:0 } .menu-header ul li a {font-size:15px; padding:4px 0; text-transform:uppercase; font-weight:normal; display:block; color:#000} .menu-header ul li:hover > a { background:#f7a810; color:#fff !important} .menu-header ul li.current-menu-item > a { color:#fff !important} .menu-header li:hover > ul{ display: block} .portail-7 .menu-header ul li:hover > a { background:#1094E9} .portail-3 .menu-header ul li:hover > a { background:#F48D35} .portail-11 .menu-header ul li:hover > a { background:#91D333} .portail-5 .menu-header ul li:hover > a { background:#5EB5FF} .portail-9 .menu-header ul li:hover > a { background:#7ECCDC} .portail-13 .menu-header ul li:hover > a { background:#2EADD1} .portail-7 .menu-header ul li.current-menu-item > a { background:#1094E9} .portail-3 .menu-header ul li.current-menu-item > a { background:#F48D35} .portail-11 .menu-header ul li.current-menu-item > a { background:#91D333} .portail-5 .menu-header ul li.current-menu-item > a { background:#5EB5FF} .portail-9 .menu-header ul li.current-menu-item > a { background:#7ECCDC} .portail-13 .menu-header ul li.current-menu-item > a { background:#2EADD1} .toggle-menu { display:none } @media only screen and (max-width : 890px) { #header { position: fixed; top:0; left:0; right:0} .menu-header { display:none} .toggle-menu { display:block; font-size:0; cursor: pointer; position: absolute; top: 27px; right:40px; z-index:9999} .toggle-menu:before { display:inline-block; color:#fff; vertical-align:middle; font: normal 18px 'FontAwesome'; content: '\f0c9'} .menu-open .toggle-menu:before { display:inline-block; vertical-align:middle; font: normal 18px 'FontAwesome'; content: '\f00d'} .menu-open .toggle-menu { top:27px} .menu-open #header { text-align:center; position:fixed; top:0; left:0; right:0; bottom:0; padding:10px; ackground:#fff; z-index:9998} .menu-open .menu-header { position:absolute; top:60px; left:0; right:0 } .menu-open .menu-header { display:block; float:none } .menu-open .menu-header li a { display: block; position:relative; padding:0 } .menu-open .menu-header li { display:block; text-align:center; margin-right:0; margin-bottom:5px} .menu-open .menu-header ul { -webkit-box-shadow:none; box-shadow:none; margin-top:10px; top:0; left:0; right:0; position:relative; width: 100%; margin-left:0 } .menu-open .menu-header ul li a { padding:2px 0 } .menu-open .menu-header li li { margin-bottom:0 } .menu-open .menu-header ul li:last-child { border-bottom:1px solid #ddd } #header .row { padding: 10px } body.menu-open { overflow:hidden} }*/ /****************************************/ /*SEARCH BAR*/ #searchbar { -webkit-box-shadow: 0 0 24px -6px #333333; box-shadow: 0 0 24px -6px #333333; background:rgba(255,255,255,0.95); position:fixed; top:75px; left:0; right:0; z-index:9997; display: none; width: 100% } #searchbar .row { max-width:1400px; padding:10px } #searchbar .searchform { display: flex} #searchbar .searchform input[type=search] { width: 100%; vertical-align:middle; background:none; color:#344E6F; padding:10px; font-family:'Roboto',sans-serif; font-size:14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:1px solid #ddd} #searchbar .searchform input[type=search]:hover { border:1px solid #344E6F} #searchbar .searchform input.submit { vertical-align:middle; padding-top:9px; margin-left:5px; height:30px} #searchbar .searchform path { fill: red; } #searchbar ::-webkit-input-placeholder { color: #666} #searchbar :-moz-placeholder { color: #666; opacity: 1} #searchbar ::-moz-placeholder { color: #666; opacity: 1} #searchbar :-ms-input-placeholder { color:#666} .search-header { margin-left: 20px;float:right; padding-top:11px} .search-header a i.fa { font-size:17px; color:#fff; font-weight:300 } .search-header a#searchtoggl i.fa { text-decoration:none; color:#fff; font-weight:normal } @media only screen and (max-width : 1090px) { #searchbar { top:70px } #searchbar .row { padding:10px } } /*LANG*/ .menu-lang { position:fixed; top:150px; right: 0; background:#fff; width:30px; padding:5px; -webkit-box-shadow: 0 0 24px -6px #333333; box-shadow: 0 0 24px -6px #333333;} .menu-lang li { font-size:12px; display: block; opacity: 0.5; vertical-align: middle; width:20px; margin-bottom:5px } .menu-lang li:last-child { margin-bottom:0} .menu-lang li.current { opacity:1} .menu-lang li:hover { opacity:1} /*SOCIAL*/ #social { text-align: center; background:#333 } #social .row { padding:20px 10px } .menu-social { } .menu-social > li { cursor:pointer; display:inline-block; -webkit-border-radius: 100%; border-radius: 100%; background:#676767; width:30px; height:30px; font-size:15px; line-height:30px; text-align:center; vertical-align:middle } .menu-social > li:last-child { margin-right:0} .menu-social > li span { display:none } .menu-social > li a:before { color: #fff; opacity: 1; -webkit-transition: opacity ease-in-out .2s; transition: opacity ease-in-out .2s; width:30px; height:30px; line-height:30px; font-family: 'FontAwesome'; font-size: 15px; display: inline-block; position: relative } .menu-social > li a:hover:before { opacity:0.5 } .menu-social > li.facebook a:before { content: "\f09a"} .menu-social > li.twitter a:before{ content: "\f099"} .menu-social > li.youtube a:before{ content: "\f167"} .menu-social > li.linkedin a:before { content: "\f0e1"} .menu-social > li.google a:before { content: "\f1a0"} .menu-social > li.vimeo a:before { content: "\f27d"} .menu-social > li.instagram a:before { content: "\f16d"} .menu-social > li.pinterest a:before { content: "\f231"} @media only screen and (max-width : 890px) { .menu-social { text-align: center; padding:10px 10px 20px 10px } } /*PORTAL*/ #portal { text-align: center; background:#151515} #portal .row { padding:40px } .menu-portal { font-size:0 } .menu-portal > li { font-size:12px; padding:0 15px; display: inline-block; vertical-align: middle } .menu-portal > li:first-child { padding:0; padding-right:40px; margin-right:15px; border-right: rgba(255,255,255,.25) solid 1px } .menu-portal > li:last-child { margin-right:0 } .menu-portal > li span { display:none } .menu-portal > li a { -webkit-transition: opacity ease-in-out .2s; transition: opacity ease-in-out .2s; opacity:1 } .menu-portal > li a:hover { opacity:0.5 } .menu-portal > li.virtualexpo a:before { content:url(media/logo_virtualexpo.png) } .menu-portal > li.aeroexpo a:before { content:url(media/logo_aeroexpo.png) } .menu-portal > li.agriexpo a:before { content:url("media/logo_agriexpo.png") } .menu-portal > li.archiexpo a:before { content:url("media/logo_archiexpo.png") } .menu-portal > li.directindustry a:before { content:url("media/logo_directindustry.png"); bottom:-3px; position:relative } .menu-portal > li.medicalexpo a:before { content:url("media/logo_medicalexpo.png") } .menu-portal > li.nauticexpo a:before { content:url("media/logo_nauticexpo.png") } @media only screen and (max-width : 590px) { .menu-portal li { width:33.333%; margin-top:15px} .menu-portal li:first-child { width:100%; display: block; padding:0; padding-bottom:15px; margin:0; border:none; border-bottom: rgba(255,255,255,.25) solid 1px } } /*COPYRIGHT*/ #copyright { text-align: center; background:#333} #copyright .row { padding:20px 40px } /*MENU-COPYRIGHT*/ .menu-copyright { font-size:0; color:rgba(255,255,255,.5); } .menu-copyright > li { font-size:14px; display: inline-block; vertical-align: middle } .menu-copyright > li:after { content:"-"; padding:0 5px } .menu-copyright > li:last-child:after { content:""; padding:0 } .menu-copyright > li a { text-decoration:none; color: rgba(255,255,255,.5); -webkit-transition: color ease-in-out .2s; transition: color ease-in-out .2s; } .menu-copyright > li a:hover { color: rgba(255,255,255,.8) } .menu-copyright > li .select { height: auto; padding: 0; font-size: 1em; color: #555659; background: rgba(255,255,255,.75); border: rgba(255,255,255,.75) solid; border-radius: 0 } /*PAGINATION*/ .entry-pagination { margin-top: 40px; font-size:0 } .entry-pagination li { display:inline-block; margin-right:3px; vertical-align:middle; font-size:12px} .entry-pagination li:last-child { font-weight: bold; display:inline-block; padding:6px 12px; float: right; margin-right:0} .entry-pagination li.current { display:inline-block; padding:6px 12px; color:#fff; background:#f7a810} .entry-pagination li a { display:inline-block; padding:6px 12px; text-decoration:none; text-transform:uppercase; color:#fff; background: #151515} .entry-pagination li a:hover { color:#fff; background:#f7a810} .portail-7 .entry-pagination li a:hover { background: #1094E9 } .portail-3 .entry-pagination li a:hover { background: #F48D35 } .portail-11 .entry-pagination li a:hover { background: #91D333 } .portail-5 .entry-pagination li a:hover { background: #5EB5FF } .portail-9 .entry-pagination li a:hover { background: #7ECCDC } .portail-13 .entry-pagination li a:hover { background: #2EADD1 } .portail-7 .entry-pagination li.current { background: #1094E9 } .portail-3 .entry-pagination li.current { background: #F48D35 } .portail-11 .entry-pagination li.current { background: #91D333 } .portail-5 .entry-pagination li.current { background: #5EB5FF } .portail-9 .entry-pagination li.current { background: #7ECCDC } .portail-13 .entry-pagination li.current { background: #2EADD1 } @media only screen and (max-width : 990px) { .entry-pagination { margin:40px 10px 10px 10px} .entry-pagination li { font-size:11px } .entry-pagination li:last-child { padding:3px 6px } .entry-pagination li.current { padding:3px 6px } .entry-pagination li a { padding:3px 6px } } /*FIRST TABLE LEGEND*/ .contentlegend { max-width: 900px; margin: 0px auto; margin-bottom:20px } table.legend { display:table; width:100%; border-collapse:collapse; margin-top:20px } table.legend td { width:33.333%; font-size:15px; padding:5px 10px } table.legend thead td { font-weight:700; color:#fff; background:orange } .portail-7 table.legend thead td { background:#1094E9 } .portail-3 table.legend thead td { background:#F48D35 } .portail-11 table.legend thead td { background:#91D333 } .portail-5 table.legend thead td { background:#5EB5FF } .portail-9 table.legend thead td { background:#7ECCDC } .portail-13 table.legend thead td { background:#2EADD1 } table.legend tbody:nth-child(odd) tr { background:#efefef } /*NEWTABLE*/ .tablemain-newsletter { display:grid; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px; margin-bottom:20px } .tablehead-newsletter { display:grid; text-align: center; align-items: center; grid-template-columns:100px 1fr 2fr 2fr; grid-gap:10px; padding:10px; font-size:13px; color:#fff; background:#151515; text-transform: uppercase; font-weight:700; z-index:9997; position:sticky; top: 75px } .tablehead-newsletter-emag { grid-template-columns:1fr 1fr 1fr 1fr 4fr } .tablebody-newsletter { display:grid; text-align: center; background:#fff; align-items: center; border-bottom:1px solid #ddd; grid-template-columns:100px 1fr 2fr 2fr; grid-gap:10px; padding:10px;font-size:16px; font-weight:400; color:#151515} .tablebody-newsletter-emag { grid-template-columns:1fr 1fr 1fr 1fr 4fr } .contentnewsletter { padding-top:5px; font-size:12px } .letternewsletter { display: inline-block; text-align: center; margin-right:5px; height:30px; font-size:15px: padding:10px; width:30px; font-weight:700; background:#efefef; color:#151515; -webkit-border-radius: 100%; line-height:30px; vertical-align: middle; border-radius: 100%} .letternewsletter:last-child { margin-right:0 } .numberexposant { display: inline-block; margin-left:5px; position: relative; bottom: 1px; font-size: .8em; line-height: .8em; vertical-align:super; text-decoration:none } .newslettershow { display:grid; background:#efefef; align-items:center; text-align: left; border-radius:10px; margin-bottom:10px; grid-template-columns:120px 1fr; grid-gap:10px; padding:10px } .newslettershowhot {display:block } .newslettershow:last-child { margin-bottom:0 } .newslettershow-logo { max-width:120px; background:#fff; padding:20px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 20px 0px } .newslettershow a { color:#151515; text-decoration: none } .portail-7 .newslettershow a { color:#1094E9 } .portail-3 .newslettershow a { color:#F48D35 } .portail-11 .newslettershow a { color:#91D333 } .portail-5 .newslettershow a { color:#5EB5FF } .portail-9 .newslettershow a { color:#7ECCDC } .portail-13 .newslettershow a { color:#2EADD1 } .tablebody-newsletter-emag .fa { font-size:30px; color:#666 } @media only screen and (max-width : 790px) { .tablehead-newsletter, .tablebody-newsletter, .newslettershow { display: block } .tablehead-newsletter li, .tablebody-newsletter li, .newslettershow li, .newslettershow-content { padding:5px } .newslettershow { text-align:center } .newslettershow-logo { margin:0px auto } } /*CONTROLS*/ .controls { margin:40px 0 20px 0; text-align: center} .controls > a { cursor: pointer; font-size:30px; display: inline-block; text-transform:uppercase; background:#fff; color:#151515; border-bottom:2px solid #fff; padding-bottom:5px; margin-right:20px} .controls > a:last-child { margin-right:0 } .controls > a.mixitup-control-active { font-weight:700} .portail-7 .controls > a:hover { border-bottom:2px solid #1094E9 } .portail-3 .controls > a:hover { border-bottom:2px solid #F48D35 } .portail-11 .controls > a:hover { border-bottom:2px solid #91D333 } .portail-5 .controls > a:hover { border-bottom:2px solid #5EB5FF } .portail-9 .controls > a:hover { border-bottom:2px solid #7ECCDC } .portail-13 .controls > a:hover { border-bottom:2px solid #2EADD1 } .portail-7 .controls > a.mixitup-control-active { border-bottom:2px solid #1094E9 } .portail-3 .controls > a.mixitup-control-active { border-bottom:2px solid #F48D35 } .portail-11 .controls > a.mixitup-control-active { border-bottom:2px solid #91D333 } .portail-5 .controls > a.mixitup-control-active { border-bottom:2px solid #5EB5FF } .portail-9 .controls > a.mixitup-control-active { border-bottom:2px solid #7ECCDC } .portail-13 .controls > a.mixitup-control-active { border-bottom:2px solid #2EADD1 } .zozo .noresult { display:none } .zozo.mixitup-container-failed .noresult { display: block; width: 100%; text-align: center} /*CONTACT FORM*/ .wpcf7 { margin:0px auto !important; max-width:900px} .wpcf7 .screen-reader-response { display: none} .entry-content .wpcf7 p { text-align: left} .wpcf7-form label { font-weight:700; font-size:15px } .wpcf7-form input, .wpcf7-form textarea, textarea { font-family: 'Open Sans', sans-serif; width:100%; font-size:18px; margin-bottom:5px; padding: 15px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); border:1px solid #ddd } .wpcf7-form input:hover, textarea:hover, input.wpcf7-not-valid, textarea.wpcf7-not-valid { border:1px solid #151515 } .wpcf7-form span.wpcf7-not-valid-tip { color: #f00; font-size: 12px; margin-bottom:5px; font-weight: normal; display: block } .wpcf7-form p br { display:none} .wpcf7-form div.wpcf7-response-output { margin:0; padding: 20px } .wpcf7-form div.wpcf7-validation-errors { color: #f00 !important; border: 1px solid #f00 !important; font-size: 12px; text-align:center } .wpcf7-form div.wpcf7-mail-sent-ok { color: green !important; border: 1px solid green !important; font-size: 12px; text-align:center } .wpcf7-form span.wpcf7-not-valid-tip:after { content: '\f148'; font-family: "FontAwesome"; display: inline-block; margin-left: 5px; font-size:13px } .wpcf7-form textarea { margin-bottom:0 } .form-submit input[type="submit"] { width:100% } input[type="submit"] { font-family: 'Open Sans', sans-serif; padding:15px 25px; text-transform:uppercase; font-size:18px; font-weight:800; color:#fff } input[type="submit"] { background:#f7a810; border:1px solid #f7a810 } .portail-7 input[type="submit"] { background:#1094E9; border:1px solid #1094E9 } .portail-3 input[type="submit"] { background:#F48D35; border:1px solid #F48D35 } .portail-11 input[type="submit"] { background:#91D333; border:1px solid #91D333 } .portail-5 input[type="submit"] { background:#5EB5FF; border:1px solid #5EB5FF } .portail-9 input[type="submit"] { background:#7ECCDC; border:1px solid #7ECCDC } .portail-13 input[type="submit"] { background:#2EADD1; border:1px solid #2EADD1 } input[type="submit"]:hover { border:1px solid #151515; background: #151515 } ::-webkit-input-placeholder { color: #666} :-moz-placeholder { color: #666; opacity: 1} ::-moz-placeholder { color: #666; opacity: 1} :-ms-input-placeholder { color:#666} .placeholder{ color: #666 } /*COLORBOX*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #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; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } #cboxOverlay{background:rgba(255,255,255,0.9); opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxTopLeft{width:25px; height:25px; background:url(media/colorbox/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px; background:url(media/colorbox/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url(media/colorbox/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(media/colorbox/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url(media/colorbox/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url(media/colorbox/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(media/colorbox/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(media/colorbox/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; display:none !important} #cboxCurrent{ display:none !important; position:absolute; bottom:0px; left:100px; color:#999;} #cboxLoadingOverlay{background:#fff url(media/colorbox/loading.gif) no-repeat 5px 5px;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxClose{position:absolute; bottom:0; right:0; display:block; text-transform:uppercase; color:#e2001a} #cboxClose:before { display:inline-block; vertical-align:bottom; font: normal 18px 'FontAwesome'; content: '\f00d'} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)} /*SITEMAP*/ .entry-sitemap { margin:40px 0} .entry-sitemap .level0 { font-size:19px; border-top:1px solid #ddd; font-weight: 700; padding-top:10px; margin-top:10px } .entry-sitemap .level0 > a { text-decoration: none; color:#151515 } .entry-sitemap .level0 span > a {text-decoration: none; font-size:14px; font-weight:400; color:green } .entry-sitemap .level1 { color:#666; font-size:18px; font-weight: 700; padding-top:10px; padding-left: 30px} .entry-sitemap .level2 { font-size:17px; font-weight: 700; padding-top:5px; padding-left:60px } .entry-sitemap .level2 > a { text-decoration: none; color:#999} .entry-sitemap .level2 span > a { text-decoration: none; font-size:14px; font-weight:400; color:green} @media print { #header, #searchbar, #social, #portal, #copyright, #breadcrumbs, #related, #progress-bar, .controls, iframe, .printhidden { display:none !important } body { width: auto!important; margin: auto!important; font-family: serif; font-size: 11pt!important; background-color: #fff!important; color: #000!important } #banner { height:auto!important; padding-top:0; padding:20px } #banner h1 { font-size: 16pt!important } #banner .entry-subsubtitle { font-size: 14pt!important } .row { padding:0!important; max-width:100%!important } .table-newsletter { border-collapse: separate; border-spacing:0 } .tablehead-newsletter { -webkit-box-shadow: none; font-size: 11pt!important; box-shadow: none } .tablebody-newsletter { page-break-inside:avoid; page-break-after:auto; -webkit-box-shadow: none; font-size: 11pt!important; box-shadow: none } .tablebody-newsletter > li { border-bottom:1px solid #151515 } .logonewsletter { width: 80px; height: 80px } .newslettershow td:first-child { width:100px } }