/*
    Theme Name: Tournez 2016
    Theme URI: http://5auxmoulins.ch
    Description: Thème Tournez la Meule 2015
    Version: 1.0.0

    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
*/

    h1, h2, h3, h4, .menu {
        /*margin-top: 0;
        padding-top: 10%;*/
        font-variant:small-caps;
        font-family: Helvetica, Arial, sans-serif !important;
    }

    html, body, #wrapper {
        margin: 0;
        height: 100%;
        width: 100%;
        color: #ffeecb !important;
        font-family: Garamond, Georgia, serif;
    }

    .navbar-default, .dropdown-menu {
        /*background-color: #D33438 !important;*/
    }

    .navbar-default, .dropdown-menu {
    	/*border-color: transparent !important;*/
    }

   .menu-item a {
    	/*color: inherit !important;
    	font-size: 22px;
	background-color: inherit;*/
   }

    div:not(#titre) > h1 {
        padding-top: 100px;
    }

    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: inherit;
    }

    a {
        color: inherit;
    }

    html, body, .menu, #wrapper {
        background: #D33438 !important;
    }

    #main {
    	text-align: justify;
    	max-width: 900px;
    	margin: auto;
    }

    .hyperlink, .menu-item {
        /*text-decoration: underline;*/
    }

    .hyperlink:hover, .menu-item a:hover, .current-menu-parent > a, .current-menu-item > a {
        /*color: #F5B228 !important;
	background-color: inherit !important;*/
    }

    div:not(#titre) > h1 {
        /*padding-top: 100px;*/
    }

    .menu {
        top: 0;
        height: 60px;
        /*height: 20%;*/
        width: 100%;
        position: fixed;
        color: rgb(245, 222, 179);
        display: block;
        /*border-bottom-style: dashed;*/
        z-index: 100;
    }

    .menu img {
        float: left;
        height: 50px;
        padding-top: 10px;
    }

    .menu ul {
        padding-left: 60px;
        display: block;
    }

    .menu li {
        display: inline;
        font-size: 22px;
        padding-left: 10px;
    }

    /*.menu li:before {
        content: "♦";
        text-decoration: none;
    }*/

    #wrapper {
        text-align: center;     
        color: #ffeecb; 
    }

    .logo, #banner {
        width: 60%;
        max-width: 900px;
    } 

    #main {
        padding-top: 100px;
    }

    #programme {
        margin-bottom: 40px
    }

    #titre h2 {
        margin-bottom: 10px;
        font-size: 44px;
    }

    #logo_souris {
        padding-left: 120px;
        margin: auto;
        width: 490px;
        height: 400px;

    }

    #souris2 {
        position: absolute;
    }

    .souris {
        max-height: 400px;
    }

    .moulin {
        position: relative;
        max-height: 150px;
    }

    #moulin1 {
        top: -251px;
        left: -150px;
    }

    #moulin2 {
        top: -250px;
        left: -118px;
    }

    #potes {
        color: rgb(255, 247, 232);
    }

    .colonnes {
        margin: auto;
        width: 700px;
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
        column-rule: 3px solid rgba(0,0,0,.4);

    }

    .column-left {
        text-align: right;
    }
    .column-right {
        text-align: left;
    }    

    .column-center {
        display: none;
    }

    .colonnes h3 {
        break-before: always;
        -webkit-column-break-before: always;
        margin-top: 0px;
    }

section {
	margin: auto;
	max-width: 600px;
    width: 100%;
	padding-bottom: 60px;
}
#section_titre{
	text-align: center;
}

#section_titre img {
    width: 100%;
    max-width: 442px;
    height: auto;
}
    #groupes p {
        text-align: left;
        margin: auto;
        padding-bottom: 10px;
    }

    #groupes h1 {
        
    }

    footer {
        margin: 50px;
        height: 60px;
    }



    #titre h1 img {
        margin-top: 0;
    } 

.blurCover {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

    .posts_in_page img, .posts_in_page p, #festival, .posts_in_page h2, .posts_in_page h3 {
        width: 66%;
        max-width: 600px;  
        margin: auto;
        text-align: left;
    }


    .posts_in_page {
        max-width: 900px;
        padding-bottom: 50px;
        margin: auto;
        width: 80%;
    } 

    .posts_in_page img {
        margin-top: 30px;
    }

    iframe {
        width: 100%;
        max-width: 600px;
    }

.presentation_groupe iframe+img {
    max-width: 600px;
    width: 100%;
}