/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3 déc. 2015, 10:58:18
    Author     : fyge6406
*/

/* ========= GLOBAL ==========*/

body {
    padding-top: 55px;
    padding-bottom: 40px;
    background-color: #4e4545;
    max-width:1320px;
}

a {
    color: #fee;
    text-decoration: none;
}

a:focus, a:hover {
    color: #2e272b;
    text-decoration: underline;
}
h3{
    margin-top:0px;
    color:#fee;
    font-size:2em;

}
/* ========= encadré ==========*/

.well{
  background-color: #89817a;  
}


footer {
    display:block;
    position: fixed;
    height: 55px;
    bottom: 0;
    width: 100%;
    border-top: solid #fee 1px;
}

/* ========= margin ==========*/
.sansmenu{
    margin-top: 50px;
}
/*.footer {
    margin-top: 40px;
}


/* ========= font-size ==========*/
.size-big{
    font-size: 2em;
}
.size-medium{
    font-size: 1.4em;
    
}

/* ========= align ==========*/

.align-right{
    float:right;
}

.align-left{
    float:left;
    text-align:right;
}

 /* ========= info-bulle ==========*/

.vignette
{
  text-decoration:none;
  position:relative;
}

.vignette span
{
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white; 
}
 
.vignette span img
{
  float:left;
  margin:0px 8px 8px 0;
}
  
.vignette:hover span
{
  display:block;
  position:absolute;
  bottom:25px;
  right:-50px;
  z-index:1000;
  max-width:520px;
  height:auto;
  border:1px solid black;
  margin-top:0px;
  margin-left:0px;
  overflow:hidden;
  padding-left:8px;
  padding-top:10px;
  padding-bottom:8px;
}

/* ==================================================================*/
/* =========      COLORS      =======================================*/
/* ==================================================================*/

/* ========= Palette de couleurs ==========*/
/* color 1 - #2e272b - noir () */
/* color 2 - #4e4545 - gris foncé (ex: background header) */
/* color 3 - #89817a - gris moyen (ex: body) */
/* color 4 - #c3afae - gris clair () */
/* color 5 - #e9d4d3 - gris pâle () */
/* color 6 - #ce6d68 - rose foncé () */
/* color 7 - #ffaca8 - rose moyen () */
/* color 8 - #ffc7c4 - rose clair () */
/* color 9 - #fee    - rose pâle () */
/* color 10 - #fff7f6 - blanc () */


/* color 1 - #2e272b - noir () */
.tc-1 { color :#2e272b;}
.bg-1 { background-color: #2e272b;}
.bd-1 { border-color: #2e272b;}

/* color 2 - #4e4545 - gris foncé (ex: background header) */
.tc-2 { color :#4e4545;}
.bg-2 { background-color: #4e4545;}
.bd-2 { border-color: #4e4545;}

/* color 3 - #89817a - gris moyen () */
.tc-3 { color :#89817a;}
.bg-3 { background-color: #89817a;}
.bd-3 { border-color: #89817a;}

/* color 4 - #c3afae - gris clair () */
.tc-4 { color :#c3afae;}
.bg-4 { background-color: #c3afae;}
.bd-4 { border-color: #c3afae;}

/* color 5 - #e9d4d3 - gris pâle () */
.tc-5 { color :#e9d4d3;}
.bg-5 { background-color: #e9d4d3;}
.bd-5 { border-color: #e9d4d3;}

/* color 6 - #ce6d68 - rose foncé () */
.tc-6 { color :#ce6d68;}
.bg-6 { background-color: #ce6d68;}
.bd-6 { border-color: #ce6d68;}

/* color 7 - #ffaca8 - rose moyen () */
.tc-7 { color :#ffaca8;}
.bg-7 { background-color: #ffaca8;}
.bd-7 { border-color: #ffaca8;}

/* color 8 - #ffc7c4 - rose clair () */
.tc-8 { color :#ffc7c4;}
.bg-8 { background-color: #ffc7c4;}
.bd-8 { border-color: #ffc7c4;}

/* color 9 - #fee    - rose pâle () */
.tc-9 { color :#fee;}
.bg-9 { background-color: #fee;}
.bd-9 { border-color: #fee;}

/* color 10 - #fff7f6 - blanc () */
.tc-10 { color :#fff7f6;}
.bg-10  { background-color: #fff7f6;}
.bd-10 { border-color: #fff7f6;}


.navbar-default .navbar-brand{ /* couleur titre header */
    color:#ce6d68;
}

/* ========= indicateur trois couleurs ==========*/
.color-green{ /* couleurs indicateurs (difficulté et coût) */
    color:#2ecc71;
}
.color-orange{
    color:#f39c12;
}
.color-red{
    color:#c0392b;
}
/* ========= fond de page ==========*/
.backgroundCat{
    background-color: #ffcccc;
}

#backgroundImage {
    position:absolute;
    left:0px;
    top:60px;
    width:100%;
    max-width: 1600px;
    min-width:960px;
    min-height: 400px;
    z-index: 0;
}

/* =========================================*/
/* =========================================*/
/* =========================================*/

/* ========= HEADER ==========*/

.navbar-brand>span {
    font-size:0.5em;
    font-family:script;
    font-style:italic;
}

a.navbar-brand {
    height: 1.1em;
    font-size :4em;
}

#pseudo{
    font-size:1.1em;
    font-weight:500;
    text-align: left;
}

#identzone{
    margin-left: 1em;
    margin-top:1em;
}

.btn-info:hover {
    color: #FFF;
    background-color: #2e272b;
    border-color: #ffc7c4;
}

/* ========= MENU Administration ==========*/
.nav-pills > li > a {
    border-radius: 4px;
    font-size:1.1em;
}
#menu{
    padding-top:0px;
    margin-bottom:-10px;
}

#menu .nav-pills > li.active > a {
    background-color:#ce6d68;
    border-color: #ce6d68;
}

#menu .nav-pills > li > a:focus, #menu .nav-pills > li > a:hover {
    background-color: #ffc7c4;
    color:#4e4545;
}

#menu .nav-pills {
    border-style:solid;
    border-width: 1px;
    border-color:#fee;
    border-radius:0.35em;
    font-size:1.2em;
}

/* couleurs entête zone administration*/

#menu .nav-pills > li:first-child > a, #menu .nav-pills > li:first-child > a:hover, #menu .nav-pills > li:first-child > a:focus {
    background-color: #4e4545;
    color:#ce6d68;
    font-weight: 500;
}


/* ========= MENU CATEGORIES ==========*/
.panel-default > .panel-heading {
    background-color: #ffaca8;
}
.panel-title{
    color:#2e272b;
    font-size:1.5em;
}

#accordeon .panel-default>.panel-heading {
    background-color: #cccccc;
}
#catnav{
    margin-top: 40px;
}
#catnav ul ul {
/*display:none; */
    background-color: #cccccc;
}
#catnav ul ul a{
    display:none;
}
#catnav ul:hover a {
    display:block;
    position:relative;
}
#catnav .nav-pills  li.active > a {
    background-color: #ce6d68;
}
#catnav .panel-default .panel-heading {
    background-color: #ffaca8;
}


/* ========= CADRES RECETTES ================*/
#recipeheading {
    color: #fee;
    background-color: #4e4545;
}
#recipeheading a{
    color: #fee;
}
#listCat > .nav-pills > li.active > a {
    background-color: #ce6d68;
}

.titleRecipe {
    font-size: 1.5em; 
    color :#fff7f6;
}

.titleRecipe2 {
    font-size: 14px; 
    font-weight:  bold ;
    color: #ce6d68;
}




/* =========================================*/
/*
.listMenu {
    font-size: 28px; color: #778899; font-weight: 900;
}

.titleCat2 {font-family: cursive; font-weight: 900; color: #585858;}
.titleCat {
    font-size: 20px;
}
.titleRecipe {font-family: cursive; font-size: 32px; color: #610B5E; font-weight: 900  }

.titleRecipe2 {font-size: 14px; font-weight:  bold ;font-style: italic; color : #778899;}

.bodyRecipe {font-size: 18px; color : #6E6E6E; font-family: cursive;
    
}


*/