/*
  ####  ###### #    # ###### #####    ##   #
 #    # #      ##   # #      #    #  #  #  #
 #      #####  # #  # #####  #    # #    # #
 #  ### #      #  # # #      #####  ###### #
 #    # #      #   ## #      #   #  #    # #
  ####  ###### #    # ###### #    # #    # ######
*/

@font-face {
    font-family: 'bebas';
    src: url('../fonts/BebasNeue Bold.otf');
    src: url('../fonts/BebasNeue Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
	background-image:url(../images/bg-body.jpg);
	background-size:contain;
	font-family: 'bebas';
	color:#5a6064;
}


.btn{
	font-family: 'Caveat Brush', cursive;
	font-size: 1.6rem;
}
.btn-primary{
	background-image:url(../images/bg-btn.jpg);
	background-size:cover;
	background-color:#e20079;
	border:none;
}
.btn-primary:hover{
	background-image:none;
	background-color:#ba0064;
}
a:hover{
	text-decoration:none;
}
.manuscrite{
	font-family: 'Caveat Brush', cursive;
}
.pink{
	color:#e53389;
}
h3{
	font-size:2.7rem;
}
h2{
	text-align:center;
	font-size:4rem;
}
h5, p{
	text-align:center;
}
h5{
	font-size:1.6rem;
}

/*
 #    # ###### #    # #    #
 ##  ## #      ##   # #    #
 # ## # #####  # #  # #    #
 #    # #      #  # # #    #
 #    # #      #   ## #    #
 #    # ###### #    #  ####
*/

header{
	background-color:#fff;
	margin-top: -25px;
}
nav{
	min-height:120px;
	margin-bottom:30px;
	font-family: 'Caveat Brush', cursive;
	font-size:1.2rem;
}
nav img{
	position:absolute;
	top: 6px;
	z-index:2;
}
.navbar-light .navbar-nav .nav-link.nav-link-important{
	color:#e53389;
	border:1px solid #e53389;
	display: inline-block;
	padding:15px;
}
ul.navbar-nav{
	text-align:right;
	padding-top:60px;
}
.navbar-expand-lg .navbar-nav .nav-link:not(:last-child){
	padding-right:2rem;
}

/*
  ####   ####  #    # ##### ###### #    # #    #
 #    # #    # ##   #   #   #      ##   # #    #
 #      #    # # #  #   #   #####  # #  # #    #
 #      #    # #  # #   #   #      #  # # #    #
 #    # #    # #   ##   #   #      #   ## #    #
  ####   ####  #    #   #   ###### #    #  ####
*/

h4{
	font-size:2rem;
	text-align:center;
}
.sept h3{
	font-size:5rem;
}
.tel p{
	font-size:1.6rem;
}
.sept .thin{
	font-size:1.4rem;
}
.sept h3{
	line-height:90px;
}
.sept .thin{
	line-height:30px;
}
.sept .manuscrite{
	line-height:15px;
}
.adresse, .sept, .tel{
	text-align:center;
}

.separator{
	background-image:url(../images/separator.png);
	background-size:contain;
	background-repeat:no-repeat;
	height:65px;
	display:block;
}


#bg2, #bg3, #bg4, #bg5, #bg6, #bg7, #bg8{
	padding-top:200px;
}
#bg-enfant{
padding-top: 270px;
padding-bottom: 50px;
}
.sousmenu{
	display:none;
}
#mentions p, #mentions h3{
	text-align:left !important;
}
#prixunique{
	display:block;
	background-color:#fbcce8;
	padding:10px 15px;
	border-radius:3px;
	color:#5a6064;
	width: 170px;
	margin: auto;
	text-align:center;
}

.livraison {
    background-color: #e53389;
    color:white;
    margin: 2%;
    text-align: center;
}
.livraison .thin{
    margin-bottom: 0.2rem;
    font-size: 1.6em;
    text-align: center;

}
.livraison_prix {
    width:75%;
    padding-bottom: 30px;
}
.livraison p {
   
    text-align: center;
}
.livraison svg{
    font-size: 4em ;
}
.livraison hr {
    border-color:white;
}
.scooter {
    width:30%!important;
}
.p_scooter {
    margin-bottom: -10px;
}

.telmanu{
	font-size:2.6rem;
}


/*
 ######  ####   ####  ##### ###### #####
 #      #    # #    #   #   #      #    #
 #####  #    # #    #   #   #####  #    #
 #      #    # #    #   #   #      #####
 #      #    # #    #   #   #      #   #
 #       ####   ####    #   ###### #    #
*/

footer{
	background-color:#e53389;
	color:#fff;
	text-align:center;
	padding:15px 0 0 0;
}
footer a{
	padding:0 20px;
	color:#fff;
}
footer a:hover{
	color:#ffa3d3;
}

/*
 #####  ######  ####  #####   ####  #    #  ####  # #    # ######
 #    # #      #      #    # #    # ##   # #      # #    # #
 #    # #####   ####  #    # #    # # #  #  ####  # #    # #####
 #####  #           # #####  #    # #  # #      # # #    # #
 #   #  #      #    # #      #    # #   ## #    # #  #  #  #
 #    # ######  ####  #       ####  #    #  ####  #   ##   ######
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	body.accueil, body.contactlookpizza{
		background-image:url(../images/bg-home.jpg);
		background-size:cover;
	}
	#prixunique{
		position:absolute;
		right:50px;
		top:20px;
	}
	.telmanu{
		font-size:1rem;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navbar-light .navbar-nav .nav-link.nav-link-important{
		padding: .5rem 1rem;
	}
	nav{
		margin-bottom:80px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.adresse, .sept, .tel{
		background-image:url(../images/crochets.png);
		background-size:contain;
		background-position:center;
		text-align:center;
		min-height:230px;
		background-repeat:no-repeat;
		padding-top:30px;
		line-height:20px;
    }
   
	h4{
		font-size: 4.7rem;
	}
	.sept h3{
		font-size: 8rem;
	}
	#tarifunique{
		position:absolute;
		right:0;
		top:0;
	}

	#prixunique{
		right:150px;
		top:50px;
	}

  a{
    color: #5a6064;
    padding-top: 0px;
  }
  a:hover, a:active, a:focus{

    color: #e20079;
  }



	h2{
		text-align:center;
		font-size:4rem;
		line-height: 1.6rem;
	}
	.sousmenu{
		background-color:#fbcce8;
		position:absolute;
		width:100%;
		top:120px;
		display:block;
	}
	.sousmenu .container{
		position:relative;
		padding-top:15px;
	}
	.sousmenu ul{
		padding-left: 0;
		margin-bottom: 12px;
	}
	.sousmenu ul li{
		list-style:none;
		display:inline;
		color:#e53389;
		font-size:19px;
	}
	.sousmenu ul li a{
		color:#e53389;
		font-weight:normal;
	}

	#bg1, #bg2, #bg3, #bg4, #bg5, #bg6, #bg7, #bg8, #bg-pink,  #bg-enfant{
		background-size:100%;
		background-repeat:no-repeat;
	}
	#bg1{
		background-image:url(../images/bg1.png);
		color:#5a6064;
	}
	#bg2{
		background-image:url(../images/bg2.png);
		color:#fff;
	}
	#bg2 h4, #bg7 h4{
		color:#fbcce8;
	}
	#bg3{
		background-image:url(../images/bg3.jpg);
		color:#5a6064;
	}
	#bg4{
		background-image:url(../images/bg4.png);
		color:#fff;
	}
	#bg5{
		background-image:url(../images/bg5.jpg);
		color:#fff;
	}
	#bg5 p{
		text-align:left;
		font-size:2rem;
	}
	#bg8 p{
		font-size:2rem;
	}
	#bg5 p span, #bg8 p span{
		font-size:1rem;
	}
	#bg6{
		background-image:url(../images/bg6.jpg);
		color:#5a6064;
	}
	#bg7{
		background-image:url(../images/bg7.png);
		color:#fff;
	}

  #bg-enfant{

    background-image:url(../images/bg-enfant.png);
    color:#fff;

  }

	#bg7 .separator, #bg2 .separator, #bg4 .separator, #bg5 .separator,  #bg-enfant .separator{
		background-image:url(../images/separator-white.png);
	}
	#bg8{
		background-image:url(../images/bg8.png);
		color:#5a6064;
	}
	#bg5 span.crochets{
		display:inline-block;
		padding:40px 60px;
		background-image:url(../images/bg-crochets.png);
		background-size:cover;
	}
	#supplements h2{
		line-height:5rem;
	}
	#supplements h5{
		margin-bottom: 0;
	}

	#bg8 .manuscrite .big{
		font-size:2rem;
	}
  #bg-pink{
    background-color: #5a6064;
    padding: 20px;
    color: #fff;
    text-align: center;
  }

}
#bg-scooter{
    background-color: #5a6064;
    padding: 20px;
    color: #fff;
    text-align: center;
  }