@font-face {
    font-family:bb-book-Regular;
    src: url(src/font/bb-book-Regular.otf);
}

/*****************************/
/*--------Page index-------*/
/*****************************/
h1 {
    font-family: "bb-book-Regular";
    padding-top:10px;
    padding-left:10px;
}

h1 > a {
    font-family: "bb-book-Regular";
    font-size: 182%;
    text-decoration: none;
    color: black;
}

h1 > a:hover {
    color: white;
}

h2 {
    font-family: "bb-book-Regular";
    font-size:300%;
    color:white;
}

h2 > a {
    text-decoration: none;
    color:white;
}

.section-logo {
    width: 99%;
}

.section-logo > .row > img{
    width:100%;
    background-color:black;
}

.section-menu {
    background-color:black;
}

.item-menu {
    width: 100%;
    height: 140%;
    border-radius: 60px;
    background: white;
    margin-bottom:0.5%;
    margin-left: 0%;;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-bottom:0%;
    border:0.5px solid  black;
}
.item-menu > h1 {
    color:white;
}

.item-menu:hover{
    border-radius: 60px;
    background-color:black;
    border:3px solid  white;
}

.section-cree-moussaka {
    background-color:black;
}

.section-cree-moussaka > .container > .row>.item-cree-moussaka > h2 > a:hover {
    border-radius: 60px;
    color:white;
    text-decoration: none;;
    border:3px solid  white;
}

/*****************************/
/*--------Page recette-------*/
/*****************************/

/*************************/
/*.section-pomme-de-terre*/
/*************************/
.section-pomme-de-terre {
    background-color:white;
}

.section-pomme-de-terre > .row > .col-sm-12 > h2 {
    color:black;
}

.section-pomme-de-terre > .row > .col-md-4 > span > h2 {
    color:black;
}

.section-pomme-de-terre > .row > .col-md-4 > span > p {
    font-family: "bb-book-Regular";
    font-size:100%;
    color:black;
}

.section-pomme-de-terre > .row > .col-md-4 > .rond {
    width: 540px;
    height: 540px;
    background-color:black;
    border-radius:50%;
    display:inline-block;     
}

.section-pomme-de-terre > .row > .col-md-4 > .rond:hover {   
    border:3px solid  black;
    background-color:white; 
}

/*************************/
/*.section-aubergines*/
/*************************/
.section-aubergines  {
    background-color:white;
}

.section-aubergines > .row > .col-sm-12 > h2 {
    color:black;
}

.section-aubergines > .row > .col-sm-12 > .item-aubergine {
    width: 100%;
    height: 300px;
    border-radius: 200px;
    background: black;
    margin-bottom:0.5%;
    display:inline-block;
}

.section-aubergines > .row > .col-sm-12 > .item-aubergine:hover {
    border:3px solid  black;
    background: white;
}

/*************************/
/*.section-tomates*/
/*************************/
.section-tomates  {
    background-color:white;
}

.section-tomates > .row > .col-md-12 > h2{
    color:black;
}

.section-tomates > .row > .col-md-6 > .rec {
    width: 100%;
    height:150px;
    background-color: black;
    display:inline-block;  
}

.section-tomates > .row > .col-md-6 > .rec:hover {
    border:3px solid  black;
    background-color: white;
}

.section-tomates > .row > .col-md-6 > .rec-white {
    height:150px;
    background-color:white;
    display:inline-block;
    
}

/*************************/
/*.section-oignons*/
/*************************/
.section-oignons {
    background-color: white;
}

.section-oignons > .row > .col-sm-12 > h2 {
    color:black;
}

.section-oignons > .row > .col-sm-12 > .item-oignons {
    width: 100%;
    height: 700px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
}

.section-oignons > .row > .col-sm-12 > .item-oignons:hover {
    border:3px solid  black;
    background-color: white;  
}

/*************************/
/*section-boeuf-hache*/
/*************************/
    .section-boeuf-hache {
    background-color: white;
}

.section-boeuf-hache > .item-menu-white {
    float:right;
    height: 140%;
    border:3px solid  black;
    border-radius: 60px;  
    margin-right:5px;
    padding:1%;
}

.section-boeuf-hache > .item-menu-white:hover {
    background-color: black;
}

.section-boeuf-hache >  .item-menu-white > h1 {
    font-size: 10px;
}

.section-boeuf-hache > .item-menu-white > h1 > a {
    float:right;
    color:black;
}

.section-boeuf-hache > .row > .col-md-2 > img{
    width: 119%;
    height:100%;
}

.section-creation-moussaka > .container > .row > .col-sm-1 > h1 > a {
    height: 140%;
    border:3px solid  black;
    border-radius: 60px;  
    margin-right:5px;
    padding:20%;
    font-size:100%;
}

/*************************************/
/*--------Page creation de moussaka-------*/
/*************************************/

canvas {
    /*border:1px solid black;*/
}

.section-creation-moussaka > .container > .row > .col-sm-12 > h3 > a {
    font-family: "bb-book-Regular";
    font-size: 250%;
    text-decoration: none;
    color: black;
}

/***************************/
/*section-creation-moussaka*/
/***************************/
.section-creation-moussaka > .container > .row > .col-sm-1 > h1 > a:hover {
    background-color:black;
}


/*************************************/
/*--------Page valide-------*/
/*************************************/
.container > .row > .col-sm-12 > h3 {
    margin-top:50px;
    margin-bottom:50px;

}
.container > .row > .col-sm-12 > h3 > a {
    font-family: "bb-book-Regular";
    font-size: 150%;
    text-decoration: none;
    color: black;
}

.section-bon-app > .container > .row > .col-sm-12 >h1 {
    font-size:1200%;
}