/*
Theme Name: Theme AJP 2014
Theme URI: http://mythemeshop.com/themes/splash
Author: Laurence Dierickx (with Splash grid from MyThemeShop)
Version: 5.0.
*/

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,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
th,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-display: optional !important;

}
body{
    min-width: 100vw !important;
    min-height: 100vh !important;
}
a img {
    text-decoration: none;
    border: none;
}

tr,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: inherit;
}

html {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button,
input,
select,
textarea {
    margin: 0
}

:focus {
    outline: 0
}

img,
video,
object {
    max-width: 100%;
    height: auto !important;
}

iframe {
    max-width: 100%
}

blockquote {
    font-style: italic;
    font-weight: normal;
    font-size: 15px;
    padding: 0 10px 20px 27px;
    position: relative;
    margin-top: 25px;
}

blockquote:after {
    position: absolute;
    content: "\f10d";
    font-size: 20px;
    width: 50px;
    top: 0;
    left: 0;
}

blockquote p {
    margin-bottom: 10px
}

strong,
b {
    font-weight: bold;
    font-display: optional;

}

em,
i,
cite {
    font-style: italic
}

small {
    font-size: 100%
}

figure {
    margin: 10px 0
}

code,
pre {
    font-weight: normal;
    font-style: normal;
}

pre {
    margin: 5px 0 20px 0;
    line-height: 1.3em;
    padding: 8px 10px;
    overflow: auto;
}

code {
    padding: 0 8px;
    line-height: 1.5;
}

mark {
    padding: 1px 6px;
    margin: 0 2px;
    color: black;
    background: #FFF7A8;
}

address {
    margin: 10px 0;
    font-style: italic;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

#gallery-1 img {
    border: 0 !important
}

.wp-caption-text {
    margin-bottom: 0;
    font-size: 12px;
    color: #696969;
}

li#text-4 {
    height: 600px;
}   
dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
}

dd {
    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;
    overflow: hidden;
}

/*-[ Framework ]--------------------*/


::-moz-selection {
    background: #DDDDDD;
    color: #222;
    text-shadow: none;
}

::selection {
    background: #DDDDDD;
    color: #222;
    text-shadow: none;
}

#page,
.container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

h1,
h3,
h4,
h5,
h6 {
    margin-bottom: 12px;
    color: #444;

    font-display: optional;

}

/* .lazy.loaded {
    width: auto;
} */

.post-content h2 {
    color: #2184A4 !important;
    font-display: optional;

    font-size: 22px;
    margin: 14px 0 18px 0;
}

h2 {
    color: #2184A4 !important;
    font-display: optional;

    font-size: 24px;
    margin: 14px 0 18px 0;
}

h2 a {
    line-height: 1.4;
    color: #444444 !important;
}

.article h2 a,
.title {
    color: #444444 !important;
    margin-top: 0;
    padding: 0;
}

h2 a:hover {
    color: #2184A4 !important;
}


h3 {
    font-size: 20px;
    line-height: 1.4;
    color: #666666;
}

h4 {
    font-size: 20px;
    line-height: 1.4;
}

h5 {
    font-size: 18px;
    line-height: 1.4;
}

h6 {
    font-size: 16px;
    line-height: 1.4;
}

.sub-title {
    font-size: 12px
}

p {
    margin-bottom: 20px;
    font-size: 1.06rem;
    text-align: justify;
}

a {
    text-decoration: none;
    color: #23618A;

}

a:link,
a:visited,
a:active {
    text-decoration: none
}

/*-[ Main container ]---------------*/
.main-container {
    margin: 0 auto;
    background: #fff;
    clear: both;
    display: block;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-bottom: 5px solid #EEEEEE;
    font-family: arial, sans-serif;
    font-display: optional;


}

#page,
#header {
    width: 70vw;
    min-width: 240px;


}


#page {
    padding-top: 25px;
    min-height: 100px;
    float: none;
    clear: both;
}

/*-[ Header ]-----------------------*/


#header {
    margin: 0 auto;

}


#logos img {
    width: 100px;
    float: right !important;
    margin: 0;
    padding-top: 15px;
}


#header h1.image-logo,
#header h2.image-logo {
    margin-top: 0
}

#header h1 a,
#header h1 a:hover {
    float: left;
    color: #2184A4;
    font-family: 'Arvo', serif;
    font-display: optional;

    font-size: 1.8em;
    letter-spacing: -1px;
}

#logo a:hover {
    color: #222
}

.image-logo {
    margin-top: 10px
}

#logo img {
    float: left
}

.logo-wrap {
    padding: 15px 0;
    overflow: hidden;
    float: left;
    margin: 25px 0 0;

    color: #B1B1B1;
}

#date {
    float: right;
    text-align: right;
    margin-top: 52px !important;
    font-size: 13px;
    color: #B1B1B1;
    width: 20% !important;
    margin-right: 10%;
}

.site-description {
    float: left;
    margin-top: 10px;
    max-width: 350px;
    clear: left;
    font-family: 'Arvo', serif;
    font-display: optional;

}

#header .header-search {
    float: right;
    border-left: 1px solid #EEE;
}

#header #searchform {
    max-width: 100%;
    float: right;
    width: auto;
    min-width: 206px;
}

#header #s {
    border: 0;
    margin: 0 !important;
    padding: 13px 0 13px 10px;
    width: 80%;
    height: 16px;
}

#header #searchform .icon-search {
    border: 0;
    height: 22px;
    padding-top: 11px;
}

#header .sbutton {
    height: 42px
}

.widget-header {
    float: right;
    max-width: 77%;
    margin-top: 30px;
}

.widget-header img {
    float: left
}

.widget-header .textwidget {
    float: left;
    margin-top: 46px;
    border-left: 1px solid #2184A5;
    ;
    padding-left: 20px;
}

/*-[ Navigation ]-----------------*/
.secondary-navigation .children li .sf-sub-indicator {
    display: none !important;
}

.secondary-navigation {
    background: #23618A;
    display: block;
    float: left;
    width: 70vw;
    max-width: 100%;
    margin-top: 10px;

    font-display: optional;

}

.secondary-navigation ul {
    float: left;
}

.secondary-navigation a {
    color: #ffffffff;
    text-align: left;
    text-decoration: none;
    padding: 15px 22px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;

}

.secondary-navigation a .sub a {
    font-size: 11px;
    font-weight: normal;
    color: #9B9B9B;


}

.main-navigation {
    float: left;
    margin: 0;

    font-display: optional;

}

#megaMenu {
    background: #23618A;

    font-display: optional;

}

.main-navigation {
    border: 1px dotted #728E92;
    width: 100vw;
    max-width: 100%;
    border-top: 0;
    background-color: #EFEFEF;
    opacity: 0.9;
}

.main-navigation #navigation {
    width: auto
}

.main-navigation #navigation ul li {
    border-right: 0
}

.main-navigation li a {
    font-size: 11px;
    line-height: 1.2em;
    padding: 11px 13px;
    color: #23618A;
    text-decoration: none;
    text-transform: uppercase;
    border-right: 1px dotted #2184A4;

    font-display: optional;


}

.article strong {

    font-display: optional;

}

.main-navigation #navigation .current-menu-item>a {
    color: #444;
}

.main-navigation #navigation li a {
    color: #444;
    line-height: 20px;
}

.main-navigation #navigation li a:hover {
    color: #000;
    background: #6BAFBE;
    color: #FFFFFF;
}

.main-navigation #navigation ul li ul {
    border-bottom: 1px solid #EEE
}

.main-navigation #navigation ul ul li:first-child a {
    border-top: 1px solid #EEE
}

.main-navigation #navigation ul ul:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eee
}

.main-navigation #navigation ul li ul li {
    background: #fff
}

.main-navigation #navigation ul li ul li a {
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
}

.main-navigation #navigation .sf-sub-indicator {
    display: none !important;
}

.main-navigation #navigation ul ul .sf-sub-indicator {
    display: none;
    top: 10px
}

.sf-js-enabled li a.sf-with-ul {
    padding-right: 30px
}

.sf-js-enabled li ul.sf-with-ul {
    padding-right: 20px
}

#navigation .sf-sub-indicator {
    display: block;
    width: 11px;
    overflow: hidden;
    display: none !important;
    right: 12px;
    top: 14px;
}

#navigation ul ul .sf-sub-indicator {
    display: none !important;
}

#navigation {
    float: left;
    width: 100%;
}

#navigation ul {
    margin: 0 auto
}

#navigation ul li {
    float: left;
    position: relative;

}

.secondary-navigation #navigation ul li:hover,
.secondary-navigation #navigation ul li:hover+li,
#navigation .mts-cart li:hover+li {
    border-color: #23618A
}

#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited {
    display: inline-block
}

#navigation>ul>.current a {
    background: transparent;
    color: #2184A4 !important;
}

#navigation ul li li {
    background: #282E33;
    border-right: 0;
    border-bottom: 0;
}

#navigation ul ul {
    position: absolute;
    width: 215px;
    padding: 20px 0 0 0;
    padding-top: 10px;
    z-index: 400;
    font-size: 12px;
    color: #798189;
}

#navigation ul ul:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #222;
    border-style: solid;
    border-width: 9px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

#navigation ul ul:after {
    left: 10px;
    top: -8px;
}

#navigation ul ul ul:after {
    display: none
}

#navigation ul ul li {
    padding: 0;
    background: #222;
}

#navigation ul ul a {
    padding: 10px 45px 10px 25px;
    position: relative;
    width: 143px;
    border-left: 0;
    background: transparent;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    margin: 0;
}

.secondary-navigation #navigation ul ul a {
    width: 145px
}

#navigation ul ul li:last-child a {
    border-bottom: none
}

#navigation ul ul {
    opacity: 0;
    left: -999em;
}

#navigation ul li:hover ul {
    left: auto;
    opacity: 1;
}

#navigation ul ul ul {
    top: 0px;
    padding-top: 0;
}

.main-navigation #navigation ul ul ul {
    top: -1px
}

.main-navigation #navigation ul ul ul ul {
    top: 0
}

#navigation ul ul ul ul {
    top: 0px
}

#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li li li li:hover ul {
    opacity: 1;
    left: 214px;
}

#navigation ul .sfHover li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09)
}

#navigation .menu [class^="icon-"],
#navigation .menu [class*=" icon-"] {
    font-size: 16px
}

#navigation .menu [class^="icon-"]:before,
#navigation .menu [class*=" icon-"]:before {
    position: absolute;
    top: 12px;
    left: 15px;
}

.secondary-navigation #navigation .menu [class^="icon-"]:before {
    top: 18px
}

.secondary-navigation #navigation .menu ul [class^="icon-"]:before {
    top: 12px
}

.main-navigation #navigation .menu [class^="icon-"]:before {
    top: 13px
}

.main-navigation #navigation .menu ul [class^="icon-"]:before {
    top: 10px
}

#navigation .menu [class^="icon-"]>a,
#navigation .menu [class*=" icon-"]>a {
    padding-left: 37px !important
}

#navigation .menu ul [class^="icon-"]>a,
#navigation .menu ul [class*=" icon-"]>a {
    padding-right: 33px
}

.secondary-navigation #navigation ul li:before {
    color: #777777
}

.main-navigation #navigation ul li:before,
.main-navigation #navigation ul ul li:before {
    color: #989898
}

.secondary-navigation #navigation>ul>li {
    border-left: 1px solid #444
}

.secondary-navigation #navigation>ul li:first-child {
    border-left: 0
}

.secondary-navigation #navigation>ul>li:last-child {
    border-right: 1px solid #444 !important
}

#navigation ul .current-menu-item:before,
#navigation ul li:hover:before {
    color: #222
}

.main-navigation #navigation ul .current-menu-item:before,
.main-navigation #navigation ul li:hover:before {
    color: #FFFFFF;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

nav a#pull-main,
nav a#pull-primary {
    display: none
}

/**JEC**/

#jectop h1 {

    font-display: optional;

    font-size: 2.7em;
    color: #086876;
    margin: 0 0 15px 0;
    float: left;
    width: 75%;
}

#menu-item-1761 a:hover {
    background: #2A9CA7 !important;
}

#titrejec h3 {
    font-size: 1.5em;
    font-weight: normal;
    margin-top: 1em;
    color: #2A9CA7;
    clear: left;
    width: 75%;
    line-height: 135%;
    font-family: Arvo, serif;
    font-display: optional;

}

#logojec img {
    float: right;
    border: 0px none;
}

.jectitle {
    color: #454545 !important;
    font-size: 1.6em;
}

#navjecmenu ul {
    font-display: optional;

    font-size: 12px;
    text-transform: uppercase;
    margin-top: 14px;
    margin-bottom: 18px;
    border-bottom: 2px solid #2A9CA7;
    padding-bottom: 12px;
}

#navjecmenu li {
    display: inline;
    list-style-type: none;
    margin-right: 5px;
    padding: 0;
}

#navjecmenu li a {
    color: #2f3335;
    text-decoration: none;
    padding: 2px 6px;
}

#navjecmenu li a:hover {
    background: #2A9CA7;
    color: #ffffff;
}

#navjecmenu>ul>.current-menu-item a {
    background: transparent;
    color: #2A9CA7 !important;
    font-weight: bold;
}

#navjecmenu li a:hover {
    color: #FFFFFF !important;
    background: #2A9CA7 !important;
}

.title {
    padding: 14px 0 0 0;
    clear: both;
}

/**AON**/

#aontop h1 {

    font-display: optional;

    font-size: 2em;
    color: #e01b22;
    margin: 0;
    float: left;
    width: 75%;
    margin-bottom: 17px;
}

#menu-item-2056 a:hover,
#menu-item-2057 a:hover {
    background: #e01b22 !important;
}

#titreaon h3 {
    font-size: 1.4em;
    font-weight: normal;
    margin-top: 1.6em;
    color: #ABB6BA;
    clear: left;
    width: 75%;
    font-family: Arvo, serif;
    font-display: optional;

}

#logoaon img {
    float: right;
    border: 0px none;
}


#navaonmenu ul {

    font-display: optional;

    font-size: 12px;
    text-transform: uppercase;
    margin-top: 14px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ABB6BA;
    padding-bottom: 12px;
}

#navaonmenu li {
    display: inline;
    list-style-type: none;
    margin-right: 5px;
    padding: 0;
}

#navaonmenu li a {
    color: #2f3335;
    text-decoration: none;
    padding: 2px 6px;
}

#navaonmenu li a:hover {
    background: #e01b22 !important;
    color: #ffffff !important;
}

#navaonmenu>ul>.current-menu-item a {
    background: transparent;
    color: #e01b22 !important;
    font-weight: bold;

}

#navaon li:hover {
    color: #FFFFFF;
}

.aon a {
    color: #e01b22 !important;
}

.aon a:hover {
    color: #617176 !important;
}

.aon h1 {
    font-size: 1.6em !important;
    color: #e01b22 !important;
    margin-top: 25px;
    font-display: optional;

}

.aon h2 {
    font-size: 1.4em !important;
    color: #617176 !important;
    margin-top: 5px;
    font-display: optional;

}

.aon h3 {
    color: #617176 !important;
    font-size: 1.25em !important;
    margin-top: 0;
}

/**SECUREX**/

#securextop h1 {

    font-display: optional;

    font-size: 2em;
    color: #044EA4;
    margin: 0;
    float: left;
    width: 65%;
    margin-bottom: 17px;
}

#submit_btn:hover {
    border: 1px solid #044EA4 !important;
    color: #044EA4 !important;
}


#menu-item-2055 a:hover {
    background: #044EA4 !important;
}


#titresecurex h3 {
    font-size: 1.4em;
    font-weight: normal;
    margin-top: 1.6em;
    color: #8DABD2;
    clear: left;
    width: 75%;
    font-family: Arvo, serif;
    font-display: optional;

}

#logosecurex img {
    float: right;
    border: 0px none;
}


#navsecurexmenu ul {

    font-display: optional;

    font-size: 12px;
    text-transform: uppercase;
    margin-top: 14px;
    margin-bottom: 10px;
    border-bottom: 2px solid #8DABD2;
    padding-bottom: 12px;
}

#navsecurexmenu li {
    display: inline;
    list-style-type: none;
    margin-right: 5px;
    padding: 0;
}

#navsecurexmenu li a {
    color: #2f3335;
    text-decoration: none;
    padding: 2px 6px;
}

#navsecurexmenu li a:hover {
    background: #044EA4;
    color: #ffffff;
}

#navsecurexmenu>ul>.current-menu-item a {
    background: transparent;
    color: #044EA4 !important;
    font-weight: bold;
}


.securex a {
    color: #EE8131 !important;
}

.securex a:hover {
    color: #617176 !important;
}

.securex h1 {
    font-size: 1.6em !important;
    color: #96C021 !important;
    margin-top: 25px;
    font-display: optional;


}

.securex h2 {
    font-size: 1.4em !important;
    color: #044EA4 !important;
    margin-top: 5px;
    font-display: optional;

}

.securex h3 {
    color: #617176 !important;
    font-size: 1.25em !important;
    margin-top: 0;
}

/**DOSSIERS**/

.deonto .category-head-small {
    background: #735242 !important;
}

.deonto a {
    color: #735242 !important;
}

.deonto a:hover {
    color: #617176 !important;
}

#menu-item-1745 a:hover,
#menu-item-1768 a:hover,
#menu-item-1774 a:hover,
#menu-item-1766 a:hover,
#menu-item-1736 a:hover {
    background: #735242 !important;
}


.deonto h2 {
    font-size: 1.4em !important;
    color: #735242 !important;
    margin-top: 5px;
    font-display: optional;

}

.deonto h3 {
    color: #735242 !important;
    font-size: 1.25em !important;
    margin-top: 0;
}



.diversite .category-head-small {
    background: #9F5E88 !important;
}

.qgi .category-head-small {
    background: #9F5E88 !important;
}

.diversite a {
    color: #9F5E88 !important;
}

.diversite a:hover {
    color: #617176 !important;
}

.diversite h2 {
    color: #617176 !important;
}

#menu-item-1782 a:hover,
#menu-item-2068 a:hover,
#menu-item-2098 a:hover,
#menu-item-1762 a:hover,
#menu-item-2097 a:hover,
#menu-item-1738 a:hover,
#menu-item-2615 a:hover {
    background: #9F5E88 !important;
}

.droit .category-head-small {
    background: #D29022 !important;
}

.droit a,
.droit h3 a:hover {
    color: #D29022 !important;
}

.droit a:hover {
    color: #617176 !important;
}

.droit h2,
.droit h3 a {
    color: #617176 !important;
}

#menu-item-1741 a:hover,
#menu-item-1775 a:hover,
#menu-item-1769 a:hover,
#menu-item-1993 a:hover,
#menu-item-1737 a:hover {
    background: #D29022 !important;
}



.turquie .category-head-small {
    background: #b23535 !important;
}

.turquie a,
.turquie h3 a:hover {
    color: #b23535 !important;
}

.turquie a:hover {
    color: #617176 !important;
}

.turquie h2,
.turquie h3 a {
    color: #617176 !important;
}

#menu-item-1443 a:hover {
    background: #b23535 !important;
}

.burundi .category-head-small {
    background: #91A84A !important;
}

.burundi a,
.burundi h3 a:hover {
    color: #91A84A !important;
}

.burundi a:hover {
    color: #617176 !important;
}

.burundi h2,
.burundi h3 a {
    color: #444444 !important;
}

#menu-item-1920 a:hover {
    background: #91A84A !important;
}

object {
    width: 100%;
}

/***Newsletter***/

#forms .buttons:hover,
#submit input:hover,
#right input:hover {
    border: 1px solid #5788A0 !important;
    color: #5788A0 !important;
    cursor: pointer;
}

#submit input {
    margin-right: 14px;
}

#forms label,
.instd {
    font-weight: bold;

    font-display: optional;

}

.etoile {
    color: #5788A0 !important;
}

.tableval input {
    margin-left: 25px;
}

.tableval label {
    width: 28%;
}

/**JOURNALISTES**/

#logojournalistes {
    width: 100%;
    text-align: center;
}

#logojournalistes img {
    float: none;
    margin: 0 !important;
    padding: 0;
    width: 100%;
}

#clear {
    clear: both;
    height: 30px;
    min-height: 30px;
}

#navjournalistesmenu ul {
    clear: left;

    font-display: optional;

    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-bottom: 2px solid #D2D6DE;
    padding-bottom: 12px;
    clear: left;
}

#navjournalistesmenu li {
    display: inline;
    list-style-type: none;
    margin-right: 5px;
    padding: 0;
}

#navjournalistesmenu li a {
    color: #2f3335;
    text-decoration: none;
    padding: 2px 6px;
}

#navjournalistesmenu li a:hover,
#navjournalistesmenu li:hover {
    background: #5788A0 !important;
    color: #ffffff !important;
}

#menu-item-2069 a:hover {
    background: #5788A0 !important;
}

#navjournalistesmenu>ul>.current-menu-item a {
    background: transparent;
    color: #5788A0;
    font-weight: bold;
}

#journalistes h1 {
    color: #97A8BC;
}

/**TMVCF$**/

.vife a {
    color: #aa1546 !important
}

.tmvcf li a,
.tmvcf li a:visited {
    background: #aa1546 !important;
    color: #fff !important;
}

.tmvcf li a:hover,
.tmvcf ul li:hover a {
    background: #770F31 !important;
    color: #fff !important;
}

/**Jiste Fe**/

.JisteFe h2 {
    color: #5B2752 !important
}

.JisteFe h3 {
    color: #5B2752 !important;
    text-decoration: underline;
}

.JisteFe h4 {
    Font-size: 18px !important
}

.JisteFe a {
    color: #5B2752 !important
}

.JisteFe li a,
.JisteFe li a:visited {
    background: #5B2752 !important;
    color: #fff !important;
}

.JisteFe li a:hover,
.JisteFe ul li:hover a {
    background: #74556F !important;
    color: #fff !important;
}

/** FIN Jiste Fe**/

/** Campagne Zero Sexisme**/
.title.ZeroSexisme h1 {
    color: #e84a23 !important
}

.ZeroSexisme h2 {
    color: #e84a23 !important
}

.ZeroSexisme h3 {
    color: #e84a23 !important;
}

.ZeroSexisme h4 {
    Font-size: 18px !important
}

.ZeroSexisme a {
    color: #e84a23 !important;
}

.ZeroSexisme li a,
.ZeroSexisme li a:visited {
    background: #e84a23 !important;
    color: #fff !important;
}

.ZeroSexisme li a:hover,
.ZeroSexisme ul li:hover a {
    background: #74556F !important;
    color: #fff !important;
}

/** Fin Campagne Zero Sexisme**/

/**GMMP**/


#logogmmp img {
    float: left !important;
    border: 0px none;
}

.qgi a,
.qgi h2 {
    color: #A8599A;
}

.qgi img {
    float: left;
    margin-right: 25px;
}

.qgi h2 {
    color: #A8599A !important;
    margin-top: 16px !important;

    font-display: optional;

}

.qgi a:hover {
    color: #696969;
}

.qgi h1 {
    color: #696969 !important;
    font-size: 2em;
    margin: 12px 0 14px 0 !important;
}

.gmmp-navigation {
    float: left;
    width: 100%;
    border: none;
    border: 0px;
    background-color: #FFFFFF;
    padding-left: 0;

    font-display: optional;

    font-size: 13px;
    font-weight: bold;
    list-style: none;
    margin-bottom: 20px;
}

.gmmp-navigation a {
    display: block;
}

.gmmp-navigation ul {
    background: #FFFFFF;
    height: 26px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gmmp-navigation li {
    float: left;
    padding: 0px;
    margin-right: 2px;
}

.gmmp-navigation li a,
.gmmp-navigation li a:visited {
    background: #A8599A;
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    line-height: 26px;
    padding: 0px 9px;
    text-align: left;
    text-decoration: none;
}

.gmmp-navigation li a:hover,
.gmmp-navigation ul li:hover a {
    background: #7D287D url("http://www.quelgenredinfos.be/images/seperator.gif") bottom right no-repeat;
    color: #FFFFFF;
    text-decoration: none;
}

.gmmp-navigation li ul {
    float: left;
    background: #7D287D;
    display: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: absolute;
    width: 180px;
    z-index: 100;
    display: none;
}

.gmmp-navigation li:hover ul {
    display: block;
    background: #7D287D;
}

#gmmp-navigation a {
    display: block;
}

.gmmp-navigation li li {
    background: none;
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
    width: 180px;
}

.gmmp-navigation li:hover li a {
    background: none;
}

.gmmp-navigation li ul a:link,
.gmmp-navigation li ul a:visited {
    height: 24px;
    font-size: 12px;
    font-style: normal;
    padding: 0px 6px 0px 6px;
    text-align: left;
    border-top: 1px solid #FFFFFF;
    margin: 0;
    background: #A8599A;
}

.gmmp-navigation li ul a:hover,
.gmmp-navigation li ul li:hover a {
    background: #7D287D;
    border: 0px;
    color: #FFFFFF;
    text-decoration: none;
    border-top: 1px solid #FFFFFF;

}

.gmmp-navigation p {
    clear: left;
}

/**Colors**/

.blue {
    background: #238C9E !important;
}

.green {
    background: #9FB50A !important;
}

.pink {
    background: #e01b22 !important;
}

/**JEUX**/



#pagejeux {
    width: 100%;
}



#pagejeux h1 {

    font-display: optional;

    font-size: 2em;
    color: #696969;
    margin: 0;
    float: left;
    width: 100%;
    margin-bottom: 17px;
}


#chapo {
    width: 100%;
}

.jeucenter {
    float: right;
    width: 200px;
    text-align: right;
}

#jeutier {
    width: 99%;
}

.tiersjeu {
    float: left;
    width: 30%;
    margin-right: 2.2%;
    max-width: 300px;
    position: relative;
    text-align: left;
}

.tiersjeu img {
    margin: 0 auto;
    text-align: center;
    float: none !important;
}

.resultatsjeux a:hover,
#resultatsjeu a:hover {
    width: 100%;
    color: #ffffff;
    background: #afb962;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}

#backjeux {
    width: 98%;
    padding: 10px;
    border: 1px solid #afb962;
    margin-bottom: 26px;
    font-size: 13px;
    color: #afb962;
    font-weight: bold;
    text-align: left;
}


#backjeuxsol {
    width: 100%;
    padding: 4px;
    border: 1px solid #afb962;
    margin-bottom: 26px;
    font-size: 12px;
    color: #afb962;
    font-weight: bold;
}

#backjeux ul,
#backjeuxsol ul {
    margin: 0;
    line-height: 30px;
}

#backjeux a,
#backjeuxsol a {
    color: #afb962;
}

#backjeuxsol a:hover,
#backjeuxsol a:visited {
    color: #696969;
}


#pagejeux h4 {
    color: #999;
    margin-bottom: 6px;
    font-weight: normal;
    padding: 0;
    font-weight: bold;
}

#grillejeu,
#grillejeu2,
#grillejeu3,
#grillejeu4,
#grillejeu5,
#grillejeu6,
#grillejeu13 {
    display: none;
    margin-top: 15px;
    margin-bottom: 40px;
    width: 100%;
    position: relative;
}

#grillejeu6 {
    text-align: justify;
}

.tableaujeu {
    width: 26%
}

.tableaujeu2 {
    width: 100%
}

#grillejeu7 img {
    margin: 0 20px 50px 50px;
    float: right;
}

.jeu1,
.jeu2,
.jeu3,
.jeu4,
.jeu5,
.jeu6,
.jeuMC13,
.jeusans {
    color: #FFF;
    background: #afb962;
    padding: 0 7px 0 7px;
    margin: 0 7px 0 0;
    cursor: pointer;
}

.jeusans a {
    color: #FFFFFF;
}

#grillejeu5 ul {
    margin-bottom: 14px;
}

/*-[ Content ]--------------------*/
.article {
    width: 64.5%;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    margin-left: 1.5%;
}


.post {
    float: left;
    width: 100%;
}

.single_post {
    width: 100%
}

.single_post .post-info span,
.single_post .post-info a {
    font-size: 14px
}

.single_page {
    background-color: white;
    padding-top: 0;
}

.post-content {
    padding-top: 0;
    margin-top: 15px;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
    clear: both;
}

.post-single-content {
    overflow: hidden;
    clear: both;
    vertical-align: top !important;
}


.post-single-content a,
.post-content a {
    text-decoration: underline;
}

.ss-full-width,
.ss-full-width2 {
    background: white;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 25px;
    width: 97.2%;
    margin-left: 1.5%;
}

.ss-full-width img {
    float: right;
    margin-left: 20px !important;
}

.ss-full-width #content_box {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

.post.excerpt {
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 15px;
    background-color: #fff;
    width: auto;
}

.wp-post-image {
    float: left
}

.bigfeatured-thumbnail {
    float: left;
    max-width: 100%;
}

#bigfeatured-thumbnail {
    float: left;
    max-width: 477px;
}

.featured-thumbnail {
    float: left;
    max-width: 130px !important;
    margin-right: 20px;
    margin-bottom: 0;
}

.une img {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
}

.une {
    text-align: justify;
    line-height: 173%;    
}

.unetable td a {
    text-decoration: underline;
}

.unetable td {
    width: 50%;
    border-right: 1px solid #EEEEEE;
    color: #B1B1B1;
    vertical-align: top !important;
}

#featured-thumbnail {
    float: left;
    margin-top: 7px;
    margin-right: 1.8%;
    max-width: 140px;
    width: 25%;
    margin-bottom: 0;
}

.featured-thumbnail img {
    margin-bottom: 0;

}

.suite a {
    text-decoration: underline;
}

.related-posts a {
    text-decoration: underline;
}

.related-posts a:hover {
    color: #696969;
}

.article h1 {
    font-size: 2.2em;
    color: #333;
    float: left;
    padding: 15px 0 0 0;
    width: 100%;

    font-display: optional;

    line-height: 120%;
    margin-bottom: 16px;
}

.ss-full-width h1 {
    font-size: 2em;
    color: #333;
    float: left;
    padding: 0 0 0 0;
    width: 100%;

    font-display: optional;

    line-height: 120%;
    margin-bottom: 18px;
}

.category-head {
    height: 35px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding: 0 10px 0 10px;
    line-height: 35px;
    float: left;
    background: #2B73A4;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.category-head-small {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center;
    padding: 2px 10px;
    line-height: 20px;
    margin-bottom: 14px;
    float: left;
    background-color: #2184A4;
    font-family: 'Arvo', serif;
    font-display: optional;

}

.unecat {

    margin-bottom: 8px !important;


}

.category-head-small.dossiers {
    background: #54C7CD;
}

.category-head-small.archives {
    background: #95886F;
}

.category-head-small.actus {
    background: #91A84A;
}

.category-head-small.agenda {
    background: #C9C472;
/*     float: none !important;
 */}

.category-head-small.emploi {
/*     float: none !important;
 */}


.agenda a:hover {
    color: #C9C472;
}

#menu-item-2377 a:hover {
    background: #C9C472 !important;
}

#menu-item-1728 a:hover {
    background: #91A84A !important;
}

#menu-item-1727 a:hover {
    background: #95886F !important;
}

.medias h1 {
    color: #2184A4;
}


.category-head-small2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    padding: 2px 8px;
    line-height: 20px;
    margin-bottom: 10px;
    float: left;
    background: #4A94C6;
}

.title a {
    color: #2B2B2B;
  
}

.page h1.title {
    padding-top: 0;
    margin-bottom: 16px;
}

.post-info {
    display: block;
    color: #5E5E5E;
    width: 100%;
}

.post-info a {
    color: #5E5E5E
}

.post-info span {
    margin-right: 0
}

.thetime {
    margin: 15px 0 0 0 !important;
    font-size: 0.8em;
}

.thetime2:after {
    content: "";
    padding: 0 5px;
}

.thetime2,
.rss-date {
    font-size: 11px;

}

.related-posts .post-info {
    clear: none;
    float: none;
}

.thecategory {
    margin-left: 0
}

/**********latest-posts***********/
.viewstyle {
    border: 1px solid #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 3px #EEEEEE;
    clear: both;
    float: left;
    font-family: arial;
    font-display: optional;

    margin-bottom: 20px;
    overflow: hidden;
    padding: 7px 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.viewtext {
    float: left;
    font-weight: bold;
    margin-top: 4px;
}

.viewsbox {
    float: right
}

#list,
#grid {
    float: left
}

#list a {
    border-radius: 3px 0 0 3px;
    border: 1px solid #CFD4D8;
    border-right: 0;
    padding: 0 15px 0 15px;
}

.viewsbox i {
    font-size: 14px;
    margin-top: 6px;
    margin-right: 5px;
    float: left;
}

.viewsbox .active a {
    background-color: #F7F7F9 !important
}

.viewsbox a {
    color: #343434;
    cursor: pointer;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-display: optional;

    font-size: 13px;
    line-height: 26px;
    padding: 0 10px 0 15px;
}

.viewsbox .active a {
    background-color: #F7F7F9 !important
}

#grid a {
    border: 1px solid #CFD4D8;
    border-radius: 0 3px 3px 0;
}

article header {
    margin-bottom: 11px;
    width: 100%;
}

.single article header {
    margin-bottom: 10px
}

.latestPost {
    border-bottom: 1px solid #eee;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.latestPost .title {
    display: block;
    line-height: 115%;
    font-size: 2em;
}

.front-view-content {
    overflow: hidden
}

.grid {
    border-bottom: 0 none !important;
    clear: none !important;
    float: left;
    margin-bottom: 10px !important;
    margin-right: 6.5%;
    min-height: 250px;
    padding-bottom: 0 !important;
    width: 29%;
}

.grid .front-view-content {
    display: none
}

.latestPost.grid .title {
    float: left;
    font-size: 14px;
    height: 40px;
    margin-top: 5px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
}

.grid .theauthor:after {
    content: ""
}

.grid .home-share,
.grid .thetime,
.grid .thecategory,
.grid .thecomment {
    display: none
}

.grid #featured-thumbnail {
    width: 100%;
    margin-right: 0;
}

.single_post header {
    width: 100%;
    margin-bottom: 8px;
}

.article img.left,
.article img.alignleft,
.wp-caption.alignleft {
    margin: 0.3em 1.571em 0.5em 0;
    display: block;
    float: left;
}

.article img.right,
.article img.alignright,
.wp-caption.alignright {
    margin: 0.3em 0 0.5em 1.571em;
    display: block;
    float: right;
}

.article img.center,
.article img.aligncenter,
.wp-caption.aligncenter {
    margin: 0.3em auto 0.5em auto;
    display: block;
}

.article img.aligncenter,
.article img.alignnone {
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
    clear: both;
}

.article ul {
    margin: 1.5em 0 1.571em 1.9em;
    list-style-type: circle;
}

.article ol {
    margin: 1.5em 0 1.571em 1.9em;
    list-style-type: decimal;
}

.article ul ul,
.article ol ol,
.article ul ol,
.article ol ul {
    margin-top: 0;
    margin-bottom: 0;
}

.article .iconlist {
    margin-left: 0
}

.article .iconlist li {
    list-style-type: none
}

/*-[ Tab widget ]------------------------------*/
#tabber {
    display: block;
    height: auto;
    margin: 0;
    overflow: hidden;
    background-color: #FFF;
}

#tabber .inside {
    background: #fff;
    padding: 10px 15px 17px;
    margin-top: -3px;
    border: 3px solid #f0f0f0;
    border-top: 0;
}

#tabber ul.tabs {
    overflow: hidden;
    height: 40px;
}

#tabber ul.tabs li {
    background: none;
    float: left;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: none;
    width: 50%;
    text-align: center;
    margin-left: 0;
}

#tabber ul.tabs li a {
    color: #999;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    border: 3px solid #F9F9F9;
    line-height: 34px;
    text-transform: uppercase;
    border-bottom: 3px solid #F0F0F0;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
}

#tabber ul.tabs li a.selected {
    margin: 0;
    color: #444;
    text-decoration: none;
    border: 3px solid #F0F0F0;
    border-bottom: 0;
    line-height: 38px;
    border-bottom: 0;
}

#tabber ul.tabs li.tab-recent-posts a {
    margin: 0;
    border-left: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

#tabber p {
    margin-bottom: 0
}

#tabber a [class^="icon-"],
#tabber a [class*=" icon-"] {
    font-size: 17px;
    text-indent: -3px;
}

#tabber ul.tabs li.tab-recent-posts a.selected {
    border-left: 3px solid #f0f0f0;
    margin-left: -3px;
    width: 102.2%;
}

#tabber ul.tabs li a:hover {
    color: #444;
    text-decoration: none;
}

#tabber .inside li {
    list-style: none;
    margin: 0;
    padding: 15px 0 0 0;
}

#tabber .inside li:first-child {
    padding: 5px 0 0
}

#tabber .inside li a {
    line-height: 18px;
    display: block;
}

#tabber .inside li a:hover {}

#tabber .inside li div.info {
    display: table;
    top: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

#tabber .inside li div.info .entry-title {
    font-size: 14px;
    margin-bottom: 0;
}

#tabber .inside li div.info p {
    color: #333
}

#tabber .inside li .meta {
    display: block;
    color: #999;
    padding-top: 0;
}

#tabber .tab-thumb {
    border: 1px solid #f0f0f0;
    padding: 4px;
    background: #fff;
    float: left;
    display: inline;
    margin: 0px 12px 0px 0px;
}

.post-number {
    position: relative;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
    bottom: 22px;
    background: #23618A;
}

#tabber .inside .tabsSep {
    margin-top: 7px;
    width: 100%;
    height: 1px;
    background-color: #e8e5de;
    clear: both;
    float: left;
}

#sidebars #tabber .wp-post-image,
footer #tabber .wp-post-image {
    margin-top: 4px
}

/*-[ Tweets Widget ]---------------------------*/
.tweets li {
    margin-bottom: 15px !important
}

/*-[ Custom Nav Widget ]---------------------------*/
.widget_nav_menu [class^="icon-"],
.widget_nav_menu [class*=" icon-"] {
    display: list-item
}

.widget_nav_menu [class^="icon-"]>a,
.widget_nav_menu [class*=" icon-"]>a {
    padding-left: 5px
}

.widget_nav_menu .sub-menu {
    margin-top: 8px
}

/*-[ Text Widget ]---------------------------*/
.textwidget {
    line-height: 23px
}

/****FORMULAIRES*********/

input,
textarea,
select {
    padding: 8px 12px;
    font-size: 14px;
    color: #444444;
    border: 1px solid #D8D8D8;
    font-family: inherit;
    font-display: optional;

}

textarea {
    overflow: auto;
    resize: vertical;
    color: #222222 !important;
}

select {
    padding: 6px 10px;
    border-color: #D8D8D8;
}

input:focus,
textarea:focus {}

#formas {
    padding: 1%;
    border: 1px solid #EEEEEE;
    background: #F7F7F7;
    border-radius: 3px;
}

#formas p {
    border-bottom: 1px solid #FFFFFF;
    padding: 0 0 8px 6px;
}

#formas input {
    margin: 0 1.5% 2% 1.5%;
}

#formas ul,
#formas li {
    display: inline;
}


#formas p {
    border-bottom: 1px dotted #FFFFFF;
    padding: 0px 0px 8px 6px;
}

#formas .liste label,
#formas.checkbox label {
    width: 110px !important;
    font-weight: bold;
    padding: 0;

    font-display: optional;

}

#formas .checkbox label {
    margin: 0 20px 0 0;
}

#formas .labels {
    font-weight: normal !important;
}

#formas .checkbox input {
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
}

#formas .button {
    border: 1px solid #85191D;
    background: #DBDBDB;
    box-shadow: none;
    cursor: pointer;
    color: #85191D;
}

#formas .button:hover,
.submit:hover {
    background: #85191D;
    color: #FFFFFF;
}

#soumission ul,
#soumission li {
    text-align: center;
    display: inline;
}

/*-[ Tables ]--------------------*/
table {
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
    border: 2px solid #F1F4F6;
}

thead {
    background: #F7F8F9;
    font-size: 14px;
    color: #585F65;
}

table th,
table td {
    padding: 7px 15px;
    text-align: left;
}

thead th {
    padding: 14px
}

tbody th {
    font-weight: normal;
    border-bottom: 1px solid #F5F7F9;
}

/*-[ Line ]---------------------*/
hr {
    border: none;
    border-bottom: 1px solid #E5E5E5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    margin: 35px 0;
    clear: both;
    position: relative;

}


/*-[ Search Form ]------------------*/
#searchform {
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    color: #222222;
}

.article #searchform {
    max-width: 300px
}

#searchform fieldset {
    float: left
}

.sbutton,
#searchsubmit {
    right: 0px;
    top: 0px;
    padding: 10px 0;
    float: right;
    border: 0;
    width: 41px;
    height: 39px;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
    color: white;

    background: transparent;
    z-index: 10;
    position: absolute;
    border: 0;
    vertical-align: top;
}

#searchform .icon-search {
    font-size: 20px;
    border: 1px solid #728E92;
    border-left: 0;
    top: 0px;
    color: #FFFFFF;
    background: #C0C0C0;
    position: absolute;
    right: 0px;
    padding: 9px 8px 9px 10px;
    height: 19px;
    width: 23px;

}

#s {
    width: 88%;
    background-color: #FDFDFD;
    opacity: 0.9;
    float: left;
    font-size: 12px;
    padding: 10px 0;
    text-indent: 10px;
    border: 1px solid #728E92;
    color: #696969;
}

#searchform fieldset {
    width: 100%
}

.breadcrumb {
    margin-bottom: 20px;
    font-size: 0.9em;
    border-bottom: 5px solid #EEE;
    padding-bottom: 5px;
}

.no-results h2 {
    font-size: 16px
}

/*-[ Read More ]-------------------*/
.read-more {
    margin: 0 0 0 10px;
    line-height: 1.4em;
    background: none;
    padding: 0;
    font-size: 16px;
}

/*-[ Top Ad in Post ]-------------------------------------*/
.topad {
    margin-bottom: 10px;
    clear: both;
}

/*-[ Bottom Ad in post ]-----------*/
.bottomad {
    float: left;
    clear: both;
    margin-top: 10px;
}

/*-[ Sidebar ]---------------------*/
#sidebars p {
    line-height: 20px;
    margin-bottom: 0;
}

.sidebar.c-4-12 {
    float: right;
    width: 29% !important;
    line-height: 20px;

    margin-right: 1.5% !important;

    font-display: optional;

    font-size: 13px;
}

#sidebars .wp-post-image,
footer .wp-post-image {
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 0;
}

.widget {
    margin-bottom: 27px;
/*     float: left;
    clear: both; */
    width: 100%;
}
.timeline-Footer{
    display: none !important;
}
.rsswidget img {
    display: none;
}
.actulink{
    text-align: right;
    float: right;
    margin: -10px 0 11px;
    font-size: 1.4rem;
}
#post-container{
    height: 100%;
    width: 100%;
}

.widget h3 {


    color: #FFFFFF;
    font-family: 'Arvo', serif;
    font-display: optional;

    font-size: 14px;
    padding: 2px 6px;
    background: #2184A4;
    width: 66%;
    margin: 0;

    border-width: 3px 3px 0px;
    border-style: solid solid none;
    border-color: #F0F0F0 #F0F0F0 -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;

}

.widget h3.news {

    background: transparent;

    font-display: optional;

    font-size: 16px;
    padding: 0 0 6px 0;
    color: #2184A4;
    width: 97%;
    margin: 0 0 8px 0;
    border-bottom: 2px solid #2184A4 !important;
    border: none;

}

.widget-sidebar-pa img {
    max-width: 32px;
    width: 32px !important;
}

.widget-sidebar-pa li {
    list-style-type: none !important;
    background: none !important;
    padding-left: 2px !important;
}

#wysija-2 {
    background: #EFEFEF;

    padding: 2%;
    margin: -6px 0 26px 0;
    border-radius: 3px;
    width: 97% !important;
}

.widget ul {
    border: 1px solid #EEE;
    padding: 8px 3px 3px 3px;
    margin: 0;
}

.wysija-submit {
    cursor: pointer;
    padding: 4px;
    color: #FFFFFF;
    background: #7AB7C4;
}

.wysija-submit:hover {
    background: #2184A4;
}

.widget li {
/*     list-style-type: disclosure-closed;
     margin-left: 21px;
    background: url(images/arrow.png) no-repeat scroll 0px 5px transparent; */
    margin-bottom: 2px;
}
.widget li::before{
    content: "\002023";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #23618A; /* Change the color */
    font-size: 1rem;
}

.widget a {
    text-decoration: none;
    color: #23618A;
}

.widget_rss h3 a {
    text-decoration: none;
    color: #FFFFFF !important;
}

.widget_rss h3 {
    background: #6BAFBE;
    font-size: 13px;
}

.widget a:hover {
    color: #6BAFBE;
}

.mts-posts {
    position: relative
}

.popular-posts li {
    list-style: none !important;
    margin: 0;
    overflow: hidden;
 
    color: #999;
    cursor: pointer;
    padding: 7px 24px 10px 10px;
    background: #222;
    margin-bottom: 10px;
    position: relative;
}

.advanced-recent-posts li,
.category-posts li,
.related-posts-widget li {
    list-style: none !important;
    margin: 0;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.popular-posts a {
    color: #fff !important
}

.popular-posts .meta a {
    color: #999 !important
}

.advanced-recent-posts p,
.popular-posts p,
.category-posts p {
    margin: 0;
    overflow: hidden;
}

.widget .meta {
    padding: 4px 0 0;
    color: #999;
   
}

.sidebar.c-4-12 .widget .meta a,
footer .widget .meta a {
    color: #999
}

.popular-posts .pcomments {
    font-family: Arial;
    font-display: optional;

    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 7px 1px;
}

.popular-posts li:hover .pcomments {
    background-color: #222
}

.popular-posts li:hover .meta,
.popular-posts li:hover .meta a {
    color: #fff !important
}

ul.recent-reviews li {
    padding-left: 0;
    background: none;
    margin-bottom: 10px;
    margin-left: 0;
    overflow: hidden;
    line-height: 20px;
}

ul.recent-reviews .last {
    margin-bottom: -15px
}

.recent-reviews .left img {
    width: 80px;
    height: 80px;
}

.recent-reviews .left {
    margin-bottom: 15px;
    position: relative;
}

/*-[ Social Buttons ]--------------------------*/
.share-item.facebookbtn,
.share-item.linkedinbtn,
.share-item.stumblebtn {
    width: 92px
}

.shareit.top {
    float: left;
    width: 100%;
    padding-top: 0;
    padding-bottom: 20px;
    clear: both;
}

.shareit {
    padding: 12px 0 20px 7px;
    overflow: hidden;
    clear: both;
    border: none;
}

.shareit .share-item {
    display: block;
    margin: 0;
    float: left;
    height: 25px;
}

/*-[ Social Profile Widget ]--------------------------*/
.social-profile-icons {
    overflow: hidden
}

.social-profile-icons ul li {
    background: none;
    border: none;
    float: left;
    list-style-type: none;
    margin: 0 5px 10px;
    padding: 0;
    text-indent: -999em;
}

.social-profile-icons ul li a {
    display: block;
    width: 32px;
    height: 32px;
 
}

.social-profile-icons ul li a:hover {
    opacity: 0.7
}

.social-dribbble a {
    background: url(images/social-dribbble.png) no-repeat
}

.social-email a {
    background: url(images/social-mail.png) no-repeat
}

.social-facebook a {
    background: url(images/social-facebook.png) no-repeat
}

.social-gplus a {
    background: url(images/social-googleplus.png) no-repeat
}

.social-linkedin a {
    background: url(images/social-linkedin.png) no-repeat
}

.social-pinterest a {
    background: url(images/social-pinterest.png) no-repeat
}

.social-rss a {
    background: url(images/social-rss.png) no-repeat
}

.social-stumbleupon a {
    background: url(images/social-stumbleupon.png) no-repeat
}

.social-twitter a {
    background: url(images/social-twitter.png) no-repeat
}

.social-youtube a {
    background: url(images/social-youtube.png) no-repeat
}

.social-flickr a {
    background: url(images/social-flickr.png) no-repeat
}

.social-lastfm a {
    background: url(images/social-lastfm.png) no-repeat
}

.social-tumblr a {
    background: url(images/social-tumblr.png) no-repeat
}

.social-vimeo a {
    background: url(images/social-vimeo.png) no-repeat
}

/*-[ Footer ]-------------------*/
body>footer .advanced-recent-posts li,
body>footer .popular-posts li,
body>footer .category-posts li {
    border-top: 1px solid #ccc;
    padding-top: 8px;
}

body>footer .widget li:first-child {
    border-top: none;
    padding-top: 0;
}

.footer-widgets h3 {
    margin: 0
}

body>footer {
    overflow: hidden;
    width: 100%;
}

body>footer .footeText {
    width: 70vw;
    margin: 22px auto;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

body>footer .footeText a {
    color: #333;
    border-bottom: 2px solid #ee3f02;
}

body>footer .widget {
    padding: 1px 0 0 0
}

body>footer .sidebar .widget .title {
    font-size: 135%;
}

footer .widget {
    margin-bottom: 20px;
    margin-top: 10px;
}

footer a {
    color: #333333;
}

footer .advanced-recent-posts li,
footer .popular-posts li,
footer .category-posts li,
footer .related-posts-widget li {
    background: transparent;
    padding: 0;
}

footer .advanced-recent-posts li,
footer .popular-posts li,
footer .category-posts li,
footer .related-posts-widget li {
    background: transparent
}

footer {
    position: relative;
    overflow: hidden;
    clear: both;
    margin-top: 20px;
    border-bottom: 10px solid #23618A;
}

footer .container {
    position: relative;
    clear: left;
    overflow: hidden;
    padding: 5px 0 10px 20px;
    font-size: 12px;
    line-height: 125%;

    background: #DEDEDE !important;

    margin: 0 auto;
    max-width: 70vw;


}

.footer-widgets {
    overflow: hidden;
    padding: 15px 0 10px;
    margin: 0;
}

.footer-widgets h3 {
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #222;
    border-bottom: 1px solid #E5E5E5;
    padding-top: 0;
}

.f-widget-1 {
    width: 80%;
    float: left;
    position: relative;
    margin-bottom: 0;
    margin-right: 2%;
}

.f-widget-1 img {
    float: left;
    margin-right: 14px;
    margin-bottom: 5px;
}

.f-widget-2 {
    width: 11%;
    float: right;
    position: relative;
    margin-bottom: 0;
    margin-right: 1%;
    text-align: right;
}

#reseaux {
    margin-top: 3.4%;
}

#reseaux img {
    width: 32px;
}

.copyrights {
    float: left;
    width: 100%;
    clear: both;
}

#copyright-note {
    width: 70vw;
    margin: 0 auto;
    clear: both;
    max-width: 100%;
}

.postsby {
    font-weight: 400;
    margin-bottom: 25px;
    font-size: 20px !important;
    text-align: center;
    font-family: 'Arvo', serif !important;
    font-display: optional;

}

/*-[ Back To Top ]---------------------------*/
.top {
    float: right;
    position: relative;
}

.toplink .icon-chevron-sign-up {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 0px;
}

.toplink {
    padding-right: 27px
}

#move-to-top {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 12px;
    padding: 14px 10px;
    position: fixed;
    right: 22px;
    bottom: 20px;
    transition: all 0.25s linear 0s;
    width: 20px;
    z-index: 25;
    background: #C6C6C6;
}

#move-to-top:not(.filling) {
    opacity: 0;
    visibility: hidden;
}

#move-to-top .icon-chevron-up {
    font-size: 22px;
    position: absolute;
    top: 9px;
}

/*-[ Related Posts ]---------------------------*/
.related-posts {
    background-color: #FFF;
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.related-posts li {
    min-height: 100px !important;
}

.postauthor p {
    padding-top: 0px;
    margin-top: 8px;
    margin-bottom: 20px;
}

.related-posts ul {
    margin-left: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    margin-top: 0;
}

.related-posts h5 {
    line-height: 20px;
    padding-left: 80px;
    color: #919191;
    text-transform: uppercase;
}

.related-posts h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.relatedthumb img {
    width: 75px;
    height: 75px;
    margin-top: 5px;
    margin-bottom: 0;
    float: left;

}

.related-posts .relatepostli3,
.related-posts .relatepostli1 {
    margin-right: 0;
    float: right;
}

.relatepostli2,
.relatepostli3 {
    margin-bottom: 12px;
    padding-bottom: 1px;
}

.relatepostli .post-info a,
.relatepostli .post-info .theauthor {
    font-weight: normal
}

.relatedthumb .theauthor {
    color: #999999
}

.related-posts li {
    border-bottom: 1px solid #eee;
    width: 47%;
    float: left;
    list-style: none;
    padding-bottom: 32px;
    line-height: 1.4;
    min-height: 80px;
}

.rthumb {
    float: left;
    margin-right: 10px;
    position: relative;
}

.related-posts .last {
    margin-right: 0
}

.post-number {
    position: absolute;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
    bottom: 0;
    background: #23618A;
}

/*-[ Post Tags ]---------------------------------*/
.tags {
    margin: 20px 0 0 0;
    width: 100%;
    float: left;
}

.tags a {
    margin-left: 5px
}

/*-[ Author Box ]--------------------------------*/
.postauthor {
    float: left;
    clear: both;
    width: 100%;
    border-top: 5px solid #EEEEEE;
    margin: 30px 0 10px;
    min-height: 125px;
    padding-bottom: 8px;
    padding-top: 10px;
}

.postauthor h4 {
    font-size: 20px;
    line-height: 24px;
}

.postauthor h5 {
    font-size: 16px;
    padding: 0;
    margin: 0;
    line-height: 24px;
    text-transform: capitalize;
}

.postauthor img {
    float: left;
    margin: 4px 20px 0 0;
}

.postauthor h4 a {
    color: #473636
}

.postauthor-top {
    font-size: 18px;
    margin: 10px 0;
}

.clear {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

.last {
    margin-right: 0
}

/*-[ Tag widget ]------------------------------*/
.tagcloud a {
    font-size: 14px !important;
    padding: 3px 10px;
    margin-bottom: 3px;
    float: left;
    margin-right: 3px;
    background: #222;
    color: #FFFFFF !important;

}

.tagcloud a:hover {}

/*-[ Subscribe Widget ]------------------------*/
.mts-subscribe input[type="text"] {
 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 67%;
    font-size: 13px;
    float: left;
    padding: 10px 0;
    text-indent: 10px;
    border-right: 0;
}

#mts_subscribe_widget {
    border: 1px solid #F1F1F1 !important
}

.mts-subscribe {
    overflow: hidden
}

.mts-subscribe input[type="submit"] {
    background: #222;
    cursor: pointer;
    font-size: 12px;
    color: #FFF;
    padding: 7px 0;
    border: 0;
    float: left;
    height: 40px;
    text-align: center;
    width: 33%;

}

.mts-subscribe input[type="submit"]:hover {
    background: #222
}

/*-[ Ad Widgets ]------------------------------*/
.ad-300 img {
    background: #FAFAFA;
    border: 1px solid #eee;
    padding: 11px;
}

footer .ad-300 img {
    padding: 0;
    border: 0;
}

.ad-125 ul {
    float: left;
    width: 100%;
    margin: 0;
    list-style: none;
    max-width: 100%;
}

.ad-125 li {
    float: left;
    border: none;
    list-style: none !important;
    padding-left: 0;
    background: none;
    margin-bottom: 15px;
    margin-left: 0;
    max-width: 46%;
}

.ad-125 img {
    background: #FAFAFA;
    border: 1px solid #EEE;
    padding: 11px;
}

footer .ad-125 img {
    padding: 0;
    border: 0;
}

#logosmb img {
    float: left;
    max-height: 60px;
    height: 60px !important;
    margin-right: 8px;
    max-width: 3vw;
    min-width: 60px;
}

.ad-125 li:nth-child(2n+2) {
    float: right !important
}

/*-[ Calender Widget ]-------------------------*/
#wp-calendar {
    margin-bottom: 0
}

#wp-calendar td {
    text-align: center;
    padding: 7px 0;
    border-top: 1px solid #F1F4F6;
    border-right: 1px solid #F1F4F6;
}

#wp-calendar caption {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
}

#wp-calendar #prev {
    text-align: left;
    padding-left: 12px;
}

#wp-calendar thead th {
    padding: 10px 0;
    text-align: center;
}

/*-[Comments]--------------*/
.total-comments {
    font-size: 18px;
    font-weight: bold;
    color: #222;
}

.cnumber {
    color: #23618A
}

#comments {
    padding: 0;
    background-color: #fff;
    margin-top: 27px;
    float: left;
    clear: both;
    width: 100%;
}

#respond h4 {
    padding: 0 0 20px;
    font-size: 18px;
}

#commentsAdd {
    background-color: #fff;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
}

#comments .avatar {
    float: left;
    margin-right: 20px;
    margin-top: 7px;
}

.comment time {
    padding-left: 10px
}

ul.children .commentImageLeft {
    width: 60px;
    height: 90px;
    border-left: 1px solid #c1bbb6;
    border-bottom: 1px solid #c1bbb6;
    position: absolute;
    top: -50px;
    left: -70px;
}

input.text-input,
#commentform input {
    padding: 9px 11px 10px
}

input#author,
input#email,
input#url {
    background: #fff;
    max-width: 85%;
    margin-right: 10px;
    border: 3px solid #eee;
    font-size: 14px;
    width: 380px;
}

input#author,
input#email,
input#url,
#comment {

}

#cancel-comment-reply-link {
    float: right;
    line-height: 24px;
    margin-top: 0;
}

#cancel-comment-reply-link {
    color: #EE210B;
    cursor: pointer;
    margin-bottom: -20px;
    text-decoration: underline;
    z-index: 100;
    position: relative;
}

#commentform input#submit,
.contactform #submit {
    line-height: 1;
    background-color: #222;
    padding: 12px 17px 13px;
    color: #ddd;
    text-decoration: none;
    float: left;
    cursor: pointer;
    display: inline-block;
    border: none;
    font-size: 14px;
    font-weight: normal;
}

#commentform input#submit:hover,
.contactform #submit:hover {
    background: #EE210B;
    color: #fff;
}

.contactform #submit {
    float: left
}

.contactform label {
    display: block
}

.contactform {
    overflow: hidden;
    margin-bottom: 35px;
}

.error {
    color: red
}

.thanks p {
    color: green
}

ol.commentlist {
    float: left;
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
}

.commentlist li {
    border-bottom: 1px solid #EEEEEE;
    list-style: none;
    margin: 0 0 30px 0;
    padding-left: 0;
    float: left;
    width: 100%;
    position: relative;
}

.commentlist li.comment {
    min-height: 120px
}

.commentlist p {
    margin-bottom: 5px
}

.ago {
    color: #666;
    font-size: 13px;
}

.fn {
    line-height: 1.375em;
    font-weight: bold;
    color: #222;
}

.fn a {
    font-weight: bold;
    font-size: 15px;
}

.comment-meta {
    font-size: 12px
}

.comment-meta a {
    color: #333
}

.commentmetadata {
    overflow: hidden
}

.commentmetadata li {
    border: 0;
    padding: 0;
    margin-top: 0;
    margin-bottom: 5px;
    list-style: square;
}

.commentmetadata ol li {
    list-style: decimal
}

.reply {
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 15px;
    width: 100%;
}

.reply a {
    font-weight: bold;
    float: left;
    padding: 0 14px;
    color: #BDBDBD;
    float: right;
    font-size: 14px;
}

.reply a:hover {
    color: #000
}

#commentsAdd #respond h4 {
    margin-bottom: 19px
}

.comment #respond #respond {
    margin-top: 20px
}

.commentlist .children {
    margin-left: 10%;
    margin-bottom: 0;
    margin-top: 0;
    float: left;
    width: 90%;
}

.commentlist .children li {
    padding-bottom: 0
}

.avatar {
    float: left
}

#respond h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.comment-awaiting-moderation {
    font-style: italic;
    font-weight: bold;
}

.commentmetadata ul,
.commentmetadata ol {
    margin-top: 5px
}

/*-[ Comment Form ]----------------------------*/
#commentform textarea {
    width: 95%;
    border: 3px solid #eee;
    background: #fff;
    padding: 2%;
    line-height: 25px;
    font-family: inherit;
    font-display: optional;

    font-size: 14px;
    font-style: italic;
}

#commentform {
    width: 100%
}

#commentform p {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    clear: both;
}

#commentform p label {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
}

.cancel-comment-reply a {
    float: right;
    margin-top: -8px;
}

.required {
    color: red;
    padding: 0;
    line-height: 1;
}

.comment-notes .required {
    padding-left: 0;
    padding-top: 3px;
}

.comment-notes {
    font-style: italic
}

/*-[ pagination ]------------------*/
.pagination {
    border: 1px solid #EEEEEE;
    border-bottom: 0;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 3px #EEEEEE;
    clear: both;
    float: left;
    font-family: arial;
    font-display: optional;

    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px 2% 5px 2%;
    width: 95.6%;
}

.single .pagination {
    border: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0;
    padding: 2.2% 0 0;
    width: 100%;
}

.pagination ul {
    list-style: none;
    margin: 0;
}

.pagination ul li {
    float: left;
    margin: 0 6px;
    margin-bottom: 5px;
}

.pagination ul li:first-child {
    margin-left: 0
}

.currenttext,
.pagination a:hover,
.single .pagination a:hover .currenttext {
    background: #23618A;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    line-height: 1.2em;
    padding: 7px 11px;
    text-decoration: none;
}

.single .pagination a .currenttext {
    color: #4D4D4D;
    margin: 0;
}

.single .pagination a:hover .current.single .pagination .current {
    margin-right: 5px
}

.pagination a {
    color: #4D4D4D;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    float: left;
    font-weight: 400;
    line-height: 1.2em;
    padding: 7px 11px;
    text-decoration: none;
   

.pagination a:hover {
    color: #fff
}

.pagination .nav-previous {
    float: left
}

.pagination .nav-next {
    float: right
}

.pagination .nav-previous a:hover,
.pagination .nav-next a:hover {
    background-color: #EE210B
}

.single .pagination a .currenttext,
.single .pagination a:hover .currenttext,
.single .pagination a .current {
    padding: 0;
    background: rgba(0, 0, 0, 0) !important;
    margin-right: 0;
}

.single .pagination .currenttext,
.single .pagination a {
    margin-right: 5px
}

.single .pagination a:hover .currenttext {
    color: #fff
}

/*-[ Review Box ]---------------------------*/
.rating {
    margin-top: -45px;
    float: left;
    width: 100%;
    max-width: 214px;
    text-align: center;
    background: #222;
    max-height: 45px;
}

.rating img {
    margin: 0 auto;
    width: 68%;
    padding: 5% 0;
    border: 0;
}

.reviewbox {
    display: block;
    overflow: hidden;
    border-bottom: 1px dashed #EEE;
    margin-bottom: 15px;
    clear: both;
}

.pdetails {
    float: left
}

.reviewmeta {
    padding: 5px 0 0 0;
    border: 1px solid black;
    -moz-box-shadow: 0px 3px #000;
    -webkit-box-shadow: 0px 3px #000;
    box-shadow: 0px 3px #000;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    background: #3D3D3D;
    color: #DDD;
    border-top: 1px solid #444444;
    width: 220px;
}

.reviewbox h3 {
    padding: 5px 0 0 0;
    margin: 0;
    background: #212121;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    color: #DDD;
    margin-right: 20px;
    text-align: center;
}

.reviewmeta .clearfix {
    border-bottom: 1px solid #333;
    padding: 7px 20px;
}

.releasedate {
    margin-bottom: 5px
}

.proscons {
    float: left;
    width: 55%;
    min-height: 232px;
    margin-bottom: 20px;
}

.pros {
    margin-bottom: 10px
}

.pros b {
    color: #66AB10
}

.cons b {
    color: #E83216
}

.rating2 img {
    width: 129px;
    margin-bottom: -5px;
    margin-left: 5px;
}

.rating4 img {
    width: 100px;
    margin-top: 5px;
}

.score {
    max-width: 90px;
    float: right;
}

#user-rating {
    background: #4B4B4B
}

.user-rating {
    float: right
}

.user-rating img {
    width: 18px
}

.rating3 {
    margin-top: 5px;
    float: left;
    max-width: 100px;
}

/*-----------------------------------------------
/* Shortcodes
/*---------------------------------------------*/
/*-[ Notifications ]---------------------------*/
.message_box {
    margin: 15px 0
}

pre {
    overflow: auto;
    background: #F7F7F7 url('images/code.png') 10px 2px no-repeat;
    padding: 2em 1em 1em 1em;
    border: 1px solid #DDD;
    margin: 15px 0;
}

.note {
    background: #FEF4C8;
    color: #666;
    border: 1px solid #FDEBA5;
}

.note p {
    padding: 0.5em 1em 0.5em 2.5em;
    background: url('images/thumb.png') left no-repeat;
    margin: 0.3em 0.8em;
}

.announce {
    background: #D7EFFB;
    color: #666;
    border: 1px solid #BEE5F8;
}

.announce p {
    padding: 0.5em 1em 0.5em 2.5em;
    background: url('images/speaker.png') left no-repeat;
    margin: 0.3em 0.8em;
}

.success {
    background: #E8F6D2;
    color: #666;
    border: 1px solid #DEF1BF;
}

.success p {
    padding: 0.5em 1em 0.5em 2.5em;
    background: url('images/tick.png') left no-repeat;
    margin: 0.3em 0.8em;
}

.warning {
    background: #FFE7E7;
    color: #666;
    border: 1px solid #FFDBDB;
}

.warning p {
    padding: 0.5em 1em 0.5em 2.5em;
    background: url('images/cross.png') left no-repeat;
    margin: 0.3em 0.8em;
}

/*-[ Buttons ]---------------------------------*/
.article .buttons {
    font-size: 12px;
    text-decoration: none;
    position: relative;
    padding: 10px 20px 7px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 15px 25px 25px 0;
    padding: 12px 10px;
}

.post-content .button {
    cursor: pointer !important;
    color: #696969;
}

.aon .button:hover {
    background: #85191D;
    color: #FFFFFF;
}

.aon .button {
    border-color: #85191D;
}

.post-content ul {
    list-style-type: square !important;
    padding: 6px;
    margin: 8px;
}

.buttons span {
    float: none
}

a.buttons {
    color: #fff !important
}

.post-content a.buttons.left {
    margin-right: 15px;
    margin-bottom: 15px;
}

.post-content a.buttons.right {
    margin-left: 15px;
    margin-bottom: 15px;
}

/*-[ Video Shortcode ]-------------------------*/
.textwidget .youtube-video,
.textwidget .vimeo-video,
.textwidget .googlemaps {
    margin: 0
}

.youtube-video,
.vimeo-video {
    margin: 10px 0 10px 0
}

/*-[ Google Maps ]-----------------------------*/
.googlemaps {
    margin: 5px 15px 10px 0
}

/*-[ Columns ]---------------------------------*/
.one_half {
    width: 48%
}

.one_third {
    width: 30.66%
}

.two_third {
    width: 65.33%
}

.one_fourth {
    width: 22%
}

.three_fourth {
    width: 74%
}

.one_fifth {
    width: 16.8%
}

.two_fifth {
    width: 37.6%
}

.three_fifth {
    width: 58.4%
}

.four_fifth {
    width: 67.2%
}

.one_sixth {
    width: 13.33%
}

.five_sixth {
    width: 82.67%
}

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
    position: relative;
    margin-right: 4%;
    margin-bottom: 15px;
    float: left;
}

.column-last {
    margin-right: 0 !important;
    clear: right;
}

/*-[ Tabs ]------------------------------------*/
.tab_widget {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}

.tab_widget ul.tabs {
    display: block;
    position: relative;
    list-style: none;
    height: 40px;
    border-bottom: 1px solid #DDD;
    margin: 0;
}

.tab_widget ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 39px;
    line-height: 39px;
    border: 1px solid #DDD;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    background-image: linear-gradient(bottom, rgb(230, 230, 230) 9%, rgb(238, 238, 238) 55%);
    background-image: -o-linear-gradient(bottom, rgb(230, 230, 230) 9%, rgb(238, 238, 238) 55%);
    background-image: -moz-linear-gradient(bottom, rgb(230, 230, 230) 9%, rgb(238, 238, 238) 55%);
    background-image: -webkit-linear-gradient(bottom, rgb(230, 230, 230) 9%, rgb(238, 238, 238) 55%);
    background-image: -ms-linear-gradient(bottom, rgb(230, 230, 230) 9%, rgb(238, 238, 238) 55%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(230, 230, 230)), color-stop(0.55, rgb(238, 238, 238)));
}

.tab_widget ul.tabs li:first-child {
    border-left: 1px solid #DDD
}

.tab_widget ul.tabs li a {
    text-decoration: none;
    color: #888 !important;
    font-size: 12px;
    display: block;
    padding: 0 10px;
    outline: none;
    font-weight: bold;
    text-shadow: 1px 1px 1px #FFF;
    border: none;
    border-left: 1px solid #F9F9F9;
}

.tab_widget ul.tabs li:first-child a {
    border-left: none
}

.tab_widget ul.tabs li a:hover {
    background: none
}

.tab_widget ul.tabs li.active,
.tab_widget ul.tabs li.active a:hover {
    background: #FFF;
    border-bottom: 1px solid #FFF;
}

.tab_widget ul.tabs li.active {
    border-top: 1px solid #DDD
}

.tab_widget ul.tabs li.active a {
    color: #777
}

.tab_widget .tab_container {
    display: block;
    border-top: none;
    overflow: hidden;
    position: relative;
    clear: both;
    background: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}

.tab_widget .tab_content {
    display: block;
    position: relative;
    padding: 15px;
}

/*-[ Toggle ]-----------------------*/
.toggle {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}

.toggle .togglet,
.toggle .toggleta {
    display: block;
    position: relative;
    height: 36px;
    padding: 0 12px;
    background: #EEE;
    border: 1px solid #DDD;
    cursor: pointer;
    margin: 0;
}

.toggle .togglet span,
.toggle .toggleta span {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    padding-left: 20px;
    background: url("images/toggle-down.png") no-repeat left;
}

.toggle .toggleta span {
    background: url("images/toggle-up.png") no-repeat left
}

.toggle .togglec {
    display: block;
    position: relative;
    padding: 15px;
    background: #FFF;
    border: 1px solid #DDD;
    border-top: none;
}

/*-[ Dividers ]--------------------------------*/
.divider {
    clear: both;
    display: block;
    padding-top: 20px;
    width: 100%;
    margin-bottom: 10px;
    text-align: right;
    padding-bottom: 5px;
    border-bottom: 5px solid #EEE;
}

.top-of-page {
    margin-bottom: 10px;
    text-align: right;
    padding-bottom: 5px;
    border-bottom: 5px solid #EEE;
}

/*-----------------------------------------------
/* Responsive
/*---------------------------------------------*/

@media screen and (max-width:1230px) {
    .shareit {
        position: relative !important;
        width: 100% !important;
        top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
        padding-top: 10px !important;
        border: none !important;
    }
}

@media screen and (min-width:1050px) {
    #move-to-top {
        margin-right: 0;
        right: 5px;
    }


    sidebar.c-4-12,
    .sidebar {

        margin-right: 1%;
    }
}

@media screen and (max-width:960px) {
    .secondary-navigation {
        left: 0
    }

    img {
        max-width: 100%;
        height: auto !important;
    }

    .ad-300 img {
        max-width: 100%
    }

    .ad-125 li {
        max-width: 40%
    }

    .ad-125 img {
        padding: 0;
        background: #FAFAFA;
        border: 0;
    }


    .widget {
        margin-left: 3% !important;
        width: 99%;

    }

    #date {
        display: none;
    }

    .secondary-navigation {
        width: 99% !important;
        max-width: 100%;
    }
}

@media screen and (max-width:900px) {
    .widget-header {
        max-width: 70%
    }

    .slidertext {
        display: none
    }
}

@media screen and (max-width:865px) {
    .f-widget-1 img {
        max-height: 50px !important;
        margin-bottom: 8px;
    }

    .f-widget-1 {
        width: 80% !important;
        float: left;
        position: relative;
        margin-bottom: 0;
        margin-right: 2%;
    }

    .f-widget-2 {
        width: 5% !important;
        float: right;
        position: relative;
        margin-bottom: 0;
        margin-right: 1%;
        text-align: right;
    }

    .secondary-navigation {
        width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        float: left !important;
    }

    .responsiveMenuSelect option:hover {
        background-color: #2B6D84 !important;
    }

    .responsiveMenuSelect option {
        color: #2B6D84 !important;
    }



    sidebar.c-4-12,
    .sidebar {
        float: right !important;
    }

    .main-container {
        max-width: 99%;
        padding: 0;
        border-left: 0;
        border-right: 0;
    }

    #page,
    .container {
        max-width: 96%
    }

    footer .container {
        padding: 0 2%
    }

    .mts-cart {
        text-align: center !important
    }

    #navigation ul ul:after {
        border: 0;
        padding: 0;
    }

    #navigation ul ul {
        border: 0;
        padding: 0;
    }

    .main-navigation {
        border: 0;
        background: #2184A4;
    }

    .main-navigation #navigation {
        width: 100%
    }

    .header-search {
        display: none
    }

    .main-navigation #navigation ul li ul li a,
    .main-navigation #navigation ul li ul,
    .main-navigation #navigation ul ul li:first-child a {
        border: 0
    }

    .main-navigation a:hover,
    .main-navigation #navigation ul li ul li a,
    .main-navigation #navigation ul li ul li a:hover {
        background: #7AB7C4 !important;
        color: #fff !important;
    }

    .main-navigation #navigation ul li ul li a {
        background: #7AB7C4;
        width: 100% !important;
    }

    .main-navigation .menu a,
    .main-navigation .menu [class^="icon-"]>a,
    .main-navigation .menu [class*=" icon-"]>a {
        color: #333333 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: #7AB7C4 !important;
        font-size: 13px;
        width: 100%;
    }

    .main-navigation .menu a:hover {
        background: #F0F0F0 !important;
    }

    .main-navigation .menu {
        float: none;
        background: transparent;
    }

    .main-navigation #navigation ul ul ul {
        top: 0
    }

    #navigation ul ul {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative;
        left: 0 !important;
        border: 0;
        width: 100%;
    }

    .main-navigation #navigation ul li li {
        background: transparent;
        border: 0;
    }

    .main-navigation #navigation {
        height: auto
    }

    .main-navigation #navigation ul {
        width: 100%;
        display: none;
        height: auto;
    }

    .main-navigation #navigation li,
    .main-navigation #navigation ul li li {
        width: 100% !important;
        float: left;
        position: relative;
        border-right: 0 !important;
    }

    .main-navigation #navigation ul li:after {
        background: transparent
    }

    .main-navigation #navigation ul li:before {
        display: none
    }

    .main-navigation #navigation li a {
        border-bottom: 1px solid #FFFFFF !important;
        width: 100% !important;
        padding: 10px 45px 10px 25px;

    }

    .main-navigation #navigation a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
        background-image: url("images/nav-icon.png");
        background-position: right;
        background-repeat: no-repeat;
        max-width: 820px;
    }

    .main-navigation #navigation a#pull-main,
    .main-navigation #navigation a#pull-primary {
        display: block;

        width: 100%;
        position: relative;
        color: #fff;
        padding: 10px 0;
        text-transform: uppercase;
        line-height: 20px;
    }

    .main-navigation #navigation a#pull-main:after,
    #navigation a#pull-primary:after {


        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 35px;
        top: 10px;

    }

    .main-navigation ul li:hover {
        background: #F0F0F0 !important;
    }

    .secondary-navigation #navigation ul .sfHover a,
    .secondary-navigation #navigation ul li:hover,
    .secondary-navigation #navigation ul .sfHover ul li {
        background: #167AB9;
    }

    .logo-wrap {
        padding-left: 1%;
    }

}

@media screen and (max-width:728px) {

    #page,
    #header {
        width: 100vw;
    }

    .secondary-navigation {
        background: white;
    }

    .responsiveMenuSelect,
    .article {
        width: 98% !important;
        max-width: 690px !important;
    }


    #post-2278 img {
        max-width: 40%;
    }

    .widget {
        margin-left: 1% !important;
        width: 98%;
        max-width: 97%;

    }


}

@media screen and (max-width:720px) {



    .main-navigation #navigation a {

        max-width: 690px;
    }

    .article {
        width: 100%
    }

    #content_box {
        padding-right: 0px;
        padding-left: 0px !important;
        width: 100%;
    }

    .sidebar.c-4-12,
    .sidebar {
        float: left;
        width: 100% !important;
        max-width: 720px !important;
        margin-left: 10px !important;
        padding-right: 0;

        padding-top: 2px;
        overflow: hidden;

    }

    .f-widget,
    .widget {
        width: 100%;
    }

    .f-widget-2 {
        margin-right: 0
    }

    .ad-125 li {
        max-width: 45%
    }

    #comments {
        margin-right: 0
    }

    .widget-header .textwidget {
        margin-top: 0;
        padding-left: 0;
        border-left: none;
    }

    #commentform textarea {
        width: 92%
    }
}


@media screen and (max-width:630px) {

    #jectop h1 {
        font-size: 2.3em;
        width: 65%;
    }

    #titrejec h3 {
        font-size: 1.2em;
    }

    #logojec img {
        float: right;
        border: 0px none;
        max-width: 60px !important;
    }

    .main-container {
        border-left: none !important;
        border-right: none !important;
    }

    #sidebars {
        margin-left: 10px;
    }

    .main-navigation #navigation a {

        max-width: 580px;
        width: 100%;
    }

    .responsiveMenuSelect {
        width: 100%;
        max-width: 560px !important;
        margin-left: 1%;
    }


    @media screen and (max-width:598px) {
        .featured-thumbnail img {
            width: 100%
        }

        .main-container {
            border-left: none !important;
            border-right: none !important;
        }

        #sidebars {
            margin-left: 10px;
        }

        .main-navigation #navigation a {

            max-width: 540px;
            width: 100%;
        }

        .responsiveMenuSelect {
            width: 100%;
            max-width: 530px !important;
            margin-left: 1%;
        }
    }

    @media screen and (max-width:550px) {
        .sbutton {
            float: right
        }




        .widget {
            margin-left: 5px !important;
            width: 99%;

        }

        .main-navigation #navigation a {

            max-width: 520px;
        }
    }

    @media screen and (max-width:480px) {

        #logojec img {
            display: none;
        }

        #page,
        #header {
            width: 100vw;
        }

        .main-navigation #navigation a {

            max-width: 450px;
        }

        .responsiveMenuSelect {
            width: 97%;
            max-width: 440px !important;
            float: left;
            margin-left: 1%;
        }

        #header h1 a {
            display: none;
        }

        .site-description {
            clear: both !important;
            width: 100%;
            font-size: 15px;
            margin-left: -5px;
            margin-top: -10px;
        }

        #logos img {
            display: block;
            float: left !important;
            margin-bottom: 10px;
            clear: both !important;
            min-width: 26vw;

        }
    }

    .slidertitle {
        font-size: 14px
    }

    nav {
        border-bottom: 0
    }

    #navigation {
        margin-top: 0;
        margin-bottom: 0;
    }

    .latestPost .title {
        font-size: 20px
    }

    .grid {
        margin: 0 4% !important;
        width: 42%;
    }

    .related-posts li {
        width: 100%;
        float: left !important;
        max-width: 100%;
    }

    .related-posts .relatepostli4 {
        padding-bottom: 15px;
        border-bottom: 1px solid #CCC;
        margin-bottom: 11px;
    }

    .one_half,
    .one_third,
    .two_third,
    .three_fourth,
    .one_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth {
        width: 100%;
        margin-right: 0;
    }

    .copyrights {
        text-align: center
    }

    .top {
        width: 100%
    }
}

@media screen and (max-width:400px) {
    article header {
        overflow: hidden
    }

    .slidertext {
        display: none
    }

    .grid {
        margin: 0 3% !important;
        min-height: 215px;
    }

    .responsiveMenuSelect {
        width: 99%;
        max-width: 354px !important;
        float: left;
        margin-left: 5px;
    }

    .main-navigation #navigation a {

        max-width: 360px;
    }

    .grid #featured-thumbnail {
        width: 92%
    }
}

@media screen and (max-width:320px) {
    .latest-cat-post #featured-thumbnail {
        width: 100%;
        max-width: 100%;
    }

    .main-navigation #navigation a {

        max-width: 290px;
    }

    .responsiveMenuSelect {
        width: 95%;
        margin-left: 5px;
        max-width: 290px !important;
    }

    .latest-cat-post #featured-thumbnail .featured-thumbnail {
        float: none
    }

    nav li {
        display: block;
        float: none;
        width: 100%;
    }

    nav li a {
        border-bottom: 1px solid #576979
    }


    .main-navigation #navigation a {

        max-width: 290px;
    }
}