@import 'https://fonts.googleapis.com/css?family=PT+Sans:400,700';
body{background-color:#000; overflow-x: hidden;}
.topbar{
	background-color: rgba(255,255,255,0);
	font-size: 14px;
	color: #CCC;
	line-height: 40px;
	padding-left: 15px;
}

.telTop,.seconnector,.locationArea{
	font-family: 'PT Sans', sans-serif;
	text-align: left;
}
.locationArea a{ color:#FFF;}
.locationArea a:hover{
	color: #000;
}
.seconnector .glyphicon, .locationArea .glyphicon{color:#CCC; margin-right:5px;}

.topIcons{font-size:16px;}
.topIcons a{color:#999; padding:10px; border-left:1px solid #E2E2E2;}
.blackBg{
	background: rgba(0,0,0,0.8);
}.whiteBg{
	background: #900000;
}.greyBg{
	background: #900000;
}.greyDarkBg{
	background: #990000;
}
.bordersmFull{
	border: 1px solid #CCC;
}

.logoArea{}
.logo{margin-top:15px;
    margin-top: 15px;
    width: 205px;
    margin-left: -39px;}
.naviBar{
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	margin: 20px 0;
}
.navImg{ width:40px; height:40px; margin:10px auto -30px auto;}
.bdArea{}
.mrgZero{margin:0px; padding:0px;}
.aboutus{background-color: #FFF; padding:20px 0;}
.aboutDetails{
	background-image: url(../images/ab-top.png), url(../images/ab-btm.png);
	background-position: right top, bottom right;
	background-repeat: no-repeat, no-repeat;
	padding-top: 25px;
	padding-bottom: 45px;
	padding-left: 20px;
}
.aboutDetails p{
	text-align: left;
	font-size: 22px;
	font-weight: normal;
	color: #151414;
	font-family: Arial;
}
.aboutTitle{
	font-size: 30px;
	color: #900;
	text-align: left;
}
.tarifFull{background-color: #FFF; padding:20px 0;}
.tarifTitile{}
.tarifDetails{
	background-image: url(../images/tf-top.png), url(../images/tf-btm.png);
	background-position: right top, bottom right;
	background-repeat: no-repeat, no-repeat;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 10px;
}
.tarifDetails p{
	text-align: left;
	font-size: 22px;
	font-weight: normal;
	color: #666;
	font-family: Arial;
}

.sectionOne{ background:url(../images/section-one.jpg) center top no-repeat #292929;  background-size:cover; padding:30px 0px;}
.sectionOne h1{font-family: 'PT Sans', sans-serif; font-size:28px; font-weight:bold; margin-bottom:20px; text-align:center; color:#FFF; line-height:30px;}
.sectionOne p{font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:normal; text-align:center; color:#FFF;}
.prod {margin-top:40px;}
.prod h1 a{font-family: 'PT Sans', sans-serif; font-size:18px; text-align:center; color:#FFF; line-height:20px;}
.prod h1 a:hover{color:#900; text-decoration:none;}

.sectionTwo{ background:url(../images/section-two.jpg) center top no-repeat #fff;  background-size:cover; padding:30px 0px;}
.sectionTwo h1{font-family: 'PT Sans', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#333; line-height:20px; margin-bottom:20px;}
.filterProd{margin-top:40px;}
.linkPageFilterProd{margin-top:0px;}

.sectionThree{ background:url(../images/section-three.jpg) center top no-repeat #000; background-size:cover; padding:30px 0px 80px 0px;}
.sectionThree h1{font-family: 'PT Sans', sans-serif; font-size:28px; margin-bottom:20px; font-weight:bold; text-align:center; color:#FFF; line-height:30px;}
.sectionThree p{font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:normal; text-align:center; color:#FFF; margin-bottom:60px;}
.maskDetails{float:left; margin-left:-60px; margin-top:-40px;}
.prodMaskDetails{float:left; margin-left:-100px; margin-top:-70px;}
.voirBt{width:140px; line-height:35px; background-color:#FFF; text-align:center; color:#333; font-family: 'PT Sans', sans-serif; margin:0 auto; }
.voirBt a{color:#333;} .voirBt a:hover{color:#333; text-decoration:none;}
.mask p{font-size:14px; font-weight:bold; color:#FFF; width:200px; text-align:center; line-height:50px;}

.offerPrice{width:100px; height:100px; position:absolute; top:-50px; left:90px; border-radius:100px; background-color:#333; float:left; color:#FFF; font-family: 'PT Sans', sans-serif; font-size:18px; padding-top:30px; text-align:center; line-height:22px;}
.offerbox{width:260px; margin:30px 10px;  background-color:#FFF; padding-bottom:20px; padding-top:40px; }

.offerbox h1{font-family: 'PT Sans', sans-serif; font-size:23px; font-weight:bold; text-align:center; color:#333; line-height:20px;}
.offerbox img{margin:20px auto;}

.offerBt{width:125px; background-color:#333; border-radius:5px; margin:0 auto; line-height:40px; text-align:center; color:#FFF;}
.offerBt a{color:#FFF;}
.sm-logo{margin:20px 0;}
.bigImg{    margin: 0 auto;
    height: 510px;
    background-color: #FFF;
    background-image: url(../images/sm-bg.png);
    background-size: cover;
    background-position: center;} 
.bigImg h2 {padding-top: 10px;font-size: 45px;font-family: 'Oswald', sans-serif; color:#FFF;}
.bigImg h2 a{}
.bigImg a:hover{opacity:0.8;}
.threeImages {
	background-color: #FFF;
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer{
	padding: 40px 0px;
	background-image: url(../images/ft-bg.png); background-size:cover;}
.footerIcons{font-size:28px; width:190px; margin:15px auto 15px auto;}
.footerIcons a{color:#FFF; margin:0 3px;}
.footer p{
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 20px;
}
.footer p a{color:#FFF;}.footer p a:hover{color:#900;}
.ftText{font-size: 13px;font-weight: normal;color: #FFF;text-align: left;font-family: Arial;}
.ftLinks{color: #FFF;text-align: left;padding-top: 20px;padding-bottom: 20px;font-family: Arial;font-size: 14px;font-weight: normal;
}
.ftLinks a{color:#FFF;}
.ftLinks a:hover{
	color: #900000;
}
.prodSocial{font-size:15px; width:150px; margin:15px auto 0px auto;} 
.prodSocial a{color:#FFF; background-color:#5d5a5a; padding:5px; }


.newsLetter{
	width: 170px;
	height: 40px;
	background-color: transparent;
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 0;
}
.newsLetter2{
	width: 530px;
	height: 40px;
	background-color: transparent;
	float: left;
	margin-top: 25px;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 0;
}

.newsLetter label{font-family: 'PT Sans', sans-serif; line-height:40px; font-size:16px; font-weight:normal; color:#FFF; float:left; margin-right:10px;}
.newsLetter input{
	width: 170px;
	height: 40px;
	float: left;
	border: none;
	background-color: transparent;
	padding-left: 10px;
	color: #FFF;
	background-image: url(../images/input-bg.png);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
}
.newsLetter2 input{
	width: 530px;
	height: 40px;
	float: left;
	border: none;
	background-color: transparent;
	padding-left: 10px;
	color: #FFF;
	background-image: url(../images/input2-bg.png);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;

}

.ok{
	width: 25%;
	background-color: #900;
	float: right;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 50px;
}
.ok a{color:#FFF;}
.ok a:hover{color:#000;}

.des{
	font-family: 'PT Sans', sans-serif;
	height: 50px;
	position: relative;
	padding-top: 10px;
	background-color: #900000;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	float: left;
	text-align: center;
}
.des a{color:#FFF;}.des a:hover{color:#000;}
.phoneIcon a{position:fixed; bottom:28px; left:33px; font-size:30px; color:#FFF; z-index:1;}


.scrollTop{
	width: 30px;
	height: 30px;
	float: right;
	margin: 6px 10px 0px 0;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.scrollTel{float:left;width:50px; height:50px; background-color:#900; border-radius:100px; position:fixed; bottom:25px; left:20px;animation: blink 1s step-end infinite;}
.scrollTelBg{float:left;width:60px; height:60px; background-color:#900; border-radius:100px; position:fixed; bottom:20px; left:15px;animation: blinkTwo 1s step-end infinite;}

.prodBox{
	/*background-color: #333;
	border-left: 5px solid #000;
	border-right: 5px solid #000;*/
	margin-bottom: 10px;
}
.prodBox h1 {font-family: 'PT Sans', sans-serif; font-size:20px; font-weight:bold; color:#bd0c0c; line-height:40px; margin:10px 0 0 10px; text-align:left;}
.prodBox p{font-family: 'PT Sans', sans-serif; font-size:14px; line-height:20px; color:#fff;  margin:0px 0 0 10px;  }
.prodBox h3{
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	color: #CCC;
	margin: 10px 0 0 0;
}
.prodBox h6{font-family: 'PT Sans', sans-serif; text-align:left; font-size:14px; line-height:20px; color:#fff;  margin:0px 0 0 10px;  }

.linkPageArea{margin:190px 5px 30px 30px; }

.linkPageArea .col-lg-9 .col-lg-4{margin:0px; padding:0px;}
.linkPageArea .col-lg-4{margin:0px; padding:0px 5px;}
/*----PanierArea Start----*/

.panierArea{
	color: #FFF;
	background-color: #333;
	padding: 20px 10px 20px 10px;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}
.totalBar{width:100%; font-weight:bold; line-height:30px; padding:0 10px; background-color:#666; float:left;}
.totalBar p{margin:0px; padding:0px;}
.panierAreabt{ margin:25px 0px 25px 0px; font-size:14px;  }
.panierAreabt a{width:100%;  border:1px solid #900; float:left; text-align:center; padding:10px 0px;border-radius:10px; color:#FFF;}
.panierAreabt a:hover{width:100%;border:1px solid #999;border-radius:10px;}
.ajouterBt{ text-align:center; float:right; font-family: 'PT Sans', sans-serif; font-weight:bold; background-color:#FFF; margin:10px 0px;}

.ajouterBt a{width:120px; line-height:40px; text-align:center; float:right;  color:#000; font-family: 'PT Sans', sans-serif; font-weight:bold; background-color:#FFF;}
.ajouterBt a:hover{width:120px; line-height:40px; text-align:center; float:right; color:#000; font-family: 'PT Sans', sans-serif; font-weight:bold; background-color:#900; font-size:16px;}
.panierMovie{margin-top:20px;}


.panierQuantiyFull{width:50%; margin:0 auto;}
.panierMinus,.panierPlus{ float:left; background-color:#39393d; padding: 1px 5px; font-weight:bold;}
.panierMinus a,.panierPlus a{color:#FFF;}
.panierMinus a:hover,.panierPlus a:hover{color:#900;}
.panierQuantiyFull input{
	width: 10px;
	float: left;
	color: #fff;
	text-align: center;
	background-color: #333;
	height: 25px;
	border: 0px;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}
.panierTitle{
	width: 100%;
	color: #fff;
	line-height: 50px;
	text-align: left;
	padding-left: 20px;
	background-color: #900000;
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
}
.panierTitle img{margin-top:-5px;}
#panierProd{width:60px; height:80px; float:left;}
.prodTitles{
	color: #900000;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 50px;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	width: 75%;
}
.panierArea hr{border:1px solid #666;}
/*----PanierArea End----*/






@keyframes blink {
	0% {background-color:rgba(255,204,51,1);}
	20% {background-color:rgba(255,204,51,1)}
	40% {background-color:rgba(255,204,51,1)}
	60% {background-color:rgba(255,204,51,1)}
}
@keyframes blinkTwo {
	0% {background-color:rgba(255,204,51,1);}
	20% {background-color:rgba(255,204,51,.5)}
	40% {background-color:rgba(255,204,51,1)}
	60% {background-color:rgba(255,204,51,.5)}
}


.imgSlider{ padding:30px 0px; background-color:#414141; }
.imgSlider .col-lg-2{padding:0px; margin:0px;}

.item {
  position: relative;
  overflow: hidden;
  
}
.item img {
  max-width: 100%;  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background-color:rgba(255,204,51,1)
}
@media (max-width: 1000px) {
	
	.linkPageArea{margin-top:310px;}
	
  }
	


@media (min-width: 200px) and (max-width: 600px) {
	.topbar{ line-height:30px;}
	.telTop,.seconnector,.locationArea{border-left:none;}
	.navbar { min-height: 30px; }
	.bdArea{margin-top:270px;}
	.sectionOne{padding-top:10px;}
	.offerbox{width:260px; margin:30px -5px 80px -5px; }
	.footer p{ font-size:15px;}
	.des{font-size:12px;}
	.newsLetter{width:300px; margin-left:14px;}
	.newsLetter input{width:120px;}
	.scrollTop{width:30px; height:30px;  margin:0px 5px 0px 0;}
	.cd-top{right: 10px; bottom: 45px;}
	.scrollTel{left: 10px; bottom: 40px;}
	.sectionThree {padding-bottom:0px; margin-bottom:20px;}
	.linkPageArea{margin-top:290px;}
	
  }





/*----ProdDiv Start----*/
.linkPage{
	color: #FFF;
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.linkPage h1{
	font-size: 18px;
	font-weight: bold;
	font-family: 'PT Sans', sans-serif;
	
	line-height: 20px;
	color: #e00000;
}
.linkPage p{text-align:center;  }
.formArea{margin-bottom:30px;}
.formArea label,.formArea input,.formArea select,.formArea textarea{margin:3px 0px;}
.formArea label{font-size:12px; margin-left:12px;}
.formArea input{clear:right; margin-left:10px; color:#333;}
.formArea select{width:210px; margin-left:10px;}
.formArea .col-xs-12{padding:0 10px;}
.votreCompte{  background-color:#000; float:left; padding:20px; margin:10px 25px;}
.votreCompte input{color:#333;}

.learnMore{
	width: 50%;
	font-size: 14px;
	float: left;
	margin: 0 0 0 100px;
}
.learnMore a{width:50%; text-align:center;  padding:10px 20px; color:#FFF; display:block; background-color:#640405;}
.learnMore a:hover{width:50%;}

.envoyer{width:71%;  margin:25px auto 25px 180px; font-size:14px; float:left;  }
.envoyer a{width:71%; border:1px solid #900; text-align:center;  padding:10px 20px; border-radius:10px; color:#FFF; display:block;}
.envoyer a:hover{width:71%;border:1px solid #999; border-radius:10px;}

.seeConnector{width:100%;  margin:10px auto 10px 0px; font-size:14px; float:left;  }
.seeConnector a{width:100%; border:1px solid #900; text-align:center;  padding:10px 20px; border-radius:10px; color:#FFF; display:block;}
.seeConnector a:hover{width:100%;border:1px solid #999; border-radius:10px;}

.jeCareeBt{width:100%;  margin:10px auto 10px 0px; font-size:14px; float:left;  }
.jeCareeBt a{width:100%; border:1px solid #900; text-align:center;  padding:10px 20px; border-radius:10px; color:#FFF; display:block;}
.jeCareeBt a:hover{width:100%;border:1px solid #999; border-radius:10px;}


.validerBt{width:60%;  margin:10px auto 10px 320px; font-size:14px; float:left;  }
.validerBt a{width:60%; border:1px solid #900; text-align:center;  padding:10px 20px; border-radius:10px; color:#FFF; display:block;}
.validerBt a:hover{width:60%;border:1px solid #999; border-radius:10px;}

.validerBigBt{width:400px;  margin:10px auto 10px 0px; font-size:14px; float:right;  }
.validerBigBt a{width:400px; border:1px solid #900; text-align:center;  padding:15px 20px; border-radius:10px; color:#FFF; display:block;}
.validerBigBt a:hover{width:400px;border:1px solid #999; border-radius:10px;}

.popUpvalider{width:300px;  margin:10px auto 10px 0px; font-size:14px; float:right;  }
.popUpvalider a{width:300px; border:1px solid #900; text-align:center; float:right;  padding:15px 20px; border-radius:10px; color:#FFF; display:block;}
.popUpvalider a:hover{width:300px;border:1px solid #999; border-radius:10px; float:right;}

.popUpignor{width:300px;  margin:10px auto 10px 0px; font-size:14px; float:right;  }
.popUpignor a{width:300px; border:1px solid #900; text-align:center;  padding:15px 20px; border-radius:10px; color:#FFF; display:block;}
.popUpignor a:hover{width:300px;border:1px solid #999; border-radius:10px;}

.popNew h1{color:#900; font-size:22px; font-family: 'Oswald', sans-serif;}
.popNew h2{color:#fff; font-size:18px; font-family: 'Oswald', sans-serif;}
.popNew h2 a{color:#FFF;}.popNew h2 a:hover{color:#900;}
.popNew p{color:#FFF;}


.popUpIcon{}
.popUpIcon a{height:230px; float:left; border:1px solid #333; color:#FFF; padding:30px 6%; margin:0 8px; }
.popUpIcon a:hover{height:230px; float:left; border:1px solid #900; padding:30px 6%; margin:0 8px;  color:#900;}



.popUpIcon h1{color:#900; font-size:25px;font-family: 'Oswald', sans-serif; text-align:center}
.popUpIcon h1 a{color:#900}.popUpIcon h1 a:hover{color:#FC0}

.popNewBtDt{color:#FFF}
.popNewBtDt h1{font-size:18px; color:#900; text-align:left;font-family: 'Oswald', sans-serif;}
.pouletSmArea{float:left; margin-top:15px;}

.checkOutvaliderBt{width:100%;  margin:10px auto 10px 0px; font-size:14px; float:left;  }
.checkOutvaliderBt a{width:100%;  border:1px solid #900;  text-align:center;  padding:10px 20px; border-radius:10px; color:#FFF; display:block;}
.checkOutvaliderBt a:hover{width:100%;border:1px solid #999; background:none; border-radius:10px;}


.checkOutListCodeBt{width:100%;  margin:10px auto 10px 0px; font-size:14px; float:left;  }
.checkOutListCodeBt a{width:100%;  border:1px solid #900;  text-align:center;  padding:10px 20px; border-radius:10px; color:#FFF; display:block;}
.checkOutListCodeBt a:hover{width:100%; border:1px solid #999; background:none; border-radius:10px;}


.linkpagNav{width:100%; float:left; margin-top:30px;}
.linkpagNav ul{list-style:none; margin:0 0 0 30px; padding:30px 0 0 0;}
.linkpagNav ul li{float:left; margin:10px 3px 10px 0; padding:10px 25px; border-right:1px solid #333;: text-align:left; color:#FFF; line-height:20px;}
.linkpagNav ul li:last-child{line-height:40px; border:none;}
.linkpagNav ul li a:hover{
	color: #900;
}
.linkpagNav ul li a{color:#FFF;}
.linkpagNav ul li .current	{
	color: #900; background:none; text-align:left; line-height:20px;}
.pizzaAdds img{ margin:10px;}
.pizzImg1{float:left;}.pizzImg2{float:right;}

.leftPrNav{}
.leftPrNav a{color:#fff;}
.leftPrNav img{float:left; margin-right:10px; width:20%; height:20%;}
.leftPrNav p{float:left;margin-top:18px; font-size:16px; font-family: 'Oswald', sans-serif;}
.leftPrNav p a:hover{color:#9c0003; text-decoration:none;}
.allergenestable{color:#FFF; margin-bottom:20px;}
.allergenestable h1{color:#900; font-size:14px;font-family: 'Oswald', sans-serif;}
.allergenestable td{padding-left:20px;}
.allergenesBgs{background-color:#900; color:#FFF; line-height:30px; padding-left:20px; font-family: 'Oswald', sans-serif;}

.productPanel{  border-left:5px solid #191919; height:450px; border-right:5px solid #191919; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
.productPanel h4, .productPanel h3 {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 19px;
    margin: 15px auto;
    text-align: center;
    width: 200px;
}
.productPanel h3 {
    color: #900;
font-size: 22px;
}

.productPanel h5 {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    margin: 20px auto;
    text-align: center;
    width: 200px;
}
.productPanel .ajoutzBt{width:50%; background-color:#900; margin-top:10px; line-height:50px; text-align:center; color:#FFF; float:left; font-family: 'Oswald', sans-serif; margin-left:10px;}
.productPanel .ajoutzBt a{color:#FFF;}.productPanel .ajoutzBt a:hover{color:#FC0;}
.maskPrice {
    float: left;
    line-height: 50px;
    margin-left: 35px;
    margin-top: 15px;
    text-align: left;
}
.maskPrice h3{width:60px;}
.pizzaMaskPrice {
    float: left;
    line-height: 50px;
    margin-left: 12px;
    margin-top: 15px;
    text-align: left;
}
.pizzaMaskPrice h3{background-color:#333; color:#FFF; font-size:15px; height:50px; margin-top:-5px; line-height:50px; width:110px; margin-left:-10px;}

.smQuantiyFull{width:45%; margin:0 auto;}
.smMinus,.smPlus{ float:left; background-color:#39393d; padding: 1px 5px; font-weight:bold;}
.smMinus a,.smPlus a{color:#FFF;}
.smMinus a:hover,.smPlus a:hover{color:#FC0;}
.smQuantiyFull input {
    background-color: #333;
    border: 0 none;
    color: #fff;
    float: left;
    height: 22px;
    margin: 0 5px;
    text-align: center;
    width: 30px;
}

.popUpsmQuantiyFull{width:100%; float:left; margin-top:10px;}
.popUpsmMinus,.popUpsmPlus{ float:left; background-color:#39393d; padding: 1px 5px; font-weight:bold;}
.popUpsmMinus a, .popUpsmPlus a{color:#FFF;}
.popUpsmMinus a:hover, .popUpsmPlus a:hover{color:#FC0;}






.popUpsmQuantiyFull input{
	width: 30px;
	float: left;
	color: #fff;
	text-align: center;
	background-color: #333;
	height: 25px;
	border: 0px;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}

.popUpDetailSmQuantiyFull{width:90%; float:right; margin-top:12px;}
.popUpDetailsmMinus,.popUpDetailsmPlus{ float:left; background-color:#39393d; padding: 1px 5px; font-weight:bold;Height:20px}
.popUpDetailsmMinus a, .popUpDetailsmPlus a{color:#FFF;}
.popUpDetailsmMinus a:hover, .popUpDetailsmPlus a:hover{color:#FC0;}
.popUpDetailSmQuantiyFull input{
	width: 30px;
	float: left;
	color: #fff;
	text-align: center;
	background-color: #333;
	height: 22px;
	border: 0px;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}
.popUpPrice{width:350px; margin-top:15px; float:right;}
.popUpPrice h1{text-align:center; margin:0px; padding:0px;}

.popUpPrice .popUpvalider{width:300px;  margin:10px 25px 10px 0px; font-size:14px; float:right;  }
.popUpPrice .popUpvalider a{width:300px; border:1px solid #900; text-align:center; float:right;  padding:15px 20px; border-radius:10px; color:#FFF; display:block;}
.popUpPrice .popUpvalider a:hover{width:300px;border:1px solid #999; border-radius:10px; float:right;}
.pouletPopDetails{margin-top:20px;}

.compTab{color:#fff; margin-top:20px; margin-bottom:30px;}
.compTab a{line-height:40px;  color:#FFF; font-family:Arial, Helvetica, sans-serif;   display:block; text-align:center;}
.current{
	line-height: 40px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #666;
	display: block;
	text-align: center;
}
.checkOutInfoTit{background-color:#900; line-height:40px; color:#FFF; font-size:14px; font-family: 'Oswald', sans-serif; margin:10px 0px;}
.checkOutPTable{margin:5px 0 0 0px; font-size:13px;}.checkOutokBt{background-color:#900; text-align:center; line-height:40px; padding:0 20px;}
.checkOutokBt a{color:#FFF;}.checkOutokBt a:hover{color:#FC0;}
hr{border:1px solid #666;}
.checkOutDt{padding-left:15px; line-height:30px;}

.checkoutButtons .seeConnector{width:100%;  margin:10px auto 10px 0px; font-size:14px; float:left;  }
.checkoutButtons .seeConnector a{width:100%; border:1px solid #900; text-align:center;  padding:10px 20px; border-radius:10px; color:#FFF; display:block;}
.checkoutButtons .seeConnector a:hover{width:100%; border:1px solid #999; border-radius:10px; background:none;}

.checkoutButtons .jeCareeBt{width:100%;  margin:10px auto 10px 0px; font-size:14px; float:left;  }
.checkoutButtons .jeCareeBt a{width:100%; border:1px solid #900; text-align:center;  padding:10px 20px; border-radius:10px; color:#FFF; display:block;}
.checkoutButtons .jeCareeBt a:hover{width:100%; border:1px solid #999; border-radius:10px; background:none;}


.dejaButton{color:#FFF; text-align:right; padding-top:15px;}
.checkoutForm label{color:#FFF; font-size:12px;}
.checkoutForm input,.checkoutForm textarea,.checkoutForm select{color:#000; }


.checkoutForm label,.checkoutForm input,.checkoutForm select,.checkoutForm textarea{margin:3px 0px;}
.checkOutPayment{background-color:#666; margin:10px; padding:15px;}
.contact p, .contact h1{text-align:center;}

.checkOutPanier{color:#FFF; margin-bottom:20px;}
.checkOutPanier h1{color:#900; font-family: 'Oswald', sans-serif; font-size:15px;}

.checkOutPanier .decouvrirbt{width:100%;  margin:10px auto 10px 0px; font-size:14px; float:left;  }
.checkOutPanier .decouvrirbt a{width:100%; border:1px solid #900; text-align:center;  padding:10px 20px; border-radius:10px; color:#FFF; display:block;}
.checkOutPanier .decouvrirbt a:hover{width:100%; border:1px solid #999; border-radius:10px; background:none;}



.radioBgFrom{color:#fff;}
.popupDetails {margin-top:100px;}
.popupDetails h1 {font-size:24px; font-family: 'Oswald', sans-serif; color:#bd0c0c; float:left; }
.popupDetails h2 {font-size:18px; font-family: 'Oswald', sans-serif; color:#900; float:right; }
.popupDetails h5{color:#900; font-weight:bold;} 
/*----ProdDiv Ends----*/





/*----Compte Start----*/
#page-wrap {
	width: 100%;
	margin: 0px auto;
}
.example-one { padding: 0px; margin: 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

.example-one .nav { overflow: hidden; margin-left:0px;}
.example-one .nav li {
	float: left;
	width: 19%;
	position: relative;
	margin: 0 1px;
	background:url(../images/compsez-navi-normal.png) center top repeat-x;
	line-height:25px;
	height:40px;
	 font-family: 'Oswald', sans-serif;
}
.circleDiv{width:45px; height:45px;top:1px;
	left:0px; background-color:#9c0003; border-radius:100px;position: absolute;}
	.circleDiv a{width:45px; height:45px;top:1px;
	left:0px; background-color:#9c0003; border-radius:100px;position: absolute;}
	.circleDiv a:hover{width:45px; height:45px;top:1px;
	left:0px; background-color:#00C; border-radius:100px;position: absolute;}
.example-one .nav li img{
	position: absolute;
	top:1px;
	left:10px; width:40px; height:40px;
	
	
}

.example-one .nav li.last { margin-right: 0; }
.example-one .nav li a {
	display: block;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	
	
}
.example-one .nav li a:hover {
	background:url(../images/compsez-navi-hover.png) center top repeat-x; line-height:25px;
	height:40px;
	}

.example-one ul {list-style: none; margin:0px; padding:0px;}
.example-one ul li a { display: block; }

.example-one ul li:last-child a { border: none; }

.example-one ul li.nav-one a.current, .example-one ul.featuredBottom li a:hover {background:url(../images/black-bg.jpg) repeat; color: #fff; }
.example-one ul li.nav-one a.current, .example-one ul.featured li a:hover {
	background:url(../images/compsez-navi-hover.png) center top repeat-x; line-height:25px;
	height:40px;
	color: #FFF;
	 font-family: 'Oswald', sans-serif;
}
.example-one ul li.nav-two a.current,.example-one ul.core li a:hover {background:url(../images/compsez-navi-hover.png) center top repeat-x; line-height:25px;
	height:40px;color: #FFF;}
.example-one ul li.nav-five a.current, .example-one ul.jquerytutsTwo li a:hover {background:url(../images/compsez-navi-hover.png) center top repeat-x; line-height:25px;
	height:40px;color: #FFF;}
.example-one ul li.nav-three a.current, .example-one ul.jquerytuts li a:hover {background:url(../images/compsez-navi-hover.png) center top repeat-x; line-height:25px;
	height:40px;color: #FFF; }
.example-one ul li.nav-four a.current, .example-one ul.classics li a:hover {background:url(../images/compsez-navi-hover.png) center top repeat-x; line-height:25px;
	height:40px;color: #FFF;}




.example-two{padding:10px; background-color:#999; border-radius:10px 10px 0 0;}
.example-two .list-wrap { background-color:#333; border-radius:10px 10px 0px 0px; padding: 10px; margin: 0 0 15px 0; }
.example-two ul { list-style: none; }
.example-two ul li a { display: block;  padding: 4px;  color: #fff; }
.example-two ul li a:hover { background: #333; display:block; color:#7a2c2a; }
.example-two ul li:last-child a { border: none; }
.example-two .nav { overflow: hidden; }
.example-two .nav li {width:120px; line-height:30px; float: left; margin:0 3px;  }
.example-two .nav li.last { margin-right: 0; }
.example-two .nav li a { display: block; padding: 5px;  color: white; font-size:16px; text-align: center; border: 0; }
.example-two .nav li a:hover { display: block; padding: 5px; background: #666; color: white; font-size:16px; text-align: center; border: 0; }

.example-two li a.current,.example-two .example-one ul.featured li a:hover { background-color: #FFF !important; color: black; }
.example-two .nav li a:hover, .example-two .nav li a:focus { }
@keyframes blink {
	0% {color:#000;}
	20% {color:#fbd00000;}
	40% {color:#fb7672;}
	60% {color:#FFCC00;}
}
#featured,#core,#jquerytutsTwo,#classics{font-size:14px; line-height:30px; font-family: 'Oswald', sans-serif;}
.corebtLeft{background-color:#bd0000; text-align:center;}.corebtRight{background-color:#333; text-align:center;}

.corefideliteBt{width:100%; line-height:50px; margin:15px 0px; text-align:center; border-radius:10px; border:1px solid #e01818; }
.corefideliteBt a{color:#FFF;}.corefideliteBt a:hover{color:#bd0000;}
#jquerytuts{font-size:14px; line-height:40px; font-family: 'Oswald', sans-serif;}
#jquerytuts .col-lg-2{background-color:#333; margin-bottom:2px;}
#jquerytuts .col-lg-8{background-color:#2C2C2C; margin-bottom:2px;}
#jquerytuts a{color:#FFF;} #jquerytuts a:hover{color:#bd0000;}
#jquerytutsTwo{}
.jquerytutstitle{background-color:#bd0000;}
.jquerytutsdt{background-color:#333; border-bottom:2px solid #000;}
.classicsDt{background-color:#333; text-align:center; line-height:50px; margin:10px 0px 20px 0px;}


/*----Compte End----*/

 .footertinyLinks{float: left; margin: 0; padding: 0; width: 100%; background-color:#000;}
  .footertinyLinks a{color:#FFF;}.footertinyLinks a:hover{color:#900;}
  
  #allergene{color:#FFF; margin-right:30px;}
  
  .prodSubTitle{ font-size:20px; color:#ccc; text-align:center; line-height:20px; font-family: 'Oswald', sans-serif;}

.ftForm{margin-top:20px;}.ftForm .okBt{
	background-color: #900;
	color: #FFFFFF
}
.ftForm .okBt:hover{ color:#000;}
.ftForm input{margin-bottom:5px; color:#000; width:300px;}
.ftForm label{color: #900; font-size:20px;}

/*********************Popup Produit**************************/

.popProduit h1{color:#fff; font-size:2em; font-family: 'Oswald', sans-serif; font-weight:normal;}

.popHead1{
	background-color: #900;
	color: #FFF;
	width: 20%;
	float: left;
	font-size: 1em;
	line-height: 60px;
	text-align: center;
}
.popHead2{
	background-color: #333;
	color: #FFF;
	width: 20%;
	float: left;
	font-size: 1em;
	line-height: 60px;
	text-align: center;
}
.popDetail1{
    background-color: #d2c0bb;
    color: #000;
    width: 20%;
    float: left;
    font-size: 1em;
    line-height: 34px;
    padding-left: 10px;
    text-align: center;
    height: 63px;
}
.popDetail2{
	background-color: #990000;
	color: #000;
	width: 20%;
	float: left;
	font-size: 1em;
	line-height: 60px;
	padding-left: 10px;
	text-align: center;
}

.colDisc {line-height: 30px;}
.popUpfermer{width: 100%;margin: 10px auto 10px 0px;font-size: 14px;float: right; background-color:#891014;}
.popUpfermer a{width:100%; border:1px solid #891014; text-align:center; float:right;  padding:15px 20px; color:#FFF; display:block;}
.popUpfermer a:hover{width:100%;border:1px solid #999; float:right;}
