@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
    url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
    url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'breebold';
    src: url('../fonts/bree_bold-webfont.woff2') format('woff2'),
         url('../fonts/bree_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'breeregular';
    src: url('../fonts/bree_regular-webfont.woff2') format('woff2'),
         url('../fonts/bree_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'noveregular';
    src: url('../fonts/nove-webfont.woff2') format('woff2'),
         url('../fonts/nove-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}












body {

	background-color:#eac1a9;

	font-family:robotoregular;
	
	background-repeat: no-repeat;

	background-position: center 0 ;
}



.main {
	width:1200px;
}

.main_main{
	position:relative;
	width:1200px;
	margin:auto;
	margin-top: 0px;
	margin-bottom: 50px;
/*	padding-bottom: 120px;*/
}


.bloc_avis {
	width: 49%;
	display: inline-block;
	color: #599a6f;
}
.bloc_avis a {
	font-family: 'breebold';
	font-size: 32px;
	color: #599a6f;
}
.bloc_avis a:hover {
	color: #1a9867;
	text-decoration: none;
}

.bloc_menu_haut {
	width: 50%;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'breeregular';
	font-size: 18px;
	text-align: right;
	color: #599a6f;
}
.bloc_menu_haut a {
	color: #599a6f;
}
.bloc_menu_haut a:hover {
	color: #1a9867;
	text-decoration: none;
}
a.connexion,
a.deconnexion {
font-family: 'breebold';
  font-size: 18px;
  color: #ffffff!important;
  margin-top: -208px;
  text-align: right;
  text-transform: uppercase;
  float: right;
  display: block;
  border-radius: 15px;
  background-color: #599a6f;
  padding: 10px 30px;
  transition: all 0.2s ease-in-out !important;
}
a.connexion:hover,
a.deconnexion:hover {
	color: #1a9867;
	text-decoration: none;
	transform: scale(1.15);
}

body.index a.connexion,
body.index a.deconnexion {
font-family: 'breebold';
  font-size: 18px;
  color: #ffffff!important;
  margin-top: -205px;
  text-align: right;
  text-transform: uppercase;
  float: right;
  display: block;
  border-radius: 15px;
  background-color: #eac1a9;
  padding: 10px 30px;
  transition: all 0.2s ease-in-out !important;
}
body.index a.connexion:hover,
body.index a.deconnexion:hover {
	color: #1a9867;
	text-decoration: none;
	transform: scale(1.15);
}


body.index .bloc_avis,
body.index .bloc_avis a,
body.index .bloc_menu_haut,
body.index .bloc_menu_haut a,
body.index a.connexion {
	color: #eac1a9;
}
body.index .header {
	border-bottom: 3px solid #eac1a9;
	width: 1200px;
	margin: auto;
}

.logo {
	width: 1200px;
	margin: auto;
}

/****************************************

** header

****************************************/

.header {
	height: 63px;
	position: relative;
	width: 100%;
	border-bottom: 3px solid #599a6f;
	padding-top: 10px;
}




.site {
	margin:auto;
	width:1200px;
}
body.index .logo a.logo {
text-align: center;
  margin: auto;
  background-image: url("../img/logo_food_deconnexion.png");
  width: 330px;
  height: 210px;
  margin-top: 15px;
	display: block;
}
.logo a.logo {
text-align: center;
  margin: auto;
  background-image: url("../img/logo_food_deconnexion_int.png");
  width: 330px;
  height: 210px;
  margin-top: 15px;
	display: block;
}


.bloc_offre {
	padding-top: 400px;
	background-image: url("../img/img_degrade.png");
	background-repeat: repeat-x;
	background-position: bottom center;
	padding-bottom: 50px;
}


.pourachat {
	background-image: url("../img/pour_achat.png");
	background-repeat: no-repeat;
	width: 616px;
	height: 208px;
	margin: auto;
	display: block;
}


.titre_lieu {
	font-family: 'noveregular';
	font-size: 60px;
	color: #599a6f;
	line-height: 80px;
    letter-spacing: 5px;
}

.titre_lieu span {
	font-size: 90px;
}


a.lienJeu  {
  display: block;
  border-radius: 40px;
  width: 550px;
  vertical-align: inherit;
  color: #d5ddeb;
  font-size: 65px;
  font-family: 'noveregular';
  z-index: 1000;
  position: relative;
  background-color: #599a6f;
  margin: auto;
  padding: 20px 0px;
  margin-top: 13px;
  transition: all 0.2s ease-in-out!important;
}
a.lienJeu:hover {
	background-color: #1a9867;
	text-decoration: none;
	transform: scale(1.15);
	color: #d5ddeb;
}

a {
	color: #599a6f;
}
a:hover {
	color: #599a6f;
	text-decoration: underline;
}

.h3, h3 {
	font-size: 24px;
	font-family: 'noveregular';
}



/*********************************

** connexion

*********************************/


body.connexion a.connexion {
  display: none;
}


body.connexion .main_main .bouton{
	background-color:#42afa6;
	padding:0 200px;
}


body.connexion .main_main #formconnexion{
	float:left;
	width: 40%;
	margin-right:10%;
	color:#a4b9a9;
	text-align: center;
}

body.connexion .main_main #forminscription{
	float:left;
	width: 44%;
	color:#a4b9a9;
}

body.connexion .main_main form h2{
	font-family: 'noveregular';
	color:#1a9867;	
	font-size:40px;
	text-transform:uppercase;
}

body.connexion .main_main #formconnexion .formInner{
	padding-top:36px;
	margin:auto;
	width:242px;
}

body.connexion .main_main #formconnexion .formInner .mdpoublie{
	font-family:robotobold;
	text-decoration:underline;
	color:#57996e;
	font-size:14px;
}

body.connexion .main_main .formInner p{
	float:left;
}

body.connexion .main_main .formInner p.totalite{
	width:100%;
}

body.connexion .main_main .formInner p.totalite input {
	float: left;
}



body.connexion .main_main .formInner p.moitie{
	width:50%;
}

body.connexion .main_main .formInner p.troisquart{
	width:67%;
}

body.connexion .main_main .formInner p.unquart{
	width:33%;
}

body.connexion .main_main .formInner p.left{
		text-align:left;
		clear:both;
}

body.connexion .main_main .formInner p.right{
		text-align:right;
}

body.connexion .main_main .formInner input[type='text'], body.connexion .main_main .formInner input[type='password']{
	
}

body.connexion .main_main .formInner p.moitie input[type='text'], body.connexion .main_main .formInner p.moitie input[type='password'],
body.connexion .main_main .formInner p.troisquart input[type='text'], body.connexion .main_main .formInner p.troisquart input[type='password'],
body.connexion .main_main .formInner p.unquart input[type='text'], body.connexion .main_main .formInner p.unquart input[type='password']
{
	width:99%;
}

body.connexion .main_main .formInner p.espacehaut{
	margin-top:15px;
}

body.connexion .main_main .formInner p.totalite input[type='text'], body.connexion .main_main .formInner p.totalite input[type='password']{
	width:100%;
}

input[type='text'], input[type='password']{
		font-size:16px;
		padding-left:15px;
		padding-right: 15px;
		height:43px;
		border:none;
		border-radius:16px;
		font-family: breebold;
}


input.cp{
	padding-left:15px;
}

body.connexion .main_main .formInner label{
	font-size:14px;
	font-weight:normal;
	margin-bottom:0;
}

body.connexion .main_main .formInner label.civilite{
	font-weight:bold;
}

body.connexion .main_main .formInner .obligatoire{
	font-weight:bold;
	font-size:12px;
	color: #57996e;
}

body.connexion .main_main .formInner p.totalite.reglement{
	padding-left:30px;	
}

body.connexion .main_main .formInner p.totalite.reglement a{
	font-size:10px;
	text-decoration:underline;
	color:#373637;
}

body.connexion .main_main .formInner p.case label{
	position:relative;
	top:3px;
	float:left;
	margin-right: 5px;
	margin-left:4px;
	font-size:10px;
	width: 90%;
	color: #57996e;
}




body.connexion .main_main .formInner p.case label a{
	text-decoration:underline;
	color:#373637;
}

body.connexion .main_main .formInner p.offre{
	position:relative;
	top:-15px;
}

body.connexion p.valider{
		text-align:center;
}

body.connexion p.valider input,
body.form input#jevalide,
body.ticket input.bouton,
body.avis input#envoyer {
	font-family: 'noveregular';
	color: #d5ddeb;
	background-color: #599a6f;
	border-radius: 15px;
	border: none;
	font-size: 36px;
	text-transform: uppercase;
	padding: 10px 30px;
	transition: all 0.2s ease-in-out!important;
}
body.connexion p.valider input:hover,
body.form input#jevalide:hover,
body.ticket input.bouton:hover,
body.avis input#envoyer:hover {
	transform: scale(1.15);
	color: #d5ddeb;
	background-color: #1a9867;
}

body.connexion p.info{
	margin-top:30px;
	font-size:12px;
	text-align:justify;
	
}


td {
	padding: 10px;
}













body.divers .main_main {
  padding-left: 10px;
  padding-right: 10px;
}

body.jouer .main_main{
	padding-bottom: 0px;
}


body.avis .main_main{
	padding-bottom: 0px;
}






.main_main .encart{
	background-position:center center;
	text-align: center;
}





.titre_ope {
  border-radius: 16px;
  text-align: center;
  height: 114px;
  vertical-align: sub;
  line-height: 8;
  margin-bottom: 20px;
}

.titre_ope a {
  display: block;
  border-radius: 16px;
  width: 100%;
  height: 100%;

}
.titre_ope a:hover {
  opacity: 0.8

}
.titre_mois {
	display: block;
  height: 40px;
  text-transform: uppercase;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-family: 'breebold';
	padding-top: 15px;
  margin-bottom: -30px;
}

.img_titre_frise {
	margin-top: -8px;
	margin-left: 7px;
}

.bloc_mois--14 .img_titre_frise {
margin-top: -31px;
  margin-left: 0px;
  width: 100%;
  height: auto;
}



.jouer_ope {
  overflow: hidden;
  width: 686px;
  height: 314px;
  text-align: center;
  background-image: url(../img/commun/fond_jouer.png);
  margin-top: 14px;
  position: relative;
}


.jouer_ope::before{
	content: '';
	position: absolute;
	opacity: 0.3;
	top: 0;
	left: -550px;
	width: 1000px;
	height: 100%;
	background: linear-gradient(50deg, transparent, transparent 250px, #ffffff 450px, transparent 650px, transparent);
	animation: translateFond infinite 4s ease-in-out alternate;
}

@keyframes translateFond {
	to{
		left: 300px;
	}
}


/*frise*/

.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: #c93772 #e9c2c4;
  scrollbar-width: thin;
}


#bloc_frise {
  height: 746px;
  font-family: 'breebold';
	font-size: 33px;
	text-align: center;
	z-index: 10000;
  position: absolute;
  top: 0;
  width: 689px;
	overflow: auto;
	visibility: hidden;
 border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

#bloc_frise a{
	text-decoration: none;
}
.bloc_mois--11{
	border-top-left-radius: 16px;
	border-top-right-radius: 5px;	
}

.bloc_mois{
	padding-top: 31px;
	height: 114px;
	z-index: 1;
	text-transform: uppercase;
	
}



.titre_jouer {
  background-color: #e83676;
  font-family: 'breebold';
  border-radius: 16px;
  text-align: center;
  font-size: 60px;
  height: 170px;
  vertical-align: sub;
  line-height: 2.3;
  margin-bottom: 20px;
  color: #f7e6d5;
  z-index: 1;
  position: relative;
}




.bloc_questions {
  font-family: 'breebold';
  border-radius: 16px;
  text-align: center;
  font-size: 20px;
  vertical-align: sub;
  line-height: 2;
  margin-bottom: 20px;
  color: #57996e;
  z-index: 1000;
  position: relative;
	padding-top: 50px;
	padding-bottom: 130px;
}







/*********************************

** footer

*********************************/

.newfooter{

	background-color: #e93576;
	height: 95px;
	text-align: center;
}

.footer_commun{
/*
  position: absolute;
  bottom: 0;
  z-index: 100000;
  position: fixed;
*/
  width: 100%;
}

body.ticket .footer_commun,
body.form .footer_commun
{

/*  position: absolute;
  bottom: 0;
  z-index: 100000;
  position: fixed;
*/
  width: 100%;
}


.footer .menu{

	font-family:robotomedium;

	font-size:10px;

	list-style-type:none;

	margin:0;

	padding:0;

	text-align:center;

	padding-top:10px;

	padding-bottom:10px;
	
	background-color: #fff;

}



.footer .menu li{

	display:inline-block;

	text-transform:uppercase;

	padding:0 9px 0 5px;

	background:url('../../img/commun/footer/tiret.png') right center no-repeat;

}



.footer .menu li:last-child{

	background:none;

}



.footer .menu li a{

	color:#000000;

}



.footer .menu li a:hover{

	text-decoration:none;

	opacity:0.8;

}


.blocAvis {
	width: 386px;
	height: 29px;
	display: inline-block;
	background: url('../img/commun/votre_avis.jpg') top left no-repeat;
	margin-top: 30px;
	margin-right: 50px;
}

.blocFooter {
	display: inline-block;
	margin-top: 38px;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	vertical-align: top;
	font-family: breebold;
}
.blocFooter a {
	color: #f6e5d4;
}


.blocAvis:hover{
	opacity:0.8;
}























































.mobileOnly{
	display:none;
}

a:focus {outline: none !important;}
a:active {outline: none !important;}

:focus{
	outline:none;
}



body.index {
	
/*	background-image: url(../../img/commun/header/bandeau_home.png);*/

}



#popup {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: auto;
	left: 0px;
	z-index: 1000;
	top: 0px;
	background-image: url('../../img/commun/background_popup.png');
}
.popup_visuel {
	width: 389px;
	height: 454px;
	position: relative;
	margin: auto;
	z-index: 1000;
	top: 350px;
	display: block;
}






.clear{

	clear:both;

}


a.participer_weekend {
  width: 1200px;
  height: 600px;
  display: block;
  margin-top: -2px;
}













/****************************************

** blocs

****************************************/

body .site{
	width: 1200px;
}

body.index .site{
	width: 100%;
}

body.index .main{
	width: 100%;
}

body.index .main_main{
	position:relative;
	margin:auto;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0;
	width: 100%;
}



.main_main h2{
font-family: 'noveregular';
  color: #599a6f;
  font-size: 40px;
  text-transform: uppercase;
  text-align: center;
}

.main_main h2 span{
	color:#ffffff;
	background-color:#42afa6;	
	border-radius:50%;	
	display:inline-block;
	width:32px;
	text-align:center;
}




.main_main .encart2{
	height:212px;
	background-position:center center;
}

.main_main .boutonOuter{
	text-align:center;
/*	position:absolute;*/
	left:0;
	right:0;
	bottom: 50px;
}



.blocFacebook{
	
	margin-top:65px;
	
	width:960px;

	height:131px;	

	float:left;

	background:url('../../img/commun/main/facebook.png') top left no-repeat;

	position:relative;

}

.blocFacebook:hover{

	opacity:0.8;

}

.blocFacebook .fb-like{

		position:absolute;

		right:80px;

		top:57px;

}





/*********************************
** index
*********************************/
body.index .main_main .boutonOuter{
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 80px;
}

body.index .main_main h1 {
	text-align: center;
	color: #ffffff;
	margin-bottom: 5px;
	font-size: 75px;
	font-weight: 400;
	padding-top: 33px;
	font-family: fixturecondensedextrabold;
	letter-spacing: 5px;
}
body.index .main_main h2{
	text-align:center;
	letter-spacing:1px;
	margin-bottom: 5px;
}
body.index .main_main h2.small {
	text-align: center;
	color: #cb4933;
	letter-spacing: 1px;
	margin-bottom: 5px;
	margin-top: 50px;
	font-size: 20px;
}
body.index .main_main h3 {
	text-align: center;
	color: #d93d36;
	letter-spacing: 1px;
	margin-bottom: 5px;
	font-size: 45px;
/*	font-family: fixtureregular;*/
	font-family: fixturebold;
	text-transform: uppercase;
}
body.index .main_main p{
	font-family:fixtureregular;
	text-transform: uppercase;
	font-size: 26px;
	margin-top: 15px;
	color: #000000;
}

body.index .main_main p span {
	color: #ffffff;
	height: 38px;
	width: 44px;
	display: inline-block;
	background-color: #d93d36;
}

body.index .main_main ul{
	position:relative;
	list-style-type:none;
}

body.index .main_main ul li.ou{
	background-image:none;
	font-family:fixtureregular;
	background-color:#f49646;
	border-radius:25px;
	padding:0 4px;
	margin:0;
	position:absolute;
	left:0px;
	top:16px;	
}

body.index .main_main ul li{
	font-family:fixturebold;	
	font-size:22px;
	background:url('../img/commun/index/puce.png') left center no-repeat;
	padding-left:25px;
	margin-left:5px;
}



/*********************************
** ticket
*********************************/

body.ticket .main_main .bouton{
	
}

body.ticket .main_main p{
	text-align:center;
	font-size:24px;
	font-family: breebold;
	margin:30px 0;
}

body.ticket .main_main p span{
	background-color:#f3b87e;
	border-radius:25px;
	padding:0 4px;
}

body.ticket .main_main form{
	text-align:center;
}

body.ticket .main_main form input{
	display:inline;	
}

body.ticket .main_main label{
	font-size:20px;
	font-family: breebold;
	font-weight:normal;
}

body.ticket .main_main label a{
	color:#373637;
	text-decoration:underline;
}





/*********************************

** avis

*********************************/

body.avis{

}

body.avis h3{
	text-align:center;
	font-size:20px;
	font-family: 'breebold';
	color: #599a6f;
	margin-top: 36px;
}

body.avis .bloc1 ul, body.avis .bloc2 ul{

	margin:0;

	padding:0;

	list-style-type:none;

	text-align:center;

	margin-top:25px;

}



body.avis .bloc1 li, body.avis .bloc2 li{

	display:inline-block;
	margin: 10px;
}



body.avis .bloc1 li a{

	display:inline-block;

	width:45px;

	height:45px;

	text-indent:-5000px;

	opacity:0.5;

	margin:0 5px 0 5px;

}



body.avis .bloc1 li a.selected{

	opacity:1;

}



body.avis .bloc1 li a#oui{
	background:url('../../img/oui.png') top left no-repeat;
	transition: all 0.2s ease-in-out;
}

body.avis .bloc1 li a#moyen{
	background:url('../../img/moyen.png') top left no-repeat;
	transition: all 0.2s ease-in-out;
}

body.avis .bloc1 li a#non{
	background:url('../../img/non.png') top left no-repeat;
	transition: all 0.2s ease-in-out;
}

body.avis .bloc1 li a#oui:hover,
body.avis .bloc1 li a#moyen:hover,
body.avis .bloc1 li a#non:hover {
	transform: scale(1.15);
}



body.avis .bloc2 li a{

	display:inline-block;

	text-align:center;

	height:27px;

	line-height:27px;

	margin:0;
	
	color:#e93576;

}



body.avis .bloc2 li a.selected{

	font-weight:bold;

	text-decoration:none;

}



body.avis .bloc2 li a:hover{

	text-decoration:none;

}



body.avis .bloc2 li a#deco{
  width: 200px;
  font-family: 'breebold';
  background-color: #599a6f;
  border-radius: 10px;
  display: block;
  color: #fff;
  padding: 10px 20px;
  height: 50px;
  font-size: 19px;
  transition: all 0.2s ease-in-out;
}

	

body.avis .bloc2 li a#recettes{
  width: 200px;
  font-family: 'breebold';
  background-color: #599a6f;
  border-radius: 10px;
  display: block;
  color: #fff;
  padding: 10px 20px;
  height: 50px;
  font-size: 19px;
  transition: all 0.2s ease-in-out;

}



body.avis .bloc2 li a#theme{
  width: 200px;
  font-family: 'breebold';
  background-color: #599a6f;
  border-radius: 10px;
  display: block;
  color: #fff;
  padding: 10px 20px;
  height: 50px;
  font-size: 19px;
  transition: all 0.2s ease-in-out;
}

body.avis .bloc2 li a#deco:hover,
body.avis .bloc2 li a#recettes:hover,
body.avis .bloc2 li a#theme:hover {
	transform: scale(1.15);
	background-color: #1a9867;
}


body.avis .bloc3{
	text-align:center;
}

body.avis .bloc3 textarea{
	width:400px;
	height:250px;
}



body.avis h3.deja{

	font-size:20px;

	text-align:center;

	margin-top:100px;

}





body.avis .info{

	position: absolute;

	top: 50%;

	left:50%;

	transform: translate(-50%, -50%);	

	width:670px;

	z-index:1001;

	text-align:center;

	padding:40px;
	
	background-color:#de6c64;

}


#avis {
/*  padding-bottom: 120px;*/
}


body.avis .info h3{

	font-family: lilita_oneregular;

	text-transform:uppercase;

	margin:0;

	font-size:37px;
	
	color:#ffffff;

}



body.avis .info p{

	margin:0;

	text-transform:uppercase;

	font-size:22px;
	
	color:#ffffff;

}



body.avis .info a{

	font-family:robotobold;

	font-size:20px;

	color:#1a181b;

	text-transform:uppercase;

	background-color:#ffffff;

	border:solid 2px #1a181b;

	box-shadow: 0px 3px 5px #666666;

	padding-left:10px;

	padding-right:10px;

	margin-top:30px;

	display:inline-block;

	text-decoration:none;

}

/*********************************

** jouer

*********************************/

body.jouer{

}

body.jouer .main #jouer{

	width:980px;
	
	height: auto;

	margin:auto;

	padding:10px 0 10px 0;

	/*position:relative;*/

	

}

body.jouer .c1{

	float:left;

	background:url('../img/commun/jouer/pointille.png') top left repeat-y;

	width:330px;
	
	height: 867px;

	position:relative;

	left:-4px;
	
	padding-top: 55px;
	

}



body.jouer .c2{

	float:left;

/*	background:url('../img/commun/jouer/pointille.png') top right repeat-y;*/

	width:370px;

	margin-left:125px;

	padding-top:0px;

}



body.jouer .question{

	position:relative;

}


body.jouer .question h3 {
	font-family: 'breebold';
	font-size: 42px;
	color: #e93777;
	margin-bottom: 35px !important;
    width: 600px;
    margin: auto;
}



body.jouer .question p{

	font-family:robotoregular;

	margin:0;

}

span.separateur {
	margin-top: 30px;
  display: block;
  margin-bottom: 30px;
}



body.jouer .question label{
  font-weight: normal;
  border-radius: 33px;
  color: #f6e5d4;
  padding: 48px 0px;
  background-color: #f56d93;
  margin-bottom: 10px;
  display: inline-block;
  width: 600px;
  padding-top: 10px;
  padding-bottom: 10px;
	font-family: 'breebold';
	font-size: 24px;
}
body.jouer .question label:hover{
  background-color: #e83575;
	cursor: pointer;
}
body.jouer .question label.select{
  background-color: #e83575;
}

body.jouer .question input[type=radio]{
	display: none;
}

body.jouer .question h2{

	position:absolute;

	z-index:1000;

	top:0;

	font-family:lilita_oneregular;

	font-size:23px;

}

body.jouer .question input{
	vertical-align:top;
}

body.jouer .c1 .question h2{

	width:130px;

	height:72px;

	left:-13px;

	padding: 32px 53px;
	
	font-size: 40px;

}



body.jouer .c1 .question h3{

	padding-left:41px;

}



body.jouer .c1 .question p{

	padding-left:41px;

}



body.jouer .c2 .question{

	padding-right:45px;
	
	text-align: right;

}


body.jouer .question h2{

	color:#ffffff;

}

body.jouer .c1 .question h2{

	color: #56976c;

}

body.jouer .c2 .question h2{

	color: #56976c;

}


body.jouer .c2 .question h2 {
	width: 129px;
	height: 72px;
	right: -9px;
	padding: 32px 24px;
	font-size: 40px;
	text-align: left;
}

body.jouer .main_main .bouton {
	padding: 0 20px;
	font-size: 25px;
}

body.jouer .main_main h2 {
	text-align: center;
	font-family: fixturebold;
	font-size: 30px;
	color: #56976c;
	text-transform: uppercase;
	margin-bottom: 30px;
}


body.jouer input[type='button'], body.jouer .gain a{

	font-family:robotobold;

	font-size:20px;

	color:#1a181b;

	text-transform:uppercase;

	background-color:#ffffff;

	border:none;

	box-shadow: none;

	padding-left:10px;

	padding-right:10px;
	
	border-radius: 20px;

}



body.jouer input[type='button']{

	font-size:15px;

}



body.jouer .info{

	position: absolute;

    left: 525px;

    width: 370px;

    bottom: 110px;

    text-align: center;

	min-height:115px;

	padding:10px;
	
	z-index: 1000;
	
	background-color:#e83575;
}



body.jouer .info h4{

    font-size: 34px;

    margin: 5px 0 10px 0; 

	text-align: center;
	
	color:#ffffff;
}



body.jouer .info p{

	font-size:14px;

	text-align: center;
	
	color:#ffffff;

}



body.jouer .gain{

	position: absolute;

	top: 50%;

	left:50%;

	transform: translate(-50%, -50%);	

	width:670px;

	z-index:1001;

	text-align:center;

	padding:40px;

	background-color:#42afa6;
}



body.jouer .gain h3{

	font-family: lilita_oneregular;

	text-transform:uppercase;

	margin:0;

	font-size:37px;

}



body.jouer .gain h4{

	margin:0;

	text-transform:uppercase;

	font-size:22px;

}



body.jouer .gain a{

	margin-top:30px;

	display:inline-block;

	text-decoration:none;

}



body.jouer .gain p{

	font-size:16px;

}

/*********************************

** gain

*********************************/

body.gain .bloc_questions{
}

.gain__titre {
	font-size:60px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: 'noveregular';
	color: #57996e;
	line-height: 60px;
    margin-bottom: 40px;
}

.gain__texte {
	line-height: 1.2;
	color: #57996e;
}

.gain__dotation {
	text-transform: uppercase;
}

.gain__validation{
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
}


/*********************************

** form

*********************************/

body.form form p{
	text-align:center;
}


body.form .main_main {
	height: 350px;
}




/**************************************

** VERSION 750

**************************************/

@media (max-width: 1430px) {

.jouer_ope::before {        
        background: linear-gradient(60deg, transparent, transparent 250px, #ffffff 450px, transparent 650px, transparent);    
}

@keyframes translateFond {
	to{
		left: 0px;
	}
}

	
.bloc_avis a {
	font-size: 27px;
}	
	
body.index a.connexion,
body.index a.deconnexion {
	font-size: 16px!important;
	margin-top: -190px!important;
}	
a.connexion,
a.deconnexion {
	font-size: 16px!important;
	margin-top: -208px!important;
}

.site{
		width:750px;
	}	
	
	
.blocs_droite {
	width: 375px;
	padding-left: 7px;
}	
	
.blocs_gauche {
	width: 375px;
	padding-right: 7px;
}	
.titre_ope {
	margin-bottom: 15px;
}

	
  .header a.connexion {
    right: 95px;
    width: 173px;
    bottom: 45px;
  }	
	
.header {
	background-position: 90px 15px;
}	
.header a.home {
	height: 110px;
	color: red;
	display: block;
	width: 176px;
	padding-top: 17px;
	margin-left: 91px;
}	
	
	.nav {
		width: 760px;
		height: 87px;
		margin: auto;
		margin-top: 30px;
		position: relative;
	}
	.nav_inner {
		left: 37px;
		width: 680px;
	}	
	
	/****************************************

	** blocs

	****************************************/

	.main{
		width:750px;		
	}

	.main_main{
		width:750px;	

	}
body.index .header {
	width: 750px;
	margin: auto;
}
body .site {
		width: 750px;
		margin: auto;
	}
body .header {
		width: 750px;
		margin: auto;
	}	
	
	.logo {
		width: 750px;
	}
	
	.main_main h2 {
		font-size:24px;
	}
	
	.main_main h2 {
		font-size:24px;
	}
	
	
	.main_main .encart{

	}

	.main_main .encart2{
		height:212px;
	}
	
	.jouer_ope {
		width: 365px;
		height: 805px;
		background-image: url(../img/commun/fond_jouer_750.png);
}
	


	
	.blocAvis{
		width: 370px;
		left: 233px;
/*		margin-left: 25px;*/
	}
	
	
	
.video_ope,
.video_ope_mobile {
	display: none;
}

.video_ope_tablette {
		height: 790px;
	overflow: hidden;
	border-radius: 15px;
	width: 365px;
	display: block;
}	
	
	
	
	a.participer_weekend {
		  width: 750px;
		  height: 380px;
		  display: block;
		}
	
	
	
#bloc_frise {
	height: 1191px;
	width: 370px;
}	
	
	
	/*********************************
	** ticket
	*********************************/

	body.ticket .main_main p{
		font-size:20px;
	}


	/****************************

	** jouer

	****************************/

	body.jouer .main #jouer {

		width: 700px;

	}

	.texte-rgpd {

    width: 700px!important;
    padding: 3px 0 40px 0!important;
    font-size: 9px!important;
    line-height: 0.9!important;

}

	body.jouer .c2 {

		width: 300px;

		margin-left: 55px;

		padding-top: 0px;

	}
	
	body.jouer .c1 {

		width: 300px;
		
		padding-top: 70px;

	}

	

	body.jouer .info {
		left: 194px;
	}
	
	
	.gain__texte {
		font-size: 18px;
	}


.bloc_offre {
	padding-top: 300px;
}
	
body.index .logo a.logo {
	width: 300px;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 192px;
}		
	
	
}







/**************************************

** VERSION 320

**************************************/

@media (max-width: 767px) {

.bloc_offre {
    padding-top: 100px;
	margin-top: 50px;
	background-image: url("../img/img_degrade_320.png");
}	
	
body.index .logo a.logo {
	width: 250px;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 160px;
}	
	
	
.bloc_avis {
  width: 100%;
	text-align: center;
}
	
.bloc_avis a {
  font-size: 24px;
}	
.bloc_menu_haut {
	width: 100%;
	text-align: center;
}	

.titre_lieu {
	font-size: 40px;
	line-height: 50px;
}	
.titre_lieu span {
	font-size: 47px;
}
	
a.connexion,
a.deconnexion {
	margin-top: -220px!important;
	text-align: center;
	margin-bottom: 50px;
	z-index: 10000;
    position: relative;
	font-size: 12px!important;
    padding: 4px 18px!important;
	margin-right: 95px!important;
}	
 body.index a.connexion,
 body.index a.deconnexion	{
    margin-top: -192px!important;
	 z-index: 100000;
	 font-size: 12px!important;
    padding: 4px 18px!important;
	 position: relative;
  }
	
	.main_main {
  		margin-top: 6px;
	}
	
	
	
	.mobileOnly{
		display:block;
	}
	
	.desktopOnly{
		display:none;
	}

	.bloc_mois {
  		height: 80px;
}
	
.header {
	background-image: url(../img/commun/logo_foodculture_mobile.jpg);
	background-position: 12px top;
	background-repeat: no-repeat;
	height: 75px;
	position: relative;
}
	
body.index .header {
	width: 320px;
}
body.index .logo {
	width: 320px;
	height: 200px;
	margin-top: 40px;
}
	
body .header {
	width: 320px;
	margin: auto;
}
body .logo {
	width: 320px;
	margin: auto;
}	

body .site{
		width:320px;
		overflow:hidden;
	}
  .header a.home {
height: 180px;
    display: block;
    width: 310px;
    margin-top: 40px;
    margin-left: 0;
    padding-top: 0;
	  z-index: 10;
  }

 .header a.connexion {
    top: 15px;
    right: 16px;
    width: 125px;
    font-size: 12px;
  }
	
	.header a.connexion.deconnexion{
/*		background-image: url('../../img/commun/header/connexion2_320.png');*/
	}
	


	
  .video_ope,
  .video_ope_tablette {
    display: none;
  }
	

	
  .video_ope_mobile {
    height: 363px;
    width: 157px;
    display: block;
	overflow: hidden;
	border-radius: 16px;
	margin-bottom: 11px;
  }	

	
	.nav {
		width: 330px;
	}
	.nav_inner {
		width: 246px;
	}	


	/****************************************

	** blocs

	****************************************/

	.main{
		margin-top:25px;
		width:320px;		
	}

	.main_main{
		width:320px;		
	}
	
	.main_main h2 {
		font-size:24px;
	}
	
	.main_main h2 {
		font-size:24px;
	}
	
	body.connexion .main_main {
		padding-bottom: 40px;
}
	
	body.connexion .main_main .formInner p.totalite input[type="submit"] {
  		float: initial;
}


	
  a.lienJeu {
    font-size: 37px;
	  width: 50%;
  }	
	
.pourachat {
	background-image: url("../img/pour_achat_320.png");
	width: 320px;
	height: 108px;
}	
	
.titre_jouer {
  	font-size: 35px;
}
	
#forminscription {
	margin-top: 50px;
}
	

	
	.main_main .encart{
		height: auto;
  		margin: auto;
		padding-bottom: 25px;
		margin-top: -10px;
	}
	
	body.index .main_main h1 {
		text-align: center;
		color: #ffffff;
		margin-bottom: 5px;
		font-size: 45px;
		font-weight: 400;
		padding-top: 25px;
		font-family: fixturecondensedextrabold;
		letter-spacing: 5px;
}
body.index .main_main h2.small {
	font-size: 14px;
	margin-top: 28px;
}
body.index .main_main h3 {
	font-size: 23px;
}
	.main_main .encart2{
		height:196px;
		margin:0 -10px 0 -10px;
	}

  .blocs_gauche {
    width: 160px;
    padding-right: 4px;
	display: block;
  }
	
  .blocs_droite {
    width: 160px;
    padding-left: 4px;
	display: block;
  }
	

	

.blocAvis {
	width: 100%;
	height: 25px;
	background: url('../img/commun/votre_avis_320.jpg') top center no-repeat;
	margin-top: 28px;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	margin-bottom: 0px;
}
	
.blocFooter {
	width: auto;
	padding-left: 0px;
	padding-top: 0px;
	text-align: center;
	margin: auto;
	float: none;
	display: inline-block;
}
	
.titre_ope {
	height: 80px;
	margin-bottom: 9px;
	width: 100%;
}
	
.titre_ope img {
	width: 90%;
	height: auto;
	margin-top: -15px;
}	
.titre_ope a {
	text-decoration: none;
}

.titre_mois {
	height: 31px;
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: -30px;
}	
	
 #bloc_frise {
    height: 716px;
    width: 156px;
	 top: -10px;
	 font-size: 22px;
  }	
.img_titre_frise {
	margin-top: -8px;
	margin-left: 7px;
	width: 93%;
	height: auto;
}
	
	
	
.bloc_septembre,
.bloc_octobre,
.bloc_novembre,
.bloc_janvier,
.bloc_fevrier,
.bloc_mars,
.bloc_avril,
.bloc_mai,
.bloc_juin
	{
  height: 70px;
  padding-top: 20px;
}
	
	
	
	
	
	
	
	
	a.participer_weekend {
		  width: 320px;
		  height: 180px;
		  display: block;
		}	

	
	
	
	
	
	/*********************************
	** index
	*********************************/

	body.index .main_main h2{
		font-size:21px;
		text-align:center;
	}

body.index .main_main p {
	font-size: 13px;
	text-align: center;
	margin-top: 10px;
}
	
body.index .main_main p span {
	background-color: #d93d36;
	color: #ffffff;
	height: 26px;
	width: 30px;
	display: inline-block;
	padding-top: 4px;
	padding-right: 0px;
	margin-right: 5px;
}

	body.index .main_main ul li{
		font-size: 17px;
	}

	body.index .main_main{
		padding-bottom: 0px;
	}

	.main_main .boutonOuter{
		bottom:-16px;
	}

	.main_main .bouton{
		font-size: 20px;
		height: auto;
	}	
	body.index .main_main .boutonOuter {
		  bottom: 72px;
	}
	
	

	/******************************
	** connexion
	******************************/
	body.connexion .main_main .formInner p.moitie.civilite{
		width:100%;
	}

	body.connexion .main_main .formInner p.moitie.obligatoire{
		width:100%;
		text-align:left;
	}

	body.connexion .main_main #formconnexion{
		width:100%;
		margin-right:0;
	}

	body.connexion .main_main #formconnexion .formInner {
		padding-top: 12px;
		margin-left: 0;
		width: 100%;
	}

	body.connexion .main_main #forminscription{
		width:100%;
		margin-right:0;
	}

	body.connexion .main_main #forminscription p.valider{
		/* margin-top:-25px; */
	}
	
	body.connexion p.info{
		font-size:9px;
		margin-top:27px;
	}

	input[type='text'], input[type='password']{
		font-size:14px;
	}


body.jouer .main_main h2 {
	font-size: 20px;
}
	
body.jouer .main #jouer {
	padding: 30px 0 50px 0;
	margin-top: -5px;
}

	/******************************
	** jouer
	******************************/

	body.jouer .question h2 {
/*		background: url(../img/commun/jouer/droite_320.png) top left no-repeat;		*/
	}
	body.jouer .main #jouer {
		width: 980px;
		height: 915px;
		margin: auto;
		padding: 10px 0 40px 0;
		/* position: relative; */
}
	
	
	br.big{
		display:none;
	}
	
	body.jouer .info {
	right: 0px;
	text-align: center;
	width: 100%;
}
	
	body.jouer .main {
		width: 100%;
		height: auto;
		background-repeat:repeat-y !important;
		padding-bottom:10px;
	}
	
	body.jouer .main_main {
		padding-bottom:0;
	}

	body.jouer .main #jouer {		
		padding: 0;
		width: 300px;
		height: auto;
	}
	
	body.jouer .c2, body.jouer .c1{
		padding:0;
	}
	
	body.jouer .main_main .bouton {
		padding: 0 30px;
		font-size: 20px;
	}

.bloc_questions {
	padding-bottom: 60px;
}
	
body.jouer .question h3 {
	font-size: 25px;
	width: auto;
}
	
	body.jouer .question {
		padding: 0px 15px 0 15px;
		margin-bottom: 15px;
	}
	
body.jouer .question label {
	font-size: 24px;
	line-height: normal;
}
	
body.jouer .question h2 {
	width: 79px;
	height: 56px;
	left: 0px;
	top: 10px;
	padding-top: 15px;
	color: #56976c;
	font-size: 41px;
	text-align: left;
	padding-left: 15px;
}
.c1 {
	display: none;
}
	
	body.jouer .question input{
		vertical-align:top;
	}
		
	body.jouer .gain {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		transform: none;
		width: 300px;
		padding: 30px 10px;
	}
	
	body.jouer .gain img {
		width: 280px;
	}
	
	body.jouer .gain p {
		font-size: 14px;
	}
	
	.texte-rgpd {

		width: 300px!important;
		padding: 10px 0 40px 0!important;
		font-size: 9px!important;
		line-height: 0.9!important;

	}

	body.jouer .info{
		bottom:0;
		left:0;
		width:320px;
	}
	
	/******************************
	** ticket
	******************************/
	body.ticket .main_main .bouton {    
		background-size: contain;
		width: 320px;
	}


	/******************************
	** divers
	******************************/
	body.divers .main_main h3{
		font-size:20px;
	}

	/******************************
	** divers
	******************************/

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

	body.avis .bloc3 textarea{
		width:100%;
	}

		
	.gain__titre {
		font-size: 43px;
		margin-bottom: 60px;
	}
	
	.gain__dotation{
		line-height: 1.2;
	}
	
	.gain__texte {
		font-size: 16px;
	}
	
	.gain__validation{
		margin-top: 40px;
		font-size: 12px;
		line-height: 1.2;
	}

		
}