loc/*
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

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

	Theme Name: Val Des Rosacees
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 18px/1.4 'Raleway', sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
    text-decoration:none;
    color:#ed390a;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.row{
	margin:0;
    padding:0;
}

/*------------------------------------*\
    TEXT STYLE
\*------------------------------------*/

h1 {
    color:#5b402b;
	font-family:'Raleway', sans-serif;
    font-size:38px;
}
h2 {
    color:#b7212f;
	font-family:'Raleway', sans-serif;
    font-size:30px;    
}
h3 {
    color: #5b402b;
	font-family:'Raleway', sans-serif; 
    font-size:24px;    
}
h4 {
	font-family:'Raleway', sans-serif;
    font-size:18px;    
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	margin:0 auto;
	position:relative;
}
.wrap {
	margin:0 auto;
	position:relative;
    width:954px;
}

/* header */
header {
    padding: 13px 0px;
}

/* contact */
.infos {
    position: absolute;
    right: 0px;
    top:15px;
    text-align: right;
    font-size:26px;
    line-height:40px;
    color:#5b402b;
}
.infos .cueillette {
    font-size:20px!important;
	line-height:1.2em;
}
.infos a {
    color:#5b402b;
}
.infos a:hover {
    color:#ed390a;
}

/* nav */
nav {
	font-family:'Raleway', sans-serif;     
    background:#e3dfd1;           
    height:66px;
}
nav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
nav ul li {
	float:left;
}
nav ul li a {
    padding: 20px 16px;
    display: block;
    color: #5b402b;
    text-transform:uppercase;
    font-weight:bold;
}
nav ul li:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bc2c06+0,f63908+33,f63908+100 */
    background: #bc2c06; /* Old browsers */
    background: -moz-linear-gradient(top, #bc2c06 0%, #f63908 33%, #f63908 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc2c06), color-stop(33%,#f63908), color-stop(100%,#f63908)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bc2c06 0%,#f63908 33%,#f63908 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bc2c06 0%,#f63908 33%,#f63908 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bc2c06 0%,#f63908 33%,#f63908 100%); /* IE10+ */
    background: linear-gradient(to bottom, #bc2c06 0%,#f63908 33%,#f63908 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc2c06', endColorstr='#f63908',GradientType=0 ); /* IE6-9 */
}
nav  ul li:hover a {
    color:white;
} 
nav .current_page_item {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5cea6+0,e3dfd1+33 */
    background: #d5cea6; /* Old browsers */
    background: -moz-linear-gradient(top, #d1cab0 0%, #e3dfd1 33%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1cab0), color-stop(33%,#e3dfd1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d1cab0 0%,#e3dfd1 33%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d1cab0 0%,#e3dfd1 33%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d1cab0 0%,#e3dfd1 33%); /* IE10+ */
    background: linear-gradient(to bottom, #d1cab0 0%,#e3dfd1 33%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1cab0', endColorstr='#e3dfd1',GradientType=0 ); /* IE6-9 */
}
nav ul li ul {
    display: none;
}

/* sous-nav */
nav ul li:hover ul {
    display: block;
    position: absolute;
    z-index: 9;
    background-color: #e3dfd1;
}
nav ul li ul li  {
    float:none;
}
nav ul li ul li a {
    padding: 18px 34px;
    display: block;
    color: #5b402b!important;
    font-weight: bold;
    text-transform: uppercase;
}
nav ul li ul li a:hover {
    color:white!important;
}
li#menu-item-27 {
    display: none;
}

/* main */
.page main {
    background: #fcfbf6;
    margin: 0px;
    padding:42px;
}
.home main {
    background: #ece9df;
}

/* recette */
#recettes {
    height:auto;
}
#recettes .wrap {
    text-align:center;
    padding:25px;
    color:#5b402b;    
}
#footimg1 {
    background:url('img/foot-img1.jpg');
    background-size:cover;
    height:250px;
}
#footimg2 {
    background:url('img/foot-img2.jpg');
    background-size:cover;
    height:250px;
}
#footimg3 {
    background:url('img/foot-img3.jpg');
    background-size:cover;
    height:250px;
}
#footimg1 a{
    width:500px;
    height:250px;
}

/* prefooter */
#prefooter {
    background: url('img/back-bois.jpg');
    padding: 100px 100px;
    text-align: center;
    font-size: 27px;
    color: white;
}
#prefooter h2 {
    text-transform:uppercase;
}
#prefooter a {
    color:#ffffff;
}
#prefooter a:hover {
    color:#b7202f;
}

/* footer */
footer {
    background: url('img/back-nappe.jpg');
    padding: 25px 10px;
    color:white;
    font-size:14px;
    text-align: center;
} 

/*------------------------------------*\
    ACCUEIL
\*------------------------------------*/

/* btn */
.btn-brun {
    border: 6px solid #5b402b;
    background: #e3dfd1;
    border-radius: 0px;
    color: #5b402b;
    text-transform: uppercase;
    font-size:24px;
    font-weight: bold;
    padding: 19px 25px;
}
.btn-brun span {
    padding: 9px 11px;
    display: inline-block;
    margin: -5px;
}
.btn-brun .rouge {
    display: none;
}
.btn-brun:hover {
    border: 6px solid #ed390a;
    background: #5b402b;
    color:#ed390a;
}
.btn-brun:hover .rouge {
    display: inline-block;
}
.btn-brun:hover .brun {
    display: none;
}

/* pix pommes */
#pixpommes {
    background:url('img/img-verger.jpg') center center;
    background-size:cover;
    height:450px;
}
#pixpommes .btn-brun {
    position: absolute;
    left:35px;
    top:42%;
}

/* pix erables */
#pixerable {
    background:url('img/img-cabane.jpg') center center;
    background-size:cover;
    height:450px;
}
#pixerable .btn-brun {
    position: absolute;
    right:35px;    
    top:42%;
}

/* nappe */
#nappe {
    background: url('img/back-nappe.jpg');
    text-align: center;
    font-size:28px;
    color:#ffffff;
}
#nappe .wrap {
    padding:100px 150px;
}
#nappe .bg-blanc{
    background:#ffffff;
    color:#b7212f;  
    padding:15px;
    font-size:32px;
}

/* nappe2 */
#nappe2 {
    background: url('img/back-nappe.jpg');
    text-align: center;
    font-size:28px;
    color:#ffffff;
}
#nappe2 .wrap {
    padding:100px 150px;
}
#nappe2 .bg-blanc{
    background:#ffffff;
    color:#b7212f;  
    padding:15px;
    font-size:32px;
}

/* ronds */
#ronds {
    background:#ece9df;    
    padding-top:40px;
    text-align:center;
    text-transform:uppercase;
    font-size:16px;
    font-weight:bold;    
}
#ronds img {
    margin-bottom: 30px;
}
#ronds span {
    padding:0px 14px;
    display:block;
}
hr {
    height: 9px;
    background-color: white;
    margin: 46px 0px;
}
.location {
    font-size:22px;
    text-align: center;
    padding-bottom:50px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 319px) {
    nav{ display:none; }
    .wrap  { 
        width:100%;
        padding:10px 0px;
    }    
    #nappe .wrap  { 
        padding:20px;
        font-size:22px;        
    }      
    header { 
        height:405px;
        position:relative;
    }     
    .logo { 
        width:100%;    
        text-align:center;            
    }    
    .infos {
        width:100%; 
        top:225px;
        text-align:center; 
        font-size:18px;
    }
    .navmobile { 
        background: #e3dfd1;         
        display:block;
        text-align:center;
        padding:10px;
        font-size:16px;   
    } 
    main  {
        padding:10px;
    } 
    #pixpommes, #pixerable  {
        height:250px;
    }
    #pixpommes .btn-brun, #pixerable .btn-brun{
        font-size:15px;
        left:6px;
        right:6px;        
        top:100px;  
        margin:0;
        padding:10px 15px;        
    }    
    #prefooter {
        padding:20px;
        font-size:16px;
    }  
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    nav { display:none; }
    .wrap  { 
        width:100%;
        padding:10px;
    }    
    #nappe .wrap  { 
        padding:10px 0px;
        font-size:22px;        
    }      
    header { 
        height:405px;
        position:relative;
    }     
    .logo { 
        width:100%;    
        text-align:center;            
    }    
    .infos {
        width:100%; 
        top:225px;
        text-align:center; 
        font-size:18px;
    }    
    .navmobile { 
        background: #e3dfd1;         
        display:block;
        text-align:center;
        padding:15px;
        font-size:18px;   
    } 
    main  {
        padding:10px;
    } 
    #pixpommes, #pixerable  {
        height:350px;
    }
    #pixpommes .btn-brun, #pixerable .btn-brun{
        font-size:16px;
        left:10px;
        top:100px;  
        margin:0;
    }    
    #prefooter {
        padding:25px;
        font-size:18px;
    }    
}

@media only screen and (min-width: 480px) and (max-width: 763px) {
    nav { display:none; }
    .wrap  { 
        width:100%;
        padding:10px 0px;
    }    
    header { 
        height:400px;
        position:relative;
    }     
    .logo { 
        width:100%;    
        text-align:center;            
    }    
    .infos {
        width:100%; 
        top:250px;
        text-align:center;        
    }  
    .navmobile { 
        background: #e3dfd1;         
        display:block;
        text-align:center;
        padding:15px;
        font-size:26px;   
    }    
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    nav{ display:none; }
    .wrap  { 
        width:100%;
        padding:10px 0px;
    }     
    .navmobile { 
        background: #e3dfd1;         
        display:block;
        text-align:center;
        padding:25px;
        font-size:36px;        
    }
}
@media only screen and (min-width: 993px) {
    nav { display:block }
    .navmobile { display:none; }
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		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) ")";
	}
	.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;
	}
	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;
	}
}