@import url('//fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
	overflow-x: hidden;
}

body {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}

#loader {
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2000;
}

#loader img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -150px;

	-webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin { 
    from { 
        -ms-transform: rotate(0deg); 
    } to { 
        -ms-transform: rotate(360deg); 
    }
}
@-moz-keyframes spin { 
    from { 
        -moz-transform: rotate(0deg); 
    } to { 
        -moz-transform: rotate(360deg); 
    }
}
@-webkit-keyframes spin { 
    from { 
        -webkit-transform: rotate(0deg); 
    } to { 
        -webkit-transform: rotate(360deg); 
    }
}
@keyframes spin { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
}

#menuMobile {
	display: none;
}

/* HEADER G2 */

#headerG2 {
	height: 300px;
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/header-g2.jpg);
	background-size: cover;
	background-position: center;
}

/* Contenu PAge */

#contenuPage {
	background-color: #f4f4f4;
}

#contenuPage .container {
	max-width: 1400px;
	padding: 100px 0px;
}

#contenuPage .container h1 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 50px;
	font-size: 40px;
}

#contenuPage .container p a {
	color: #FA2E1D;
}

/* HORAIRES */

#affHoraires table {
	border: 3px #FA2E1D solid;
}

#affHoraires table tr td {
	background-color: #fff;
}

#affHoraires table tr:nth-child(odd) td {
	background-color: #f4f4f4;
}

#affHoraires table tr td {
	padding-left: 50px;
	padding-right: 100px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#affHoraires table tr.sel td {
	font-weight: bold;
	color: #FA2E1D;
}

/* HEADER */ 

#header {
	background-color: #000;
	color: #fff;
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	z-index: 3;
}

.logo {
	margin-top: -80px;
	margin-bottom: -80px;
	position: relative;
	z-index: 2;
}

.container-fluid {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}

/* infos coordonnees */

.infosCoordonnees {
	position: absolute;
	top: 105px;
	left: 325px;
	right: 575px;
	z-index: 2;
}

.infosVille {
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
}

.infosTel {
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
}

.infosTel a {
	color: #fff;
}

/* menus */

.menus {
	position: absolute;
	top: 121px;
	right: 0;
	z-index: 2;
}

.menus ul {
	margin: 0;
	padding: 0;
}

.menus ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

.menus ul li a {
	display: block;
	color: #fff;
	font-size: 20px;
	padding: 10px 32px;
}

.menus ul li a:hover {
	background-color: #FA2E1D;
	color: #fff;
	text-decoration: none;
	border-radius: 20px;
}

#monCompte {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
}

#monCompte a {
	color: #fff;
	font-size: 18px;
	text-shadow: 2px 2px 2px #000, 2px 2px 2px #000;
}

#monCompte a i {
	margin-right: 10px;
}

#monPanier {
	position: absolute;
	top: 20px;
	right: 200px;
	z-index: 2;
}

#monPanier a {
	color: #fff;
	font-size: 18px;
	text-shadow: 2px 2px 2px #000, 2px 2px 2px #000;
}

#monPanier a i {
	margin-right: 10px;
}

/* SLIDER */

#slider {
	padding-top: 268px;
	height: 1000px;
	position: relative;
}

.slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-size: cover;
	background-position: center;
	animation-duration: 8s;
	animation-delay: 0s;
	animation-name: zoomSlide;
	display: none;
}

#slider .slide:nth-child(1) {
	display: block;
}

@keyframes zoomSlide {
    0% {
        transform: scale(1);
    }

    100% {
    	transform: scale(1.2);
    }
}

.slideTitre {
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	margin-top: 400px;
	font-size: 50px;
	text-align: center;
	text-shadow: 2px 2px 2px #000, 2px 2px 2px #000;
}

.slideSousTitre {
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 40px;
	text-align: center;
	text-shadow: 2px 2px 2px #000, 2px 2px 2px #000;
}

#slidersList {
	text-align: center;
	position: absolute;
	bottom: 150px;
	left: 0;
	right: 0;
}

.sliderListPoint {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #fff;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	border: 2px #fff solid;
}

.sliderListPointSel {
	background-color: #FA2E1D;
	border: 2px #fff solid;
}

/* sections */

.section-blocs1, .section-blocs2 {
	background-color: #FA2E1D;
	position: relative;
}

.section-blocs1:before {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/bg-top.png);
	content: '';
	position: absolute;
	top: -139px;
	left: 0;
	right: 0;
	height: 139px;
}

.section-blocs2:after {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/bg-top.png);
	background-position: center;
	content: '';
	position: absolute;
	bottom: -139px;
	left: 0;
	right: 0;
	height: 139px;
	transform: rotate(180deg);
}

.section-blocs2 {
	padding: 100px 0px;
}

.section-blocs1 .bloc-rouge {
	margin-top: 50px;
}

.bloc-rouge a {
	background-color: #000;
	color: #fff;
	padding: 40px;
	border-radius: 100%;
	display: block;
	position: relative;
}

.bloc-blanc {
	background-color: #fff;
	color: #000;
	padding: 40px;
	border-radius: 40px;
}

.blocIco {
	text-align: center;
}

.bloc-blanc .blocIco {
	margin-bottom: 20px;
}

.bloc-rouge .blocIco {
		height: 100%;
}

.blocIco img {
	max-width: 100%;
}

.blocTitre {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 30px;
	text-align: center;
}

.bloc-rouge .blocTitre {
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	text-shadow: 2px 2px 2px #000;
}

.blocTexte {
	margin-top: 20px;
	text-align: center;
}

.blocBtn {
	text-align: center;
	margin-top: 20px;
}

.blocIco i {
	font-size: 60px;
	color: #FA2E1D;
}

.btn-primary {
	background-color: #FA2E1D;
	border-color: #FA2E1D;
}

.btn-primary:hover {
	background-color: #000;
	border-color: #000;
}

.btn-primary:active, .btn-primary:focus {
	background-color: #000 !important;
	border-color: #000 !important;
}

.section-contenu-home {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/bg1.jpg);
	background-attachment: fixed;
	background-size: cover;
}

.section-contenu-home .container-fluid {
	padding-top: 200px;
	padding-bottom: 100px;
}

.homeContenuTexte {
	padding: 50px;
}

.homeContenuTexte h1 {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 40px;
}

.homeContenuTexte h2 {
	font-size: 26px;
	margin-bottom: 40px;
}

.homeContenuTexte p {
	font-size: 16px;
}

.homePizzaMan {
	margin-bottom: -100px;
}

/* avis */

.section-avis {
	padding: 100px 0px;
}

.section-avis h2 {
	text-align: center;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 45px;
}

.section-avis h3 {
	text-align: center;
	font-size: 30px;
}

#listAvis {
	overflow: hidden;
	margin-top: 100px;
}

.avis {
	width: 33.33%;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.avisContenu {
	padding: 30px;
	background-color: #FA2E1D;
	color: #fff;
	position: relative;
}

.avisImage {
	position: absolute;
	top: 30px;
	left: 30px;
}

.avisImage img {
	height: 80px;
}

.avisNomPrenom {
	margin-left: 100px;
	font-weight: bold;
	font-size: 22px;
}

.avisDateHeure {
	margin-left: 100px;
	font-style: italic;
	font-size: 16px;
}

.avisNote {
	margin-left: 100px;
	font-size: 18px;
}

.avisMessage {
	margin-top: 20px;
	font-size: 16px;
}

.starJaune {
	color: #fff;
	margin-right: 5px;
}

.starGris {
	color: #FA2E1D;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	margin-right: 5px;
	font-size: 15px;
}

/* footer */

#footer {
	background-color: #222;
	color: #fff;
}

#footer .container-fluid {
	padding: 100px 0px;
}

.footerBlocTitre {
	text-transform: uppercase;
	font-weight: 800;
	color: #FA2E1D;
	font-size: 20px;
	margin-bottom: 20px;
}

.footerBlocLiens ul {
	margin: 0;
	padding: 0;
}

.footerBlocLiens ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 20px;
}

.footerBlocLiens ul li a {
	color: #fff;
}

.footerAdresse {
	font-size: 18px;
}

.footerTel {
	margin-top: 20px;
}

.footerTel a {
	color: #FA2E1D;
	font-size: 24px;
}

/* copyright */

#copyright {
	background-color: #000;
	color: #fff;
}

#copyright a {
	color: #FA2E1D;
}

#copyright .container-fluid {
	padding: 20px 0px;
}

.copyrightRS {
	text-align: right;
}

.copyrightRS a {
	color: #fff !important;
	border: 2px #fff solid;
	width: 40px;
	line-height: 40px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	margin-left: 10px;
}

.copyrightRS a:hover {
	border-color: #FA2E1D !important;
}

/* section rouge */

.section-rouge {
	background-color: #FA2E1D;
	color: #fff;
	text-align: center;
	font-size: 30px;
	position: relative;
}

.section-rouge .container-fluid {
	padding: 50px 0px;
}

.section-rouge:after {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/bg1.png);
	content: '';
	position: absolute;
	bottom: -17px;
	left: 0;
	right: 0;
	height: 17px;
}

.section-rouge:before {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/bg2.png);
	content: '';
	position: absolute;
	top: -17px;
	left: 0;
	right: 0;
	height: 17px;
}

.section-rouge span {
	font-weight: 800;
	font-size: 40px;
}

/* section black */

.section-black {
	position: relative;
	background-color: #1A1E21;
	color: #fff;
	margin-top: 150px;
	margin-bottom: 150px;
}

.section-black:before {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/bg-top3.png);
	background-position: center;
	content: '';
	position: absolute;
	top: -139px;
	left: 0;
	right: 0;
	height: 139px;
	z-index: 2;
}

.section-black:after {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/bg-top3.png);
	background-position: center;
	content: '';
	position: absolute;
	bottom: -139px;
	left: 0;
	right: 0;
	height: 139px;
	z-index: 2;
	transform: rotate(180deg);
}

/* home map */

#homeMap {
	height: 800px;
	position: relative;
}

#homeMap:before {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/bg-top2.png);
	background-position: center;
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	height: 139px;
	transform: rotate(180deg);
	z-index: 2;
}

#homeMap:after {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/bg-top2.png);
	background-position: center;
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 139px;
	z-index: 2;
}

/* blocOffre */

.section-black .container-fluid {
	padding: 100px 0px;
}

.section-black h2 {
	font-size: 40px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 50px;
}

.blocOffre {
	background-color: #000;
	padding: 30px;
	text-align: center;
	height: 100%;
	border-radius: 20px;
}

.blocOffre:hover {
	background-color: #FA2E1D;
}

.blocOffreTitre {
	font-size: 34px;
	font-weight: 800;
	margin-bottom: 20px;
}

.blocOffreSousTitre {
	font-size: 11px;
}

/* section white */

.section-white .container-fluid {
	padding: 100px 0px;
}

.section-white h2 {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 40px;
}

.section-white h3 {
	font-size: 26px;
	margin-bottom: 40px;
}

.section-white p {
	font-size: 16px;
}

/* PAGE */

.livraisonChoice {
	background-color: #ccc;
	text-align: center;
	font-weight: 800;
	padding: 20px;
	font-size: 24px;
	cursor: pointer;
}

.livraisonChoice.select {
	background-color: #FA2E1D;
	color: #FFF;
}

.pagePaiementBloc {
	background-color: #fff;
	padding: 50px;
	text-align: center;
}

.pagePaiementBlocTitre {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 30px;
}

.pagePaiementBloc select {
	font-size: 14px;
	padding: 10px;
}

#categories {
	text-align: center;
	margin-bottom: 50px;
}

#categories ul {
	margin: 0;
	padding: 0;
}

#categories ul li {
	padding: 0;
	list-style: none;
	display: inline-block;
	margin: 0px 10px;
}

#categories ul li a {
	background-color: #ccc;
	color: #000;
	padding: 10px 30px;
	border-radius: 10px;
}

#categories ul li a.active {
	background-color: #FA2E1D;
	color: #fff;
}

.blocProduit {
	background-color: #FFF;
	padding-top: 200px;
	padding-bottom: 136px;
	position: relative;
	height: 100%;
}

.blocProduitMidi {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/Option-Midi.png);
	width: 133px;
	height: 134px;
	position: absolute;
	top: -9px;
	right: -9px;
	z-index: 2;
}

.blocProduitFeries {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/Option-Feries.png);
	width: 133px;
	height: 134px;
	position: absolute;
	top: -9px;
	right: -9px;
	z-index: 2;
}

.blocProduitRupture {
	background-image: url(https://templates.pizza-prestige.com/pizza-prestige.com/img/Option-Rupture.png);
	width: 133px;
	height: 134px;
	position: absolute;
	top: -9px;
	right: -9px;
	z-index: 2;
}

.blocProduitTitre {
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.blocProduitImage {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.blocProduitImage img {
	width: 100%;
}

.blocProduitDescription {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
	margin-bottom: 20px;
}

.blocProduitListPrixTitre {
	display: none;
}

.blocProduitListPrix:after {
	display: block;
	clear: both;
	content: '';
}

.blocProduitListPrixUnit {
	float: left;
	width: 25%;
}

.blocProduitListPrixUnit input {
	display: none;
}

.blocProduitListPrixUnit div {
	text-align: center;
	background-color: #f4f4f4;
	padding: 10px;
	cursor: pointer;
	border-right: 1px #fff solid;
	border-left: 1px #fff solid;
}

.blocProduitListPrixUnit:hover div {
	background-color: #ccc;
}

.blocProduitListPrixUnit.active div {
	background-color: #FA2E1D;
	color: #fff;
}

.blocProduitPrixList {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.blocProduitPrix span {
	position: absolute;
	font-size: 12px;
	padding: 30px 20px;
	font-weight: 800;
	text-transform: uppercase;
	display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 20px;
}

.blocProduitPrix {
	font-size: 30px;
	text-align: right;
	padding-right: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.blocProduitCommander {
	display: block;
	position: absolute;
	bottom: 29px;
	right: 20px;
}

.blocProduitCommander a {
	background-color: #FA2E1D;
	color: #fff;
	font-size: 18px;
	padding: 10px;
	border-radius: 100%;
}

.blocProduitSp {
	padding: 0px 20px;
	padding-top: 30px;
}

/* checkbox */

/* PERSONNALISE CHECKBOX ET RADIO */
/* Cachons la case à cocher */
#choixIngredients [type="checkbox"]:not(:checked), #choixIngredients [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
 
/* on prépare le label */
#choixIngredients [type="checkbox"]:not(:checked) + label, #choixIngredients [type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 40px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
}
/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
#choixIngredients [type="checkbox"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left:13px; top: 6px;
  width: 14px; height: 14px; /* dim. de la case */
  border: 1px solid #aaa;
  background: #d7d7d7;
  border-radius: 3px; /* angles arrondis */
  box-shadow: inset 0 1px 1px rgba(0,0,0,.2) /* légère ombre interne */
}

#choixIngredients [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:13px; top: 6px;
  width: 14px; height: 14px; /* dim. de la case */
  border: 1px solid #aaa;
  background: #FA2E1D;
  border-radius: 3px; /* angles arrondis */
  box-shadow: inset 0 1px 0px rgba(0,0,0,.2) /* légère ombre interne */
}
 
/* Aspect général de la coche */
#choixIngredients [type="checkbox"]:not(:checked) + label:after, #choixIngredients [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: -5px; left: 15px;
  font-size: 1.3em;
  color: #000;
  transition: all .2s; /* on prévoit une animation */
}

/* Aspect si "pas cochée" */
#choixIngredients [type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
#choixIngredients [type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}

/* aspect désactivée */
#choixIngredients [type="checkbox"]:disabled:not(:checked) + label:before, #choixIngredients [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */
#choixIngredients [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
/* on style aussi le label quand désactivé */
#choixIngredients [type="checkbox"]:disabled + label {
  color: #aaa;
}
 
/* aspect au focus de l'élément */
#choixIngredients [type="checkbox"]:checked:focus + label:before, #choixIngredients [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* fin checkbox */

#choixIngredients .row, .addPizzaDescription, #choixIngredients p {
	background-color: #fff;
	padding: 30px;
}

.ingredientsListTitre {
	padding-left: 30px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 20px;
	margin-top: 50px;
}

#contenuPage h2 {
	font-size: 28px;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
}

#contenuPage h3 {
	font-size: 30px;
	margin-top: 50px;
	margin-bottom: 30px;
}

#BtnCommander {
	margin-top: 50px;
}

#BtnCommander input {
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 10px 50px;
}

.tableauPanier {
	background-color: #FFF;
	padding: 30px;
}

#codePromoPanier, #resumeCommande {
	background-color: #FFF;
	padding: 30px;
	height: 100%;
}

#codePromoPanierTitre, #resumeCommandeTitre {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 30px;
}

#codePromoPanier input[type=text] {
	margin-bottom: 20px;
}

#resumeCommande a {
	color: #FA2E1D;
}

#montantTotalCommande {
	font-size: 30px;
}

.panierValider {
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 10px 50px;
	margin-top: 50px;
}

.loginConnect {
	background-color: #FFF;
	padding: 30px;
}

.loginConnect a {
	color: #FA2E1D;
}

#detailCmd {
	display: none;
}

#detailCmd, #adresseLivraison, #choisirPaiement, #remarqueBloc, #montantCommande, #infoCmd, #detailProduits {
	background-color: #FFF;
	padding: 30px;
	margin-bottom: 30px;
}

#adresseLivraisonTitre, #choisirPaiementTitre, #remarqueBlocTitre, #montantCommandeTitre, #infoCmdTitre, #detailProduitsTitre, #chosirLivraisonTitre {
	font-weight: 800;
	font-size: 18px;
	margin-bottom: 30px;
}

#cmdMontant {
	text-align: right;
	font-size: 30px;
	font-weight: 800;
}

#commandeBtn {
	text-align: center;
	margin-top: 50px;
}

#commandeBtn button {
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 10px 50px;
}

.paiementChoice {
	background-color: #f4f4f4;
	text-align: center;
	padding: 20px;
	cursor: pointer;
}

.paiementChoice.select {
	background-color: #FA2E1D;
	color: #FFF;
	font-weight: 800;
}

#contactColOne {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 50px;
	border-radius: 100px;
	font-size: 18px;
}

#contactEnseigne {
	font-weight: bold;
}

#contactTel, #contactTel2 {
	margin-top: 30px;
	color: #FA2E1D;
	font-size: 26px;
}

#contactTel a, #contactTel2 a {
	color: #FA2E1D;
}

.reseauxSociaux {
	margin-top: 30px;
}

.reseauxSociaux a {
	width: 40px;
	line-height: 40px;
	text-align: center;
	color: #FA2E1D;
	background-color: #fff;
	border-radius: 100%;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

#contactColTwo {
	padding: 50px;
	background-color: #fff;
	border-radius: 100px;
}

.panierPromotions {
	text-align: center;
	margin-bottom: 50px;
}

.panierPromotion {
	width: 25%;
	display: inline-block;
	padding: 20px;
	border: #ccc solid 1px;
	background-color: #fff;
	cursor: pointer;
}

.panierPromotionSelect {
	background-color: #FA2E1D;
	color: #fff;
}

.panierPromotionLibelle {
	font-weight: bold;
}

.panierPromotionsAnnuler {
	margin-top: 20px;
}

.panierPromotionsAnnuler a {
	color: #000;
}

.panierPromotionsTitre {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
}

@media (max-width: 1400px) {

	.homeContenuImage {
		position: absolute;
		bottom: 0;
	}

	#copyright .container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}

}

@media (max-width: 1200px) {

	.cache-xl {
		display: none !important;
	}

	.infosCoordonnees {
		right: 560px;
		left: 210px;
		top: 72px;
	}

	.infosVille {
		font-size: 26px;
		line-height: 22px;
	}

	.infosTel {
		font-size: 24px;
	}

	#slider {
		height: 700px;
	}

	.slideTitre {
		font-size: 40px;
		margin-top: 300px;
	}

	.slideSousTitre {
		font-size: 30px;
	}

	.blocTitre {
		font-size: 22px;
	}

	.section-rouge {
		font-size: 24px;
	}

	.section-rouge span {
		font-size: 30px;
	}

	.menus {
		top: 70px;
	}

	.logo {
		margin-top: -45px;
		margin-bottom: -45px;
	}

	.logo img {
		height: 190px;
	}

	#monCompte {
		top: 0;
	}

	#monPanier {
		top: 0;
	}

}

@media (max-width: 991px) {

	#menuMobile {
		position: absolute;
		top: 64px;
		right: 26px;
		font-size: 28px;
		padding: 10px;
		cursor: pointer;
		display: block;
		z-index: 2;
	}

	.menus {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 80%;
		margin-left: -80%;
		background: rgba(0,0,0,0.8);
		z-index: 999;
	}

	.menus ul li {
		display: block;
	}

	.menus ul li a {
		text-align: center;
	}

	.infosCoordonnees {
		right: 130px;
	}

	.slideTitre {
		font-size: 30px;
	}

	.slideSousTitre {
		font-size: 22px;
	}

	.bloc-blanc {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.homeContenuImage {
		display: none;
	}

	.homeContenuTexte h1 {
		font-size: 40px;
	}

	.homeContenuTexte h2 {
	    font-size: 24px;
	}

	.section-avis h2 {
		font-size: 36px;
	}

	.avis {
		width: 50%;
	}

	.section-rouge {
		font-size: 20px;
	}

	.section-rouge span {
		font-size: 26px;
	}

	.logoFooter {
		text-align: center;
		margin-bottom: 50px;
	}

	.footerBlocTitre, .footerBlocLiens {
		padding-left: 20px;
	}

	.footerBlocTexte {
		padding-left: 40px;
	}

	.footerTel a {
		font-size: 20px
	}

	#copyright {
		text-align: center;
	}

	.copyrightRS {
		text-align: center !important;
		margin-top: 30px;
	}

	.panierPromotion {
		width: 50%
	}
}

@media (max-width: 767px) {

	#contactColTwo {
		margin-top: 50px;
	}

	#contactLogo img {
		max-width: 100%;
	}

	#slider {
		height: 600px;
	}

	.slideTitre {
		font-size: 22px;
	}

	.slideSousTitre {
		font-style: 16px;
	}

	.section-blocs1 .bloc-rouge {
	    margin-top: -100px;
	    margin-bottom: 120px;
	}

	.section-blocs2 {
		padding-top: 0;
	}

	.section-avis h2 {
		font-size: 28px;
	}

	.avis {
		width: 100%;
	}

	.footerBlocTitre {
		margin-top: 40px;
		text-align: center;
	}

	.footerBlocLiens {
		text-align: center;
	}

	.footerBlocTexte {
		text-align: center;
	}

	.footerBlocTitre, .footerBlocLiens {
		padding-right: 20px;
	}

	.footerBlocTexte {
		padding-right: 40px;
	}

	.panierPromotion {
		width: auto;
		display: block;
		margin: 10px;
	}

}

@media (max-width: 575px) {

	#contactColOne {
		padding: 30px;
		margin: 20px;
		border-radius: 20px;
	}

	#contactColTwo {
		padding: 30px;
		margin: 20px;
		border-radius: 20px;
	}

	.logo {
		margin-top: -5px;
		margin-bottom: -5px;
	}

	.logo img {
		height: 80px;
	}

	#menuMobile {
		top: 10px;
	}

	.infosCoordonnees {
		left: 105px;
		right: 55px;
		top: 18px;
	}

	.infosVille {
		font-size: 20px;
		line-height: 20px;
	}

	.infosTel {
		font-size: 18px;
	}

	#monCompte {
		top: -50px;
	}

	#monPanier {
		right: 20px;
		top: -80px;
	}

	.slideTitre {
		font-size: 22px;
		margin-top: 250px;
	}

	.slideSousTitre {
		font-size: 16px;
	}

	.homeContenuTexte {
		padding: 20px;
	}

	.section-avis h3 {
		font-size: 20px;
	}

	.section-avis h2 {
		font-size: 24px;
	}

	.avisContenu {
		padding: 20px;
	}

	.avisImage {
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 20px;
		text-align: center;
	}

	.avisNomPrenom, .avisNote, .avisDateHeure {
		margin-left: 0;
		text-align: center;
	}

	.section-black h2 {
		font-size: 30px;
	}

	.blocOffre {
		padding: 20px;
	}

	.blocOffreTitre {
		font-size: 20px;
	}

	.section-black .container-fluid {
		padding: 100px 20px;
	}

	.section-white .container-fluid {
		padding: 100px 20px;
	}

	.section-rouge .container-fluid {
		padding: 50px 20px;
	}

	.homeContenuTexte h1 {
		font-size: 26px;
	}

	.homeContenuTexte h2 {
		font-size: 20px;
	}

	.section-white h2 {
		font-size: 26px;
	}

	.section-white h3 {
		font-size: 20px;
	}

	#menuMobile {
		right: 7px;
	}

}