/*Theme Name: MondeCommun
Theme URI: http: //www.monde-commun.org
Description: Thème Monde Commun
Author: LiliwoL
Author URI: http://www.liliwol.fr
Template: zeepersonal
Version: 0.1.0
*/


/*
 orange: #f68121;
 bleu: 3190d0
 vert: #a1cd3a


*/


/**
*  Font
**/
@font-face {
    font-family: 'GillSansMT';
    src: url('fonts/GillSansMT.eot');
    src: url('fonts/GillSansMT.eot') format('embedded-opentype'),
         url('fonts/GillSansMT.woff2') format('woff2'),
         url('fonts/GillSansMT.woff') format('woff'),
         url('fonts/GillSansMT.ttf') format('truetype'),
         url('fonts/GillSansMT.svg#GillSansMT') format('svg');
}

body, .page-title, .entry-title, .site-title {
	font-family: 'GillSansMT' !important;
}

/**
* Background
**/
    .site-content, .header-main
    {
    	background-color: #fff;
    }
    .site-header, .type-post, .type-page, .type-attachment
    {
        background: none;
    }



/**
*	Header
**/
    .header-main
    {
        line-height: 0;
    }
    #logo *
    {
        width: 100%;
    }
    /**
    *	Menu
    **/
    #main-navigation ul
    {
        float: right;
    }
    .main-navigation-menu ul a {
        width: 13rem;
        color: #fff;
    }

    ul.menu {
        border: none;
        list-style: none;
        text-align: left;
    }
    .main-navigation-menu, .main-navigation-menu ul
    {
        background: #f68121;
        padding: 0;
    }

    .main-navigation-menu li:hover ul,
    .main-navigation-menu li li:hover ul,
    .main-navigation-menu li li li:hover ul,
    .main-navigation-menu li li li li:hover ul,

    #main-navigation li.current_page_ancestor,
    #main-navigation li.current_page_ancestor > a
    {
        background: #fff;
        color: #f68121;
    }

    .main-navigation-menu a:link, .main-navigation-menu a:visited{
	    color: #fff;
    }

    #main-navigation .sub-menu li
    {
        background: #f68121;
        color: #fff;
    }
    #main-navigation .sub-menu li:hover
    {
        background: #fff;
    }
    #main-navigation .sub-menu li:hover a
    {
        color: #f68121;
    }

    .primary-navigation
    {
        margin: 0;
        line-height: 1;

        background-color: #f68121;
    }

    #main-navigation ul li
    {
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    #main-navigation ul li a
    {
        color: #fff;
        border-bottom: none;
    }
    #main-navigation li.current-menu-item
    {
        border: none;

        background-color: #fff;
    }
    #main-navigation ul li.current-menu-item a,
    #main-navigation ul li.current-menu-item.current_page_item .sub-menu  a:hover
    {
        color: #f68121;
        text-decoration: none;
    }
    #main-navigation ul li.current-menu-item.current_page_item .sub-menu  a
    {
        color: #fff;
    }

/**
* Page Title
**/
    .page-title
    {
        border-bottom: 1px dotted grey;
    }
    .page-title.bleu
    {
        color: #3190d0;
    }
    .page-title.orange
    {
        color: #f68121;
    }
    .page-title.vert
    {
        color: #a1cd3a;
    }

/**
* Module
**/
    section .module:first-child
    {
        margin-top: 0;
    }
    .module
    {
        border: solid 1px #006766;

        margin-top: 20px;
    }
    .module li
    {
        font-size: 0.9em;
        line-height: 1.4em;
    }
    .module.shadow
    {
        border: 0;
        -moz-box-shadow: 3px 3px 3px #888;
        -webkit-box-shadow: 3px 3px 3px #888;
        box-shadow: 3px 3px 3px #888;
        border-left: 1px solid #888;
    }
    .module h2
    {
        margin: 0;
        padding: 4px 0 4px 5px;

        color: white;

        text-transform: uppercase;
        font-size: 16px;
    }
    .module h2 a
    {
        color: white;
    }
    .module.orange h2
    {
        background-color: #f68121;
    }
    .module.bleu h2
    {
        background-color: #3190d0;
    }
    .module.vert h2
    {
        background-color: #a1cd3a;
    }

    .module_content
    {
        padding: 5px;
        /*font-size: small;*/
    }
    .module_content p
    {
        line-height: 1;
        font-size: 0.9em;
    }
    .module_content ul
    {
        margin: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        list-style: none;
        padding: 0;
    }

    .module .menu
    {
        margin: 0;
        padding-left: 10px;
    }

    .module .menu .current_page_item a
    {
        font-weight: bold;
    }

    .readmore
    {
        text-align: right;
        display: block;
    }

    /**
    * Slider
    **/
    .slider ul
    {
        margin: 0;
    }
    #slides a
    {
        line-height: 0;
        display:block;
    }
    #slides a:hover
    {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    /**
    * Top Page Button
    **/
        #backtopsection {
            bottom: -128px;
            display: none;
            height: 0;
            padding: 0.5em 0 0 !important;
            position: fixed;
            right: 0;
            width: 128px;
        }
        #backtop {
            background: rgba(0, 0, 0, 0) url("images/haut-page.png") repeat scroll 0 0;
            height: 150px;
            width: 150px;
        }
        .shake:hover{
            animation-duration: 1.25s;
            animation-iteration-count: infinite;
            animation-name: shake;
            animation-timing-function: linear;
            transform-origin: 50% 50% 0;
        }
        @keyframes shake {
            0%, 90% {
                transform: translate(1px, 1px) rotate(0deg);
            }
            10% {
                transform: translate(-1px, -1px) rotate(-0.15deg);
            }
            20% {
                transform: translate(-1px, 0px) rotate(0.15deg);
            }
            30% {
                transform: translate(0px, 1px) rotate(0deg);
            }
            40% {
                transform: translate(1px, -1px) rotate(0.15deg);
            }
            50% {
                transform: translate(-1px, 1px) rotate(-0.15deg);
            }
            60% {
                transform: translate(-1px, 1px) rotate(0deg);
            }
            70% {
                transform: translate(1px, 1px) rotate(-0.15deg);
            }
            80% {
                transform: translate(-1px, -1px) rotate(0.15deg);
            }
            100% {
                transform: translate(1px, -1px) rotate(-0.15deg);
            }
        }
        .bounceInOut {
            animation-duration: 4s;
            animation-name: bounceInOut;
        }

        .bounceInUp {
            animation-duration: 1s;
            animation-name: bounceInUp;
        }
        @keyframes bounceInUp {
            0% {
                opacity: 0;
                transform: translateY(400px);
            }
            40% {
                opacity: 1;
                transform: translateY(-30px);
            }
            80% {
                transform: translateY(0px);
            }
        }

        #backtopsection.bounceInUp {
            bottom: 128px !important;
        }
        @keyframes bounceInOut {
            0% {
                transform: translateY(-270px);
            }
            30% {
                transform: translateY(-20px);
            }
            100% {
                transform: translateY(0px);
            }
        }
    /**
    * END - Top Page Button
    **/

    /**
    * Publications et lettres-information
    **/
        .publications_pages{
            margin-top: 0.5em !important;
            margin-bottom: 0.5em !important;
        }
        .publication_content,
        .lettre-information_content
        {
            display: table;
            text-align:center;
            margin-bottom: 1em;
            padding-top: 0.5em;
            padding-bottom: 0.5em;

            width: 100%;

        }
        .publication .titre,
        .lettre-information .titre
        {
            font-size: 0.8em;
            vertical-align: middle;
            font-weight: bold;
        }
        .publication .date,
        .lettre-information .date
        {
            width: 15%;
            font-size: 0.7em;
            vertical-align: middle;
        }
        .publication .lien,
        .lettre-information .lien
        {
            width: 15% !important;
            font-size: 0.7em;
            vertical-align: middle;
        }
        .publication .description,
        .lettre-information .description
        {
            width: 70%;
            font-size: 0.8em;
            vertical-align: middle;
        }
        .publication_content *,
        .lettre-information_content *{
            display: table-cell;
        }
    /**
    * END - Publications
    **/


    /**
    * Pictogrammes Liens
    **/
        .link.out
        {
            padding-right: 13px;
            background: url(/images/externe.png) center right no-repeat;
        }
        .link.download
        {
            padding-top: 40px;
            background: url(/images/adobe-pdf-logo.png) center center no-repeat;
            height: 30px;
            line-height: 30px;
        }
        .entry-content .lien
        {
            margin-top: 30px;
            width: 100%;
            text-align: right;
        }
        .link.rss
        {
            float: right;
            clear: right;
            padding-left: 35px;
            background: url(/images/rss.png) center left no-repeat;
            height: 30px;
            line-height: 30px;
        }
    /**
    * END - Pictogrammes Liens
    **/

    /**
    * Titre RSS
    **/
        .rss_title
        {
            clear: none;
            display: inline;
        }
    /**
    * END - Titre RSS
    **/

    /**************/
    /* Formulaire */
    /**************/
    .wpcf7-form .wpcf7-radio .wpcf7-list-item,
    .wpcf7-form .wpcf7-checkbox .wpcf7-list-item
    {
        display: block;
    }
    .wpcf7-form .wpcf7-text
    {
        line-height: 0.75;
    }


    /************/
    /* Mosaique */
    /************/
    #primary .autogrid2 .module
    {
        margin-left: 0.5em;
        margin-right: 0.5em;
        margin-top: 0.5em;
    }
    ul.autogrid3,
    .autogrid2
    {
        margin: 0;
        padding: 0;
    }
    ul.autogrid3 li  {
        padding: 10px;
        /*height: 200px;*/
        margin: 10px !important;
    }
    .autogrid3 > * {
        width: 30%;
    }
    .autogrid2 > *
    {
        width: 47%;
    }
    [class*="autogrid"] > *
    {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }
    #primary .autogrid2 .module p
    {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    .autogrid2 .module a
    {
        color: #303030;
    }
    .autogrid2 .module a:hover
    {
        color: #f68121;
    }
    #primary .autogrid2.no-margin
    {
        margin: 0 !important;
    }

    .form_autogrid
    {
        margin: 0 !important;
        padding: 0;
    }
    .form_autogrid h2
    {
        width: 100%;
        padding: 8px 0 8px 5px;
    }
    .form_autogrid > .module_content > div
    {
        width: 47%;
    }
    .form_autogrid > .module_content > div
    {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    /**
    *
    **/
    .site-title
    {
    	margin-left: 130px;
    	color: #303030;
    }



    /*************/
    /* Structure */
    /*************/
        #primary.content-area
        {
            padding-right: 0;
            width: 65%;
        }
        .site-content
        {
            padding-bottom: 20px;
            padding-top: 20px;
        }
        .breadcrumb
        {
            padding-bottom: 15px;
        }

        #left
        {
            float:left;
        }
        #left.sidebar
        {
            width: 15%;
        }
        #right.sidebar
        {
            width: 20%;
        }
        .site-footer
        {
            padding: 0;
            background: none;
        }
        .site-footer a:link, .site-footer a:visited
        {
            color: #f68121;
        }
        .footer-main {
            background: #fff;
        }
        #primary article
        {
            padding-top: 0;
            padding-bottom: 0;
            line-height: 1;
        }
        #primary article header
        {
            padding-bottom: 15px;
        }
        #primary article p
        {
            margin-bottom: 0;
        }
        #primary .module
        {
            margin-left: 3em;
            margin-right: 3em;
        }

        .subpages
        {
            list-style-type: none;
        }

        /************/
        /* Category */
        /************/
        .category_articles_list ul
        {
            margin: 0;
            padding-left: 15px;
            list-style-type: none;
        }
        .category_articles_list ul li
        {
            padding-bottom: 20px;
        }
        .category_articles_list ul h2
        {
            font-size: 1em;
            /*line-height: 0em;*/
        }

        /**************/
        /* Newsletter */
        /**************/
        .newsletter_link
        {}