/*
Theme Name: Qwehli blanc
Theme URI: http://www.ayctor.com/
Description: Theme pour la marque Qwehli
Version: 1
Author: Erwan Guillon pour Ayctor Studio
Tags: 

Le theme pour le site Qwheli
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td{
    margin:0;padding:0;border:0;font-weight:normal;font-style:normal;
    text-align:left;font-family:inherit;}table{border-collapse:collapse;
    border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}

/*
* General config
*/

body{
    width: 100%;
    height: 100%;
    background: black;
    color: white;
    font-family: Calibri, Arial;
}

em{font-style: italic;}
strong{font-weight: bold;}

div#wrapper{
    width: 960px;
    margin: auto;
    margin-bottom: 25px;
}

.textright{
    text-align: right;
}

.alignright{
    float: right;
}

.alignleft{
    float: left;
}

.clear{
    clear: both;
}

input{
    background: #929292;
    border: 0;
}

input[type=text]{
    height: 16px;
    padding: 4px;
    margin-right: 1px;
    margin-left: 85px;
    float: left;
}

input[type=submit]{
    /*margin-top: 1px;*/
    margin: 0;
    float: left;
    padding: 2px 2px 4px 2px;
}
/*
* Header
*/

div#header{
    margin-top: 10px;
    width: 100%;
    height: 127px;
}

div#header-left{
    position: relative;
    float: left;
}

div#header-left h1{
    float: left;
}

div#header-right{
    float: right;
}

div#search-form{
    width: 100%;
    text-align: right; 
}


/*
* Menu
*/

div#menu{
    width: 100%;
    clear: both;
    margin-bottom: 9px;
    margin-top: 20px;
}

div#menu ul{
    width: 100%;

}

div#menu ul li{
    display: block;
    float: left;
    margin:0;
    color: white;
    border-bottom: 6px solid #383838;
}

div#menu a, #menu a:visited{
    color: white;
    font-size: 17px;
    text-decoration: none;
}

#home:hover, #home.current{
    border-color: #a808fb;
}

#marque:hover, #marque.current{
    border-color: #009ffe;
}

#produits:hover, #produits.current{
    border-color: #f9cf25;
}

#ferme:hover, #ferme.current{
    border-color: #0fd945;
}

#hommes:hover, #hommes.current{
    border-color: #ee542a;
}

#bio:hover, #bio.current{
    border-color: #00e4ff;
}

#recettes:hover, #recettes.current{
    border-color: #ff01ba;
}

/*
* Content
*/

div#content{
    clear: both;
    border-bottom: 6px solid #383838;
    border-left: 6px solid #383838;
    border-right: 6px solid #383838;
    padding:0;
}

div#visuel{
    border-bottom: 6px solid #383838;
    padding:0;
    margin:0;
    width: 948px;
    height: 143px;
}

div#visuel img{
    margin:0;
    padding:0;
}

div#page{
    position: relative;
    min-height:264px;
	background: white;
	color: black;
}

div#page h1{
    padding: 0;
    margin: 50px 0 0 35px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
}

div#page p{
    margin: 0;
    padding: 0;
    line-height: 22px;
    margin-left: 35px;
	margin-top: 5px;
}

div#content-text-home{
    margin: 0;
    padding: 0;
}

div#content-text{
    margin-top: 30px;
    width: 350px;
    text-align: right;
	font-size: 15px;
}

div#content-text p{
    text-align: right;
    margin-right: 10px;
}

div#menu-page{
    margin-top: 100px;
    width: 120px;
	font-size: 14px;
}

div#menu-page ul li{
    width: 100%;
    
}

div#menu-page ul li a, div#menu-page ul li a:visited{
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px 10px;
    color: black;
    text-decoration: none;
    /*text-transform: uppercase;*/
	font-weight: bold;
}

div#menu-page ul li a:hover{  
    color: black;
}
div#news{
    min-height: 400px;
    width:90%;
    margin: auto;
    padding: 25px 0;
}

div.news{
    margin-top: 40px;
}

div.news h2 a, div.news h2 a:visited{
    color: #a808fb;
    text-decoration: none;
}

div.news h2{
    margin: 10px 0;
}

div.news p{
	margin-top: 12px;
}

div.news .cats a, div.news .cats a:visited{
    color: #009ffe;
}

div.news a, div.news a:visited{
    color: black;
}

div.news-content{
    margin-top: 15px;
}

div#blog{
    background: white;
    color: black;
}



.color-home{color: #a808fb;}
.color-marque{color: #009ffe;}
.color-produits{color: #f9cf25;}
.color-ferme{color: #0fd945;}
.color-hommes{color: #ee542a;}
.color-bio{color: #00e4ff;}
.color-recettes{color: #ff01ba;}

div#menu-page ul.bg-home a:hover{background: #a808fb;}
div#menu-page ul.bg-marque a:hover{background: #009ffe;}
div#menu-page ul.bg-marque a:hover{background: #009ffe;}
div#menu-page ul.bg-produits a:hover{background: #f9cf25;}
div#menu-page ul.bg-ferme a:hover{background: #0fd945;}
div#menu-page ul.bg-hommes a:hover{background: #ee542a;}
div#menu-page ul.bg-bio a:hover{background: #00e4ff;}
div#menu-page ul.bg-recettes a:hover{background: #ff01ba;}

div#menu-page ul.bg-home .current_page_item a{background: #a808fb;}
div#menu-page ul.bg-marque .current_page_item a{background: #009ffe;}
div#menu-page ul.bg-produits .current_page_item a{background: #f9cf25;}
div#menu-page ul.bg-ferme .current_page_item a{background: #0fd945;}
div#menu-page ul.bg-hommes .current_page_item a{background: #ee542a;}
div#menu-page ul.bg-bio .current_page_item a{background: #00e4ff;}
div#menu-page ul.bg-recettes .current_page_item a{background: #ff01ba;}

div#menu-blog{ float: right;}
div#menu-blog ul li{display: block; float: right;}
div#menu-blog a, div#menu-blog a:visited {display: block; color: black; padding: 5px 10px; text-transform: uppercase;}

div#retour-blog a, div#retour-blog a:visited{display: block; padding: 5px;}
div#menu-blog a:hover{background: #009ffe;}
div#menu-blog .current-cat a{background: #009ffe;}

/*
* Footer
*/

div#footer{
    width: 100%;
}


div#newsletter{
    font-size: 15px;
    /*margin-left : 25%;*/
    float : left;
    
}
div#blog-footer{
    margin-top: 35px;
    /*margin-left : 25%;*/
}

div#blog-footer img{
    display: block;
}

#languages{
    margin-top: 5px;
    /*margin-right : 25%;*/
    font-weight: bold;
    font-size: 13px;
    float: right;
}

#languages a, #languages a:visited{
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#languages .current{
    color: #399ed7;
    font-weight: bold;
}

#legal{
    margin-top: 35px;
    /*margin-right : 25%;*/
    border-top: 2px solid #9a9a9a;
    float: right;
}

#legal ul li{
    float:left;
    margin-left: 10px;
}

#legal, #legal a, #legal a:visited{
    color: #9a9a9a;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
}

#legal ul li:hover a{
	color: white;
}


div#visuel-page{
	padding: 0;
	margin: 0;
	height: 420px;
}