@charset "utf-8";

body{
	margin:0;
	color:#7665a4;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
}

.content{
	position:relative;
	width:100%;
	height:auto;
	min-width:1200px;
	max-width:1790px;
	margin-left:auto;
	margin-right:auto;
    background-color:#fff;
	overflow:hidden;
	box-shadow: 1px 1px 12px #999;
}

p, ul, li, table, tr, th, td, h1, h2, h3{
	padding:0;
	margin:0;
}

audio{
    display:none;
}

a{
	color:#7665a4;
}

img{
	border:0;
}

:focus{
	outline:0;
}

@font-face{
    font-family : "Charter-Black";
	src : url('../font/Charter-Black.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Charter-Black.eot?#iefix') format('eot'),
		  url('../font/Charter-Black.woff') format('woff'),
          url('../font/Charter-Black.svg') format('svg'),
          url('../font/Charter-Black.ttf') format('truetype');
}

.fontCharterBk{
	font-family: "Charter-Black";
	font-style:normal;
}

@font-face{
    font-family : "Charter-Bold";
	src : url('../font/Charter-Bold.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Charter-Bold.eot?#iefix') format('eot'),
		  url('../font/Charter-Bold.woff') format('woff'),
          url('../font/Charter-Bold.svg') format('svg'),
          url('../font/Charter-Bold.ttf') format('truetype');
}

.fontCharterBd{
	font-family: "Charter-Bold";
	font-style:normal;
}

@font-face{
    font-family : "Charter-Roman";
	src : url('../font/Charter-Roman.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Charter-Roman.eot?#iefix') format('eot'),
		  url('../font/Charter-Roman.woff') format('woff'),
          url('../font/Charter-Roman.svg') format('svg'),
          url('../font/Charter-Roman.ttf') format('truetype');
}

.fontCharterRo{
	font-family: "Charter-Roman";
	font-weight: bold;
}

@font-face{
    font-family : "GoboldBold";
	src : url('../font/GoboldBold.eot'); /* Pour IE9 Compat mode */
    src : url('../font/GoboldBold.eot?#iefix') format('eot'),
		  url('../font/GoboldBold.woff') format('woff'),
          url('../font/GoboldBold.svg') format('svg'),
          url('../font/GoboldBold.ttf') format('truetype');
}

.fontGoboldBd{
	font-family: "GoboldBold";
	font-style:normal;
}

@font-face{
    font-family : "Stash-Bold";
	src : url('../font/Stash-Bold.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Stash-Bold.eot?#iefix') format('eot'),
		  url('../font/Stash-Bold.woff') format('woff'),
          url('../font/Stash-Bold.svg') format('svg'),
          url('../font/Stash-Bold.ttf') format('truetype');
}

.fontStashBd{
	font-family: "Stash-Bold";
	font-style:normal;
}

.bouton{
	float:left;
	width:100%;
	text-align:center;
}

.bouton .load{
	position:absolute;
	left:50%;
	top:50%;
	width:30px;
	height:30px;
	margin-top:-19px;
	margin-left:-19px;
	border:4px solid #f3f3f3;
	border-top:4px solid #006547;
	border-radius:50%;
	-webkit-animation: spin 1s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
}

.bouton-left{
	float:left;
	width:50%;
	text-align:right;
}

.bouton-right{
	float:right;
	width:50%;
	text-align:left;
}

@media screen and (max-width: 33.999em){
.bouton-left{
	width:100%;
	text-align:center;
}
.bouton-right{
	width:100%;
	text-align:center;
}
}

.bouton a{
    position:relative;
	display:inline-block;
	width:auto;
	height:auto;
    padding:0 32px;
	margin:0 10px;
	color:#fff;
	font-size:18px;
	line-height:47px;
	text-align:center;
	text-decoration:none;
    background-color:#7d69ac;
    border:0;
    border-radius:23px;
	cursor:pointer;
	-webkit-transition:all 0.3s; /* Chrome, Safari */
	-moz-transition:all 0.3s; /* Mozilla */
	-ms-transition:all 0.3s; /* IE */
	-o-transition:all 0.3s; /* Opéra */
	transition:all 0.3s;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.bouton a:hover{
	background-color:#382871;
}

.mobile{
	display:none;
}


/* HEADER */

header{
	position:relative;
	width:100%;
    padding:10px 0;
    text-align:center;
    background-color:#7b6aa9;
}

#logo{
    display:inline-block;
    width:140px;
    height:auto;
    margin:0 auto;
}


/* CONTENU */

#contenu{
	position:relative;
	width:100%;
	height:auto;
}

#bl_contenu{
	position:relative;
	width:100%;
	padding:0;
	margin:0 auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	overflow:hidden;
}

h1{
    max-width:96%;
    margin:0 auto;
	font-size:50px;
    line-height:1.2em;
	text-align:center;
}

.text1{
	font-size:24.5px;
	line-height:1.2em;
}

#bravo{
    display:none;
    z-index:30;
    position:absolute;
    top:60px;
    left:50%;
    width:1436px;
    height:auto;
    padding-top:152px;
    padding-bottom:178px;
    text-align:center;
	background-image:url("../img/bg_bravo.png");
	background-position:top center;
	background-repeat:no-repeat;
    background-size:100% 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#bravo_titre{
    width:475px;
    height:auto;
    max-width:100%;
}

#bravo_player{
    display:flex;
    justify-content:center;
    align-items:center;
    width:463px;
    height:87px;
    margin:0 auto;
    margin-top:63px;
    border:3px solid #7d69ac;
    border-radius:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#bravo_player img{
    width:50px;
    height:50px;
    margin:0 15px;
    cursor:pointer;
}

#bravo_text{
    margin-top:30px;
    font-size:25px;
    line-height:1.2em;
}

#bravo_fleche{
    display:block;
    width:50px;
    height:auto;
    margin:0 auto;
    margin-top:7px;
    margin-bottom:36px;
    cursor:pointer;
}

#bravo_deploi{
    display:none;
    width:724px;
    max-height:255px;
    padding:0 20px;
    margin:0 auto;
    font-size:24px;
    line-height:1.3em;
    overflow:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* PAGE: Accueil */

#page_home{
	background-image:url("../img/bgtop_home.jpg"), url("../img/bgbottom_home.jpg");
	background-position:top center, bottom 454px center;
	background-repeat:no-repeat, no-repeat;
}

#page_home #bl_contenu{
    padding-top:866px;
    padding-bottom:542px;
    text-align:center;
}

#page_home #bl_histoire{
    position:relative;
    width:890px;
    margin:0 auto;
    margin-top:57px;
}

#page_home #visuel_perso{
    position:absolute;
    top:27px;
    left:-188px;
    width:182px;
    height:auto;
}

#page_home #page_home_text1{
    margin-top:59px;
    font-size:48px;
    line-height:1.2em;
}

#page_home #bl_calendrier{
    position:relative;
    width:auto;
    height:1556px;
    margin:0 auto;
    margin-top:38px;
	background-image:url("../img/calendrier.png");
	background-position:top center;
	background-repeat:no-repeat;
}

#page_home .jour_numero{
    display:flex;
    justify-content:center;
    align-items:center;
    color:#7d69ac;
    border:6px solid #7d69ac;
    border-radius:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    transition: all 1s ease;
}

#page_home .jour_actif .jour_numero{
    color:#fff;
    background-color:#7d69ac;
    cursor:pointer;
}

#page_home .jour_actif:hover .jour_numero{
    /* L'image est grossie de 20% */
    z-index:+1;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2); 
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}

#page_home .jour_calendrier .ombre{
    width: 50%;
    height: 10px;
    border-radius:50%;
    filter: blur(2px);
    background-color:rgba(0, 0, 0, 0.4); 
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    transition: all 1s ease; 
}

#page_home #jour_1{
    position:absolute;
    top:1118px;
    left:50%;
    margin-left:-507px;
}

#page_home #jour_1 .jour_numero{
    width:119px;
    height:119px;
    font-size:66px;
}

#page_home #jour_2{
    position:absolute;
    top:591px;
    right:50%;
    margin-right:-554px;
}

#page_home #jour_2 .jour_numero{
    width:116px;
    height:116px;
    font-size:64px;
}

#page_home #jour_3{
    position:absolute;
    top:382px;
    right:50%;
    margin-right:-560px;
}

#page_home #jour_3 .jour_numero{
    width:101px;
    height:101px;
    font-size:55px;
}

#page_home #jour_4{
    position:absolute;
    top:866px;
    left:50%;
    margin-left:-583px;
}

#page_home #jour_4 .jour_numero{
    width:84px;
    height:84px;
    font-size:45px;
}

#page_home #jour_5{
    position:absolute;
    top:1245px;
    right:50%;
    margin-right:-133px;
}

#page_home #jour_5 .jour_numero{
    width:79px;
    height:79px;
    font-size:43px;
}

#page_home #jour_6{
    position:absolute;
    top:368px;
    right:50%;
    margin-right:-194px;
}

#page_home #jour_6 .jour_numero{
    width:104px;
    height:104px;
    font-size:57px;
}

#page_home #jour_7{
    position:absolute;
    top:163px;
    left:50%;
    margin-left:-473px;
}

#page_home #jour_7 .jour_numero{
    width:126px;
    height:126px;
    font-size:70px;
}

#page_home #jour_8{
    position:absolute;
    top:339px;
    left:50%;
    margin-left:-536px;
}

#page_home #jour_8 .jour_numero{
    width:131px;
    height:131px;
    font-size:73px;
}

#page_home #jour_9{
    position:absolute;
    top:869px;
    right:50%;
    margin-right:-548px;
}

#page_home #jour_9 .jour_numero{
    width:110px;
    height:110px;
    font-size:61px;
}

#page_home #jour_10{
    position:absolute;
    top:148px;
    right:50%;
    margin-right:-213px;
}

#page_home #jour_10 .jour_numero{
    width:116px;
    height:116px;
    font-size:64px;
}

#page_home #jour_11{
    position:absolute;
    top:1172px;
    left:50%;
    margin-left:-117px;
}

#page_home #jour_11 .jour_numero{
    width:107px;
    height:107px;
    font-size:59px;
}

#page_home #jour_12{
    position:absolute;
    top:569px;
    right:50%;
    margin-right:-180px;
}

#page_home #jour_12 .jour_numero{
    width:147px;
    height:147px;
    font-size:83px;
}

#page_home #jour_13{
    position:absolute;
    top:208px;
    right:50%;
    margin-right:-525px;
}

#page_home #jour_13 .jour_numero{
    width:112px;
    height:112px;
    font-size:62px;
}

#page_home #jour_14{
    position:absolute;
    top:910px;
    left:50%;
    margin-left:-176px;
}

#page_home #jour_14 .jour_numero{
    width:126px;
    height:126px;
    font-size:70px;
}

#page_home #jour_15{
    position:absolute;
    top:860px;
    right:50%;
    margin-right:-99px;
}

#page_home #jour_15 .jour_numero{
    width:95px;
    height:95px;
    font-size:52px;
}

#page_home #jour_16{
    position:absolute;
    top:601px;
    left:50%;
    margin-left:-175px;
}

#page_home #jour_16 .jour_numero{
    width:126px;
    height:126px;
    font-size:71px;
}

#page_home #jour_17{
    position:absolute;
    top:1057px;
    right:50%;
    margin-right:-348px;
}

#page_home #jour_17 .jour_numero{
    width:84px;
    height:84px;
    font-size:45px;
}

#page_home #jour_18{
    position:absolute;
    top:1168px;
    left:50%;
    margin-left:-302px;
}

#page_home #jour_18 .jour_numero{
    width:107px;
    height:107px;
    font-size:59px;
}

#page_home #jour_19{
    position:absolute;
    top:357px;
    right:50%;
    margin-right:-444px;
}

#page_home #jour_19 .jour_numero{
    width:101px;
    height:101px;
    font-size:55px;
}

#page_home #jour_20{
    position:absolute;
    top:300px;
    left:50%;
    margin-left:-173px;
}

#page_home #jour_20 .jour_numero{
    width:125px;
    height:125px;
    font-size:73px;
}

#page_home #jour_21{
    position:absolute;
    top:854px;
    left:50%;
    margin-left:-432px;
}

#page_home #jour_21 .jour_numero{
    width:118px;
    height:118px;
    font-size:69px;
}

#page_home #jour_22{
    position:absolute;
    top:653px;
    left:50%;
    margin-left:-393px;
}

#page_home #jour_22 .jour_numero{
    width:116px;
    height:116px;
    font-size:64px;
}

#page_home #jour_23{
    position:absolute;
    top:27px;
    left:50%;
    margin-left:-261px;
}

#page_home #jour_23 .jour_numero{
    width:132px;
    height:132px;
    font-size:77px;
}

#page_home #jour_24{
    position:absolute;
    top:1142px;
    right:50%;
    margin-right:-537px;
}

#page_home #jour_24 .jour_numero{
    width:164px;
    height:164px;
    font-size:96px;
}


/* PAGE: Jeu cherche et trouve */

#page_cherchetrouve{
	background-image:url("../img/bgtop_grange.jpg"), url("../img/bgbottom_cherchetrouve.jpg");
	background-position:top center, bottom 104px center;
	background-repeat:no-repeat, no-repeat;
}

#page_cherchetrouve #bl_contenu{
    padding-top:750px;
    padding-bottom:640px;
    text-align:center;
}

#page_cherchetrouve #jour{
    display:block;
    width:115px;
    height:115px;
    margin:0 auto;
    border:6px solid #7d69ac;
    border-radius:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_cherchetrouve #jour p{
    font-size:63px;
    line-height:103px;
}

#page_cherchetrouve #jour_ombre{
    display:block;
    margin:0 auto;
    margin-top:9px;
}

#page_cherchetrouve h1{
    margin-top:22px;
	font-size:35px;
}

#page_cherchetrouve #panneau_grange{
    position:absolute;
    top:750px;
    left:50%;
    width:206px;
    height:auto;
    margin-left:-540px;
}

#page_cherchetrouve #player{
    display:flex;
    justify-content:center;
    align-items:center;
    width:463px;
    height:87px;
    margin:0 auto;
    margin-top:55px;
    border:3px solid #7d69ac;
    border-radius:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_cherchetrouve #player img{
    width:50px;
    height:50px;
    margin:0 15px;
    cursor:pointer;
}

#page_cherchetrouve #bt_ancre{
    margin-top:54px;
    margin-bottom:33px;
}

#page_cherchetrouve #histoire{
    width:1044px;
    margin:0 auto;
}

#page_cherchetrouve #histoire_titre{
    font-size:25px;
    line-height:1.2em;
}

#page_cherchetrouve #histoire_fleche{
    display:block;
    width:50px;
    height:auto;
    margin:0 auto;
    margin-top:7px;
    margin-bottom:36px;
    cursor:pointer;
}

#page_cherchetrouve #histoire_deploi{
    min-height:0px;
}

#page_cherchetrouve .progressBar{
padding-top: 10px;
font-size: 24px;
}

#page_cherchetrouve #histoire_text{
    display:none;
    position:relative;
    left:40px;
}

#page_cherchetrouve #histoire_text p{
    font-size:25px;
    line-height:1.2em;
}

#page_cherchetrouve #cherchetrouve{
    width:1182px;
    margin:0 auto;
    margin-top:367px;
    overflow:hidden;
    background-color: transparent;
}

#page_cherchetrouve #bl_cherchetrouve{
    position:relative;
}

#page_cherchetrouve #btn_retour{
    z-index:31;
    position:absolute;
    left:50%;
    bottom:-300px;
    width:187px;
    height:auto;
    margin-left:-526px;
}

#page_cherchetrouve #btn_home{
    z-index:31;
    position:absolute;
    right:50%;
    bottom:-300px;
    width:197px;
    height:auto;
    margin-right:-558px;
}

/*JEU*/
#page_cherchetrouve #header_cet, #page_cherchetrouve #footer_cet, #page_cherchetrouve .case img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#page_cherchetrouve #jeu {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
  clear: both;
}
#page_cherchetrouve .case {
  float: left;
  width: 33.3%;
  height: auto;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
}
#page_cherchetrouve .case .visuel {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
#page_cherchetrouve .case .verif {
  z-index: 20;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#page_cherchetrouve .case img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#page_cherchetrouve .rotated .verif{
	opacity:1;
} 
#fond_pays{
		width:100%;
		height:auto;
		position:absolute;
		left:0;
		top:0;
}
.ligneJeu{
  width: 83%;
  margin-left: 10%;
  clear:both;
}
.win .visuel{
		opacity:0;
}
	.winApp .visuel{
		opacity:1;
}
  
 #jeu_titre{
  min-height: 300px; 
  font-size: 50px;
  width: 50%;
  text-align: center;
  margin-left: 3%;
  top: 100px;
  position: relative; 
}
 #jeu_titre p{
  }
/*memory*/

#bl_memory{
    display:inline-block;
    width:848px;
    height:auto;
    max-width:90%;
    margin:0 auto;
}

.bl_carte{
    display:flex;
    justify-content:space-between;
    width:auto;
    height:auto;
}

.carte{
    position:relative;
    width:24%;
    height:auto;
    margin:9px 7px;
}

.carte img{
    float:left;
    width:100%;
    height:auto;
	cursor: pointer;
}

.carte .face-recto{
    z-index:5;
    position:relative;
    float:left;
    width:100%;
    height:auto;
}

.carte .face-verso{
    z-index:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transform: rotateY(-180deg);
}

.carte .face-recto, .carte .face-verso{
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition-duration: 0.5s;
    transition-property: transform;
    transition-timing-function: ease-out;
}

.carte.rotated .face-recto{
    z-index:5;
    transform: rotateY(180deg);
}

.carte.rotated .face-verso{
    z-index:10;
    transform: rotateY(0deg);
}

#memory_text{
    display:none;
    max-width:96%;
    margin:0 auto;
    margin-top:25px;
	margin-bottom: 25px;
    font-size:41px;
    line-height:1.2em;
}

#demo_carte{
    position:relative;
  float:right;
}

/*scratch*/
#bl_scratch{
    display:inline-block;
	width:436px;
	height:auto;
    margin:0 auto;
    text-align:left;
}

#scratch{
	width:100%;
	height:627px;
}

/* LIGHTBOX */

#lightbox{
	z-index:99;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.7);
}

#lightbox_bg{
	width:100%;
	height:100%;
}

#lightbox_load{
	position:absolute;
	left:50%; 
	top:50%;
	width:60px;
	height:60px;
	margin-top:-38px;
	margin-left:-38px;
	border:8px solid #f3f3f3;
	border-top:8px solid #c20012;
	border-radius:50%;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin{ /* Safari */
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);}
}

@keyframes spin{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

.lightbox_content{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	width:580px;
	height:auto;
	max-height:90%;
	padding-top:65px;
	padding-bottom:40px;
	background-color:#fff;
	overflow:auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.lightbox_close{
	position:absolute;
	width:50px;
	height:50px;
	top:7px;
	right:7px;
	background-color:transparent;
	cursor:pointer;
}

.lightbox_close .bar{
	display:block;
	width:30px;
	height:4px;
	margin:14px auto;
	background:#fff;
	border-radius:0;
}

.lightbox_close .top{
	-webkit-transform: translateY(9px) rotateZ(45deg);
	-moz-transform: translateY(9px) rotateZ(45deg);
	-ms-transform: translateY(9px) rotateZ(45deg);
	-o-transform: translateY(9px) rotateZ(45deg);
	transform: translateY(9px) rotateZ(45deg);
}

.lightbox_close .bottom{
	-webkit-transform: translateY(-9px) rotateZ(-45deg);
	-moz-transform: translateY(-9px) rotateZ(-45deg);
	-ms-transform: translateY(-9px) rotateZ(-45deg);
	-o-transform: translateY(-9px) rotateZ(-45deg);
	transform: translateY(-9px) rotateZ(-45deg);
}

.lightbox_titre{
	margin-bottom:60px;
	font-size:24px;
    line-height:1.2em;
	text-align:center;
    text-transform:uppercase;
}

.lightbox_text{
	max-width:90%;
	margin:0 auto;
	font-size:20px;
	line-height:1.2em;
	text-align:center;
}

.lightbox_content .bouton{
	margin-top:40px;
}

.lightbox_content .bouton a{
	width:auto;
	min-width:230px;
	padding-left:20px;
	padding-right:20px;
}


/* FOOTER */

footer{
	position:relative;
	width:100%;
    min-height:104px;
    background-color:#f7f4f5;
}

footer ul{
    padding-top:27px;
	text-align:center;
}

footer li{
	display:inline;
	list-style:none;
}

footer li a{
    margin:0 50px;
	color:#382871;
	font-size:17px;
	line-height:1.2em;
    letter-spacing:1px;
	cursor:pointer;
}

#footer_copyright{
    width:100%;
    margin-top:24px;
	color:#382871;
	font-size:17px;
	line-height:1.2em;
    letter-spacing:1px;
    text-align:center;
}

#footer_mondelez{
    position:absolute;
    top:31px;
    left:40px;
    width:184px;
    height:auto;
}