/*
Theme Name: UFNAFAAM-theme
Theme URI: http://www.presscode.fr
Author: Anthony Hortin
Author URI: http://maddisondesigns.com/
Description: Quark is your basic building block for creating beautiful, responsive custom themes. It's not a convoluted or confusing framework that's hard to learn or even harder to modify. It's a simple and elegant starter theme built on HTML5 & CSS3. Its base is a responsive, 12 column grid. It incorporates custom Theme Options that are easy to modify, a set of common templates, support for WordPress Post Formats and the gorgeous, retina friendly Font Awesome icon font. Quark is now Multilingual Ready (WPML) and translated into Spanish and German.
Version: 1.2.11
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, gray, dark, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: quark
*/


/* ==========================================================================
   Default stylings from HTML5 Boilerplate
   ========================================================================== */


/* Apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Using rem font sizing (Root em’s) with fallback to px for ie8 and below - http://snook.ca/archives/html_and_css/font-size-with-rem */

body {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    font-family: 'Asap', sans-serif;
}

code {
    font-family: 'Asap', sans-serif;
}

::-webkit-selection {
    background: #5784FE;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #5784FE;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #5784FE;
    color: #fff;
    text-shadow: none;
}

a {
    color: #2F8A83;
    text-decoration: none;
    outline: none;
    transition: all 0.5s ease;
}

a:visited {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #2F8A83;
    text-decoration: underline;
}





menu {
    padding: 0;
}

td {
    vertical-align: top;
}








.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}









/* ==========================================================================
   Basic page styles
   ========================================================================== */

body {
    margin: 0 auto;
    padding: 0;
    font-style: normal;
    color: #333;
    text-align: left;
}

canvas {
    -ms-touch-action: double-tap-zoom;
}

embed,
iframe,
object,
video {
    max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}


/* Responsive images */

img {
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto;
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Header */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-weight: 400;
    color: #333;
    margin-top: 0;
}

h1 {
    margin-bottom: 10px;
    font-size: 48px;
    line-height: 1.25;
}

h2 {
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 1.1666;
}

h3 {
    margin-bottom: 6px;
    font-size: 28px;
    line-height: 1.2857;
}

h4 {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 1.25;
}

h5 {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.25;
}

h6 {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.2142;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
}

ol,
ul {
    list-style: none outside none;
}

p,
ol,
ul,
dl,
address {
    margin: 0 0 24px 0;
    font-size: 16px;
    line-height: 1.5;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0;
}

dt {
    font-style: normal;
    font-weight: 700;
}

ins {
    background: none repeat scroll 0 0 #FFF9C0;
    text-decoration: none;
}

.alignleft {
    display: inline;
    float: left;
    margin: 0 20px 16px 0;
}

.alignright {
    display: inline;
    float: right;
    margin: 0 0 16px 20px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

blockquote {
    border-left: 5px solid #333;
    margin: 0 0 18px 20px;
    padding: 0 0 0 16px;
}

blockquote.pull-right {
    border-left: 0 none;
    border-right: 5px solid #333;
    margin: 0 20px 18px 0;
    padding: 0 16px 0 0;
    float: none;
}

blockquote p {
    font-style: italic;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
    text-align: right;
}

blockquote cite:before {
    content: "\2014 ";
}

blockquote cite {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.125;
    color: #999;
    display: block;
}

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

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

code,
pre {}

code {}

abbr,
dfn,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

.wp-caption {
    max-width: 100%;
    padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #777;
    text-align: center;
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.entry-content dl.gallery-item {
    margin: 0;
}

.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}

.gallery .gallery-icon img {
    height: auto;
}

#primary .entry-content [id^="gallery-"] img {
    border: none;
}


/* Text meant only for screen readers */

.assistive-text {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.menu-toggle,
button,
input {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}

.menu-toggle,
button,
input {
    *overflow: visible;
    line-height: normal;
}

.menu-toggle::-moz-focus-inner,
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input[type="button"] {
    width: auto;
}

.menu-toggle,
.btn {
    display: inline-block;
    *display: inline;
    padding: 8px 14px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 16px;
    line-height: 1.25;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.menu-toggle,
a.btn {
    color: #333333;
    text-decoration: none;
}

.menu-toggle:hover,
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}

.btn:first-child {
    *margin-left: 0;
}

.menu-toggle:hover,
.btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.menu-toggle:focus,
.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.menu-toggle:active,
.btn.active,
.btn:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    position: relative;
    top: 1px;
}

.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn.disabled:active,
.btn[disabled]:active {
    top: 0;
}

button.btn {
    *padding-top: 2px;
    *padding-bottom: 2px;
}

button.btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.btn-large {
    padding: 10px 15px;
    padding: 0.625rem 0.9375rem;
    font-size: 20px;
    font-size: 1.25rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-small {
    padding: 5px 9px;
    padding: 0.3125rem 0.5625rem;
    font-size: 13px;
    font-size: 0.8125rem;
}


/* Form fields */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
    font-family: inherit;
    padding: 8px;
    padding: 0.5rem;
    font-family: inherit;
    border: 1px solid #ccc;
    border-radius: 3px;
}

select {
    max-width: 100%;
}


/* Small headers */

.archive-title,
.page-title,
.entry-content th,
.comment-content th {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 2;
    text-transform: uppercase;
}


/* ==========================================================================
   Site specific styles
   ========================================================================== */

#wrapper {
    width: 100%;
    position: relative;
    text-align: left;
    margin: 0 auto;
}

#headercontainer {
    width: 100%;
    background-color: #FFFFFF;
    position: fixed;
}

/* Avant, la largeur Max était de 1020px, mais avec une nouvelle rubrique le bandeau casse */
.main_center {
    width: 100%;
    max-width: 1120px;
    display: block;
    margin: 0 auto;
    padding: 0 30px;
}



.main_center2 {
    width: 300px;
    max-width: 300px;
    display: block;
    margin: 0 auto;
    padding: 0 30px;
}











.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

body.page-id-7 #maincontentcontainer a,
body.page-template-page-templatesfull-width-detailmetiers-php #maincontentcontainer a:not(.scroll-nav__link):not(.main_element_submenu_metiers) {
    color: #BE7DBC;
    transition: all 0.5s ease;
}

body.page-id-10 #maincontentcontainer a:not(.scroll-nav__link):not(.main_element_submenu_historique),
body.page-template-page-templatesfull-width-federation-php #maincontentcontainer a:not(.scroll-nav__link):not(.main_element_submenu_historique) {
    color: #FAA139;
    transition: all 0.5s ease;
}

body.page-id-12 #maincontentcontainer a,
body.page-template page-template-page-templatesfull-width-assurances-php a:not(.scroll-nav__link) {
    color: #55D4F7;
    transition: all 0.5s ease;
}

body.page-id-335 #maincontentcontainer a {
    color: #FF9082;
    transition: all 0.5s ease;
}

body.page-id-16 #maincontentcontainer a {
    color: #BBD34B;
    transition: all 0.5s ease;
}


/* header */

#top_suplogo {
    position: fixed;
    z-index: 9999;
    left: 0;
    max-height: 48px;
}



#top_suplogo img {
    height: 48px;
    width: auto;
}

.site-header {
    clear: both;
    padding: 0;
    position: relative;
    margin: 0;
}









#midheader {
    min-height: 119px;
    height: 119px;
    max-height: 119px;
}

#midheader #midheader_left {
    display: inline-block;
    position: absolute;
    z-index: 50;
    width: 300px;
    left: 0;
    margin: 15px 4px 4px 4px;
}



#midheader #midheader_right {
    display: inline-block;
    position: absolute;
    z-index: 50;
    width: 325px;
    height: 119px;
    right: 0;
    background: url('../../uploads/2015/08/PISSENLIT.jpg') no-repeat top right;
}



#midheader h1 {
    display: block;
    text-align: center;
    margin: 0 0 0 0;
    width: 100%;
    padding: 0;
}

img#mainlogo {
    display: block;
    height: 88px;
    margin: 0 auto 0 auto;
}

#midheader h3 {
    font-size: 90%;
    color: #3F95CE;
    max-width: 301px;
    margin: 0 auto 20px auto;
    text-align: center;
}

#supheader {
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #3F95CE;
    padding: 7px 0 0 0;
    margin: 0;
}

#supheader_inner {
    height: 30px;
    text-align: right;
    border: 1px solid #FFFFFF;
}

ul#supmenu_right {
    max-width: 1000px;
    width: 100%;
    float: right;
}

ul#supmenu_right li {
    display: block;
    float: left
}

ul#supmenu_right li a {
    display: block;
    font-size: 80%;
    font-variant: small-caps;
    border-right: 1px solid #000000;
    padding: 0 10px 0 10px;
}

ul#supmenu_right li:last-child a {
    border-right: none;
}

ul#supmenu_right li form#searchform {
    display: block;
    margin: -4px 0 0 10px;
}

ul#supmenu_right li form#searchform div label {
    display: none;
}

ul#supmenu_right li form#searchform div input[type='text'] {
    display: inline-block;
    background: transparent url('images/search.png') no-repeat 2% 50%;
    border-radius: 4px 0 0 4px;
    padding: 1px 8px 1px 18px;
    font-size: 80%;
    line-height: 80%;
    outline: none;
    border: 1px solid #3FB6B0;
    transition: all 0.5s ease;
}

ul#supmenu_right li form#searchform div input[type='text']:focus {
    border: 1px solid #3996D2;
}

ul#supmenu_right li form#searchform div input[type='submit'] {
    display: inline-block;
    background-color: #3FB6B0;
    border-radius: 0 4px 4px 0;
    padding: 5px 4px 5px 4px;
    font-size: 80%;
    line-height: 80%;
    outline: none;
    border: 1px solid #3FB6B0;
    transition: all 0.5s ease;
    margin: 0 0 0 -4px;
    color: #FFFFFF;
}

ul#supmenu_right li form#searchform div input[type='submit']:hover {
    background-color: #3996D2;
}

#breadcrumbs {
    font-weight: normal;
    font-size: 95%;
    padding: 10px 0 0 0;
    margin-bottom: 10px;
}

.headercontainer_init {
    box-shadow: none;
    z-index: 10;
}

.headercontainer_scroll {
    box-shadow: 0px 6px 6px 0px #CFCFCF;
    z-index: 10;
}

.headercontainer_scroll ul#menu-main-menu {
    margin-top: -15px;
}



/* main menu */

#subheader_out {
    width: 100%;
    height: 6px;
}

.menuoff {
    background-color: #2F8A85;
    transition: all 0.5s ease;
}

body.page-id-7 .menuoff,
body.page-template-page-templatesfull-width-detailmetiers-php .menuoff {
    background-color: #BE7DBC;
}

body.page-id-83 .menuoff,
body.page-template-page-templatesfull-width-federation-php .menuoff {
    background-color: #FAA139;
}

body.page-id-12 .menuoff,
body.page-template page-template-page-templatesfull-width-agenda-php .menuoff,
body.page-id-341 .menuoff,
body.page-id-338 .menuoff,
body.page-id-335 .menuoff {
    background-color: #55D4F7;
}

body.page-id-942 .menuoff {
    background-color: #FF9082;
}

body.page-id-16 .menuoff {
    background-color: #BBD34B;
}

#subheader {
    width: 100%;
    background-color: #3FB6B0;
    padding: 0;
    height: 48px;
}

.main-navigation {
    display: block;
    text-align: center;
    height: 48px;
}

.nav-menu {
    display: inline-block;
    height: auto;
}

.main-navigation ul {
    list-style: none;
    padding: 0;
}

.main-navigation ul li {
    display: block;
    float: left;
    margin: 0 0 0 0!important;
    height: 100%;
    padding: 10px 15px;
    cursor: pointer;
}

.main-navigation ul li#menu-item-39:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main-navigation ul li#menu-item-41,
.menu41 {
    background-color: #BE7DBC;
    transition: all 0.5s ease;
}

.main-navigation ul li#menu-item-47,
.menu47 {
    background-color: #FAA139;
    transition: all 0.5s ease;
}

.main-navigation ul li#menu-item-774,
.menu774 {
    background-color: #55D4F7;
    transition: all 0.5s ease;
}

.main-navigation ul li#menu-item-677,
.menu677 {
    background-color: #3FB6B0;
    transition: all 0.5s ease;
}

.main-navigation ul li#menu-item-1200,
.menu1200 {
    background-color: #55D4F7;
    transition: all 0.5s ease;
}














.main-navigation ul li#menu-item-944,
.menu944 {
    background-color: #FF9082;
    transition: all 0.5s ease;
}

.main-navigation ul li#menu-item-39,
.menu39 {
    background-color: #BBD34B;
    transition: all 0.5s ease;
}

.main-navigation ul li#menu-item-946 {
    padding: 0px 15px 0px 10px;
    background-color: #3FB6B0;
    transition: all 0.5s ease;
}







.main-navigation ul li#menu-item-946:hover {
    background-color: #43C3BD;
}







.main-navigation ul li#menu-item-946 img {
    display: block;
    margin-top: 4px;
}









/*.main-navigation ul li#menu-item-38:hover, .main-navigation ul li#menu-item-41:hover, .main-navigation ul li#menu-item-47:hover, .main-navigation ul li#menu-item-45:hover, .main-navigation ul li#menu-item-48:hover, .main-navigation ul li#menu-item-39:hover { background-color: #2F8A85; }*/

.main-navigation ul a {
    padding: 0;
}

.main-small-navigation a,
.main-navigation a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    /*font-size: 120%;*/
    font-variant: small-caps;
}

.main-navigation li:hover>a {
    color: #ECECEC;
}

.main-navigation ul li ul {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100000;
    text-align: center;
    margin-top: 10px;
}

.main-navigation ul li:hover>ul {
    display: block;
    z-index: 100000;
}

.main-navigation ul ul {
    display: block;
    padding: 0 200px 0 200px;
}







.main-navigation ul ul li {
    padding: 6px;
}

.main-navigation ul li#menu-item-41 ul {
    background-color: #BE7DBC;
    transition: all 0.5s ease;
}

.main-navigation ul li#menu-item-47 ul {
    background-color: #FAA139;
    transition: all 0.5s ease;
}

.main-navigation ul li#menu-item-774 ul {
    background-color: #55D4F7;
    transition: all 0.5s ease;
}

.main-navigation ul li#menu-item-1200 ul {
    background-color: #55D4F7;
    transition: all 0.5s ease;
}














.main-navigation ul li#menu-item-944 ul {
    background-color: #FF9082;
    transition: all 0.5s ease;
}







.main-navigation ul li#menu-item-944:hover~.menuoff {
    background-color: #BBD34B;
}

.main-navigation ul li#menu-item-39 ul {
    background-color: #BBD34B;
    transition: all 0.5s ease;
}

.main-navigation ul ul a {
    display: block;
    border-radius: 2px;
    margin: 0;
    padding: 0 10px;
    color: #fff;
}

.main-navigation ul ul li {
    display: block;
    float: left;
    margin: 0;
}

.main-navigation ul ul :hover>a {
    color: #333;
    background-color: rgba(255, 255, 255, 0.5);
}

.main-navigation ul ul a:hover {
    color: #000000;
}

li#menu-item-41 .sub-menu_outer .sub-menu_outer {
    margin-top: 0px;
    padding-top: 5px;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
    font-variant: normal;
}

.main-navigation ul ul ul a {
    font-size: 90%;
    font-variant: normal;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {}

.main-navigation .current-menu-item>a,
.main-navigation .current-menu-ancestor>a,
.main-navigation .current_page_item>a,
.main-navigation .current_page_ancestor>a {
    color: #FFFFFF;
}

.main-navigation ul li.dropdown-header a,
.main-navigation ul li.current-menu-item ul .dropdown-header a {
    color: #aaa;
    background-color: #333;
}


/* footer */

#footercontainer {
    width: 100%;
}

.site-footer {
    width: 100%;
    background-color: #3FB6B0;
    border-top: 4px solid #3996D2;
}

#footer_partenaires {
    width: 100%;
    display: block;
    margin: 0;
    height: 120px;
    background-color: #FFFFFF;
}



#footer_partenaires_inner {
    width: 100%;
    max-width: 1020px;
    display: block;
    margin: 0 auto;
    height: 120px;
    background-color: #FFFFFF;
    text-align: center;
}



#footer_partenaires_inner img {
    height: 60px;
    width: auto;
    margin: 28px 8px 0 8px;
}

#footer_partenaires_inner a img,
#footer_partenaires_inner a:hover img {
    border: 0;
}

#footer_partenaires_inner a:hover {
    text-decoration: none;
}





#footer_sitemap {
    width: 100%;
    background-color: #3996D2;
}

#footer_sitemap div {
    padding: 30px 0 0 0;
}

#footer_sitemap h3 {
    color: #FFFFFF;
    font-size: 110%;
    font-weight: bold;
    margin: 0 0 20px 30px;
}

#footer_sitemap ul {
    display: block;
    width: 20%;
    float: left;
    list-style-type: none;
}

#footer_sitemap ul.col_6:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#footer_sitemap ul li {
    display: block;
    width: 95%;
    color: #FFFFFF;
    margin: 2px 0 2px 0;
    font-size: 75%;
}

#footer_sitemap ul li a {
    color: #FFFFFF;
    text-decoration: none;
}

#footer_sitemap ul li a:hover {
    text-decoration: underline;
}

#footer_sitemap ul li.subtitle {
    font-variant: small-caps;
    margin: 2px 0 6px 0;
}

.li_left {
    padding-left: 10px;
}

.li_bottom {
    padding-bottom: 16px;
}

#footer_credits {
    display: block;
    clear: both;
    color: #FFFFFF;
    padding: 10px 0 0 0;
}

#footer_credits ul li {
    display: block;
    font-size: 80%;
}

#footer_credits ul li a {
    color: #FFFFFF;
    text-decoration: none;
}

#footer_credits ul li a {
    text-decoration: underline;
}

#footer_credits ul li:first-child {
    float: left;
}

#footer_credits ul li:last-child {
    float: right;
}


/* body */

#maincontentcontainer .home-sidebar .widget {
    background-color: #fcfcfc;
    border: 1px solid #bbb;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px;
}

#maincontentcontainer {
    width: 100%;
}

.maincontentcontainer_init {
    padding-top: 260px;
}

.maincontentcontainer_scroll {
    padding-top: 180px;
}

#main_content a {
    color: #3FB6B0;
}

#main_content a:hover {
    color: #FAA139;
}







.two_cols ul,
one_cols ul {
    padding-left: 10px;
    margin-left: 5px!important;
}



.two_cols img,
one_cols img {
    margin: 0 10px 0 0;
}







body.category-33 span#preffaqtitle {
    display: none;
}



ul#faq_supmenu {
    display: block;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}



ul#faq_supmenu li {
    display: inline-block;
    margin: 0 5px 0 5px;
}



ul#faq_supmenu li a.current {
    color: #2F8A83;
    text-decoration: underline;
}

ul#faq_supmenu li a:hover {
    color: #2F8A83;
}

p.notes_faq_menu {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 110%;
    color: #3BBEB2;
    font-weight: bold;
}

p.notes_faq_menu a {
    color: #2F8A83;
}

p.notes_faq_menu a:hover {
    color: #2F8A83;
    text-decoration: underline;
}



ul#faqliste {
    display: block;
    width: 100%;
    margin: 40px 0 40px 0;
    padding: 0;
}

ul#faqliste li {
    display: block;
    width: 100%;
    padding: 20px;
    border-top: 2px solid #2F8A85;
}

ul#faqliste li .actualites_left {
    display: block;
    float: left;
    width: 40%;
}

ul#faqliste li .actualites_right {
    display: block;
    float: left;
    width: 60%;
    text-align: justify;
}

ul#faqliste li .actualites_left h4 {
    font-size: 140%;
    font-weight: normal;
    width: 100%;
    color: #2F8A85;
}

ul#faqliste li .actualites_right h4 {
    font-size: 110%;
    color: #2F8A85;
    font-weight: bold;
}

ul#faqliste li .actualites_right p {
    font-size: 90%;
}



/* homepage */

#home_annonce {
    background: #E0F2F2;
    text-align: center;
    width: 100%;
}

#home_annonce_inner {
    padding: 50px 140px 20px 140px;
}

#home_annonce h3 {
    font-size: 160%;
    color: #2F8A83;
    background: transparent url('images/title_border_1.png') no-repeat bottom center;
    padding-bottom: 12px;
}

#home_annonce p {
    font-size: 110%;
}

#home_nouveautes {
    text-align: center;
    padding: 40px 80px;
}

#home_nouveautes_inner {
    width: 100%;
    margin-top: 20px;
}

#home_nouveautes_left {
    width: 60%;
    float: left;
    text-align: left;
    padding: 0 20px 0 0;
}

#home_nouveautes_right {
    width: 40%;
    float: left;
    text-align: left;
}



#home_nouveautes h3 p {
    font-size: 90%;
    color: #2F8A83;
    background: transparent url('images/title_border_1.png') no-repeat bottom center;
    padding-bottom: 12px;
}

#home_nouveautes_right div,
#home_nouveautes_right p,
#home_nouveautes_right div p {
    font-size: 100%;
}



#home_nouveautes_left td,
#home_nouveautes_right td {
    padding: 0 10px 0 0;
}

#home_nouveautes_left td span,
#home_nouveautes_right td span {
    line-height: 100%;
}

#home_nouveautes_left b,
#home_nouveautes_left strong,
#home_nouveautes_right b,
#home_nouveautes_right strong {
    display: inline-block;
    color: #2F8A83;
    font-size: 110%;
    margin-top: 5px;
}

#home_nouveautes a.more {
    display: block;
    float: right;
    font-size: 110%;
    color: #2F8A83;
}




#home_nouveautes_left h3 {
    display: block;
    color: #2F8A83;
    font-size: 140%;
    margin: 0 0 20px 0;
    font-weight: bold;
}

#home_nouveautes_left h5 {
    display: block;
    color: #2F8A83;
    font-size: 120%;
}

#home_nouveautes_left h5 span {
    display: block;
    color: #FF0000;
}

#home_nouveautes_left table tbody tr td a img {
    display: block;
    width: 100%;
    height: auto;
}

#home_nouveautes_left p {
    font-size: 90%;
    padding: 0 0 20px 0;
}

#home_nouveautes_right h3 {
    display: block;
    color: #2A719F;
    font-size: 140%;
    margin: 0 0 20px 0;
    font-weight: bold;
}

#home_nouveautes_right h5 {
    display: block;
    color: #2A719F;
    font-size: 120%;
}

#home_nouveautes_right h5 span {
    display: block;
    color: #FF0000;
}

#home_nouveautes_right table tbody tr td a img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

#home_nouveautes_right p {
    font-size: 90%;
    padding: 0 0 20px 0;
}







#home_main {
    clear: both;
    background-color: #F2F2F2;
    padding: 20px;
}







#home_main2 {
    clear: both;
    padding: 20px;
}

#home_main_inner {
    padding: 20px;
}

#home_main_left {
    float: left;
    width: 60%;
    border-right: 2px dashed #A8C1D5;
    padding-right: 20px;
}

#home_main_left h3 {
    font-weight: bold;
    font-size: 160%;
    color: #2A719F;
    background: transparent url('images/title_border_2.png') no-repeat bottom left;
    padding-bottom: 12px;
}

#home_actus {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#home_actus li {
    display: block;
    width: 100%;
    clear: both;
    padding: 10px 0 10px 0;
    border-bottom: 2px dashed #A8C1D5;
}

#home_actus li img {
    float: left;
    max-width: 25%;
    margin: 0 10px 0 0;
}

#home_actus li img+div {
    display: block;
    width: 100%;
    padding-left: 8px;
}

#home_actus li img+div span,
#home_actus li img+div p {
    font-size: 80%;
}

#home_actus li img+div p {
    margin: 0;
}

#home_actus li img+div h4 {
    font-size: 120%;
    font-weight: bold;
    color: #2A719D;
}

#home_actus li img+div span {
    display: block;
}

#home_actus li img+div .more-link,
#home_actus li img+div p+p {
    display: none;
    height: 0;
}

a.more_actus {
    display: block;
    float: right;
    color: #2A719D;
    padding: 0 30px 0 0;
    line-height: 24px;
    font-size: 90%;
    background: transparent url('images/plus.png') no-repeat 100% 50%;
    transition: all 0.5s ease;
}

a.more_actus:hover {
    color: #2F8A83;
}

a.more_all_actus {
    color: #2A719D;
    float: right;
    margin-top: 10px;
    font-size: 110%;
    font-weight: bold;
    transition: all 0.5s ease;
}

a.more_all_actus:hover {
    color: #2F8A83;
}

#home_main_right {
    float: right;
    width: 40%;
    padding-left: 20px;
}

#home_main_right h3 {
    font-size: 160%;
    font-weight: bold;
    color: #2F8A83;
    background: transparent url('images/title_border_1.png') no-repeat bottom left;
    padding-bottom: 12px;
}

#home_infos {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#home_infos li {
    margin: 10px 0 10px 0;
}

#home_infos li h4,
#home_infos li h4 a {
    font-size: 110%;
    font-weight: bold;
    color: #2F8A83;
    margin: 10px 0 10px 0;
}

#home_infos li p {
    font-size: 80%;
    margin: 0 0 10px 0;
}

#home_infos li .more-link {
    display: none;
    height: 0;
    transition: all 0.5s ease;
}

#home_infos li .more-link:hover {
    color: #2A719D;
}

a.more_all_infos {
    color: #2F8A83;
    float: right;
    margin-top: 10px;
    font-size: 110%;
    font-weight: bold;
    transition: all 0.5s ease;
}

a.more_all_infos:hover {
    color: #2A719D;
}


/* div pages */

#left_sidebar h3 {
    font-weight: bold;
    font-size: 160%;
    color: #2A719F;
    background: transparent url('images/title_border_2.png') no-repeat bottom left;
    padding-bottom: 12px;
}

#left_sidebar #home_actus li img {
    diplay: block;
    float: left;
    width: 40%;
    margin: 0 5px 5px 0;
}

#left_sidebar #home_actus li img+div {
    display: block;
    width: auto;
}

#left_sidebar #home_actus li img+div h4 {
    font-size: 100%;
    clear: both;
}

#left_sidebar a.more_all_actus {
    display: block;
    float: right;
    margin-top: 10px;
    font-weight: bold;
}



/* nos metiers */

#nosmetiers_intro {
    display: block;
    margin-top: 40px;
    list-style-type: none;
}

#nosmetiers_intro:after {
    content: '';
    display: block;
    clear: both;
}

#nosmetiers_intro li {
    display: block;
    float: left;
    width: 33.33%;
    padding: 0 10px;
    text-align: justify;
}

#nosmetiers_intro li h4 {
    display: block;
    margin: 0 0 10px 0;
    color: #3FB6B0;
    font-weight: bold;
    font-size: 110%;
}

#nosmetiers_intro li p {
    font-size: 90%;
}

#nosmetiers_intro li p a {
    display: block;
    float: right;
    font-weight: bold;
    color: #3FB6B0;
}

body.page-template-page-templatesfull-width-detailmetiers-php #left_sidebar {
    display: block;
    width: 300px;
    float: left;
    margin-top: 40px;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content {
    float: left;
    width: 630px;
    margin-top: 40px;
    margin-left: 30px;
}

#submenu_metiers {
    display: block;
    position: fixed;
    width: 300px;
    padding: 0;
    background-color: #BE7DBC;
}

.submenu_metiers_scroll {
    top: 150px;
}

#submenu_metiers ul {
    display: block;
    width: 100%;
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

#submenu_metiers ul>li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
    padding: 14px 20px;
    background-color: #CB97C9;
}

#submenu_metiers ul li:last-child {
    border-bottom: none;
}

#submenu_metiers ul li>a.main_element_submenu_metiers {
    display: block;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 90%;
    font-weight: bold;
    transition: all 0.5s ease;
}

#submenu_metiers ul li>a.main_element_submenu_metiers:hover {
    color: #A95DA7;
}

#submenu_metiers ul li.current>a.main_element_submenu_metiers {
    font-size: 120%;
    background: transparent url('images/title_border_4.png') no-repeat 0% 100%;
    padding-bottom: 12px;
    transition: all 0.5s ease;
}

#submenu_metiers ul li.current>a.main_element_submenu_metiers:hover {
    color: #FFFFFF;
}

#submenu_metiers ul li.current {
    background-color: #BE7DBC;
}

nav.scroll-nav {
    margin: 10px 0;
    padding: 0;
}

.scroll-nav__wrapper,
.scroll-nav__list {
    margin: 0;
    padding: 0;
}

.scroll-nav__list li {
    display: block;
    width: 100%;
}

.scroll-nav__list li a:before {
    content: '\203A\203A\2002';
}

.scroll-nav__list li a {
    font-size: 80%;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

.scroll-nav__list li a:hover {
    color: #CB97C9;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .metiers_element {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 2px solid #2F8984;
    padding-bottom: 14px;
    margin-bottom: 30px;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .metiers_element .boxed_bottom {
    display: none;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content h2 {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 160%;
    font-weight: bold;
    color: #BE7DBC;
    background: transparent url('images/title_border_3.png') no-repeat bottom left;
    padding-bottom: 12px;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .two_cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    text-align: justify;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .two_cols p,
body.page-template-page-templatesfull-width-detailmetiers-php #main_content .two_cols ul,
body.page-template-page-templatesfull-width-detailmetiers-php #main_content .one_cols p,
body.page-template-page-templatesfull-width-detailmetiers-php #main_content .one_cols ul {
    font-size: 100%;
    text-align: justify;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .two_cols ul,
body.page-template-page-templatesfull-width-detailmetiers-php #main_content .one_cols ul {
    margin: 5px 0 5px 0;
    list-style-type: disc;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .two_cols ul li,
body.page-template-page-templatesfull-width-detailmetiers-php #main_content .one_cols ul li {
    margin: 0;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .metiers_element-boxed {
    height: 330px;
    overflow: hidden;
    border-bottom: 1px solid #FFFFFF;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .metiers_element-open {
    height: auto;
    border-bottom: 1px solid #FFFFFF;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .metiers_element-boxed .boxed_bottom {
    display: block;
    position: absolute;
    width: 630px;
    height: 80px;
    bottom: 0;
    left: 0;
    background: transparent url('images/boxedblock.png') no-repeat bottom center;
    cursor: pointer;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .open_bottom {
    display: none;
    width: 630px;
    height: 80px;
    background: transparent url('images/openblock.png') no-repeat bottom center;
    background-size: 100% 100%;
    cursor: pointer;
}

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .open_bottom_show {
    display: block;
}


/* federation */

#federation_intro {
    display: block;
    margin-top: 40px;
    list-style-type: none;
}

#federation_intro:after {
    content: '';
    display: block;
    clear: both;
}

#federation_intro li {
    display: block;
    float: left;
    width: 33.33%;
    padding: 0 10px;
    text-align: justify;
}

#federation_intro li h4 {
    display: block;
    margin: 0 0 10px 0;
    color: #3FB6B0;
    font-weight: bold;
    font-size: 110%;
}

#federation_intro li p {
    font-size: 90%;
}

#federation_intro li p a {
    display: block;
    float: right;
    font-weight: bold;
    color: #3FB6B0;
}

body.page-template-page-templatesfull-width-federation-php #left_sidebar {
    display: block;
    width: 300px;
    float: left;
    margin-top: 40px;
}

body.page-template-page-templatesfull-width-federation-php #main_content {
    float: left;
    width: 630px;
    margin-top: 40px;
    margin-left: 30px;
}

body.page-template-page-templatesfull-width-federation-php #main_content .federation_element {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 2px solid #2F8984;
    padding-bottom: 14px;
    margin-bottom: 30px;
}

body.page-template-page-templatesfull-width-federation-php #main_content .federation_element .boxed_bottom {
    display: none;
}

body.page-template-page-templatesfull-width-federation-php #main_content h2 {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 160%;
    font-weight: bold;
    color: #FAA139;
    background: transparent url('images/title_border_5.png') no-repeat bottom left;
    padding-bottom: 12px;
}

body.page-template-page-templatesfull-width-federation-php #main_content .two_cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    text-align: justify;
}

body.page-template-page-templatesfull-width-federation-php .two_cols p,
body.page-template-page-templatesfull-width-federation-php #main_content .two_cols ul {
    font-size: 100%;
    text-align: justify;
}

body.page-template-page-templatesfull-width-federation-php .one_cols p,
body.page-template-page-templatesfull-width-federation-php #main_content .one_cols ul {
    font-size: 100%;
    text-align: justify;
}

body.page-template-page-templatesfull-width-federation-php #main_content .two_cols ul,
body.page-template-page-templatesfull-width-federation-php #main_content .one_cols ul {
    margin: 5px 0 5px 0;
    list-style-type: disc;
}

body.page-template-page-templatesfull-width-federation-php #main_content .two_cols ul li,
body.page-template-page-templatesfull-width-federation-php #main_content .one_cols ul li {
    margin: 0;
}

body.page-template-page-templatesfull-width-federation-php #main_content .federation_element-boxed {
    height: 330px;
    overflow: hidden;
    border-bottom: 1px solid #FFFFFF;
}

body.page-template-page-templatesfull-width-federation-php #main_content .federation_element-open {
    height: auto;
    border-bottom: 1px solid #FFFFFF;
}

body.page-template-page-templatesfull-width-federation-php #main_content .federation_element-boxed .boxed_bottom {
    display: block;
    position: absolute;
    width: 630px;
    height: 80px;
    bottom: 0;
    left: 0;
    background: transparent url('images/boxedblock.png') no-repeat bottom center;
    cursor: pointer;
}

body.page-template-page-templatesfull-width-federation-php #main_content .open_bottom {
    display: none;
    width: 630px;
    height: 80px;
    background: transparent url('images/openblock.png') no-repeat bottom center;
    background-size: 100% 100%;
    cursor: pointer;
}

body.page-template-page-templatesfull-width-federation-php #main_content .open_bottom_show {
    display: block;
}

.sup_federation_element .frontblock {
    border-top: 4px solid #FAA139;
    padding: 10px 5px 0 5px;
    background-color: #FEECD7;
}

#submenu_historique {
    display: block;
    position: fixed;
    width: 300px;
    padding: 0;
    background-color: #FEBC70;
}

#submenu_historique ul {
    display: block;
    width: 100%;
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

#submenu_historique ul>li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
    padding: 8px 20px;
    background-color: #FEBC70;
}

#submenu_historique ul li:last-child {
    border-bottom: none;
}

#submenu_historique ul li>a.main_element_submenu_historique {
    display: block;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 90%;
    font-weight: bold;
    transition: all 0.5s ease;
}

#submenu_historique ul li>a.main_element_submenu_historique:hover {
    color: #DB7600;
}

#submenu_historique ul li.current>a.main_element_submenu_historique {
    font-size: 120%;
    background: transparent url('images/title_border_4.png') no-repeat 0% 100%;
    padding-bottom: 12px;
    transition: all 0.5s ease;
}

#submenu_historique ul li.current>a.main_element_submenu_historique:hover {
    color: #FFFFFF;
}

#submenu_historique ul li.current {
    background-color: #FAA139;
}

body.page-id-10 li.page-item-10 nav a {
    color: #FFFFFF;
}

.elem_journees_regionales {
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 20px 0;
}

.elem_journees_regionales .elem_journees_regionales_left {
    display: block;
    width: 20%;
    max-width: 250px;
    float: left;
}

.elem_journees_regionales .elem_journees_regionales_left img {
    max-width: 200px;
    height: auto;
}

.elem_journees_regionales img {
    display: block;
    float: left;
    max-width: 200px;
    height: auto;
    margin: 0 10px 20px 0;
}


/*.elem_journees_regionales .elem_journees_regionales_right { display: block; width: 80%; float: left; }*/

.elem_journees_regionales .elem_journees_regionales_right h6 {
    font-size: 120%;
    color: #FAA139;
}

.elem_journees_regionales .elem_journees_regionales_right p {
    margin: 0 0 10px 0;
}



/* reseau ufnafaam */

#map_intro {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

#maps {
    display: block;
    width: 100%;
}

#maps table {
    display: block;
    width: 760px;
    margin: 0 auto 40px auto;
    text-align: center;
}

#inner_associations_liste {
    display: block;
    width: 100%;
    border-top: 2px solid #FAA139;
    padding-top: 20px;
}

#inner_associations_liste h4 {
    display: block;
    font-size: 160%;
    color: #FAA139;
    font-weight: bold;
}

#inner_associations_liste h4 span {
    color: #000000;
    font-size: 80%;
    font-weight: normal;
}

#inner_associations_liste ul {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

#inner_associations_liste ul li {
    display: block;
    float: left;
    width: 33.33%;
    min-height: 110px;
    padding: 0 20px;
    margin: 20px 0;
}

#inner_associations_liste ul li h6 {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 120%;
    font-weight: bold;
    color: #FAA139;
    background: transparent url('images/title_border_5.png') no-repeat bottom left;
    padding-bottom: 12px;
}

#inner_associations_liste ul li a {
    display: block;
}

#inner_associations_liste ul li span {
    font-size: 90%;
    display: block;
    color: #FAA139;
}


/* partenaires */

body.page-template-page-templatesfull-width-partenariat-php #left_sidebar {
    display: block;
    width: 300px;
    float: left;
    margin-top: 40px;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content {
    float: left;
    width: 630px;
    margin-top: 40px;
    margin-left: 30px;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content .partenaires_element {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 2px solid #2F8984;
    padding-bottom: 14px;
    margin-bottom: 30px;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content .partenaires_element .boxed_bottom {
    display: none;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content h2 {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 160%;
    font-weight: bold;
    color: #FF9082;
    background: transparent url('images/title_border_5.png') no-repeat bottom left;
    padding-bottom: 12px;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content .two_cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    text-align: justify;
}



body.page-template-page-templatesfull-width-partenariat-php .two_cols p,
body.page-template-page-templatesfull-width-partenariat-php #main_content .two_cols ul {
    font-size: 100%;
    text-align: justify;
}



body.page-template-page-templatesfull-width-partenariat-php .one_cols p,
body.page-template-page-templatesfull-width-partenariat-php #main_content .one_cols ul {
    font-size: 100%;
    text-align: justify;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content .two_cols ul,
body.page-template-page-templatesfull-width-partenariat-php #main_content .one_cols ul {
    margin: 5px 0 5px 0;
    list-style-type: disc;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content .two_cols ul li,
body.page-template-page-templatesfull-width-partenariat-php #main_content .one_cols ul li {
    margin: 0;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content .federation_element-boxed {
    height: 330px;
    overflow: hidden;
    border-bottom: 1px solid #FFFFFF;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content .federation_element-open {
    height: auto;
    border-bottom: 1px solid #FFFFFF;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content .federation_element-boxed .boxed_bottom {
    display: block;
    position: absolute;
    width: 630px;
    height: 80px;
    bottom: 0;
    left: 0;
    background: transparent url('images/boxedblock.png') no-repeat bottom center;
    cursor: pointer;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content .open_bottom {
    display: none;
    width: 630px;
    height: 80px;
    background: transparent url('images/openblock.png') no-repeat bottom center;
    background-size: 100% 100%;
    cursor: pointer;
}



body.page-template-page-templatesfull-width-partenariat-php #main_content .open_bottom_show {
    display: block;
}







.sup_federation_element .frontblock {
    border-top: 4px solid #FAA139;
    padding: 10px 5px 0 5px;
    background-color: #FEECD7;
}







#submenu_partenaires {
    display: block;
    position: fixed;
    width: 300px;
    padding: 0;
    background-color: #FF9082;
}



#submenu_partenaires ul {
    display: block;
    width: 100%;
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;
}



#submenu_partenaires ul>li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
    padding: 8px 20px;
    background-color: #FF9082;
}



#submenu_partenaires ul li:last-child {
    border-bottom: none;
}



#submenu_partenaires ul li>a.main_element_submenu_partenaires {
    display: block;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 90%;
    font-weight: bold;
    transition: all 0.5s ease;
}



#submenu_partenaires ul li>a.main_element_submenu_partenaires:hover {
    color: #DB7600;
}



#submenu_partenaires ul li.current>a.main_element_submenu_partenaires {
    font-size: 120%;
    background: transparent url('images/title_border_4.png') no-repeat 0% 100%;
    padding-bottom: 12px;
    transition: all 0.5s ease;
}



#submenu_partenaires ul li.current>a.main_element_submenu_partenaires:hover {
    color: #FFFFFF;
}



#submenu_partenaires ul li.current {
    background-color: #FF9082;
}







body.page-id-10 li.page-item-10 nav a {
    color: #FFFFFF;
}












/* contact */

body.page-template-page-templatesfull-width-contact-php #left_sidebar {
    display: block;
    width: 300px;
    float: left;
    margin-top: 40px;
}

body.page-template-page-templatesfull-width-contact-php #main_content {
    float: left;
    width: 630px;
    margin-top: 40px;
    margin-left: 30px;
}

body.page-template-page-templatesfull-width-contact-php .wpcf7-form input[type="text"],
body.page-template-page-templatesfull-width-contact-php .wpcf7-form input[type="email"] {
    outline: 0;
    padding: 2px;
    color: #000099;
    border-radius: 2px;
    border: 1px solid #666666;
    background-color: #FFFFFF;
    transition: all 0.5s ease;
}

body.page-template-page-templatesfull-width-contact-php .wpcf7-form input[type="text"]:focus,
body.page-template-page-templatesfull-width-contact-php .wpcf7-form input[type="email"]:hover {
    border: 1px solid #000099;
    background-color: #F7F7F7;
}

body.page-template-page-templatesfull-width-contact-php .wpcf7-form input[type="submit"] {
    display: block;
    float: right;
    cursor: pointer;
    padding: 4px 20px;
    margin: 10px 0 20px 0;
    font-size: 120%;
    border-radius: 6px;
    border: 1px solid #3FB6B0;
    background-color: #3FB6B0;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

body.page-template-page-templatesfull-width-contact-php .wpcf7-form input[type="submit"]:hover {
    background-color: #FFFFFF;
    color: #3FB6B0;
}

#contact_left h4 {
    font-size: 120%;
    color: #4B98CF;
}

#contact_left p {
    font-size: 100%;
}



/* legal */

body.page-template-page-templatesfull-width-legal-php #left_sidebar {
    display: block;
    width: 300px;
    float: left;
    margin-top: 40px;
}

body.page-template-page-templatesfull-width-legal-php #main_content {
    float: left;
    width: 630px;
    margin-top: 40px;
    margin-left: 30px;
}

body.page-template-page-templatesfull-width-legal-php #main_content h1 {
    display: none;
}

body.page-template-page-templatesfull-width-legal-php #main_content h3 {
    font-size: 140%;
    color: #3FB6B0;
}

body.page-template-page-templatesfull-width-legal-php #main_content p {
    font-size: 100%;
}


/* annonces */

body.page-id-335 #home_annonce_inner h2 {
    color: #3FB6B0;
    font-size: 160%;
    background: transparent url('images/title_border_1.png') no-repeat bottom center;
    padding-bottom: 12px;
}

#annonces #counter_annonces {
    margin-top: 20px;
    font-size: 90%;
}

#annonces #annonces_header {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

#annonces #add_annonce {
    max-width: 250px;
    background-color: #3FB6B0;
    color: #FFFFFF;
    border: 1px solid #3FB6B0;
    margin-right: 20px;
    float: left;
    border-radius: 3px;
    padding: 4px 10px;
    transition: all 0.5s ease;
    cursor: pointer;
    font-size: 100%;
}

#annonces #add_annonce:hover {
    color: #3FB6B0;
    background-color: #FFFFFF;
}

#annonces #placeHolder {
    float: left;
    padding-top: 5px;
}

#form_add_annonce {
    display: none;
}

#annonces #container {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 960px;
    margin: 0;
    padding: 0;
}

#annonces #container li {
    display: inline-table;
    width: 33.33%;
    font-size: 100%;
    padding: 10px 20px;
}

#annonces #container li.current {
    width: 66.66%!important;
}

#annonces #container li .inner_annonce {
    border-top: 4px solid #3FB6B0;
    padding-top: 5px;
}

#annonces #container li .inner_annonce h3 {
    color: #3FB6B0;
    font-size: 110%;
}

#annonces #container li .annonce_meta {
    font-size: 80%;
}

#annonces #container li a.more {
    display: block;
    font-size: 80%;
    color: #3FB6B0;
    font-weight: bold;
}

#annonces #container li .cont {
    display: none;
    font-size: 90%;
    text-align: justify;
}

#annonces #container li .cont a.close {
    display: block;
    font-size: 80%;
    color: #3FB6B0;
    font-weight: bold;
}


/*FF9082 3FB6B0*/

#add_newannonce {
    display: block;
    width: 100%;
    border-top: 2px solid #3FB6B0;
    border-bottom: 2px solid #3FB6B0;
    padding: 20px 10px;
    margin: 20px 0;
    background-color: #FEECD7;
}

#add_newannonce table td {
    padding: 2px 5px 2px 0;
    vertical-align: middle;
    width: 16.66%;
}

#add_newannonce input[type="text"] {
    outline: 0;
    padding: 2px;
    color: #000099;
    border-radius: 2px;
    border: 1px solid #666666;
    background-color: #FFFFFF;
    transition: all 0.5s ease;
}

#add_newannonce input[type="text"]:focus {
    border: 1px solid #000099;
    background-color: #F7F7F7;
}

#add_newannonce input[type="submit"] {
    display: block;
    float: right;
    cursor: pointer;
    padding: 4px 20px;
    margin: 10px 0 20px 0;
    font-size: 120%;
    border-radius: 6px;
    border: 1px solid #3FB6B0;
    background-color: #3FB6B0;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

#add_newannonce input[type="submit"]:hover {
    background-color: #FFFFFF;
    color: #3FB6B0;
}

#add_newannonce input[type="reset"] {
    display: block;
    float: left;
    cursor: pointer;
    padding: 4px 20px;
    margin: 10px 0 20px 0;
    font-size: 120%;
    border-radius: 6px;
    border: 1px solid #3FB6B0;
    background-color: #3FB6B0;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

#add_newannonce input[type="reset"]:hover {
    background-color: #FFFFFF;
    color: #3FB6B0;
}







#captcha_outer {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.captcha_error {
    display: block;
    border: 1px solid #FF0000;
    width: 100%;
    text-align: center;
    font-size: 100%;
    color: #FF0000;
    padding: 10px 0 10px 0;
}

input#num1,
input#num2 {
    width: 20px;
    background-color: #666666;
    text-align: center;
    color: #FF0000;
}

input#num1:focus,
input#num2:focus {
    border: 1px solid #666666;
}

input.captcha {
    width: 20px;
}

#captcha_outer em {
    display: online-block;
    color: #FF0000;
    font-style: normal;
}

.longtext {
    width: 80%;
}

textarea {
    width: 80%;
    height: 250px;
    outline: 0;
    padding: 2px;
    color: #000099;
    border-radius: 2px;
    border: 1px solid #666666;
    background-color: #FFFFFF;
    transition: all 0.5s ease
}

textarea:focus {
    border: 1px solid #000099;
    background-color: #F7F7F7;
}

.notes {
    font-size: 80%;
}

#annonce_success {
    display: block;
    width: 100%;
    max-width: 1020px;
    display: block;
    margin: 20px auto;
    padding: 20px 30px;
    border-top: 2px solid #3FB6B0;
    border-bottom: 2px solid #3FB6B0;
    background-color: #FEECD7;
}



/* agenda */

#agenda_list,
#agenda_calendar {
    width: 50%;
    float: left;
    margin: 40px 0;
}

.mc-main.list .my-calendar-month,
.list h3,
strong.event-date,
div.mc_edit_links {
    display: none;
}

#calendar-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#calendar-list li {
    display: block;
    width: 90%;
    padding: 20px 0;
    margin: 0 0 20px 0;
    border-top: 2px solid #55D4F7;
}

#calendar-list li:last-child {
    border-bottom: 2px solid #55D4F7;
}

#calendar-list li div.details {
    display: block;
}

#calendar-list p.mc_date,
#calendar-list p.mc_location {
    display: inline-block;
    color: #55D4F7;
    margin: 0 6px 2px 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 100%;
}

#calendar-list p.mc_title {
    display: block;
    clear: both;
    font-size: 120%;
    font-weight: bold;
    line-height: 120%;
    margin: 6px 0 14px 0;
    color: #55D4F7;
    border-left: 20px solid #55D4F7;
    padding-left: 6px;
}

#calendar-list div.mc_shortdesc,
#calendar-list div.mc_shortdesc p,
#calendar-list p.mc_link,
.mc_longdesc p,
.export {
    display: block;
    clear: both;
    margin: 0;
    font-size: 90%;
}

.export {
    margin-top: 10px;
}

#calendar-list p.mc_category {
    display: block;
    clear: both;
    margin: 0;
    font-size: 100%;
}

#calendar-list .element_list_resume {
    display: block;
}

#calendar-list .element_list_detail {
    display: none;
}

.my-calendar-nav {
    display: none;
}

#mc2 table.my-calendar-table {
    width: 100%!important;
    max-width: 100%;
    border-spacing: 1px;
    border-collapse: separate;
    margin: 0;
}

#mc2 table.my-calendar-table caption {
    width: 100%;
    text-align: center;
}

#mc2 table.my-calendar-table caption ul {
    list-style-type: none;
    display: table;
    width: 100%;
    text-align: center;
}

#mc2 table.my-calendar-table caption ul li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#mc2 table.my-calendar-table caption ul li:first-child,
#mc2 table.my-calendar-table caption ul li:last-child {
    font-size: 90%;
    line-height: 120%;
}

#mc2 table.my-calendar-table caption ul li.my-calendar-caption_heading span {
    display: block;
    font-size: 120%;
    line-height: 120%;
    color: #55D4F7;
    font-weight: bold;
}

#mc2 table.my-calendar-table thead th {
    font-weight: normal;
    text-align: center;
}

#mc2 table.my-calendar-table thead th abbr {
    border-bottom: none;
}

#mc2 table.my-calendar-table tbody td {
    vertical-align: middle;
    text-align: center;
    width: 13%;
    height: 70px;
    border: 1px solid #CDCDCD;
    cursor: pointer;
    padding: 2px!important;
}

#mc2 table.my-calendar-table tbody td.future-day,
#mc2 table.my-calendar-table tbody td.past-day {
    background: transparent url('images/bg-tableevent-a_on.html') repeat-x bottom left;
}

#mc2 table.my-calendar-table tbody td.future-day:hover,
#mc2 table.my-calendar-table tbody td.past-day:hover {
    border: 1px solid #666666;
}

#mc2 table.my-calendar-table tbody td.has-events {
    background: #55D4F7;
}

#mc2 table.my-calendar-table tbody td.has-events span {
    font-weight: bold;
}

#mc2 table.my-calendar-table tbody td.nextmonth {
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
}

#mc2 table.my-calendar-table tbody td.nextmonth:hover {
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
}

#mc2 table.my-calendar-table tbody td.nextmonth span {
    color: #CDCDCD;
}

#mc2 table.my-calendar-table tbody td.current-day {
    background: #CC0033;
}

#mc2 table.my-calendar-table tbody td.current-day span {
    color: #FFFFFF;
}

#mc2 table.my-calendar-table tbody td div.calendar-event {
    display: none;
}


/* assurances */

body.page-template-page-templatesfull-width-assurances-php #left_sidebar {
    display: block;
    width: 300px;
    float: left;
    margin-top: 40px;
}

body.page-template-page-templatesfull-width-assurances-php #main_content {
    float: left;
    width: 630px;
    margin-top: 40px;
    margin-left: 30px;
}

#submenu_assurances {
    display: block;
    position: fixed;
    width: 300px;
    padding: 0;
    background-color: #47C8EB;
}

.submenu_assurances_scroll {
    top: 180px;
}

#submenu_assurances ul {
    display: block;
    width: 100%;
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

#submenu_assurances ul>li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
    padding: 14px 20px;
    background-color: #55D4F7;
}

#submenu_assurances ul li:last-child {
    border-bottom: none;
}

#submenu_assurances ul li>a.main_element_submenu_assurances {
    display: block;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 90%;
    font-weight: bold;
    transition: all 0.5s ease;
}

#submenu_assurances ul li>a.main_element_submenu_assurances:hover {
    color: #FFFFFF;
}

#submenu_assurances ul li.current>a.main_element_submenu_assurances {
    font-size: 120%;
    background: transparent url('images/title_border_4.png') no-repeat 0% 100%;
    padding-bottom: 12px;
    transition: all 0.5s ease;
}

#submenu_assurances ul li.current>a.main_element_submenu_assurances:hover {
    color: #F6FF00;
}

#submenu_assurances ul li.current {
    background-color: #47C8EB;
}

nav.scroll-nav {
    margin: 10px 0;
    padding: 0;
}

.scroll-nav__wrapper,
.scroll-nav__list {
    margin: 0;
    padding: 0;
}

.scroll-nav__list li {
    display: block;
    width: 100%;
}

.scroll-nav__list li a:before {
    content: '\203A\203A\2002';
}

.scroll-nav__list li a {
    font-size: 80%;
    color: #FFFFFF;
    transition: all 0.5s ease;
}

.scroll-nav__list li a:hover {
    color: #F6FF00;
}

#submenu_assurances .scroll-nav__list li a:hover {
    color: #F6FF00;
}


body.page-template-page-templatesfull-width-assurances-php #main_content .assurances_element {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 2px solid #2F8984;
    padding-bottom: 14px;
    margin-bottom: 30px;
}

body.page-template-page-templatesfull-width-assurances-php #main_content .assurances_element .boxed_bottom {
    display: none;
}

body.page-template-page-templatesfull-width-assurances-php #main_content h2 {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 160%;
    font-weight: bold;
    color: #55D4F7;
    background: transparent url('images/title_border_6.png') no-repeat bottom left;
    padding-bottom: 12px;
}

body.page-template-page-templatesfull-width-assurances-php #main_content .two_cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    text-align: justify;
}

body.page-template-page-templatesfull-width-assurances-php #main_content .two_cols p,
body.page-template-page-templatesfull-width-assurances-php #main_content .two_cols ul,
body.page-template-page-templatesfull-width-assurances-php #main_content .one_cols p,
body.page-template-page-templatesfull-width-assurances-php #main_content .one_cols ul {
    font-size: 100%;
    text-align: justify;
}

body.page-template-page-templatesfull-width-assurances-php #main_content .two_cols ul,
body.page-template-page-templatesfull-width-assurances-php #main_content .one_cols ul {
    margin: 5px 0 5px 0;
    list-style-type: disc;
}

body.page-template-page-templatesfull-width-assurances-php #main_content .two_cols ul li,
body.page-template-page-templatesfull-width-assurances-php #main_content .one_cols ul li {
    margin: 0;
}

body.page-template-page-templatesfull-width-assurances-php #main_content .assurances_element-boxed {
    height: 330px;
    overflow: hidden;
    border-bottom: 1px solid #FFFFFF;
}

body.page-template-page-templatesfull-width-assurances-php #main_content .assurances_element-open {
    height: auto;
    border-bottom: 1px solid #FFFFFF;
}

body.page-template-page-templatesfull-width-assurances-php #main_content .assurances_element-boxed .boxed_bottom {
    display: block;
    position: absolute;
    width: 630px;
    height: 80px;
    bottom: 0;
    left: 0;
    background: transparent url('images/boxedblock.png') no-repeat bottom center;
    cursor: pointer;
}

body.page-template-page-templatesfull-width-assurances-php #main_content .open_bottom {
    display: none;
    width: 630px;
    height: 80px;
    background: transparent url('images/openblock.png') no-repeat bottom center;
    background-size: 100% 100%;
    cursor: pointer;
}

body.page-template-page-templatesfull-width-assurances-php #main_content .open_bottom_show {
    display: block;
}

.sup_assurances_element .frontblock {
    border-top: 4px solid #55D4F7;
    padding: 10px 5px 0 5px;
    background-color: #C9F2FD;
}


/* search */

body.search-results #left_sidebar {
    display: block;
    width: 300px;
    float: left;
    margin-top: 40px;
}

body.search-results #main_content {
    float: left;
    width: 630px;
    margin-top: 40px;
    margin-left: 30px;
}

.result_search {
    margin-bottom: 40px;
}

.elem_search {
    padding: 0 0 10px 0;
}

.elem_search h4 {
    font-size: 140%;
    font-weight: normal;
    width: 100%;
    color: #2F8A85;
    padding: 8px 0 6px 0;
    border-top: 2px solid #2F8A85;
}

.cont_elem_search,
.cont_elem_search p {
    margin: 0;
    font-size: 100%;
}

.cont_elem_search a.more-link {
    display: none;
}


/* actus */

ul#actualites {
    display: block;
    width: 100%;
    margin: 40px 0 40px 0;
    padding: 0;
}

ul#actualites li {
    display: block;
    width: 100%;
    padding: 20px;
    border-top: 2px solid #2F8A85;
}

ul#actualites li .actualites_left {
    display: block;
    float: left;
    width: 40%;
}

ul#actualites li .actualites_right {
    display: block;
    float: left;
    width: 60%;
    text-align: justify;
}

ul#actualites li .actualites_left h4 {
    font-size: 140%;
    font-weight: normal;
    width: 100%;
    color: #2F8A85;
}

ul#actualites li .actualites_right p {
    font-size: 90%;
}



































































































































/* ------------------------------------------------------------- */

.home-sidebar {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 32px;
    padding-bottom: 2rem;
}

.home.page .site-content {
    padding-bottom: 0;
}

.home.page .site-content article {
    margin-bottom: 0;
}


/* Social Media icons */

.social-media-icons {
    float: right;
    height: auto;
}

.social-media-icons ul {
    list-style: none;
    margin: .5em 0 0 0;
    padding: 0;
}

.social-media-icons li {
    display: inline-block;
    margin: 0.1em 0 0 0.6em;
    font-size: 0.6rem;
    text-align: left;
}

.social-media-icons a {
    color: #333;
    text-decoration: none;
}

.social-media-icons a:visited {
    color: #333;
}

.social-media-icons a:hover,
.social-media-icons a:active {
    color: #2997ab;
}



/* ==========================================================================
   Main Content
   ========================================================================== */

.entry-meta {
    display: none;
}

.entry-header {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.entry-header .entry-title a {
    text-decoration: none;
}

.entry-header h1 a:visited {
    color: #333;
}

.entry-header h1 a:hover {
    color: #2997ab;
}

article.sticky .featured-post {
    font-family: 'Arvo', Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: 400;
    border-top: 4px double #aaa;
    border-bottom: 4px double #aaa;
    color: #777;
    font-size: 16px;
    font-size: 1rem;
    line-height: 3;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    text-align: center;
}

article.sticky {
    border-bottom: 4px double #aaa;
}

.site-content article {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
    -ms-word-wrap: break-word;
    -webkit-hyphens: auto;
    word-wrap: break-word;
}

.header-meta {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    padding: 5px 0;
    padding: 0.3125rem 0;
    *zoom: 1;
}

.header-meta:before,
.header-meta:after {
    content: "";
    display: table;
}

.header-meta:after {
    clear: both;
}

.header-meta a {
    text-decoration: none;
}

.header-meta a:visited {
    color: #333;
}

.header-meta a:hover {
    color: #2997ab;
}

.entry-content {
    margin-bottom: 20px;
    *zoom: 1;
}

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

.entry-content:after {
    clear: both;
}

.post-categories a,
.post-tags a {
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #333;
    color: #fff;
    padding: 0 5px;
    padding: 0 0.3125rem;
    margin: 0 3px 0 0;
    margin: 0 0.1875rem 0 0;
    display: inline;
    text-decoration: none;
}

.post-categories a:visited,
.post-tags a:visited {
    color: #fff;
}

.post-categories a:hover,
.post-tags a:hover {
    background-color: #2997ab;
    color: #fff;
}

.entry-header address,
.comment-content address {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 400;
    display: block;
}

.entry-header address {
    display: inline;
}

.entry-header time,
.entry-header address {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0 20px 0 0;
    margin: 0 1.25rem 0 0;
}

.page-links {
    clear: both;
    line-height: 1.75;
    color: #333;
}

.page-links .page-numbers {
    background-color: #333;
    border: 1px solid #333;
    padding: 2px 4px;
    padding: 0.125rem 0.25rem;
    color: #fff;
}

.page-links a {
    text-decoration: none;
}

.page-links a .page-numbers {
    background-color: transparent;
    color: #333;
}

.page-links a:hover .page-numbers {
    background-color: #2997ab;
    color: #fff;
}

.more-link {
    text-decoration: none;
}

.post-edit-link {
    text-decoration: none;
}

.entry-content dl,
.comment-content dl {
    margin: 0 24px;
    margin: 0 1.5rem;
}

.entry-content dt,
.comment-content dt {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
}

.entry-content dd,
.comment-content dd {
    line-height: 1.5;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2;
    margin: 0 0 24px;
    margin: 0 0 1.5rem;
    width: 100%;
}

.entry-content table caption,
.comment-content table caption {
    font-size: 16px;
    font-size: 1rem;
    margin: 24px 0;
    margin: 1.5rem 0;
}

.entry-content td,
.comment-content td {
    border-top: 1px solid #ccc;
    padding: 6px 10px 6px 0;
    padding: 0.375rem 0.625rem 0.375rem 0;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul {
    margin: 0 0 24px;
    margin: 0 0 1.5rem;
    line-height: 1.5;
    padding: 0;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
    margin-bottom: 0;
}

.entry-content ul,
.comment-content ul {
    list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
    list-style: decimal outside;
}

.entry-content li,
.comment-content li {
    margin: 0 0 0 28px;
    margin: 0 0 0 1.75rem;
}


/* Author profiles */

.author .archive-header {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.author-info {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 24px 0;
    margin: 1.5rem 0;
    padding: 24px 0;
    padding: 1.5rem 0;
    overflow: hidden;
    *zoom: 1;
}

.author-info:before,
.author-info:after {
    content: "";
    display: table;
}

.author-info:after {
    clear: both;
}

.author-description h2 {
    font-size: 24px;
    font-size: 1.5rem;
}

.author-description p {
    color: #777;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
}

.author-link {
    font-size: 14px;
    font-size: 0.875rem;
}

.author-link a {
    color: #777;
    text-decoration: none;
}

.author-link a:visited {
    color: #666;
}

.author-link a:focus,
.author-link a:hover,
.author-link a:active {
    outline: 0;
    color: #2997ab;
}

.author.archive .author-info {
    border-top: 0;
    margin: 0 0 48px;
    margin: 0 0 3rem;
}

.author.archive .author-avatar {
    margin-top: 0;
}

.author.archive .author-link {
    display: none;
}

.author-avatar {
    float: left;
    margin-top: 8px;
    margin-top: 0.5rem;
}

.author-description {
    float: right;
    width: 80%;
}

.social-meta a {
    text-decoration: none;
    margin-right: 5px;
    margin-right: 0.3125rem;
}



/* ==========================================================================
   Post Formats
   ========================================================================== */

.entry-media {
    margin: 0 auto 16px;
    margin: 0 auto 1rem;
    max-width: 792px;
    width: 100%;
}

.entry-media .wp-caption,
.entry-media .wp-caption-text,
.entry-media [class*="align"] {
    margin: 0 auto;
}


/* Aside */

.format-aside .entry-content {
    margin: 20px 0 18px 0;
    margin: 1.25rem 0 1.125rem 0;
}

.format-aside .entry-content p:last-child {
    margin-bottom: 0;
}


/* Status */

.format-status .entry-content {
    border-left: 5px solid #ddd;
    margin: 20px 0 18px 0;
    margin: 1.25rem 0 1.125rem 0;
    padding: 0 0 0 15px;
    padding: 0 0 0 0.9375rem;
}

.format-status .entry-content p {
    font-size: 20px;
    font-size: 1.25rem;
    font-style: italic;
}

.format-status .entry-content p:last-child {
    margin-bottom: 0;
}


/* Quote */

.format-quote .entry-content blockquote:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    speak: none;
    vertical-align: top;
    font-size: 40px;
    font-size: 2.5rem;
    content: "\f10d";
    color: #ddd;
    top: -15px;
    left: 0;
    position: absolute;
    z-index: -1;
}

.format-quote .entry-content {
    margin-top: 24px;
    margin-top: 1.5rem;
    position: relative;
}

.format-quote .entry-content blockquote {
    border: none;
    margin-left: 40px;
    margin-left: 2.5rem;
}


/* Audio */

.format-audio .wp-audio-shortcode {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}



/* ==========================================================================
   Archives
   ========================================================================== */

.archive-header,
.page-header {
    margin-bottom: 32px;
    margin-bottom: 2rem;
    border-bottom: 1px solid #CCCCCC;
}

.archive-meta {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #777;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2;
    margin-top: 16px;
    margin-top: 1rem;
}



/* ==========================================================================
   Comments
   ========================================================================== */

.comments-title {
    margin-bottom: 48px;
    margin-bottom: 3rem;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: normal;
}

.comments-area article {
    padding-bottom: 16px;
    padding-bottom: 1rem;
    margin: 24px 0;
    margin: 1.5rem 0;
    border-bottom: 1px solid #ccc;
}

.comments-area article header {
    margin: 0 0 24px;
    margin: 0 0 1.5rem;
    overflow: hidden;
    position: relative;
}

.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0;
}

.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 84px;
    margin-left: 5.25rem;
}

.comments-area article header cite {
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.comments-area article header time {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 400;
    line-height: 1.8;
    text-decoration: none;
    font-size: 14px;
    font-size: 0.875rem;
    color: #5e5e5e;
}

.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e;
}

.comments-area article header a:hover {
    color: #21759b;
}

.comments-area article header cite a {
    color: #444;
}

.comments-area article header cite a:hover {
    text-decoration: underline;
}

.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 14px;
    padding: 0.5rem 0.875rem;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009cee, #0088d0);
    background-image: -ms-linear-gradient(top, #009cee, #0088d0);
    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
    background-image: -o-linear-gradient(top, #009cee, #0088d0);
    background-image: linear-gradient(top, #009cee, #0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd;
}

.comments-area li.bypostauthor cite span {
    position: absolute;
    margin-left: 6px;
    margin-left: 0.375rem;
    padding: 2px 6px;
    padding: 0.125rem 0.375rem;
    font-size: 12px;
    font-size: 0.75rem;
}

a.comment-reply-link {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8;
    color: #686868;
    text-decoration: none;
}

a.comment-reply-link:hover {
    color: #21759b;
}

.commentlist .pingback {
    line-height: 1.8;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    padding-bottom: 0;
}

.commentlist .children {
    margin-left: 48px;
    margin-left: 3rem;
}

.commentlist {
    padding-left: 0;
}


/* Comment form */

#respond {
    margin-top: 48px;
    margin-top: 3rem;
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 12px;
    margin-left: 0.75rem;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.75rem;
}

#respond form {
    margin: 24px 0 32px 0;
    margin: 1.5rem 0 2rem 0;
}

#respond form p {
    margin: 12px 0;
    margin: 0.75rem 0;
}

#respond form p.logged-in-as {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

#respond form label {
    display: block;
    line-height: 1.8;
}

#respond form input[type="text"],
#respond form textarea {
    font-family: inherit;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
    padding: 8px;
    padding: 0.5rem;
    width: 100%;
}

#respond form input[type="text"] {
    width: 48%;
}

#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #5e5e5e;
}

#respond form p.form-allowed-tags code {
    background: none;
    border: none;
    color: #5e5e5e;
}

label .required,
span.required {
    color: #bb0504;
}

form label.error {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    display: block;
    padding: 0 10px 0 10px;
    padding: 0 0.625rem 0 0.625rem;
    margin: 5px 0 5px 0;
    margin: 0.3125rem 0 0.3125rem 0;
    font-size: 14px;
    font-size: 0.875rem;
    border-left: 4px solid #bb0504;
    display: none;
}

#respond form label.error {
    line-height: 1.3;
}



































/* ==========================================================================
   Widgets
   ========================================================================== */

.widget-area ul {
    list-style: none outside none;
    padding-left: 0;
}

.widget-area .widget {
    -moz-hyphens: auto;
    -ms-word-break: break-all;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-word;
    margin-bottom: 48px;
    margin-bottom: 3rem;
}

.widget select {
    margin-left: 1px;
    margin-left: 0.0625rem;
}

.widget-area .widget ul ul {
    margin-left: 12px;
    margin-left: 0.75rem;
}

.widget_rss li {
    margin: 12px 0;
    margin: 0.75rem;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
    font-size: 12px;
    font-size: 0.75rem;
    margin-left: 12px;
    margin-left: 0.75rem;
}

#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: center;
}

#wp-calendar thead {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#wp-calendar caption {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
}

#wp-calendar #today {
    background-color: #ddd;
}

#wp-calendar tfoot {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#wp-calendar #next {
    padding-right: 24px;
    padding-right: 1.5rem;
    text-align: right;
}

.widget_search label {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
}

.widget_twitter li {
    list-style-type: none;
}

.widget_twitter .timesince {
    display: block;
    text-align: right;
}



/* ==========================================================================
   Content Navigation
   ========================================================================== */

.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
}

#nav-above {
    padding: 24px;
    padding: 1.5rem;
}

#nav-above {
    display: none;
}

.paged #nav-above {
    display: block;
}

.nav-previous,
.previous-image {
    float: left;
    width: 50%;
    line-height: 1.3;
}

.nav-previous a,
.nav-next a {
    text-decoration: none;
}

.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%;
    line-height: 1.3;
}

.nav-single+.comments-area,
#comment-nav-above {
    margin: 48px 48px 48px 0;
    margin: 3rem 3rem 3rem 0;
}

ul.page-numbers {
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 2;
}

li a.page-numbers,
li span.page-numbers {
    padding: 5px;
    padding: 0.3125rem;
    border: 1px solid #333;
    text-decoration: none;
}

li a:visited.page-numbers {
    color: #333;
}

li a:hover.page-numbers {
    background-color: #2997ab;
    color: #fff;
}

li a:hover.prev,
li a:hover.next {
    background-color: transparent;
    color: #2997ab;
}

.page-numbers li {
    display: inline;
}

li span.current {
    background-color: #333;
    color: #fff;
}

li a.prev,
li a.next,
li span.dots {
    border: none;
}



/* ==========================================================================
   WPML translation plugin
   ========================================================================== */

#lang_sel {
    width: 65%;
    height: 35px;
}

#lang_sel li {
    width: 100%;
}

#lang_sel ul ul {
    top: 35px;
    width: 100%;
}

#lang_sel a.lang_sel_sel {
    border-radius: 3px;
}

#lang_sel a,
#lang_sel a:visited {
    font-size: 16px;
    font-size: 1rem;
    padding: 5px 0 5px 10px;
}

.main-navigation .menu-item-language .iclflag {
    margin-top: 7px;
}

#lang_sel .iclflag {
    margin-top: 2px;
}

#lang_sel .lang_sel_sel .iclflag {
    margin-top: 6px;
}

#lang_sel_footer .iclflag,
#lang_sel_footer .icl_lang_sel_current {
    margin-top: 6px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */


/*  Breakpoints are set based on the design, not based on device sizes */

@media only screen and (max-width: 1100px) {
    .site-title a {
        font-size: 52px;
        font-size: 3.25rem;
    }
    .banner h1 {
        font-size: 44px;
        font-size: 2.75rem;
    }
    .banner h2 {
        font-size: 24px;
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 980px) {
    .main-navigation {
        margin: 38px 0 0 0;
        margin: 2.375rem 0 0 0;
    }
}

@media only screen and (max-width: 900px) {
    .banner .grid_6_of_12 {
        width: 100%;
    }
    .banner h1,
    .banner h2,
    .banner p {
        text-align: center;
    }
    .main-navigation {
        margin: 32px 0 0 0;
        margin: 2rem 0 0 0;
    }
}

@media only screen and (max-width: 800px) {
    header .grid_5_of_12 {
        width: 100%;
    }
    header .grid_7_of_12 {
        width: 100%;
        margin-left: 0;
    }
    header .main-navigation {
        margin-top: 0;
        float: none;
    }
    .main-navigation .nav-menu>li:first-child {
        margin-left: 0;
    }
    .social-media-icons {
        float: none;
        text-align: left;
    }
    .social-media-icons li {
        margin: 0.1em 0.5em 0 0;
    }
}


/*  Go full Width at less than 650px */

@media only screen and (max-width: 650px) {
    .grid_1_of_12,
    .grid_2_of_12,
    .grid_3_of_12,
    .grid_4_of_12,
    .grid_5_of_12,
    .grid_6_of_12,
    .grid_7_of_12,
    .grid_8_of_12,
    .grid_9_of_12,
    .grid_10_of_12,
    .grid_11_of_12,
    .grid_12_of_12 {
        width: 100%;
    }
    .col {
        margin: 0;
    }
    .main-small-navigation .nav-menu,
    .nav-menu ul {
        padding: 0;
    }
    .main-small-navigation .nav-menu ul {
        padding-left: 16px;
        padding-left: 1rem;
    }
}



/*  Adjust the menu at less than 520px */

@media only screen and (max-width: 520px) {
    /*	.site-title h1 {
		text-align: center;
	}
	.main-small-navigation .nav-menu,
	.main-small-navigation .nav-menu ul,
	.nav-menu,
	.nav-menu ul {
		padding: 0;
	}
	.main-small-navigation,
	.main-navigation li {
		width: 100%;
	}
	.main-small-navigation {
		text-align: center;
	}
	.main-small-navigation ul li,
	.main-navigation ul li {
		background-color: #fff;
		margin: 5px 0;
		text-align: center;
	}
	.main-navigation ul ul, .main-navigation ul ul li ul {
		position: relative;
	}
	.main-navigation ul ul li ul {
		left: 0;
	}
	.main-navigation ul ul a {
		color: #fff; 
		background-color: #333; 
		width: 100%; 
	}
	.social-media-icons {
		text-align: center;
	} */
}

@media only screen and (max-width: 320px) {
    .author-description {
        float: left;
        width: 100%;
    }
}



/* ==========================================================================
   Non-semantic helper classes from HTML5 Boilerplate
   Please define your styles before this section.
   ========================================================================== */


/* For image replacement */

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
}

.ir br {
    display: none;
}


/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {
    display: none !important;
    visibility: hidden;
}


/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/* Hide visually and from screenreaders, but maintain layout */

.invisible {
    visibility: hidden;
}


/* Contain floats: h5bp.com/q */

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/* ==========================================================================
   Print styles from HTML5 Boilerplate
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster: h5bp.com/s */
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}