/*
        Theme Name: EVL paysage
        Theme URI: http://www.duchatelet-paysage.fr
        Description: 
        Version: 1.0
        Author: IRCF
        Author URI: http://ircf.fr
*/

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);

/* Tags */
body{
    font-family: arial,helvetica,sans-serif;
    color:#000;
    text-align:center;
    font-size:14px;
    line-height:1.6em;
    background-color:#92ae35;
    margin:0;
    padding:0;
}
h1{
    font-size:2.5em;
    color:#92ae35;
    font-family: 'Kaushan Script', cursive;
    line-height:normal;
    font-weight:normal;
}
h2{
    font-size:2em;
    color:#92ae35;
    font-family: 'Kaushan Script', cursive;
    line-height:normal;
    font-weight:normal;
}
h3{
    font-size:1.4em;
    border-bottom:1px solid #f7c669;
}
a{
    color:#000;
    text-decoration:none;
}
a:hover{
}
a img{
    border:0;
}
em{
}
h1,h2,h3,p,ul{
    margin:10px 0;
    padding:0;
}
ul{
    list-style-image:url(images/puce.gif);
    padding-left:15px;
}

/* Page wrapper */
#page{
    width:980px;
    margin:0 auto;
}

/* Menus */
ul.menu{
    clear:both;
    font-family: 'Kaushan Script', cursive;
    font-size:1.6em;
    list-style:none;
    list-style-image:none;
    margin:20px 0;
    padding:10px 0;
    background-color:#fdfdfd;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -ms-border-radius:20px;
    box-shadow:0px 2px 4px #333333;
    -moz-box-shadow:0px 2px 4px #333333;
    -webkit-box-shadow:0px 2px 4px #333333;
    -ms-box-shadow:0px 2px 4px #333333;
}
ul.menu li{
    display:inline;
}
ul.menu li a{
    color:#92ae35;
    padding:0 10px;
}
ul.menu li.current-menu-item a,
ul.menu li a:hover{
    color:#684b09;
}

/* Header */
#header{
}
#header h2{
    float:right;
    text-align:right;
    margin:30px 0;
    color:#684b09;
    width:540px;
}
#header h1{
    padding:0;
    margin:0;
    float:left;	
    border-radius:0 0 23px 23px;/* Syntaxe raccourcie : reconnu par css3.htc */	
    -moz-border-radius-bottomleft:23px;
    -webkit-border-bottom-left-radius:23px;
    -moz-border-radius-bottomright:23px;
    -webkit-border-bottom-right-radius:23px;
    box-shadow:0px 2px 4px #333333;
    -moz-box-shadow:0px 2px 4px #333333;
    -webkit-box-shadow:0px 2px 4px #333333;
    -ms-box-shadow:0px 2px 4px #333333;
}
#header ul.menu{
}

/* Content */
#content{
    text-align:justify;
}
#content .container_12{
    width:980px!important;
}
#main{
    background-color:#fdfdfd;
    color:#000;
    padding:0 20px;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -ms-border-radius:20px;
    box-shadow:0px 2px 4px #333333;
    -moz-box-shadow:0px 2px 4px #333333;
    -webkit-box-shadow:0px 2px 4px #333333;
    -ms-box-shadow:0px 2px 4px #333333;
}
#main h1,
#main h2{
    color:#92ae35;
}

/* Footer */
#footer{
    margin:20px 0 0;
    padding:0 20px;
    background-color:#fdfdfd;
    border-radius:20px 20px 0 0;/* Syntaxe raccourcie : reconnu par css3.htc */	
    -moz-border-radius-topleft:20px;
    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topright:20px;
    -webkit-border-top-right-radius:20px;	
    box-shadow:0px 2px 4px #333333;
    -moz-box-shadow:0px 2px 4px #333333;
    -webkit-box-shadow:0px 2px 4px #333333;
    -ms-box-shadow:0px 2px 4px #333333;
}
#footer p{
    text-align: center;
}
#footer address.vcard{
    font-family: 'Kaushan Script', cursive;
    text-align:left;
    font-style:normal;
    margin-top:10px;
}
#footer address.vcard .org{
    display:block;
    font-family: arial,helvetica,sans-serif;
    font-weight:bold;
    font-size:1.4em;
    margin:10px 0;
    border-bottom:1px solid #f7c669;
}
#footer address.vcard .org span{
    display:none;
}
#footer address .email,
#footer address .adr{
    display:block;
}
#footer div.logos{
    text-align:center;
    margin:20px 0 0;
}
#footer div.logos *{
    display:inline;
}
#footer div.logos h2{
    font-size:1em;
}
#footer div.logos a{
}
#footer div.logos a img{
    max-width:150px;
    margin: 0 10px 10px;
    /*border:1px solid #f7c669;*/
}
#footer div.logos li:first-child a img{
    margin-left:0;
}
#footer ul.partenaires{
    text-align:center;
    margin:10px 0 0;
}
#footer ul.partenaires *{
    display:inline;
}
#footer ul.partenaires h2{
    font-size:1.5em;
}
#footer ul.partenaires a{
    font-size:0.9em;
}
#footer ul.partenaires a img{
    max-width:150px;
    margin: 0 5;
}

/* Gallery */
.gallery{
    float:left;
    width:100%;
    margin:10px 0;
    position:relative;
}
.gallery div.images ul{
    list-style:none;
    list-style-image:none;
    margin:0!important;
    padding:0!important;
    float:left;
    position:relative;
}
.gallery div.images ul li{
    float:left;
    text-align:center;
    /*margin:0 8px 10px 0;*/
}
.gallery div.images ul li .gallery-item{
    position:relative;
    opacity:0.8;
    border:1px solid #92ae35;
}
.gallery div.images ul li .gallery-item .gallery-icon{
    display:table-cell;
    vertical-align:middle;
}
.gallery div.images ul li .gallery-item .gallery-icon a{
    display:block;
}
.gallery div.images ul li .gallery-item .gallery-caption{
    height:20px;
    position:absolute;
    left:0;
    bottom:0;
    opacity:0.7;
    background:#684b09;
    color:#fff;
    padding:10px 0;
    margin:0;
    overflow:hidden;
    white-space:nowrap;
}
.gallery div.images ul li .gallery-item:hover,
.gallery div.images ul li .gallery-item.hover{
    opacity:1;
    border-color:#684b09;
}
.gallery div.images ul li .gallery-item:hover .gallery-caption{
}

/* Gallery slide */
.gallery.slide div.images{
    float:left;
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}
.gallery.slide div.images ul li{
    margin:0;
}
.gallery.slide div.images ul li .gallery-item{
    position:static;
}
.gallery.slide div.images ul li .gallery-item .gallery-caption{
    display:none;
}
.gallery.slide div.images ul li .gallery-item:hover .gallery-caption{
    display:block;
}

/* Navigation */
.gallery a.button{
    background:#684b09;
    height:100%;
    line-height:100%;
    position:absolute;
    opacity:0.01;
    margin-top:0;
    width:auto;
    padding:0 10px;
    z-index:2;
    cursor:pointer;
}
.gallery a.button:hover{
    opacity:0.5;
}
.gallery a.button.prev{
    left:0;
}
.gallery a.button.next{
    right:0;
}

/* Galerie thumbnail (140x140) */
.gallery.slide.thumbnail{
    height:140px;
}
.gallery.thumbnail div ul li .gallery-item .gallery-icon{
    width:140px;
    height:140px;
}
.gallery.thumbnail div ul li .gallery-item .gallery-caption{
    width:140px;
}
.gallery.thumbnail a.button{
    line-height:140px;
}
/* Galerie medium (300x225) */
.gallery.slide.medium{
    height:225px;
}
.gallery.medium div ul li .gallery-item .gallery-icon{
    width:300px;
    height:225px;
}
.gallery.medium div ul li .gallery-item .gallery-caption{
    width:100%;
}
.gallery.medium a.button{
    line-height:225px;
}
/* Galerie large (540x405) */
.gallery.slide.large{
    height:405px;
}
.gallery.large div ul li .gallery-item .gallery-icon{
    width:540px;
    height:405px;
}
.gallery.large div ul li .gallery-item .gallery-caption{
    width:540px;
}
.gallery.large a.button{
    line-height:305px;
}

/* Form */
form fieldset{
    border:none;
    padding:0;
}
form fieldset ol{
    list-style:none;
    margin:0;
    padding:0;
}
form fieldset ol li{
    clear:left;
    margin:5px 0;
}
form fieldset ol li label{
    float:left;
    width:30%;
    margin-right:10px;
    text-align:left;
}
form fieldset ol li input,
form fieldset ol li select,
form fieldset ol li textarea{
    width:60%;
    border:1px solid #f7c669;
    padding:5px;
}
form fieldset ol li input:focus,
form fieldset ol li select:focus,
form fieldset ol li textarea:focus{
    border-color:#684b09;
}
form fieldset ol li img.wpcf7-captcha-captcha{
    float:left;
    margin-right:5px;
}
form fieldset ol li .captcha input{
    width:auto;
}
span.required{
    color:#fff;
    padding:5px;
}
.button{
    cursor:pointer;
    border:none;
    background-color:#f7c669;
    color:#684b09;
    padding:5px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;

}
.button:hover{
    background-color:#684b09;
    color:#fff;
}
.button.wpcf7-submit{
    margin-left:150px;
}

/* Google Maps */
#GMV{
    height:440px;
    margin:10px 0;
    border:1px solid #f7c669;
}

/* Accueil */
#accueil .gallery.thumbnail div.images ul li{
    margin:0 14px 10px 0;
}

/* Responsive */
img {
    display: block;
    max-width: 100%;
    height: auto;
}
#page {
    max-width: 100%;
}
#content {
    max-width: 100%;
}
.container_12 {
    max-width: 100%;
    width: auto !important;
}
.container_12 .grid_1 {
    width: calc(8.33% - 20px);
}
.container_12 .grid_2 {
    width: calc(16.66% - 20px);
}
.container_12 .grid_3 {
    width: calc(25% - 20px);
}
.container_12 .grid_4 {
    width: calc(33.33% - 20px);
}
.container_12 .grid_5 {
    width: calc(41.66% - 20px);
}
.container_12 .grid_6 {
    width: calc(50% - 20px);
}
.container_12 .grid_7 {
    width: calc(58.33% - 20px);
}
.container_12 .grid_8 {
    width: calc(66.66% - 20px);
}
.container_12 .grid_9 {
    width: calc(75% - 20px);
}
.container_12 .grid_10 {
    width: calc(83.33% - 20px);
}
.container_12 .grid_11 {
    width: calc(91.66% - 20px);
}
.container_12 .grid_12 {
    width: initial;
    max-width: 100%;
}
@media (max-width: 767px) {
    
}
@media (max-width: 991px) {
    .container_12 .grid_1,
    .container_12 .grid_2,
    .container_12 .grid_3,
    .container_12 .grid_4,
    .container_12 .grid_5,
    .container_12 .grid_6,
    .container_12 .grid_7,
    .container_12 .grid_8,
    .container_12 .grid_9,
    .container_12 .grid_10,
    .container_12 .grid_11 {
        width: 100%;

    }
}