@font-face {
    font-family: 'allura';
	src: url('../02_Polices/Allura/allura-regular.eot');
    src: url('../02_Polices/Allura/allura-regular.eot?#iefix') format('embedded-opentype'),
         url('../02_Polices/Allura/allura-regular.woff') format('woff'),
         url('../02_Polices/Allura/allura-regular.ttf') format('truetype'),
         url('../02_Polices/Allura/allura-regular.svg#Allura') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'typoliner';
	src: url('../../../00_Design/02_Polices/typoliner/typoliner.eot');
    src: url('../../../00_Design/02_Polices/typoliner/typoliner.eot?#iefix') format('embedded-opentype'),
         url('../../../00_Design/02_Polices/typoliner/typoliner.woff') format('woff'),
         url('../../../00_Design/02_Polices/typoliner/typoliner.ttf') format('truetype'),
         url('../../../00_Design/02_Polices/typoliner/typoliner.svg#typoliner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alegreya-Regular';
	src: url('../../../00_Design/02_Polices/Alegreya/alegreya-regular-webfont.eot');
    src: url('../../../00_Design/02_Polices/Alegreya/alegreya-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../00_Design/02_Polices/Alegreya/alegreya-regular-webfont.woff') format('woff'),
         url('../../../00_Design/02_Polices/Alegreya/alegreya-regular-webfont.ttf') format('truetype'),
         url('../../../00_Design/02_Polices/Alegreya/alegreya-regular-webfont.svg#CaviarDreams') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alexbrush';
	src: url('../../../00_Design/02_Polices/Alexbrush/Alexbrush-regular-webfont.eot');
    src: url('../../../00_Design/02_Polices/Alexbrush/Alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../00_Design/02_Polices/Alexbrush/Alexbrush-regular-webfont.woff') format('woff'),
         url('../../../00_Design/02_Polices/Alexbrush/Alexbrush-regular-webfont.ttf') format('truetype'),
         url('../../../00_Design/02_Polices/Alexbrush/Alexbrush-regular-webfont.svg#CaviarDreams') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width: 1000px)
{
	/*Affichage reduit*/
	
}

@media screen and (min-width: 1001px)
{
	/*Affichage large*/
	
}

html {
	display: block;
	position: relative;
	font-size: 100%;
    line-height: 100%;
	top : 0;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 85%;
	min-width: 800px;
	background-color: #FFFFFF;
	background: url(../01_Fond/00_Images/Bordure_gauche.gif) repeat-y top left, url(../01_Fond/00_Images/Bordure_droite.gif) repeat-y top right;
	background-size: 5%;
}

body {
	display: block;
	position: relative;
	font: 75% georgia, sans-serif;
	color: #555753;
	position: relative;
	top: 0;
	width: 90%;
	line-height: 1.88889;
	margin: 0 auto 0 auto;
	padding: 0;
}

p { 
	margin-top: 0; 
	text-align: justify;
	padding: 2%;	
}
p, table, ul {font-family: Times; font-size: 1.7em; }
a, select, textarea, input, li, tr, td, button {font-size: 1em; font-family: Times; }


button {position: relative; font-size: 1.3em; color: #FFFFFF; background-color: #000000; border: none; cursor: pointer;}
button:hover, button:active {color: #DAA520;}

a:link, a:visited  { 
	font-weight: bold; 
	text-decoration: none; 
	color: #990099;
	}
a:hover, a:active { 
	font-weight: bold; 
	text-decoration: underline overline; 
	color: #9900FF;
	}

.date_jour {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;
	line-height: 12px;
}
.erreur {
	font-weight: bold;
	color: #FF0000;
}

.bold {font-weight: bold;}
.centre {text-align: center;}

input.champForm, select.champForm {display: block; position: relative; margin: 1em 0 1em 0; padding: 0.5em; }


/*Pop up jas*/
div.popUp {display: block; position: absolute; z-index: 6; top: 5em; width: 80%; left: 10%; padding: 2em 3% 2em 3%; margin: 0 auto 2em auto; background-color: #D3D3D3; rder: 1px solid #000000; border-radius: 2em; box-shadow: 0.5em 0.5em 2em #000000;}


/* specific divs */
header {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	/*background-color: #FFEBCD;*/
	top: 0px;
	z-index: 5;
	/* border-bottom: 5px solid #990000; */
	background: url(../01_Fond/00_Images/soup-1006694_1280.jpg) no-repeat 25%;
	background-size: 100%;
}

header .masterMask {display: flex; /*background: url(../01_Fond/00_Images/girl-chef-entrees.png) no-repeat bottom center;*/ background-size: 12%; height: 20em;}

header .OnDefault {/*border-bottom: 5px solid #FFFFFF; */background: url(../01_Fond/00_Images/girl-chef-blanc.png) no-repeat bottom center; background-size: 12%;}
header .OnApero {/*border-bottom: 5px solid #FFCC99; */background: url(../01_Fond/00_Images/girl-chef-apero.png) no-repeat bottom left 30%; background-size: 12%;}
header .OnEntrees {/*border-bottom: 5px solid #FFFFCC;*/ background: url(../01_Fond/00_Images/girl-chef-entrees.png) no-repeat bottom left 47.5%; background-size: 12%;}
header .OnPlats {/*border-bottom: 5px solid #CCCCCC; */background: url(../01_Fond/00_Images/girl-chef-plats.png) no-repeat bottom right 35.5%; background-size: 12%;}
header .OnDesserts {/*border-bottom: 5px solid #D6AAF1; */background: url(../01_Fond/00_Images/girl-chef-desserts.png) no-repeat bottom right 19%; background-size: 12%;}
header .OnAutres {/*border-bottom: 5px solid #FFCCFF; */background: url(../01_Fond/00_Images/girl-chef-autres.png) no-repeat bottom right 1.5%; background-size: 12%;}







/*header .masterMask {display: flex; background: url(../01_Fond/00_Images/Cuisinier4.png) no-repeat bottom center, url(../01_Fond/00_Images/Corbeille_fruits.png) no-repeat top right; border-bottom: 5px solid #990000; background-size: 12em;}
*/
header .cadre_titre {width: 70%; /*background-color: #20B2AA;*/}


header h2 {display: inline-block; position: relative; margin: 0; height: 6em; padding: 1em 0 0 3.5%; /*background-color: #90EE90;*/}
header span.master_title {display: block; font-size: 4em; line-height: 1em; color: #FFFFFF; font-family: 'allura'; letter-spacing: 0.2em; text-shadow: 0.05em 0.05em 0.15em #660033;}
header span.second_title {display: block; position: absolute; color: #000000; left: -3.5%; margin-top: 1.5em; padding: 0.25em 3% 0.25em 5.5%; line-height: 2em; border-radius: 2em; background-color: #FFFFFF; top: 4em; box-shadow: 0.5em 0em 1em #000000;}



/*---------------------------MENU GENERAL----------------------*/
nav#menu_gen {display: block; position: relative; width: 100%; text-align: center; padding: 0; margin: 0; width: 100%; background-color: #660033; border-radius: 0;}
#menu_gen a{text-decoration:none;}
#menu_gen li{ list-style-type:none; line-height: 3em; z-index: 5;}
/*Navigation recettes NIVEAU 1*/
#menu_gen ul.niveau1 {position: relative; display: flex; justify-content: center; margin:0; padding:0; width: 100%; text-align:center;} 
#menu_gen ul.niveau1 li.niveau1 {display: block; position: relative; vertical-align: top; padding:0; width: 15%; line-height: 2.1em;}
#menu_gen ul li.niveau1 a:link, #menu_gen ul li.niveau1 a:visited {display:block; font-weight: bolder; color: #FFFF99; background-color: #660033;}
#menu_gen ul.niveau1 li.niveau1 a:hover {color: #660033; background-color: #FFFFFF;}
#menu_gen ul.niveau1 li.OnApero a { color: #660033; background-color: #FFCC99; }
#menu_gen ul.niveau1 li.OnEntrees a { color: #660033; background-color: #FFFFCC; }
#menu_gen ul.niveau1 li.OnPlats a { color: #660033; background-color: #CCCCCC; }
#menu_gen ul.niveau1 li.OnDesserts a { color: #660033; background-color: #D6AAF1; }
#menu_gen ul.niveau1 li.OnAutres a { color: #660033; background-color: #FFCCFF; }
/*Proposition recette*/
#menu_gen ul.niveau1 li.bt1 {width: 25%;}
#menu_gen ul.niveau1 li.bt1 a:link, #menu_gen ul.niveau1 li.bt1 a:visited {color: #FFFFFF; text-shadow: 0.1em 0.1em 0 #000000; background-color: #D2691E;}
#menu_gen ul.niveau1 li.bt1 a:hover, #menu_gen ul.niveau1 li.bt1 a:active {color: #FFFFFF; background-color: #000000;}
#menu_gen ul.niveau1 li.OnNewRecette a:link, #menu_gen ul.niveau1 li.OnNewRecette a:visited { color: #FFFFFF; background-color: #000000; }
/*Navigation recettes NIVEAU 2*/
#menu_gen ul.niveau2 {padding:0; width: 100%; text-align:center; border-bottom: 3px solid #666666;} 
#menu_gen li ul.niveau2 li.niveau2 {text-align: left; width: 100%; background-color: #FF0000; color: #33CC99; line-height: 2.1em; font-size: 0.6em;} 
#menu_gen ul.niveau2 li.niveau2 a:link, #menu_gen ul.niveau2 li.niveau2 a:visited {display:block; font-weight: normal; color:#990066; background-color: #FFFFFF; padding-left: 2%; border: none;}
#menu_gen ul.niveau2 li.niveau2 a:hover, #menu_gen ul.niveau2 li.niveau2 a:active {font-weight: bolder; color:#000000; background-color: #CC99CC; border: none; }
#menu_gen ul li ul { display:none; }
#menu_gen ul li:hover ul { display:block; }
#menu_gen li ul { position:absolute; }



section#cadre_page {
	display: flex;
	position: relative;
	z-index: 0;
}

article#nav_gauche {
	display: block;
	position: relative;
	width: 25%;
	background-color: #FFEBCD;
}
article#nav_gauche p {
	line-height: 1em;
}
.cadre_recherche {position: relative; width: 100%; text-align: center; }
.bt_search {display: none;}
input#mot {display: block; font-size: 1.7em;margin: 1em 7% 1em 7%; padding: 0.5em 5% 0.5em 1%; width: 80%; background: url(../01_Fond/00_Images/loupe.png) no-repeat right, #FFFFFF; background-size: 10%;}


.date_gen {font-weight: bold; text-align: center; /*font-size: 1.5em;*/ color: #000000; margin-top: 1.5em;}

article#nav_gauche p.nrecette{text-align: center; font-weight: bold; color: #000000;}
div.topRecettes h2 {text-align:center;}
div.topRecettes p a {display: block; font-weight: normal; text-align: left; padding: 0.5em;}
div.topRecettes p {margin: 0; padding: 0;}
div.topRecettes p a:hover {color: #FFFFFF; background-color: #990099; text-decoration: none;}
article#nav_gauche p.info_log {position:relative; margin:0; padding: 0.5em 2em 0.5em 2em; text-align: center; border-radius:0 0 2em 2em; color: #000000; font-weight: bold; background-color: #D2691E;}

article#content_page {
	display: block;
	position: relative;
	margin: 0;
	padding: 4em 0 2em 0;
	width: 75%;
	min-height: 600px;
}
/*--------Zone accueil--------*/
div.zoneAccueil {position: relative; display: flex; margin-top: 3em;}
article.prezAccueil {display: block; width: 45%; padding-top: 2em;/*background-color: #000000;*/}
article.bblPhotos{display: block; width: 55%; /*background-color: #800080;*/}
article.bblPhotos img{display: block; width: 100%; border-radius: 20%;}
article.piedAccueil {}

h1.CtntPageT1 {font-size: 3em; text-align: center; margin: 0;}
.cssAperitifs {background: url(../01_Fond/00_Images/page_apero.gif) no-repeat top left,#FFCC99; }
.cssEntrees {background: url(../01_Fond/00_Images/page_entrees.gif) no-repeat top left,#FFFFCC;}
.cssPlats {background: url(../01_Fond/00_Images/page_plats.gif) no-repeat top left, #CCCCCC;}
.cssDesserts {background: url(../01_Fond/00_Images/page_desserts.gif) no-repeat top left, #D6AAF1;}
.cssAutres {background: url(../01_Fond/00_Images/page_autres.gif) no-repeat top left, #FFCCFF;}
.fndrecet {padding-top: 0; background-image: url(aucun);}
div.commentRubrique {text-align: center;}
div.commentRubrique p {color: #000000; text-align: center;}
div.listeRubrique {width: 75%; margin-left: 27%;}
div.listeRubrique p {/*font-size: 1.5em;*/}
div.zone_recherche p {/*font-size: 1.5em;*/ padding: 0; margin: 0 0 1em 0; line-height: 1em; }

.mot_recherche {font-style: italic; font-weight: normal; line-height: 1em;}
div.listeRecherche {width: 75%; margin: auto;}
h1.titleList {margin-bottom: 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
p.n_recettes_rub {text-align: center; font-weight: bold; margin: 0;}
/*=========== RECETTES ==========*/
button.btFullScreen {padding: 1em 1em 0.5em 1em; font-weight: bold; bottom: -3px; margin: 0 auto 0 auto; border-radius: 50% 50% 0 0;}
div.fiche_recette {}
div#fiche_titre {position: relative;}
div.fiche_recette hr {display: block; width: 50%; border: none; border-top: 3px dotted #990000; margin: 0 auto 4em auto;}
div.fiche_recette p {}
div.fiche_recette h1, .titreRecette {padding:0 3% 0 3%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-family: 'Allura'; font-size: 7em; line-height: 1.3em; color: #990000; text-shadow: 0 0.05em 0 #FFFFFF;}
div.fiche_recette h2.chapitreRecette {padding: 0; margin: 0 0 0.75em 0; color: #000000; text-decoration: underline; font-family: 'typoliner'; font-size: 2.3em;}
div.fiche_recette p.auteur, div.fiche_recette p.st_categories {position: relative; margin: 0; padding: 0; text-align: center;}
div.fiche_recette p.st_categories {line-height: 1em;}
div.fiche_recette span.st_categories {display: inline-block; color: #FFFF00; padding: 0 1em 0 1em; margin: 0 auto 0 auto; background-color: #000000; border-radius: 0 0 1em 1em; font-size: 0.9em; line-height: 1.2em;}
div.corps_recette {width: 90%; margin: 0 auto 0 auto;}
div.entete_recette {padding: 0; background-color: #DAA520; padding-bottom: 1em; border-bottom: 3px dotted #000000;}
div.bandeau_image { display: flex;  justify-content: space-between;/*border-right: 4px solid #000000;  border-left: 4px solid #000000;*/}
div.bandeau_image p { color: #000000; padding: 0;}

div.zone_generalites {width: 46%; padding: 1em 2% 0 2%; border-top: 3px dotted #000000;}
div.zone_ingredients {width: 96%; padding: 0 2% 0 2%;}
ul.list_ing {display: block; padding: 0; margin: 0;}
ul.list_ing li {display: inline-block; list-style: none; color: #FFFFFF; font-size: 0.9em; padding: 0.25em; margin: 0 0.25em 0.25em 0; background-color: #990000; border-radius: 0.5em;}
div.zone_image {position: relative; width: 50%;}
div.cadre_img {position: relative; display: block; text-align: center; margin: 0; padding: 0; border: 4px solid #000000; border-radius: 0 0 0 2em; overflow: hidden;}
div.zone_image img {display: block; position: relative; width: 100%;}
div.bandeau_preparation {padding: 2%; background-color: #FFFFFF; border-radius: 0 0 2em 2em;}
div.bandeau_preparation p {margin: 0; padding: 0 0 1em 0;}
div#zone_edition {display: inline-block; position: relative; margin: 0; padding: 0; background-color: #000000;}
div#zone_edition button{margin: 0.2em; padding: 0.5em 0.5em 0.5em 0.5em; }
/*=======EDITION RECETTES============*/
h2.TitreFormRecette {text-align: center;}
table.formRecette {
	width: 100%;	
}
table.formRecette  td.intitule {width: 25%;}
table.formRecette textarea {width: 95%;}
form.form_edition_recette button {padding: 0.5em 1em 0.5em 1em; border-radius: 2em;}