/* 
    Created on : 2 févr. 2016, 16:06:14
    Author     : Durançon M&J
*/
*{/*reset*/
    margin: 0;
    padding: 0px;
}

header {
    background-color:#8e826b; /* brun - fond de la banner*/
    height: 121px;
    width: 100%;
    position: relative;
    z-index: 10;
}

/*partie gauche de la bannière :*/
.left-header {float: left;}

.logo-dede {
    float: left;
    left: 0;
    margin-left: 20px;
    padding-top: 10px;
    position: relative;
    z-index: 10;
}

.site-slogan {float: left;}/*conteneur Titre du site web + slogan*/

.site-slogan p{color: #fff;}

.site {
    font-family: 'stencilregular';
    text-transform:uppercase;
    font-size: 2.75em;
    margin-bottom: -10px;
    font-size: 44px;
}

.slogan{
    font-family: "questrialregular", sans-serif;
    letter-spacing: 2px;
}

/*.site-slogan .logo-frapna,*/ a.header{text-decoration: none;}
/*******************************************************************/

/*partie droite de la bannière :*/
.right-header {
    float: right;
    margin-right: 20px;
    width: 354px;
}

.logo-frapna {
    float: right;
    width: 100%;
}

.logo-frapna img{
    max-width: 133px;/*50*/
    margin: 0;
    padding: 10px 0;
}

.legende-frapna{
    color: #fff;
    float: left;
    font-size: 1.25em;
    font-size: 20px;
    margin: 23px 15px 0 0;
}

/*******************************************************/

/*zone de recherche*/
.form-search {
    float: right;
    margin-right: 1px;
}

.form-search .form-search-two, input{
    float: left;
	font-family: "questrialregular", sans-serif;
	letter-spacing:1px;	
	padding-left: 4px;
	color:#4d4d4d;/*gris*/
	font-size:1em;
	font-size:16px;
}

.champ-search{
    border: medium none;
    border-radius: 0;
    height: 24px;
    width: 200px;
}

.loupe{
    border: 1px solid #fff;
    border-radius: 0;
    width: 25px;
    background-color: #8e826b;
}

.new-search{float: left;}

.form-search-two{
    float: left;
    margin-left: 10px;
}

.champ-search-two {
    border: 1px solid #8e826b;
    height: 24px;
}

.loupe-two{
    background-color: #8e826b;
    border: 1px solid #8e826b;
    width: 27px;
}

.dd-search{
   max-width: 433px;
   width: 100%;
}

.dd-cuisine {margin: 30px auto;}


/******Media queries*******/

@media all and (max-width: 1024px){
    .header > img {
        margin-right: 20px;
        width: 80px;
    }

    .site-slogan {padding-top: 15px;}

    .site {font-size: 34px;}
    
    .slogan {font-size: 12px;}
	
    .right-header{width: 327px;} 
	
    .logo-frapna {width: 75%;}
    
    .logo-frapna img {visibility:hidden;/*max-width: 40px;*/}
       
    .legende-frapna {/*ajout 19/02/2019*/
		font-size: 14px;
		float:right;
		margin-right:0;
	}
	
}


@media all and (max-width: 839px){
    header {
        height: auto;
        padding: 10px 0;
    }
    
    .site-slogan {padding-top: 0;} 
    
	.logo-dede {padding-top: 0;}

    .right-header { margin-top: -10px;}
}

@media all and (max-width: 717px){
    .right-header {
        float: right;
		margin-right: 5px;
		width: 256px;
    }
    
    .logo-frapna{width: 100%;}
    
    .legende-frapna {font-size: 13px;}

    .logo-frapna img {max-width: 29px;}
}   
    

@media all and (max-width: 630px) {
    .right-header {
        float: none;
        margin-right: 0;
        position: absolute;
        right: 0;
        top: 59px;
        width: 270px;
    }
    
    .form-search {
        float: right;
        margin-right: 0;
        width: 270px;
    }
    
    .champ-search {
        border: 1px solid #ababab;
        border-radius: 0;
        height: 44px;
        width: 208px;
    }

    .loupe {
        border: 1px solid #ababab;
        width: 50px;
    }
	
	.legende-frapna{margin-right:10px; margin-bottom : 4px;}
}

@media all and (max-width: 738px){
    .dd-search{max-width: 250px;}
}

@media all and (max-width: 430px){
    .left-header {
        float: left;
        width: 100%;
    }

    .site-slogan {
        padding: 0;
        width: 71%;
    }
    
    .site-slogan p{letter-spacing: 0.15em;}
    
    .logo-dede {
        margin-left: 10px;
        width: 25%;
    }
    
    .site {font-size: 28px;}
    
    .header > img {margin-right: 0;}
    
    .legende-frapna {font-size: 10px;}
}

@media all and (max-width: 375px){
    .logo-frapna {width: 90%;}
    
    .logo-frapna img {
		max-width: 35px;
        padding-bottom: 5px;
    }
}

@media all and (max-width: 331px){
    .right-header {margin-right: 0;}
    
    .form-search {margin-right: 0;}
}

/**************PRINT****************/
@media print{
		.legende-frapna{margin-top:-30px;}
		
		.form-search {display:none;}
		
}