/*
Theme Name: Systran Theme
Theme URI: http://www.systran.fr
Author: Marine Le Guernigou - Echo Conseil - Stéphane Rochard - SYSTRAN
Author URI: http://www.systran.fr
Description: Beyond language
Version: 1.0
*/


/*
jaune : 255 251 204 / #fffbcc
or : 177 137 44 / #b1892c
vert : 112 199 173 / #70c7ad
orange : 241 90 34 / #f15a22

gris sombre : 49 70 79 / #27383e
gris très sombre : 39 56 62 / #27383e

bleu base charte : 6 79 100 / #064f64
bleu ciel : 0 174 239 / #00aeef
bleu medium : 0 103 172 / #0067ac
bleu foncé : 3 70 148 / #034694

bleu footer : 0 112 161 / #0070a1
*/



/*Header*/
header {
    position: fixed;
    top: 0px;
    z-index: 100;
    background: #ffffff;
    width: 100%;
    padding-top: 0;
    border-bottom: 1px #064f64 solid;
}


body.home #container {
    padding: 80px 0 0 0;
}
body #container {
    /*padding: 144px 0 0 0;*/
    padding: 104px 0 0 0;
}




header .inner {
    padding-top: 10px;
}


header .navLinks {
    position: relative;
    float: right;
    top: 10px;
}

header .navLinks>ul:before,
header .navLinks>ul:after {
    display: table;
    content: "";
    line-height: 0;
}

header .navLinks>ul:after {
    clear: both;
}

header .navLinks>ul>li {
    float: left;
    margin-left: 20px;
}

header .navLinks>ul>li:first-child i {
    position: relative;
    top: 0;
}

header .navLinks>ul>li:first-child a:hover i {
    background-position: 0 0;
    height: 22px;
    width: 22px;
}

header .navLinks>ul>li.last>a:hover,
header .navLinks>ul>li.last a:hover span,
header .navLinks>ul>li.last a.open {
    color: #009edf;
    text-decoration: none;
}

header .navLinks>ul>li.last a:hover i,
header .navLinks>ul>li.last a.open i {
    background-position: 0 0;
    height: 22px;
    width: 22px;
}

header .navLinks>ul>li>a {
    font-family: DinRegular;
    font-size: 12px;
    text-decoration: none;
    color: #565656;
}
header .navLinks>ul>li>a:hover span {
	text-decoration: none;
}
header .navLinks>ul>li>a i {
    margin-right: 5px;
}


header .navLinks>ul>li>a span {
    display: inline-block;
    vertical-align: middle;
}

header .navLinks>ul>li>a:hover,
header .navLinks>ul>li>a.current {
    color: #009edf;
    text-decoration: none;
}

header .navLinks>ul>li>a:hover i,
header .navLinks>ul>li>a.current i {
    background-position: 0 0;
    height: 22px;
    width: 22px;

}

header .navLinks > ul > li > a.header-contact {
	background: #0062a7;
    color: #ffffff;
    font-size: 12px;
    font-family: DinMedium;
    padding: 7px 15px;
    margin: -3px 0 0 20px;
    float: right;


    display: none;
}

header .navLinks > ul > li > a.header-contact:hover {
	background: #b79029;
	text-decoration: none;


    color: #ffffff;
    font-size: 12px;
    font-family: DinMedium;
    padding: 7px 15px;
    margin: -3px 0 0 20px;
    float: right;
}



header #logo {
/*    width: 216px;
    height: 59px;*/

    width: 211px;
    height: 58px;

    /*float: left;*/
}



nav.mainMenu {
    clear: both;
    float: right;
    padding: 0;
    margin: 0;

    /*margin: 38px 20px 0 20px;*/
}
.blocSubMenu {
	background: #064f64 !important;
}
.close {
    float: none;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    color: #b3e1f2;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}
.close:hover {
    float: none;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    color: #ffffff;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}

.mainMenu ul li a {
	color: #565656;
	font-size: 15px;
	font-family: DinLight;
	line-height: 25px;
	height: 32px;
}

.mainMenu ul li.active a {
	color: #009edf;
	text-decoration: underline;
}
.mainMenu ul li.active a:hover{
	color: #009edf;
}




header.scrolled .navLinks {
    top: 0;
}


header.scrolled #logo {
    width: 211px;
    height: 58px;
/*	width: 150px;
	height: 41px;*/
}
header.scrolled .mainMenu {
	margin: -25px 0 0 10px;
}
header.scrolled .mainMenu ul li a {
    color: #565656;
    font-size: 13px;
    font-family: DinLight;
}


/* top sprite */
.icons-blog,
.icons-shop,
.icons-support,
.icons-language,
header .navLinks>ul>li:first-child a:hover i,
header .navLinks>ul>li.last a:hover i,
header .navLinks>ul>li.last a.open i,
header .navLinks>ul>li>a:hover i,
header .navLinks>ul>li>a.current i {
    background: url(../img/2016/sprite-top.png) no-repeat;
}

.icons-blog {
    background-position: 0 0;
    height: 22px;
    width: 22px
}
header .navLinks>ul>li>a:hover i.icons-blog {
    background-position: 0 0;
}

.icons-shop {
    background-position: 0 -22px;
    height: 22px;
    width: 22px
}
header .navLinks>ul>li>a:hover i.icons-shop {
    background-position: 0 -22px;
}

.icons-support {
    background-position: 0 -44px;
    height: 22px;
    width: 22px
}
header .navLinks>ul>li>a:hover i.icons-support {
    background-position: 0 -44px;
}

.icons-language {
    background-position: 0 -66px;
    height: 22px;
    width: 22px
}
header .navLinks>ul>li>a:hover i.icons-language {
    background-position: 0 -66px;
}



.breadcrumb {
    background: #064f64;
    padding: 16px 0;

    margin: 0;
}



/*Homepage Slider*/

.tp-loader.spinner0 {
	display: none !important;
}

.slider .brspan span {
    display: block !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.slider {
	font-family: DinLight !important;
}
.slider strong {
	font-family: DinMedium !important;
	font-weight: normal !important;
	font-size: inherit !important;
}
/* forces slides buttons borders */
.rev_slider .tp-mask-wrap .tp-caption.rev-btn {
	border-width: 1px !important;
	border: 1px #ffffff solid !important;
}




/*Homepage values*/
.values {
	margin-bottom: 40px;
}
.values h1{
	font-family: DinRegular;
	color: #205262;
	font-size: 34px;
	line-height: 50px;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 10px;
}
.references h2 {
	font-family: DinRegular;
	color: #205262;
	font-size: 32px;
	text-align: center;
}



.values h2 {
	font-family: DinBold;
	font-size: 21px;
	text-align: center;
	line-height: 25px;
	margin: 30px 0 5px 0;
	min-height: 70px;
	padding: 0;
}


span.brspan {
	float: none !important;
    display: block !important;
    font-size: inherit !important;
    line-height: inherit !important;
}



.values .span3 {
	padding: 0 15px !important;
}
.img-values{
	text-align: center;
}


.value1 {
	color: #e54c24;
}
.value2 {
	color: #c3b43d;
}
.value3 {
	color: #5b889b;
	/*padding-bottom: 25px;*/
}
.value4 {
	color: #7bc3ae;
	/*padding-bottom: 25px;*/
}


.values p {
	text-align: center;
	font-family: DinRegular;
	font-size: 15px;
}
.values img {
text-align: center;
}
.values hr {
	margin-top: 40px;
}



/*Homepage Campagne*/
.pnmt {
	display: inline-block;
}

.pnmt-left {
	width: 50%;
	float: left;
	height: 550px;
	background: url('/wp-content/uploads/pnmt.jpg') no-repeat center;
	-webkit-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.pnmt-right {
	width: 50%;
	float: right;
	height: 550px;
	background: url('/wp-content/uploads/bg-ccampagne.jpg') no-repeat;
	-webkit-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.pnmt img {
	width: 100%;
}
.pnmt h2 {
	font-family: DinRegular;
	color: #fff;
	font-size: 32px;
	text-align: center;
	margin-bottom: 50px;
}
.pnmt p {
	text-align: center;
	font-family: DinRegular;
	font-size: 15px;
	color: #fff;
}
.text-width {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10%;
}
.text-width img {
	width: initial;
}
.btn-more {
	text-align: center;
	margin-top: 40px;
}

div.plus {
	text-align: center;
	float: none;
	width: 100%;
	padding: 0;
	margin: 20px 0 50px 0;
	background: none;
}
div.plus > a {
	color: #ffffff;
	font-size: 24px;
	border: 1px #ffffff solid;
	margin: auto;
	display: block;
	border-radius: 16px;
	padding: 2px 8px;
	line-height: 26px;
	font-family: Arial;
	vertical-align: middle;
	font-weight: normal;
	position: relative;
	width: 32px;
	cursor: pointer;
	text-decoration: none;
}
div.plus > a:hover {
	background: #ffffff;
	color: #1d5064;
	text-decoration: none;
}

div.plus.ai > a:hover {
	background: #ffffff;
	color: #6fb7a1;
}



/*Homepage News*/
#systran-news { /* anchor hack */
	padding-top: 120px;
	margin-top: -70px;
}

.news .span4 {
	padding: 0 15px !important;
}

.news h2 {
	font-family: DinRegular;
	color: #205262;
	font-size: 32px;
	text-align: center;
	padding-bottom: 20px;
}
.news h3 {
	font-family: DinBold;
	font-size: 21px;
	text-align: center;
	line-height: 25px;
	padding-bottom: 20px;
	color: #565656;
}

.news .btn.btn-default {
	border-radius: 0px !important;
	border: 1px solid #b79029 !important;
	color: #b79029 !important;
	background: #ffffff !important;
}
.news .btn.btn-default:hover, 
.news .btn.btn-default:focus,
.news .btn.btn-default:active,
.news .btn.btn-default:active:focus{
	background: #b79029 !important;
	color: #ffffff !important;
	border: 1px solid #ffffff !important;
}
.news .btn-center {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}


/* events */
p.homepage-events {
    border-bottom: 1px #dadada solid;
    margin: 5px 0 20px 0;
    font-family: DinRegular;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 20px 0;
}
p.homepage-events strong.eventdate {
	color: #b79029;
	font-family: DinLight;
	font-size: 18px;
	line-height: 30px;
}
p.homepage-events a {
    color: #565656;
}
p.homepage-events a:hover {
    color: #b79029;
}


p.homepage-events a img.emoji {
    padding: 1px !important;
    margin: 0 3px 0 0 !important;
}



/* events & publications boxes */
.span4.events,
.span4.pub {
	padding-top: 5px !important;
}

.span4.events .content,
.span4.pub .content {
	height: 474px;

	overflow-x: hidden;
	overflow-y: auto;
	/*border: 1px #eeeeee solid;*/
}


/* tweets */
iframe.twitter-timeline {
	height: 470px !important;
	padding: 0 0 20px 0 !important;
}
.tweeter h3 {
	color: #009edf;
	padding-top: 5px;
}
.tweeter .btn.btn-default {
	border: 1px solid #009edf !important;
	color: #009edf !important;
}
.tweeter .btn.btn-default:hover,
.tweeter .btn.btn-default:focus,
.tweeter .btn.btn-default:active,
.tweeter .btn.btn-default:active:focus{
	background: #009edf !important;
	color: #fff !important;
}
.content-tweeter {
	border: 1px solid #009edf;
}



/*Homepage Client*/
.case {
	display: inline-block;

	overflow: hidden;
}
.case h2 {
	font-family: DinRegular;
	color: #fff;
	font-size: 32px;
	padding-top: 110px;
	padding-left: 50px;
}
.case p {
	padding-left: 50px;
	padding-right: 50px;
	color: #fff;
	font-family: DinRegular;
	font-size: 15px;
}


.cas-client-left {
	width: 40%;
	float: left;
	height: 550px;
	background: #6fb7a1 /*url('/wp-content/uploads/Visuel_Xprerience_700x550.jpg') no-repeat center*/;
	-webkit-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.cas-client-right {
	width: 60%;
	float: right;
	height: 550px;
	background: url('/wp-content/uploads/class.jpg') no-repeat left;
	-webkit-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/*Homepage References*/
.clients-grid {
	width: 100%;
	margin: 15px 0;
	vertical-align: middle;
	display: inline-block;
}
.clients-grid > div {
	border: 0px skyblue solid;
	width: 19%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.references {
	margin-bottom: 20px;
}


.references h3 {
	color: #b79029;
	font-family: DinLight;
	font-size: 25px;
	line-height: inherit;
	text-align: center;
	padding: 0 0 20px 0;
	font-weight: normal;
}




/*Footer*/
footer .sectionFooter {
	background: #064f64;
	color: #fff;
	padding: 30px 0 50px 0;
}

footer .logoSlug {
    float: left;
    width: 175px;
    height: 47px;
    margin-bottom: 30px;
}

footer .span9>li>a{
	color: #fff;
}
footer .span9>li .sub-menu li>a {
	color: #fff;
	background: none;
	padding-left: 0;

	width: 220px;
    vertical-align: text-top;
}
footer .span9>li .sub-menu li {
	list-style-type: disc;
	list-style-position: inside;
}
footer .widget p {
	color: #fff;
	padding-bottom: 25px;
}
footer .widget h4 {
	text-transform: uppercase !important;
	line-height: 17px !important;
}


.page-template-products-service-simple-php footer a.btn.btn-default,
.page-template-products-service-simple-php footer button.btn.btn-default,
footer .btn-default {
	background-color: #064f64 !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}
.page-template-products-service-simple-php footer a.btn.btn-default:hover,
.page-template-products-service-simple-php footer button.btn.btn-default:hover,
footer .btn-default:hover,
footer .btn-default:focus,
footer .btn-default:active,
footer .btn-default:active:focus {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: #064f64 !important;
}


footer .btn {
	border-radius: 0px;
}
footer .btn:hover,
footer .btn:focus,
footer .btn:active,
footer .btn:active:focus {
	background-color: #fff;
	border-color: #fff;
	color: #064f64;
}
footer .copyright p a {
	color: #fff;
}
footer .copyright p {
	color: #fff;
}
span#lp, span#lp a {
	color: #064f64;
}
footer .sectionContact .letsTalk {
	background: none;
	font-family: DinRegular;
	font-size: 40px;
	letter-spacing: 0;

	position: relative;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 12px 42px;
	border-radius: 0;
}
footer .sectionContact > .inner > div:nth-child(1) {
	text-align: center;
}

footer .sectionContact {
	background: url('../img/2016/bg-letstalk.jpg') repeat-x;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; /* version standardisée */
	padding: 28px 0;
}

.page-template-products-service-simple-php footer .sectionContact .btn.contactus,
footer .sectionContact .btn {
	font-family: DinRegular;
	font-size: 30px;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0;
	background: none !important;
	color: #ffffff !important;
}
.page-template-products-service-simple-php footer .sectionContact .btn.contactus:hover,
footer .sectionContact .btn:hover,
footer .sectionContact .btn:focus,
footer .sectionContact .btn:active,
footer .sectionContact .btn:active:focus  {
	background: #ffffff !important;
	color: #b79029 !important;
}

.socialLinks {
	padding-top: 5px;
}



/* social sprite */
.social-sprite,
.social-linkedin,
.social-twitter,
.social-youtube,
.social-facebook {
    background: url('../img/2016/sprite-social.png') no-repeat
}

.social-linkedin {
    background-position: 0 0px;
    height: 40px;
    width: 40px
}
.social-linkedin:hover,
.social-linkedin.linkedin_hover,
.social-linkedin.linkedin-hover {
    background-position: 0 -40px
}

.social-twitter {
    background-position: 0 -80px;
    height: 40px;
    width: 40px
}
.social-twitter:hover,
.social-twitter.twitter_hover,
.social-twitter.twitter-hover {
    background-position: 0 -120px;
}

.social-youtube {
    background-position: 0 -160px;
    height: 40px;
    width: 40px
}
.social-youtube:hover,
.social-youtube.youtube_hover,
.social-youtube.youtube-hover {
    background-position: 0 -200px
}

.social-facebook {
    background-position: 0 -240px;
    height: 40px;
    width: 40px
}
.social-facebook:hover,
.social-facebook.facebook_hover,
.social-facebook.facebook-hover {
    background-position: 0 -280px
}





/* btn */
.page-template-products-service-simple-php .btn-default,
.activeSend,
.btn.btn-blue, body #container .post .infos p + a.btn-blue, body #container .post .infos .discover-list li p + a, .discover-list li body #container .post .infos p + a, button.btn-blue, input.btn-blue[type="submit"], .form-container form .upload-box .btn-blue.upload-btn, .form-container form .upload-box .discover-list li a.upload-btn, .discover-list li .form-container form .upload-box a.upload-btn, .form-container #cformpopup .upload-box .btn-blue.upload-btn, .form-container #cformpopup .upload-box .discover-list li a.upload-btn, .discover-list li .form-container #cformpopup .upload-box a.upload-btn, .grayarea .thumb + div h5 + a.btn-blue, .grayarea .thumb + div .discover-list li h5 + a, .discover-list li .grayarea .thumb + div h5 + a, .grayarea .thumb + div h5 + p > a.btn-blue, .grayarea .thumb + div .discover-list li h5 + p > a, .discover-list li .grayarea .thumb + div h5 + p > a, .discover-list li a, .studies-list .logo + div + div a.btn-blue, .studies-list .logo + div + div .discover-list li a, .discover-list li .studies-list .logo + div + div a, .press-list div + div a.btn-blue, .press-list div + div .discover-list li a, .discover-list li .press-list div + div a, .discover-list li .press-list div + div a, .home #sbox .sbox_btn a.btn-blue, .home #sbox .sbox_btn .discover-list li a, .discover-list li .home #sbox .sbox_btn a, .reseller-box a.btn-blue[href*="http"], .reseller-box .discover-list li a[href*="http"], .discover-list li .reseller-box a[href*="http"],
.press-list div + div a,
.partner-list div + div a,
.btn-default, body #container .post .infos p + a, button, input[type="submit"], .grayarea .thumb + div h5 + a, .grayarea .thumb + div h5 + p > a, .studies-list .logo + div + div a, .partner-list div + div a, .reseller-box a[href*="http"] {
    background-color: #064f64 !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

.page-template-products-service-simple-php .btn-default:hover,
.activeSend:hover,
.btn-blue:hover, .discover-list li a:hover, .btn-blue:focus, .discover-list li a:focus, .btn-blue:active, .discover-list li a:active, .btn-blue.active, .discover-list li a.active,
.btn-default:hover, body #container .post .infos p + a:hover, button:hover, input[type="submit"]:hover, .grayarea .thumb + div h5 + a:hover, .grayarea .thumb + div h5 + p > a:hover, .studies-list .logo + div + div a:hover, .press-list div + div a:hover, .reseller-box a[href*="http"]:hover, .btn-default:focus, body #container .post .infos p + a:focus, button:focus, input[type="submit"]:focus, .grayarea .thumb + div h5 + a:focus, .grayarea .thumb + div h5 + p > a:focus, .studies-list .logo + div + div a:focus, .press-list div + div a:focus, .reseller-box a[href*="http"]:focus, .btn-default:active, body #container .post .infos p + a:active, button:active, input[type="submit"]:active, .grayarea .thumb + div h5 + a:active, .grayarea .thumb + div h5 + p > a:active, .studies-list .logo + div + div a:active, .press-list div + div a:active, .reseller-box a[href*="http"]:active, .btn-default.active, body #container .post .infos p + a.active, button.active, input.active[type="submit"], .grayarea .thumb + div h5 + a.active, .grayarea .thumb + div h5 + p > a.active, .studies-list .logo + div + div a.active, .press-list div + div a.active, .reseller-box a.active[href*="http"] {
    background-color: #ffffff !important;
    border-color: #064f64 !important;
    color: #064f64 !important;
}
.btn.big, body #container .post .infos p + a.big, button.big, input.big[type="submit"], .form-container form .upload-box .big.upload-btn, .form-container #cformpopup .upload-box .big.upload-btn, .grayarea .thumb + div h5 + a.big, .grayarea .thumb + div h5 + p > a.big, .discover-list li a.big, .studies-list .logo + div + div a.big, .press-list div + div a.big, .home #sbox .sbox_btn a.big, .reseller-box a.big[href*="http"] {
    font-size: 17px;
    padding: 15px 40px;
}
.btn, body #container .post .infos p + a, button, input[type="submit"], .form-container form .upload-box .upload-btn, .form-container #cformpopup .upload-box .upload-btn, .grayarea .thumb + div h5 + a, .grayarea .thumb + div h5 + p > a, .discover-list li a, .studies-list .logo + div + div a, .press-list div + div a, .partner-list div + div a, .home #sbox .sbox_btn a, .reseller-box a[href*="http"] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;

    white-space: unset;
}


#content .btn {
	white-space: unset;
}



/* forms */
input[type="text"], input[type="email"], input[type="password"], textarea {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

.form-container form .control-group > label.required, .form-container #cformpopup .control-group > label.required {
    color: #064f64;
}
input.required[type="text"], input.required[type="email"], input.required[type="password"], textarea.required,
.form-container form .control-group > label.required + input, .form-container form .control-group > label.required + select + .newListSelected .selectedTxt, .form-container form .control-group > label.required + textarea, .form-container form .control-group > label.required + .select2-container .select2-choice, .form-container #cformpopup .control-group > label.required + input, .form-container #cformpopup .control-group > label.required + select + .newListSelected .selectedTxt, .form-container #cformpopup .control-group > label.required + textarea, .form-container #cformpopup .control-group > label.required + .select2-container .select2-choice {
    border-color: #064f64;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
.form-container form .control-group .select2-container .select2-choice, .form-container #cformpopup .control-group .select2-container .select2-choice {
    width: 240px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

.select2-display-none,
.select2-drop {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}


.form-container #cform textarea,
.form-container form .control-group > label + input, .form-container #cformpopup .control-group > label + input,
input.required[type="text"], input.required[type="email"], input.required[type="password"], textarea.required, .form-container form .control-group > label.required + input, .form-container form .control-group > label.required + textarea, .form-container #cformpopup .control-group > label.required + input, .form-container #cformpopup .control-group > label.required + textarea {
    font-size: 15px;
    font-family: DinMedium;
}

fieldset#kc p input {
    padding: 5px !important;
}



/* wrappers banners */

.pageslist {
    height: 247px;

/*    background-position: 0% 40% !important;
	-webkit-background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;*/
}
.pageslist .wrapper_grid.banner {
    background-color: rgba(0, 0, 0, 0.3) !important;
    width: auto;
    height: 247px;
}

.pageslist .banner ul {
    /*padding-top: 60px;*/
    margin: 0 auto;
    width: 960px;
}
.pageslist .banner ul li a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    font-family: DinMedium;
    text-transform: uppercase;
    line-height: 14px;
}
.pageslist .banner ul li a:hover {
    color: #fff;
    text-decoration: underline;
}


.translation-products .pageslist {
    background-position: 0% 65% !important;
}




/* case section padding without References section */
.case {
    padding: 22px 0 0 0 !important;
}




/* events page */

h2.year {
	margin: 50px 0 20px 0;
}

body.post-type-archive-events section.intro {
	background: url('/wp-content/uploads/events-banner.jpg') repeat-x;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; /* version standardisée */
	padding: 0 !important;

	-webkit-filter: contrast(150%); 
	filter: contrast(150%); 

	background-position: 50% 50%;
	height: 247px !important;

	margin-bottom: 50px !important;
}
body.post-type-archive-events section.intro .wrapper_grid {
    background-color: rgba(0, 0, 0, 0.2) !important;
    width: auto;
    height: 247px;
}
body.post-type-archive-events section h1 {
    font-size: 40px !important;
    padding: 0; 
   /*font-family: DinBold;*/
    color: #ffffff;

    margin: 100px auto 0 auto;
    width: 960px;
}


body.post-type-archive-events #container #wrapper #content section.list-items,
body.post-type-archive-events #container #wrapper #content section.list-items article {
	width: 100%;
}

body.post-type-archive-events .fa {
    float: right;
    font-size: 36px !important;
    margin: 8px 20px 0 0;
    color: #666666;
}





/* agenda accordion */
.accordion2,
.accordion {
    background: #ffffff !important;
    color: #27383e !important;
    cursor: pointer;
    width: 100% !important;
    border: 0;
    border-color: #245060 !important;
    border-bottom: 1px #245060 solid;

    text-align: left;
    outline: none;
    transition: 0.3s;

overflow: auto;
white-space: normal;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    margin: 0;
    padding: 5px 0;

    min-height: 105px;
}

.accordion2 {
    margin: 10px;
    background: #ffffff;
    width: 98%;
}


.accordion2.active, .accordion2:hover,
.accordion.active, .accordion:hover {
    background-color: #ddd;
}



.eventhumb {
	float: left;
	width: 300px;
	margin: 10px 0;
	text-align: center;

	overflow: hidden;
	border: 0px crimson solid;
}



body #container #wrapper #content article div.event {
	max-width: 880px;
}

body #container #wrapper #content article div.event p {
	float: left;
	margin: 0 0 10px 0;
	max-width: 580px;
}


.event h3 {
	margin: 15px 0 0 0;

	font-family: DinBold;
	font-size: 16px;
	font-weight: normal;
	padding: 10px;
	line-height: 20px;
	padding: 10px;
	color: inherit;
}
.event p {
	margin: 0;
    font-family: DinRegular;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;

	padding: 0;
	color: inherit;
}


.event h3 span {
	padding: 0 0 0 10px;
	font-family: DinLight;
	font-size: inherit;
	font-weight: normal;
	color: inherit;
	line-height: inherit;
}


div.panel {
    background: #245060;
    color: #ffffff;
    max-height: 0;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    opacity: 0;

    margin: 0;
    padding: 0;
}
.agenda > div > div.panel {
    margin: 0;    
}


div.panel.show {
    opacity: 1;
    max-height: none;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    background: #27383e;
    color: #ffffff;

    padding: 15px 20px;
}
div.panel.show p {
	color: #ffffff;
}
.agenda > div > div > div.panel {
    margin: 0 30px;
}
.agenda > div > div > div.panel.show {
    background: #245060;
}


div.panel.show h4 {
    font-family: DinBold;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    padding: 10px 0 30px 0;
}


body #container #wrapper #content article div.panel.show p {
	margin: 0;
	padding: 10px 0;
	font-family: DinRegular;
	font-size: 14px;
	line-height: 18px;
}

article div.panel.show div.description p > strong {
	display: inline-block;
	font-weight: normal;
	font-family: DinBold;
	font-size: 14px;
	line-height: 18px;
}



div.panel.show h4 a {
	color: #009cd3;
}
div.panel.show h4 a:hover {
	color: #009cd3;
	text-decoration: underline;
}





.selector {
	width: 30px;
	height: 18px;
	background: url(/wp-content/themes/systran/img/2016/selector-green-triangle.png);
	margin: 0;
	padding: 0;

	position: absolute;
	/*top: 26px;*/
	right: 10px;
	/*float: right;*/
}



/* Past years */
.accordion.pastyears {
	margin-top: 20px;
}

.pastyears .selector {
	margin: -40px 0 0 0;
}

div.panel.show.pastyears {
	background: none;
    padding: 20px 0 0 0;
}

body #container #wrapper #content article div.accordion.nolink div.event {
	max-width: none;
}
.accordion.nolink {
	cursor: default;
	min-height: 70px;
}
div.accordion.nolink div.event h3 {
	margin: 15px 0 0 0;
	font-family: DinMedium;
	font-size: 14px;
	font-weight: normal;
	padding: 10px;
	line-height: 20px;
	padding: 10px;
	color: inherit;
}

body #container #wrapper #content article .event p a {
    color: #b1892c;
}



/* about page */

body #container #wrapper.about .wrapper_grid.technology h2 {
    margin-bottom: 10px;
}


.technology .details_infos {
	padding-top: 20px;
	width: 450px;
}

.technology .details_infos h3 {
	font-family: DinLight;
	font-size: 19px;
	margin: 10px 0;
	font-weight: normal;
}

.technology .details_infos p {
	color: #555555;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0;
}

.technology .details_infos ul {
	padding-top: 5px;
}

.technology .details_infos ul li {
	line-height: 25px;
}

/*.grayarea {
    background: #ffffff;
}*/

body #container #wrapper.about .wrapper_grid.technology .grayarea.small {
    margin-top: 40px;
}



/* documentation */
body #container #wrapper.about .documentation .wrapper_grid h2 {
    margin-bottom: 30px;
}

body #container .documentation p {
    color: #555555;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0;
    margin: 0 0 10px 0;
}


/* policies */
.details_infos ul li {
    line-height: 25px;
}




/* infographics page template */
html.infograph {
	overflow-x: hidden;
}

#wrapper.infographics > #content {
    margin: 0;
    text-align: center;
}

@media only screen and (max-width: 1150px) {
    html.infograph body #container {
        min-width: 0;
    }
    html.infograph #content > img.infography {
        width: 100%;
    }
}





/* media queries */
@media only screen and (min-width: 240px) and (max-width: 640px) {

	/*slides*/
	.rev_slider .tp-mask-wrap .tp-caption.rev-btn {
		border-width: 0 !important;
		padding: 10px !important;
		font-size: 11px !important;
	}

	body #container {
	    padding: 0 !important;
	}

	header {
	    height: 70px !important;
	    position: static !important;
	    border-bottom: 2px #064f64 solid !important;
	}

	header > .inner {
	    padding: 5px 10px 25px 5px !important;
	    width: 100% !important;
	    /*z-index: 999 !important;*/
	}

	#MobileLanguageMenu.dropDownMobile.dropdown {
	    right: 50px !important;
	    top: 20px !important;
	    left: auto !important;
	}
	.icons-language:hover, .icons-language.language_hover, .icons-language.language-hover {
		background-position: 0 -66px;
	}

	header #logo {
    	float: left;
		margin: 0;

		width: 211px;
		height: 58px;

		position: static;
		top: 5px;
		left: 5px;

		/*width: 150px;
    	height: 41px;*/
	}

	header .mobileMenu {
	    width: 100%;
	    position: absolute;
	    right: 0;
	    top: 70px;
	    z-index: 100;
	    background: #064f64;
	}
	.layerMenu {
		top: 70px;
	}

	header .mobileMenu ul::before {
		border-bottom: 8px solid #064f64;
		right: 12px;
	}

	header .mobileMenu .inner {
	    width: 100% !important;
	}

	header .mobileMenu .picto-menu {
		top: -46px !important;
		right: 10px !important;
	}

	/* top banners */
	.pageslist .banner ul {
	    padding: 20px 0 0 20px;
	    margin: 0 auto;
	    width: 960px;
	}
	.pageslist .wrapper_grid.banner {
	    background-color: rgba(0, 0, 0, 0.3) !important;
	    width: 100% !important;
	    height: auto !important;
	    margin: 0 !important;
	}



	.wrapper_grid,
	.wrapper_grid.big {
    	width: auto !important;
    	margin: 0 20px 10px 20px;
	}


	.sectionContact .inner {
	    width: 90%;
	    margin: 0 auto;
	    padding: 20px 0 30px 0;
	}




	.home section.slider {
    	width: 100% !important;
    	padding: 0 0 0 0;
	}




	body #container #wrapper #content aside {
	    width: 100%;
	    float: right;
	    margin-top: 15px;
    }

    a {
    	white-space: normal !important;
    }


	.values h1 {
	    font-size: 26px;
	}
	.values h2 {
	    margin: 0 0 10px 0;
	}
	.values p {
	    margin: 0 0 50px 0;
	}

	.pnmt-left {
	    width: 100%;
	    float: left;
	    height: 380px;
	}
	.pnmt-right {
	    width: 100%;
	    float: right;
	    height: 650px;
	    clear: both;
	}

	.cas-client-left {
	    width: 100%;
	    float: left;
	    height: 400px;
	}
	.cas-client-right {
	    width: 100%;
	    float: right;
	    height: 300px;
	    clear: both;
	}

	.news h2,
	.case h2,
	.references h2 {
	    padding-top: 50px;
	}


	.clients-grid > div {
		border: 0px skyblue solid;
		width: 100%;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		float: left;
		clear: both;
		margin: 15px 0;
	}


	.news .btn-center {
	    text-align: center;
	    margin-top: 20px;
	    margin-bottom: 50px;
	}

	#systran-news { /* anchor hack */
		padding-top: 120px;
		margin-top: -120px;
	}

	.classic .line {
		display: block !important;
	}



	[class*="span"] img {
		margin: 20px auto;
	}

	[class*="span"].img {
		display: flex !important;
	}

}




p.dl-btn {
	margin: 20px 0 0px 0;
}
p.dl-btn > a {
	display: flex;
	line-height: 20px;
}
p.dl-btn > a > img {
	margin: -15px 15px 0 0;
}
/* media queries */
@media only screen and (min-width: 240px) and (max-width: 640px) {
	p.dl-btn {
		margin: 20px 0 20px 0;
	}
}