/*
Theme Name: Leaf
Theme URI: http://fatboythemes.com/themes/leaf/
Author: Brad Thomas
Author URI: http://wp-ultra.com
Description: The Leaf theme is a stylish and customizable WordPress theme. Make it yours with the easy customizable theme options. Uses Superfish menu effects, built-in pagination for post pages, special styles for eight different post formats, and a responsive layout for mobile devices.
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: license.txt
Tags: light, white, gray, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-colors, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* --------------------------------------------------------------
 * = Reset
 * ----------------------------------------------------------- */

* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%!important; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    /*overflow-y: scroll; *//* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
    line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}
a img {
    border: 0;
}

/* --------------------------------------------------------------
 * = Basic Structure
 * ----------------------------------------------------------- */

/* scrollbar for WebKit browsers */
::-webkit-scrollbar {
    background: #FBFBFB;
    overflow: visible;
    width: 14px;
    height: 14px;
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.35);
}
::-webkit-scrollbar-track {
    padding: 2px;
    box-shadow: inset 2px 0 5px rgba(0, 0, 0, 0.3);
}

body {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'lato', PT Sans, Helvetica, Arial, sans-serif!important;
    text-rendering: optimizeLegibility;
    color: #555;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
    clear: both!important;
    font-family: 'Oswald', Helvetica, Arial, sans-serif!important;
    font-weight: normal!important;
    line-height: 1.2!important;
}

a {
    outline: none;
    color: #555;
    /*moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    /*tnsition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;*/
    text-decoration: underline;
}
a:hover {
    color: #258ecd;
}

i, cite, em, var, address, dfn {
    font-style: italic;
}
strong {
    font-weight: bold;
}

big {
    font-size: 120%;
}

/* Assistive text */
.skip-link,
.screen-reader-text,
.assistive-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
}

/* --------------------------------------------------------------
 * = Structure
 * ----------------------------------------------------------- */

.indent{
    text-indent: -10000px;
}

/* ----------------------------------------------
 * = antibug API
 * ---------------------------------------------- */

#middleside .ui-widget-content{

    background-color: inherit!important;
}


nav ul, ol {
    padding: 0;
    margin: 0;
    float: left;
}

.search-bar form{
    margin:0!important;
}

.search-bar form input{
    margin: inherit!important;
    line-height: inherit!important;
}

.search-bar form input[type="text"]{
    height: auto!important;
}

#middleside .ui-widget-header{
    margin-left: 10px!important;
}

aside ul{
    margin: 0;
}

#companeoForm{
    width: 100%!important;
    font-family: lato!important;
}

#middleside .ui-widget-content{
    float: left!important;
    width: 100%;
    margin-bottom: 0!important;


}

#middleside .ui-widget-header{
    margin: 0!important;
    text-align: center!important;
    border-bottom: none!important;
    height: auto!important;
    padding-bottom: 1rem!important;
    padding-top: 2px!important;
}

#middleside{
    width: 100%!important;
    min-width: inherit!important;
}

#form1 {
    text-align: left;
}

body {
    padding-left: 0!important;
    padding-right: 0!important;
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline{
    color: red!important;
}


/*****************************************************************************/
#companeoForm label,#companeoForm input,#companeoForm button,#companeoForm select,#companeoForm textarea{
    font-size: 14px!important;

}

#companeoForm label{
    line-height: 17px!important;
}

#companeoForm button{
    line-height: normal!important;
    padding: 8px 20px!important;
}

#form1 #nav-form{
    padding: 0!important;
}

#form1 .control-group{
    margin: auto!important;
}

#form1 div#msg_error{
    width: 100%!important;
}

#companeoForm .question_image td{
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0!important;
    margin-bottom: 2px!important;


    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #444;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    font-weight: 700;
    font-size: 17px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.question_image span{
    line-height: 20px;
}

#companeoForm td:hover, #companeoForm td:focus {
    color: #444;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
    background-color: #e6e6e6;
}

#bloc-api #companeoForm img#spinner{
    width: 20px;
    height: 20px;
}

#companeoForm img{
    float: left;
    width: 53px;
    height: 53px;
    margin-left: 30px;
}



/* ----------------------------------------------
 * = Grid === Artfully Masterminded by ZURB.
 *
 * @link = http://foundation.zurb.com/grid.php
 * ------------------------------------------- */

.container { padding: 0 20px; padding: 0 2.0rem; }

.row { width: 100%; max-width: 980px; max-width: 98.0rem; min-width: 720px; min-width: 72.0rem; margin: 0 auto!important; }
/* To fix the grid into a different size, set max-width to your desired width */

.row .row { min-width: 0px; }

.column, .columns { margin-left: 2.127663%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    float: left; min-height: 1px; position: relative; }
.column:first-child, .columns:first-child, .alpha, .omega { margin-left: 0px; }
[class*="column"] + [class*="column"]:last-child { float: left; }

.row .one.columns 		{ width: 6.382989%;  }
.row .two.columns 		{ width: 14.893641%; }
.row .three.columns 		{ width: 23.404293%; }
.row .four.columns 		{ width: 31.914945%; }
.row .five.columns 		{ width: 40.425597%; }
.row .six.columns 		{ width: 48.936249%; }
.row .seven.columns 		{ width: 57.446901%; }
.row .eight.columns 		{ width: 65.957553%; }
.row .nine.columns 		{ width: 74.468205%; }
.row .ten.columns 		{ width: 82.978857%; }
.row .eleven.columns		{ width: 91.489509%; }
.row .twelve.columns		{ width: 100%;		 }

/*** Formula: Column Width + Twice the Default Margin ***/
.row .push_one 		{ margin-left: 10.638315%; }
.row .push_two 		{ margin-left: 19.148967%; }
.row .push_three 	{ margin-left: 27.659619%; }
.row .push_four 		{ margin-left: 36.170271%; }
.row .push_five 		{ margin-left: 44.680923%; }
.row .push_six 		{ margin-left: 53.191575%; }
.row .push_seven 	{ margin-left: 61.702227%; }
.row .push_eight 	{ margin-left: 70.212879%; }
.row .push_nine 		{ margin-left: 78.723531%; }
.row .push_ten 		{ margin-left: 87.234183%; }
/*.row .push_eleven 	{ margin-left: 95.744835%;  }*/

/* Centering Columns is fun */
.row .one.centered		{ margin-left: 46.808586%;}
.row .two.centered 		{ margin-left: 42.55326%; }
.row .three.centered		{ margin-left: 38.297934%;}
.row .four.centered		{ margin-left: 34.042608%;}
.row .five.centered 		{ margin-left: 29.787282%;}
.row .six.centered 		{ margin-left: 25.531956%;}
.row .seven.centered 	{ margin-left: 21.27663%; }
.row .eight.centered 	{ margin-left: 17.021304%;}
.row .nine.centered 		{ margin-left: 12.765978%;}
.row .ten.centered 		{ margin-left: 8.510652%; }
.row .eleven.centered 	{ margin-left: 4.255326%; }

/*** Formula: Column Width + Default Margin ***/
.row .push_one:first-child 		{ margin-left: 8.510652%; }
.row .push_two:first-child 		{ margin-left: 17.021304%;}
.row .push_three:first-child 	{ margin-left: 25.531956%;}
.row .push_four:first-child 		{ margin-left: 34.042608%;}
.row .push_five:first-child 		{ margin-left: 42.55326%; }
.row .push_six:first-child 		{ margin-left: 51.063912%;}
.row .push_seven:first-child 	{ margin-left: 59.574564%;}
.row .push_eight:first-child 	{ margin-left: 68.085216%;}
.row .push_nine:first-child 		{ margin-left: 76.596868%;}
.row .push_ten:first-child 		{ margin-left: 85.10652%; }
.row .push_eleven:first-child 	{ margin-left: 93.617172%;}

img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img {max-width: none!important;}

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

#page {
    /*background-color: #fff;
  /*margin-top: 20px;
    margin-top: 2rem;*/
    margin-bottom: 20px;
    margin-bottom: 2rem;
    -moz-box-shadow: 0 0px 8px rgba(150, 150, 150, 0.4);
    -webkit-box-shadow: 0 0px 8px rgba(150, 150, 150, 0.4);
    box-shadow: 0 0px 8px rgba(150, 150, 150, 0.4);
}
.site {
    margin: 0 auto;
    max-width: 980px;
    max-width: 102.0rem;

}

#main, .site-header, .top-nav, .footer-row,.info-wrap, .entry-content img, .comment-content img,
.main .widget img, img.header-image, #author-avatar img, img.wp-post-image, .comments-area,
#respond, .commentlist, .commentlist ul.children, .commentlist li.comment, .commentlist li.pingback,
.commentlist .comment-body, .comment-author {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.site-content {

    float: left;
    padding-top: 20px;
    padding-top: 2rem;
    padding-right: 20px;
    padding-right: 2rem;
    width: 65.104166667%;
}
.widget-area {
    margin: 24px 0 0;
    margin: 2.4rem 0 0;
    padding: 0 0 0 2rem;
}

/* Header */
.site-header h1,
.site-header h2 {
    text-align: left;
}
.site-header h1 {
    font-size: 1.6rem;
    line-height: 1.6;
    text-transform: uppercase;

}


.site-header h2 {
    font-weight: normal;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    color: #666;
}
.site-header h1 a,
.site-header h2 a {
    color: #0d77b6;
    display: block;
    text-decoration: none;
    font-family: lato;
    font-weight: bold;
    color: #0d77b6;
}


.header-image {
    margin-top: 24px;
    margin-top: 2.4rem;
}

/* Sidebar header */

.site-header .widget-area {
    margin-top: 5px;
    margin-top: .5rem;
}
.site-header .widget-area .widget {
    text-align: right;
}

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    text-transform: uppercase;
    color: #555;
}

/* Buttons */
.post-password-required input[type=submit],
li.bypostauthor cite span {
    padding: 1px 10px;
    padding: .1rem 1.0rem;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.8;
    font-weight: normal;
    color: #666;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #e2e2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#e2e2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#e2e2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#e2e2e2 100%); /* W3C */
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.post-password-required input[type=submit] {
    cursor: pointer;
}
.post-password-required input[type=submit]:hover {
    color: #555;
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top, #eaeaea 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eaeaea 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eaeaea 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eaeaea 0%,#dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eaeaea 0%,#dddddd 100%); /* W3C */
}
.post-password-required input[type=submit]:active {
    color: #555;
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top, #dddddd 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dddddd 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dddddd 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dddddd 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dddddd 0%,#eaeaea 100%); /* W3C */
    border: none;
}

/* Form fields */
input[type="text"],
input[type="password"],
textarea {
    padding: 6px;
    padding: 0.6rem;
    font-family: inherit;
    border: 1px solid #ccc;
    border-radius: 3px;
}
fieldset {
    border: solid 1px #DDD;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 12px 12px 0;
    padding: 1.2rem 1.2rem 0;
    margin: 18px 0;
    margin: 1.8rem 0;
}
fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 3px;
    padding: 0 .3rem;
    margin: 0 0 0 -3px;
    margin: 0 0 0 -.3rem;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

embed,
iframe,
object,
video {
    max-width: 100%;
}
.flex-video {
    height: 0;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 56.25%;
    position: relative;
}
.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
/* Images */
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.entry-content img,
.comment-content img,
.main .widget img,
img.header-image,
#author-avatar img,
img.wp-post-image {
    background: #F3F3F3;
    -webkit-box-shadow: 0px 2px 8px #CACACA;
    -moz-box-shadow: 0px 2px 8px #CACACA;
    box-shadow: 0px 2px 8px #CACACA;
    padding: 4px;
    border: none;
}
.wp-caption {
    max-width: 100%; /* Keep wide captions from overflowing their container. */
    padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    color: #666;
}
.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-item a {
    display: block;
    width: 90%;
}
.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}
.gallery .gallery-icon img {
    background: #F3F3F3;
    border: 1px solid #E1E1E1 !important;
    padding: 4px;
    height: auto;
    max-width: 90%;
}
.gallery-columns-1 .gallery-icon img {
    padding: 3%;
}

/* Navigation */
.site-content nav {
    clear: both;
    line-height: 1.8;
    overflow: hidden;
}
#nav-above {
    padding: 24px 0;
    padding: 2.4rem 0;
}
#nav-above {
    display: none;
}
.paged #nav-above {
    display: block;
}
.nav-previous,
.previous-image {
    float: left;
    margin: 1.5rem 0;
}
.nav-next,
.next-image {
    float: right;
    text-align: right;
    margin: 1.5rem 0;
}
.nav-single + .comments-area,
#comment-nav-above {
    margin: 48px 0;
    margin: 4.8rem 0;
}

/* Author profiles */
.author .archive-header {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}
.author-info {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    margin: 24px 0;
    margin: 2.4rem 0;
    padding: 12px 0;
    padding: 1.2rem 0;
    overflow: hidden;
}
.author.archive .author-info {
    border-top: 0;
    margin: 0 0 48px;
    margin: 0 0 4.8rem;
}
.author.archive .author-avatar {
    margin-top: 0;
}
.author-description p {
    color: #666;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8;
}

#masthead > div > div.header-group.nine.columns > img {
    margin-top: 20px;
}

/* --------------------------------------------------------------
 * = Navigation Menu
 * ----------------------------------------------------------- */

/* Superfish helper */
.sf-sub-indicator:after {content:"\00a0 \00bb";}

.main-navigation {
    width: 100%;
    background-color: #47a3da;
}
.main-navigation li ul li {
    padding-left: 0;

    -moz-box-shadow: 0px 1px 3px #555;
    -webkit-box-shadow: 0px 1px 3px #555;
    box-shadow: 0px 1px 3px #555;
}
.main-navigation li ul li:first-child ,
.main-navigation li ul li:first-child ul {
    margin-top: 1rem;
}
.main-navigation li ul ul li:first-child,
.main-navigation li ul li:first-child ul ul {
    padding-top: 0;
}

.main-navigation li a,
.main-navigation li {
    display: inline-block;
    text-decoration: none;
}
.main-navigation div > ul > li> a,
.main-navigation div > ul > li> span{
    /*text-transform: uppercase;*/
    color: white;
    padding:1rem;
    background-color: #47a3da;
    font-family: 'Lato', Helvetica, Calibri, Arial, sans-serif;
    font-size: 1.6rem;
    float: left;


}

.main-navigation .menu-obf_menu-container li{
    cursor: pointer;
}

.main-navigation li {
    position: relative;

    vertical-align: middle;
    float:left;

}

.main-navigation div > ul > li {
    border-left: 1px solid #ddd;
}

.main-navigation li a,
.main-navigation li span{
    cursor: pointer;
    /*padding-left: 15px;*/
    border-bottom: 0;
    line-height: 1.7;
}

.main-navigation li:first-child,
.main-navigation li:first-child{
    border:none;
}
.main-navigation li ul {
    display: none;
    position: absolute;
    top: 100%;
    padding-top: 7px;
    margin: 0;
    z-index: 120;
}
.main-navigation li ul::after {
    border: 6px solid transparent;
    border-bottom-color: white;
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 2;
}

.main-navigation li ul ul {
    padding: 0;
    top: 0;
    left: 100%;
}
.main-navigation li ul ul::after {
    border: none;
    content: none;
}

.main-navigation ul li:hover > ul {
    display: block;
    border-left: 0;
}

/*.main-navigation ul li:nth-child(n+5) ul{
    margin-left: -21rem;

}*/

.main-navigation li ul li a,
.main-navigation li ul li span{
    background: white;
    border-left: none;
    color: #555;
    display: block;
    line-height: 1.5;
    padding: 8px 10px;
    padding: 0.8rem 1.0rem;
    width: 23.8rem;
}

.main-navigation li ul li:hover{
    cursor: pointer;
}



.main-navigation li ul li a:hover,
.main-navigation li ul li span:hover{
    border-left: 5px #0d77b6 inset;
    /*background: #444;*/
    /*color: #fff;*/
}

.main-navigation div > ul > li> a:hover,
.main-navigation div > ul > li> span:hover{
    background-color: #258ecd;
}

.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: #555;*/
    font-weight: bold;
}
.main-navigation .sub-menu .current-menu-item > a,
.main-navigation .sub-menu .current-menu-ancestor > a,
.main-navigation .sub-menu .current_page_item > a,
.main-navigation .sub-menu .current_page_ancestor > a {
    color: #555
}
/* responsive select menu */
#mm0 {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(images/mobile-menu.png) no-repeat center right #F6F6F6;
    border: 1px solid #BFBFBF;
    color: #222;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 5px;
    padding: .5rem;
    max-width: 200px;
    max-width: 20.0rem;
    min-width: 100px;
    min-width: 10.0rem;
    width: auto;
    height: 34px;
    overflow: hidden;
    outline: none;
    margin-top: 1rem;
}

/* Header & Footer Navigation Menu */
.header-navigation,
.footer-navigation {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
}
.header-navigation ul ,
.footer-navigation ul {
    margin: 0;
    text-indent: 0;
}
.header-navigation li a,
.header-navigation li,
.footer-navigation li a,
.footer-navigation li {
    display: inline-block;
    text-decoration: none;
}
.header-navigation li a,
.footer-navigation li a {
    border-bottom: 0;
    line-height: 1.6;
    text-transform: uppercase;
    color: #6a6a6a;
}
.header-navigation li a:hover,
.footer-navigation li a:hover {
    color: #111;
}
.header-navigation li,
.footer-navigation li {
    margin-right: 10px;
    margin-right: 1rem;
    position: relative;
}
.header-navigation .current-menu-item > a,
.header-navigation .current-menu-ancestor > a,
.header-navigation .current_page_item > a,
.header-navigation .current_page_ancestor > a,
.footer-navigation .current-menu-item > a,
.footer-navigation .current-menu-ancestor > a,
.footer-navigation .current_page_item > a,
.footer-navigation .current_page_ancestor > a {
    color: #636363;
    font-weight: bold;
}
.header-navigation ul {
    text-align: right;
    padding: 5px 0;
    padding: .5rem 0;
}
.footer-navigation li a {
    padding-bottom: 10px;
    padding-bottom: 1rem;
}

/* --------------------------------------------------------------
 * = Home Content
 * ----------------------------------------------------------- */

.post-home .entry-title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: normal;
}
.post-home .entry-title a,
.post-home .divider-title a  {
    text-decoration: none;
}
.home-cats .entry-summary p,
.home-articles .entry-summary p {
    margin: 0 0 10px;
    margin: 0 0 1rem;
    line-height: 1.4;
}
.image-tag {
    background-color: #C4302B;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    padding: .5rem;
    position: absolute;
    left: 5px;
    top: 5px;
    text-transform: uppercase;
}
.vertical-divider {
    padding-left: 15px;
    padding-left: 1.5rem;
    border-left: 1px dotted #BBB;
}
.horizontal-divider {
    margin-bottom: 5px;
    margin-bottom: .5rem;
    padding-bottom: 5px;
    padding-bottom: .5rem;
    border-bottom: 1px dotted #BBB;
}
.horizontal-divider:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

/*divider with title*/
.divider-title,
.post-divider {
    color: #0d77b6;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 15px 0 5px 0;
    margin: 1.1rem 0.5rem 1rem;
    line-height: 2.4;
    text-align: left;
    /*background: url('images/title-divider.png') repeat-x center center;*/
}

#apropos span.entry-title span{
    text-transform: none;
    color: inherit;

}

.divider-title a,
.widget-title span{
    color: #0d77b6;
}

.divider-title a:hover{
    color:#258ecd;
}

.divider-title span{
    background: #FFF;
    text-transform: uppercase;
}
.post-divider {
    height: 20px;
    margin-top: 10px;
    margin-top: 1rem;
}

.main-blog .entry-header {
    margin-bottom: 10px;
    margin-bottom: 1rem;
}
.entry-meta {
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    margin-top: 10px;
    margin-top: 1rem;
    padding: 3px;
    padding: .3rem;
}
.main-blog .entry-meta a,
.single .entry-meta a{
    text-decoration: none;
}

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

.entry-meta {
    clear: both;
}
.entry-header {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}
.entry-header img.wp-post-image {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}
.entry-header .entry-title {
    font-size: 22px;
    font-size: 3.5rem;
    line-height: 1.3;
    font-weight: normal;
    color: #0d77b6;
}
.entry-header .entry-title a {
    text-decoration: none;
}
.comments-link a,
.entry-meta a {
    color: #777;
}
.comments-link a:hover,
.entry-meta a:hover {
    color: #C4302B;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
    /*margin: 24px 0;
    margin: 2.4rem 0;*/
    line-height: 1.6;
}
.entry-content h1,
.comment-content h1 {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.5;
}
.entry-content h2,
.comment-content h2 {
    font-size: 18px;
    font-size: 1.6rem;
    line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
    font-size: 16px;
    font-size: 1.4rem;
    line-height: 1.8;
    padding-top: 2rem;
}
.entry-content h4,
.comment-content h4 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
}
.entry-content h5,
.comment-content h5 {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8;
}
.entry-content h6,
.comment-content h6 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul {
    margin: 0 0 24px;
    margin: 0 0 2.4rem;
    line-height: 1.6;
}
.entry-content p,
.entry-summary p {
    text-align: inherit;
}
.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 4%;
}
.entry-content blockquote,
.comment-content blockquote {
    padding: 24px;
    padding: 2.4rem;
    font-style: italic;
    margin: 10px 0 10px 20px;
    margin: 1rem 0 1rem 2rem;
    border-left: 5px solid #E6E6E6;
}
.entry-content code,
.comment-content code {
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
}
.entry-content pre,
.comment-content pre {
    border: 1px solid #ededed;
    color: #666;
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 24px 0;
    margin: 2.4rem 0;
    overflow: auto;
    padding: 24px;
    padding: 2.4rem;
}
.entry-content pre code,
.comment-content pre code {
    display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym{
    border-bottom: 1px dotted #666;
    cursor: help;
}
.entry-content address,
.comment-content address {
    display: block;
    line-height: 1.6;
    margin: 0 0 24px;
    margin: 0 0 2.4rem;
}
img.alignleft {
    margin: 12px 24px 12px 0;
    margin: 0rem 2.4rem 0rem 0;
}
img.alignright {
    margin: 12px 0 12px 24px;
    margin: 1.2rem 0 1.2rem 2.4rem;
}
img.aligncenter {
    margin-top: 12px;
    margin-top: 1.2rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}
.entry-content dl,
.comment-content dl {
    margin: 0 24px;
    margin: 0 2.4rem;
}
.entry-content dt,
.comment-content dt {
    font-weight: bold;
    line-height: 1.6;
}
.entry-content dd,
.comment-content dd {
    line-height: 1.6;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}
.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ededed;
    color: #666;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    margin: 0 0 24px;
    margin: 0 0 2.4rem;
    width: 100%;
}
.entry-content table caption,
.comment-content table caption {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 24px 0;
    margin: 2.4rem 0;
}
.entry-content td,
.comment-content td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}
.site-content article {
    padding-bottom: 10px;
    padding-bottom: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.author-avatar {
    float: left;
    margin-left: 40px;
    margin-left: 4rem;
    margin-top: 8px;
    margin-top: .8rem;
}
.author-description {
    float: right;
    width: 80%;
}
.page-links {
    clear: both;
    line-height: 1.6;
}
footer.entry-meta {
    margin-top: 12px;
    margin-top: 1.2rem;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6;
    color: #666;
}
.spacer {
    padding: 0 3px;
    padding: 0 .3rem;
}

footer .edit-link {
    margin: 24px 0;
    margin: 2.4rem 0;
    padding-left: 3px;
    padding-left: .3rem;
}
/*read more */
.read-more-link {
    padding-right: 5px;
    padding-right: 1.5rem;
    margin-top: 8px;
    text-align: right;

}
.read-more-link a {
    text-decoration: none;
    font-style: italic;
}

/* --------------------------------------------------------------
 * = Media
 * ----------------------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100px; /* Fluid images for posts, comments, and widgets */

}

.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
    max-width: 80px;
    width: 100px;
    margin: 0 5px;
}
.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}

#primary div.entry-content h2 img{
    width: 25%;
    max-width: none;
    min-width: 100px;
}

#primary div.entry-content img{
    width: 20%;
    max-width: none;
    min-width: 100px;

}

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

.archive-header,
.page-header {
    margin-bottom: 48px;
    margin-bottom: 4.8rem;
    padding-bottom: 22px;
    padding-bottom: 2.2rem;
    border-bottom: 1px solid #ededed;
}
.archive-meta {
    color: #666;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    margin-top: 22px;
    margin-top: 2.2rem;
}

/* --------------------------------------------------------------
 * = Single Image Attachment
 * ----------------------------------------------------------- */

.image-attachment div.attachment {
    overflow: hidden;
    text-align: center;
}
.image-attachment div.attachment p {
    text-align: center;
}
.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.image-attachment .entry-caption {
    margin-top: 8px;
    margin-top: 0.8rem;
}

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

/* Post format sprites*/
.aside-format, .audio-format, .gallery-format, .image-format, .link-format, .video-format{
    background-image: url(images/format-sprites.png);
    background-repeat: no-repeat;
    background-color: #C4302B;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding: 2px;
    padding: .2rem;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 3rem;
    height: 30px;
}
.aside-format { background-position: -8px -8px; }
.audio-format { background-position: -58px -8px; }
.gallery-format { background-position: -108px -8px; }
.image-format { background-position: -159px -8px; }
.link-format { background-position: -208px -8px; }
.video-format { background-position: -258px -8px; }

/* Quote posts */
article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 24px;
    padding-bottom: 2.4rem;
}
article.format-quote .entry-content blockquote {
    display: block;
    padding: 24px 24px 0;
    padding: 2.4rem 2.4rem 0;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    font-style: normal;
    color: #666;
    background: #efefef;
}
.sticky {}
/* --------------------------------------------------------------
 * = Page Templates
 * ----------------------------------------------------------- */
/* One Column and 404 */
.error404 .site-content,
.one-column .site-content {
    border-right: 0;
    padding-right: 10px;
    padding-right: 1rem;
}
.error404 .entry-404 {
    font-size: 150px;
    font-size: 15rem;
    padding-bottom: 25px;
    padding-bottom: 2.5rem;
    text-align: center;
}
.error404 .entry-heading {
    font-size: 35px;
    font-size: 3.5rem;
}
.error404 .entry-title {
    font-size: 20px;
    font-size: 2rem;
}
.home-search404 {
    border: 1px solid #EDEDED;
    padding: 8px;
    padding: .8rem;
}
.home-button404 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
    padding-top: 5px;
    padding-top: .5rem;
}
.home-button404 a {
    text-decoration: none;
}
.search404 {
    border-left: 1px solid #EDEDED;
}
/* HTML Sitemap */
.sitemap-body{
    border: 1px solid #EDEDED;
    padding: 10px 5px 5px 5px;
    padding: 1rem .5rem .5rem .5rem;
    margin-bottom: 20px;
}
.sitemap-body li {
    padding: 3px;
    padding: .3rem;
}
/* --------------------------------------------------------------
 * = Pagination
 * ----------------------------------------------------------- */

.pagination {
    clear: both;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.3;
    padding: 20px 0;
    padding: 2rem 0;
    position: relative;
}

.pagination span, .pagination a {
    background: #444;
    color: #fff;
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    margin: .2rem .2rem .2rem 0;
    padding: 6px 9px 5px 9px;
    padding: .6rem .9rem .5rem .9rem;
    text-decoration: none;
    width: auto;
}
.pagination a:hover{
    color: #fff;
    background-color: #C4302B;
}
.pagination .current{
    background-color: #C4302B;
    color: #fff;
    padding: 6px 9px 5px 9px;
    padding: 6px 9px 5px 9px;
}

/* --------------------------------------------------------------
 * = Widget Area
 * ----------------------------------------------------------- */

/*****************************************************************************************************************************************************/

.widget-title span{
    /*padding-right: 10px ;*/
    padding-left: 2.5rem;
    text-transform: uppercase;
}
.widget-area .widget {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
}
.widget-area .widget h3 {
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
}
.widget-area .widget .textwidget,
.widget-area .widget p,
.widget-area .widget li {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
}
.widget-area .widget a {
    color: #666;
}
.widget-area .widget a:hover {
    color: #258ecd;
}
/*.widget-area .widget p {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}*/
.widget-area .textwidget ul {
    list-style: disc outside;
    margin: 0 0 24px;
    margin: 0 0 2.4rem;
}
.widget-area .textwidget li {
    margin-left: 36px;
    margin-left: 3.6rem;
}

/* Footer */
.footer-sidebar {
    padding: 0 .6%;
    overflow: hidden;
}
/* One Footer Widget Areas */
.footer-sidebar.one .widget-area {
    float: left;
    margin-right: 0;
    width: 100%;
}

/* Two Footer Widget Areas */
.footer-sidebar.two .widget-area {
    float: left;
    margin-right: 3.7%;
    width: 45%;
}
.footer-sidebar.two .widget-area + .widget-area {
    margin-right: 0;
}

/* Three Footer Widget Areas */
.footer-sidebar.three .widget-area {
    float: left;
    /*margin-right: 3.7%;*/
    margin-right: 1rem;
    width: 30%;
}


.footer-sidebar.three .widget-area + .widget-area + .widget-area {
    margin-right: 0;
}
.site-footer .widget-area .widget {
    margin-bottom: 20px;
    margin-bottom: 2rem;
}
/* --------------------------------------------------------------
 * = Widgets
 * ----------------------------------------------------------- */

.widget-area .widget ul ul {
    margin-left: 12px;
    margin-left: 1.2rem;
}
.widget_recent_entries .post-date {
    color: #aaa;
    font-size: 11px;
    font-size: 1.1rem;
    margin-left: 12px;
    margin-left: 1.2rem;
}
#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    color: #666;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: left;
}
#wp-calendar #next {
    padding-right: 24px;
    padding-right: 2.4rem;
    text-align: right;
}
/* Search Bar */
.search-bar {
    height: 32px;
    position: relative;
    margin: 1rem;
}
.search-bar:after {
    border: 5px solid transparent;
    border-right-color: #47a3da;
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 30px;
    top: 12px;
    z-index: 2;
}
@-moz-document url-prefix() {
    .search-bar::after { right: 28px; }
}

.search-bar #s {
    background: #FFF;
    border: 0 none;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    float: right;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 7px 12px 7px 10px;
    padding: .7rem 1.2rem .7rem 1rem;
    max-width: 150px;
    width: auto;
}
.search-bar #s:focus {
    color: #111;
    outline: none;
}
.search-bar .submit {
    background: url(images/search.png) no-repeat center;
    background-color: #47a3da;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: right;
    width: 30px;
    height: 31px;
    margin: 2px 0 0 -2px;
    margin: .2rem 0 0 -.2rem;
    text-indent: -999999px;
}
.widget_rss li {
    margin: 12px 0;
    margin: 1.2rem 0;
}

/* --------------------------------------------------------------
 * = Footer
 * ----------------------------------------------------------- */

.site-footer {
    background-color: #303030;
    border-top: 4px solid #555;
    margin-top: 20px;
    margin-top: 0rem;
}
.footer-info {
    background: #2b2b2b;
    -moz-box-shadow: inset 0px 3px 7px -3px #282828;
    -webkit-box-shadow: inset 0px 3px 7px -3px #282828;
    box-shadow: inset 0px 3px 7px -3px #282828;
    margin-top: 2rem;
}
.site-footer .widget-area .widget,
.footer-navigation li a {
    color: #999;
}
.footer-navigation li a:hover {
    color: #C4302B;
}

.site-footer span.widget-title{
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
}

.site-footer .widget-title span {
    background-color: #303030;
    color: #bbb;
}
.copyright,
.site-info {
    color: #777;
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0;
    padding: 1rem 0;
}
.site-info {
    text-align: right;
}
.copyright a,
.site-info a {
    color: #777;
    text-decoration: none;
}
.copyright a:hover,
.site-info a:hover {
    color: #47a3da;
}
.scroll-to-top {
    background: url("images/scroll-to-top.jpg") no-repeat scroll 0 0 #f1c40f;
    bottom: 2%;
    cursor: pointer;
    display: none;
    height: 24px;
    position: fixed;
    right: 15px;
    z-index: 999;
    padding-left: 22px;
    font-weight: bold;
}
.scroll-to-top p{
    color: #1a609d;
    margin: 5px;
    font-size: 1.5rem;
}
.scroll-to-top:hover {
    opacity: .5;
}

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

.comments-area,
#respond,
.commentlist,
.commentlist ul.children,
.commentlist li.comment,
.commentlist li.pingback,
.commentlist .comment-body {
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
}
.commentlist li.comment,
.commentlist li.pingback {
    padding-bottom: 10px;
    padding-bottom: 1rem;
}
.commentlist,
.commentlist ul.children {
    list-style: none;
    padding: 0;
}
.commentlist ul.children {
    margin: 10px 0 0;
    margin: 1rem 0 0;
    padding-left: 10px;
    padding-left: 1rem;
}
.commentlist ul.children li.comment {
    border-left: 1px solid #aaa;
    position: relative;
}
.commentlist ul.children li.comment:before {
    width: 30px;
    height: 15px;
    display: block;
    background: url(images/sprite.png) no-repeat 0 -129px;
    position: absolute;
    top: 30px;
    left: -6px;
    content: "";
    z-index: 100;
}
.commentlist .comment-body {
    background-color: #FCFCFC;
    padding: 20px;
    padding: 2rem;
    display: block;
    border: 1px solid #EDEDED;
}
.commentlist .children > li.comment {
    padding-left: 23px !important;
}
.comments-title {
    margin-top: 10px;
    margin-top: 1rem;
    padding: 5px 0 5px 0;
    padding: .5rem 0 .5rem 0;
}
.comments-area-title,
#reply-title {
    font-size: 1.5em;
    margin-bottom: 0;
}
.logged-in-as {
    margin: 8px 0 8px 0;
    margin: .8rem 0 .8rem 0;
    font-size: 14px;
    font-size: 1.4rem;
}
.logged-in-as a {
    text-decoration: none;
    border-bottom: 1px dotted;
}
.comment-notes {
    color: #666;
    font-size: 12px;
    font-size: 1.2rem;
    font-style: italic;
    line-height: 1.8;
    padding: 5px 0 5px 0;
    padding: .5rem 0 .5rem 0;
    clear: both;
}
.commentlist li.comment .avatar {
    float: left;
    padding: 0;
    border-color: #CCC;
}
.commentlist li.comment .comment-author {
    width: 100%;
    color: #222;
    text-decoration: none;
}
.commentlist li.comment .comment-author {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 70px;
    padding-left: 7rem;
    line-height: 1.6;
}
.commentlist li.comment .comment-meta {
    padding: 3px 0 3px 70px;
    padding: .3rem 0 .3rem 7rem;
    font-size: 12px;
    font-size: 1.2rem;
    color: #666;
    font-style: italic;
}
.commentlist li.comment .comment-text {
    padding: 0 0 0 70px;
    padding: 0 0 0 7rem;
}
#cancel-comment-reply-link {
    font-size: 12px;
    font-size: 1.2rem;
    float: right;
}
.comment-reply-link {
    float: right;
    margin: 0;
}
.comment-edit-link {
    padding-left: 5px;
    padding-left: .5rem;
}
textarea#comment {
    width: 100%;
}
.commentlist pre {
    background: #eee;
    border-color: #e2e2e2;
}
.pingback a,
.comment a {
    text-decoration: none;
}
.comment .url {
    font-style: italic;
}
.bypostauthor .comment-body {
    border-width: 2px;
}
.form-allowed-tags {
    display: none;
}
.comment-content .reply {
    background: #444;
    padding: 5px;
    padding: .5rem;
    float: right;
}
.comment-content .reply a {
    color: #ccc;
}
.comment-content .reply a:hover {
    color: #C4302B;
}
.comment-content blockquote {
    padding: 5px;
    padding: .5rem;
    margin: 10px 0 10px 10px;
    margin: 1rem 0 1rem 1rem;
}
#respond #submit {
    background: #444;
    border: none;
    color: #ccc;
    padding: 8px;
    padding: .8rem;
}
#respond #submit:hover {
    color: #C4302B;
    cursor: pointer;
    moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
}




/* --------------------------------------------------------------
 * = Print
 * ----------------------------------------------------------- */

@media print {
    body {background: none !important; font-size: 10pt;}

    footer a[rel=bookmark]:link:after,
    footer a[rel=bookmark]:visited:after {
        content: " [" attr(href) "] ";
    }
    .site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; }
    .site-header { margin-bottom: 30px; margin-bottom: 3rem; text-align: left; }
    .site-header h1 {font-size: 21pt; line-height: 1; text-align: left; }
    .site-header h2 { font-size: 10pt; text-align: left; }

    #author-avatar,
    #colophon,
    #respond,
    .commentlist .comment-edit-link,
    .commentlist .reply,
    .entry-header .comments-link,
    .entry-meta .edit-link a,
    .page-link,
    .site-content nav,
    .widget-area,
    img.header-image,
    nav.site-navigation {
        display: none;
    }
    .site-content { float: left; margin: 0; width: 100%; margin: 0; width: auto; }
    .singular .entry-header .entry-meta { position: static; }
    .singular .site-content,
    .singular .entry-header,
    .singular .entry-content,
    .singular footer.entry-meta,
    .singular .comments-title {
        margin: 0;
        width: 100%;
    }
    .entry-header .entry-title,
    .entry-title,
    .singular .entry-title {
        font-size: 14pt;
    }
    .entry-meta { font-size: 10pt; }
    #author-description { float: none; width: auto;}
    .commentlist .avatar { height: 39px; left: 2.2em;top: 2.2em; width: 39px; }

    .comments-area article header cite,
    .comments-area article header time {
        margin-left: 50px;
        margin-left: 5.0rem;
    }
}
/* --------------------------------------------------------------
 * = IE Fixes.
 * ----------------------------------------------------------- */
/* =IE8 and under.
----------------- */

.lt-ie9 .search-bar .submit { margin-top: 0; }
.lt-ie9 .entry-title, .lt-ie9 .entry-summary { padding-left: 10px; }
.lt-ie9 .caption3 { top: 130px !important; }
.lt-ie9 .caption1 { top: 170px !important; width: 530px !important; }
.lt-ie9 .comment-form-author, .lt-ie9 .comment-form-email, .lt-ie9 .comment-form-url, .lt-ie9 .comment-form-comment {padding-bottom: 5px;}
.lt-ie9 .secondary { float: left; }
.lt-ie9 img.size-full,
.lt-ie9 img.size-large,
.lt-ie9 img.header-image,
.lt-ie9 img.wp-post-image,
.lt-ie9 .site-header img,
.lt-ie9 .entry-content img {
    width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
}

/* =IE7 and under.
----------------- */
.lt-ie8 .clearfix { height: 1%; }
.lt-ie8 .site-content { width: 570px; }
.lt-ie8 .comments-wrap {width: 500px; float: left;}
.lt-ie8 .secondary { width: 260px; float: left; padding-left: 20px;}
.lt-ie8 .site-info { text-align: center; }
.lt-ie8 .skip-link { display: none; }
.lt-ie8 .header-navigation { width: 940px !important; }
.lt-ie8 .site-header .widget-area {width: 420px !important; float: left;}
.lt-ie8 .assistive-text {visibility: hidden;}
.lt-ie8 .main-navigation li, .lt-ie8 .header-navigation li, .lt-ie8 .footer-navigation li { zoom: 1; *display: inline; }
.lt-ie8 .main-navigation { margin-left: -20px; }
.lt-ie8 .reply {width: 40px;}
.lt-ie8 .main-navigation li ul { margin-left: -100px; padding-top: 0; margin-top: -8px; }
.lt-ie8 .vertical-divider {width: 50% !important;}
.lt-ie8 .one.footer-sidebar .widget-area {width: 95%}
.lt-ie8 .two.footer-sidebar .widget-area {width: 45%}
.lt-ie8 .three.footer-sidebar .widget-area {width: 28%}


/* --------------------------------------------------------------
 * = Ma feuille de style.
 * ----------------------------------------------------------- */

#space-api{
    display: none;
}

.img-sous-article{
    display: none;
}

#masthead > nav > div.sf-menu {
    display: none;
}

.home-cats img,
.home-featured img,
.leaf-more-articles img{
    width: 100%;

}

.widget-area h1{
    background-color: #0d77b6;
    text-align: center;
    color: white;
    padding: 8px;
    margin-bottom: 20px;
    font-size: 18px;

}

.widget-area h1 a{
    color: white;
    text-decoration: none;
    display: block;
}

.header-group a{
    text-decoration: none;
    color: #555;
}

.header-group img{
    padding: 5px 0;
}

.header-group p,
.header-group h1,
.buttonset p{
    font-size: 2.3rem;
    margin: 0;
    margin-left: 39px;
    margin-top: -0.7rem;
    color: #0d77b6;
    font-family: 'Lato', sans-serif!important;
    text-decoration: overline;
    font-weight: 700!important;
    text-transform: uppercase;
}

.buttonset p{
    text-align: center;
    margin: auto;
    line-height: 50px;
    text-decoration: none;
    display: none;
}

.buttonset a{
    text-decoration: none;
}

.header-group h1 .guideachat{
    font-size: 2.8rem;
    vertical-align: middle;

}

#primary #content_api{
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin-bottom: 15px;
}



#primary #content_api.api-open{
    display: block!important;
}

#primary #content_api.api-down{
    display: none!important;
}

#primary{
    background: white;
    padding: 2rem 2rem 0 2rem;

}

#container_api{
    float: right;
    background-color: #f9f8f8;
    border: 1px solid rgba(0,0,0,0.1);
    margin: 0 10px 10px 0;
}

.ui-widget-header:after{
    display: block;
    width: 190px;
    height: 60px;
    background: url(images/fleche-jaune.png) no-repeat right top;
    position: absolute;
    top: -20px;
    z-index: 2;
    content: "Commencez ici";
    left: -185px;
    text-align: left;
    font-size: 18px;
    color: #F1B20F;
    line-height: 50px;
}

.content-api .secondary{
    max-width: 97%;
    margin: 0 auto;
    padding: 2rem 0 0;
}

.post-home .row{
    margin-bottom: 4rem!important;
}


.header-group h1 a{
    padding-bottom: 10px;
    margin-left: 2rem;
}

#head-container{
    background: white;
}

#div_title1_a {
    font-size: 20px;
}

#div_title1_a span{
    font-size: 24px;
}

.archive-title{
    font-size: 2rem;
}

.archive-title span{
    color: #0d77b6;
}

div.textwidget img.imgintext{
    width: 15rem;
}
div.secondary.widget-area.three.columns {
    z-index: 100;

}



#bloc-api{
    background-color:white;
    position: relative;
    min-height: 41rem;
}

.content-api .third.twelve.columns{
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    margin: 0;
    width: 100%;
    max-height: 94px;
}

.third div.ngg-widget.entry-content{
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;

}

section#content-main{
    background-color: white;

}

footer .row{
    max-width: 105.0rem;
}

.info-wrap{
    padding-left: 2rem;
}

#main .secondary .widget{
    margin-bottom: 1rem;
}



.third a:last-child img{
    margin-right: 0;
}

footer .search-bar{
    float:left;
}



.third .entry-title span{
    color: #0b77b6;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    vertical-align: middle;
    height: 92px;
    display: table-cell;
}

.ngg-widget img{
    padding: 0;
}

.third {
    padding: 0;
}

#ngg-webslice{
    background: white;
    margin: 0.1rem 0;
}

.page-header .page-title span{
    color: #0d77b6;
}

footer #searchform #searchsubmit{
    position: absolute;
    right: 0;
}



.nav-previous a,
.nav-next a{
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 5px 14px;
    float: left;
}

#wp_rp_first{
    margin-top: 2rem;
    background-color: #47a3da;
    float: left;
    width: 100%;
}

.wp_rp_content ul{
    float:left;

}

.wp_rp_footer{
    float: left;
    margin: 2rem;
}

span.guideachat{
    background: url('images/title_guide.png') no-repeat 0% 100%;
    width: 280px;
    height: 56px;
    display:block;
}

header .header-group a{
    margin: 1rem 0 1rem 1rem;
    display: block;
    float: left;
}

.breadcrumbs{
    font-size: 1.2rem;
}

.entry-content h2{
    line-height: 1.6!important;
    margin-right: 2rem;
    font-family: lato!important;
    font-weight: 700!important;
}

footer ul li{
    cursor: pointer;
    float:left;
    margin-right: 2rem;
}

footer ul li:last-child{
    margin-right: 0;
}

footer ul li:hover{
    color: #47a3da;
}

#bloc-api .textwidget p{

}

#bloc-api .textwidget img{

    margin-right: 1rem;
}

#illustration-hotess{
    background: url('images/hotess-api.png') no-repeat 90% bottom;
    height: 140px;

}

.arrow-timer {
    width: 10px;
    height: 10px;
    position: absolute;
    right: -10px;
    top: 6px;
}

i.icomp-arrow_timer{
    background: url('images/pointer-hotess.png') no-repeat center center;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 10%;
    top: -10px;
}

#chrono{
    font-weight: bold;
    text-align: left;
    max-width: 98%;
    background-color: #258ecd;
    margin-left: 20px;
    position: relative;
}

#chrono #commencez-ici{
    margin-top: 6px;
    display: block;
    text-align: right;
}

img#img-chrono{
    float: left;
    width: 10rem;
}

#apropos{
    margin-top: 7px;
    padding-left: 1rem;
}

#apropos p{
    font-size: 14px;
}


#hotess{
    display: block;
    margin: 0 auto;
}

#div_title1{
    display: none;
}

#title-api {
    padding: 2rem;
    font-size: 24px;
    font-weight: bold;
    color: #2696f7;
    background-color: white;
}

img#img-fleche-jaune{
    width: 5rem;
    float: left;
}

#title-site{
    margin: 1rem 0 1rem 1rem;
    display:block;
}

#primary ul.related_post li {
font-size: 15px;

}

.entry-content .related_post_title {
    background-color: #0d77b6;
    padding:1rem 0;
    color:white;
    text-align:center;
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-size:2rem;
}
ul.related_post {
}
ul.related_post li {
    width: 46%;
    float: left;
    color: white;
}
ul.related_post li a {
    color: white;
    text-decoration: none;
}

ul.related_post li a:hover {
    text-decoration:underline;
}
ul.related_post li img {
}

.cbp-spmenu span.menu{
    display: none;

}

#showLeftPush{
    position: fixed;
    z-index: 1500;
    top:0;
    left: 0;
    /*height: 5.9rem;
    width:6.4rem;*/
    height: 3.4rem;
    width: 3.5rem;
    background: url('images/logo-responsiv-menu-mobile.png') no-repeat center center #0d77b6;
    display:none;
    border-radius: 3px;
    margin: 1.4rem;
    cursor: pointer;
}

.widget-area.six.columns{
    width: auto;
    float: right;
}

ul.sf-menu{/*************************************************************/
    width: 100%;

}

.sf-sub-indicator{
    display: none;
}



#chrono p{
    position: relative;
}

#chrono span{
    font-size: 14px;
    color: white;
    padding: 5px 10px;
    display: block;
    font-weight: normal;

    width: 85%;
}

#chrono p:after{
    content: '';
    position: absolute;
    width: 45px ;
    height: 50px;
    background: url('images/chrono.png') right top no-repeat;
    right: 5px;
    top: -10px;
    z-index: 10;
}

#chrono b{
    font-weight: bold;

}

span#titre-apropos{
    font-size: 1.9rem;
}

div#content-illustration-hotess{
    height: 140px;
    width: 64%;
    position: absolute;
    bottom: 0;
}



.question_image input[type="radio"],
.question_image input[type="checkbox"] {
    position: absolute;
    top: 17px;
    left: 10px;
}

.main-navigation .current-post-ancestor > span,
.main-navigation .current-post-ancestor > a{
    font-weight: bold;
    background-color: #258ecd;
}

.main-navigation .current-menu-item > span,
.main-navigation .current-menu-item > a{
    background-color: #258ecd;
    color: white;
    font-weight: bold;
}

#up-devis{
    border: none;
    display: block;
    background: #F39C12;
    padding: 10px 19px;
    font-size: 18px;
    line-height: 1.471;
    border-radius: 6px;
    width: 95%;
    margin: 1rem auto ;
    color: #ffffff;
    text-align: center;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
    display: none;
}

#up-devis:hover{
    background: #f5d313;
}

#up-devis:active{
    background: #eea236;
}

#primary .entry-content img{
    margin-right: 2rem;
}

.content-logo {
margin: 1rem 1rem 1rem 1rem;
float: left;
}

/*responsiv menu*/

@media screen and (max-height: 480px){
    .main-navigation div > ul > li> a, .main-navigation div > ul > li> span{
        padding: 0.5rem;
    }
}







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

	.content-logo {
	margin: 1rem 1rem 1rem 6rem;
	}

    .header-group p, .header-group h1, .buttonset p {
        font-size: 2.3rem;
        margin: 0;
        margin-left: 31px;
        margin-top: -1.8rem;
        color: #0d77b6;
        font-family: 'Lato', sans-serif!important;
        text-decoration: overline;
        font-weight: 700!important;
        text-transform: uppercase;
    }

    span.guideachat{
        background: url('images/title_guide_mobile.png') no-repeat 0% 0%;
    }

    .main-navigation {
        overflow-y: auto;
    }

    div#bloc-api .columns{
        width: 100%;
        max-width: 96%;
    }



    #illustration-hotess{
        background: none;
        display: none;
    }

    #chrono{
        width: 100%;
    }

    #title-api {
        max-width: 95%;
        margin: 0 auto;
        padding: 0;
    }

    /* Style adjustments for viewports 767px and under go here */
    body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

    .container { min-width: 0; margin-left: 0; margin-right: 0; }
    .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
    .row .row .column, .row .row .columns { padding: 0; }
    /*.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }*/
    .column:last-child, .columns:last-child { margin-right: 0; float: none; }
    .row .row .column, .row .row .columns { padding: 0; }
    .column:last-child, .columns:last-child { margin-right: 0; float: none; }
    [class*="column"] + [class*="column"]:last-child { float: left; }
    [class*="column"]:before, [class*="column"]:after { display: table; }
    [class*="column"]:after { clear: both; }
    .push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered { margin-left: 0% !important; }
    .home-cats.row .five.columns { margin-bottom: 5px; margin-bottom: .5rem; padding-bottom: 5px; padding-bottom: .5rem; border-bottom: 1px dotted #BBB; }

    #page { margin-top: 0; margin-bottom: 0; }
    .site-content { border-right: 0; margin: 20px 0 0; margin: 2rem 0 0; }
    .main-navigation { border: 0; text-align: center; }
    .header-navigation ul, .footer-navigation ul { text-align: center; }
    .vertical-divider { border-left: none;}
    /*.widget-title span { padding-left: 10px; padding-left: 1rem; }*/
    .footer-sidebar .one.widget-area,
    .footer-sidebar.two .widget-area,
    .footer-sidebar.three .widget-area  {
        /*clear: both; width:100%;*/
    }

    div#container_api
    {
        padding-right: 0;
    }

    #search-2{
        display:none;
    }

    .content-api > #bloc-api > .secondary {
        width: 100%;
        padding-right: 2rem;
        padding: 1rem ;
        background-color: #afdefa;
    }


    .shr_60.shr_v{
        display:none;
    }

    div.secondary.widget-area.three.columns {
        width: auto !important;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
        display: none;
    }



    #container_api .ui-widget-header:after{
        display:none;
    }

    #main #bloc-api > .secondary > aside.widget{
        margin-bottom: 1rem;
        float: left;
        width:50%;
        margin: 0;
        color: #0d77b6;
    }
    #main #bloc-api > .secondary > aside.widget #apropos{
        margin: 0 0 0 10%;
        float: right;

    }

    #primary{
        width: 100%;
    }

    #hotess,
    #chrono span#commencez-ici{
        display: none;
    }



    /*debut*/
    /*Menu responsiv*/

    .main,
    .container > header {
        width: 90%;
        max-width: 69em;
        margin: 0 auto;
        padding: 0 1.875em 3.125em 1.875em;
    }

    .container > header {
        padding: 2.875em 1.875em 1.875em;
    }

    .container > header h1 {
        font-size: 2.125em;
        line-height: 1.3;
        margin: 0;
        float: left;
        font-weight: 400;
    }

    .container > header span {
        display: block;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5em;
        padding: 0 0 0.6em 0.1em;
    }

    .container > header nav {
        float: right;
    }

    .container > header nav a {
        display: block;
        float: left;
        position: relative;
        width: 2.5em;
        height: 2.5em;
        background: #fff;
        border-radius: 50%;
        color: transparent;
        margin: 0 0.1em;
        border: 4px solid #47a3da;
        text-indent: -8000px;
    }

    .container > header nav a:after {
        content: attr(data-info);
        color: #47a3da;
        position: absolute;
        width: 600%;
        top: 120%;
        text-align: right;
        right: 0;
        opacity: 0;
        pointer-events: none;
    }

    .container > header nav a:hover:after {
        opacity: 1;
    }

    .container > header nav a:hover {
        background: #47a3da;
    }

    .main > section {
        max-width: 260px;
        width: 90%;
        margin: 0 auto;
    }

    .main > section h2 {
        font-weight: 300;
        color: #ccc;
    }

    .main > section button {
        border: none;
        background: #47a3da;
        color: #fff;
        padding: 1.5em;
        display: block;
        width: 100%;
        cursor: pointer;
        margin: 10px 0;
        font-size: 0.8em;
    }

    .main > section button:hover {
        background: #258ecd;
    }

    .main > section button.active {
        background: #0d77b6;
    }

    .main > section button.disabled {
        background: #aaa;
        pointer-events: none;
    }

    .icon-drop:before,
    .icon-arrow-left:before {
        font-family: 'fontawesome';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        speak: none;
        font-style: normal;
        font-weight: normal;
        line-height: 2;
        text-align: center;
        color: #47a3da;
        -webkit-font-smoothing: antialiased;
        text-indent: 8000px;
        padding-left: 8px;
    }

    .container > header nav a:hover:before {
        color: #fff;
    }

    .icon-drop:before {
        content: "\e000";
    }

    .icon-arrow-left:before {
        content: "\f060";
    }

    /* General styles for all menus */
    .cbp-spmenu {
        background: #47a3da;
        position: fixed;
    }

    .cbp-spmenu span.menu {
        color: #afdefa;
        font-size: 1.9em;
        padding: 18px;
        margin: 0;
        font-weight: 300;
        background: #0d77b6;
        display:block;
    }

    .cbp-spmenu a {
        display: block;
        color: #fff;
        font-size: 1.1em;
        font-weight: 300;
    }



    .cbp-spmenu a:active {
        background: #afdefa;
        color: #47a3da;
    }

    /* Orientation-dependent styles for the content of the menu */

    .cbp-spmenu-vertical {
        width: 240px;
        height: 100%;
        top: 0;
        z-index: 1000;
    }

    .cbp-spmenu-vertical a {
        border-bottom: 1px solid #258ecd;
        padding: 1em;
    }

    .cbp-spmenu-horizontal {
        width: 100%;
        height: 150px;
        left: 0;
        z-index: 1000;

    }

    .cbp-spmenu-horizontal span.menu {
        height: 100%;
        width: 20%;
        float: left;
    }

    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: 0.8em;
        border-left: 1px solid #258ecd;
    }

    /* Vertical menu that slides from the left or right */

    .cbp-spmenu-left {
        left: -240px;
    }

    .cbp-spmenu-right {
        right: -240px;
    }

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
    }

    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0px;
    }

    /* Horizontal menu that slides from the top or bottom */

    .cbp-spmenu-top {
        top: -150px;
    }

    .cbp-spmenu-bottom {
        bottom: -150px;
    }

    .cbp-spmenu-top.cbp-spmenu-open {
        top: 0px;
    }

    .cbp-spmenu-bottom.cbp-spmenu-open {
        bottom: 0px;
    }

    /* Push classes applied to the body */

    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }

    .cbp-spmenu-push-toright {
        left: 240px;
    }

    .cbp-spmenu-push-toleft {
        left: -240px;
    }

    /* Transitions */

    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .main-navigation div > ul > li> a,
    .main-navigation div > ul > li> span{
        height:auto;

    }

    #showLeftPush{
        display: block;

    }




    .main-navigation li ul li a,
    .main-navigation li ul li span{
        width: auto;

    }
    /* Example media queries */
    /*fin*/


    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 240px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -240px;

    }

    .cbp-spmenu-right {
        right: -240px;
    }

    .cbp-spmenu-push-toright {
        left: 240px;
    }

    .main-navigation li{
        float: none;
        display: block;
        max-width: none;

    }

    .main-navigation div > ul.sf-menu > li> a,
    .main-navigation div > ul.sf-menu > li> span{
        float: none;
        display:block;
        border-bottom: 1px solid #258ecd;
        font-weight: 300;
        font-size: 1.7rem;
    }

    header .header-group a{
        margin: 1rem 0 1rem 6rem;
    }

    div#title-api{
        font-size: 20px;
    }


}

/* --------------------------------------------------------------
 * = Responsive Structure
 * ----------------------------------------------------------- */

@media only screen and (max-width: 1099px) {
    .main-navigation div > ul > li> a,
    .main-navigation div > ul > li> span{
        font-size: 1.4rem;
    }

    .third .entry-title{
        display: none;
    }

    .widget-area .widget h3 {
        margin-bottom: 0.5rem;
    }

    .a2a_kit{
        display: none;
    }
}


@media only screen and (min-width: 788px) {


    .row{
        max-width: 102rem;

    }



}

@media only screen and (min-width: 1100px) {
    .main-navigation li{
        max-width: none;
    }

    .third .entry-title{
        float: left;
        color: #0d77b6;
    }


    .widget.widget_a2a_share_save_widget{
        display: none;
    }

}

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

    #primary .columns{
        width: 100%;
    }

    /* Style adjustments for viewports 480px and under go here */


    .image-tag, .aside-format, .audio-format, .gallery-format, .image-format, .link-format, .video-format { display: none; }
    .scroll-to-top p{ display: none; }
    .error404 .entry-404 { font-size: 80px; font-size: 8rem; }
    .header-group h1 a{
        font-size: 4rem;
    }
    div.banner{
        background: none;
    }

    .column, .columns { width: auto; float: none; margin-left: 0px; margin-right: 0px; }

    header aside.widget{
        float: left;
    }

    div#main #bloc-api > .secondary > aside.widget{
        float: none;
        width: 100%;
        margin: 0.5rem;

    }

    #chrono{
        text-align: center;
    }

    #main #bloc-api > div.secondary > aside.widget #apropos{
        margin: 1rem auto;
    }

    .search-bar{
        display: none;
    }

    #bloc-api{
        min-height: inherit;
    }

    .content-api .third,
    #apropos,
    #chrono{
        display: none;
    }

    #bloc-api.current{
        display: none!important;
    }

    .header-group p, .header-group h1{
        font-size: 1.6rem;
        margin-left: 28px;
    }

    header .header-group a{
        margin: 3rem 1rem 1rem;
    }

    #up-devis{
        display: block;
    }

    span.guideachat{
        background: url('images/title_guide_mobile.png') no-repeat 0% 100%;
    }

    #primary{
        padding-top:0;
    }

    div#title-api{

        margin: 1rem auto 2rem;
    }

    .buttonset{
        background: black;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1100;
    }

    #showLeftPush{
        position: absolute;
        left: 0;
        background: url('images/logo-responsiv-menu-mobile.png') no-repeat center center;
        float: left;
        height: 4.9rem;
        width: 5.4rem;
        margin: auto;
    }

    .header-group{
        display: none;
    }

    .buttonset p{
        display: block;
    }

    nav{
        margin-top: 50px;
    }

    div#page{
        margin-top: 50px;
    }

    .breadcrumbs{
        display: none;
    }

    .entry-header .entry-title{
        font-size: 2.5rem;
    }

    .header-group p, .header-group h1, .buttonset p{
        font-size: 1.8rem;
    }

    #primary ul.related_post li{
        width: auto;
        margin: 1rem 3rem;
    }

    .header-group p, .header-group h1, .buttonset p {
        margin-top: auto;
        text-decoration: none;
    }
}