/*
Theme Name: Mappy Corporate
Author: Frédéric Xavier & Simon Givois
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Mappy
*/

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #767676;
}

body {
    font-size: 1em;
    line-height: 1.4;
}


::selection{
}



hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dadada;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/auto Arial, Helvetica, Helvetica Neue;
}

.wrapper {
    width: 96%;
}

/* ===================
    ALL: Mappy Theme
   =================== */

.header-container,
.main aside {

}

.header-container {
    background: url("img/bg-header.png") repeat-x left top;
}

.header-container header {
    height: 63px;
}

.header-container nav {
    background: #537ca7; /* Old browsers */
    background: -moz-linear-gradient(top,  #537ca7 0%, #01356c 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#537ca7), color-stop(75%,#01356c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #537ca7 0%,#01356c 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #537ca7 0%,#01356c 75%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #537ca7 0%,#01356c 75%); /* IE10+ */
    background: linear-gradient(to bottom,  #537ca7 0%,#01356c 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537ca7', endColorstr='#01356c',GradientType=0 ); /* IE6-9 */

    border-top: 1px solid #94a2b0;
    border-bottom: 3px solid #405d7d;
    height: 43px;
    width: 100%;
}

.header-container footer {
    background: #E8E8E8;
    padding: 0;
}

.header-container footer section {
    padding: 0;
    width: 100%;
}

.header-container footer img {
    display: none;
}

.footer-container {
    -webkit-box-shadow:  0px 8px 90px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 8px 90px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 8px 90px 0px rgba(0, 0, 0, 0.5);

    border-top: 1px solid #b6b6b6;
}

aside section {

}

.footer-container,
.main aside {

}

.main-container {
    background: #e8e8e8;
    font-size: 0.750em;
}

.main-container .wrapper {
    background: #ffffff;
    padding-bottom: 50px;
}

.footer-container,
.main aside {

}

.title {
    color: white;
}

/* ==============
    MOBILE: Menu
   ============== */

.header-container .current-page-title {
    display: block;
    position: absolute;
    margin-top: 10px;
    padding-left: 20px;
    color: white;
}

nav {
    width: 100%;
}
nav ul {
    display: none;
}

/* ==============
    MOBILE: Main
   ============== */

#menu-header {
    padding: 0;
    background: #405D7D;
    margin: 0;
    width: 100%;
    margin-top: 46px;
    position: relative;
}

#menu-header li {
    line-height: 40px;
}

#menu-header a {
    border-bottom: 1px solid #537CA7;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding-left: 15px;
}

#menu-header .sub-menu {
    padding: 0 ;
    margin: 0;
}

#menu-header .sub-menu a {
    padding-left: 40px;
}

.menu {
    position: absolute;
    right: 15px;
    margin-top: -37px;
    background: #7DA70A;
    border-radius: 5px;
    padding: 2px 5px;
}

.menu a {
    color: #ffffff;
    text-decoration: none;
}

.main {
    padding: 0.5em 2%;
}

.main article h1 {

}

.main aside {
    margin-top: 1.17em;
    padding-bottom: 10px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
    text-align: center;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
h1, h2 {
    color: #00346b;
}

h3, h4, h5, h6 {
    color: #85b11b;
}

h2, h3 {
    margin-top: 30px;
}

a {
    color: #767676;
    font-weight: bold;
    text-decoration: underline;
    outline : none;
}

.summary ol li a{
    font-weight: normal;   
}

.summary ul li a{
    font-weight: normal; 
text-decoration: none;
}


a:focus {
    outline : none;
}

footer.wrapper ul {
    margin: 0 auto;
    padding-left: 0px;
}

footer.wrapper li {
    display: inline;
    margin: 0 10px;
}

.title {
    background: url("./img/mappy-small.png") no-repeat;
    height: 35px;
    text-indent: -9999px;
    width: 100px;
    height: 22px;
    float: left;
    margin-top: 22px;
    margin-left: 10px;
}

.goto-mappy {
    height: 24px;
    line-height: 27px;
    float: right;
    margin-top: 20px;
    padding-left: 34px;
    font-size: 0.75em;
}

.goto-mappy a {
    color: #00346b;
    text-decoration: none;
}

.goto-mappy a:hover {

}

.breadcrumbs {
    background: #7da70a;
    border-top: 1px solid #93b633;
    list-style-type: none;
    margin: 0;
    height: 31px;
    line-height: 30px;
    padding-left: 20px;
}

.breadcrumbs li {
    color: #ffffff;
    font-size: 0.8em;
    float: left;
}

.breadcrumbs li span {
    margin: 0 10px;
}

.breadcrumbs a {
    color: #ffffff;
    /*font-size: 0.875em;*/
}

aside .block-1 {
    border: 1px solid #dadada;
    margin-bottom: 30px;
    overflow: hidden;
}

aside .block-1 .titre-bloc {
    border-bottom: 1px solid #cecece;
    color: #808FA0;
    height: 32px;
    display: block;
    line-height: 32px;
    font-size: 1.063em;
    text-transform: uppercase;
    padding: 0 18px;
    margin-bottom: 10px;

    background: #e6e6e6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(75%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 75%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 75%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 75%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow:  0px 5px 20px -10px #000000;
    -moz-box-shadow: 0px 5px 20px -10px #000000;
    box-shadow: 0px 5px 20px -10px #000000;
}

aside section .actualites {
    list-style-type: none;
    padding: 0;
}

aside .actualites li {
    height: 150px;
    padding: 0 10px;
    /*width: 266px !important;*/
}

aside .actualites .more-read-flux {
    margin-right: 10px;
}

aside .actualites header {
    background: #cdd3da;
    border: 1px solid #bbc2cb;
    -webkit-border-radius: 3px;
    padding: 3px;
    border-radius: 3px;
    height: 45px;
    width: 45px;
    float: left;
    margin-right: 5px;
}

aside .actualites section {
    float: left;
    width: 300px;
    padding: 0px 10px;
}

aside section p {
    margin-top: 5px;
    font-size: 1em;
}

aside section a {
    color: #687585;
    font-size: 0.938em;
    float: right;
}

aside h4 {
    color: #00346b;
    margin: 0px;
    font-size: 1em;
    text-transform: uppercase;
}

aside .bx-pager {
    text-align: center;
    margin-bottom: 15px;
}

aside .bx-pager-item {
    list-style-type: none;
    display: inline-block;
    margin: 0 3px;
}

aside .bx-pager-item a {
    width: 10px;
    height: 10px;
    display: block;
    border-top: 1px solid #e6e6e6;
    text-indent: -9999px;

    -webkit-border-radius: 5px;
    border-radius: 5px;

    background: url("img/carrousel_off.png") no-repeat left top;

    -webkit-box-shadow: inset 0px 0px 6px -1px #000000;
    box-shadow: inset 0px 0px 6px -1px #000000;
}

aside .bx-pager-item a.active {
    background: url("img/carrousel_on.png") no-repeat center top;
}

aside .reseaux-sociaux {
    padding: 0;
    margin: 0;
    text-align: center;
}

aside .reseaux-sociaux li {
    list-style-type: none;
    width: 42px;
    height: 42px;
    display: inline-block;
    margin: 15px 7.5px 5px 7.5px;
}

aside .reseaux-sociaux a {

}

.category h2 {
    margin-top: 10px;
}

.category .the_date, .single .the_date {
    color: #91C10E;
    font-style: italic;
}

.category .read-more {
}

.wpcf7 form {
    margin-top: 20px;
}

.wpcf7 form label {
    color: #333333;
    width: 200px;
    display: inline-block;
}
.wpcf7 form input {
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.wpcf7 form input,
.wpcf7 form select {
    height: 20px;
    width: 320px;
}

.wpcf7 form textarea {
    width: 93%;
}

.wpcf7 form .wpcf7-submit {
    background: url("./img/send-button.png");
    border: none;
    color: #FFFFFF;
    height: 26px;
    width: auto;
    padding: 0 15px;
    margin-left: 200px;
}

.your-message .wpcf7-not-valid-tip-no-ajax {
    margin-left: 0px;
}
.wpcf7-not-valid-tip-no-ajax {
    display: block;
    margin-left: 200px;
    color: red;
}
.wpcf7-mail-sent-ok {
    color: #7DA70A;
}

/* PAGE */
.page-template-default .main-container article img {
    border: 3px solid #cdd3da;
    max-width: 100%;
}

/* ==========================================================================
   TIPSY
   ========================================================================== */

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; margin-top: 4px }
.tipsy-inner {
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

    color: #000; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center;
    border: 1px solid #d1d1d1;
}

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
/* Rules to colour arrows */
.tipsy-arrow-s { border-top-color: #e5e5e5; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }

/* ==========================================================================
   Bxslider
   ========================================================================== */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('./img/bx_loader.gif') center center no-repeat;
}


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

@media only screen and (min-width: 480px) {
    .goto-mappy {
        font-size: 1em;
    }

    .title {
        background: url("./img/mappy.png");
        width: 160px;
        height: 35px;
        margin-top: 12px;
    }

    .goto-mappy {
        background: url("./img/btn-mappy.png") no-repeat;
    }

    aside .actualites section {
    width: 85%;
    }

    /* ====================
        INTERMEDIATE: Menu
       ==================== */

    /* ========================
        INTERMEDIATE: IE Fixes
       ======================== */

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }

}

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

    /* ============
        WIDE: Menu
       ============ */
    nav ul#menu-header {
        /* overrides the hiding of the menu */
        display: block;
        background: none;
        margin-top: 0px;
        position: inherit;
        margin: 0 auto;
    }

    nav ul#menu-header li {
        line-height: 30px;
    }

    nav ul#menu-header a {
        border-bottom: none;
        padding-left: 0px;
    }

    .menu {
        display: none;
    }

    .header-container .current-page-title {
        display: none;
    }

    nav ul.wrapper {
        padding: 0;
        list-style-type: none;
        overflow: hidden;
        max-width: 768px !important;
    }

    nav li {
        background: url("./img/nav-sep.png") no-repeat right center;
        height: 43px;
        float: left;
        padding: 0 2.4%;
    }

    nav a {
        display: block;
        margin-bottom: 10px;
        padding: 8px 0;
        float: left;
        text-align: center;
        text-decoration: none;
        font-weight: bold;

        font-size: 0.938em;
        color: white;
    }

    nav li.current-menu-item,
    nav li.current-menu-ancestor,
    nav li.current-post-ancestor {
        background: #012750;
        border-bottom: 3px solid #91c10e;
        margin-left: -1px;
    }

    nav a:hover,
    nav a:visited {
        color: white;
    }

    nav a:hover {
        color: #85b11b !important;
        text-decoration: none;
    }

    nav #menu-header .sub-menu {
        display: none;
        position: absolute;
        z-index: 100;
        margin: 43px 0px 0px -19.5px;
        padding: 0px 0px 0px 0px;
        background-color: #01356c;
    }

    nav li.current-menu-item ul,
    nav li.current-menu-ancestor ul ,
    nav li.current-post-ancestor ul {
        margin-top: 46px !important;
    }

    nav #menu-header .sub-menu li {
        display: list-item;
        float: none;
        background: none;
        position: relative;
        border-top: 1px solid #063160;
        padding-left: 20px;
    }

    nav .sub-menu li:hover a {
        color: #85b11b;
    }

    nav .sub-menu a {
        font-size: 0.65em;
        display: block;
        width: 100%;
        text-align: left;
        padding: 0 27px 0px 0px !important;
        line-height: 43px;
        margin-bottom: 0px;
    }

    nav li:hover .sub-menu {
        display: block !important;
    }

    nav li:first-child {
        padding-left: 2%;
    }

    nav .sub-menu li:first-child {
        padding-left: 0%;
    }

    nav li:last-child {
        padding-right: 1.5%;
        padding-left: 1.5%;
        background: none;
    }

    nav .sub-menu li:last-child {
        padding-right: 1.5%;
        padding-left: 1.5%;
        background: none;
    }

    /* ============
        WIDE: Main
       ============ */

    .main article {
        float: left;
        width: 64.5%;
    }

    .main aside {
        float: right;
        width: 32%;
    }

    aside .actualites section {
        width: 85%;
        float: left;
    }

    .header-container footer section {
        width: 95%;
    }

    .header-container footer img {
        max-width: 100%;
        display: block;
    }

    nav a {
        font-size: 0.65em;
        line-height: 25px;
    }

    .wrapper {
        width: 91%;
        margin: 0 2.5%;
    }

    aside .actualites li {
        height: 200px;
    }

}

@media only screen and (min-width: 940px) {
    aside .actualites li {
        height: 150px;
    }

    /* ===============
        Maximal Width
       =============== */

    .wrapper {
        width: 900px;
        margin: 0 auto;
        padding: 0.5em 20px;
    }

    aside .actualites section {
        width: 85%;
        float: left;
    }

    nav ul.wrapper {
        max-width: 940px !important;
    }

    #menu-header .sub-menu a {
        font-size: inherit;
    }

    .header-container footer section {
        width: 940px !important;
    }

    nav a {
        font-size: 0.937em;
        line-height: inherit;
    }

    aside .actualites header {
        display: block;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

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

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

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

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* PJ Group links */
.footer-container {
    padding: 10px 0;
}

.footer-container ul {
    text-align: center;
}

.footer-container li {
    display: inline-block;
    margin: 0 20px;
}

.footer-container a {
    display: inline-block;
    height: 32px;
    text-indent: -9999px;
    background-color: transparent;
}

.footer-container .logoSolocal { background-position: -16px 0px; width: 92px; }
.footer-container .logoPJ      { background-position: -16px -32px; width: 33px; }
.footer-container .logoMappy   { background-position: -16px -64px; width: 78px; }
.footer-container .logoOoreka  { background-position: -16px -96px; width: 93px; }
.footer-container .logoAVAL    { background-position: -16px -128px; width: 32px; }

.footer-container ul li a {
    background-image: url(./img/sprite_footer.png);
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    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;
    }
}