/*
	Theme Name: Guide Achat 2019
	Theme URI: http://www.r9456.com/guide/
	Description: Guide Achat 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
	Text Domain: guide
	Tags: responsive, html5, css3, jquery
	License: GNU General Public License
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/
/*COLOR
di=directindustry
di1=nauticexpo
portal-3=aeroexpo
portal-4=agriexpo 
portal-9=medicalexpo 
portal-7=archiexpo test*/
/*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:16px; font-weight:400; background:#424242; font-family: Arial,sans-serif; color:#666}
/*FONT*/
@font-face { font-family: 'HurmeGeometricSans3-SemiBold'; src: url('fonts/HurmeGeometricSans3-SemiBold_1_0.woff2') format('woff2'), url('fonts/HurmeGeometricSans3-SemiBold_1_0.woff') format('woff') }
/*SECTION*/
.wrap { position:relative }    
.row { position:relative; max-width: 1920px; margin: 0px auto; padding: 40px 20px}
.row:after { content:""; display:table; clear:both; overflow:visible}
@media only screen and (max-width : 780px) {
	.row { padding:10px }
}
/*GRID*/
.grid {  display: grid; justify-self: stretch; grid-gap: 40px; grid-template-columns:repeat(3,1fr) }
.grid-5 { grid-template-columns:repeat(5,1fr) }
.grid > li { font-size:17px; background:#fff; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; box-shadow: 0 5px 5px rgba(0,0,0,.1); padding:20px; position:relative}
.grid > li article { justify-content: space-between;
  flex-direction: column;
   eight: 100vh; flex: 1; grid-gap:10px;
  display: flex;}

.grid > li:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02);
    -o-transform: scale(1.02); transform: scale(1.02) }
@media only screen and (max-width : 1490px) {
	.grid { grid-template-columns:repeat(3,1fr) }
	.grid > li img { width:100% }
}
@media only screen and (max-width : 1290px) {
	.grid { grid-template-columns:repeat(2,1fr) }
}
@media only screen and (max-width : 590px) {	
	.grid { grid-gap: 20px; grid-template-columns:repeat(1,1fr) }
}
/*LIST*/

.list > li { text-indent: -0.51em; font-size:14px; padding-left:10px; list-style:none; line-height:1.4em}
.list > li:before { margin-right:5px; color:#F7A810; font-weight: 700; padding-bottom:0; vertical-align:middle; display:inline-block; content: "•"; font-size:25px} 
.di .list > li:before { color:#F48D35}
.ar .list > li:before { color:#2EADD1}
.ag .list > li:before { color:#91D333}
.ne .list > li:before { color:#5EB5FF}
.me .list > li:before { color:#7ECCDC}
.ae .list > li:before { color:#1094E9}
.list > li a {  text-decoration: none; color:#151515 }
.list > li a:hover { text-decoration: none; color:#F7A810 }
.di .list > li a:hover { color:#F48D35}
.ar .list > li a:hover { color:#2EADD1}
.ag .list > li a:hover { color:#91D333}
.ne .list > li a:hover { color:#5EB5FF}
.me .list > li a:hover { color:#7ECCDC}
.ae .list > li a:hover { color:#1094E9}
/*GRID CATEGORY*/
.grid-category{display:flex;flex-wrap:wrap;grid-gap:5px}
.grid-category a{font-size:11px; background:#3C3C3C; padding:2px 5px;font-weight:700;color:#fff !important;text-transform:uppercase;text-decoration:none !important}
.grid-category a:hover { background:#151515}

/*ENTRY LINK*/
.entry-link { text-align:left; margin-top: auto; width:100%; font-size:15px; text-transform: uppercase }
.entry-link a { background:#F7A810; font-size:15px; text-transform:uppercase; padding:10px 15px; display: inline-block; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; color:#fff; text-decoration: none } 
.di .entry-link a { background:#F48D35}
.ar .entry-link a { background:#2EADD1}
.ag .entry-link a { background:#91D333}
.ne .entry-link a { background:#5EB5FF}
.me .entry-link a { background:#7ECCDC}
.ae .entry-link a { background:#1094E9}
.entry-link a:hover { background:#151515; color:#fff; text-decoration: none } 
.entry-intro .entry-link { position:relative; text-align:left; padding:0 }
.grid-5 > li .entry-link { position:relative; margin-top:20px }
/*POST RATING*/
.post-ratings { font-size:16px; padding:10px; background:#efefef}
.post-ratings img { vertical-align: middle}
/*ENTRY IMAGE*/
.entry-image { position:relative }
/*LOGO*/
.entry-logo { padding: 17px 0 18px 0; padding:20px 0; text-align: center }
.entry-logo img { max-height: 120px; width: auto; }
/*RICHTEXT*/
h1.entry-title, .entry-title-h1 { font-family: 'HurmeGeometricSans3-SemiBold'; font-weight: 500;  color: #666; text-align: center; font-size: 32px; line-height: 32px }
.single h1.entry-title,
.category h1.entry-title { text-align:left; padding:0}
.entry-title-h2 { font-family: 'HurmeGeometricSans3-SemiBold'; text-transform:uppercase;
    clear:both; position:relative; margin: 20px 0; font-size: 18px; font-weight:400;
    color: #555659; border-bottom: 1px solid #ddd }

.entry-title-h2-last { margin:20px 0 } 
.column-aside .entry-title-h2 { margin:20px 0}
.entry-title-h2 span { position:absolute; padding-right: 10px; background-color: #f6f6f6; bottom: -10px }
.single h2.entry-title { font-family: 'HurmeGeometricSans3-SemiBold'; font-weight: 500; color: #151515; text-align: left; font-size: 24px; line-height: 24px; margin-bottom:20px }
h3.entry-title,
.home h2.entry-title,
.category h2.entry-title,
.search h2.entry-title { font-family: 'HurmeGeometricSans3-SemiBold'; font-weight: 500;  align-items: center; font-size:21px; }
h3.entry-title a,
.home h2.entry-title a,
.category h2.entry-title a,
.search h2.entry-title a { text-decoration: none; color:#151515 }
h3.entry-title a:hover,
.home h2.entry-title a:hover,
.category h2.entry-title a:hover,
.search h2.entry-title a:hover { text-decoration: none; color:#F7A810 }
.di h3.entry-title a:hover,
.di .home h2.entry-title a:hover,
.di .category h2.entry-title a:hover,
.di .search h2.entry-title a:hover { color:#F48D35}
.ar h3.entry-title a:hover,
.ar .home h2.entry-title a:hover,
.ar .category h2.entry-title a:hover,
.ar .search h2.entry-title a:hover { color:#2EADD1}
.ag h3.entry-title a:hover,
.ag .home h2.entry-title a:hover,
.ag .category h2.entry-title a:hover,
.ag .search h2.entry-title a:hover { color:#91D333}
.ne h3.entry-title a:hover,
.ne .home h2.entry-title a:hover,
.ne .category h2.entry-title a:hover,
.ne .search h2.entry-title a:hover { color:#5EB5FF}
.me h3.entry-title a:hover,
.me .home h2.entry-title a:hover,
.me .category h2.entry-title a:hover,
.me .search h2.entry-title a:hover { color:#7ECCDC}
.ae h3.entry-title a:hover,
.ae .home h2.entry-title a:hover,
.ae .category h2.entry-title a:hover,
.ae .search h2.entry-title a:hover { color:#1094E9}
.entry-intro { padding:20px; display:grid; grid-gap:20px; background:#eee; box-shadow: 0 5px 5px rgba(0,0,0,.1); }
.entry-content { overflow:hidden; padding-bottom:20px;  border-bottom:2px solid #ddd }
.entry-content:last-child { border-bottom:0; padding-bottom:0}
.entry-content p { line-height:1.4em; text-align: justify; padding-bottom:10px }
.entry-content p:last-child { padding-bottom:0 }
.entry-content a { text-decoration:none; color:#F7A810}
.entry-content h3 { font-family: 'HurmeGeometricSans3-SemiBold'; font-size: 20px; font-weight: 500; color: #666; margin-bottom:10px}
.entry-content h4 { font-family: 'HurmeGeometricSans3-SemiBold'; font-size: 18px; font-weight: 500; margin-bottom:10px}
.entry-content h5 { font-family: 'HurmeGeometricSans3-SemiBold'; font-size: 16px; font-weight: 500; color: #666; margin-bottom:10px}  
.entry-content h6 { font-family: 'HurmeGeometricSans3-SemiBold'; font-size: 15px; font-weight: 500; color: #666; margin-bottom:10px}
.di .entry-content h4 { color:#F48D35}
.ar .entry-content h4 { color:#2EADD1}
.ag .entry-content h4 { color:#91D333}
.ne .entry-content h4 { color:#5EB5FF}
.me .entry-content h4 { color:#7ECCDC}
.ae .entry-content h4 { color:#1094E9}
.entry-content p a:after,
.entry-content ul a:after,
.entry-content ol a:after { font-family: 'FontAwesome'; content: "\f08e"; padding:0 5px }
.di .entry-content a { color:#F48D35}
.ar .entry-content a { color:#2EADD1}
.ag .entry-content a { color:#91D333}
.ne .entry-content a { color:#5EB5FF}
.me .entry-content a { color:#7ECCDC}
.ae .entry-content a { color:#1094E9}
.entry-content a:hover { text-decoration:underline; color:#f7A810}
.di .entry-content a:hover { color:#F48D35}
.ar .entry-content a:hover { color:#2EADD1}
.ag .entry-content a:hover { color:#91D333}
.ne .entry-content a:hover { color:#5EB5FF}
.me .entry-content a:hover { color:#7ECCDC}
.ae .entry-content a:hover { color:#1094E9}
.entry-content > ol { padding-bottom:10px; display: grid }
.entry-content ol { padding-left:20px }
.entry-content ol li { list-style-type: decimal; line-height:1.5em}
 
.entry-content > ul { padding-bottom:10px; display: grid} 
.entry-content ul li { padding-left:20px; list-style:none;  line-height:1.5em }
.entry-content ul li:before { color:#151515; margin-left:-20px; margin-right:10px; font-weight: 700; margin-top:-4px; vertical-align:middle; display:inline-block; content: "\2022"; font-size:25px}

	
.di .entry-content ul li:before { color:#F48D35}
.ar .entry-content ul li:before { color:#2EADD1}
.ag .entry-content ul li:before { color:#91D333}
.ne .entry-content ul li:before { color:#5EB5FF}
.me .entry-content ul li:before { color:#7ECCDC}
.ae .entry-content ul li:before { color:#1094E9}
.entry-content table { border-collapse: collapse; border-spacing: 0; width:100%; border:1px solid #ddd; margin:20px 0 } 
.entry-content table tr { vertical-align: middle }
.entry-content table tr:nth-child(even) { background: #f2f2f2 }
.entry-content table td { text-align: left; border:1px solid #ddd; padding:10px 20px }
.entry-content table thead td { background:#F7A810; text-transform:uppercase; font-size:14px; font-weight:bold; color:#fff }
.di table thead td { background:#F48D35}
.ar table thead td { background:#2EADD1}
.ag table thead td { background:#91D333}
.ne table thead td { background:#5EB5FF}
.me table thead td { background:#7ECCDC}
.ae table thead td { background:#1094E9}
.di table tr:hover { background:#fce8d6 }
.ne table tr:hover { background:#def0ff }
.ar table tr:hover { background:#d5eef5 }
.ag table tr:hover { background:#e9f6d6 }
.me table tr:hover { background:#e5f4f8 }
.ae table tr:hover { background:#cfeafb }
.entry-table {width: 100%; position: relative; }
@media only screen and (max-width : 1290px) {
	.entry-table { overflow-x:scroll; }
}
.entry-content .alignleft { float:left; margin-right:20px; margin-bottom:20px}
.entry-content .alignright { float:right; margin-left:20px; margin-bottom:20px} 
.entry-content .aligncenter { display: block; margin:0px auto; margin-bottom:20px} 
.entry-content .alignnone { display: block; margin:0px auto; margin-bottom:20px} 
.entry-content .wp-caption { width:auto !important; 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:0 10px 10px; background:#efefef; font-size:12px; text-align: center } 
/*provisonal image*/ 
.img-provisional { max-width: 33%; margin-left:20px; float:right}
figcaption { text-align: center; background:#efefef; font-size:15px; padding:10px}
@media only screen and (max-width : 790px) {

	.entry-content .alignleft { margin:0 auto 20px}
	.entry-content .alignright { margin:0px auto 20px} 
	.entry-content .aligncenter { margin:0px auto 20px} 
	.entry-content .alignnone { margin:0px auto 20px}
}
@media only screen and (max-width : 590px) {
	.entry-content .wp-caption { width:100%; display: block}
	.entry-content .wp-caption img { max-width:100%}
	.img-provisional { max-width: 100%; margin-left:0; margin-bottom:20px; }
	.entry-content .alignleft { width:100%; float:none; margin:0; margin-bottom:20px}
	.entry-content .alignright { width:100%; float:none; margin:0; margin-bottom:20px} 
	.entry-content .aligncenter { float:none; margin:0; margin-bottom:20px} 
	.entry-content .alignnone { float:none; margin:0; margin-bottom:20px }
	.entry-content .wp-caption .wp-caption-text { display:block; width:100% }
}
/*BOX*/
.box { display:grid; grid-gap:30px}
.box > li { overflow: hidden; position:relative; border-left:5px solid #F7A810; padding:20px; background: #ffffff; box-shadow: 0 5px 5px rgba(0,0,0,.1) }
.di .box > li { border-left:5px solid #F48D35}
.ar .box > li { border-left:5px solid #2EADD1}
.ag .box > li { border-left:5px solid #91D333}
.ne .box > li { border-left:5px solid #5EB5FF}
.me .box > li { border-left:5px solid #7ECCDC}
.ae .box > li { border-left:5px solid #1094E9}
.boxcolumn { display: flex }
.boxcolumn .boxcolumn-main {flex: 1 0 0px; margin-right:20px }
.boxcolumn .boxcolumn-aside { border-left:2px solid #F7A810; padding-left:20px; flex: 0 0 300px }
.boxcolumn .boxcolumn-aside .entry-content p { text-align: left }

.di .boxcolumn .boxcolumn-aside { border-left:2px solid #F48D35}
.ar .boxcolumn .boxcolumn-aside { border-left:2px solid #2EADD1}
.ag .boxcolumn .boxcolumn-aside { border-left:2px solid #91D333}
.ne .boxcolumn .boxcolumn-aside { border-left:2px solid #5EB5FF}
.me .boxcolumn .boxcolumn-aside { border-left:2px solid #7ECCDC}
.ae .boxcolumn .boxcolumn-aside { border-left:2px solid #1094E9}

.boxcolumn .boxcolumn-aside .entry-content p:first-child { font-weight:bold }
.di .boxcolumn .boxcolumn-aside .entry-content p:first-child { color:#F48D35}
.ar .boxcolumn .boxcolumn-aside .entry-content p:first-child { color:#2EADD1}
.ag .boxcolumn .boxcolumn-aside .entry-content p:first-child { color:#91D333}
.ne .boxcolumn .boxcolumn-aside .entry-content p:first-child { color:#5EB5FF}
.me .boxcolumn .boxcolumn-aside .entry-content p:first-child { color:#7ECCDC}
.ae .boxcolumn .boxcolumn-aside .entry-content p:first-child { color:#1094E9}

@media only screen and (max-width : 990px) {	
	.box > li { margin:30px 0 }	
	.boxcolumn { display: block }
	.boxcolumn .boxcolumn-main,
	.boxcolumn .boxcolumn-aside {  flex: 0 100%; margin:0; border-left:none !important; padding-top:20px; padding-left:0; border-top:2px solid #f48d35;  margin-top:20px }
}
/*BREADCRUMB*/
#breadcrumb { background:#f6f6f6;  position:relative }
#breadcrumb .row { padding: 10px 25px 0 25px}
#breadcrumb { color:#999; font-size:11px; }
#breadcrumb a { color: #999; text-decoration:none} 
#breadcrumb a:hover { color: #333}
#breadcrumb .breadcrumb_last { font-weight: 700}
.error404 #breadcrumb { background: #f58d36}
.error404 #breadcrumb { color:#fff; font-size:15px; }
.error404 #breadcrumb a { color: #fff; text-decoration:none} 
.error404 #breadcrumb a:hover { color: #ccc}
@media only screen and (max-width : 780px) {
	#breadcrumb .row { padding: 10px 10px 0 10px}
}
/*GRID PAGINATION*/
.grid-pagination{display:flex;align-items:center;justify-content:center;grid-gap:5px;font-weight:700;font-size:13px}
.grid-pagination a{isplay:inline-block;border:1px solid #ddd;border-radius:50px;padding:5px 10px;text-decoration:none;color:#151515;background:#fff}
.grid-pagination a:hover{border:1px solid #151515;color:#fff;background:#151515}
.grid-pagination span{padding:5px 10px;border:1px solid #f7a810;border-radius:50px;color:#fff;background:#f7a810}
.ae .grid-pagination span{border:1px solid #1094e9;background:#1094e9}
.di .grid-pagination span{border:1px solid #f48d35;background:#f48d35}
.me .grid-pagination span{border:1px solid #7eccdc;background:#7eccdc}
.ag .grid-pagination span{border:1px solid #91d333;background:#91d333}
.ne .grid-pagination span{border:1px solid #5eb5fe;background:#5eb5fe}
.ar .grid-pagination span{border:1px solid #2eadd1;background:#2eadd1}
/*404*/
#error404 { display: block; position:relative; background-image: url(media/404.svg); background-position: center; background-color: #F48D35; background-repeat: no-repeat; height: 73vh}
/*CONTAINER*/
#container { background:#f6f6f6 }
/*COLUMN CAREER*/
.column { display: flex }
.column .column-main { display:grid; grid-gap:30px; flex: 1 0 0px; margin-left:40px }
.column .column-aside { flex: 0 0 300px }
@media only screen and (max-width : 990px) {
	.column { display: block }
	.column .column-main,
	.column .column-aside { flex: 0 100%; grid-gap:15px; margin:0 }
	.column .column-aside { margin-top:20px }
}
/*CONTROLS*/ 
.controls { margin-top:20px; z-index:9999 }
.controls li {font-size:14px; text-transform: uppercase; line-height: 18px; background:#fff; margin-bottom:10px; cursor: pointer;  box-shadow: 0 5px 5px rgba(0,0,0,.1); display: block; }
.controls li a { color:#4d4d4d; text-decoration: none; display: block; padding: 5px 10px}
.controls li a span { border-left:3px solid #F7A810; padding-left:10px; width: auto; display: inline-block; text-overflow: none; white-space: normal }
.di .controls li a span { border-left:3px solid #F48D35}
.ar .controls li a span { border-left:3px solid #2EADD1}
.ag .controls li a span { border-left:3px solid #91D333}
.ne .controls li a span { border-left:3px solid #5EB5FF}
.me .controls li a span { border-left:3px solid #7ECCDC}
.ae .controls li a span { border-left:3px solid #1094E9}
.controls li:hover a,
.controls li.current-menu-item a { font-weight:700}
.controls li.returnhome a { padding:5px 10px; background:#F7A810; color:#fff}
.di .controls li.returnhome a { background:#F48D35}
.ar .controls li.returnhome a { background:#2EADD1}
.ag .controls li.returnhome a { background:#91D333}
.ne .controls li.returnhome a { background:#5EB5FF}
.me .controls li.returnhome a { background:#7ECCDC}
.ae .controls li.returnhome a { background:#1094E9}
.controls li.returnhome a span { border-left:0 }
.controls li.returnhome a:before { display: inline-block; margin-top:-3px; vertical-align: middle; content: "\f0d9"; font-family: 'FontAwesome'; font-size:28px}
.controls li.returnhome a:hover { background:#151515  }
.controls li.returntop a { display:none; padding:5px 10px; background:#fff; color:#151515}
.sticky li.returntop a { display: block !important }
.controls li.returntop a span { border-left:0 }
.controls li.returntop a:before { color:#F7A810; display: inline-block; margin-top:-5px; vertical-align: middle; content: "\f0d8"; font-family: 'FontAwesome'; font-size:28px}
.di .controls li.returntop a:before { color:#F48D35}
.ar .controls li.returntop a:before { color:#2EADD1}
.ag .controls li.returntop a:before { color:#91D333}
.ne .controls li.returntop a:before { color:#5EB5FF}
.me .controls li.returntop a:before { color:#7ECCDC}
.ae .controls li.returntop a:before { color:#1094E9}
.zozo div.noresult { display:none } 
.zozo.mixitup-container-failed div.noresult { margin:50px 0 0 0; background:#fff; box-shadow: 0 5px 5px rgba(0,0,0,.1); padding:9px 15px; text-align: left; display:block}
div.noresult2 { margin-bottom:40px;background:#fff; box-shadow: 0 5px 5px rgba(0,0,0,.1); padding:9px 15px; text-align: left; display:block}
.sticky { position: fixed; top: 0; width:300px }
@media only screen and (max-width : 990px) {
	.controls { margin:30px 0  }
	.sticky { position: relative; width:100%;}
	.sticky li.returntop { display:none }
	.zozo.mixitup-container-failed div.noresult { margin:30px 0 0 0 }
}
/*SUBHEADER
#subheader { background:#333 }
.di #subheader {  background:#3E5790}
.ar #subheader {  background:#225989}
.ag #subheader {  background:#3A3A3A}
.ne #subheader {  background:#154D7D}
.me #subheader {  background:#077A9C}
.ae #subheader {  background:#3A3A3A}
#subheader .row { width:auto; padding:0; max-width:100% }*/
/*SUBHEADER CONTENT*/
.subheader-content { position:absolute; background:#2B2B2B; padding:2px 15px 2px 0; top:0; right:0 }
.di .subheader-content {  background:#2D3F68}
.ar .subheader-content {  background:#131D29}
.ag .subheader-content {  background:#2B2B2B}
.ne .subheader-content {  background:#0D2F4B}
.me .subheader-content {  background:#055871}
.ae .subheader-content {  background:#2B2B2B}
.subheader-content:before { content: "";  width: 0;  height: 0; border-style: solid; border-color: transparent #2B2B2B transparent transparent; border-width: 0 40px 30px 0; position: absolute; top: 0; left: -40px }
.di .subheader-content:before {  border-color: transparent #2D3F68 transparent transparent }
.ar .subheader-content:before { border-color: transparent #131D29 transparent transparent }
.ag .subheader-content:before { border-color: transparent #2B2B2B transparent transparent }
.ne .subheader-content:before { border-color: transparent #0D2F4B transparent transparent }
.me .subheader-content:before { border-color: transparent #055871 transparent transparent }
.ae .subheader-content:before { border-color: transparent #2B2B2B transparent transparent }
/*SUBHEADER LANG*/
.wpml-ls { float:right; width:130px; text-align: left; margin-right:20px }
.wpml-ls li img { margin-right:5px; margin-top:-2px}
.wpml-ls li a { font-family: 'HurmeGeometricSans3-SemiBold'; font-weight:400; display: block; font-size:12px; padding:5px 10px; color:rgba(255,255,255,0.5); text-decoration:none} 
.wpml-ls li > a:after { float:right; margin-left:5px; content: '\f0d7'; font-family: "FontAwesome"; display: inline-block; font-size:15px }
.wpml-ls li:hover > a:after { margin-left:5px; content: '\f0d8'; font-family: "FontAwesome"; display: inline-block; font-size:15px }
.wpml-ls ul.wpml-ls-sub-menu { border: rgba(255,255,255,.5) solid 3px; background:#2a2a2a; -webkit-box-shadow: 0 10px 24px -10px #333; box-shadow: 0 10px 24px -10px #333; display: none; position: absolute; top:27px; right:0; width: 130px; left: 0; padding:0 5px 5px; z-index:9999 } 
.wpml-ls ul.wpml-ls-sub-menu li { display:block; float: none; text-transform:none; width:100%} 
.wpml-ls ul.wpml-ls-sub-menu li a { padding:5px; font-weight:400; display:block}
.wpml-ls ul.wpml-ls-sub-menu li a:hover { color:rgba(255,255,255,0.75);}
.wpml-ls li:hover > ul.wpml-ls-sub-menu {  display: block} 
.wpml-ls ul.wpml-ls-sub-menu li a:after { content:"" }
.wpml-ls ul.wpml-ls-sub-menu li:hover a:after { content:"" }
.di .wpml-ls ul.wpml-ls-sub-menu {  background:#2D3F68}
.ar .wpml-ls ul.wpml-ls-sub-menu {  background:#131D29}
.ag .wpml-ls ul.wpml-ls-sub-menu {  background:#2B2B2B}
.ne .wpml-ls ul.wpml-ls-sub-menu {  background:#0D2F4B}
.me .wpml-ls ul.wpml-ls-sub-menu {  background:#055871}
.ae .wpml-ls ul.wpml-ls-sub-menu {  background:#2B2B2B}

/*HEADER*/
#header { background:#333 }
.di #header {  background:#3E5790}
.ar #header {  background:#225989}
.ag #header {  background:#3A3A3A}
.ne #header {  background:#154D7D}
.me #header {  background:#077A9C}
.ae #header {  background:#3A3A3A}
#header .row { width:auto; padding:15px 25px; max-width:100% }
/*SUBHEADER MENU*/ 
.menu-subheader { font-size:0; float:right }
.menu-subheader li { font-size:11px; display: inline-block; vertical-align: middle; margin-right:35px}
.menu-subheader li:last-child { margin-right:10px }
.menu-subheader li a { font-family: 'HurmeGeometricSans3-SemiBold'; letter-spacing:-0.1px; text-transform: uppercase; color:#fff; font-size:12px; display: inline-block; padding:5px 0; text-decoration: none }
.menu-subheader li a:hover { color:#efefef } 
.menu-subheader li:first-child a:before { content:"\f069"; font-family: 'FontAwesome'; font-size: 13px; padding-right:5px; display: inline-block;}
.menu-subheader li:first-child span span { color: #f7a810 }
.di .menu-subheader li:first-child span { color: #F48D35}
.ar .menu-subheader li:first-child span { color: #2EADD1}
.ag .menu-subheader li:first-child span { color: #91D333}
.ne .menu-subheader li:first-child span { color: #5EB5FF}
.me .menu-subheader li:first-child span { color: #7ECCDC}
.ae .menu-subheader li:first-child span { color: #1094E9}
/*HEADER lOGO*/
.logo-header img { height:66px; padding:5px }
/*HEADER MENU*/
.menu-header { position:absolute; bottom:0; right:25px }
.menu-header > li { display: inline-block; vertical-align: middle }
.menu-header > li a { font-family: 'HurmeGeometricSans3-SemiBold'; text-decoration: none; display: inline-block; padding: 15px; vertical-align: bottom; font-size: 15px; text-transform: uppercase; color: #fff; border-bottom: 6px solid transparent; position: relative; }
.menu-header > li a:hover { border-bottom:6px solid #F7A810 }
.di .menu-header > li a:hover { border-bottom:6px solid #F48D35}
.ar .menu-header > li a:hover { border-bottom:6px solid #2EADD1}
.ag .menu-header > li a:hover { border-bottom:6px solid #91D333}
.ne .menu-header > li a:hover { border-bottom:6px solid #5EB5FF}
.me .menu-header > li a:hover { border-bottom:6px solid #7ECCDC}
.ae .menu-header > li a:hover { border-bottom:6px solid #1094E9}
.menu-header li:hover > a { color:#fff }
.toggle-menu { display:none}
/*HEADER FORM*/
.form-header { float:left; background:#F7A810; border: 2px solid #F7A810 }
.di .form-header { background:#F48D35; border: 2px solid #F48D35}
.ar .form-header { background:#2EADD1; border: 2px solid #2EADD1}
.ag .form-header { background:#91D333; border: 2px solid #91D333}
.ne .form-header { background:#5EB5FF; border: 2px solid #5EB5FF}
.me .form-header { background:#7ECCDC; border: 2px solid #7ECCDC}
.ae .form-header { background:#1094E9; border: 2px solid #1094E9}
.form-header label { display:none } 
.form-header { margin-top:22px; display: flex}
.form-header input[type=search] { font-family:Verdana, "sans-serif"; width: 250px; vertical-align:middle; background:#fff; color:#777; padding:6px 12px; font-size:15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border:1px solid none}
.form-header .submit { vertical-align:middle; margin:6px 8px 0 8px; height:20px} 
.form-header ::-webkit-input-placeholder { color: #666}        
.form-header :-moz-placeholder { color: #666; opacity: 1}   
.form-header ::-moz-placeholder { color: #666; opacity: 1} 
.form-header :-ms-input-placeholder { color:#666}
/*HEADER SUBHEADER BASELINE*/
/*.baseline-subheader { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#fff; text-transform: uppercase; padding-top:5px } */
.logo-header { float: left; margin-right:20px}
.search-header { float: left}
@media only screen and (max-width : 1290px) {
	#header .row { padding: 10px }
	
	body.menu-open { overflow:hidden}
	.menu-header { display:none; margin-top:0}
	.toggle-menu { display:block; font-size:0; cursor: pointer; position: absolute; top: 45px; right:10px; z-index:3 }
 	.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 #header { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9998}
	.menu-open .menu-header { display:block; position:relative; bottom:auto; right:auto; float:none; padding-top:140px; margin-right:0 }
	.menu-open .menu-header li { display:block; font-size:20px;  text-align:center; margin-right:0}
	.menu-header > li a { padding: 5px 15px }
	.menu-open .toggle-menu { top:45px}

}
@media only screen and (max-width :990px) {
	.subheader-content { left:0 }
	.subheader-content:before { content: ""; border-color:none; border:none }
	
	#header .row { padding-top: 40px }
	.toggle-menu { top:60px }
	.menu-open .toggle-menu { top:60px}
}
@media only screen and (max-width : 690px) {
	.baseline-subheader { display:none }
	.menu-subheader li:last-child { display: none }
}
/*FOOTER*/
footer { position: relative}
.footer { padding:0 20px;max-width:100%; display: flex; background:#555555; flex-wrap: wrap;align-items:flex-start; justify-content:center } 
.footer-content { display: flex; grid-gap:60px; justify-content:center; align-items: center}
/*menu1*/
.footer-content > div:nth-child(1) { background:#4d4d4d; padding:20px 0}
.footer-content > div:nth-child(1) > ul {  display: flex; padding:20px; align-items: center; grid-gap:20px; text-transform: uppercase;flex-wrap: wrap}
.footer-content > div:nth-child(1) > ul li a { padding:20px 0}
.footer-content > div:nth-child(1) > ul li a:after { content:""; border-right:1px solid rgba(255, 255, 255, 0.25); padding: 20px 0 20px 20px }
.footer-content > div:nth-child(1) > ul li:last-child a:after { border:none; padding:0}
/*menu2*/
.footer-content > div:nth-child(2) > ul li { text-align: left }
.footer-content > div:nth-child(2) > ul li a { padding:1px 0 }
/*common menu*/
.footer-content a  {color:#fff; font-size:12px; text-decoration:none; transition: color 0.2s ease-in-out 0s; }
.footer-content a:hover { color: rgba(255, 255, 255, 0.5) }
.footer-content ul li a { display: block; color:#fff; font-size:12px }
/*FOOTER SOCIAL*/
.social { display:flex;  align-items: center; grid-gap:5px; height:30px; justify-content: center}
.social img { height:14px }
.social a { display:flex; justify-content: center; transition: all 0.2s ease-in-out 0s; align-items: center; background:rgb(103, 103, 103); width:30px; height:30px; line-height:30px; border-radius:100%}
.social-back span { text-indent:-9999px; margin-left:1px; display:inline-block;height:14px; width:14px; background-size:14px 14px; background-repeat: no-repeat}
.social-back a:hover { background: rgb(117, 117, 117) }
.facebook span { background-image: url(media/social-facebook-white.svg) }
.twitter span { background-image: url(media/social-twitter-white.svg) }
.instagram span { background-image: url(media/social-instagram-white.svg) }
.linkedin span { background-image: url(media/social-linkedin-white.svg) }
.youtube span { background-image: url(media/social-youtube-white.svg) }
.pinterest span { background-image: url(media/social-pinterest-white.svg) }
.emagdirectindustry .menu-social a { background:#F48D35 }
.emagarchiexpo .menu-social a { background:#1094E9 }
.emagaeroexpo .menu-social a { background:#2EADD1 }
.emagagriexpo .menu-social a { background:#91D333 }
.emagnauticexpo .menu-social a { background:#5EB5FE }
.emagmedicalexpo .menu-social a { background:#7ECCDC }
.emagdirectindustry .subheader .menu-social a { background:#4C4C4C }
.emagarchiexpo .subheader .menu-social a { background:#4C4C4C }
.emagaeroexpo .subheader .menu-social a { background:#4C4C4C }
.emagagriexpo .subheader .menu-social a { background:#4C4C4C }
.emagnauticexpo .subheader .menu-social a { background:#154D7D }
.emagmedicalexpo .subheader .menu-social a { background:#077A9C }
/*PORTAIL + PORTAIL WP*/
.portail { background:#424242; padding:30px 0; grid-gap:20px; max-width:100%;display: flex;flex-wrap: wrap; align-items:center; justify-content:center}
.portail-wp { background:#EFEFEF }
.portail a img { height:40px; -webkit-transition: opacity ease-in-out .2s; transition: opacity ease-in-out .2s; opacity: 1}
.portail a:first-child img { height:60px; padding-right:20px; }
.portail a:first-child { border-right:1px solid #fff}
.portail-wp a:first-child { border-right:1px solid #848484}
.portail a:hover img { opacity: 0.5 }
/*COPYRIGHT*/
.copyright { background:#424242; padding:20px 0;max-width:100%;display: flex;flex-wrap: wrap; align-items:center; justify-content:center}
.copyright-wp { background:#fff }
.copyright > ul { display:flex; flex-wrap: wrap; justify-content: center; font-size:13px; color:#848484 }
.copyright-wp > ul {color: #848484 }
.copyright > ul > li:after { content:"-"; padding:0 5px }
.copyright > ul > li:last-child:after { content:""; padding:0 }
.copyright > ul > li a { text-decoration:none; color: #848484; -webkit-transition: color 0.2s ease-in-out 0s; transition: color 0.2s ease-in-out 0s;}
.copyright-wp > ul > li a { text-decoration:none; color: #848484 }
.copyright > ul > li a:hover { text-decoration:none; color:#ccc }
.copyright-wp > ul > li a:hover { text-decoration:none; color:#151515 }
@media only screen and (max-width : 790px) {
    .footer { padding:20px }
    .footer-content { display: block; text-align: center; width:100% }
    .footer-content > div:nth-child(1) { display:block; background:#4d4d4d; margin-bottom:20px; padding:0}
    .footer-content > div:nth-child(1) > ul {  display: block; width:100%; padding:0; text-transform: uppercase }
    .footer-content > div:nth-child(1) > ul li { border-bottom:1px solid rgba(255, 255, 255, 0.25);}
    .footer-content > div:nth-child(1) > ul li:last-child { border-bottom:none }
    .footer-content > div:nth-child(1) > ul li a:after { content:""; border-right:none; padding:0 }  
    .footer-content > div:nth-child(2) > ul { margin-bottom:20px  }
    .footer-content > div:nth-child(2) > ul li {
    text-align: center;
}
}
@media only screen and (max-width : 490px) {
	.portail a:first-child { display: block; width:100%; text-align: center }
	.portail a:first-child { border-right:0}
    .portail a:first-child img { padding-right:0}
}
/*COMMENTS*/
.comment-list { margin-bottom:20px } 
.comment-list li { background:#fff; padding:20px; box-shadow: 0 5px 5px rgba(0,0,0,.1); margin-bottom:20px }
.children li { box-shadow:none; padding:10px 0 0 0; margin-bottom:0; padding-left:20px; border-left:1px solid #ddd  }  
h3.comment-reply-title{ margin:10px 0}
h3.comment-reply-title a { color:#666;text-decoration:none }
h3.comment-reply-title a:hover { color:#666;text-decoration:underline }
.logged-in-as a { color:#666;text-decoration:none}
.logged-in-as a:hover {color:#666;text-decoration:underline}
.form-allowed-tags{ display:none;padding:10px 0;font-size:10px}    
.comment-body a { color:#666; text-decoration:none } 
.comment-body a:hover { color:#666; text-decoration:underline } 
.reply a { display:inline-block; text-decoration:none; background:#f7a810; font-size:12px; text-transform: uppercase; color:#fff; padding:5px 10px}
.di .reply a { background:#F48D35}
.ar .reply a { background:#2EADD1}
.ag .reply a { background:#91D333}
.ne .reply a { background:#5EB5FF}
.me .reply a { background:#7ECCDC}
.ae .reply a { background:#1094E9}
.reply a:hover { text-decoration:none; background:#151515; color:#fff}
.comment-meta { color:#ccc; font-size:12px  } 
.comment-meta a { color:#666 !important; text-decoration:none}
.comment-meta a:hover { color:#666 !important; text-decoration:none }      
.comment-author { font-size:18px;color:#666} 
.comment-author .fn { font-style:normal !important }
.comment-author span { display:none} 
.comment-body p { font-size:14px; padding:10px 0}  
.comment-form-comment { padding-top:10px }
.comments-area label{ display:block; font-weight:700}
.comments-area input,               
.comments-area textarea { font-family: Arial,sans-serif; color:#666; margin-bottom:5px; font-size:16px; padding:10px; border:1px solid #ddd } 
.comments-area input:hover,
.comments-area textarea:hover { border:1px solid #f7a810 } 
.comments-area input:hover,
.comments-area textarea:hover { border:1px solid #f7a810 } 
.di .comments-area input:hover,
.di .comments-area textarea:hover { border:1px solid #F48D35}
.ar .comments-area input:hover,
.ar .comments-area textarea:hover { border:1px solid #2EADD1}
.ag .comments-area input:hover,
.ag .comments-area textarea:hover { border:1px solid #91D333}
.ne .comments-area input:hover,
.ne .comments-area textarea:hover { border:1px solid #5EB5FF}
.me .comments-area input:hover,
.me .comments-area textarea:hover { border:1px solid #7ECCDC}
.ae .comments-area input:hover,
.ae .comments-area textarea:hover { border:1px solid #1094E9}
.comments-area input[type="submit"] { border:1px solid #f7a810; background:#f7a810; font-family: 'Open Sans', sans-serif; padding:10px 15px; text-transform:uppercase; font-size:15px;  color:#fff }
.comments-area input[type="submit"]:hover { border:1px solid #151515; background: #151515 } 
.di .comments-area input[type="submit"] { border:1px solid #F48D35; background:#F48D35}
.ar .comments-area input[type="submit"] { border:1px solid #2EADD1; background:#2EADD1}
.ag .comments-area input[type="submit"] { border:1px solid #91D333; background:#91D333}
.ne .comments-area input[type="submit"] { border:1px solid #5EB5FF; background:#5EB5FF}
.me .comments-area input[type="submit"] { border:1px solid #7ECCDC; background:#7ECCDC}
.ae .comments-area input[type="submit"] { border:1px solid #1094E9; background:#1094E9}
.comment-awaiting-moderation { display:block; margin-bottom:-20px; line-height:1.2em; font-style: normal; color:red; font-size:14px; padding:10px 0}
@media only screen and (max-width : 690px) {
	.comments-area input,  
	.comments-area textarea { width:100% }	
}
/*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)}