/*Theme Name: Base WPTheme URI: http://themes.iografica.it/downloads/base-wp/Author: iograficaAuthor URI: http://themes.iografica.it/Description: Base WP is a basic blog or business WordPress theme, based on undescores with integration of skeleton 960 grid. Base WP is WooCommerce compatible, multilingual ready, RTL-Language support, retina-ready, SEO friendly and cross-browser compatible. For other themes and plugin or for support and documentation visit our website (http://themes.iografica.it).Version: 1.23License: GNU General Public License v2 or laterLicense URI: http://www.gnu.org/licenses/gpl-2.0.htmlText Domain: baseDomain Path: /languages/Tags: white, orange, one-column, two-columns, right-sidebar, responsive-layout, full-width-template, post-formats, sticky-post, theme-options, translation-ready, custom-background, featured-images, custom-menu, custom-headerBase WP WordPress Theme, Copyright (C) 2014 iografica.itBase WP WordPress theme is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.This theme was built using _s.(http://underscores.me)*/
/*-------------------------------------------------------------->>> TABLE OF CONTENTS:----------------------------------------------------------------1.0 - Reset2.0 - Typography3.0 - Elements4.0 - Inputs and buttons5.0 - Navigation	5.1 - Links	5.2 - Menus6.0 - Accessibility7.0 - Alignments8.0 - Clearings9.0 - Widgets10.0 - Content	10.1 - Posts and pages	10.2 - Asides	10.3 - Comments	10.7 - Pagination11.0 - Infinite scroll12.0 - Media13.0 - Footer--------------------------------------------------------------*/
/*--------------------------------------------------------------1.0 - Reset--------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    
    box-sizing: border-box;
}
body {
    background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
table {
    /* tables still need 'cellspacing="0"' in the markup */
    
    border-collapse: separate;
    border-spacing: 0;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
a img {
    border: 0;
}
/*--------------------------------------------------------------2.0 Typography--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #777;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
    font-size: 1.6rem;
    line-height: 1.6;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #555;
    font-weight: 300;
}
h1 {
    background: url("images/ligne-rouge.jpg") repeat-x scroll 0 16px rgba(0, 0, 0, 0);
    color: #0a2a43;
    font-family: raleway;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#page h1 {
    background: url("images/orange.jpg") no-repeat scroll 0 bottom rgba(0, 0, 0, 0);
    color: #152c41;
    font-family: raleway;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 18px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
@media (max-width: 1170px) {
    #page #site-navigation h1 {
        background: #E7E9EC;
        color: #152c41;
        font-family: raleway;
        font-size: 18px;
        font-weight: bold;
        line-height: 16px;
        margin-bottom: 0;
        padding-bottom: 17px;
        padding-top: 20px;
        text-transform: uppercase;
    }
}
h1 span {
    background: none repeat scroll 0 0 #fff;
    padding-right: 12px;
}
h2 {
    font-size: 1.6em
}
h3 {
    font-size: 1.2em
}
h4 {
    font-size: 1.1em
}
h5 {
    font-size: 1em
}
h6 {
    font-size: 0.9em
}
p {
    color: #152c41;
    font-family: raleway;
    font-size: 15px;
}
b,
strong {
    font-weight: bold;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
/*--------------------------------------------------------------3.0 Elements--------------------------------------------------------------*/

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul,
ol {
    margin: 0 0 1.5em 1em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: bold;
}
/*--------------------------------------------------------------4.0 Inputs and buttons--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
    
    *vertical-align: middle;
    /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #444;
    border: none;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-size: 1em;
    margin: auto;
    padding: 10px 15px;
    text-decoration: none;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    cursor: pointer;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #152C40;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    padding: 15px;
    background-color: #152C40;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    
    -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 95%;
}
input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    
    border: 0;
    padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}
textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    
    width: 98%;
}
/*--------------------------------------------------------------5.0 Navigation--------------------------------------------------------------*/

.header-image {
    margin-bottom: -1.4em;
}
.site-header {
    background: #fff;
}
.site-branding {
    margin: auto;
    text-align: left;
    max-width: 1170px;
}
.site-branding a {
    text-decoration: none;
}
@media (max-width: 1170px) {
    .site-branding a {
        text-decoration: none;
        text-align: center;
        display: block;
    }
}
.site-title,
.site-title a {
    margin-top: 1em;
}
.site-description {
    font-size: 1.25em;
}
/*--------------------------------------------------------------5.1 Links--------------------------------------------------------------*/

a {
    color: #555;
    font-weight: 300;
    text-decoration: none;
}
a:visited {
    font-weight: 300;
    color: #555;
}
a:hover,
a:focus,
a:active {
    font-weight: 300;
    color: #F90;
}
/*--------------------------------------------------------------5.2 Menus--------------------------------------------------------------*/

.navmenu {
    float: right;
    margin-top: 21px;
    text-align: inherit;
}
@media (max-width: 1170px) {
    .navmenu {
        background: #fff;
        float: left;
        margin-left: 0;
        margin-top: 21px;
        position: relative;
        text-align: inherit;
        width: 100%;
        z-index: 999;
    }
}
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.main-navigation ul {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
    display: inline-block;
}
.main-navigation li {
    float: right;
    margin-left: 60px;
}
@media (max-width: 1170px) {
    .main-navigation li {
        float: right;
        width: 100%;
    }
}
.main-navigation a {
    border-bottom: 4px solid #fff;
    color: #152c41;
    display: block;
    font-family: "Raleway";
    font-size: 14px;
    padding: 20px 0 0px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.main-navigation li > a {
    border: medium none;
    height: 77px;
    margin-bottom: -31px !important;
    padding: 20px 0 15px !important;
}
.sub-menu li a {
    height: inherit!important;
}
.main-navigation li:hover .sub-menu {
    display: block;
}
@media (max-width: 1170px) {
    .main-navigation li > a {
        border: medium none;
        font-size: 20px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }
    .main-navigation li > a:hover {
        opacity: 0.8;
        background: #E7E9EC;
    }
}
.main-navigation li li a {
    padding: 8px 0 36px !important;
}
@media (max-width: 1170px) {
    .main-navigation li li a {
        padding: 0 !important;
    }
}
.main-navigation ul ul {
    background: none repeat scroll 0 0 #444;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    left: 0;
    opacity: 0;
    padding: 11px 0;
    position: absolute;
    top: 77px;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    z-index: 99999;
}
@media (max-width: 1170px) {
    .main-navigation ul ul {
        box-shadow: initial;
        margin: 0;
        opacity: 1;
        padding: 0;
        position: relative;
        top: 0;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        z-index: 99999;
        width: 100%;
    }
}
.main-navigation ul .menu-item-70 ul,
.main-navigation ul .menu-item-3413 ul,
.main-navigation ul .menu-item-256 ul {
    background: #152C41;
}
.main-navigation ul .menu-item-69 ul,
.main-navigation ul .menu-item-253 ul {
    background: #FF1E29;
}
.main-navigation ul .menu-item-126 ul,
.main-navigation ul .menu-item-2865 ul,
.main-navigation ul .menu-item-256 ul {
    background: #388ca2;
}
.main-navigation ul .menu-item-3414 ul,
.main-navigation ul .menu-item-3415 ul {
    background: #ec5f30;
}


.main-navigation ul .menu-item-70 ul {
    left: inherit;
    right: 0;
    width: 160px;
}
@media (max-width: 1170px) {
    .main-navigation ul .menu-item-70 ul {
        width: 100%;
    }
}
.main-navigation li > ul {
    display: none;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 100%;
    margin-top: -57px;
}
.main-navigation ul ul a {
    border: medium none;
    color: #fff;
    text-align: left;
    padding: 5px 0 6px 0;
}
@media (max-width: 1170px) {
    .main-navigation ul ul a {
        border: medium none;
        color: #152c41;
        padding: 5px 0 6px;
        text-align: left;
        font-size: 15px;
    }
}
.main-navigation ul ul li {
    display: block;
    text-align: left;
    float: left;
}
.main-navigation li:hover > a {}.main-navigation ul ul:hover > a {}.main-navigation ul ul a:hover {}.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {}.main-navigation ul ul a:hover {
    opacity: 0.6;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
}
/* Small menu */

.menu-toggle {
    cursor: pointer;
    display: none;
}
.site-main [class*="navigation"] {
    margin: 0 0 1.5em;
    overflow: hidden;
}
[class*="navigation"] .nav-previous {
    float: left;
    width: 50%;
}
[class*="navigation"] .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/*--------------------------------------------------------------Sticky nav--------------------------------------------------------------*/

.main-navigation.fix {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    max-width: 100%;
    background: #fff;
    border-bottom: 1px solid #ccc;
    -moz-box-shadow: 0px 1px 3px #ddd;
    -webkit-box-shadow: 0px 1px 3px #ddd;
    box-shadow: 0px 1px 3px #ddd;
}
nav#site-navigation.main-navigation.fix {
    height: 55px;
    margin: 0 !important;
    padding: 0 !important;
}
nav#site-navigation.main-navigation.fix .nav-menu {
    margin: auto;
    display: block;
    width: 1170px;
}
@media (max-width: 1170px) {
    nav#site-navigation.main-navigation.fix {
        display: none;
    }
}
.main-navigation.fix ul ul {
    top: 55px;
}
.admin-bar .main-navigation.fix {
    top: 25px;
}
/*--------------------------------------------------------------6.0 Accessibility--------------------------------------------------------------*/
/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}
/*--------------------------------------------------------------7.0 Alignments--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
/*--------------------------------------------------------------8.0 Clearings--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}
/*--------------------------------------------------------------9.0 Widgets--------------------------------------------------------------*/

.widget {}.widget ul {
    margin-left: 0px !important;
    list-style: none;
}
.widget li {
    border-bottom: 1px solid #eee;
    margin: -8px -12px 10px;
    padding: 10px;
}
.widget ul.children,
.widget ul.children li,
.widget ul.sub-menu li {
    border-bottom: none;
    padding: 5px 0px 0px 10px;
    margin: 0px !important;
}
.widget ul.children li:before,
.widget ul.sub-menu li:before {
    content: "-";
    padding: 5px;
}
/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}
/* Search widget */

.widget_search .search-submit {
    display: none;
}
.widget h3.widget-title {
    text-shadow: 1px 1px 0 #fff;
    color: #666;
    background-color: #f9f9f9;
    margin: -7px -12px 10px;
    padding: 10px;
    border: 1px solid #fff;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 300;
}
.widget_archive h3.widget-title:before,
.widget_recent_entries h3.widget-title:before,
.widget_categories h3.widget-title:before,
.widget_recent_comments h3.widget-title:before,
.widget_calendar h3.widget-title:before,
.widget_tag_cloud h3.widget-title:before,
.widget_nav_menu h3.widget-title:before,
.widget_search h3.widget-title:before {
    font-family: 'ElegantIcons';
    margin-right: 5px;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.widget_archive h3.widget-title:before {
    content: "\e02f";
}
.widget_categories h3.widget-title:before {
    content: "\e022";
}
.widget_recent_comments h3.widget-title:before {
    content: "\77";
}
.widget_recent_entries h3.widget-title:before {
    content: "\68";
}
.widget_calendar h3.widget-title:before {
    content: "\e023";
}
.widget_nav_menu h3.widget-title:before {
    content: "\e02c";
}
.widget_tag_cloud h3.widget-title:before {
    content: "\e018";
}
.widget_search h3.widget-title:before {
    content: "\55";
}
/*--------------------------------------------------------------10.0 Content--------------------------------------------------------------*/

.site-content {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}
#primary {
    padding-bottom: 1em !important;
}
.wide.contenitor {}
/*--------------------------------------------------------------10.1 Posts and pages--------------------------------------------------------------*/

.sticky {}.hentry {
    margin: 0 0 1.5em;
}
.byline,
.updated {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.page-content,
.entry-content,
.entry-summary {}.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
article {}.entry-meta {
    color: #aaa;
    font-size: 0.8em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}
.form-allowed-tags,
.form-allowed-tags code {
    font-size: 0.8em !important;
}
.comment-body {
    margin-top: 10px;
}
.comment-author {
    text-shadow: 1px 1px 0 #fff;
    color: #666;
    background-color: #f9f9f9;
    margin: -16px -16px 10px;
    padding: 10px;
    border: 1px solid #fff;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 300;
}
.comment-metadata {
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.8em;
    padding-bottom: 0.5em;
    margin-bottom: 10px;
}
b.fn {
    margin-bottom: 6em !important;
}
.error-404 .page-header,
.error-404 .message-404 {
    text-align: center;
}
.error-404 .message-404 input.search-field {
    width: 50%;
    padding: 0.6em;
    margin-bottom: 1em;
}
.sitemap ul {
    list-style: circle;
    margin-left: 1.3em;
}
.sitemap ul ul {
    list-style: circle;
    padding-left: 1em;
}
.sitemap li {
    padding: 2px 0;
}
/*--------------------------------------------------------------10.2 Asides--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}
/*--------------------------------------------------------------10.3 Comments--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {}
/*--------------------------------------------------------------10.4 Pagination----------------------------------------------- */

.page-numbers {
    font-size: 0.9em;
    font-weight: 400 !important;
    background: #fff;
    border: 1px solid #e5e5e5;
    -moz-box-shadow: 0px 2px 0px #eee;
    -webkit-box-shadow: 0px 2px 0px #eee;
    box-shadow: 0px 2px 0px #eee;
    padding: 5px 10px;
    text-decoration: none;
    display: inline-block;
    clear: both;
}
.page-numbers:hover,
.page-numbers:focus,
.page-numbers.current {
    background: #f5f5f5 !important;
    font-weight: 400 !important;
    border: 1px solid #ededed;
    padding: 5px 10px;
    text-decoration: none;
}
.basebreadcrumb {
    font-size: 0.8em;
    padding: 0.5em 1em;
    background: #fff;
    border: 1px solid #e5e5e5;
    -moz-box-shadow: 0px 2px 0px #eee;
    -webkit-box-shadow: 0px 2px 0px #eee;
    box-shadow: 0px 2px 0px #eee;
    margin-bottom: 10px;
}
/*--------------------------------------------------------------11.0 Infinite scroll--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
    display: block;
}
/*--------------------------------------------------------------12.0 Media--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.site-main .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {}.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.site-main .gallery dd {
    margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {}.site-main .gallery-columns-4 .gallery-item img {}img {
    max-width: 100%;
    height: auto;
}
.attachment-post-thumbnail,
.attachment-.wp-post-image {
    max-width: 100%;
    height: auto;
    margin-top: 2px;
    margin-bottom: 15px;
}
/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------13.0 Footer--------------------------------------------------------------*/

.site-footer {
    background: none repeat scroll 0 0 #152c40;
    border-top: 1px solid #ccc;
    color: #fff;
    font-family: arial;
    font-size: 10px;
    padding: 22px 0;
    text-transform: uppercase;
}
.site-info {
    text-align: center;
}
.site-info a {
    color: #fff;
}
.site-info a:hover,
.site-info a:focus,
.site-info a:active {}.social-url {
    text-align: center;
    width: 100%;
    display: block;
    padding-top: 0.6em;
    padding-bottom: 0.8em;
}
.social-url a {
    text-align: center;
    display: inline-block;
    margin: 5px 2px;
    padding: 10px 12px 6px 12px;
    border: 1px solid #dedede;
}
#masthead {
    height: 128px;
}
.join-us {
    position: relative;
    max-width: 420px;
    margin: auto;
}
.join-us .join-us-title {
    position: absolute;
    bottom: 25px;
    left: 180px;
}
.join-us .join-us-title h3 {
    color: #fff;
    font-family: Raleway;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
}
.border-red {
    background: none repeat scroll 0 0 #c70605;
    height: 4px;
    margin-top: 4px;
    width: 70px;
}
.panel-group {
    margin-bottom: 26px;
}
.panel-group .panel {
    margin-bottom: 0;
}
.panel-group .panel + .panel {
    margin-top: 10px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {}.panel-group .panel-footer {
    border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}
.panel-primary {
    border-color: #428bca;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #428bca;
}
.panel-primary > .panel-heading .badge {
    color: #428bca;
    background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {}.panel-success {
    border-color: #d6e9c6;
}
.panel-success > .panel-heading {
    color: #3c763d;
    border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {}.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {}.panel-info {
    border-color: #bce8f1;
}
.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
}
.panel-warning {
    border-color: #faebcc;
}
.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
}
.panel-danger {
    border-color: #ebccd1;
}
.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
}
.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}
.panel-title a {
    text-decoration: none;
}
.panel-title a:hover,
.panel-title a:focus {
    text-decoration: none;
}
.panel-title img {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
.panel-title {}.panel-body p > span {
    font-weight: 700;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
}
.panel-body {
    padding: 15px;
}
.panel-heading {
    border: medium none !important;
    padding: 0 4px;
}
.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-title > a {
    color: inherit;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel-default {
    border: none;
}
.panel-default > .panel-heading {
    color: #D64C20;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {}.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {}#accordion .panel-title a {
    color: #fff !important;
    font-family: raleway;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#accordion .panel-title a span {
    display: inline-block;
    padding: 30px;
}
#accordion .panel-heading {
    background-color: #152c40;
    height: 89px;
    position: relative;
}
#accordion .panel-collapse {
    border: medium none;
    color: #152c40;
}
#accordion .panel-group .panel {
    border: medium none;
    margin-bottom: 0;
}
#accordion .panel-body {}#accordion .panel-title img {
    float: left;
    padding-top: 4px;
}
#accordion .cross span {
    background: rgba(0, 0, 0, 0) url("https://www.sysnav.fr/wp-content/uploads/2015/04/cross.png") no-repeat scroll 0 0;
    margin: 0;
    padding: 19px !important;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    display: block;
}
#accordion .cross {
    background: #c70605 none repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 40px;
    position: absolute;
    right: 0;
    z-index: 999;
    width: 40px;
}
#accordion .collapsed .cross span {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/cross.png") no-repeat scroll 0 0;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}
#accordion .miniature {
    transform: inherit!important;
    -webkit-transform: inherit!important;
    -moz-transform: inherit!important;
    -o-transform: inherit!important;
}
#accordion .prod-article .desc {
    font-size: 14px!important;
}
.sol {
    float: left;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 190px;
}
.sol span {
    background: none repeat scroll 0 0 #fff;
    bottom: -29px;
    color: #152c41;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 7px;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}
@media (max-width: 1200px) {
    .sol span {
        bottom: 0!important;
    }
}
.bigtxt span {
    bottom: -50px;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}
.sol:hover span {
    bottom: 0px;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}
.solution1 {
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/sol1.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.solution2 {
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/dd1.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.solution3 {
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/sol3.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.solution4 {
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/sol4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.solution5 {
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/sol5.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.solution6 {
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/sol6.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.solution7 {
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/sol7.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.solution8 {
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/sol8.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.solution9 {
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/sol9.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.float-right {
    float: right;
}
.categorie-container-fade {
    padding: 5px;
    overflow: hidden;
    height: 115px;
    bottom: 100%;
    color: #fff;
    position: absolute;
    width: 100%;
    cursor: pointer;
    background: rgba(35, 50, 62, 0.8);
    display: block;
    transition-property: bottom;
    -webkit-transition-property: bottom;
    -moz-transition-property: bottom;
    -o-transition-property: bottom;
    transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}
.categorie-container-fade h3 {
    margin-top: 2px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.categorie-container-fade p {
    color: #fff;
    font-size: 13px;
    line-height: 19px;
}
.categorie-container {
    height: 115px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
@media (max-width: 700px) {
    .categorie-container {
        margin: 10px 0;
    }
    .categorie-container img {
        width: 100%;
    }
}
.categorie-container:hover .categorie-title {
    opacity: 0;
}
.categorie-container:hover .categorie-container-fade {
    bottom: 0;
}
.categorie-container .categorie-title {
    background: none repeat scroll 0 0 rgba(35, 50, 62, 0.4);
    bottom: 0;
    height: 115px;
    position: absolute;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    width: 100%;
}
.categorie-container .categorie-title h3 {
    color: #fff;
    font-family: raleway;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 50px;
    text-align: center;
    text-transform: uppercase;
}
.categorie-img {
    height: 115px;
    width: 100%;
}
#categorie-defense {
    background: url(images/home_v2_03.png) no-repeat center center;
    background-size: cover;
}
#categorie-aeroportuaire {
    background: url(images/home_v2_09.png) no-repeat center center;
    background-size: cover;
}
#categorie-securite {
    background: url(images/home_v2_11.png) no-repeat center center;
    background-size: cover;
}
#categorie-medical {
    background: url(images/home_v2_06.png) no-repeat center center;
    background-size: cover;
}
#categorie-mines {
    background: url(images/home_v2_13.png) no-repeat center center;
    background-size: cover;
}
#categorie-portuaire {
    background: url(images/home_v2_15.png) no-repeat center center;
    background-size: cover;
}
#categorie-ferroviaire {
    background: url(images/business.jpg) no-repeat center center;
    background-size: cover;
}
.col-md-2 {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 170px;
}
.col-md-2.marginr-annule {
    margin-right: 0!important;
}
.cat-noir {
    margin-bottom: 0;
}
.cat-noir h2 {
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 140px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    word-spacing: -0.15em;
}
.slide-cat-home {
    border-top: 5px solid #e9ebee;
    margin-top: 30px !important;
    padding-top: 30px !important;
    width: 770px !important;
}
@media (max-width: 480px) {
    .slide-cat-home-mobile .col-md-2 {
        float: left;
        margin-bottom: 30px;
        margin-right: 0;
        width: 150px;
    }
}
.slide-cat-home-mobile {
    display: none;
    border-top: 5px solid #e9ebee;
    margin-top: 30px !important;
    padding-top: 30px !important;
    width: 100% !important;
}
.slide-cat-home-mobile .content {
    background: url("../images/filtre.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.slide-cat-home-mobile img {
    position: relative;
    display: block;
    opacity: 0.8;
    height: 110px;
    width: 170px;
}
.slide-cat-home-mobile a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    float: left;
}
.slide-cat-home-mobile h2 {
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 140px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    word-spacing: -0.15em;
}
@media (max-width: 1200px) {
    .slide-cat-home {
        display: none;
    }
    .slide-cat-home-mobile {
        display: block;
    }
}
/* slider */

.container-fluid {
    margin-left: auto;
    margin-right: auto;
}
#ddslider,
#ddslider li {
    height: 369px;
    width: 100%;
}
/* ../img container - This is the most important container - Don't change important properties */

#ddslider {
    list-style: none !important;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
}
/* each slider item - Nothing to change here */

#ddslider li {
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    width: 100%;
}
/* Don't edit this part */

#ddslider li.current {
    display: block;
    z-index: 2 !important;
}
/* Don't edit this part */

#ddslider li.next {
    display: block;
    z-index: 1 !important;
}
/* Don't edit this part - prevents inline lists from being hidden */

#ddslider li ul li {
    display: block !important;
    position: relative !important;
}
/* Sets configs for selectors containers : absolute positioned in relation to #slider */

.slider_selector,
.slider_selector_dis {
    bottom: 10px;
    list-style: none;
    margin: 0 0 0 5px;
    position: absolute;
    left: 35%;
    z-index: 5;
}

#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8 {
    width: 100%;
    height: 375px;
    background-size: cover!important;
}

#slide1 {
    background: url(images/medical.jpg) no-repeat center;
}
#slide2 {
    background: url(images/sitesindustriels.jpg) no-repeat center;
}
#slide3 {
    background: url(images/aeroportuaire.jpg) no-repeat center;
}
#slide4 {
    background: url(images/voiture.jpg) no-repeat center;
}
#slide5 {
    background: url(images/militaire.jpg) no-repeat center;
}
#slide6 {
    background: url(images/va.png) no-repeat center;
}
/*#slide7 {*/
    /*background: url(images/ports.jpg) no-repeat center;*/
/*}*/
/*#slide8 {*/
    /*background: url(images/medical.jpg) no-repeat center;*/
    /*background: url(images/lelab.jpg) no-repeat center;*/
/*}*/

@media (max-width: 765px) {
    .slider_selector,
    .slider_selector_dis {
        left: 34%;
    }
}
@media (max-width: 700px) {
    .slider_selector,
    .slider_selector_dis {
        left: 35%;
    }
}
@media (max-width: 500px) {
    .slider_selector,
    .slider_selector_dis {
        left: 30%;
    }
}
@media (max-width: 400px) {
    .slider_selector,
    .slider_selector_dis {
        left: 27%;
    }
}
@media (max-width: 320px) {
    .slider_selector,
    .slider_selector_dis {
        left: 19%;
    }
}
/* Sets image of selectors */

.slider_selector li,
.slider_selector_dis li {
    display: block !important;
    background: url(images/slider_selector.png) no-repeat top left;
    cursor: pointer;
    float: left;
    margin: 0 6px !important;
    height: 10px !important;
    position: relative !important;
    width: 10px !important;
}
/* Sets the current selector */

.slider_selector li.current,
.slider_selector_dis li.current {
    background: url(images/slider_selector_current.png) no-repeat top left;
}
/* Disables the selectors */

.slider_selector_dis li {
    cursor: default !important;
    z-index: 5;
}
.slider-box {
    background: none repeat scroll 0 0 rgba(21, 44, 65, 0.8);
    bottom: 0;
    position: absolute;
    width: 300px;
    z-index: 0;
    padding: 15px;
}
@media (max-width: 1170px) {
    .slider-box {
        background: none repeat scroll 0 0 rgba(21, 44, 65, 0.8);
        bottom: 0;
        padding: 15px;
        position: absolute;
        width: 100%;
        z-index: 0;
        margin-bottom: 30px;
    }
}
.link-logo {
    clear: both;
    float: left;
}
@media (max-width: 1170px) {
    .link-logo {
    	float: initial;
    }
}
.slider-box h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 33px;
}
.slider-box p {
    color: #fff;
}
.slider-box p > span {
    text-transform: uppercase;
}
#ddslider .container {
    margin: 0 auto;
    padding: 0;
    position: initial!important;
    width: 1170px;
}
.border-orange {
    background: #d64c20;
    height: 3px;
    width: 50px;
}
#ddslider .border-orange {
    background: #d64c20;
    height: 3px;
    width: 50px;
    margin-top: 10px;
}
.border-orange-light {
    margin-top: 35px;
    background: #d64c20;
    height: 1px;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}
.collapse {
    display: none;
    visibility: hidden;
}
.collapse.in {
    display: block;
    visibility: visible;
}
tr.collapse.in {
    display: table-row;
}
tbody.collapse.in {
    display: table-row-group;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropdown {
    position: relative;
}
.dropdown-toggle:focus {
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}
#masthead .pre-header {
    display: block;
    background-color: #e7e9ec;
    height: 30px;
    width: 100%;
}
.pre-header a {
    color: #152c41;
    float: left;
    font-family: raleway;
    font-size: 12px;
    line-height: 30px;
    padding: 0 7px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.pre-header a.liens {
    color: #152c41;
    float: right;
    font-family: raleway;
    font-size: 12px;
    line-height: 30px;
    padding: 0 11px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.pre-header a:hover {
    font-weight: 700;
}
.pre-header-zone {
    margin: auto;
    max-width: 1170px;
}
.pre-header-block {
    float: right;
    width: 400px;
}
@media (max-width: 1170px) {
    .pre-header-block {
        float: left;
        width: 400px;
    }
}
@media (max-width: 420px) {
    .pre-header a.liens {
        color: #152c41;
        float: right;
        font-family: raleway;
        font-size: 12px;
        line-height: 30px;
        padding: 0 5px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }
    #lang_sel {
        float: left;
    }
    .pre-header-block {
        width: inherit;
    }
}
.pre-header-block .langue {
    float: right;
}
.pre-header-block .langue.active {
    background-color: #152c41;
    color: #fff;
}
#menu-menu-1 li {
    border-bottom: 4px solid #fff;
    -webkit-transition: border .3s ease-in;
    -moz-transition: border .3s ease-in;
    -o-transition: border .3s ease-in;
    transition: border .3s ease-in;
    position: relative;
}
@media (max-width: 1170px) {
    #menu-menu-1 li {
        border: medium none!important;
        position: relative;
        transition: inherit;
        transition: inherit;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
    }
}
#menu-menu-1 li li {
    border-bottom: none;
}
@media (max-width: 1170px) {
    #menu-menu-1 li li {
        border: medium none;
        width: 100%;
    }
}
#menu-menu-1 li:hover ul {
    opacity: 1;
}
#menu-menu-1-anglais0 li {
    border-bottom: 4px solid #fff;
    -webkit-transition: border .3s ease-in;
    -moz-transition: border .3s ease-in;
    -o-transition: border .3s ease-in;
    transition: border .3s ease-in;
    position: relative;
}
#menu-menu-1-anglais0 li li {
    border-bottom: none;
}
#menu-menu-1-anglais0 li:hover ul {
    opacity: 1;
}
/* Accueil */

#menu-item-67:hover {
    border-bottom: 4px solid #152C41;
}
#menu-menu-1-anglais0 #menu-item-67 ul {
    background: #152C41;
    width: 150px;
}
#menu-item-262:hover {
    border-bottom: 4px solid #152C41;
}
/* Sysnav */

#menu-item-775:hover {
    border-bottom: 4px solid #444444;
}
#menu-menu-1-anglais0 #menu-item-775 ul {
    background: #444444;
    width: 150px;
}
#menu-item-775:hover {
    border-bottom: 4px solid #444444;
}
/* Business */

#menu-item-126:hover,
#menu-item-2865:hover {
    border-bottom: 4px solid #388CA2;
}
#menu-menu-1-anglais0 #menu-item-126 ul {
    background: #388ca2;
    width: 210px;
}
#menu-item-256:hover {
    border-bottom: 4px solid #388ca2;
}
/* Gouvernement */

#menu-item-69:hover {
    border-bottom: 4px solid #FF1E29;
}
#menu-menu-1-anglais0 #menu-item-69 ul {
    background: #FF1E29;
    width: 150px;
}
#menu-item-253:hover {
    border-bottom: 4px solid #FF1E29;
}
/* Lab */

#menu-item-70:hover,
#menu-item-3413:hover {
    border-bottom: 4px solid #152c41;
}
#menu-item-2727:hover,
#menu-item-2729:hover {
    border-bottom: 4px solid #444;
}
#menu-item-3414:hover,
#menu-item-3415:hover {
    border-bottom: 4px solid #ec5f30;
}
#menu-menu-1-anglais0 #menu-item-70 ul {
    background: none repeat scroll 0 0 #152c41;
    width: 232px;
}
#menu-item-251:hover {
    border-bottom: 4px solid #152c41;
}
#menu-menu-1-anglais0 #menu-item-251 ul {
    background: none repeat scroll 0 0 #152c41;
    width: 232px;
}
.main-navigation li li {
    margin: 0 12px;
    width: 119px;
}
@media (max-width: 1170px) {
    .main-navigation li li {
        margin: 0;
    }
}
.txt_widget {
    color: #888;
    font-family: raleway;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin: auto;
    padding: 20px 0;
    text-align: center;
    width: 240px;
}




/* Pages Sysnav */

.page-id-14 .baniere {
    background: url('images/bani-business.jpg') repeat scroll center center;
    background-size: cover;
}

.page-id-115 .baniere ,
.page-id-2450 .baniere ,
.page-id-2444 .baniere ,
.page-id-221 .baniere ,
.page-id-2413 .baniere ,
.page-id-2415 .baniere {
    background: url('images/bani-business2.jpg') repeat scroll center center;
    background-size: cover;
}
.page-id-116 .baniere {
    background: url('images/bani-business3.jpg') repeat scroll center center;
    background-size: cover;
}
.page-id-117 .baniere {
    background: url('images/bani-business4.jpg') repeat scroll center center;
    background-size: cover;
}
.page-id-118 .baniere {
    background: url('images/bani-business5.jpg') repeat scroll center center;
    background-size: cover;
}
.page-id-119 .baniere {
    background: url('images/bani-business6.jpg') repeat scroll center center;
    background-size: cover;
}
/* Pages Gouvernement */

.page-id-15 .baniere {
    background: url('images/bani-gouvernement.jpg') repeat scroll center center;
    background-size: cover;
}
.page-id-132 .baniere {
    background: url('images/bani-gouvernement2.jpg') repeat scroll center center;
    background-size: cover;
}
.page-id-133 .baniere {
    background: url("images/bani-gouvernement3.jpg") repeat scroll center center;
    background-size: cover;
}
/* Pages Lab */

.page-id-16 .baniere {
    background: url('images/bani-lelab.jpg') repeat scroll center center;
    background-size: cover;
}
.page-id-146 .baniere {
    background: url('images/bani-lelab2.jpg') repeat scroll center center;
    background-size: cover;
}






/* Page défaut */

.baniere {
    background: url('images/business-banniere.jpg') repeat scroll center center;
    background-size: cover;
    height: 160px;
}
@media (max-width: 1200px) {
    .baniere {
        clear: both;
    }
}










/* ---------- Pages Société ---------- */

/* SYSNAV en bref */
.page-id-72 .baniere,
.page-id-515 .baniere {
    background: url('images/sysnavenbref-banniere.png') repeat scroll center center;
    background-size: cover;
}
/* Vision */
.page-id-77 .baniere,
.page-id-522 .baniere {
    background: url('images/vision-banniere.png') repeat scroll center center;
    background-size: cover;
}
/* Équipe */
.page-id-2791 .baniere,
.page-id-2805 .baniere {
    background: url('images/equipe-banniere.jpg') repeat scroll center center;
    background-size: cover;
}
/* Nos références */
.page-id-434 .baniere,
.page-id-524 .baniere {
    background: url('images/reference-banniere-2.jpg') repeat scroll center center;
    background-size: cover;
}


/* ---------- Pages Technologie ---------- */

/* Technologie */
.page-id-16 .baniere,
.page-id-235 .baniere {
    background: url('images/equipe-banniere.jpg') repeat scroll center center;
    background-size: cover;
}
/* Expertise */
.page-id-605 .baniere,
.page-id-591 .baniere {
    background: url('images/expertise-banniere.png') repeat scroll center center;
    background-size: cover;
}
/* Le Lab */
.page-id-630 .baniere,
.page-id-648 .baniere {
    background: url('images/expertise-banniere.png') repeat scroll center center;
    background-size: cover;
}



/* ---------- Pages Marchés ---------- */

/* Marchés */
.page-id-14 .baniere,
.page-id-217 .baniere {
    background: url('images/reference-banniere-2.jpg') repeat scroll center center;
    background-size: cover;
}

/* Médical */
.page-id-115 .baniere,
.page-id-221 .baniere {
    background: url('images/med-banniere2.jpg') repeat scroll center center;
    background-size: cover;
}

/* Sites industriels */
.page-id-118 .baniere,
.page-id-222 .baniere {
    background: url('images/sitesindustriels-banniere.jpg') repeat scroll center center;
    background-size: cover;
}

/* Aéroportuaire */
.page-id-117 .baniere,
.page-id-219 .baniere {
    background: url('images/aer-banniere.jpg') repeat scroll center center;
    background-size: cover;
}

/* Sécurité routière */
.page-id-133 .baniere,
.page-id-231 .baniere {
    background: url('images/sec-banniere.jpg') repeat scroll center center;
    background-size: cover;
}

/* Défense */
.page-id-132 .baniere,
.page-id-230 .baniere {
    background: url('images/def-banniere.jpg') repeat scroll center center;
    background-size: cover;
}

/* Véhicule autonome */
.page-id-116 .baniere,
.page-id-220 .baniere {
    background: url('images/va.png') repeat scroll center center;
    background-size: cover;
}



/* ---------- Pages Solutions ---------- */

/* Solutions */
.page-id-2833 .baniere,
.page-id-2831 .baniere {
    background: url('images/expertise-banniere.png') repeat scroll center center;
    background-size: cover;
}

/* Localisation de personne */
.page-id-2793 .baniere,
.page-id-2826 .baniere {
    background: url('images/locaperso-banniere.png') repeat scroll center center;
    background-size: cover;
}

/* Localisation de véhicule – précision métrique */
.page-id-2836 .baniere,
.page-id-2838 .baniere {
    background: url('images/locaVM-banniere.png') repeat scroll center center;
    background-size: cover;
}

/* Localisation de véhicule – précision centimétrique */
.page-id-2842 .baniere,
.page-id-2840 .baniere {
    background: url('images/va.png') repeat scroll center center;
    background-size: cover;
}

/* Mesure de mouvement – essais cliniques */
.page-id-2450 .baniere,
.page-id-2413 .baniere {
    background: url('images/med-banniere2.jpg') repeat scroll center center;
    background-size: cover;
}












.page .entry-content ul {
    list-style: outside none none!important;
    margin: 10px 0;
    padding-left: 0;
}
.page .entry-content ul li {
    background-image: url("images/puce.png");
    background-position: 0 11px;
    background-repeat: no-repeat;
    color: #152c41;
    font-family: raleway;
    font-size: 15px;
    padding-left: 20px;
}
.bloc_bleu {
    background: none repeat scroll 0 0 #092a42;
    color: #fff;
    margin: 40px 0;
    padding: 15px 35px;
}
.bloc_bleu p,
.bloc_bleu li {
    color: #fff !important;
}
#tertiary .secondary {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
#tertiary .secondary .children {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 11px;
    position: absolute;
    margin-top: -1px;
}
#tertiary .secondary .children li {
    background: inherit;
}
#tertiary .secondary .children li a {
    background: inherit;
    color: #FF1E29;
}
#tertiary .secondary .children li:hover {
    background: inherit;
    color: inherit;
}
#tertiary .secondary .children li a:hover {
    background: inherit;
    color: #FF1E29;
    opacity: 0.6;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}
#tertiary .secondary li {
    background: none repeat scroll 0 0 #d0d5d9;
    list-style: outside none none;
    padding: 6px 5px 6px 13px;
    text-transform: uppercase;
    margin: 7px 0;
}
#tertiary .secondary li a {
    color: #fff;
    font-family: raleway;
    font-size: 14px;
    display: block;
}
#tertiary .secondary li:hover,
#tertiary .secondary li.current_page_item {
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    background: none repeat scroll 0 0 #152c41;
    color: #fff;
}
#tertiary .secondary li.page-item-115:hover,
#tertiary .secondary li.current_page_item.page-item-115,
#tertiary .secondary li.page-item-116:hover,
#tertiary .secondary li.current_page_item.page-item-116,
#tertiary .secondary li.page-item-117:hover,
#tertiary .secondary li.current_page_item.page-item-117,
#tertiary .secondary li.page-item-118:hover,
#tertiary .secondary li.current_page_item.page-item-118,
#tertiary .secondary li.page-item-119:hover,
#tertiary .secondary li.current_page_item.page-item-119,
#tertiary .secondary li.page-item-219:hover,
#tertiary .secondary li.current_page_item.page-item-219,
#tertiary .secondary li.page-item-220:hover,
#tertiary .secondary li.current_page_item.page-item-220,
#tertiary .secondary li.page-item-221:hover,
#tertiary .secondary li.current_page_item.page-item-221,
#tertiary .secondary li.page-item-222:hover,
#tertiary .secondary li.current_page_item.page-item-222,
#tertiary .secondary li.page-item-223:hover,
#tertiary .secondary li.current_page_item.page-item-223,
#tertiary .secondary li.page-item-132:hover,
#tertiary .secondary li.current_page_item.page-item-132,
#tertiary .secondary li.page-item-133:hover,
#tertiary .secondary li.current_page_item.page-item-133,
#tertiary .secondary li.page-item-230:hover,
#tertiary .secondary li.current_page_item.page-item-230,
#tertiary .secondary li.page-item-231:hover,
#tertiary .secondary li.current_page_item.page-item-231 {
    background: none repeat scroll 0 0 #388CA2;
}
#tertiary .secondary li.page-item-146:hover,
#tertiary .secondary li.current_page_item.page-item-146,
#tertiary .secondary li.page-item-237:hover,
#tertiary .secondary li.current_page_item.page-item-237 {
    background: none repeat scroll 0 0 #152C41;
}
.wpcf7-form p {
    color: #152c41;
    float: left;
    font-family: raleway;
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 17px;
    text-transform: uppercase;
    width: 50%;
}
.wpcf7-form p.mess {
    width: 100%;
}
.wpcf7-form input {
    border-radius: 0;
    color: #152c41;
    padding: 9px 12px;
    width: 96%;
}
.wpcf7-form textarea {
    border-radius: 0;
    padding: 9px 12px;
}
.espace {
    height: 52px;
}
input.wpcf7-submit {
    background: none repeat scroll 0 0 #eb5f31;
    border-radius: 0;
    color: #fff;
    display: block;
    font-family: raleway;
    font-size: 15px;
    font-weight: lighter;
    text-transform: uppercase;
    width: 160px;
}
.orange {
    color: #eb5f31;
}
.page-id-297 #secondary {
    font-size: 14px;
    font-family: raleway;
    color: #152c41;
}
#secondary img {
    margin: auto;
    display: block;
}
.error404 h1 {
    background: none!important;
}
.error404 h1 a {
    color: #DB2524;
    font-weight: bold;
}
#lang_sel ul ul a,
#lang_sel ul ul a:visited {
    background: none repeat scroll 0 0 #152c41;
    border-width: 0 1px 1px;
    color: #fff;
    height: auto;
    line-height: 1em;
    padding: 10px 10px;
    text-align: left;
    width: 92px;
}
#lang_sel a.lang_sel_sel {
    width: 85px;
}
.icl_lang_sel_translated {}
.page-id-413 .raison,
.page-id-528 .raison,
.page-id-537 .raison,
.page-id-509 .raison {
    background: url("images/puce2.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #152c41;
    font-family: raleway;
    font-size: 15px;
    margin: 0 0 24px;
    padding-left: 60px;
}
.entry-content h2 {
    background: none repeat scroll 0 0 #152c41;
    color: #fff;
    font-family: raleway;
    font-size: 14px;
    padding: 13px 20px;
}
.home .entry-content h2 {
    background: none;
    color: #fff;
    font-family: raleway;
    font-size: 14px;
    padding: 13px 20px;
}
.page-id-413 .raison h3,
.page-id-528 .raison h3,
.page-id-537 .raison h3,
.page-id-509 .raison h3 {
    color: #152c41;
    font-size: 18px;
    font-weight: 600;
}
.manag .fonction {
    background: none repeat scroll 0 0 #152c41;
    color: #fff;
    display: block;
    font-family: raleway;
    font-size: 14px;
    padding: 10px 0;
}
.manag .desc {
    color: #152c41;
    font-family: raleway;
    font-size: 13px;
    margin: 20px 0;
}
.manag div {
    margin-bottom: 0;
}
.manag .desc strong {
    display: inline-block;
    float: left;
    height: 23px;
    width: 120px;
}
#post-482 form p,
#post-545 form p {
    text-transform: inherit;
}
#post-482 .wpcf7-form-control-wrap,
#post-545 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
#post-482 p,
#post-545 p {
    color: #152c41;
    font-family: raleway;
}
#post-482 .wpcf7-form-control-wrap select,
#post-545 .wpcf7-form-control-wrap select {
    border: 1px solid #ccc;
    color: #152c41;
    display: block;
    padding: 9px 12px;
    text-transform: none;
    width: 96%;
}
#post-482 .col-md-12,
#post-545 .col-md-12 {
    width: 100%;
}
#post-482 .col-md-12 input,
#post-545 .col-md-12 input {
    width: 98%;
}
#post-482 label,
#post-545 label {
    display: inline-block;
}
#post-482 .txt-ref,
#post-545 .txt-ref {}
/*#post-482 .bt-rad{  display: block;  float: left;  width: 40%;}*/

#post-545 .bt-rad {}#post-482 .ref,
#post-545 .ref {
    display: block;
    width: 96%;
}
#post-482 .wpcf7-radio span.wpcf7-list-item,
#post-545 .wpcf7-radio span.wpcf7-list-item {
    margin-left: 0;
}
#post-545 .wpcf7-radio span.wpcf7-list-item input,
#post-482 .wpcf7-radio span.wpcf7-list-item input {
    margin: 0px;
    text-transform: none !important;
    width: inherit;
    vertical-align: middle;
}
#post-482 .wpcf7-checkbox,
#post-545 .wpcf7-checkbox {}#post-482 .wpcf7-checkbox .wpcf7-list-item,
#post-545 .wpcf7-checkbox .wpcf7-list-item {
    clear: both;
    display: block;
    margin-top: 10px;
}
#post-482 .wpcf7-checkbox input,
#post-545 .wpcf7-checkbox input {
    width: inherit;
}
#post-482 .wpcf7-checkbox .wpcf7-list-item span,
#post-545 .wpcf7-checkbox .wpcf7-list-item span {
    padding-left: 7px
}
#post-482 .upper,
#post-545 .upper {
    text-transform: uppercase;
}
/*#post-482 .CV input,#post-545 .CV input,#post-482 .ldm input,#post-545 .ldm input{	border: 1px solid #e7e9ec;}*/

#post-482 .wpcf7-submit,
#post-545 .wpcf7-submit {
    margin-top: 20px;
    width: 170px !important;
}
.rad-postuler {
    width: 100%;
}
.bt-rad .wpcf7-list-item {
    display: block;
}
/*#post-482 .txt-postul,#post-545 .txt-postul {  display: block;  float: left;  width: 20%;}*/

.table-offre {
    color: #152c41;
    font-weight: bold;
}
.table-offre th {
    background: none repeat scroll 0 0 #d0d0d0;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
    font-size: 15px;
}
.table-offre td {
    background: none repeat scroll 0 0 #e8e8e8;
    border-bottom: 1px solid #fff;
    color: #152c41;
    font-size: 15px;
    padding: 9px 0;
    text-align: center;
    vertical-align: middle;
}
.table-offre td.postule a {
    background: none repeat scroll 0 0 #152c41;
    color: #fff;
    font-family: raleway;
    font-size: 15px;
    padding: 5px 17px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #152c41;
}
.table-offre td.postule a:hover {
    background: none repeat scroll 0 0 #E8E8E8;
    color: #152c41;
    font-family: raleway;
    font-size: 15px;
    padding: 5px 17px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #152c41;
}
.table-offre td.post a {
    color: #152c41;
    text-decoration: underline;
}
.table-offre td.post a:hover {
    opacity: 0.8;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}
.table-offre tr {
    border-bottom: 1px solid #fff;
}
.table-offre .separ {
    border-bottom: 30px solid #fff;
}
.table-zone-secu {
    margin: 30px 0;
}
.table-zone-secu th {
    background: none repeat scroll 0 0 #152c41;
    border-right: 1px solid #fff;
    color: #fff;
    font-family: raleway;
    font-size: 16px;
    font-weight: normal;
    padding-left: 11px;
    text-align: left;
    text-transform: uppercase;
    width: 15%;
}
.table-zone-secu td {
    padding-left: 15px;
    text-align: left;
    vertical-align: top;
}
.table-zone-secu tr .fonc {
    background: #d0d0d0!important;
    font-family: raleway;
    font-size: 15px;
    color: #152C41;
    font-weight: bold;
}
.prod-article {
    margin: 30px 0;
    display: block;
    clear: both;
}
.prod-article img {
    float: left;
}
.prod-article .titre {
    background: none repeat scroll 0 0 #152c41;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 10px 185px;
}
.prod-article .desc {
    background: none repeat scroll 0 0 #e8e8e8;
    color: #152c41;
    font-size: 14px;
    margin-left: 170px;
    min-height: 129px;
    padding: 10px 16px;
}
.prod-block .desc {
    background: none repeat scroll 0 0 #e8e8e8;
    color: #152c41;
    font-family: raleway;
    font-size: 14px;
    margin-left: 170px;
    min-height: 129px;
    padding: 20px 18px;
    position: relative;
    font-weight: 400;
}
@media (max-width: 1046px) {
    .prod-article .titre {
        background: #152c41 none repeat scroll 0 0;
        color: #fff;
        display: block;
        font-size: 14px;
        margin-left: 170px;
        padding: 10px 12px;
    }
    .prod-block .desc {
        background: #e8e8e8 none repeat scroll 0 0;
        color: #152c41;
        font-family: raleway;
        font-size: 13px;
        margin-left: 170px;
        min-height: 128px;
        padding: 20px 18px 38px 18px;
        position: relative;
    }
}
@media (max-width: 523px) {
    .prod-article .titre {
        background: #152c41 none repeat scroll 0 0;
        color: #fff;
        display: block;
        font-size: 14px;
        margin-left: 70px;
        padding: 10px 12px;
    }
    .prod-block .desc {
        background: #e8e8e8 none repeat scroll 0 0;
        color: #152c41;
        font-family: raleway;
        font-size: 13px;
        margin-left: 70px;
        min-height: 128px;
        padding: 20px 18px;
        position: relative;
    }
    .prod-block img {
        width: 70px;
    }
}
.page-actu .date {
    color: #eb5f31;
}
.page-actu .titre {
    font-size: 15px;
    font-weight: bold;
    color: #152c41;
}
.page-actu .desc {
    font-size: 15px;
    color: #152c41;
    margin-bottom: 15px;
}
.page-actu .tag a {
    background: none repeat scroll 0 0 #d0d5d9;
    color: #152c41;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 8px;
    margin-right: 10px;
    padding: 2px;
}
.page-actu img {
    float: left;
    margin-bottom: 10px !important;
    margin-right: 15px;
}
.page-actu .article-item {
    border-bottom: 1px solid #d0d5d9;
    clear: both;
    display: block;
    margin-bottom: 20px;
    min-height: 228px;
    padding: 20px;
}
.page-actu .article-item .desc {
    color: #152c41;
}
.page-actu .article-item-media {
    display: block;
    margin-bottom: 20px;
    min-height: 360px;
}
.page-actu .article-item-media-bg {
    background: none repeat scroll 0 0 #efefef;
    margin-bottom: 15px;
    padding: 20px;
}
.page-actu .article-item-media .image-media {
    display: block;
    overflow: hidden;
    position: relative;
}
.page-actu .article-item-media .image-media .filtre {
    background: url("https://www.sysnav.fr/wp-content/uploads/2015/04/fleche.png") no-repeat scroll center center #152c41;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
}
.page-actu .article-item-media .image-media .filtre:hover {
    opacity: 0.8;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}
.page-actu .article-item-media .attachment-post-thumbnail,
.page-actu .article-item-media .attachment-.wp-post-image {
    height: auto;
    margin: 0 !important;
    padding: 0;
    width: 100%;
}
.post-navigation {
    display: none;
}
.single-post .entry-content img {
    float: left;
    padding: 0 15px 15px 0
}
.post-737 {
    padding: 0;
    margin: 0;
}
.featherlight .featherlight-content {
    min-width: 0!important;
}
.lightbox {
    display: none;
}
.details {
    color: #152c41;
    font-family: raleway;
    font-size: 15px;
}
.details .titre {
    color: #152c41;
    font-family: raleway;
    font-size: 15px;
    text-transform: uppercase;
}
.details .postule a {
    background: none repeat scroll 0 0 #152c41;
    border: 1px solid #152c41;
    color: #fff;
    font-family: raleway;
    font-size: 15px;
    padding: 5px 17px;
    text-align: center;
    vertical-align: middle;
}
.details .postule a:hover {
    background: none repeat scroll 0 0 #e8e8e8;
    border: 1px solid #152c41;
    color: #152c41;
    font-family: raleway;
    font-size: 15px;
    padding: 5px 17px;
    text-align: center;
    vertical-align: middle;
}
.titre-bleu {
    color: #0390ad;
    text-align: center;
}
.clickable-row:hover td {
    background: #152C41;
    color: #fff;
    cursor: pointer;
}
.raz {
    padding: 0!important;
    margin: 0!important;
}
.zones {
    height: 440px;
}
.zones div {
    background: url("images/fleche-bleu.png") no-repeat scroll 20px center #e8e8e8;
    color: #152c41;
    font-family: raleway;
    font-size: 15px;
    height: 128px;
    margin: 0 30px 30px 0 !important;
    padding: 40px 0 0 40px;
    text-align: center;
    width: 270px;
}
.load {
    position: relative;
    opacity: 0;
    bottom: -50px;
}
#zone1,
#zone4,
#zone7 {
    margin-left: 0;
}
#zone3,
#zone6,
#zone9 {
    margin-right: 0;
}
.suite {
    background: none repeat scroll 0 0 #e8e8e8 !important;
    font-size: 14px;
}
.table_fonct {
    background: none repeat scroll 0 0 #e8e8e8;
    font-size: 14px;
    margin: 0;
}
.accor2 a .cross img {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    z-index: 999;
}
.accor2 a.collapsed .cross img {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    z-index: 999;
}
.titre-tr {
    font-size: 15px;
    font-weight: bold;
    width: 220px;
    padding: 4px 0;
}
ul.page-numbers {
    list-style: none;
    margin: 0;
}
.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}
.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;
}
.page-numbers a span {
    padding: 0
}
.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #000;
    background: #f7f7f7;
    text-decoration: none;
}
.page-numbers:hover {
    text-decoration: none
}
.home #accordion .panel-default {
    border: 1px solid #ddd !important;
}
.home #accordion .panel {
    background-color: #fff;
    border: 1px solid transparent;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    background: #fff;
}
.home #accordion .panel-heading {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: inherit;
    padding: 10px 15px;
}
.home #accordion .panel-title a {
    color: #d64c20 !important;
    font-family: raleway;
    font-size: 14px;
    font-weight: inherit;
    text-decoration: none;
    text-transform: uppercase;
}
.home #accordion .float-right {
    float: right;
}
.bg-white a {
    color: #d68e28;
}
.post-password-form input[type="submit"] {
    background-color: #444;
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    margin: auto;
    padding: 3px 15px;
    text-decoration: none;
}
/* Masque "Zone sécurisée" dans les pages gouvernement et ses enfants FR/EN */

.page-id-132 .children,
.page-id-133 .children,
.page-id-15 .children,
.page-id-229 .children,
.page-id-230 .children,
.page-id-231 .children {
    display: none;
}
.vplus a {
    font-size: 13px;
    font-style: italic;
    color: #d64c20!important;
}
.vplus a:hover {
    color: #EC5F31!important;
    opacity: 0.9;
}
.list-ref div {
    float: left;
}
.list-ref div a {
    margin: 0 20px;
}
.list-ref div a img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: all 0.4s ease-out 0s;
}
.list-ref div a img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    transition: all 0.3s ease-out 0s;
}
@media (min-width: 768px) and (max-width: 1200px) {
    .list-ref div a img {
        width: 80%;
    }
    .page-id-524 .container .sixteen.columns,
    .page-id-434 .container .sixteen.columns {
        width: 600px!important;
    }
    .page-id-524 #primary .colref,
    .page-id-434 #primary .colref {
        width: 200px;
    }
}
@media (max-width: 768px) {
    .page-id-524 #primary .colref,
    .page-id-434 #primary .colref {
        width: 140px;
        margin: auto;
        float: left;
    }
}
.abso-bouton {
    position: absolute;
    right: 40px;
    top: 30px;
}
.breadcrumb_trail {
    position: relative;
    margin: auto!important;
    padding: 16px 0 0 10px!important;
    font-size: 14px;
}
@media (min-width: 1200px) {
    .breadcrumb_trail {
        width: 1170px;
    }
}
@media (max-width: 840px) {
    .hide-mobile {
        display: none!important;
    }
}
div.wpcf7-mail-sent-ok {
    clear: both !important;
}
.valpass {
    padding: 4px 15px!important;
    margin: 10px!important;
}
.valpass:focus {
    padding: 4px 15px!important;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
    clear: both !important;
}
#lang_sel {
    display: inline-block;
    float: right;
    font-family: verdana, arial, sans-serif;
    position: relative;
    width: 85px;
}
/* hack to correct IE5.5 faulty box model */

* html #lang_sel {
    width: 12em;
    w\idth: 12em;
}
/* remove all the bullets, borders and padding from the default list styling */

#lang_sel ul,
#lang_sel li {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none !important;
}
#lang_sel li:before {
    content: '' !important;
}
#lang_sel ul ul {
    width: 149px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#lang_sel li {
    float: left;
    position: relative;
}
/* style the links for the top level */

#lang_sel a,
#lang_sel a:visited {
    background: none repeat scroll 0 0 #fff;
    color: #444444;
    display: block;
    font-size: 11px;
    line-height: 30px;
    padding-left: 8px;
    text-decoration: none !important;
    padding-right: 17px;
}
/* a hack so that IE5.5 faulty box model is corrected */

* html #lang_sel a,
* html #lang_sel a:visited {
    width: 149px;
    w\idth: 138px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */

#lang_sel ul ul {
    height: 0;
    left: 0;
    position: absolute;
    top: 30px;
    visibility: hidden;
    width: 80px;
    border: none;
}
/* another hack for IE5.5 */

* html #lang_sel ul ul {
    top: 18px;
    t\op: 19px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */

#lang_sel table {
    position: absolute;
    top: 0;
    left: 0;
    border-collapse: collapse;
}
/* style the second level links */

#lang_sel ul ul a,
#lang_sel ul ul a:visited {
    background: none repeat scroll 0 0 #152c41;
    border: none;
    color: #fff;
    height: auto;
    line-height: 1em;
    padding: 10px 14px;
    display: block;
}
/* yet another hack for IE5.5 */

* html #lang_sel ul ul a,
* html #lang_sel ul ul a:visited {
    width: 150px;
    w\idth: 128px;
}
/* style the top level hover */

#lang_sel a:hover,
#lang_sel ul ul a:hover {
    color: #fff;
    background: #152c41;
}
#lang_sel:hover > a,
#lang_sel ul ul:hover > a {
    color: #fff;
    background: #152c41;
}
#lang_sel a.lang_sel_sel {
    background: url("../img/nav-arrow-down.png") no-repeat scroll right center #152c41;
    color: #fff;
    font-family: raleway;
    font-size: 11px;
    width: 92px;
    border: none;
    text-align: left;
    padding-left: 14px;
}
#lang_sel a.lang_sel_sel:hover {
    text-decoration: none;
    color: #fff;
}
/* make the second level visible when hover on first level list OR link */

#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul {
    visibility: visible;
}
#lang_sel img.iclflag {
    width: 18px;
    height: 12px;
    position: relative;
    top: 1px;
}
#lang_sel_footer {
    margin: 0;
    padding: 7px;
    text-align: center;
    font: 11px Verdana, sans-serif;
    min-height: 15px;
    clear: both;
    background-color: #fff;
    border: 1px solid #cdcdcd;
}
#lang_sel_footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#lang_sel_footer ul li img {
    position: relative;
    top: 1px;
    width: 18px;
    height: 12px;
}
#lang_sel_footer ul li {
    display: inline;
    margin: 0 1px 0 0;
    padding: 0;
    white-space: nowrap;
    line-height: 25px;
}
#lang_sel_footer ul li a,
#lang_sel_footer ul li a:visited {
    text-decoration: none;
    padding: 5px 10px;
}
#lang_sel_footer ul li a:hover,
#lang_sel_footer ul li a:active {}
#wpml_credit_footer {
    width: 100%;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    font-size: 11px;
}


.page-id-2793 .secondary .current_page_item,
.page-id-2793 .secondary li:hover,
.page-id-2826 .secondary .current_page_item,
.page-id-2826 .secondary li:hover{
    background: none repeat scroll 0 0 #ec5f30;
}

.page-id-2831 .secondary .current_page_item, .page-id-2831 .secondary li:hover,
.page-id-2838 .secondary .current_page_item, .page-id-2838 .secondary li:hover,
.page-id-2840 .secondary .current_page_item, .page-id-2840 .secondary li:hover,
.page-id-2413 .secondary .current_page_item, .page-id-2413 .secondary li:hover,
.page-id-2450 .secondary .current_page_item, .page-id-2450 .secondary li:hover,
.page-id-2842 .secondary .current_page_item, .page-id-2842 .secondary li:hover,
.page-id-2836 .secondary .current_page_item, .page-id-2836 .secondary li:hover,
.page-id-2793 .secondary .current_page_item, .page-id-2793 .secondary li:hover,
.page-id-2833 .secondary .current_page_item, .page-id-2833 .secondary li:hover,
.page-id-2731 .secondary .current_page_item, .page-id-2731 .secondary li:hover{
    background: #ec5f30!important;
}

.grecaptcha-badge{
    visibility: hidden;
}