/*
	Theme Name: Emag Virtual Expo 2020
	Theme URI: http://emag.archiexpo.com
	Description: Emag 2020 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
*/ 
/*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}
/*ROOT*/
:root {
	--fontsize:16px;
	--gutter: 30px;
	--gutter15: 15px;
	--padding20: 20px;
	--maxwidth:1390px;
	--maxwidthpage:1060px;
    --boxshadow: 0 0 15px 0 #ccc;
	--industrygradientleft:linear-gradient(to left,#3E5790,#2D3F68);
	--industrycolorfront:#F48D35;
	--industrycolorfront2:#3E5790;
	--archigradientleft:linear-gradient(to left,#3A3A3A,#2B2B2B);
	--archicolorfront:#1094E9;
	--archicolorfront2:#3A3A3A;
	--medicalgradientleft:linear-gradient(to left,#077A9C,#055871);
	--medicalcolorfront:#7ECCDC;
	--medicalcolorfront2:#077A9C;
	--agrigradientleft:linear-gradient(to left,#3A3A3A,#2B2B2B);
	--agricolorfront:#91D333;
	--agricolorfront2:#3A3A3A;
	--nauticgradientleft:linear-gradient(to left,#154D7D,#0d2e4b);
	--nauticcolorfront:#5EB5FE;
	--nauticcolorfront2:#154D7D;
	--aerogradientleft:linear-gradient(to left,#225989,#131D29);
	--aerocolorfront:#2EADD1;
	--aerocolorfront2:#225989;
} 
@media only screen and (max-width : 1090px) {
	:root {
		--fontsize:15px;
		--gutter: 10px;	
		--gutter15: 10px;
		--padding20: 10px;
		--maxwidth:100%;
		--maxwidthpage:100%;
	}	
}
/*COMMON*/
* { outline:none}
* { box-sizing: border-box}  
html, body { height: 100%; width:100%} 
body { font-size:var(--fontsize); font-weight:400; background:#333; font-family: 'Open Sans', sans-serif; color:#151515}
/*SECTION*/ 
.wrap { position:relative; background:#f6f6f6}  
.row { position:relative; margin:0px auto; padding:var(--gutter); max-width:var(--maxwidth)}
.row:after { content:""; display:table; clear:both; overflow:visible}
#page .row { max-width:var(--maxwidthpage)}
.row-container  { display: grid; grid-template-columns: 1fr 300px; grid-template-rows: 1fr; grid-gap:var(--gutter) }
/*PROGRESS BAR*/          
#progress-bar { position: fixed; top:0; left:240px; z-index:9999; height:5px; width: 0; background:#f7a810}
.portail-3 #progress-bar { background:var(--industrycolorfront) }
.portail-7 #progress-bar { background:var(--archicolorfront) }
.portail-9 #progress-bar { background:var(--medicalcolorfront) }
.portail-5 #progress-bar { background:var(--nauticcolorfront) }
.portail-13 #progress-bar { background:var(--aerocolorfront) }
.portail-11 #progress-bar { background:var(--agricolorfront) }
/*SIDEBAR*/
#sidebar { position: fixed; z-index:9998; left: 0; top: 0; bottom:0; width:240px; border-top:5px solid #f7a810; padding:var(--gutter); background:linear-gradient(to left,#151515,#151515) }
.portail-3 #sidebar { border-top:5px solid var(--industrycolorfront); background:var(--industrygradientleft) }
.portail-7 #sidebar { border-top:5px solid var(--archicolorfront); background:var(--archigradientleft) }
.portail-9 #sidebar { border-top:5px solid var(--medicalcolorfront); background:var(--medicalgradientleft) }
.portail-5 #sidebar { border-top:5px solid var(--nauticcolorfront); background:var(--nauticgradientleft) }
.portail-13 #sidebar { border-top:5px solid var(--aerocolorfront); background:var(--aerogradientleft) }
.portail-11 #sidebar { border-top:5px solid var(--agricolorfront); background:var(--agrigradientleft) }
/*WRAPPER*/  
#wrapper { left:240px; position:absolute; right:0; top:0}
/*BREADCRUMB*/
#breadcrumbs { text-transform:uppercase; color:#666; font-size:12px }
#breadcrumb .row { padding:var(--gutter); padding-bottom:0 } 
#breadcrumbs a { color: #666; text-decoration:none} 
#breadcrumbs a:hover { color: #151515}
/*ASIDE*/
.row-container-aside { position:relative }
.row-container-aside > div { position:relative; margin-bottom:var(--gutter) }
.row-container-aside > div:last-child { margin-bottom:0 }
.row-container-main > div { position:relative; margin-bottom:var(--gutter) }
.row-container-main > div:last-child { margin-bottom:0  }
.entry-content-inside { verflow:hidden; position:relative }
.entry-aside-inside { background:#d5d5d5; padding:var(--gutter) }
.entry-aside-inside-video { background:#151515; } 
.entry-aside-inside h2.entry-aside-title { font-size:24px; font-weight:400; margin-bottom:var(--gutter)}
.entry-aside-inside h3.entry-aside-title a { font-size:var(--fontsize); color:#151515; text-decoration: none}
.underlined { color: black; flex: 1; font-size: 2em; line-height: 1.2; text-decoration: none; background-image: linear-gradient(to right, #f7a810 0, #f7a810 100%); background-position: 0 1.2em; background-size: 0 100%; background-repeat: no-repeat; transition: background .5s }
.portail-3 .underlined { background-image: linear-gradient(to right, var(--industrycolorfront) 0, var(--industrycolorfront) 100%) }
.portail-7 .underlined { background-image: linear-gradient(to right, var(--archicolorfront) 0, var(--archicolorfront) 100%) }
.portail-9 .underlined { background-image: linear-gradient(to right, var(--medicalcolorfront) 0, var(--medicalcolorfront) 100%) }
.portail-5 .underlined { background-image: linear-gradient(to right, var(--nauticcolorfront) 0, var(--nauticcolorfront) 100%) }
.portail-13 .underlined { background-image: linear-gradient(to right, var(--aerocolorfront) 0, var(--aerocolorfront) 100%) }
.portail-11 .underlined { background-image: linear-gradient(to right, var(--agricolorfront) 0, var(--agricolorfront) 100%) }
.underlined:hover { background-size: 100% 100% }
.underlined--thin { background-image: linear-gradient(to right, black 0, black 100%) }
.underlined--thick { background-position: 0 -0.1em }
.underlined--offset { background-position: 0 0.2em; box-shadow: inset 0 -.5em 0 0 #d5d5d5 }
.g { text-align: center; background:#f6f6f6 }
.entry-ads-title { display:block; padding:5px; font-size:13px; text-align: center; color:#666; }
.grid-topstories li { display: block; margin-bottom:var(--gutter15); padding-bottom:var(--gutter15); border-bottom:1px solid #fff}
.grid-topstories li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0 }
.grid-mostview li { display: block; margin-bottom:var(--gutter)}
.grid-mostview li img { margin-bottom:var(--gutter15) }
.grid-mostview li:last-child { margin-bottom:0 }
.grid-lastpostauthor li { display: block; margin-bottom:var(--gutter15); padding-bottom:var(--gutter15); border-bottom:1px solid #fff}
.grid-lastpostauthor li img { border-radius:50%  }
.grid-lastpostauthor li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0 }
.grid-lastpostauthor li > article { display: grid; align-items: center; grid-gap:var(--gutter15); grid-template-columns: 60px 1fr;  }
.grid-editorpicks li {  margin-bottom:var(--gutter15); padding-bottom:var(--gutter15); border-bottom:1px solid #fff}
.grid-editorpicks li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0 }
.grid-editorpicks li > article { display: grid; align-items: center; grid-gap:var(--gutter15); grid-template-columns: 15px 1fr;  }
.grid-editorpicks li span { font-weight:700; color:#f7a810; font-size:24px }
.portail-3 .grid-editorpicks li span { color:var(--industrycolorfront) }
.portail-7 .grid-editorpicks li span { color:var(--archicolorfront) }
.portail-9 .grid-editorpicks li span { color:var(--medicalcolorfront) }
.portail-5 .grid-editorpicks li span { color:var(--nauticcolorfront) }
.portail-13 .grid-editorpicks li span { color:var(--aerocolorfront) }
.portail-11 .grid-editorpicks li span { color:var(--agricolorfront) }
/*BASELINE*/
.header-baseline { font-size:13px; font-weight:700; color:#f7a810; padding-top:var(--padding20)}
.portail-3 .header-baseline { color:var(--industrycolorfront) }
.portail-7 .header-baseline { color:var(--archicolorfront) }
.portail-9 .header-baseline { color:var(--medicalcolorfront) }
.portail-5 .header-baseline { color:var(--nauticcolorfront) }
.portail-13 .header-baseline { color:var(--aerocolorfront) }
.portail-11 .header-baseline { color:var(--agricolorfront) }
/*SUB CATEGORY*/ 
.entry-subcategory { padding-top:var(--gutter); text-align: center}
.entry-subcategory a { border: 1px solid #fff; display: inline-block; margin:2px; font-size: 13px; padding: 2px 5px; text-decoration: none; color:#fff }
.entry-subcategory a:last-child { margin-right:0} 
.entry-subcategory a:hover { background:#f7a810; border:1px solid #f7a810 }
.portail-3 .entry-subcategory a:hover { border:1px solid var(--industrycolorfront); background:var(--industrycolorfront) }
.portail-7 .entry-subcategory a:hover { border:1px solid var(--archicolorfront); background:var(--archicolorfront) }
.portail-9 .entry-subcategory a:hover { border:1px solid var(--medicalcolorfront); background:var(--medicalcolorfront) }
.portail-5 .entry-subcategory a:hover { border:1px solid var(--nauticcolorfront); background:var(--nauticcolorfront) }
.portail-13 .entry-subcategory a:hover { border:1px solid var(--aerocolorfront); background:var(--aerocolorfront) }
.portail-11 .entry-subcategory a:hover { border:1px solid var(--agricolorfront); background:var(--agricolorfront) }
/*SEARCH BAR*/
#searchbar { background:#fff; position:fixed; padding:50px; top:0; left:240px; right:0; height:100vh; z-index:9998; display: none}
.searchbar-inside { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:50px; width:100%;}
.searchform { display: flex}
.searchform input[type=search] { width: 100%; vertical-align:middle; background:none; color:#344E6F; padding:25px 0; font-size:36px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:0; border-bottom:1px solid black}
.searchform input.submit { vertical-align:middle; margin-top:25px; margin-left:25px; height:43px} 
.searchform input[type=search]:hover { border-bottom:1px solid #f7a810 } 
.searchform ::-webkit-input-placeholder { color: #666}        
.searchform :-moz-placeholder { color: #666; opacity: 1}  
.searchform ::-moz-placeholder { color: #666; opacity: 1} 
.searchform :-ms-input-placeholder { color:#666} 
.portail-3 .searchform input[type=search]:hover { border-bottom:1px solid var(--industrycolorfront)}  
.portail-7 .searchform input[type=search]:hover { border-bottom:1px solid var(--archicolorfront)}  
.portail-9 .searchform input[type=search]:hover { border-bottom:1px solid var(--medicalcolorfront)}  
.portail-5 .searchform input[type=search]:hover { border-bottom:1px solid var(--nauticcolorfront)}  
.portail-13 .searchform input[type=search]:hover { border-bottom:1px solid var(--aerocolorfront)}  
.portail-11 .searchform input[type=search]:hover { border-bottom:1px solid var(--agricolorfront)}  
/*SOCIAL*/
.menu-social-author > li { display:inline-block; margin-right:20px; vertical-align:middle } 
.menu-social-author > li:last-child { margin-right:0}
.menu-social-author > li span { display:none } 
.menu-social-author > li a:before { color: #151515; font-family: 'FontAwesome'; font-size: 21px; display: inline-block; position: relative }
.menu-social-author > li a:hover:before { color:#f7a810 }
.menu-social-author > li.website a:before { content: "\f0ac"} 
.menu-social-author > li.facebook a:before { content: "\f09a"} 
.menu-social-author > li.twitter a:before{ content: "\f099"}
.menu-social-author > li.youtube a:before{ content: "\f16a"}
.menu-social-author > li.linkedin a:before { content: "\f0e1"}
.menu-social-author > li.instagram a:before { content: "\f16d"}
.menu-social-author > li.pinterest a:before { content: "\f231"}
.portail-3 .menu-social-author > li a:hover:before { color:var(--industrycolorfront) }
.portail-7 .menu-social-author > li a:hover:before { color:var(--archicolorfront) }
.portail-9 .menu-social-author > li a:hover:before { color:var(--medicalcolorfront) }
.portail-5 .menu-social-author > li a:hover:before { color:var(--nauticcolorfront) }
.portail-13 .menu-social-author > li a:hover:before { color:var(--aerocolorfront) }
.portail-11 .menu-social-author > li a:hover:before { color:var(--agricolorfront) }
/*SIDEBAR*/
#sidebar .toggle-menu { display:none}
.menu-sidebar { margin-top: 20px }
.menu-sidebar > li { font-size:var(--fontsize); line-height:1.5em }
.menu-sidebar > li > a { display: block; position: relative; text-decoration: none; color: #fff }
.menu-sidebar > li > a:hover { color:#f7a810 }
.portail-3 .menu-sidebar > li > a:hover { color:var(--industrycolorfront) }
.portail-7 .menu-sidebar > li > a:hover { color:var(--archicolorfront) }
.portail-9 .menu-sidebar > li > a:hover { color:var(--medicalcolorfront) }
.portail-5 .menu-sidebar > li > a:hover { color:var(--nauticcolorfront) }
.portail-13 .menu-sidebar > li > a:hover { color:var(--aerocolorfront) }
.portail-11 .menu-sidebar > li > a:hover { color:var(--agricolorfront) }
.menu-sidebar > li.menu-item-has-children > a:after { position: absolute; top: 2px; right: 0; transition: transform .5s ease; content: "\f067"; font-family: 'FontAwesome'; font-size: 12px }
.menu-sidebar > li.menu-item-has-children:hover > a:after,
.menu-sidebar > li.menu-item-has-children:focus > a:after { content: "\f068" }
.menu-sidebar ul { display: none }
.menu-sidebar > li.menu-item-has-children:hover > ul,
.menu-sidebar > li.menu-item-has-children:focus > ul { display: block }
.sub-menu > li > a { display:block; padding-left:10px; position: relative; text-decoration: none; color: #fff }
.sub-menu > li > a:before { position: absolute; top: 0; left: 0; transition: transform .5s ease; content: "\f0da"; font-family: 'FontAwesome'; font-size: 12px }
.search-sidebar { margin-top: 20px}       
.search-sidebar a { font-size:var(--fontsize); text-decoration: none; line-height:1.5em; color:#fff }
.search-sidebar a:hover { text-decoration: none; line-height:1.5em; color:#f7a810 }
.portail-3 .search-sidebar a:hover { color:var(--industrycolorfront) }
.portail-7 .search-sidebar a:hover { color:var(--archicolorfront) }
.portail-9 .search-sidebar a:hover { color:var(--medicalcolorfront) }
.portail-5 .search-sidebar a:hover { color:var(--nauticcolorfront) }
.portail-13 .search-sidebar a:hover { color:var(--aerocolorfront) }
.portail-11 .search-sidebar a:hover { color:var(--agricolorfront) }
.search-sidebar i.fa { padding-right:5px }
.newsletter-sidebar { margin-top:20px}
.newsletter-sidebar p { font-size:13px; color:#fff; padding-bottom:10px}
.newsletter-sidebar a { display: block; background:#f7a810; text-decoration:none; text-transform: uppercase;font-weight: 700; font-size:13px; text-align:center; padding:5px 0; color:#fff}
.newsletter-sidebar a:before { font-family: 'FontAwesome'; content: " \f003"; font-weight: 400; font-size:16px; padding-right:5px }
.portail-3 .newsletter-sidebar a { background:var(--industrycolorfront) }
.portail-7 .newsletter-sidebar a { background:var(--archicolorfront) }
.portail-9 .newsletter-sidebar a { background:var(--medicalcolorfront) }
.portail-5 .newsletter-sidebar a { background:var(--nauticcolorfront) }
.portail-13 .newsletter-sidebar a { background:var(--aerocolorfront) }
.portail-11 .newsletter-sidebar a { background:var(--agricolorfront) }
.newsletter-sidebar a:hover { background:#151515 }
/*SOCIAL*/
.menu-social { margin-top:20px  }
.menu-social > li { cursor:pointer; display:inline-block; -webkit-border-radius: 100%; border-radius: 100%; width:30px; height:30px; font-size:var(--fontsize); 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; width:30px; height:30px; line-height:30px; font-family: 'FontAwesome'; font-size:var(--fontsize); display: inline-block; position: relative }
.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" }
.portail-3 .menu-social > li { background:var(--industrycolorfront); }
.portail-7 .menu-social > li { background:var(--archicolorfront); }
.portail-9 .menu-social > li { background:var(--medicalcolorfront); }
.portail-5 .menu-social > li { background:var(--nauticcolorfront); }
.portail-13 .menu-social > li { background:var(--aerocolorfront); }
.portail-11 .menu-social > li { background:var(--agricolorfront); }
/*MENU SOCIAL SHARING*/
.menu-social-sharing { text-align: center; margin-bottom:30px; font-size:0 }
.menu-social-sharing > li { cursor:pointer; display:inline-block; -webkit-border-radius: 100%; border-radius: 100%; background:#999; width:30px; height:30px; font-size:var(--fontsize); line-height:30px; margin-right:5px; text-align:center; vertical-align:middle } 
.menu-social-sharing > li:last-child { margin-right:0} 
.menu-social-sharing > li span { display:none } 
.menu-social-sharing > li a:before { color: #fff; width:30px; height:30px; line-height:30px; font-family: 'FontAwesome'; font-size:var(--fontsize); display: inline-block; position: relative }
.menu-social-sharing > li.facebook { background:#3b5999 }
.menu-social-sharing > li.facebook a:before {  content: "\f09a"} 
.menu-social-sharing > li.twitter { background:#55acee }
.menu-social-sharing > li.twitter a:before{ content: "\f099"}
.menu-social-sharing > li.youtube { background:#cd201f }
.menu-social-sharing > li.youtube a:before{ content: "\f167"}
.menu-social-sharing > li.linkedin { background:#0077B5 }
.menu-social-sharing > li.linkedin a:before { content: "\f0e1"}
.menu-social-sharing > li.instagram { background:#3b5999 }
.menu-social-sharing > li.instagram a:before { content: "\f16d"}
.menu-social-sharing > li.pinterest { background:#bd081c } 
.menu-social-sharing > li.pinterest a:before { content: "\f231"}
/*SINGLE META*/ 
.entry-author-single { border-bottom:1px solid #ddd; padding-bottom:var(--gutter15); display: grid; align-items: center; grid-gap:var(--gutter15); grid-template-columns: 100px 1fr }
.entry-author-single img { background:#fff; width:142px; border-radius:50%; margin-right:var(--gutter15); border:1px solid #ddd}
.entry-author-single h4.entry-title { padding-bottom:var(--gutter15)}
.entry-content a:not([href*='emag.directindustry.com']):not([href^='#']):not([href^='/']):after { font-family: 'FontAwesome'; content: " \f08e";}
.entry-portrait { text-align: center }
/*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") } 
/*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 }
/*SCROLLTOP*/
#scrolltop { position:absolute; left:50%; top:-25px; 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 }
.portail-3 #scrolltop:hover { background-color:var(--industrycolorfront); }
.portail-7 #scrolltop:hover { background-color:var(--archicolorfront); }
.portail-9 #scrolltop:hover { background-color:var(--medicalcolorfront); }
.portail-5 #scrolltop:hover { background-color:var(--nauticcolorfront); }
.portail-13 #scrolltop:hover { background-color:var(--aerocolorfront); }
.portail-11 #scrolltop:hover { background-color:var(--agricolorfront); }
/*GRID TEAM*/ 
.grid-team { margin-bottom:var(--gutter); display: grid; grid-gap:var(--gutter15); grid-template-columns: repeat(3,1fr) } 
.grid-team > li { text-align: center; padding:var(--padding20); border:1px solid #ddd; position:relative; background:#fff; isplay: grid; rid-template-columns: 1fr; rid-gap:var(--padding20) }
.grid-team > li:hover { box-shadow: var(--boxshadow)}
.grid-team > li h4.entry-title { margin-bottom:var(--gutter15) }
/*ENTRY PORTRAIT*/
.entry-portrait img { border-radius: 50%; width:142px; border: 1px solid #ddd; margin-bottom:var(--gutter15) }
/*ENTRY SUMMARY*/
.entry-summary { text-align: justify; font-size:12px}
/*ENTRY BUTTON EMAIL*/
.entry-email { text-align: center; margin-top:var(--gutter15) }
.entry-email a { display: inline-block; background:#f7a810; padding:5px 10px; text-transform:uppercase; color:#fff; text-decoration:none; font-size:13px } 
.portail-3 .entry-email a { background:var(--industrycolorfront); }
.portail-7 .entry-email a { background:var(--archicolorfront); }
.portail-9 .entry-email a { background:var(--medicalcolorfront); }
.portail-5 .entry-email a { background:var(--nauticcolorfront); }
.portail-13 .entry-email a { background:var(--aerocolorfront); }
.portail-11 .entry-email a { background:var(--agricolorfront); }
.entry-email a:hover { background:#151515 } 
.entry-email a:before { content:"\f003"; font-family: 'FontAwesome'; font-size: 13px; display: inline-block; padding-right:5px }
/*GRID*/  
.grid { display: grid; grid-gap:15px; grid-template-columns: repeat(3,1fr);  } 
.grid > li { position:relative; display: grid;  background:#fff; grid-template-columns: 1fr; grid-gap:15px } 
.grid > li:hover { box-shadow:var(--boxshadow) }
.grid > li h4.entry-title { font-size:var(--fontsize); font-weight:700; margin-bottom:0}
.grid > li h4.entry-title a { color:#151515; text-decoration: none }
.grid > li h4.entry-title a:hover { color:#f7a810; text-decoration: none }
.portail-3 .grid > li h4.entry-title a:hover { color:var(--industrycolorfront); }
.portail-7 .grid > li h4.entry-title a:hover { color:var(--archicolorfront); }
.portail-9 .grid > li h4.entry-title a:hover { color:var(--medicalcolorfront); }
.portail-5 .grid > li h4.entry-title a:hover { color:var(--nauticcolorfront); }
.portail-13 .grid > li h4.entry-title a:hover { color:var(--aerocolorfront); }
.portail-11 .grid > li h4.entry-title a:hover { color:var(--agricolorfront); }
/*GRID VIDEO*/
.gridvideo > li { background:#151515 } 
.gridvideo > li h4.entry-title a { color:#fff; text-decoration: none }
.gridvideo > li h4.entry-title a:hover { color:#f7a810; text-decoration: none }
.portail-3 .gridvideo > li h4.entry-title a:hover { color:var(--industrycolorfront); }
.portail-7 .gridvideo > li h4.entry-title a:hover { color:var(--archicolorfront); }
.portail-9 .gridvideo > li h4.entry-title a:hover { color:var(--medicalcolorfront); }
.portail-5 .gridvideo > li h4.entry-title a:hover { color:var(--nauticcolorfront); }
.portail-13 .gridvideo > li h4.entry-title a:hover { color:var(--aerocolorfront); }
.portail-11 .gridvideo > li h4.entry-title a:hover { color:var(--agricolorfront); }
.entry-image { position:relative }
.entry-image-partnership { margin-bottom:40px}
.entry-copyright { text-align: right;  margin-top:-30px; margin-bottom:30px }
.entry-copyright span { background:#fff; display:inline-block;padding:5px 10px; font-size:13px; color:#151515}
.entry-iconvideo { position:absolute; z-index:3; top: 0; left: 0 }
.entry-iconvideo i { font-size:18px; background:#fff; padding:5px 7px; color:#151515 }
.entry-video { position: relative;  padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto } 
.entry-video iframe,
.entry-video object,
.entry-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
/*SLIDER*/ 
.row-container-main .flexslider { display: block; overflow:hidden; position:relative; width: 100%}
.row-container-main .slides { width: 100%; height: 100%} 
.row-container-main .slides li { width: 100%; height: 100%; position:relative; z-index:9998 }
.row-container-main .flexslider .entry-meta span { color:#ccc }
.row-container-main .slides li:hover { box-shadow: var(--boxshadow)}
.row-container-main .slides > li h4.entry-title a { font-size:24px; color:#fff !important; text-decoration: none }
.row-container-main .slides > li h4.entry-title a:hover { color:#f7a810 !important; text-decoration: none }
.portail-3 .row-container-main .slides > li h4.entry-title a:hover { color:var(--industrycolorfront) !important; }
.portail-7 .row-container-main .slides > li h4.entry-title a:hover { color:var(--archicolorfront) !important; }
.portail-9 .row-container-main .slides > li h4.entry-title a:hover { color:var(--medicalcolorfront) !important; }
.portail-5 .row-container-main .slides > li h4.entry-title a:hover { color:var(--nauticcolorfront) !important; }
.portail-13 .row-container-main .slides > li h4.entry-title a:hover { color:var(--aerocolorfront) !important; }
.portail-11 .row-container-main .slides > li h4.entry-title a:hover { color:var(--agricolorfront) !important; }
.row-container-main .slides > li .entry-meta { padding:0; padding-top:5px}
.row-container-main .flex-control-nav {  width:100%; font-size:0; position:absolute; right:20px; top:20px; z-index:9996; text-align:right}
.row-container-main .flex-control-nav li { margin-right:5px; display:inline-block}   
.row-container-main .flex-control-nav li:last-child { margin-right:0 }   
.row-container-main .flex-control-nav li a { width:15px; height:15px; display:block; background: rgba(255,255,255,1); }
.row-container-main .flex-control-nav li a:hover { background: rgba(255,255,255,0.5); cursor:pointer }
.row-container-main .flex-control-nav li a.flex-active { background:#f7a810; cursor:auto } 
.portail-3 .row-container-main .flex-control-nav li a.flex-active { background:var(--industrycolorfront); }
.portail-7 .row-container-main .flex-control-nav li a.flex-active { background:var(--archicolorfront); }
.portail-9 .row-container-main .flex-control-nav li a.flex-active { background:var(--medicalcolorfront); }
.portail-5 .row-container-main .flex-control-nav li a.flex-active { background:var(--nauticcolorfront); }
.portail-13 .row-container-main .flex-control-nav li a.flex-active { background:var(--aerocolorfront); }
.portail-11 .row-container-main .flex-control-nav li a.flex-active { background:var(--agricolorfront); }
/*GRID AFTERSLIDER*/
.gridafterslider > li h4.entry-title a {  color:#fff; text-decoration: none }
.gridafterslider > li h4.entry-title  a:hover { color:#f7a810; text-decoration: none }
.portail-3 .gridafterslider > li h4.entry-title  a:hover { color:var(--industrycolorfront); }
.portail-7 .gridafterslider > li h4.entry-title  a:hover { color:var(--archicolorfront); }
.portail-9 .gridafterslider > li h4.entry-title  a:hover { color:var(--medicalcolorfront); }
.portail-5 .gridafterslider > li h4.entry-title  a:hover { color:var(--nauticcolorfront); }
.portail-13 .gridafterslider > li h4.entry-title  a:hover { color:var(--aerocolorfront); }
.portail-11 .gridafterslider > li h4.entry-title  a:hover { color:var(--agricolorfront); }
.gridafterslider > li .entry-meta { padding:0; padding-top:5px}
.gridafterslider > li .entry-meta span { color:#ccc }
/*ENTRY META*/
.entry-meta { line-height:16px; padding:5px 0}
.entry-meta span { display:inline-block; margin-right:10px; color:#151515; font-size:11px} 
.entry-meta span:last-child { margin-right: 0}    
.entry-meta span:before { font-family: 'FontAwesome'; font-size: 13px; display: inline-block; vertical-align:top; padding-right:5px }
.entry-meta span.entry-meta-date:before { content:"\f073" } 
.entry-meta span.entry-meta-view:before { content:"\f06e" }
.entry-meta span.entry-meta-timeread:before { content:"\f017" }
.entry-meta span.entry-meta-author:before { content:"\f040" }
.entry-meta span.entry-meta-updated:before { content:"\f1b8" }
.entry-meta a { text-decoration: none; color:#151515}
.entry-meta a:hover { color:#f7a810; text-decoration: none} 
.portail-3 .entry-meta a:hover { color:var(--industrycolorfront); }
.portail-7 .entry-meta a:hover { color:var(--archicolorfront); }
.portail-9 .entry-meta a:hover { color:var(--medicalcolorfront); }
.portail-5 .entry-meta a:hover { color:var(--nauticcolorfront); }
.portail-13 .entry-meta a:hover { color:var(--aerocolorfront); }
.portail-11 .entry-meta a:hover { color:var(--agricolorfront); }
.entry-aside-inside .entry-meta { overflow:hidden; padding:0; padding-top:var(--gutter15)}
.entry-aside-inside .entry-meta span { color:#151515 } 
/*CATEGORY*/
.entry-category { line-height:16px; margin-bottom:5px }
.entry-category a { display: inline-block; color:#fff; font-weight:700; background:#f7a810; text-decoration: none; font-size:11px; text-transform: uppercase; padding:1px 5px}
.portail-3 .entry-category a { background:var(--industrycolorfront); }
.portail-7 .entry-category a { background:var(--archicolorfront); }
.portail-9 .entry-category a { background:var(--medicalcolorfront); }
.portail-5 .entry-category a { background:var(--nauticcolorfront); }
.portail-13 .entry-category a { background:var(--aerocolorfront); }
.portail-11 .entry-category a { background:var(--agricolorfront); }
.entry-category a:hover { background:#151515 }
.entry-category span { margin-right:2px }
.entry-category span:last-child { margin-right: 0}
.entry-category-single { text-align: center; margin-bottom:20px }
/*TAG*/ 
.entry-tag { margin-top:var(--gutter) }
.entry-tag-label { position: relative; display: inline-block; height: 24px; margin-left: 12px; margin-right:6px; margin-bottom:6px; background:#f7a810; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 0 8px 0 12px; color: #fff; font-size: 11px; text-transform:uppercase; line-height: 24px; text-decoration: none; zoom: 1}
.portail-3 .entry-tag-label { background:var(--industrycolorfront); }
.portail-7 .entry-tag-label { background:var(--archicolorfront); }
.portail-9 .entry-tag-label { background:var(--medicalcolorfront); }
.portail-5 .entry-tag-label { background:var(--nauticcolorfront); }
.portail-13 .entry-tag-label { background:var(--aerocolorfront); }
.portail-11 .entry-tag-label { background:var(--agricolorfront); }
.entry-tag-label:hover { background:#151515; color:#fff}
.entry-tag-arrow { content: ""; position: absolute; border-color: transparent #f7a810 transparent transparent; top: 0; left: -12px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 12px 0}
.portail-3 .entry-tag-arrow { border-color: transparent var(--industrycolorfront) transparent transparent; }
.portail-7 .entry-tag-arrow { border-color: transparent var(--archicolorfront) transparent transparent; }
.portail-9 .entry-tag-arrow { border-color: transparent var(--medicalcolorfront) transparent transparent; }
.portail-5 .entry-tag-arrow { border-color: transparent var(--nauticcolorfront) transparent transparent; }
.portail-13 .entry-tag-arrow { border-color: transparent var(--aerocolorfront) transparent transparent; }
.portail-11 .entry-tag-arrow { border-color: transparent var(--agricolorfront) transparent transparent; }
.entry-tag-label:hover .entry-tag-arrow { border-color: transparent #151515 transparent transparent;}
.entry-tag-label:hover .entry-tag-arrow { border-color: transparent #151515 transparent transparent;}
.entry-tag-bullet { content: ""; position: absolute; top: 10px; left: 0; float: left; width: 4px; height: 4px; border-radius: 2px; background-color: #fff}
/*TITLE*/
h1.entry-title { font-family: 'Merriweather', serif; text-align: center; font-size: 28px; font-weight:700; color:#151515; margin-bottom:var(--gutter)}
h3.entry-title { font-family: 'Merriweather', serif; text-align: center; font-size: 22px; font-weight:700; color:#151515; margin-bottom:var(--gutter)}
h2.entry-title { color: #f7a810; font-family: 'Merriweather', serif; border-top: 1px solid #ddd; display:flex; justify-content:space-between; align-items:center; padding-top:15px; margin-bottom:var(--gutter); font-size: 26px; font-weight: 400 } 
.portail-3 h2.entry-title { color:var(--industrycolorfront); }
.portail-7 h2.entry-title { color:var(--archicolorfront); }
.portail-9 h2.entry-title { color:var(--medicalcolorfront); }
.portail-5 h2.entry-title { color:var(--nauticcolorfront); }
.portail-13 h2.entry-title { color:var(--aerocolorfront); }
.portail-11 h2.entry-title { color:var(--agricolorfront); }
h2.entry-title > span { font-size: 13px; font-family: 'Open Sans', sans-serif; color:#f7a810 }
.portail-3 h2.entry-title > span { color:var(--industrycolorfront); }
.portail-7 h2.entry-title > span { color:var(--archicolorfront); }
.portail-9 h2.entry-title > span { color:var(--medicalcolorfront); }
.portail-5 h2.entry-title > span { color:var(--nauticcolorfront); }
.portail-13 h2.entry-title > span { color:var(--aerocolorfront); }
.portail-11 h2.entry-title > span { color:var(--agricolorfront); }
h2.entry-title > span a { text-decoration:none; color:#151515 }
h2.entry-title > span a:hover { color:#f7a810 }
.portail-3 h2.entry-title > span a:hover { color:var(--industrycolorfront); }
.portail-7 h2.entry-title > span a:hover { color:var(--archicolorfront); }
.portail-9 h2.entry-title > span a:hover { color:var(--medicalcolorfront); }
.portail-5 h2.entry-title > span a:hover { color:var(--nauticcolorfront); }
.portail-13 h2.entry-title > span a:hover { color:var(--aerocolorfront); }
.portail-11 h2.entry-title > span a:hover { color:var(--agricolorfront); }
h2.entry-title > span a:after { content:"\f178"; font-family: 'FontAwesome'; font-size:var(--fontsize); margin-left:5px; display: inline-block; color:#f7a810 }
.portail-3 h2.entry-title > span a:after { color:var(--industrycolorfront); }
.portail-7 h2.entry-title > span a:after { color:var(--archicolorfront); }
.portail-9 h2.entry-title > span a:after { color:var(--medicalcolorfront); }
.portail-5 h2.entry-title > span a:after { color:var(--nauticcolorfront); }
.portail-13 h2.entry-title > span a:after { color:var(--aerocolorfront); }
.portail-11 h2.entry-title > span a:after { color:var(--agricolorfront); }
/*ENTRY CONTENT*/
.entry-content p { padding-bottom:var(--gutter); text-align: justify; overflow-wrap: break-word; word-wrap: break-word; hyphens: none; line-height:1.5em}
.entry-content p:last-child { padding:0 } 
.entry-description,
.entry-description p { text-align: center }
.entry-rgpd { font-size:12px}
.entry-content a { color:#f7a810; text-decoration:none}
.portail-3 .entry-content a { color:var(--industrycolorfront); }
.portail-7 .entry-content a { color:var(--archicolorfront); }
.portail-9 .entry-content a { color:var(--medicalcolorfront); }
.portail-5 .entry-content a { color:var(--nauticcolorfront); }
.portail-13 .entry-content a { color:var(--aerocolorfront); }
.portail-11 .entry-content a { color:var(--agricolorfront); }
.entry-content a:hover { color:#f7a810; text-decoration:underline}
.portail-3 .entry-content a:hover { color:var(--industrycolorfront); }
.portail-7 .entry-content a:hover { color:var(--archicolorfront); }
.portail-9 .entry-content a:hover { color:var(--medicalcolorfront); }
.portail-5 .entry-content a:hover { color:var(--nauticcolorfront); }
.portail-13 .entry-content a:hover { color:var(--aerocolorfront); }
.portail-11 .entry-content a:hover { color:var(--agricolorfront); }
.entry-content hr { display: block; border:0; margin:0 auto var(--gutter); height:2px; background: #f7a810; width:100% }
.portail-3 .entry-content hr {color:var(--industrycolorfront); }
.portail-7 .entry-content hr { color:var(--archicolorfront); }
.portail-9 .entry-content hr { color:var(--medicalcolorfront); }
.portail-5 .entry-content hr {color:var(--nauticcolorfront); }
.portail-13 .entry-content hr { color:var(--aerocolorfront); }
.portail-11 .entry-content hr { color:var(--agricolorfront); }
.entry-content h2 { font-family: 'Merriweather', serif; font-size: 24px; font-weight:700; margin-bottom:var(--gutter)}
.entry-content h3 { font-family: 'Merriweather', serif; font-size: 22px; font-weight:700; margin-bottom:var(--gutter)}
.entry-content h4 { font-family: 'Merriweather', serif; font-size: 20px; font-weight:700; margin-bottom:var(--gutter)}
.entry-content h5 { font-family: 'Merriweather', serif; font-size: 18px; font-weight:700; color:#f7a810; margin-bottom:var(--gutter)}
.portail-3 .entry-content h5 {color:var(--industrycolorfront); }
.portail-7 .entry-content h5 { color:var(--archicolorfront); }
.portail-9 .entry-content h5 { color:var(--medicalcolorfront); }
.portail-5 .entry-content h5 {color:var(--nauticcolorfront); }
.portail-13 .entry-content h5 { color:var(--aerocolorfront); }
.portail-11 .entry-content h5 { color:var(--agricolorfront); }
.entry-content h6 { background:#ddd; font-weight:400; padding:20px; margin-bottom:var(--gutter)}
.entry-content table { width:100%; border:1px solid #ddd; margin-bottom:var(--gutter)}
.entry-content thead td { background:#151515; text-transform: uppercase; font-size:var(--fontsize); font-weight:700; color:#fff; text-align: center}
.entry-content td { font-size:var(--fontsize); border:1px solid #ddd; vertical-align: middle; padding:10px; text-align: center}
.entry-content tbody td:first-child { font-weight:700 }
.entry-content > ul { padding-bottom:10px}       
.entry-content > ul > li { padding-left:10px; list-style:none; line-height:1.5em}
.entry-content > ul > li:before { color:#f7a810; margin-right:5px; font-weight: 700; padding-bottom:0; vertical-align:middle; display:inline-block; content: "•"; font-size:25px}
.portail-3 .entry-content ul > li:before { color:var(--industrycolorfront); }
.portail-7 .entry-content ul > li:before { color:var(--archicolorfront); }
.portail-9 .entry-content ul > li:before { color:var(--medicalcolorfront); }
.portail-5 .entry-content ul > li:before { color:var(--nauticcolorfront); }
.portail-13 .entry-content ul > li:before { color:var(--aerocolorfront); }
.portail-11 .entry-content ul > li:before { color:var(--agricolorfront); }
.entry-content > ol { margin:0 0 10px 10px}   
.entry-content > ol > li { list-style:decimal; margin-left:10px; line-height:1.4em}  
.entry-content .alignleft { float:left; margin-right:20px}
.entry-content .alignright { float:right; margin-left:20px} 
.entry-content .aligncenter { margin:0px auto} 
.entry-content .alignnone { margin:0px auto; margin-bottom:20px} 
.entry-content blockquote { margin-bottom:var(--gutter); margin-left:var(--gutter); line-height:1.5em; padding-left:var(--gutter); text-align: justify; font-style: italic; color:#666; border-left: 1px solid #f7a810 }
.portail-3 .entry-content blockquote { border-left: 1px solid var(--industrycolorfront); }
.portail-7 .entry-content blockquote { border-left: 1px solid var(--archicolorfront); }
.portail-9 .entry-content blockquote { border-left: 1px solid var(--medicalcolorfront); }
.portail-5 .entry-content blockquote { border-left: 1px solid var(--nauticcolorfront); }
.portail-13 .entry-content blockquote { border-left: 1px solid var(--aerocolorfront); }
.portail-11 .entry-content blockquote { border-left: 1px solid var(--agricolorfront); }
/*.wp-caption { ax-width:1000px; isplay: table }
.wp-caption img { max-width:1000px} 
.wp-caption .wp-caption-text { aption-side: bottom; isplay: table-caption; padding:5px !important; background:#ddd; font-size:13px; text-align: center; margin-bottom:var(--gutter) } 
*/
.wp-caption { height: auto; max-width: 100%; text-align: center; vertical-align: middle; width:auto !important; display:table }
.wp-caption .wp-caption-text { caption-side: bottom; display: table-caption; padding:5px !important; background:#ddd; font-size:13px; text-align: center; margin-bottom:var(--gutter) } 
/*ENTRY LINK*/
.entry-link { text-align: right}
.entry-link a { color:#f7a810}
.portail-3 .entry-link a {  color:var(--industrycolorfront); }
.portail-7 .entry-link a {  color:var(--archicolorfront); }
.portail-9 .entry-link a {  color:var(--medicalcolorfront); }
.portail-5 .entry-link a {  color:var(--nauticcolorfront); }
.portail-13 .entry-link a {  color:var(--aerocolorfront); }
.portail-11 .entry-link a {  color:var(--agricolorfront); }
/*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}
.portail-3 .entry-pagination li.current { background:var(--industrycolorfront); }
.portail-7 .entry-pagination li.current { background:var(--archicolorfront); }
.portail-9 .entry-pagination li.current { background:var(--medicalcolorfront); }
.portail-5 .entry-pagination li.current { background:var(--nauticcolorfront); }
.portail-13 .entry-pagination li.current { background:var(--aerocolorfront); }
.portail-11 .entry-pagination li.current { background:var(--agricolorfront); }
.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-3 .entry-pagination li a:hover { background:var(--industrycolorfront); }
.portail-7 .entry-pagination li a:hover { background:var(--archicolorfront); }
.portail-9 .entry-pagination li a:hover { background:var(--medicalcolorfront); }
.portail-5 .entry-pagination li a:hover { background:var(--nauticcolorfront); }
.portail-13 .entry-pagination li a:hover { background:var(--aerocolorfront); }
.portail-11 .entry-pagination li a:hover { background:var(--agricolorfront); }
/*GRID INTRO*/
.gridintro > li h4.entry-title a { color:#fff; text-decoration: none }
.gridintro > li h4.entry-title  a:hover { color:#f48d35; text-decoration: none }
.gridintro li:first-child { color:#fff; min-height:623px; grid-column: span 1; grid-row: span 2; position: relative; background-repeat:no-repeat; background-size:cover; background-position:center center }
.gridintro li:first-child h1.entry-title { font-family: 'Merriweather', serif; color:#f7a810 }
.portail-3 .gridintro li:first-child h1.entry-title { color:var(--industrycolorfront); }
.portail-7 .gridintro li:first-child h1.entry-title { color:var(--archicolorfront); }
.portail-9 .gridintro li:first-child h1.entry-title { color:var(--medicalcolorfront); }
.portail-5 .gridintro li:first-child h1.entry-title { color:var(--nauticcolorfront); }
.portail-13 .gridintro li:first-child h1.entry-title { color:var(--aerocolorfront); }
.portail-11 .gridintro li:first-child h1.entry-title { color:var(--agricolorfront); }
.gridintro li:first-child > div { padding: 30px; display:block }
.portail-3 .gridintro li:first-child { background:var(--industrycolorfront2); }
.portail-7 .gridintro li:first-child { background:var(--archicolorfront2); }
.portail-9 .gridintro li:first-child { background:var(--medicalcolorfront2); }
.portail-5 .gridintro li:first-child { background:var(--nauticcolorfront2); }
.portail-13 .gridintro li:first-child { background:var(--aerocolorfront2); }
.portail-11 .gridintro li:first-child { background:var(--agricolorfront2); }
.gridintro > li .entry-meta { padding:0; padding-top:5px}
.gridintro > li .entry-meta span { color:#ccc }
.gridintro li:nth-child(2) {  grid-column: span 2; grid-row: span 2; position: relative; }
.gridintro > li:nth-child(2) h4.entry-title { font-size:24px }
.grid4 { grid-template-columns: repeat(2,1fr) }
/*INSIDE*/
.entry-inside { position:absolute; padding:var(--padding20); bottom:0; left:0; right:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
.entry-inside-default { padding:var(--padding20) }
.entry-image-default { position:relative }
.entry-image-default .entry-category { position: absolute; bottom:0; left:15px}
/*COLUMN*/
.content-column { display: grid; grid-gap:var(--gutter); grid-template-columns:auto 400px }
.content-column > div:last-child { background:#efefef; padding:var(--gutter); border-radius:10px }
/*CONTACT FORM*/
.wpcf7 { padding-top:var(--gutter); margin:0px auto !important; max-width:600px}
.wpcf7 .screen-reader-response { display: none}
.wpcf7-form label { font-weight:700; font-size:15px }
#theForm { display:flex }
.entry-success {  padding:var(--gutter); border:1px solid green; color:green; background:#dff2bf }
.entry-fail { padding:var(--gutter); border:1px solid red; color:red; background:#ffbaba}
.entry-rgpd { color:#666; padding-top:var(--gutter); text-align:center; font-size:12px; font-style:italic }
.wpcf7-form input,               
.wpcf7-form textarea, textarea,
#theForm input[type="text"],
#theForm2 input[type="text"]{ 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 } 
#theForm input[type="text"] { margin-bottom:0}
.wpcf7-form input:hover, textarea:hover, input.wpcf7-not-valid, textarea.wpcf7-not-valid, #theForm input[type="text"]:hover { border:1px solid #f7a810 }
#theForm2 input[type="text"] { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:14px; width:100%; margin:5px 0 }
#theForm em { color:red }
#theForm2 input[type="submit"] { width:100% }
.portail-3 .wpcf7-form input:hover,
.portail-3 .wpcf7-form textarea:hover,
.portail-3 #theForm input[type="text"]:hover,
.portail-3 #theForm2 input[type="text"]:hover { border:1px solid var(--industrycolorfront); }
.portail-7 .wpcf7-form input:hover,
.portail-7 .wpcf7-form textarea:hover,
.portail-7 #theForm input[type="text"]:hover { border:1px solid var(--archicolorfront); }
.portail-9 .wpcf7-form input:hover,
.portail-9 .wpcf7-form textarea:hover,
.portail-9 #theForm input[type="text"]:hover { border:1px solid var(--medicalcolorfront); }
.portail-5 .wpcf7-form input:hover,
.portail-5 .wpcf7-form textarea:hover,
.portail-5 #theForm input[type="text"]:hover {  border:1px solid var(--nauticcolorfront); }
.portail-13 .wpcf7-form input:hover,
.portail-13 .wpcf7-form textarea:hover,
.portail-13 #theForm input[type="text"]:hover { border:1px solid var(--aerocolorfront); }
.portail-11 .wpcf7-form input:hover,
.portail-11 .wpcf7-form textarea:hover,
.portail-11 #theForm input[type="text"]:hover { border:1px solid var(--agricolorfront); }
.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"] { background:#f7a810; border:1px solid #f7a810; font-family: 'Open Sans', sans-serif; padding:15px 25px; text-transform:uppercase; font-size:18px; font-weight:800; color:#fff }
#theForm input[type="submit"] { padding: 13px} 
.portail-3 input[type="submit"] { border:1px solid var(--industrycolorfront); background:var(--industrycolorfront); }
.portail-7 input[type="submit"] { border:1px solid var(--archicolorfront); background:var(--archicolorfront); }
.portail-9 input[type="submit"] { border:1px solid var(--medicalcolorfront); background:var(--medicalcolorfront); }
.portail-5 input[type="submit"] { border:1px solid var(--nauticcolorfront); background:var(--nauticcolorfront); }
.portail-13 input[type="submit"] { border:1px solid var(--aerocolorfront); background:var(--aerocolorfront); }
.portail-11 input[type="submit"] { border:1px solid var(--agricolorfront); background:var(--agricolorfront); }
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 }
.slidersingle.flexslider { position:relative; margin-bottom:30px }
.slidersingle .flex-direction-nav a { background:#fff; z-index:9999; border-radius:50%; width:40px; height:40px; position: absolute; margin-top:-20px; top: 50%; color:#151515 }  
.slidersingle .flex-direction-nav a:hover {background:#151515; color:#fff } 
.slidersingle .flex-direction-nav a.flex-prev { left:10px; text-align:center}    
.slidersingle .flex-direction-nav a.flex-next { right:10px; text-align:center} 
.slidersingle .flex-direction-nav a:before { font-family: "FontAwesome"; margin-top:5px; font-size: 30px; display: inline-block }
.slidersingle .flex-direction-nav a.flex-next:before  { content: "\f0da"; padding-left:4px }
.slidersingle .flex-direction-nav a.flex-prev:before  { content: "\f0d9"; padding-right:4px }
.slidersingle .flex-direction-nav a span { display:none} 
/*BUTTON 
.entry-button { text-align: center; display: block; }
.entry-button button { -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; text-transform: uppercase; font-size:18px; font-weight:700;  text-decoration: none; padding:10px 30px; background:#f48d35; color:#fff; border:2px solid #f48d35 }
.entry-button button:hover { border:2px solid #f48d35; color:#f48d35 !important; background:#fff }*/ 
/*BOX
.entry-box { position: relative; border:2px solid #f48d35; padding:40px; margin:40px 0 }
.entry-box:last-child { margin-bottom:0}
.entry-box h2.entry-box-title { position:absolute; top:-15px; left:30px; font-size:20px; padding:0 10px; background:#fff; margin-bottom:20px} 
.entry-box h2.entry-box-title > span { color:#f48d35; padding-right:10px; font-weight:700}
.entry-box-menu li { text-align: left; position:relative; margin-bottom:5px}
.entry-box-menu li a { color:#151515; text-decoration: none }
.entry-box-menu li a:hover { color:#f48d35 }
.entry-box-menu li > span { color:#f48d35; padding-right:10px; font-weight:700}*/
/*CAPTCHAV3*/
.grecaptcha-badge { display:none !important }
/*TABLET*/ 
@media only screen and (max-width : 1090px) { 
	.content-column { display: block; width:100% }
	.content-column > div:last-child { margin-top:var(--gutter);}
	#social .row { padding:10px !important }
	.menu-social { position:relative; bottom:auto; left:auto; text-align: center }
	.row-container { grid-template-columns: 1fr 250px } 
	.grid-team { grid-template-columns: repeat(2,1fr) } 
	.grid { grid-template-columns: repeat(2,1fr) }
	#sidebar { position:fixed;  top:0; left:0; right:0; border-top:0; bottom:auto; text-align:left; padding:10px; width:auto; box-shadow:none}
	#sidebar .menu-sidebar { display:none; margin-top:0}
	#sidebar .header-logo { padding-top: 5px }
	#sidebar .header-logo img { height:60px }
	h2.entry-title { font-size: 20px }
	h2.entry-title span a { font-size: 0; }
	.search-sidebar { margin-top: 0; position: absolute; top:30px; right: 10px; z-index:9999}       
	.search-sidebar span { display:none }
	.search-sidebar i.fa { padding-right:0 }
	.row-container-main .slides > li h4.entry-title a { font-size:16px }
	#progress-bar { left:0 }
 	#sidebar .toggle-menu { cursor:pointer; display:block; color:#fff; font-size:0; position: absolute; top:30px; right: 30px; z-index:9999}
	#sidebar .toggle-menu:before { display:inline-block; color:#fff; vertical-align:middle; font: normal 24px 'FontAwesome'; content: '\f0c9'}
	.menu-open #sidebar .header-logo { position:relative; z-index:9999}  
	.menu-open #sidebar .toggle-menu:before { display:inline-block; vertical-align:middle; font: normal 24px 'FontAwesome'; content: '\f00d'}
	.menu-open #sidebar .menu-sidebar { display:block; padding:120px 10px 10px; position:fixed; top:0; left:0; right:0; bottom:0; background:#151515; z-index:9998}
	.portail-3 .menu-open #sidebar .menu-sidebar { background:var(--industrycolorfront2);}
	.portail-7 .menu-open #sidebar .menu-sidebar { background:var(--archicolorfront2); }
	.portail-9 .menu-open #sidebar .menu-sidebar { background:var(--medicalcolorfront2); }
	.menu-open #sidebar	.menu-sidebar > li:hover a:before { top:13px }
	.menu-open #sidebar	.menu-sidebar > li.current-menu-item a:before { top:13px }
	.menu-social { margin-top:0  }
	#wrapper { left:auto; position:relative; right:auto; top:90px}
	#searchbar { background:#fff; position:fixed; padding:10px; top:0; left:0; right:0; height:100vh; z-index:9997; display: none}
	.searchbar-inside { padding:10px }	
	.entry-content .alignleft { float:none; margin-right:0}
	.entry-content .alignright { float:none; margin-left:0} 
	.entry-content .aligncenter { margin:0px auto} 
	.entry-content .alignnone { margin:0px auto; margin-bottom:20px} 
	/*.wp-caption { max-width:100%; display: block }
	.wp-caption img { max-width:100%; width:100%}  
	.wp-caption .wp-caption-text { display: block }*/
}
/*MOBILE*/ 
@media only screen and (max-width : 590px) {
	.row-container { display: block; grid-template-columns: 1fr; grid-gap: 10px }
	.row-container-aside { margin-top:10px }
	.grid-team { display: block; grid-gap:15px; grid-template-columns: 1fr }
	 .grid-team > li { display: block; width:100%; margin-bottom:10px; } 
	.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 }
	.entry-box { padding:10px; margin:0; margin-bottom:10px }
	table,tr, td { display: block; height:auto!important; width: auto!important }
	.grid { display: block; grid-gap:15px; grid-template-columns: 1fr }
	.grid > li { display: block; width:100%; margin-bottom:10px; } 
	.grid > li:last-child { margin-bottom:0 } 
	.grid-team { grid-template-columns: 1fr } 
	.gridintro li:first-child { min-height:auto }
	.entry-box h2.entry-box-title { position:relative; top:auto; left:auto; padding:0} 
	.entry-box h2.entry-box-title > span { color:#f48d35; padding-right:10px; font-weight:700}
	.entry-button button { margin-bottom:10px }
	h1.entry-title { font-size: 28px }
	.gridintro > li:nth-child(2) h4.entry-title { font-size:15px }
}