/** Project: HelloKids* Description: Coloring website HelloKids* Development By: Team ORCA* Version:  (2019-03-08)* Copyright(c): 2019*/
@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
display:block}

body
{
line-height:1}

.legal p
{text-align:left;
font-family: Arial,Roboto,Verdana,sans-serif;
font-size:0.5em;}

.footer-legal { 
	display: flex;
	margin : 40px 10px 10px 10px;
}

.legal {
	flex-basis: auto;
	
}
/* Menu burger */


#menuburger

{

	padding: 3% 0%;
	
}

.img-burger {
	width: 100%;
	padding-bottom: 10%;
}



#menuToggle

{

  display: block;

  position: relative;

  top: 0px;

  z-index: 10;

  

  -webkit-user-select: none;

  user-select: none;

}



#menuToggle a

{

  text-decoration: none;

  color: #232323;

  

  transition: color 0.3s ease;
	
    display: flex;
    align-items: center;

}



#menuToggle a:hover

{

  color: tomato;

}





#menuToggle input

{

  display: block;

  width: 40px;

  height: 32px;

  position: absolute;

  top: -7px;

  left: -5px;

  

  cursor: pointer;

  

  opacity: 0; /* hide this */

  z-index: 2; /* and place it over the hamburger */

  

  -webkit-touch-callout: none;

}



/*

 * Just a quick hamburger

 */

#menuToggle span

{

  display: block;

  width: 33px;

  height: 4px;

  margin-bottom: 5px;
margin-left:10px;

  position: relative;

  

  background: #cdcdcd;

  border-radius: 3px;

  

  z-index: 10;

  

  transform-origin: 4px 0px;

  

  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),

              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),

              opacity 0.55s ease;

}



#menuToggle span:first-child

{

  transform-origin: 0% 0%;

}



#menuToggle span:nth-last-child(2)

{

  transform-origin: 0% 100%;

}



/* 

 * Transform all the slices of hamburger

 * into a crossmark.

 */

#menuToggle input:checked ~ span

{

  opacity: 1;

  transform: rotate(45deg) translate(-2px, -1px);

  background: #444;

}



/*

 * But let's hide the middle one.

 */

#menuToggle input:checked ~ span:nth-last-child(3)

{

  opacity: 0;

  transform: rotate(0deg) scale(0.2, 0.2);

}



/*

 * Ohyeah and the last one should go the other direction

 */

#menuToggle input:checked ~ span:nth-last-child(2)

{

  transform: rotate(-45deg) translate(0, -1px);

}



/*

 * Make this absolute positioned

 * at the top left of the screen

 */

#menu

{

margin: 0;

position: absolute;
   top:-60%;

  width: 300px;

  padding: 51px 10px 0px 10px;

  background: #ededed;

  list-style-type: none;

  -webkit-font-smoothing: antialiased;
	
    border-radius: 0px  20px  20px 0px;

  /* to stop flickering of text in safari */

  

  transform-origin: 0% 0%;

  transform: translate(-200%, 0);

  

  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);

display: block;

}



#menu li

{

  padding: 10px 0;

  font-size: 22px;
  
  text-shadow:none;
  
  font-family: Flunch;

}



/*

 * And let's slide it in from the left

 */

#menuToggle input:checked ~ ul

{

  transform: none;

}

p {
	overflow: hidden;
    color: #444;
    text-shadow: 0 0 0 transparent;
    font-family: Boogaloo,Roboto,Verdana,sans-serif;
    text-transform: uppercase;
    margin-left: 24px;
	margin: 8%;
} 

/*Fin menu burger */



/*menu inline */

#nav-inline{
	background: white;
	padding: 10px 10px 15px 10px;
}

#menu-inline  {
	margin: 0 auto;
    font-size: 2em;
    padding: 0;
    display: flex;
    justify-content: center;
    width: 100%;
	
}

#menu-inline li {
	display: inline;
	text-decoration: none;
	margin: 10px;
	
}

#menu-inline li:hover {
	filter: opacity(50%);
	
}

#menu-inline a {
	text-decoration: none;
	text-shadow: none;
	font-family: 'Boogaloo', cursive;
	font-size: 0.7em;
    color: #444;
	text-transform: uppercase;
}


.img-menu-inline {
	width:100%;
}



/* Media query - menu burger & inline */
 
 @media screen and (max-width: 930px) {
  #menu {
    width: 204px;
  }
}
 

@media screen and (max-width: 930px) {
  #nav-inline {
    display:none;
  }
}

@media screen and (min-width: 930px) {
  #menuburger {
    display:none;
  }
}
/* fin menu */

.pastilles-menu {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.back-website {
	margin: 0;
	color: white;
}

a {
	text-decoration: none;
}


ol,ul
{
list-style:none}

blockquote,q
{
quotes:none}

blockquote:after,blockquote:before,q:after,q:before
{
	content:"";
content:none}

table
{
	border-collapse:collapse;
border-spacing:0}

/*! *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
@font-face
{
	font-family:FontAwesome;
	src:url(fontawesome/fonts/fontawesome-webfont.eot?v=4.5.0);
	src:url(fontawesome/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"),url(fontawesome/fonts/fontawesome-webfont.woff2?v=4.5.0) format("woff2"),url(fontawesome/fonts/fontawesome-webfont.woff?v=4.5.0) format("woff"),url(fontawesome/fonts/fontawesome-webfont.ttf?v=4.5.0) format("truetype"),url(fontawesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");
	font-weight:400;
font-style:normal}

.fa
{
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}

.fa-lg
{
	font-size:1.33333333em;
	line-height:.75em;
vertical-align:-15%}

.fa-2x
{
font-size:2em}

.fa-3x
{
font-size:3em}

.fa-4x
{
font-size:4em}

.fa-5x
{
font-size:5em}

.fa-fw
{
	width:1.28571429em;
text-align:center}

.fa-ul
{
	padding-left:0;
	margin-left:2.14285714em;
list-style-type:none}

.fa-ul>li
{
position:relative}

.fa-li
{
	position:absolute;
	left:-2.14285714em;
	width:2.14285714em;
	top:.14285714em;
text-align:center}

.fa-li.fa-lg
{
left:-1.85714286em}

.fa-border
{
	padding:.2em .25em .15em;
	border:.08em solid #eee;
border-radius:.1em}

.fa-pull-left
{
float:left}

.fa-pull-right
{
float:right}

.fa.fa-pull-left
{
margin-right:.3em}

.fa.fa-pull-right
{
margin-left:.3em}

.pull-right
{
float:right}

.pull-left
{
float:left}

.fa.pull-left
{
margin-right:.3em}

.fa.pull-right
{
margin-left:.3em}

.fa-spin
{
animation:a 2s infinite linear}

.fa-pulse
{
animation:a 1s infinite steps(8)}

@keyframes a
{
	0%
	{
	transform:rotate(0deg)}

	to
	{
	transform:rotate(359deg)}
}

.fa-rotate-90
{
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-ms-transform:rotate(90deg);
transform:rotate(90deg)}

.fa-rotate-180
{
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-ms-transform:rotate(180deg);
transform:rotate(180deg)}

.fa-rotate-270
{
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-ms-transform:rotate(270deg);
transform:rotate(270deg)}

.fa-flip-horizontal
{
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
	-ms-transform:scaleX(-1);
transform:scaleX(-1)}

.fa-flip-vertical
{
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
	-ms-transform:scaleY(-1);
transform:scaleY(-1)}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270
{
filter:none}

.fa-stack
{
	position:relative;
	display:inline-block;
	width:2em;
	height:2em;
	line-height:2em;
vertical-align:middle}

.fa-stack-1x,.fa-stack-2x
{
	position:absolute;
	left:0;
	width:100%;
text-align:center}

.fa-stack-1x
{
line-height:inherit}

.fa-stack-2x
{
font-size:2em}

.fa-inverse
{
color:#fff}

.fa-glass:before
{
content:"\f000"}

.fa-music:before
{
content:"\f001"}

.fa-search:before
{
content:"\f002"}

.fa-envelope-o:before
{
content:"\f003"}

.fa-heart:before
{
content:"\f004"}

.fa-star:before
{
content:"\f005"}

.fa-star-o:before
{
content:"\f006"}

.fa-user:before
{
content:"\f007"}

.fa-film:before
{
content:"\f008"}

.fa-th-large:before
{
content:"\f009"}

.fa-th:before
{
content:"\f00a"}

.fa-th-list:before
{
content:"\f00b"}

.fa-check:before
{
content:"\f00c"}

.fa-close:before,.fa-remove:before,.fa-times:before
{
content:"\f00d"}

.fa-search-plus:before
{
content:"\f00e"}

.fa-search-minus:before
{
content:"\f010"}

.fa-power-off:before
{
content:"\f011"}

.fa-signal:before
{
content:"\f012"}

.fa-cog:before,.fa-gear:before
{
content:"\f013"}

.fa-trash-o:before
{
content:"\f014"}

.fa-home:before
{
content:"\f015"}

.fa-file-o:before
{
content:"\f016"}

.fa-clock-o:before
{
content:"\f017"}

.fa-road:before
{
content:"\f018"}

.fa-download:before
{
content:"\f019"}

.fa-arrow-circle-o-down:before
{
content:"\f01a"}

.fa-arrow-circle-o-up:before
{
content:"\f01b"}

.fa-inbox:before
{
content:"\f01c"}

.fa-play-circle-o:before
{
content:"\f01d"}

.fa-repeat:before,.fa-rotate-right:before
{
content:"\f01e"}

.fa-refresh:before
{
content:"\f021"}

.fa-list-alt:before
{
content:"\f022"}

.fa-lock:before
{
content:"\f023"}

.fa-flag:before
{
content:"\f024"}

.fa-headphones:before
{
content:"\f025"}

.fa-volume-off:before
{
content:"\f026"}

.fa-volume-down:before
{
content:"\f027"}

.fa-volume-up:before
{
content:"\f028"}

.fa-qrcode:before
{
content:"\f029"}

.fa-barcode:before
{
content:"\f02a"}

.fa-tag:before
{
content:"\f02b"}

.fa-tags:before
{
content:"\f02c"}

.fa-book:before
{
content:"\f02d"}

.fa-bookmark:before
{
content:"\f02e"}

.fa-print:before
{
content:"\f02f"}

.fa-camera:before
{
content:"\f030"}

.fa-font:before
{
content:"\f031"}

.fa-bold:before
{
content:"\f032"}

.fa-italic:before
{
content:"\f033"}

.fa-text-height:before
{
content:"\f034"}

.fa-text-width:before
{
content:"\f035"}

.fa-align-left:before
{
content:"\f036"}

.fa-align-center:before
{
content:"\f037"}

.fa-align-right:before
{
content:"\f038"}

.fa-align-justify:before
{
content:"\f039"}

.fa-list:before
{
content:"\f03a"}

.fa-dedent:before,.fa-outdent:before
{
content:"\f03b"}

.fa-indent:before
{
content:"\f03c"}

.fa-video-camera:before
{
content:"\f03d"}

.fa-image:before,.fa-photo:before,.fa-picture-o:before
{
content:"\f03e"}

.fa-pencil:before
{
content:"\f040"}

.fa-map-marker:before
{
content:"\f041"}

.fa-adjust:before
{
content:"\f042"}

.fa-tint:before
{
content:"\f043"}

.fa-edit:before,.fa-pencil-square-o:before
{
content:"\f044"}

.fa-share-square-o:before
{
content:"\f045"}

.fa-check-square-o:before
{
content:"\f046"}

.fa-arrows:before
{
content:"\f047"}

.fa-step-backward:before
{
content:"\f048"}

.fa-fast-backward:before
{
content:"\f049"}

.fa-backward:before
{
content:"\f04a"}

.fa-play:before
{
content:"\f04b"}

.fa-pause:before
{
content:"\f04c"}

.fa-stop:before
{
content:"\f04d"}

.fa-forward:before
{
content:"\f04e"}

.fa-fast-forward:before
{
content:"\f050"}

.fa-step-forward:before
{
content:"\f051"}

.fa-eject:before
{
content:"\f052"}

.fa-chevron-left:before
{
content:"\f053"}

.fa-chevron-right:before
{
content:"\f054"}

.fa-plus-circle:before
{
content:"\f055"}

.fa-minus-circle:before
{
content:"\f056"}

.fa-times-circle:before
{
content:"\f057"}

.fa-check-circle:before
{
content:"\f058"}

.fa-question-circle:before
{
content:"\f059"}

.fa-info-circle:before
{
content:"\f05a"}

.fa-crosshairs:before
{
content:"\f05b"}

.fa-times-circle-o:before
{
content:"\f05c"}

.fa-check-circle-o:before
{
content:"\f05d"}

.fa-ban:before
{
content:"\f05e"}

.fa-arrow-left:before
{
content:"\f060"}

.fa-arrow-right:before
{
content:"\f061"}

.fa-arrow-up:before
{
content:"\f062"}

.fa-arrow-down:before
{
content:"\f063"}

.fa-mail-forward:before,.fa-share:before
{
content:"\f064"}

.fa-expand:before
{
content:"\f065"}

.fa-compress:before
{
content:"\f066"}

.fa-plus:before
{
content:"\f067"}

.fa-minus:before
{
content:"\f068"}

.fa-asterisk:before
{
content:"\f069"}

.fa-exclamation-circle:before
{
content:"\f06a"}

.fa-gift:before
{
content:"\f06b"}

.fa-leaf:before
{
content:"\f06c"}

.fa-fire:before
{
content:"\f06d"}

.fa-eye:before
{
content:"\f06e"}

.fa-eye-slash:before
{
content:"\f070"}

.fa-exclamation-triangle:before,.fa-warning:before
{
content:"\f071"}

.fa-plane:before
{
content:"\f072"}

.fa-calendar:before
{
content:"\f073"}

.fa-random:before
{
content:"\f074"}

.fa-comment:before
{
content:"\f075"}

.fa-magnet:before
{
content:"\f076"}

.fa-chevron-up:before
{
content:"\f077"}

.fa-chevron-down:before
{
content:"\f078"}

.fa-retweet:before
{
content:"\f079"}

.fa-shopping-cart:before
{
content:"\f07a"}

.fa-folder:before
{
content:"\f07b"}

.fa-folder-open:before
{
content:"\f07c"}

.fa-arrows-v:before
{
content:"\f07d"}

.fa-arrows-h:before
{
content:"\f07e"}

.fa-bar-chart-o:before,.fa-bar-chart:before
{
content:"\f080"}

.fa-twitter-square:before
{
content:"\f081"}

.fa-facebook-square:before
{
content:"\f082"}

.fa-camera-retro:before
{
content:"\f083"}

.fa-key:before
{
content:"\f084"}

.fa-cogs:before,.fa-gears:before
{
content:"\f085"}

.fa-comments:before
{
content:"\f086"}

.fa-thumbs-o-up:before
{
content:"\f087"}

.fa-thumbs-o-down:before
{
content:"\f088"}

.fa-star-half:before
{
content:"\f089"}

.fa-heart-o:before
{
content:"\f08a"}

.fa-sign-out:before
{
content:"\f08b"}

.fa-linkedin-square:before
{
content:"\f08c"}

.fa-thumb-tack:before
{
content:"\f08d"}

.fa-external-link:before
{
content:"\f08e"}

.fa-sign-in:before
{
content:"\f090"}

.fa-trophy:before
{
content:"\f091"}

.fa-github-square:before
{
content:"\f092"}

.fa-upload:before
{
content:"\f093"}

.fa-lemon-o:before
{
content:"\f094"}

.fa-phone:before
{
content:"\f095"}

.fa-square-o:before
{
content:"\f096"}

.fa-bookmark-o:before
{
content:"\f097"}

.fa-phone-square:before
{
content:"\f098"}

.fa-twitter:before
{
content:"\f099"}

.fa-facebook-f:before,.fa-facebook:before
{
content:"\f09a"}

.fa-github:before
{
content:"\f09b"}

.fa-unlock:before
{
content:"\f09c"}

.fa-credit-card:before
{
content:"\f09d"}

.fa-feed:before,.fa-rss:before
{
content:"\f09e"}

.fa-hdd-o:before
{
content:"\f0a0"}

.fa-bullhorn:before
{
content:"\f0a1"}

.fa-bell:before
{
content:"\f0f3"}

.fa-certificate:before
{
content:"\f0a3"}

.fa-hand-o-right:before
{
content:"\f0a4"}

.fa-hand-o-left:before
{
content:"\f0a5"}

.fa-hand-o-up:before
{
content:"\f0a6"}

.fa-hand-o-down:before
{
content:"\f0a7"}

.fa-arrow-circle-left:before
{
content:"\f0a8"}

.fa-arrow-circle-right:before
{
content:"\f0a9"}

.fa-arrow-circle-up:before
{
content:"\f0aa"}

.fa-arrow-circle-down:before
{
content:"\f0ab"}

.fa-globe:before
{
content:"\f0ac"}

.fa-wrench:before
{
content:"\f0ad"}

.fa-tasks:before
{
content:"\f0ae"}

.fa-filter:before
{
content:"\f0b0"}

.fa-briefcase:before
{
content:"\f0b1"}

.fa-arrows-alt:before
{
content:"\f0b2"}

.fa-group:before,.fa-users:before
{
content:"\f0c0"}

.fa-chain:before,.fa-link:before
{
content:"\f0c1"}

.fa-cloud:before
{
content:"\f0c2"}

.fa-flask:before
{
content:"\f0c3"}

.fa-cut:before,.fa-scissors:before
{
content:"\f0c4"}

.fa-copy:before,.fa-files-o:before
{
content:"\f0c5"}

.fa-paperclip:before
{
content:"\f0c6"}

.fa-floppy-o:before,.fa-save:before
{
content:"\f0c7"}

.fa-square:before
{
content:"\f0c8"}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before
{
content:"\f0c9"}

.fa-list-ul:before
{
content:"\f0ca"}

.fa-list-ol:before
{
content:"\f0cb"}

.fa-strikethrough:before
{
content:"\f0cc"}

.fa-underline:before
{
content:"\f0cd"}

.fa-table:before
{
content:"\f0ce"}

.fa-magic:before
{
content:"\f0d0"}

.fa-truck:before
{
content:"\f0d1"}

.fa-pinterest:before
{
content:"\f0d2"}

.fa-pinterest-square:before
{
content:"\f0d3"}

.fa-google-plus-square:before
{
content:"\f0d4"}

.fa-google-plus:before
{
content:"\f0d5"}

.fa-money:before
{
content:"\f0d6"}

.fa-caret-down:before
{
content:"\f0d7"}

.fa-caret-up:before
{
content:"\f0d8"}

.fa-caret-left:before
{
content:"\f0d9"}

.fa-caret-right:before
{
content:"\f0da"}

.fa-columns:before
{
content:"\f0db"}

.fa-sort:before,.fa-unsorted:before
{
content:"\f0dc"}

.fa-sort-desc:before,.fa-sort-down:before
{
content:"\f0dd"}

.fa-sort-asc:before,.fa-sort-up:before
{
content:"\f0de"}

.fa-envelope:before
{
content:"\f0e0"}

.fa-linkedin:before
{
content:"\f0e1"}

.fa-rotate-left:before,.fa-undo:before
{
content:"\f0e2"}

.fa-gavel:before,.fa-legal:before
{
content:"\f0e3"}

.fa-dashboard:before,.fa-tachometer:before
{
content:"\f0e4"}

.fa-comment-o:before
{
content:"\f0e5"}

.fa-comments-o:before
{
content:"\f0e6"}

.fa-bolt:before,.fa-flash:before
{
content:"\f0e7"}

.fa-sitemap:before
{
content:"\f0e8"}

.fa-umbrella:before
{
content:"\f0e9"}

.fa-clipboard:before,.fa-paste:before
{
content:"\f0ea"}

.fa-lightbulb-o:before
{
content:"\f0eb"}

.fa-exchange:before
{
content:"\f0ec"}

.fa-cloud-download:before
{
content:"\f0ed"}

.fa-cloud-upload:before
{
content:"\f0ee"}

.fa-user-md:before
{
content:"\f0f0"}

.fa-stethoscope:before
{
content:"\f0f1"}

.fa-suitcase:before
{
content:"\f0f2"}

.fa-bell-o:before
{
content:"\f0a2"}

.fa-coffee:before
{
content:"\f0f4"}

.fa-cutlery:before
{
content:"\f0f5"}

.fa-file-text-o:before
{
content:"\f0f6"}

.fa-building-o:before
{
content:"\f0f7"}

.fa-hospital-o:before
{
content:"\f0f8"}

.fa-ambulance:before
{
content:"\f0f9"}

.fa-medkit:before
{
content:"\f0fa"}

.fa-fighter-jet:before
{
content:"\f0fb"}

.fa-beer:before
{
content:"\f0fc"}

.fa-h-square:before
{
content:"\f0fd"}

.fa-plus-square:before
{
content:"\f0fe"}

.fa-angle-double-left:before
{
content:"\f100"}

.fa-angle-double-right:before
{
content:"\f101"}

.fa-angle-double-up:before
{
content:"\f102"}

.fa-angle-double-down:before
{
content:"\f103"}

.fa-angle-left:before
{
content:"\f104"}

.fa-angle-right:before
{
content:"\f105"}

.fa-angle-up:before
{
content:"\f106"}

.fa-angle-down:before
{
content:"\f107"}

.fa-desktop:before
{
content:"\f108"}

.fa-laptop:before
{
content:"\f109"}

.fa-tablet:before
{
content:"\f10a"}

.fa-mobile-phone:before,.fa-mobile:before
{
content:"\f10b"}

.fa-circle-o:before
{
content:"\f10c"}

.fa-quote-left:before
{
content:"\f10d"}

.fa-quote-right:before
{
content:"\f10e"}

.fa-spinner:before
{
content:"\f110"}

.fa-circle:before
{
content:"\f111"}

.fa-mail-reply:before,.fa-reply:before
{
content:"\f112"}

.fa-github-alt:before
{
content:"\f113"}

.fa-folder-o:before
{
content:"\f114"}

.fa-folder-open-o:before
{
content:"\f115"}

.fa-smile-o:before
{
content:"\f118"}

.fa-frown-o:before
{
content:"\f119"}

.fa-meh-o:before
{
content:"\f11a"}

.fa-gamepad:before
{
content:"\f11b"}

.fa-keyboard-o:before
{
content:"\f11c"}

.fa-flag-o:before
{
content:"\f11d"}

.fa-flag-checkered:before
{
content:"\f11e"}

.fa-terminal:before
{
content:"\f120"}

.fa-code:before
{
content:"\f121"}

.fa-mail-reply-all:before,.fa-reply-all:before
{
content:"\f122"}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before
{
content:"\f123"}

.fa-location-arrow:before
{
content:"\f124"}

.fa-crop:before
{
content:"\f125"}

.fa-code-fork:before
{
content:"\f126"}

.fa-chain-broken:before,.fa-unlink:before
{
content:"\f127"}

.fa-question:before
{
content:"\f128"}

.fa-info:before
{
content:"\f129"}

.fa-exclamation:before
{
content:"\f12a"}

.fa-superscript:before
{
content:"\f12b"}

.fa-subscript:before
{
content:"\f12c"}

.fa-eraser:before
{
content:"\f12d"}

.fa-puzzle-piece:before
{
content:"\f12e"}

.fa-microphone:before
{
content:"\f130"}

.fa-microphone-slash:before
{
content:"\f131"}

.fa-shield:before
{
content:"\f132"}

.fa-calendar-o:before
{
content:"\f133"}

.fa-fire-extinguisher:before
{
content:"\f134"}

.fa-rocket:before
{
content:"\f135"}

.fa-maxcdn:before
{
content:"\f136"}

.fa-chevron-circle-left:before
{
content:"\f137"}

.fa-chevron-circle-right:before
{
content:"\f138"}

.fa-chevron-circle-up:before
{
content:"\f139"}

.fa-chevron-circle-down:before
{
content:"\f13a"}

.fa-html5:before
{
content:"\f13b"}

.fa-css3:before
{
content:"\f13c"}

.fa-anchor:before
{
content:"\f13d"}

.fa-unlock-alt:before
{
content:"\f13e"}

.fa-bullseye:before
{
content:"\f140"}

.fa-ellipsis-h:before
{
content:"\f141"}

.fa-ellipsis-v:before
{
content:"\f142"}

.fa-rss-square:before
{
content:"\f143"}

.fa-play-circle:before
{
content:"\f144"}

.fa-ticket:before
{
content:"\f145"}

.fa-minus-square:before
{
content:"\f146"}

.fa-minus-square-o:before
{
content:"\f147"}

.fa-level-up:before
{
content:"\f148"}

.fa-level-down:before
{
content:"\f149"}

.fa-check-square:before
{
content:"\f14a"}

.fa-pencil-square:before
{
content:"\f14b"}

.fa-external-link-square:before
{
content:"\f14c"}

.fa-share-square:before
{
content:"\f14d"}

.fa-compass:before
{
content:"\f14e"}

.fa-caret-square-o-down:before,.fa-toggle-down:before
{
content:"\f150"}

.fa-caret-square-o-up:before,.fa-toggle-up:before
{
content:"\f151"}

.fa-caret-square-o-right:before,.fa-toggle-right:before
{
content:"\f152"}

.fa-eur:before,.fa-euro:before
{
content:"\f153"}

.fa-gbp:before
{
content:"\f154"}

.fa-dollar:before,.fa-usd:before
{
content:"\f155"}

.fa-inr:before,.fa-rupee:before
{
content:"\f156"}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before
{
content:"\f157"}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before
{
content:"\f158"}

.fa-krw:before,.fa-won:before
{
content:"\f159"}

.fa-bitcoin:before,.fa-btc:before
{
content:"\f15a"}

.fa-file:before
{
content:"\f15b"}

.fa-file-text:before
{
content:"\f15c"}

.fa-sort-alpha-asc:before
{
content:"\f15d"}

.fa-sort-alpha-desc:before
{
content:"\f15e"}

.fa-sort-amount-asc:before
{
content:"\f160"}

.fa-sort-amount-desc:before
{
content:"\f161"}

.fa-sort-numeric-asc:before
{
content:"\f162"}

.fa-sort-numeric-desc:before
{
content:"\f163"}

.fa-thumbs-up:before
{
content:"\f164"}

.fa-thumbs-down:before
{
content:"\f165"}

.fa-youtube-square:before
{
content:"\f166"}

.fa-youtube:before
{
content:"\f167"}

.fa-xing:before
{
content:"\f168"}

.fa-xing-square:before
{
content:"\f169"}

.fa-youtube-play:before
{
content:"\f16a"}

.fa-dropbox:before
{
content:"\f16b"}

.fa-stack-overflow:before
{
content:"\f16c"}

.fa-instagram:before
{
content:"\f16d"}

.fa-flickr:before
{
content:"\f16e"}

.fa-adn:before
{
content:"\f170"}

.fa-bitbucket:before
{
content:"\f171"}

.fa-bitbucket-square:before
{
content:"\f172"}

.fa-tumblr:before
{
content:"\f173"}

.fa-tumblr-square:before
{
content:"\f174"}

.fa-long-arrow-down:before
{
content:"\f175"}

.fa-long-arrow-up:before
{
content:"\f176"}

.fa-long-arrow-left:before
{
content:"\f177"}

.fa-long-arrow-right:before
{
content:"\f178"}

.fa-apple:before
{
content:"\f179"}

.fa-windows:before
{
content:"\f17a"}

.fa-android:before
{
content:"\f17b"}

.fa-linux:before
{
content:"\f17c"}

.fa-dribbble:before
{
content:"\f17d"}

.fa-skype:before
{
content:"\f17e"}

.fa-foursquare:before
{
content:"\f180"}

.fa-trello:before
{
content:"\f181"}

.fa-female:before
{
content:"\f182"}

.fa-male:before
{
content:"\f183"}

.fa-gittip:before,.fa-gratipay:before
{
content:"\f184"}

.fa-sun-o:before
{
content:"\f185"}

.fa-moon-o:before
{
content:"\f186"}

.fa-archive:before
{
content:"\f187"}

.fa-bug:before
{
content:"\f188"}

.fa-vk:before
{
content:"\f189"}

.fa-weibo:before
{
content:"\f18a"}

.fa-renren:before
{
content:"\f18b"}

.fa-pagelines:before
{
content:"\f18c"}

.fa-stack-exchange:before
{
content:"\f18d"}

.fa-arrow-circle-o-right:before
{
content:"\f18e"}

.fa-arrow-circle-o-left:before
{
content:"\f190"}

.fa-caret-square-o-left:before,.fa-toggle-left:before
{
content:"\f191"}

.fa-dot-circle-o:before
{
content:"\f192"}

.fa-wheelchair:before
{
content:"\f193"}

.fa-vimeo-square:before
{
content:"\f194"}

.fa-try:before,.fa-turkish-lira:before
{
content:"\f195"}

.fa-plus-square-o:before
{
content:"\f196"}

.fa-space-shuttle:before
{
content:"\f197"}

.fa-slack:before
{
content:"\f198"}

.fa-envelope-square:before
{
content:"\f199"}

.fa-wordpress:before
{
content:"\f19a"}

.fa-openid:before
{
content:"\f19b"}

.fa-bank:before,.fa-institution:before,.fa-university:before
{
content:"\f19c"}

.fa-graduation-cap:before,.fa-mortar-board:before
{
content:"\f19d"}

.fa-yahoo:before
{
content:"\f19e"}

.fa-google:before
{
content:"\f1a0"}

.fa-reddit:before
{
content:"\f1a1"}

.fa-reddit-square:before
{
content:"\f1a2"}

.fa-stumbleupon-circle:before
{
content:"\f1a3"}

.fa-stumbleupon:before
{
content:"\f1a4"}

.fa-delicious:before
{
content:"\f1a5"}

.fa-digg:before
{
content:"\f1a6"}

.fa-pied-piper:before
{
content:"\f1a7"}

.fa-pied-piper-alt:before
{
content:"\f1a8"}

.fa-drupal:before
{
content:"\f1a9"}

.fa-joomla:before
{
content:"\f1aa"}

.fa-language:before
{
content:"\f1ab"}

.fa-fax:before
{
content:"\f1ac"}

.fa-building:before
{
content:"\f1ad"}

.fa-child:before
{
content:"\f1ae"}

.fa-paw:before
{
content:"\f1b0"}

.fa-spoon:before
{
content:"\f1b1"}

.fa-cube:before
{
content:"\f1b2"}

.fa-cubes:before
{
content:"\f1b3"}

.fa-behance:before
{
content:"\f1b4"}

.fa-behance-square:before
{
content:"\f1b5"}

.fa-steam:before
{
content:"\f1b6"}

.fa-steam-square:before
{
content:"\f1b7"}

.fa-recycle:before
{
content:"\f1b8"}

.fa-automobile:before,.fa-car:before
{
content:"\f1b9"}

.fa-cab:before,.fa-taxi:before
{
content:"\f1ba"}

.fa-tree:before
{
content:"\f1bb"}

.fa-spotify:before
{
content:"\f1bc"}

.fa-deviantart:before
{
content:"\f1bd"}

.fa-soundcloud:before
{
content:"\f1be"}

.fa-database:before
{
content:"\f1c0"}

.fa-file-pdf-o:before
{
content:"\f1c1"}

.fa-file-word-o:before
{
content:"\f1c2"}

.fa-file-excel-o:before
{
content:"\f1c3"}

.fa-file-powerpoint-o:before
{
content:"\f1c4"}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before
{
content:"\f1c5"}

.fa-file-archive-o:before,.fa-file-zip-o:before
{
content:"\f1c6"}

.fa-file-audio-o:before,.fa-file-sound-o:before
{
content:"\f1c7"}

.fa-file-movie-o:before,.fa-file-video-o:before
{
content:"\f1c8"}

.fa-file-code-o:before
{
content:"\f1c9"}

.fa-vine:before
{
content:"\f1ca"}

.fa-codepen:before
{
content:"\f1cb"}

.fa-jsfiddle:before
{
content:"\f1cc"}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before
{
content:"\f1cd"}

.fa-circle-o-notch:before
{
content:"\f1ce"}

.fa-ra:before,.fa-rebel:before
{
content:"\f1d0"}

.fa-empire:before,.fa-ge:before
{
content:"\f1d1"}

.fa-git-square:before
{
content:"\f1d2"}

.fa-git:before
{
content:"\f1d3"}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before
{
content:"\f1d4"}

.fa-tencent-weibo:before
{
content:"\f1d5"}

.fa-qq:before
{
content:"\f1d6"}

.fa-wechat:before,.fa-weixin:before
{
content:"\f1d7"}

.fa-paper-plane:before,.fa-send:before
{
content:"\f1d8"}

.fa-paper-plane-o:before,.fa-send-o:before
{
content:"\f1d9"}

.fa-history:before
{
content:"\f1da"}

.fa-circle-thin:before
{
content:"\f1db"}

.fa-header:before
{
content:"\f1dc"}

.fa-paragraph:before
{
content:"\f1dd"}

.fa-sliders:before
{
content:"\f1de"}

.fa-share-alt:before
{
content:"\f1e0"}

.fa-share-alt-square:before
{
content:"\f1e1"}

.fa-bomb:before
{
content:"\f1e2"}

.fa-futbol-o:before,.fa-soccer-ball-o:before
{
content:"\f1e3"}

.fa-tty:before
{
content:"\f1e4"}

.fa-binoculars:before
{
content:"\f1e5"}

.fa-plug:before
{
content:"\f1e6"}

.fa-slideshare:before
{
content:"\f1e7"}

.fa-twitch:before
{
content:"\f1e8"}

.fa-yelp:before
{
content:"\f1e9"}

.fa-newspaper-o:before
{
content:"\f1ea"}

.fa-wifi:before
{
content:"\f1eb"}

.fa-calculator:before
{
content:"\f1ec"}

.fa-paypal:before
{
content:"\f1ed"}

.fa-google-wallet:before
{
content:"\f1ee"}

.fa-cc-visa:before
{
content:"\f1f0"}

.fa-cc-mastercard:before
{
content:"\f1f1"}

.fa-cc-discover:before
{
content:"\f1f2"}

.fa-cc-amex:before
{
content:"\f1f3"}

.fa-cc-paypal:before
{
content:"\f1f4"}

.fa-cc-stripe:before
{
content:"\f1f5"}

.fa-bell-slash:before
{
content:"\f1f6"}

.fa-bell-slash-o:before
{
content:"\f1f7"}

.fa-trash:before
{
content:"\f1f8"}

.fa-copyright:before
{
content:"\f1f9"}

.fa-at:before
{
content:"\f1fa"}

.fa-eyedropper:before
{
content:"\f1fb"}

.fa-paint-brush:before
{
content:"\f1fc"}

.fa-birthday-cake:before
{
content:"\f1fd"}

.fa-area-chart:before
{
content:"\f1fe"}

.fa-pie-chart:before
{
content:"\f200"}

.fa-line-chart:before
{
content:"\f201"}

.fa-lastfm:before
{
content:"\f202"}

.fa-lastfm-square:before
{
content:"\f203"}

.fa-toggle-off:before
{
content:"\f204"}

.fa-toggle-on:before
{
content:"\f205"}

.fa-bicycle:before
{
content:"\f206"}

.fa-bus:before
{
content:"\f207"}

.fa-ioxhost:before
{
content:"\f208"}

.fa-angellist:before
{
content:"\f209"}

.fa-cc:before
{
content:"\f20a"}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before
{
content:"\f20b"}

.fa-meanpath:before
{
content:"\f20c"}

.fa-buysellads:before
{
content:"\f20d"}

.fa-connectdevelop:before
{
content:"\f20e"}

.fa-dashcube:before
{
content:"\f210"}

.fa-forumbee:before
{
content:"\f211"}

.fa-leanpub:before
{
content:"\f212"}

.fa-sellsy:before
{
content:"\f213"}

.fa-shirtsinbulk:before
{
content:"\f214"}

.fa-simplybuilt:before
{
content:"\f215"}

.fa-skyatlas:before
{
content:"\f216"}

.fa-cart-plus:before
{
content:"\f217"}

.fa-cart-arrow-down:before
{
content:"\f218"}

.fa-diamond:before
{
content:"\f219"}

.fa-ship:before
{
content:"\f21a"}

.fa-user-secret:before
{
content:"\f21b"}

.fa-motorcycle:before
{
content:"\f21c"}

.fa-street-view:before
{
content:"\f21d"}

.fa-heartbeat:before
{
content:"\f21e"}

.fa-venus:before
{
content:"\f221"}

.fa-mars:before
{
content:"\f222"}

.fa-mercury:before
{
content:"\f223"}

.fa-intersex:before,.fa-transgender:before
{
content:"\f224"}

.fa-transgender-alt:before
{
content:"\f225"}

.fa-venus-double:before
{
content:"\f226"}

.fa-mars-double:before
{
content:"\f227"}

.fa-venus-mars:before
{
content:"\f228"}

.fa-mars-stroke:before
{
content:"\f229"}

.fa-mars-stroke-v:before
{
content:"\f22a"}

.fa-mars-stroke-h:before
{
content:"\f22b"}

.fa-neuter:before
{
content:"\f22c"}

.fa-genderless:before
{
content:"\f22d"}

.fa-facebook-official:before
{
content:"\f230"}

.fa-pinterest-p:before
{
content:"\f231"}

.fa-whatsapp:before
{
content:"\f232"}

.fa-server:before
{
content:"\f233"}

.fa-user-plus:before
{
content:"\f234"}

.fa-user-times:before
{
content:"\f235"}

.fa-bed:before,.fa-hotel:before
{
content:"\f236"}

.fa-viacoin:before
{
content:"\f237"}

.fa-train:before
{
content:"\f238"}

.fa-subway:before
{
content:"\f239"}

.fa-medium:before
{
content:"\f23a"}

.fa-y-combinator:before,.fa-yc:before
{
content:"\f23b"}

.fa-optin-monster:before
{
content:"\f23c"}

.fa-opencart:before
{
content:"\f23d"}

.fa-expeditedssl:before
{
content:"\f23e"}

.fa-battery-4:before,.fa-battery-full:before
{
content:"\f240"}

.fa-battery-3:before,.fa-battery-three-quarters:before
{
content:"\f241"}

.fa-battery-2:before,.fa-battery-half:before
{
content:"\f242"}

.fa-battery-1:before,.fa-battery-quarter:before
{
content:"\f243"}

.fa-battery-0:before,.fa-battery-empty:before
{
content:"\f244"}

.fa-mouse-pointer:before
{
content:"\f245"}

.fa-i-cursor:before
{
content:"\f246"}

.fa-object-group:before
{
content:"\f247"}

.fa-object-ungroup:before
{
content:"\f248"}

.fa-sticky-note:before
{
content:"\f249"}

.fa-sticky-note-o:before
{
content:"\f24a"}

.fa-cc-jcb:before
{
content:"\f24b"}

.fa-cc-diners-club:before
{
content:"\f24c"}

.fa-clone:before
{
content:"\f24d"}

.fa-balance-scale:before
{
content:"\f24e"}

.fa-hourglass-o:before
{
content:"\f250"}

.fa-hourglass-1:before,.fa-hourglass-start:before
{
content:"\f251"}

.fa-hourglass-2:before,.fa-hourglass-half:before
{
content:"\f252"}

.fa-hourglass-3:before,.fa-hourglass-end:before
{
content:"\f253"}

.fa-hourglass:before
{
content:"\f254"}

.fa-hand-grab-o:before,.fa-hand-rock-o:before
{
content:"\f255"}

.fa-hand-paper-o:before,.fa-hand-stop-o:before
{
content:"\f256"}

.fa-hand-scissors-o:before
{
content:"\f257"}

.fa-hand-lizard-o:before
{
content:"\f258"}

.fa-hand-spock-o:before
{
content:"\f259"}

.fa-hand-pointer-o:before
{
content:"\f25a"}

.fa-hand-peace-o:before
{
content:"\f25b"}

.fa-trademark:before
{
content:"\f25c"}

.fa-registered:before
{
content:"\f25d"}

.fa-creative-commons:before
{
content:"\f25e"}

.fa-gg:before
{
content:"\f260"}

.fa-gg-circle:before
{
content:"\f261"}

.fa-tripadvisor:before
{
content:"\f262"}

.fa-odnoklassniki:before
{
content:"\f263"}

.fa-odnoklassniki-square:before
{
content:"\f264"}

.fa-get-pocket:before
{
content:"\f265"}

.fa-wikipedia-w:before
{
content:"\f266"}

.fa-safari:before
{
content:"\f267"}

.fa-chrome:before
{
content:"\f268"}

.fa-firefox:before
{
content:"\f269"}

.fa-opera:before
{
content:"\f26a"}

.fa-internet-explorer:before
{
content:"\f26b"}

.fa-television:before,.fa-tv:before
{
content:"\f26c"}

.fa-contao:before
{
content:"\f26d"}

.fa-500px:before
{
content:"\f26e"}

.fa-amazon:before
{
content:"\f270"}

.fa-calendar-plus-o:before
{
content:"\f271"}

.fa-calendar-minus-o:before
{
content:"\f272"}

.fa-calendar-times-o:before
{
content:"\f273"}

.fa-calendar-check-o:before
{
content:"\f274"}

.fa-industry:before
{
content:"\f275"}

.fa-map-pin:before
{
content:"\f276"}

.fa-map-signs:before
{
content:"\f277"}

.fa-map-o:before
{
content:"\f278"}

.fa-map:before
{
content:"\f279"}

.fa-commenting:before
{
content:"\f27a"}

.fa-commenting-o:before
{
content:"\f27b"}

.fa-houzz:before
{
content:"\f27c"}

.fa-vimeo:before
{
content:"\f27d"}

.fa-black-tie:before
{
content:"\f27e"}

.fa-fonticons:before
{
content:"\f280"}

.fa-reddit-alien:before
{
content:"\f281"}

.fa-edge:before
{
content:"\f282"}

.fa-credit-card-alt:before
{
content:"\f283"}

.fa-codiepie:before
{
content:"\f284"}

.fa-modx:before
{
content:"\f285"}

.fa-fort-awesome:before
{
content:"\f286"}

.fa-usb:before
{
content:"\f287"}

.fa-product-hunt:before
{
content:"\f288"}

.fa-mixcloud:before
{
content:"\f289"}

.fa-scribd:before
{
content:"\f28a"}

.fa-pause-circle:before
{
content:"\f28b"}

.fa-pause-circle-o:before
{
content:"\f28c"}

.fa-stop-circle:before
{
content:"\f28d"}

.fa-stop-circle-o:before
{
content:"\f28e"}

.fa-shopping-bag:before
{
content:"\f290"}

.fa-shopping-basket:before
{
content:"\f291"}

.fa-hashtag:before
{
content:"\f292"}

.fa-bluetooth:before
{
content:"\f293"}

.fa-bluetooth-b:before
{
content:"\f294"}

.fa-percent:before
{
content:"\f295"}

body
{
	font:1em Roboto,Verdana,sans-serif;
	color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,.4)}

img
{
border:0}

li,ul
{
	list-style:none;
	margin:0;
padding:0}

a,button,input,label
{
	outline:none;
cursor:pointer}

a
{
text-decoration:none}

li a,p a
{
	color:rgba(0,0,0,.6);
text-decoration:underline}

p
{
	font-size:1.1em;
	margin-bottom:20px;
text-shadow:0 1px 2px rgba(0,0,0,.4)}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	p
	{
	text-shadow:0 1px 0 rgba(0,0,0,.4)}
}

.clicky-clicky
{
	font-family:Boogaloo,Roboto,Verdana,sans-serif;
	position:relative;
	display:block;
	color:#fff;
	padding:20px;
	text-transform:uppercase;
	box-sizing:border-box;
	margin:10px;
	border:3px solid #fff;
	border-radius:20px;
transition:all .2s ease}

.clicky-clicky:active
{
transition:all 0s ease}

strong
{
font-weight:700}

h1,h2,h3,h4,h5,h6
{
	font-family:Boogaloo,Roboto,Verdana,sans-serif;
	font-size:2.125em;
	font-weight:500;
	text-transform:uppercase;
	margin-top:0;
margin-bottom:0}

@media (max-width:737px)
{
	h1,h2,h3,h4,h5,h6
	{
	font-size:1.5em}
}

h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty
{
display:none}

hr
{
	border:none;
	position:relative;
	height:17px;
	margin:40px auto;
background:url(/design/normal/assets/hr-shadow.png) no-repeat bottom}

hr.clear,hr.light
{
	height:1px;
background:none}

.gap-closer
{
	width:1040px;
	position:relative;
	margin:0 auto;
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
background-color:rgba(0,0,0,.05)}

@media (max-width:1025px)
{
	.gap-closer
	{
	width:calc(100% - 25px)}
}

.gap-closer:after
{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
opacity:.3}

.gap-closer.big
{
height:60px}

.gap-closer.med
{
height:40px}

.gap-closer.small
{
height:20px}

@media (min-width: 992px)
{ 
	.col-lg-4 
	
    max-width: 100%;
}

@media (max-width:801px)
{
	.gap-closer.small
	{
	height:10px}
}

.gap-closer .tape-top-left
{
	position:absolute;
	left:-25px;
	top:-25px;
z-index:1}

@media (max-width:1105px)
{
	.gap-closer .tape-top-left
	{
	display:none}
}

.gap-closer .tape-top-right
{
	position:absolute;
	right:-25px;
	top:-25px;
z-index:1}

@media (max-width:1105px)
{
	.gap-closer .tape-top-right
	{
	display:none}
}

.content-title
{
	font-size:1.125em;
	font-weight:500;
	z-index:2;
	display:block;
	position:absolute;
	width:100%;
	height:35px;
	line-height:35px;
	overflow:hidden;
	text-overflow:ellipsis;
	box-sizing:border-box;
	padding:0 10px;
	bottom:0;
border-radius:0 0 10px 10px}

.g_all
{
	margin:0 auto;
	background-color:#fff;
	border-radius:1px;
position:relative}

@media (max-width:737px)
{
	.g_all
	{
	padding-top:10px}
}

#global
{
	position:relative;
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
background-image: url("img/bg.jpeg");
background-size: 60%;
	background-repeat: repeat;
}

#global:after
{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	width:1040px;
	margin:0 auto;
	background-image:url(/img/trans-bg-new.png);
	left:0;
	right:0;
	box-shadow:0 0 30px rgba(0,0,0,.3);
	border:1px solid hsla(0,0%,100%,.5);
pointer-events:none}

@media (max-width:1025px)
{
	#global:after
	{
	width:calc(100% - 25px)}
}

#top-wrap
{
	width:100%;
background-image:url(/design/normal/v5/brushed-alum-dark.png)}

#top-wrap #top
{
	margin:0 auto;
	width:1040px;
	padding-bottom:20px;
	position:relative;
	min-height:90px;
background-color:#f2f2f2}

@media (max-width:1025px)
{
	#top-wrap #top
	{
	width:calc(100% - 25px)}
}

@media (max-width:801px)
{
	#top-wrap #top
	{
	padding-bottom:10px}
}

@media (max-width:737px)
{
	#top-wrap #top
	{
	min-height:0}
}

#content
{
	position:relative;
width:100%!important}

#content .contentWrap section
{
width:100%}

#content .contentWrap section.primary-content
{
min-height:640px}

#content .contentWrap section.secondary-content
{
	width:1040px;
	padding:10px;
	box-sizing:border-box;
margin:0 auto}

@media (max-width:1025px)
{
	#content .contentWrap section.secondary-content
	{
	width:calc(100% - 25px)}
}

.videoCrossing
{
	float:left;
	width:calc(100% + 20px);
	margin:10px 0 10px -10px;
background-color:#000}

.videoCrossing a
{
	width:auto!important;
	height:auto!important;
	box-shadow:0 0 0 transparent!important;
	font-size:1.125em!important;
	color:#fff!important;
	border-radius:0!important;
margin-left:20px!important}

.pagination ul
{
	display:table;
margin:0 auto 20px}

.pagination ul:after
{
	content:"";
	display:table;
clear:both}

.pagination ul li
{
	float:left;
	display:inline-block;
	width:60px;
	height:60px;
	border-radius:10px;
	margin:5px;
	text-transform:capitalize;
	text-align:center;
font-size:.875em}

@media (max-width:1025px)
{
	.pagination ul li
	{
	display:none}
}

.pagination ul li a
{
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
	margin:0;
font-size:18px}

.pagination ul li.pn
{
	width:auto;
padding:0 20px}

@media (max-width:1025px)
{
	.pagination ul li.pn
	{
		padding:0;
	display:block}

	.pagination ul li.pn.prev
	{
	float:left}

	.pagination ul li.pn.next
	{
	float:right}
}

.pagination ul li.off
{
display:none}

@media (max-width:1025px)
{
	.pagination ul li.off
	{
	display:none}
}

.pagination ul li.on
{
	background:none;
	color:#fff;
box-shadow:0 0 0 transparent}

.pagination ul li.on a
{
color:#fff}

.pagination ul li.multipage-suite li
{
	display:inline-block;
margin:10px}

.pagination ul li.multipage-suite li a
{
	text-decoration:none;
color:#fff}

.pagination ul li.multipage-suite li a:hover
{
text-decoration:underline}

.jdsLecteurVideo *
{
line-height:0}

.jdsLecteurVideo *>center>div
{
min-height:150px!important}

.jdsLecteurVideo * .jdsLecteurVideo .JDSwrapper,.jdsLecteurVideo * object
{
	top:0;
left:0}

.suzaku-container
{
	position:relative;
	width:1040px;
margin:auto}

@media (max-width:1025px)
{
	.suzaku-container
	{
	display:none}
}

.suzaku-container #suzaku-slot
{
	position:absolute;
	z-index:3;
	right:20px;
	top:20px;
	float:none;
margin:0}

@media (max-width:1025px)
{
	.suzaku-container #suzaku-slot
	{
		height:0;
	width:0}
}

#suzaku-slot
{
	float:right;
	margin:0 0 20px 20px;
	width:300px;
	height:600px;
text-align:right}

#suzaku-slot.content-slot
{
	width:120px;
height:600px}

#suzaku-slot.vidVersion
{
	width:300px;
	height:250px;
	margin:0;
	text-align:initial;
float:none}

@media (max-width:801px)
{
	#suzaku-slot
	{
	width:160px}
}

#byakko-slot
{
	display:none;
	position:absolute;
	top:20px;
	left:-380px;
text-align:right}

@media (min-width:1460px)
{
	#byakko-slot
	{
		display:block;
		width:120px;
		height:600px;
	left:-200px}
}

@media (min-width:1540px)
{
	#byakko-slot
	{
		width:160px;
	left:-240px}
}

@media (min-width:1820px)
{
	#byakko-slot
	{
		width:300px;
	left:-380px}
}

#seiryu-slot
{
	display:none;
	position:absolute;
	top:20px;
	right:-380px;
text-align:left}

@media (min-width:1460px)
{
	#seiryu-slot
	{
		display:block;
		width:120px;
		height:600px;
	right:-200px}
}

@media (min-width:1540px)
{
	#seiryu-slot
	{
		width:160px;
	right:-240px}
}

@media (min-width:1820px)
{
	#seiryu-slot
	{
		width:300px;
	right:-380px}
}

.slots
{
	float:right;
	display:inline-block;
margin:0 0 20px 20px}

.slots.content-slots
{
	float:none;
	margin:0;
	position:absolute;
	right:-180px;
top:20px}

@media (max-width:801px)
{
	.slots
	{
		float:none;
		margin:0 auto;
		width:300px;
	display:block}
}

.slots #suzaku-slot
{
	float:none;
margin:0}

@media (max-width:801px)
{
	.slots #suzaku-slot
	{
	width:160px}
}

.content-block
{
	width:100%;
display:block}

.content-block .content-container
{
	position:relative;
	width:1040px;
	z-index:1;
margin:0 auto}

@media (max-width:1025px)
{
	.content-block .content-container
	{
	width:calc(100% - 25px)}
}

.content-block .content-container:empty
{
display:none}

.content-block .content-container .big-element,.content-block .content-container .medium-element,.content-block .content-container .next,.content-block .content-container .prev,.content-block .content-container .xs-element
{
	transition:transform .3s cubic-bezier(.32,2,.55,.27);
	-webkit-backface-visibility:hidden;
-webkit-background-clip:content-box}

.content-block .content-container .big-element:hover,.content-block .content-container .medium-element:hover,.content-block .content-container .next:hover,.content-block .content-container .prev:hover,.content-block .content-container .xs-element:hover
{
	-ms-transform:rotate(-4deg);
transform:rotate(-4deg)}

.content-block .content-container .big-element:hover:nth-child(odd),.content-block .content-container .medium-element:hover:nth-child(odd),.content-block .content-container .next:hover:nth-child(odd),.content-block .content-container .prev:hover:nth-child(odd),.content-block .content-container .xs-element:hover:nth-child(odd)
{
	-ms-transform:rotate(4deg);
transform:rotate(4deg)}

.content-block .content-container .big-element:active,.content-block .content-container .big-element:active:nth-child(odd),.content-block .content-container .medium-element:active,.content-block .content-container .medium-element:active:nth-child(odd),.content-block .content-container .next:active,.content-block .content-container .next:active:nth-child(odd),.content-block .content-container .prev:active,.content-block .content-container .prev:active:nth-child(odd),.content-block .content-container .xs-element:active,.content-block .content-container .xs-element:active:nth-child(odd)
{
	-ms-transform:translateY(-15px);
transform:translateY(-15px)}

.flippie
{
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
	width:70%;
height:70%}

.flippie span
{
	display:block;
	position:absolute;
	right:15px;
	text-align:right;
	bottom:10px;
	width:90px;
	overflow:hidden;
	z-index:2;
	color:#fff;
	font-size:24px;
	text-transform:uppercase;
font-family:Boogaloo,Roboto,Verdana,sans-serif}

.flippie img
{
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
border-radius:0 0 9px 0}

.flippie img:first-of-type
{
z-index:3}

#genbu-slot
{
	position:relative;
	top:0;
	width:970px;
	min-height:90px;
	z-index:5;
	text-align:center;
	line-height:0;
	margin:0 auto;
overflow:hidden}

@media (max-width:1000px)
{
	#genbu-slot
	{
	width:728px}
}

@media (max-width:737px)
{
	#genbu-slot
	{
		width:0;
		height:0;
		visibility:hidden;
	overflow:hidden}
}

#genbu-slot div:first-child
{
box-shadow:0 2px 5px rgba(0,0,0,.4)}

.searchEngine
{
	height:60px;
	display:inline-block;
	float:right;
	position:relative;
	margin-left:5px;
z-index:0}

@media (max-width:737px)
{
	.searchEngine
	{
		float:none;
		margin:0 0 20px;
	height:auto}
}

.searchEngine .recherche
{
	border-radius:3px;
	padding:10px 40px 10px 10px;
	border:none;
	width:300px;
	text-shadow:none;
	font-size:1em;
	position:relative;
	top:12px;
	right:0;
	color:#000;
	line-height:25px;
	cursor:text;
text-indent:10px}

@media (max-width:737px)
{
	.searchEngine .recherche
	{
		width:calc(100% - 87px);
		top:0;
		padding:15px 70px 15px 15px;
		border:1px solid rgba(0,0,0,.1);
	text-indent:0}
}

.searchEngine .search_go
{
	border-radius:3px;
	width:40px;
	height:40px;
	line-height:40px;
	border:none;
	position:absolute;
	background:transparent;
	font-size:15px;
	color:#444;
	top:15px;
	right:3px;
z-index:2}

.searchEngine .search_go:hover
{
	background-color:#228ad1;
color:#fff}

@media (max-width:737px)
{
	.searchEngine .search_go
	{
		width:50px;
		height:50px;
		line-height:50px;
		top:4px;
	right:2px}
}

.lang
{
	float:right;
	display:inline-block;
	margin-top:12px;
	position:relative;
z-index:1}

.lang:hover .curr-lang
{
box-shadow:0 2px 5px rgba(0,0,0,.4)}

.lang:hover .curr-lang,.lang:hover .curr-lang:after
{
background-color:#6bb4f0}

.lang:hover>ul
{
display:table}

.lang .curr-lang
{
	cursor:pointer;
	background-color:#228ad1;
	position:relative;
	padding:0 3px;
border-radius:3px}

.lang .curr-lang:after
{
	text-align:center;
	content:"\f078";
	color:#fff;
	line-height:15px;
	font-family:FontAwesome;
	text-rendering:auto;
	background-color:#228ad1;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
height:20px}

.lang .curr-lang .curr-flag
{
	display:block;
	margin:0 auto;
	width:30px;
	height:45px;
	background-image:url(img/tran-flags-new.png);
background-repeat:no-repeat}

.lang .drop-down-list
{
	display:none;
	margin:auto;
	margin-bottom:15px;
	position:absolute;
	box-shadow:0 2px 5px rgba(0,0,0,.4);
border-radius:3px}

.lang .drop-down-list li
{
	display:block;
	overflow:hidden;
	background-color:#6bb4f0;
	box-sizing:border-box;
	border-top:1px solid rgba(0,0,0,.1);
padding:3px}

.lang .drop-down-list li:hover
{
background-color:#228ad1}

.lang .drop-down-list li a
{
	display:block;
	width:30px;
	height:28px;
	margin:0;
	background-image:url(img/tran-flags-new.png);
	background-repeat:no-repeat;
	text-decoration:none;
text-indent:-1000em}

.lang .fr,.lang .fr-flag
{
background-position:-56px -25px}

.lang .en,.lang .en-flag
{
background-position:-84px -99px}

.lang .es,.lang .es-flag
{
background-position:-139px -74px}

.lang .cn,.lang .cn-flag
{
background-position:-167px 0}

.lang .de,.lang .de-flag
{
background-position:-84px -25px}

.lang .pt,.lang .pt-flag
{
background-position:-111px 0}

.lang .ar,.lang .ar-flag
{
background-position:-1px -122px}

#breadcrumb
{
	position:relative;
	float:left;
	padding:0;
	height:70px;
	line-height:70px;
	overflow:hidden;
text-shadow:0 1px 0 rgba(0,0,0,.2)}

@media (max-width:1025px)
{
	#breadcrumb
	{
	display:none}
}

#breadcrumb li
{
	position:relative;
	display:inline-block;
	padding:0 15px 0 8px;
	max-width:200px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight:500;
font-size:.875em}

#breadcrumb li:first-of-type
{
padding-left:15px}

#breadcrumb li:first-of-type:before
{
	text-align:center;
	content:"\f105";
	color:#fff;
	font-size:.875em;
	font-weight:500;
	font-family:FontAwesome;
	text-rendering:auto;
	position:absolute;
	height:70px;
	line-height:70px;
	left:0;
top:0}

#breadcrumb li:last-of-type
{
max-width:none}

#breadcrumb li a
{
	color:#fff;
text-decoration:none}

#breadcrumb li:after
{
	text-align:center;
	content:"\f105";
	color:#fff;
	font-size:1em;
	font-weight:500;
	font-family:FontAwesome;
	text-rendering:auto;
	position:absolute;
	height:70px;
	line-height:70px;
	right:0;
top:0}

#breadcrumb li:last-child:after
{
display:none}

#menu2
{
	position:relative;
	width:100%;
	height:70px;
background-color:#228ad1}

#menu2 .main_menu
{
	width:1040px;
	height:100%;
	margin:auto;
	text-align:left;
position:relative}

@media (max-width:1025px)
{
	#menu2 .main_menu
	{
	width:calc(100% - 25px)}
}

#menu2 .HKlogo
{
	float:left;
margin:0 10px 0 0}

#menu2 .HKlogo img
{
	display:block;
margin:2px 0}

@media (max-width:737px)
{
	#menu2 .searchEngine
	{
	display:none}
}

.main-navigation
{
	width:100%;
	box-sizing:border-box;
	font-size:1.125em;
	margin:0 auto;
color:#228ad1}

@media (max-width:737px)
{
	.main-navigation
	{
		position:fixed;
		top:0;
		left:0;
		margin:0;
		width:270px;
		height:100%;
		padding:20px;
		background-color:#fff;
		z-index:3;
		overflow:auto;
		-webkit-overflow-scrolling:touch;
		-ms-transform:translateX(-270px);
		transform:translateX(-270px);
		-webkit-transform:translateX(-270px);
	transition:transform .2s cubic-bezier(.55,0,.1,1)}

	.main-navigation[attr-active=true]
	{
		-ms-transform:translateX(0);
		transform:translateX(0);
	-webkit-transform:translateX(0)}
}

.main-navigation .searchEngine
{
display:none}

@media (max-width:737px)
{
	.main-navigation .searchEngine
	{
	display:block}
}

.main-navigation .items
{
	display:table;
margin:12px auto}

@media (max-width:737px)
{
	.main-navigation .items
	{
		display:block;
	margin:0 auto}
}

.main-navigation a
{
	position:relative;
	float:left;
	width:125px;
padding-top:65px}

@media (max-width:737px)
{
	.main-navigation a
	{
		display:block;
		width:calc(100% - 80px);
		padding:0 20px 0 60px;
	height:60px}
}

.main-navigation a:before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;
	height:65px;
	background-size:50%;
	background-position:50%;
	background-repeat:no-repeat;
transition:transform .3s cubic-bezier(.32,2,.55,.27)}

@media (max-width:737px)
{
	.main-navigation a:before
	{
		height:50px;
		width:50px;
		background-size:40px 40px;
	right:auto}
}

.main-navigation a:hover:before
{
	filter:saturate(1.2);
	-ms-transform:rotate(-4deg);
transform:rotate(-4deg)}

.main-navigation a:hover:nth-child(odd):before
{
	-ms-transform:rotate(4deg);
transform:rotate(4deg)}

.main-navigation a:active:before,.main-navigation a:active:nth-child(odd):before
{
	-ms-transform:translateY(-15px);
transform:translateY(-15px)}

.main-navigation a span
{
	display:block;
	width:80%;
	height:32px;
	margin:5px auto 0;
	text-align:center;
	overflow:hidden;
	color:#444;
	line-height:90%;
	text-shadow:0 0 0 transparent;
	font-family:Boogaloo,Roboto,Verdana,sans-serif;
text-transform:uppercase}

@media (max-width:737px)
{
	.main-navigation a span
	{
		width:100%;
		height:auto;
		text-align:left;
		line-height:50px;
		border-bottom:1px solid rgba(0,0,0,.04);
		text-overflow:ellipsis;
	white-space:nowrap}
}

.main-navigation a.m_brico:before
{
background-image:url(img/crafts.png)}

.main-navigation a.m_coloriage:before
{
background-image:url(img/coloring.png)}

.main-navigation a.m_dessin:before
{
background-image:url(img/drawing.png)}

.main-navigation a.m_brico:before
{
background-image:url(img/crafts.png)}

.main-navigation a.m_jeux:before
{
background-image:url(img/games.png)}

.main-navigation a.m_lecture:before
{
background-image:url(img/reading.png)}

.main-navigation a.m_video:before
{
background-image:url(img/movies.png)}

.main-navigation a.m_:before,.main-navigation a.m_sorties:before
{
background-image:url(/design/normal/assets/icons/news.png)}

.main-navigation a.m_club
{
display:none}

.main-navigation a.m_club:before
{
background-position:-500px -10px}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.main-navigation a.m_coloriage:before
	{
	background-image:url(img/coloring@2x.png)}

	.main-navigation a.m_dessin:before
	{
	background-image:url(img/drawing@2x.png)}

	.main-navigation a.m_brico:before
	{
	background-image:url(img/crafts@2x.png)}

	.main-navigation a.m_jeux:before
	{
	background-image:url(img/games@2x.png)}

	.main-navigation a.m_lecture:before
	{
	background-image:url(img/reading@2x.png)}

	.main-navigation a.m_video:before
	{
	background-image:url(img/movies@2x.png)}

	.main-navigation a.m_sorties:before
	{
	background-image:url(img/news@2x.png)}
}

.main-navigation .navtagon:before
{
	top:-35px;
	height:100px;
background-size:125px 100px}

@media (max-width:737px)
{
	.main-navigation .navtagon:before
	{
		top:auto;
		height:inherit;
	background-size:110%}
}

.main-navigation .navtagon.m_coloriage:before
{
background-image:url(/design/normal/assets/icons/coloring-active.png)}

.main-navigation .navtagon.m_coloriage span
{
color:#d47d00}

.main-navigation .navtagon.m_dessin:before
{
background-image:url(/design/normal/assets/icons/drawing-active.png)}

.main-navigation .navtagon.m_dessin span
{
color:#8d253c}

.main-navigation .navtagon.m_brico:before
{
background-image:url(/design/normal/assets/icons/crafts-active.png)}

.main-navigation .navtagon.m_brico span
{
color:#909124}

.main-navigation .navtagon.m_jeux:before
{
background-image:url(/design/normal/assets/icons/games-active.png)}

.main-navigation .navtagon.m_jeux span
{
color:#4c4c4c}

.main-navigation .navtagon.m_lecture:before
{
background-image:url(/design/normal/assets/icons/reading-active.png)}

.main-navigation .navtagon.m_lecture span
{
color:#9f3e6b}

.main-navigation .navtagon.m_video:before
{
background-image:url(/design/normal/assets/icons/movies-active.png)}

.main-navigation .navtagon.m_video span
{
color:#1b6aa0}

.main-navigation .navtagon.m_sorties:before
{
background-image:url(/design/normal/assets/icons/news-active.png)}

.main-navigation .navtagon.m_sorties span
{
color:#4c4c4c}

.main-navigation .navtagon.m_:before
{
background-image:url(/design/normal/assets/icons/news-active.png)}

.main-navigation .navtagon.m_ span
{
color:#4c4c4c}

.main-navigation .navtagon.m_club
{
display:none}

.main-navigation .navtagon.m_club:before
{
background-position:-500px -10px}

.main-navigation .navtagon.m_club span
{
color:#4c4c4c}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.main-navigation .navtagon.m_coloriage:before
	{
	background-image:url(/design/normal/assets/icons/coloring-active@2x.png)}

	.main-navigation .navtagon.m_dessin:before
	{
	background-image:url(/design/normal/assets/icons/drawing-active@2x.png)}

	.main-navigation .navtagon.m_brico:before
	{
	background-image:url(/design/normal/assets/icons/crafts-active@2x.png)}

	.main-navigation .navtagon.m_jeux:before
	{
	background-image:url(/design/normal/assets/icons/games-active@2x.png)}

	.main-navigation .navtagon.m_lecture:before
	{
	background-image:url(/design/normal/assets/icons/reading-active@2x.png)}

	.main-navigation .navtagon.m_video:before
	{
	background-image:url(/design/normal/assets/icons/movies-active@2x.png)}

	.main-navigation .navtagon.m_sorties:before
	{
	background-image:url(/design/normal/assets/icons/news-active@2x.png)}
}

.mask
{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
background:rgba(0,0,0,.5)}

.mask[attr-active=true]
{
display:block}

.burger
{
display:none}

@media (max-width:737px)
{
	.burger
	{
		display:block;
		width:50px;
		height:50px;
		float:left;
		margin:10px 10px 0 0;
		background:transparent;
	border:0}

	.burger:after
	{
		content:"\f0c9";
		font-family:FontAwesome;
		line-height:50px;
		font-size:35px;
	color:#fff}
}

#top-spotlight
{
	width:100%;
	margin:0 auto;
	position:relative;
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
	background-color:#ffe356;
padding-bottom:40px}

@media (max-width:737px)
{
	#top-spotlight
	{
	padding-bottom:20px}
}

#top-spotlight img
{
	display:block;
	width:100%;
height:100%}

#top-spotlight span
{
display:none}

#top-spotlight .flippie span
{
display:block}

#top-spotlight .spotlight-wrap
{
	display:table;
	width:1050px;
	position:relative;
	margin:0 auto;
	border-radius:1px;
z-index:1}

@media (max-width:1070px)
{
	#top-spotlight .spotlight-wrap
	{
	width:calc(100% - 15px)}
}

#top-spotlight .spotlight-wrap:after
{
	content:"";
	display:block;
	width:100%;
	margin-bottom:-5px;
	height:5px;
	position:absolute;
	left:0;
	bottom:0;
	background:linear-gradient(180deg,rgba(0,0,0,.3),hsla(0,0%,100%,0));
border-radius:0 0 8px 8px}

#top-spotlight .spotlight-wrap .spotlight-content
{
	width:740px;
	display:table-cell;
	box-sizing:border-box;
vertical-align:top}

@media (max-width:1070px)
{
	#top-spotlight .spotlight-wrap .spotlight-content
	{
		margin:auto;
	display:block}
}

@media (max-width:737px)
{
	#top-spotlight .spotlight-wrap .spotlight-content
	{
	width:100%}
}

#top-spotlight .spotlight-wrap .spotlight-content .spotlight-content-inner
{
	overflow:hidden;
padding:10px}

#top-spotlight .spotlight-wrap .spotlight-content .spotlight-content-inner a
{
	width:160px;
	height:160px;
	position:relative;
	border-radius:10px;
	overflow:hidden;
	float:left;
	margin:10px;
	box-shadow:0 2px 5px rgba(0,0,0,.4);
	transition:transform .5s cubic-bezier(.32,2,.55,.27);
	-webkit-backface-visibility:hidden;
-webkit-background-clip:content-box}

#top-spotlight .spotlight-wrap .spotlight-content .spotlight-content-inner a:hover
{
	-ms-transform:rotate(-4deg);
transform:rotate(-4deg)}

#top-spotlight .spotlight-wrap .spotlight-content .spotlight-content-inner a:hover:nth-child(odd)
{
	-ms-transform:rotate(4deg);
transform:rotate(4deg)}

#top-spotlight .spotlight-wrap .spotlight-content .spotlight-content-inner a:active,#top-spotlight .spotlight-wrap .spotlight-content .spotlight-content-inner a:active:nth-child(odd)
{
	-ms-transform:translateY(-15px);
transform:translateY(-15px)}

#top-spotlight .spotlight-wrap .spotlight-content .spotlight-content-inner a:first-child
{
	width:340px;
	height:340px;
margin:10px}

@media (max-width:737px)
{
	#top-spotlight .spotlight-wrap .spotlight-content .spotlight-content-inner a:first-child
	{
		width:96%;
		height:auto;
	margin:2%}
}

@media (max-width:737px)
{
	#top-spotlight .spotlight-wrap .spotlight-content .spotlight-content-inner a
	{
		width:46%;
	margin:2%}
}

#top-spotlight .spotlight-wrap .spotlight-context
{
	position:relative;
	display:table-cell;
	vertical-align:top;
	color:#fff;
	border-radius:1px;
	font-size:1em;
	clear:both;
	width:310px;
	height:380px;
box-sizing:border-box}

@media (max-width:1070px)
{
	#top-spotlight .spotlight-wrap .spotlight-context
	{
	display:none}
}

#top-spotlight .spotlight-wrap .spotlight-context table
{
	height:100%;
width:100%}

#top-spotlight .spotlight-wrap .spotlight-context table tr td.flexy-celly
{
height:100%}

#top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header h1
{
	padding:25px 20px 20px;
	font-size:1.75em;
margin-bottom:0}

#top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-content
{
	position:relative;
	height:100%;
	overflow-y:auto;
	box-sizing:border-box;
word-break:break-word}

#top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-content .spotlight-context-inner
{
	position:absolute;
height:100%}

#top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-content h2
{
	font-size:1.5em;
	margin-bottom:10px;
text-shadow:0 0 0 transparent}

#top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-content a
{
	color:#fff;
	text-decoration:none;
border-bottom:1px dotted #fff}

#top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-content p
{
	padding:20px;
text-shadow:0 0 0 transparent}

#top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-content p:last-child
{
margin-bottom:0}

#top-spotlight .spotlight-wrap.cat .spotlight-context .spotlight-context-header
{
height:70px}

#top-spotlight .spotlight-wrap.cat .spotlight-context .spotlight-context-content
{
top:70px}

#top-spotlight .spotlight-wrap .mascotte-catPage
{
	position:absolute;
	width:auto;
height:auto}

#top-spotlight .spotlight-wrap .mascotte-catPage.coloring,#top-spotlight .spotlight-wrap .mascotte-catPage.default
{
	left:-225px;
bottom:-190px}

#top-spotlight .spotlight-wrap .mascotte-catPage.drawing
{
	left:-170px;
bottom:-242px}

#top-spotlight .spotlight-wrap .mascotte-catPage.crafting
{
	left:-185px;
bottom:-215px}

#top-spotlight .spotlight-wrap .mascotte-catPage.games
{
	left:-175px;
bottom:-160px}

#top-spotlight .spotlight-wrap .mascotte-catPage.reading
{
	left:-170px;
bottom:-195px}

#top-spotlight .spotlight-wrap .mascotte-catPage.movies
{
	left:-195px;
bottom:-204px}

.spotlight-context-content::-webkit-scrollbar
{
width:12px}

.spotlight-context-content::-webkit-scrollbar-track
{
background-color:transparent}

.spotlight-context-content::-webkit-scrollbar-thumb
{
	border-radius:50px;
	margin-right:2px;
background-color:rgba(0,0,0,.2)}

.content-block.big-category .category-content-wrap
{
	background-color:#fff;
width:100%}

@media (max-width:1025px)
{
	.content-block.big-category .category-content-wrap
	{
	width:100%}
}

.content-block.medium-category .category-content-wrap
{
width:100%}

.content-block.small-category
{
	width:510px;
	display:inline-block;
margin-bottom:20px}

.content-block.small-category .content-container
{
width:100%}

.content-block.small-category .content-container .category-content-wrap .txt-container
{
padding:10px}

.content-block.small-category .content-container .category-content-wrap .txt-container .cat-title
{
font-size:1.875em}

.content-block.small-category .content-container .category-content-wrap .txt-container .moreButton
{
margin:0 10px 10px 0}

.content-block.xs-category .cat-title
{
margin-left:368px}

#headerInterfel
{
	margin: auto;
  max-width: 100%;
  padding: 1em ;
	
	
}

.content-block.headerInterfel img 
{
margin: 0, auto;
max-width: 100%;
	height: auto;
	
	
}

.content-block.headerInterfel .cat-title
{
color:#d47d00}

.content-block.headerInterfel .moreButton
{
background-color:#d47d00}

.content-block.headerInterfel .moreButton:hover
{
background-color:#f2a635}

.content-block.headerInterfel .moreButton:active
{
background-color:#d9b378}

.content-block.headerInterfel .element-title
{
	color:#d47d00;
background-color:#edd9bc}

.content-block.contentInterfel
{
	;
}

.content-block.contentInterfel .cat-title
{
color:#b04059}

.content-block.contentInterfel .moreButton
{
background-color:#8d253c}

.content-block.contentInterfel .moreButton:hover
{
background-color:#b04059}

.content-block.contentInterfel .moreButton:active
{
background-color:#bd7b8a}

.content-block.contentInterfel .element-title
{
	color:#b04059;
background-color:#debdc5}

.content-block.craftingPage
{
	background-color:#b5b632;
background-image:url(/design/normal/assets/patterns/bg_tex_splatters.svg)}

.content-block.craftingPage .cat-title
{
color:#909124}

.content-block.craftingPage .moreButton
{
background-color:#909124}

.content-block.craftingPage .moreButton:hover
{
background-color:#b5b632}

.content-block.craftingPage .moreButton:active
{
background-color:#c5c577}

.content-block.craftingPage .element-title
{
	color:#909124;
background-color:#e0e0ba}

.content-block.gamesPage
{
	background-color:#6d5d95;
background-image:url(/design/normal/assets/patterns/bg_tex_maze.svg)}

.content-block.gamesPage .cat-title
{
color:#6d5d95}

.content-block.gamesPage .moreButton
{
background-color:#503f7a}

.content-block.gamesPage .moreButton:hover
{
background-color:#6d5d95}

.content-block.gamesPage .moreButton:active
{
background-color:#9388af}

.content-block.gamesPage .element-title
{
	color:#6d5d95;
background-color:#c7c2d4}

.content-block.videoPage
{
	background-color:#2d8dcf;
background-image:url(/design/normal/assets/patterns/bg_tex_squares.svg)}

.content-block.videoPage .cat-title
{
color:#2d8dcf}

.content-block.videoPage .moreButton
{
background-color:#1b6aa0}

.content-block.videoPage .moreButton:hover
{
background-color:#2d8dcf}

.content-block.videoPage .moreButton:active
{
background-color:#74add5}

.content-block.videoPage .element-title
{
	color:#2d8dcf;
background-color:#b9d5e8}

.content-block.readingPage
{
	background-color:#be638d;
background-image:url(/design/normal/assets/patterns/bg_tex_diamonds.svg)}

.content-block.readingPage .cat-title
{
color:#be638d}

.content-block.readingPage .moreButton
{
background-color:#9f3e6b}

.content-block.readingPage .moreButton:hover
{
background-color:#be638d}

.content-block.readingPage .moreButton:active
{
background-color:#c98daa}

.content-block.readingPage .element-title
{
	color:#be638d;
background-color:#e3c6d3}

.content-block.specificPage
{
	background-color:#686868;
background-image:url(/design/normal/assets/patterns/bg_tex_spots.svg)}

.content-block.specificPage .cat-title
{
color:#686868}

.content-block.specificPage .moreButton
{
background-color:#4c4c4c}

.content-block.specificPage .moreButton:hover
{
background-color:#686868}

.content-block.specificPage .moreButton:active
{
background-color:#828282}

.content-block.specificPage .element-title
{
	color:#686868;
background-color:silver}

.content-block.specificPage .xs-element span i
{
background-color:#828282}

.content-block.darkGrey
{
	background-color:#4f4f4f;
background-image:url(/design/normal/assets/patterns/bg_tex_maze.svg)}

.content-block.darkGrey .cat-title
{
color:#4f4f4f}

.content-block.darkGrey .moreButton
{
background-color:#333}

.content-block.darkGrey .moreButton:hover
{
background-color:#4f4f4f}

.content-block.darkGrey .moreButton:active
{
background-color:dimgray}

.content-block.darkGrey .element-title
{
	color:#4f4f4f;
background-color:#a7a7a7}

.content-block .gamesPage .sticker
{
	background-color:#6d5d95;
background-image:url(/design/normal/assets/icons/games.png)}

.content-block .headerInterfel .sticker
{
	background-color:#f2a635;
background-image:url(/design/normal/assets/icons/coloring.png)}

.content-block .readingPage .sticker
{
	background-color:#be638d;
background-image:url(/design/normal/assets/icons/reading.png)}

.content-block .videoPage .sticker
{
	background-color:#2d8dcf;
background-image:url(/design/normal/assets/icons/movies.png)}

.content-block .craftingPage .sticker
{
	background-color:#b5b632;
background-image:url(/design/normal/assets/icons/crafts.png)}

.content-block .contentInterfel .sticker
{
	background-color:#b04059;
background-image:url(/design/normal/assets/icons/drawing.png)}

.content-block .sticker
{
	width:40px;
	height:40px;
	border-radius:100%;
	box-shadow:0 1px 2px rgba(0,0,0,.4);
	background-size:90%;
	background-repeat:no-repeat;
background-position:50%}

.content-block .element-title
{
text-shadow:0 0 0 transparent}

@media (max-width:1025px)
{
	.content-block .content-container .category-content-wrap
	{
	text-align:center}

	.content-block .content-container .category-content-wrap .cat-title-wrap.pos-big,.content-block .content-container .category-content-wrap .cat-title-wrap.pos-normal
	{
	width:100%}

	.content-block .content-container .category-content-wrap .cat-title-wrap.pos-center,.content-block .content-container .category-content-wrap .cat-title-wrap.pos-left,.content-block .content-container .category-content-wrap .cat-title-wrap.pos-right
	{
	text-align:center}
}

@media (max-width:737px)
{
	.content-block .content-container .category-content-wrap
	{
	text-align:left}
}

.content-block .content-container .category-content-wrap .pos-big
{
width:560px}

.content-block .content-container .category-content-wrap .pos-normal
{
width:870px}

.content-block .content-container .category-content-wrap .pos-left
{
text-align:left}

.content-block .content-container .category-content-wrap .pos-center
{
text-align:center}

.content-block .content-container .category-content-wrap .pos-right
{
text-align:right}

.content-block .content-container .category-content-wrap .txt-container
{
	position:relative;
	width:100%;
	padding:20px 20px 0;
box-sizing:border-box}

.content-block .content-container .category-content-wrap .txt-container .cat-title
{
	display:inline-block;
	padding:10px;
	background-repeat:no-repeat;
	background-size:contain;
	text-shadow:none;
	background-color:hsla(0,0%,100%,.5);
	transition:transform .5s cubic-bezier(.32,2,.55,.27);
text-align:center}

@media (max-width:1025px)
{
	.content-block .content-container .category-content-wrap .txt-container .cat-title
	{
		max-width:75%;
	margin-left:0}
}

.content-block .content-container .category-content-wrap .txt-container .cat-title a,.content-block .content-container .category-content-wrap .txt-container .cat-title span
{
	text-transform:uppercase;
	padding:0 40px;
	display:block;
	position:relative;
	background-color:transparent;
color:inherit}

.content-block .content-container .category-content-wrap .txt-container .cat-title a:before,.content-block .content-container .category-content-wrap .txt-container .cat-title span:before
{
	content:"";
	position:absolute;
	background-image:url(/design/normal/assets/tape-end-left.png);
	background-repeat:no-repeat;
	background-size:cover;
	top:-11px;
	bottom:-11px;
	width:12px;
left:-22px}

.content-block .content-container .category-content-wrap .txt-container .cat-title a:after,.content-block .content-container .category-content-wrap .txt-container .cat-title span:after
{
	content:"";
	position:absolute;
	background-image:url(/design/normal/assets/tape-end-right.png);
	background-repeat:no-repeat;
	background-size:cover;
	top:-11px;
	bottom:-11px;
	width:12px;
right:-22px}

.content-block .content-container .category-content-wrap .txt-container .moreButton
{
	color:#fff;
	border-radius:5px;
	font-weight:700;
	position:absolute;
	padding:5px 15px;
	bottom:0;
	right:0;
	margin-right:20px;
text-shadow:0 1px 0 rgba(0,0,0,.4)}

@media (max-width:1025px)
{
	.content-block .content-container .category-content-wrap .txt-container .moreButton
	{
		bottom:auto;
	top:20px}
}

@media (max-width:737px)
{
	.content-block .content-container .category-content-wrap .txt-container .moreButton
	{
	display:none}
}

.content-block .content-container .category-content-wrap .listwrap .elementWrap
{
	overflow:hidden;
padding:10px}

.content-block .content-container .category-content-wrap .listwrap .elementWrap a
{
	position:relative;
	float:left;
	margin:10px;
	border-radius:10px;
	box-shadow:0 2px 5px rgba(0,0,0,.4);
text-transform:capitalize}

@media (max-width:1025px)
{
	.content-block .content-container .category-content-wrap .listwrap .elementWrap a
	{
		display:inline-block;
	float:none}
}

.content-block .content-container .category-content-wrap .listwrap .elementWrap a img
{
	border-radius:10px;
	width:100%;
	height:100%;
background-color:#fff}

.content-block .content-container .category-content-wrap .listwrap .elementWrap a span
{
	font-size:.875em;
	font-weight:500;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
border-radius:0 0 10px 10px}

.content-block .content-container .category-content-wrap .listwrap .elementWrap .flippie img
{
background-color:transparent}

.content-block .content-container .category-content-wrap .listwrap .elementWrap .flippie span
{
	background-color:transparent;
	color:#fff;
	font-size:13px;
padding:5px 10px}

.content-block .content-container .category-content-wrap .listwrap .elementWrap .sticker
{
	position:absolute;
	top:-10px;
	right:-10px;
background-color:#fff}

.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a
{
	width:156px;
height:156px}

.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a:first-child
{
	width:331px;
height:331px}

.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a:first-child .flippie span
{
font-size:24px}

@media (max-width:1025px)
{
	.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a,.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a:first-child
	{
		width:150px;
	height:150px}
}

@media (max-width:801px)
{
	.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a:nth-child(5),.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a:nth-child(6)
	{
	display:none}
}

@media (max-width:737px)
{
	.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a,.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a:first-child
	{
		width:45%;
		height:auto;
	margin:2%}

	.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a:first-child .flippie span
	{
	font-size:14px}

	.content-block .content-container .category-content-wrap .listwrap.big-content .elementWrap a:nth-child(7)
	{
	display:none}
}

.content-block .content-container .category-content-wrap .listwrap.medium-content .elementWrap a
{
	width:150px;
height:150px}

@media (max-width:1025px)
{
	.content-block .content-container .category-content-wrap .listwrap.medium-content .elementWrap a:nth-child(6)
	{
	display:none}
}

@media (max-width:801px)
{
	.content-block .content-container .category-content-wrap .listwrap.medium-content .elementWrap a:nth-child(5),.content-block .content-container .category-content-wrap .listwrap.medium-content .elementWrap a:nth-child(6)
	{
	display:none}
}

@media (max-width:737px)
{
	.content-block .content-container .category-content-wrap .listwrap.medium-content .elementWrap a
	{
		width:45%;
		height:auto;
	margin:2%}
}

.content-block .content-container .category-content-wrap .listwrap.small-content .elementWrap
{
padding:0}

.content-block .content-container .category-content-wrap .listwrap.small-content .elementWrap a
{
	width:150px;
height:150px}

.content-block .content-container .category-content-wrap .listwrap.xs-content .elementWrap a
{
	text-align:left;
	width:320px;
	height:50px;
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
	background-color:hsla(0,0%,100%,.75);
border-radius:1px}

@media (max-width:737px)
{
	.content-block .content-container .category-content-wrap .listwrap.xs-content .elementWrap a
	{
	width:calc(100% - 20px)}
}

.content-block .content-container .category-content-wrap .listwrap.xs-content .elementWrap a img
{
	width:50px;
	height:50px;
	position:absolute;
border-radius:0}

.content-block .content-container .category-content-wrap .listwrap.xs-content .elementWrap a span
{
	position:relative;
	display:block;
	box-sizing:border-box;
	line-height:50px;
	background:none;
	padding:0 40px 0 60px;
	border-radius:0;
font-size:inherit}

.content-block .content-container .category-content-wrap .listwrap.xs-content .elementWrap a span i
{
	content:"\f054";
	color:#fff;
	text-align:center;
	width:30px;
	line-height:50px;
	position:absolute;
	right:0;
	top:0;
display:block}

.content-block .content-container .contentCategory-desc
{
	padding:20px 40px 40px;
box-sizing:border-box}

.content-block .content-container .contentCategory-desc h2
{
margin:20px 0}

.content-block.sub-categories .category-content-wrap
{
min-height:305px}

.content-block.sub-categories .category-content-wrap:after
{
	content:"";
	display:table;
clear:both}

.content-block.sub-categories .category-content-wrap .sub-list
{
	margin:20px auto;
	padding:0 20px;
	display:inline-block;
	width:100%;
box-sizing:border-box}

.content-block.sub-categories .category-content-wrap .sub-list .mascotte
{
	position:relative;
	float:right;
	width:46%;
	margin:2%;
	height:450px;
	background-repeat:no-repeat;
background-size:contain}

@media (max-width:1025px)
{
	.content-block.sub-categories .category-content-wrap .sub-list .mascotte
	{
	display:none}
}

.content-block.sub-categories .category-content-wrap .sub-list .mascotte:hover
{
	-ms-transform:none;
transform:none}

.content-block.sub-categories .category-content-wrap .sub-list li
{
	display:inline-block;
	position:relative;
	border-radius:1px;
	width:23%;
	margin:1%;
	white-space:nowrap;
	transition:all .3s cubic-bezier(.32,2,.55,.27);
	-webkit-backface-visibility:hidden;
-webkit-background-clip:content-box}

@media (max-width:1025px)
{
	.content-block.sub-categories .category-content-wrap .sub-list li
	{
		width:100%;
	margin:10px 0}
}

.content-block.sub-categories .category-content-wrap .sub-list li:hover
{
	-ms-transform:scale(1.1);
	transform:scale(1.1);
z-index:1}

.content-block.sub-categories .category-content-wrap .sub-list li:active
{
	-ms-transform:scale(1.1) translateY(-15px);
transform:scale(1.1) translateY(-15px)}

.content-block.sub-categories .category-content-wrap .sub-list li a
{
	position:relative;
	text-decoration:none;
	padding-left:50px;
	display:block;
	box-sizing:border-box;
	height:50px;
line-height:50px}

.content-block.sub-categories .category-content-wrap .sub-list li a img
{
	position:absolute;
	left:0;
	top:-5px;
	width:50px;
	height:50px;
	border-radius:100%;
box-shadow:0 1px 2px rgba(0,0,0,.4)}

.content-block.sub-categories .category-content-wrap .sub-list li a span
{
	font-family:Boogaloo,Roboto,Verdana,sans-serif;
	text-transform:uppercase;
	overflow:hidden;
	color:#fff;
	padding:0 20px 0 30px;
	display:block;
	line-height:40px;
	height:40px;
	text-overflow:ellipsis;
	background-size:cover;
	white-space:nowrap;
	margin-left:-10px;
	border-radius:0 10px 10px 0;
box-shadow:0 2px 5px rgba(0,0,0,.4)}

footer
{
	position:relative;
	width:100%;
	margin-top:60px;
	background:#1b6da5;
	color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,.2)}

footer a
{
	color:#fff;
text-decoration:none}

footer a:hover
{
text-decoration:underline}

footer .footer-container
{
	width:1040px;
margin:auto}

@media (max-width:1025px)
{
	footer .footer-container
	{
	width:calc(100% - 25px)}
}

@media (max-width:737px)
{
	footer .footer-container
	{
	width:100%}
}

footer .footer-container .footer-content
{
	position:relative;
padding:20px}

footer .footer-container .footer-content:after
{
	content:"";
	display:table;
clear:both}

@media (max-width:737px)
{
	footer .footer-container .footer-content
	{
	text-align:center}
}

footer .footer-container .footer-content .mascotte-footer
{
	position:absolute;
	top:-84px;
right:40px;
z-index: 7;}

footer .footer-container .footer-content .azerion-logo
{
	width:50px;
height:auto}

footer .publisher
{
	float:left;
margin-right:20px}

footer .publisher a
{
display:block}

@media (max-width:737px)
{
	footer .publisher
	{
	width:100%}
}

footer .links
{
	float:left;
line-height:40px}

@media (max-width:737px)
{
	footer .links
	{
		margin-top:10px;
	width:100%}
}

footer .rights
{
	float:right;
line-height:40px}

@media (max-width:1025px)
{
	footer .rights
	{
		float:left;
	margin-left:230px}
}

@media (max-width:737px)
{
	footer .rights
	{
		margin-left:0;
		font-size:12px;
	width:100%}
}

.special-big-label
{
position:relative}

.special-big-label:after
{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:235px;
	height:178px;
	z-index:2;
background-image:url(/design/normal/labels/special-big.png)}

.special-small-label
{
position:relative}

.special-small-label:after
{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:120px;
	height:100px;
	z-index:2;
background-image:url(/design/normal/labels/special-small.png)}

.mostpopular-big-label
{
position:relative}

.mostpopular-big-label:after
{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:235px;
	height:178px;
	z-index:2;
background-image:url(/design/normal/labels/mostpopular-big.png)}

.mostpopular-small-label
{
position:relative}

.mostpopular-small-label:after
{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:120px;
	height:100px;
	z-index:2;
background-image:url(/design/normal/labels/mostpopular-small.png)}

.new-big-label
{
position:relative}

.new-big-label:after
{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:120px;
	height:100px;
	z-index:2;
background-image:url(/design/normal/labels/new-small.png)}

.new-big-label:first-child:after
{
	width:235px;
	height:178px;
	z-index:2;
background-image:url(/design/normal/labels/new-big.png)}

.new-small-label
{
position:relative}

.new-small-label:after
{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:120px;
	height:100px;
	z-index:2;
background-image:url(/design/normal/labels/new-small.png)}

#HKcarousel
{
	width:100%;
	overflow:hidden;
	left:0;
margin:0 auto}

#HKcarousel,#HKcarousel ul
{
position:relative}

#HKcarousel ul li
{
	display:inline-block;
	overflow:hidden;
	margin:10px 5px;
	position:relative;
	background:#fff;
	border-radius:10px;
	z-index:1;
	clear:none!important;
box-shadow:0 2px 5px rgba(0,0,0,.4)}

#HKcarousel ul li,#HKcarousel ul li img
{
	width:200px;
height:200px}

#HKcarousel ul li h2
{
	font-family:Roboto;
	text-shadow:none;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	padding:10px;
	opacity:0;
	font-size:.875em;
	font-weight:500;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
margin-bottom:0}

#HKcarousel ul li a
{
	color:#fff;
text-decoration:none}

#HKcarousel ul li:hover
{
	-ms-transform:scale(1.05);
	transform:scale(1.05);
z-index:2}

#HKcarousel ul li:hover h2
{
opacity:1}

#HKcarousel .pn
{
	display:block;
	z-index:10;
	position:absolute;
	top:0;
	height:220px;
	width:50px;
	color:#fff;
	font-size:34px;
	font-family:sans-serif;
	text-align:center;
transition:all .5s cubic-bezier(.32,2,.55,.27)}

#HKcarousel .pn i
{
	height:220px;
line-height:220px}

#HKcarousel .pn.p
{
	border-radius:0 10px 10px 0;
left:-55px}

#HKcarousel .pn.n
{
	border-radius:10px 0 0 10px;
right:-55px}

#HKcarousel .pn:hover .pn:hover
{
	-ms-transform:scale(1.2);
transform:scale(1.2)}

#HKcarousel:hover .pn.p
{
left:0}

#HKcarousel:hover .pn.n
{
right:0}

.homePage #top-spotlight .spotlight-wrap
{
	background-image:url(/design/normal/assets/patterns/bg_text_line.png);
background-color:#6bb4f0}

.homePage #top-spotlight .spotlight-wrap .spotlight-context
{
background:#3d9deb}

.homePage #top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header
{
background:#1d5dbf}

.homePage .mascotte-homepage
{
	position:absolute;
	bottom:-175px;
left:-220px}


.headerInterfel .clicky-clicky
{
	background-color:#f2a635;
box-shadow:inset 0 -2px 0 3px #d47d00,0 5px 5px rgba(3,25,41,.17),0 2px 5px rgba(0,0,0,.4)}

.headerInterfel .clicky-clicky:after
{
background-color:#f2a635}

.headerInterfel .clicky-clicky:hover
{
background-color:#d9b378}

.headerInterfel .clicky-clicky:active
{
	background-color:#d47d00;
box-shadow:inset 0 -2px 0 3px #f2a635,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.headerInterfel #top-wrap
{
	width:100%;
background-color:#fee365}

.headerInterfel #top-spotlight
{
	background-color:#fee365;
background-image:url(/design/normal/assets/patterns/bg_tex_dots.svg)}

.headerInterfel #top-spotlight .spotlight-wrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_dots.svg);
background-color:#d9b378}

.headerInterfel #top-spotlight .spotlight-wrap .spotlight-context
{
background-color:#f2a635}

.headerInterfel #top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header
{
background-color:#d47d00}

.headerInterfel .contentWrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_dots.svg);
background-color:#f2a635}

.headerInterfel .contentWrap .txt-container h2
{
color:#d47d00}

.headerInterfel .contentWrap .txt-container .moreButton
{
background-color:#d47d00}

.headerInterfel .contentWrap .txt-container .moreButton:hover
{
background-color:#f2a635}

.headerInterfel .contentWrap .txt-container .moreButton:active
{
background-color:#d9b378}

.headerInterfel .contentWrap .listwrap .elementWrap a span
{
	color:#d47d00;
background-color:#edd9bc}

.headerInterfel .contentWrap .tertiary-content .xs-element .element-title
{
background-color:transparent}

.headerInterfel .contentWrap .tertiary-content .xs-element .element-title i
{
background-color:#f2a635}

.headerInterfel .contentWrap .content-container .contentTitle
{
color:#d47d00}

.headerInterfel .contentWrap .content-container .contentType-page .contentType-suggestions a,.headerInterfel .contentWrap .content-container .contentType-page .contentType-suggestions a:before
{
background-color:#f2a635}

.headerInterfel .contentWrap .content-container .contentType-text ol li a,.headerInterfel .contentWrap .content-container .contentType-text p a,.headerInterfel .contentWrap .content-container .contentType-text ul li a,.headerInterfel .contentWrap .content-container .taglist a
{
color:#d47d00}

.headerInterfel .contentWrap .content-container .videoList a span
{
	background-color:#edd9bc;
color:#f2a635}

.headerInterfel .contentWrap .content-container #HKcarousel ul li h2
{
	background-color:#edd9bc;
color:#d47d00}

.headerInterfel .contentWrap .content-container #HKcarousel .pn
{
background-color:#d47d00}

.headerInterfel .contentWrap .content-container .content-suggestions .contentType-suggestions a
{
color:#f2a635}

.headerInterfel .contentWrap .content-container .content-suggestions .contentType-suggestions a:after
{
background-color:#f2a635}

.headerInterfel .contentWrap .content-container #JDSfe .visu .wallpaper-text
{
	background-color:#edd9bc;
color:#f2a635}

.headerInterfel .contentWrap .content-container #JDSfe .visu .wallpaper-text a
{
color:#d47d00}

.headerInterfel .contentWrap .sub-categories .sub-list .mascotte
{
background-image:url(/design/normal/assets/category-mascotte/category-mascotte-coloring.png)}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.headerInterfel .contentWrap .sub-categories .sub-list .mascotte
	{
	background-image:url(/design/normal/assets/category-mascotte/category-mascotte-coloring@2x.png)}
}

.headerInterfel .contentWrap .sub-categories .sub-list li a img
{
border:4px solid #edd9bc}

.headerInterfel .contentWrap .sub-categories .sub-list li a span
{
	background-image:url(/design/normal/assets/patterns/bg_tex_dots.svg);
	background-color:#f2a635;
border:4px solid #edd9bc}

.headerInterfel .contentWrap .sub-categories .sub-list li:hover a span
{
background-color:#f09b1d}

.headerInterfel .contentWrap .sub-categories .sub-list li:active a span
{
background-color:#e58f0f}

.headerInterfel #review .starrating em
{
color:#edd9bc}

.headerInterfel #review form .starrating
{
	border:3px solid #edd9bc;
background-color:#f2a635}

.headerInterfel #review form .starrating:hover
{
box-shadow:inset 0 -2px 0 3px #d47d00,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

.headerInterfel #review input[type=text],.headerInterfel #review textarea
{
	background-color:#f2a635;
border:3px solid #edd9bc}

.headerInterfel #review input[type=text]::-webkit-input-placeholder,.headerInterfel #review textarea::-webkit-input-placeholder
{
color:#edd9bc}

.headerInterfel #review input[type=text]:-moz-placeholder,.headerInterfel #review input[type=text]::-moz-placeholder,.headerInterfel #review textarea:-moz-placeholder,.headerInterfel #review textarea::-moz-placeholder
{
color:#edd9bc}

.headerInterfel #review input[type=text]:-ms-input-placeholder,.headerInterfel #review textarea:-ms-input-placeholder
{
color:#edd9bc}

.headerInterfel .contentWrap .content-container .contentType-page
{
box-shadow:none}

.headerInterfel .contentWrap .content-container .contentType-page #mobile-buttons>img
{
	min-height:0;
height:auto}

.headerInterfel .contentWrap .content-container .contentType-page #mobile-buttons>a
{
text-align:center}

.headerInterfel .contentWrap .content-container .contentCategory-desc,.headerInterfel .contentWrap .content-container .contentType-text
{
	color:#3b2300;
text-shadow:0 0 0 transparent}

.headerInterfel .contentWrap .content-container .contentCategory-desc p,.headerInterfel .contentWrap .content-container .contentType-text p
{
text-shadow:0 0 0 transparent}

.headerInterfel .contentWrap .content-container .contentCategory-desc a,.headerInterfel .contentWrap .content-container .contentType-text a,.headerInterfel .contentWrap .content-container .taglist a
{
color:#228ad1}

.contentInterfel .clicky-clicky
{
	background-color:#b04059;
box-shadow:inset 0 -2px 0 3px #8d253c,0 5px 5px rgba(3,25,41,.17),0 2px 5px rgba(0,0,0,.4)}

.contentInterfel .clicky-clicky:after
{
background-color:#b04059}

.contentInterfel .clicky-clicky:hover
{
background-color:#bd7b8a}

.contentInterfel .clicky-clicky:active
{
	background-color:#8d253c;
box-shadow:inset 0 -2px 0 3px #b04059,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.contentInterfel #top-wrap
{
	width:100%;
background-color:#fc9a99}

.contentInterfel #top-spotlight
{
	background-color:#fc9a99;
background-image:url(/design/normal/assets/patterns/bg_tex_stripes.svg)}

.contentInterfel #top-spotlight .spotlight-wrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_stripes.svg);
background-color:#bd7b8a}

.contentInterfel #top-spotlight .spotlight-wrap .spotlight-context
{
background-color:#b04059}

.contentInterfel #top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header
{
background-color:#8d253c}

.contentInterfel .contentWrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_stripes.svg);
background-color:#b04059}

.contentInterfel .contentWrap .txt-container h2
{
color:#8d253c}

.contentInterfel .contentWrap .txt-container .moreButton
{
background-color:#8d253c}

.contentInterfel .contentWrap .txt-container .moreButton:hover
{
background-color:#b04059}

.contentInterfel .contentWrap .txt-container .moreButton:active
{
background-color:#bd7b8a}

.contentInterfel .contentWrap .listwrap .elementWrap a span
{
	color:#8d253c;
background-color:#debdc5}

.contentInterfel .contentWrap .tertiary-content .xs-element .element-title
{
background-color:transparent}

.contentInterfel .contentWrap .tertiary-content .xs-element .element-title i
{
background-color:#b04059}

.contentInterfel .contentWrap .content-container .contentTitle
{
color:#8d253c}

.contentInterfel .contentWrap .content-container .contentType-page .contentType-suggestions a,.contentInterfel .contentWrap .content-container .contentType-page .contentType-suggestions a:before
{
background-color:#b04059}

.contentInterfel .contentWrap .content-container .contentType-text ol li a,.contentInterfel .contentWrap .content-container .contentType-text p a,.contentInterfel .contentWrap .content-container .contentType-text ul li a,.contentInterfel .contentWrap .content-container .taglist a
{
color:#8d253c}

.contentInterfel .contentWrap .content-container .videoList a span
{
	background-color:#debdc5;
color:#b04059}

.contentInterfel .contentWrap .content-container #HKcarousel ul li h2
{
	background-color:#debdc5;
color:#8d253c}

.contentInterfel .contentWrap .content-container #HKcarousel .pn
{
background-color:#8d253c}

.contentInterfel .contentWrap .content-container .content-suggestions .contentType-suggestions a
{
color:#b04059}

.contentInterfel .contentWrap .content-container .content-suggestions .contentType-suggestions a:after
{
background-color:#b04059}

.contentInterfel .contentWrap .content-container #JDSfe .visu .wallpaper-text
{
	background-color:#debdc5;
color:#b04059}

.contentInterfel .contentWrap .content-container #JDSfe .visu .wallpaper-text a
{
color:#8d253c}

.contentInterfel .contentWrap .sub-categories .sub-list .mascotte
{
background-image:url(/design/normal/assets/category-mascotte/category-mascotte-drawing.png)}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.contentInterfel .contentWrap .sub-categories .sub-list .mascotte
	{
	background-image:url(/design/normal/assets/category-mascotte/category-mascotte-drawing@2x.png)}
}

.contentInterfel .contentWrap .sub-categories .sub-list li a img
{
border:4px solid #debdc5}

.contentInterfel .contentWrap .sub-categories .sub-list li a span
{
	background-image:url(/design/normal/assets/patterns/bg_tex_stripes.svg);
	background-color:#b04059;
border:4px solid #debdc5}

.contentInterfel .contentWrap .sub-categories .sub-list li:hover a span
{
background-color:#9d3950}

.contentInterfel .contentWrap .sub-categories .sub-list li:active a span
{
background-color:#8b3246}

.contentInterfel #review .starrating em
{
color:#debdc5}

.contentInterfel #review form .starrating
{
	border:3px solid #debdc5;
background-color:#b04059}

.contentInterfel #review form .starrating:hover
{
box-shadow:inset 0 -2px 0 3px #8d253c,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

.contentInterfel #review input[type=text],.contentInterfel #review textarea
{
	background-color:#b04059;
border:3px solid #debdc5}

.contentInterfel #review input[type=text]::-webkit-input-placeholder,.contentInterfel #review textarea::-webkit-input-placeholder
{
color:#debdc5}

.contentInterfel #review input[type=text]:-moz-placeholder,.contentInterfel #review input[type=text]::-moz-placeholder,.contentInterfel #review textarea:-moz-placeholder,.contentInterfel #review textarea::-moz-placeholder
{
color:#debdc5}

.contentInterfel #review input[type=text]:-ms-input-placeholder,.contentInterfel #review textarea:-ms-input-placeholder
{
color:#debdc5}

.contentInterfel .contentWrap .content-block .content-container .contentType-page .frostedOverlay,.contentInterfel .contentWrap .content-block .content-container .contentType-page .frostedOverlay .frostedbg
{
height:100px}

.contentInterfel .contentWrap .content-block .content-container .contentType-page .contentType-buttonswrap .contentType-buttons #colo
{
display:none}

.craftingPage .clicky-clicky
{
	background-color:#b5b632;
box-shadow:inset 0 -2px 0 3px #909124,0 5px 5px rgba(3,25,41,.17),0 2px 5px rgba(0,0,0,.4)}

.craftingPage .clicky-clicky:after
{
background-color:#b5b632}

.craftingPage .clicky-clicky:hover
{
background-color:#c5c577}

.craftingPage .clicky-clicky:active
{
	background-color:#909124;
box-shadow:inset 0 -2px 0 3px #b5b632,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.craftingPage #top-wrap
{
	width:100%;
background-color:#d0e947}

.craftingPage #top-spotlight
{
	background-color:#d0e947;
background-image:url(/design/normal/assets/patterns/bg_tex_splatters.svg)}

.craftingPage #top-spotlight .spotlight-wrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_splatters.svg);
background-color:#c5c577}

.craftingPage #top-spotlight .spotlight-wrap .spotlight-context
{
background-color:#b5b632}

.craftingPage #top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header
{
background-color:#909124}

.craftingPage .contentWrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_splatters.svg);
background-color:#b5b632}

.craftingPage .contentWrap .txt-container h2
{
color:#909124}

.craftingPage .contentWrap .txt-container .moreButton
{
background-color:#909124}

.craftingPage .contentWrap .txt-container .moreButton:hover
{
background-color:#b5b632}

.craftingPage .contentWrap .txt-container .moreButton:active
{
background-color:#c5c577}

.craftingPage .contentWrap .listwrap .elementWrap a span
{
	color:#909124;
background-color:#e0e0ba}

.craftingPage .contentWrap .tertiary-content .xs-element .element-title
{
background-color:transparent}

.craftingPage .contentWrap .tertiary-content .xs-element .element-title i
{
background-color:#b5b632}

.craftingPage .contentWrap .content-container .contentTitle
{
color:#909124}

.craftingPage .contentWrap .content-container .contentType-page .contentType-suggestions a,.craftingPage .contentWrap .content-container .contentType-page .contentType-suggestions a:before
{
background-color:#b5b632}

.craftingPage .contentWrap .content-container .contentType-text ol li a,.craftingPage .contentWrap .content-container .contentType-text p a,.craftingPage .contentWrap .content-container .contentType-text ul li a,.craftingPage .contentWrap .content-container .taglist a
{
color:#909124}

.craftingPage .contentWrap .content-container .videoList a span
{
	background-color:#e0e0ba;
color:#b5b632}

.craftingPage .contentWrap .content-container #HKcarousel ul li h2
{
	background-color:#e0e0ba;
color:#909124}

.craftingPage .contentWrap .content-container #HKcarousel .pn
{
background-color:#909124}

.craftingPage .contentWrap .content-container .content-suggestions .contentType-suggestions a
{
color:#b5b632}

.craftingPage .contentWrap .content-container .content-suggestions .contentType-suggestions a:after
{
background-color:#b5b632}

.craftingPage .contentWrap .content-container #JDSfe .visu .wallpaper-text
{
	background-color:#e0e0ba;
color:#b5b632}

.craftingPage .contentWrap .content-container #JDSfe .visu .wallpaper-text a
{
color:#909124}

.craftingPage .contentWrap .sub-categories .sub-list .mascotte
{
background-image:url(/design/normal/assets/category-mascotte/category-mascotte-crafts.png)}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.craftingPage .contentWrap .sub-categories .sub-list .mascotte
	{
	background-image:url(/design/normal/assets/category-mascotte/category-mascotte-crafts@2x.png)}
}

.craftingPage .contentWrap .sub-categories .sub-list li a img
{
border:4px solid #e0e0ba}

.craftingPage .contentWrap .sub-categories .sub-list li a span
{
	background-image:url(/design/normal/assets/patterns/bg_tex_splatters.svg);
	background-color:#b5b632;
border:4px solid #e0e0ba}

.craftingPage .contentWrap .sub-categories .sub-list li:hover a span
{
background-color:#a1a22d}

.craftingPage .contentWrap .sub-categories .sub-list li:active a span
{
background-color:#8d8e27}

.craftingPage #review .starrating em
{
color:#e0e0ba}

.craftingPage #review form .starrating
{
	border:3px solid #e0e0ba;
background-color:#b5b632}

.craftingPage #review form .starrating:hover
{
box-shadow:inset 0 -2px 0 3px #909124,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

.craftingPage #review input[type=text],.craftingPage #review textarea
{
	background-color:#b5b632;
border:3px solid #e0e0ba}

.craftingPage #review input[type=text]::-webkit-input-placeholder,.craftingPage #review textarea::-webkit-input-placeholder
{
color:#e0e0ba}

.craftingPage #review input[type=text]:-moz-placeholder,.craftingPage #review input[type=text]::-moz-placeholder,.craftingPage #review textarea:-moz-placeholder,.craftingPage #review textarea::-moz-placeholder
{
color:#e0e0ba}

.craftingPage #review input[type=text]:-ms-input-placeholder,.craftingPage #review textarea:-ms-input-placeholder
{
color:#e0e0ba}

.videoPage .clicky-clicky
{
	background-color:#2d8dcf;
box-shadow:inset 0 -2px 0 3px #1b6aa0,0 5px 5px rgba(3,25,41,.17),0 2px 5px rgba(0,0,0,.4)}

.videoPage .clicky-clicky:after
{
background-color:#2d8dcf}

.videoPage .clicky-clicky:hover
{
background-color:#74add5}

.videoPage .clicky-clicky:active
{
	background-color:#1b6aa0;
box-shadow:inset 0 -2px 0 3px #2d8dcf,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.videoPage #top-wrap
{
	width:100%;
background-color:#75e2e7}

.videoPage #top-spotlight
{
background-color:#75e2e7}

.videoPage #top-spotlight,.videoPage #top-spotlight .spotlight-wrap
{
background-image:url(/design/normal/assets/patterns/bg_tex_squares.svg)}

.videoPage #top-spotlight .spotlight-wrap
{
background-color:#74add5}

.videoPage #top-spotlight .spotlight-wrap .spotlight-context
{
background-color:#2d8dcf}

.videoPage #top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header
{
background-color:#1b6aa0}

.videoPage .contentWrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_squares.svg);
background-color:#2d8dcf}

.videoPage .contentWrap .txt-container h2
{
color:#1b6aa0}

.videoPage .contentWrap .txt-container .moreButton
{
background-color:#1b6aa0}

.videoPage .contentWrap .txt-container .moreButton:hover
{
background-color:#2d8dcf}

.videoPage .contentWrap .txt-container .moreButton:active
{
background-color:#74add5}

.videoPage .contentWrap .listwrap .elementWrap a span
{
	color:#1b6aa0;
background-color:#b9d5e8}

.videoPage .contentWrap .tertiary-content .xs-element .element-title
{
background-color:transparent}

.videoPage .contentWrap .tertiary-content .xs-element .element-title i
{
background-color:#2d8dcf}

.videoPage .contentWrap .content-container .contentTitle
{
color:#1b6aa0}

.videoPage .contentWrap .content-container .contentType-page .contentType-suggestions a,.videoPage .contentWrap .content-container .contentType-page .contentType-suggestions a:before
{
background-color:#2d8dcf}

.videoPage .contentWrap .content-container .contentType-text ol li a,.videoPage .contentWrap .content-container .contentType-text p a,.videoPage .contentWrap .content-container .contentType-text ul li a,.videoPage .contentWrap .content-container .taglist a
{
color:#1b6aa0}

.videoPage .contentWrap .content-container .videoList a span
{
	background-color:#b9d5e8;
color:#2d8dcf}

.videoPage .contentWrap .content-container #HKcarousel ul li h2
{
	background-color:#b9d5e8;
color:#1b6aa0}

.videoPage .contentWrap .content-container #HKcarousel .pn
{
background-color:#1b6aa0}

.videoPage .contentWrap .content-container .content-suggestions .contentType-suggestions a
{
color:#2d8dcf}

.videoPage .contentWrap .content-container .content-suggestions .contentType-suggestions a:after
{
background-color:#2d8dcf}

.videoPage .contentWrap .content-container #JDSfe .visu .wallpaper-text
{
	background-color:#b9d5e8;
color:#2d8dcf}

.videoPage .contentWrap .content-container #JDSfe .visu .wallpaper-text a
{
color:#1b6aa0}

.videoPage .contentWrap .sub-categories .sub-list .mascotte
{
background-image:url(/design/normal/assets/category-mascotte/category-mascotte-video.png)}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.videoPage .contentWrap .sub-categories .sub-list .mascotte
	{
	background-image:url(/design/normal/assets/category-mascotte/category-mascotte-video@2x.png)}
}

.videoPage .contentWrap .sub-categories .sub-list li a img
{
border:4px solid #b9d5e8}

.videoPage .contentWrap .sub-categories .sub-list li a span
{
	background-image:url(/design/normal/assets/patterns/bg_tex_squares.svg);
	background-color:#2d8dcf;
border:4px solid #b9d5e8}

.videoPage .contentWrap .sub-categories .sub-list li:hover a span
{
background-color:#287fba}

.videoPage .contentWrap .sub-categories .sub-list li:active a span
{
background-color:#2470a5}

.videoPage #review .starrating em
{
color:#b9d5e8}

.videoPage #review form .starrating
{
	border:3px solid #b9d5e8;
background-color:#2d8dcf}

.videoPage #review form .starrating:hover
{
box-shadow:inset 0 -2px 0 3px #1b6aa0,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

.videoPage #review input[type=text],.videoPage #review textarea
{
	background-color:#2d8dcf;
border:3px solid #b9d5e8}

.videoPage #review input[type=text]::-webkit-input-placeholder,.videoPage #review textarea::-webkit-input-placeholder
{
color:#b9d5e8}

.videoPage #review input[type=text]:-moz-placeholder,.videoPage #review input[type=text]::-moz-placeholder,.videoPage #review textarea:-moz-placeholder,.videoPage #review textarea::-moz-placeholder
{
color:#b9d5e8}

.videoPage #review input[type=text]:-ms-input-placeholder,.videoPage #review textarea:-ms-input-placeholder
{
color:#b9d5e8}

.videoPage .contentWrap .content-container #myJDSvideo2-mobile-buttons>img,.videoPage .contentWrap .content-container #myJDSvideo-mobile-buttons>img
{
	min-height:0;
	height:auto;
	width:220px;
	margin:0 auto;
display:block}

.videoPage .contentWrap .content-container #myJDSvideo2-mobile-buttons>a,.videoPage .contentWrap .content-container #myJDSvideo-mobile-buttons>a
{
text-align:center}

.videoPage .contentWrap .content-container #myJDSvideo2-mobile-buttons>a i,.videoPage .contentWrap .content-container #myJDSvideo-mobile-buttons>a i
{
margin-left:10px}

.gamesPage .clicky-clicky
{
	background-color:#6d5d95;
box-shadow:inset 0 -2px 0 3px #503f7a,0 5px 5px rgba(3,25,41,.17),0 2px 5px rgba(0,0,0,.4)}

.gamesPage .clicky-clicky:after
{
background-color:#6d5d95}

.gamesPage .clicky-clicky:hover
{
background-color:#9388af}

.gamesPage .clicky-clicky:active
{
	background-color:#503f7a;
box-shadow:inset 0 -2px 0 3px #6d5d95,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.gamesPage #top-wrap
{
	width:100%;
background-color:#c194ef}

.gamesPage #top-spotlight
{
background-color:#c194ef}

.gamesPage #top-spotlight,.gamesPage #top-spotlight .spotlight-wrap
{
background-image:url(/design/normal/assets/patterns/bg_tex_maze.svg)}

.gamesPage #top-spotlight .spotlight-wrap
{
background-color:#9388af}

.gamesPage #top-spotlight .spotlight-wrap .spotlight-context
{
background-color:#6d5d95}

.gamesPage #top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header
{
background-color:#503f7a}

.gamesPage .contentWrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_maze.svg);
background-color:#6d5d95}

.gamesPage .contentWrap .txt-container h2
{
color:#503f7a}

.gamesPage .contentWrap .txt-container .moreButton
{
background-color:#503f7a}

.gamesPage .contentWrap .txt-container .moreButton:hover
{
background-color:#6d5d95}

.gamesPage .contentWrap .txt-container .moreButton:active
{
background-color:#9388af}

.gamesPage .contentWrap .listwrap .elementWrap a span
{
	color:#503f7a;
background-color:#c7c2d4}

.gamesPage .contentWrap .tertiary-content .xs-element .element-title
{
background-color:transparent}

.gamesPage .contentWrap .tertiary-content .xs-element .element-title i
{
background-color:#6d5d95}

.gamesPage .contentWrap .content-container .contentTitle
{
color:#503f7a}

.gamesPage .contentWrap .content-container .contentType-page .contentType-suggestions a,.gamesPage .contentWrap .content-container .contentType-page .contentType-suggestions a:before
{
background-color:#6d5d95}

.gamesPage .contentWrap .content-container .contentType-text ol li a,.gamesPage .contentWrap .content-container .contentType-text p a,.gamesPage .contentWrap .content-container .contentType-text ul li a,.gamesPage .contentWrap .content-container .taglist a
{
color:#503f7a}

.gamesPage .contentWrap .content-container .videoList a span
{
	background-color:#c7c2d4;
color:#6d5d95}

.gamesPage .contentWrap .content-container #HKcarousel ul li h2
{
	background-color:#c7c2d4;
color:#503f7a}

.gamesPage .contentWrap .content-container #HKcarousel .pn
{
background-color:#503f7a}

.gamesPage .contentWrap .content-container .content-suggestions .contentType-suggestions a
{
color:#6d5d95}

.gamesPage .contentWrap .content-container .content-suggestions .contentType-suggestions a:after
{
background-color:#6d5d95}

.gamesPage .contentWrap .content-container #JDSfe .visu .wallpaper-text
{
	background-color:#c7c2d4;
color:#6d5d95}

.gamesPage .contentWrap .content-container #JDSfe .visu .wallpaper-text a
{
color:#503f7a}

.gamesPage .contentWrap .sub-categories .sub-list .mascotte
{
background-image:url(/design/normal/assets/category-mascotte/category-mascotte-gaming.png)}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.gamesPage .contentWrap .sub-categories .sub-list .mascotte
	{
	background-image:url(/design/normal/assets/category-mascotte/category-mascotte-gaming@2x.png)}
}

.gamesPage .contentWrap .sub-categories .sub-list li a img
{
border:4px solid #c7c2d4}

.gamesPage .contentWrap .sub-categories .sub-list li a span
{
	background-image:url(/design/normal/assets/patterns/bg_tex_maze.svg);
	background-color:#6d5d95;
border:4px solid #c7c2d4}

.gamesPage .contentWrap .sub-categories .sub-list li:hover a span
{
background-color:#625385}

.gamesPage .contentWrap .sub-categories .sub-list li:active a span
{
background-color:#564976}

.gamesPage #review .starrating em
{
color:#c7c2d4}

.gamesPage #review form .starrating
{
	border:3px solid #c7c2d4;
background-color:#6d5d95}

.gamesPage #review form .starrating:hover
{
box-shadow:inset 0 -2px 0 3px #503f7a,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

.gamesPage #review input[type=text],.gamesPage #review textarea
{
	background-color:#6d5d95;
border:3px solid #c7c2d4}

.gamesPage #review input[type=text]::-webkit-input-placeholder,.gamesPage #review textarea::-webkit-input-placeholder
{
color:#c7c2d4}

.gamesPage #review input[type=text]:-moz-placeholder,.gamesPage #review input[type=text]::-moz-placeholder,.gamesPage #review textarea:-moz-placeholder,.gamesPage #review textarea::-moz-placeholder
{
color:#c7c2d4}

.gamesPage #review input[type=text]:-ms-input-placeholder,.gamesPage #review textarea:-ms-input-placeholder
{
color:#c7c2d4}

.regulargame
{
	position:relative;
text-align:center}

.regulargame:before
{
	display:block;
	content:"";
	width:100%;
padding-top:56.25%}

.regulargame>.content
{
	position:absolute;
	top:0;
	left:0;
	right:0;
bottom:0}

.regulargame #game
{
	position:absolute;
	top:0;
	display:none;
	width:100%;
height:100%}

.regulargame #game div:first-of-type,.regulargame #game iframe:first-of-type
{
	width:100%!important;
height:100%!important}

.regulargame #boule-slot
{
	position:absolute;
	top:50%;
	left:50%;
	width:640px;
	height:360px;
	margin:auto;
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-color:#000;
box-shadow:0 2px 5px rgba(0,0,0,.4)}

.regulargame #boule-slot iframe
{
	position:absolute;
border:0}

.regulargame #yokiLogger
{
	box-shadow:0 2px 6px rgba(0,0,0,.3);
	padding:20px;
font-family:Arial,sans-serif}

.wordsearch
{
height:820px}

.puzzle
{
	width:100%;
height:auto}

.puzzle #closer
{
	position:fixed;
	z-index:999;
	background:#c00;
	top:20px;
	right:20px;
	font-size:3.5em;
	border-radius:100%;
	width:70px;
	height:70px;
	color:#fff;
	text-align:center;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
box-shadow:1px 1px 2px rgba(0,0,0,.5)}

.puzzle #closer i
{
	position:relative;
top:-5px}

.puzzle .w320 #closer
{
	transform:scale(.6);
	-webkit-transform:scale(.6);
	-moz-transform:scale(.6);
	-ms-transform:scale(.6);
	top:0;
right:0}

.puzzle #hk-mac
{
display:none}

.puzzle #jdsPzl
{
	position:relative;
padding:20px}

.puzzle #jdsPzl:after
{
	content:"";
	display:table;
clear:both}

.puzzle .inApp #jdsPzl
{
	max-width:650px;
margin:auto}

.puzzle #jdsPzl .titre
{
	display:block;
	font-family:Lobster;
	font-size:2em;
	font-weight:400;
	text-align:center;
padding-bottom:20px}

.puzzle #jdsPzl .menu
{
	position:relative;
	width:45%;
float:left}

.puzzle #jdsPzl .menu li
{
	position:relative;
	display:block;
	padding:5px;
	margin:5px auto;
	background:green;
	border-radius:5px;
	text-align:center;
	font-size:1.5em;
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
	border:2px solid rgba(0,0,0,.1);
	box-shadow:inset 0 20px 0 hsla(0,0%,100%,.3);
	cursor:pointer;
	color:#fff;
font-family:Lobster}

.puzzle .computer #jdsPzl .menu li:hover
{
	-ms-transform:scale(1.1);
	transform:scale(1.1);
-webkit-transform:scale(1.1)}

.puzzle #jdsPzl .menu li span
{
	display:block;
	font-size:.6em;
	text-shadow:none;
color:hsla(0,0%,100%,.7)}

.puzzle #jdsPzl .menu li.on:before
{
	content:"";
	display:block;
	position:absolute;
	top:15%;
	left:0;
	border:20px solid transparent;
border-left:20px solid hsla(0,0%,100%,.5)}

.puzzle #jdsPzl .menu li:first-child
{
	background:#7aba02;
width:60%}

.puzzle #jdsPzl .menu li:nth-child(2)
{
	background:#009a66;
width:70%}

.puzzle #jdsPzl .menu li:nth-child(3)
{
	background:#3566cd;
width:80%}

.puzzle #jdsPzl .menu li:nth-child(4)
{
	background:#ff6500;
width:90%}

.puzzle #jdsPzl .menu li:nth-child(5)
{
background:#cb0032}

.puzzle #jdsPzl .menu li.timer:after
{
	content:"";
	display:block;
	width:20px;
	height:20px;
	background:url(/templates/jeux/design/timer.png);
	position:absolute;
	right:3px;
top:10px}

.puzzle #jdsPzl .preview
{
	position:relative;
	width:48%;
	float:right;
	background:#fff;
	border-radius:5px;
	padding:1%;
	text-align:center;
color:#fff}

.puzzle #jdsPzl .preview img
{
	width:100%;
	position:relative;
z-index:1}

.puzzle #jdsPzl .preview .grid
{
	position:absolute;
	width:98%;
	height:98%;
	z-index:2;
overflow:hidden}

.puzzle #jdsPzl .grid hr
{
	background:none!important;
position:absolute}

.puzzle #jdsPzl .grid hr.h
{
	border-top:2px solid hsla(0,0%,100%,.3);
	height:0;
	width:98%;
box-shadow:0 2px 2px rgba(0,0,0,.5)}

.puzzle #jdsPzl .grid hr.v
{
	border-left:2px solid hsla(0,0%,100%,.3);
	height:98%;
	width:0;
box-shadow:2px 0 2px rgba(0,0,0,.5)}

.puzzle #jdsPzl .preview .play
{
	display:block;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:10%;
	left:25%;
	width:50%;
	z-index:3;
	background:#7aba02;
	border-radius:5px;
	padding:10px 0;
	font-family:Lobster,sans-serif;
	font-size:2em;
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
box-shadow:inset 0 20px 0 hsla(0,0%,100%,.3)}

.puzzle .rules
{
	padding:10px;
	background:hsla(0,0%,100%,.1);
	border:1px solid hsla(0,0%,100%,.2);
border-radius:5px}

.puzzle .w320 #jdsPzl .menu
{
width:100%}

.puzzle .w320 #jdsPzl .preview
{
	position:relative;
	width:98%;
	right:inherit;
bottom:inherit}

.puzzle #mac #close
{
	-ms-transform-origin:top right;
	transform-origin:top right;
-webkit-transform-origin:top right}

.puzzle .w768 #mac #close
{
	-ms-transform:scale(.8);
	transform:scale(.8);
-webkit-transform:scale(.8)}

.puzzle .w480 #mac #close
{
	-ms-transform:scale(.6);
	transform:scale(.6);
-webkit-transform:scale(.6)}

.puzzle .w320 #mac #close
{
	-ms-transform:scale(.3);
	transform:scale(.3);
-webkit-transform:scale(.3)}

.slidingpuzzle
{
	width:100%;
height:auto}

.slidingpuzzle #puzzle
{
	width:100%;
	border-radius:4px;
	box-shadow:0 0 0 3px #fff,2px 2px 10px 4px rgba(0,0,0,.4);
background:#fff}

.slidingpuzzle .w320 #puzzle
{
box-shadow:none}

.slidingpuzzle #source-img
{
	position:absolute;
	top:-10000px;
max-width:inherit!important}

.slidingpuzzle #source-img.viewable
{
	top:0;
width:100%}

.slidingpuzzle #hk-game
{
	padding:20px;
	max-width:600px;
	margin:auto;
text-align:center}

.slidingpuzzle .w320 #hk-game
{
margin:10px auto}

.slidingpuzzle #game-bar
{
	position:relative;
margin-top:10px}

.slidingpuzzle #hk-coups:empty
{
display:none}

.slidingpuzzle #hk-coups
{
	float:right;
	background:#fff;
	border-radius:100%;
	min-width:18px;
	min-height:18px;
	padding:5px;
	color:#666;
	font-size:1.2em;
	text-align:center;
	font-weight:700;
box-shadow:1px 1px 3px rgba(0,0,0,.5)}

.slidingpuzzle .colored
{
	color:#666;
cursor:pointer}

.slidingpuzzle .fa-circle:before
{
text-shadow:1px 1px 3px rgba(0,0,0,.5)}

.slidingpuzzle #hk-game .select-level
{
	display:none;
	position:absolute;
	top:-6px;
	left:0;
	text-align:center;
	width:98%;
	background:#fff;
	padding:1%;
	height:30px;
	border-radius:3px;
line-height:2em}

.slidingpuzzle #hk-game .select-level i
{
	font-style:normal;
	display:inline-block;
	background:rgba(0,0,0,.6);
	padding:2px 4px;
	margin:0 1px;
	border-radius:3px;
cursor:pointer}

.slidingpuzzle #hk-game .select-level i:hover
{
background:rgba(0,0,0,.8)}

.slidingpuzzle .fa-stack:hover
{
	-ms-transform:scale(1.1);
transform:scale(1.1)}

.slidingpuzzle #hk-game.fs
{
	background:#000;
	text-align:center;
	margin:0 auto;
width:100%}

.slidingpuzzle .portrait #hk-game.fs
{
height:auto!important}

.slidingpuzzle .landscape #hk-game.fs #puzzle,.slidingpuzzle .landscape #hk-game.fs #source-img.viewable
{
	width:auto;
	height:100%;
	margin:auto;
display:block}

.slidingpuzzle #hk-game .compress
{
	display:none;
	z-index:10;
	position:fixed;
	top:10px;
right:10px}

.slidingpuzzle #hk-game.fs .compress
{
display:block}

.slidingpuzzle #hk-game.fs .expand
{
display:none}

.slidingpuzzle .fs #game-bar
{
	position:fixed;
	bottom:1%;
	left:1%;
	z-index:20;
	width:98%;
text-align:left}

.slidingpuzzle .fs #puzzle
{
box-shadow:none}

.quiz
{
	width:100%;
height:auto}

.quiz #rules .startMode
{
	clear:both;
	margin:20px 0;
position:relative}

.quiz #rules .startMode h2
{
	text-align:center;
	font-style:normal;
	padding:10px;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,.2);
	font-size:2em;
letter-spacing:-.05em}

.quiz .dark #rules .startMode h2
{
color:rgba(0,0,0,.5)}

.quiz #rules a.restart
{
	display:block;
	font-size:1em;
	text-align:center;
	line-height:1.8em;
	border-bottom:none;
padding-bottom:10px}

.quiz #rules a.restart em
{
	display:block;
	font-size:1.8em;
font-style:normal}

.quiz #preload
{
	width:1px;
	height:1px;
	position:fixed;
	top:-1px;
	right:-1px;
overflow:hidden}

.quiz #jdsQuizz #playable
{
	min-height:400px;
	position:relative;
padding-top:50px}

.quiz #jdsQuizz
{
	width:100%;
	position:relative;
font-family:Amaranth,sans}

.quiz #jdsQuizz.live
{
min-height:700px}

.quiz #gameInfo
{
	position:absolute;
	top:0;
	left:0;
width:100%}

.quiz #jdsQuizz #game
{
position:relative}

.quiz #jdsQuizz .bigTitle
{
	text-align:center;
	padding:100px;
	font-size:3em;
	height:100%;
text-transform:uppercase}

.quiz #jdsQuizz .bigTitle span
{
	font-size:2em;
	display:block;
	border:10px solid #fff;
	border-radius:55px;
	width:90px;
	height:90px;
	margin:10px auto;
line-height:1em}

.quiz #jdsQuizz .niveau
{
	background:hsla(0,0%,100%,.5);
	padding:3px 10px;
	color:rgba(0,0,0,.6);
	text-shadow:1px 1px 2px hsla(0,0%,100%,.3);
font-size:2.4em}

.quiz #myJauge
{
	position:absolute;
	top:10px;
right:10px}

.quiz #myJauge.highlight
{
	right:50px;
	transform:scale(2);
	-moz-transform:scale(2);
	-webkit-transform:scale(2);
	-o-transform:scale(2);
-ms-transform:scale(2)}

.quiz #jdsQuizz #prog
{
	list-style:none;
	display:table;
margin:10px auto}

.quiz #jdsQuizz #prog li
{
	display:block;
	width:10px;
	height:10px;
	float:left;
	background:transparent;
	border-radius:5px;
	border:1px solid hsla(0,0%,100%,.7);
margin:0 5px}

.quiz #jdsQuizz #prog li.on
{
background:hsla(0,0%,100%,.5)}

.quiz #game .question
{
margin-top:30px}

.quiz #game .question h2
{
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
	font-weight:400;
color:#ff0}

.quiz #game .question h2 span
{
	font-size:2.2em;
	display:block;
color:#fff}

.quiz #game .question h2.small span
{
	font-size:1.5em;
	display:block;
color:#fff}

.quiz #game .question.img span
{
	margin:10px auto;
	padding:10px;
	line-height:0;
	background:#fff;
	border-radius:5px;
	box-shadow:2px 2px 2px rgba(0,0,0,.5);
display:inline-block}

.quiz #game .question.img span img
{
max-width:100%}

.quiz #jdsQuizz .propals
{
	text-align:center;
	display:block;
	margin:20px auto;
	position:relative;
height:50px}

.quiz #jdsQuizz .propals a
{
	padding:5px;
	border-radius:5px;
	display:block;
	color:#333;
	font-size:2em;
	float:left;
	position:relative;
z-index:1}

.quiz #jdsQuizz .propals.txt
{
	display:block;
	margin:20px;
padding:0}

.quiz #jdsQuizz .propals.txt a
{
	width:100%;
margin:5px 0}

.quiz #jdsQuizz .propals.img a
{
	background:#fff;
	margin:1%;
padding:1%}

.quiz #jdsQuizz .propals.img
{
line-height:0}

.quiz #jdsQuizz .propals.img a img
{
width:100%}

.quiz .computer #jdsQuizz .propals.img a:hover
{
	-ms-transform:scale(1.1) rotate(-10deg);
	transform:scale(1.1) rotate(-10deg);
	-webkit-transform:scale(1.1) rotate(-10deg);
	z-index:2;
box-shadow:0 0 10px rgba(0,0,0,.3)}

.quiz #jdsQuizz .propals a.wrong
{
opacity:.5}

.quiz #jdsQuizz .propals.prop2.img
{
max-width:450px}

.quiz #jdsQuizz .propals.prop2.img a
{
width:46%}

.quiz #jdsQuizz .propals.prop3.img a
{
width:29%}

.quiz #jdsQuizz .propals.prop4.img
{
max-width:450px}

.quiz #jdsQuizz .propals.prop4.img a
{
width:46%}

.quiz #game #timer
{
	width:80%;
	margin:10px auto;
	height:15px;
	border-radius:3px;
	border:1px solid hsla(0,0%,100%,.4);
	position:relative;
background:hsla(0,0%,100%,.3)}

.quiz #game #timer:before
{
	background:url(/templates/jeux/design/chrono.png);
	content:"";
	display:block;
	width:42px;
	height:57px;
	position:absolute;
	top:-26px;
	left:-20px;
z-index:2}

.quiz #game #timer>div
{
	position:absolute;
	top:0;
	left:0;
	width:0;
	background:rgba(0,0,0,.4);
height:100%}

.quiz #verdict
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
z-index:1}

.quiz #verdict.nok
{
background:red}

.quiz #bigNOK
{
	display:block;
	position:absolute;
	width:250px;
	height:250px;
	background:url(/templates/jeux/design/quizz_ok_nok.png) -250px 0;
	overflow:hidden;
	top:10px;
	left:0;
z-index:10}

.quiz #game .success
{
	position:relative;
	margin:10px 0 0;
	padding:0 0 0 250px;
height:400px}

.quiz #game .success:before
{
	content:"";
	display:block;
	background:url(/templates/jeux/design/audrey-ok.png) no-repeat 0 0;
	width:290px;
	height:100%;
	position:absolute;
	left:0;
top:0}

.quiz #game .success.fail:before
{
background-position:100% 0}

.quiz #game .success>div
{
	font-size:2.5em;
	background:#fff;
	border-radius:20px;
	padding:20px;
	color:#333;
	position:absolute;
	top:50px;
	right:25px;
	width:300px;
	text-align:center;
max-width:40%}

.quiz #game .success>div:before
{
	content:"";
	display:block;
	position:absolute;
	bottom:30px;
	left:-25px;
	border:10px solid transparent;
	border-right:20px solid #fff;
	transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
-ms-transform:rotate(-20deg)}

.quiz #game .success .restart
{
	position:absolute;
	bottom:20px;
right:20px}

.quiz .copyright
{
	font-size:.7em;
	text-align:center;
	color:hsla(0,0%,100%,.7);
	text-shadow:1px 1px 0 rgba(0,0,0,.3);
margin:20px 0 0}

.quiz .w320 #game .success
{
	padding:0;
height:500px}

.quiz .w320 #game .success>div
{
	font-size:1.5em;
	border-radius:10px;
	padding:10px;
	position:relative;
	top:-50px;
	right:inherit;
	width:inherit;
max-width:inherit}

.quiz .w320 #game .success>div:before
{
	bottom:-24px;
	left:48%;
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
-webkit-transform:rotate(-90deg)}

.quiz .w320 #game .success .restart
{
	position:relative;
	bottom:inherit;
	right:inherit;
	text-align:center;
	margin-top:280px;
font-size:2em}

.quiz .w320 #game .question.img span
{
max-width:50%}

.memory
{
	width:100%;
height:auto}

.memory .flip-container
{
	perspective:440px;
	-webkit-perspective:440px;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	float:left;
	margin:0 2% 2% 0;
	position:relative;
	z-index:1;
	width:23%;
line-height:0}

.memory .flip-container.off
{
cursor:pointer}

.memory .flip-container:nth-child(4n+1)
{
clear:left}

.memory .flip-container img
{
width:100%!important}

.memory .row_6 .flip-container:nth-child(4n+1)
{
clear:none}

.memory .row_6 .flip-container:nth-child(6n+1)
{
clear:left}

.memory .row_6 .flip-container
{
	width:15.66%;
margin:0 1% 1% 0}

.memory .row_8 .flip-container:nth-child(4n+1)
{
clear:none}

.memory .row_8 .flip-container:nth-child(8n+1)
{
clear:left}

.memory .row_8 .flip-container
{
	width:11.5%;
margin:0 1% 1% 0}

.memory .flip-container.hover .flipper
{
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
z-index:2}

.memory .flip-container .back,.memory .flip-container .front
{
width:100%}

.memory .flipper
{
	transition:.7s;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	position:absolute;
	width:100%;
top:0}

.memory .flipper img
{
width:100%}

.memory .back,.memory .front
{
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	position:absolute;
	top:0;
left:0}

.memory .front
{
	z-index:2;
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
box-shadow:2px 2px 6px rgba(0,0,0,.5)}

.memory .back
{
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
box-shadow:10px 10px 20px rgba(0,0,0,.5)}

.memory .flip-container.hover .back
{
-ms-transform:rotateY(0deg)!important}

.memory .flip-container.hover .front
{
-ms-transform:rotateY(180deg)!important}

.memory .back,.memory .front
{
transition:.7s}

.memory .flip-container.yeah
{
	-ms-transform:rotate(721deg);
	transform:rotate(721deg);
-webkit-transform:rotate(721deg)}

.memory #contMemory
{
	height:auto!important;
	position:relative;
	padding:65px 0 0 20px;
display:none}

.memory #contMemory:after
{
	content:"";
	clear:both;
display:block}

.memory #contMemory #score
{
	display:block;
	font-size:1em;
	text-align:center;
	padding:0;
	position:absolute;
	top:20px;
	left:0;
width:100%}

.memory #contMemory #score em
{
	display:block;
	position:absolute;
	top:1em;
	right:0;
	font-size:.8em;
	text-align:right;
	line-height:.8em;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
	z-index:3;
opacity:.7}

.memory #contMemory #score em:before
{
	content:"COMBO x";
	font-size:.5em;
	position:relative;
top:-.4em}

.memory #contMemory #score .timer
{
	position:relative;
z-index:0}

.memory #contMemory #score .timer>div
{
	display:block;
	height:5px;
	width:98%;
	position:absolute;
	bottom:-10px;
	left:0;
	background:#ff0;
z-index:0}

.memory #contMemory #score .timer span:before
{
content:"BONUS TEMPS : "}

.memory #contMemory #score span
{
	text-align:left;
	font-size:.5em;
	position:absolute;
	top:-20px;
	left:0;
display:block}

.memory #contMemory #score strong
{
	position:relative;
	z-index:3;
text-shadow:1px 1px 1px rgba(0,0,0,.6)}

@keyframes b
{
	0%
	{
		opacity:0;
	transform:scale(.5) rotate(0deg)}

	50%
	{
		transform:scale(1) rotate(-10deg);
	opacity:1}

	to
	{
		transform:scale(.5) rotate(0deg);
	opacity:0}
}

.memory .MessageUPD
{
	position:absolute;
	z-index:100;
	font-weight:700;
	color:#fc0;
	font-size:6em;
	text-shadow:1px 1px 2px rgba(0,0,0,.8);
	width:1px;
height:1px}

.memory .MessageUPD span
{
	opacity:0;
	position:absolute;
	display:block;
	top:-.5em;
	left:-.5em;
	animation:b 1s 1;
-webkit-animation:b 1s 1}

.memory .MessageUPD.combo
{
color:#fff}

.memory #animIntro
{
	position:relative;
	width:100%;
	min-height:600px;
	padding:20px 0;
	border-radius:10px;
overflow:hidden}

.memory #animIntro img
{
	width:40%;
	position:absolute;
	border:5px solid #fff;
	box-shadow:2px 2px 5px rgba(0,0,0,.5);
opacity:0}

.memory #selectLevel
{
	position:absolute;
	width:100%;
	top:0;
text-align:center}

.memory #selectLevel h2
{
	font-size:1.5em;
color:#fff}

.memory #selectLevel>div
{
	width:50%;
	padding:20px;
	background:rgba(0,0,0,.7);
	border-radius:10px;
	margin:20px auto;
box-shadow:0 2px 5px rgba(0,0,0,.4)}

.memory #selectLevel>div a
{
	display:block;
font-size:1.6em}

.memory #endGame
{
	text-align:center;
	width:100%;
	font-size:2em;
	padding-bottom:2em;
	background:rgba(0,0,0,.4);
border-radius:10px}

.memory #endGame hr
{
margin:40px 0 20px}

.memory #endGame .button
{
	display:inline-block;
margin:1em}

.memory #endGame .button.replay
{
font-size:.7em}

.memory #endGame .ng
{
clear:both}

.memory #endGame .ng a
{
	display:inline-block;
	width:23%;
	margin:1%;
	position:relative;
	box-shadow:2px 2px 5px rgba(0,0,0,.5);
	cursor:pointer;
line-height:0}

.memory #endGame .ng a img
{
width:100%}

.memory #endGame .ng a span
{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	padding:1% 0;
	width:100%;
	background:rgba(0,0,0,.5);
	color:#fff;
	text-align:center;
	font-size:.6em;
line-height:1em}

.ombre #HKombre
{
	position:relative;
	margin:0 auto;
max-width:650px}

.ombre #HKombre.off:after
{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,.5);
z-index:50}

.ombre #HKombre h2
{
font-size:38px}

.ombre #HKombre .visu img
{
max-width:100%}

.ombre #HKombre .visu
{
	overflow:hidden;
border-radius:3px 3px 0 0}

.ombre #HKombre .propals
{
	border-radius:0 0 3px 3px;
background:#fff}

.ombre #HKombre .propals:after
{
	content:"";
	display:block;
	clear:both;
	height:.1px;
position:relative}

.ombre #HKombre .prop
{
	position:relative;
	width:25%;
	overflow:hidden;
	float:left;
z-index:1}

.ombre #HKombre .prop:hover
{
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
z-index:2}

.ombre #HKombre .prop:before
{
	content:"";
	display:block;
	background:#fff;
	position:absolute;
	top:0;
	right:0;
	width:19.512195122%;
	height:16.6666666667%;
z-index:3}

.ombre #HKombre .prop img
{
width:100%}

.ombre #HKombre .prop a
{
position:absolute}

.ombre #HKombre .prop1 a
{
	top:-244%;
left:0}

.ombre #HKombre .prop2 a
{
	top:-244%;
left:-100%}

.ombre #HKombre .prop3 a
{
	top:-244%;
left:-200%}

.ombre #HKombre .prop4 a
{
	top:-244%;
left:-300%}

.ombre #HKombre .prop5 a
{
	bottom:0;
left:0}

.ombre #HKombre .prop6 a
{
	bottom:0;
left:-100%}

.ombre #HKombre .prop7 a
{
	bottom:0;
left:-200%}

.ombre #HKombre .prop8 a
{
	bottom:0;
left:-300%}

.ombre .doNotFit #HKombre .prop:first-child
{
	position:absolute;
	top:0;
left:0}

.ombre .doNotFit #HKombre .prop:nth-child(2)
{
	position:absolute;
	top:29%;
left:0}

.ombre .doNotFit #HKombre .prop:nth-child(3)
{
	position:absolute;
	top:0;
right:0}

.ombre .doNotFit #HKombre .prop:nth-child(4)
{
	position:absolute;
	top:29%;
right:0}

.ombre .doNotFit #HKombre .prop:nth-child(5)
{
	position:absolute;
	top:58%;
left:0}

.ombre .doNotFit #HKombre .prop:nth-child(8)
{
	position:absolute;
	top:58%;
right:0}

.ombre .doNotFit #HKombre.p4 .prop:nth-child(2),.ombre .doNotFit #HKombre.p4 .prop:nth-child(4)
{
	top:inherit;
bottom:0}

.ombre .doNotFit #HKombre .prop
{
	float:none;
display:inline-block}

.ombre .doNotFit #HKombre .propals
{
text-align:center}

.ombre #HKombre .prop.fail:after,.ombre #HKombre .prop.win:after
{
	content:"";
	display:block;
	width:70%;
	height:70%;
	position:absolute;
	top:15%;
	left:15%;
	background:url(/templates/jeux/design/quizz_ok_nok.png) no-repeat;
	background-size:cover;
background-position:100% 0}

.ombre #HKombre .prop.win:after
{
background-position:0 0}

.ombre #jauge
{
	position:absolute;
	top:20px;
	right:20px;
	z-index:10;
	-ms-transform:scale(1.2);
transform:scale(1.2)}

.ombre #HKombre .dialog
{
	z-index:51;
	position:absolute;
	width:50%;
	top:10%;
	left:22.5%;
	padding:20px;
	background:rgba(0,0,0,.7);
	border-radius:10px;
	font-size:3em;
	display:none;
box-shadow:0 2px 5px rgba(0,0,0,.4)}

.ombre #HKombre .dialog h2
{
	color:#fff;
text-shadow:0 2px 5px rgba(0,0,0,.4)}

.ombre .w320 #HKombre .dialog,.ombre .w480 #HKombre .dialog
{
	width:80%;
	left:0;
	left:9%;
	padding:1%;
font-size:2em}

.ombre #HKombre .dialog>*
{
	display:block;
text-align:center}

.ombre #HKombre.fail #endMenu .win,.ombre #HKombre.win #endMenu .fail
{
display:none}

.ombre #HKombre.off #chooseLevel
{
	display:block;
	top:inherit;
top:35%}

.differences
{
	width:100%;
height:auto}

.differences #gameContainer
{
	position:relative;
margin:auto}

.differences #HKgame
{
padding:20px}

.differences #HKdiff
{
	position:relative;
	margin:auto;
	text-align:center;
	padding:1%;
	background:rgba(0,0,0,.25);
border-radius:5px}

.differences #HKdiff span
{
	position:absolute;
	z-index:2;
	display:block;
	width:24px;
	height:24px;
	background:url(/templates/jeux/differences/pointer.png);
	display:none;
top:-1000px}

.differences #HKdiff canvas
{
	max-width:99%;
	margin:3px;
	border-radius:3px;
box-shadow:0 0 3px rgba(0,0,0,.5)}

.differences #HKdiff canvas.sideBySide
{
	margin:0;
width:49%}

.differences .button.printMe
{
	margin:10px auto;
clear:both}

.differences #solution
{
	position:absolute;
	top:-12px;
	right:0;
	font-size:1.2em;
	padding-right:15px;
	z-index:0;
	display:none;
z-index:10}

.differences #solution:hover
{
	-ms-transform:scale(1.7);
transform:scale(1.7)}

.differences #printable
{
	position:absolute;
	top:-10000px;
left:-1000px}

.differences .ar #printable
{
	left:inherit;
right:0}

.differences #jauge
{
margin:10px auto}

.differences .etoiles
{
	position:absolute;
	width:40px;
	height:40px;
	background-image:url(/templates/jeux/design/etoiles.png);
	z-index:10;
display:none}

.differences #splashscreen
{
	width:100%;
	display:block;
	font-size:1em;
	background:url(/templates/jeux/differences/splashscreen.png) no-repeat 50%;
	background-size:contain;
	padding:5% 15%;
	max-width:50%;
	margin:10%;
	position:absolute;
	z-index:10;
	top:-20%;
	left:0;
	text-shadow:3px 3px 0 rgba(0,0,0,.6);
	max-height:40%;
color:#fff!important}

.differences .ar #splashscreen,.differences .es #splashscreen,.differences .pt #splashscreen
{
font-size:2em}

.differences #splashscreen em
{
	font-size:2em;
font-style:normal}

.differences .w320 #splashscreen
{
font-size:2.5em}

.jauge
{
	background:#666;
	height:15px;
	border:1px solid rgba(0,0,0,.5);
	box-shadow:-1px 1px 0 hsla(0,0%,100%,.3);
	border-radius:3px;
	position:relative;
overflow:hidden}

.jauge .grid
{
	width:100%;
	height:100%;
	background:url(https://static.yodicity.com/static/design/jauge_bg.png) 0 0 repeat-x;
	border-radius:3px;
	position:relative;
z-index:2}

.jauge .power
{
	height:15px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
width:0}

.jauge .power.good
{
background:#0c0}

.jauge .power.notice
{
background:#9c0}

.jauge .power.warning
{
background:#f60}

.jauge .power.danger
{
background:#c00}

.jauge.moving
{
box-shadow:0 0 10px #fff}

.jauge.heart
{
	background:url(/_scripts/modules/jauges/coeur_bg.png) 0 100% repeat-x;
	border:none;
	box-shadow:none;
border-radius:0}

.jauge.heart .grid
{
background:none}

.jauge.heart .power
{
background:url(/_scripts/modules/jauges/coeur_bg.png) 0 0 repeat-x}

.jauge.star
{
	background:url(/_scripts/modules/jauges/star_bg.png) 0 100% repeat-x;
	border:none;
	box-shadow:none;
	border-radius:0;
height:24px}

.jauge.star .grid
{
background:none}

.jauge.star .power
{
	background:url(/_scripts/modules/jauges/star_bg.png) 0 0 repeat-x;
height:24px}

.mycontent
{
padding:0!important}

.fiche_texte_jds #drapList li,.fiche_texte_jds #drapList ul
{
	list-style:none;
	margin:0;
padding:0}

#drapList
{
	width:100%;
	margin:auto;
overflow:hidden}

#drapList h2
{
	clear:both;
	background:hsla(0,0%,100%,.2);
	padding:10px;
	margin:5px 0 0;
	cursor:pointer;
	border-radius:5px 5px 0 5px;
	position:relative;
padding-left:30px}

#drapList h2:hover
{
background:rgba(0,0,0,.3)}

#drapList h2:before
{
	content:"";
	display:block;
	width:0;
	height:0;
	left:10px;
	top:15px;
	position:absolute;
	border:5px solid transparent;
border-left:9px solid #fff}

#drapList h2.on:before
{
	border:5px solid transparent;
border-top:9px solid #fff}

#drapList img
{
	max-width:250px;
	max-height:20%;
	border:none;
box-shadow:0 0 0 3px hsla(0,0%,100%,.5)}

#drapList ul
{
	display:none;
	margin-left:50px;
	background:hsla(0,0%,100%,.2);
border-radius:0 0 5px 5px}

#drapList ul:after
{
	content:"";
	display:block;
	width:100%;
	height:1px;
clear:both}

#drapList li
{
	width:45%;
	min-height:300px;
	float:left;
	text-align:center;
margin:2.5%!important}

#drapList li em,#drapList li span
{
	display:block;
font-size:1.5em}

#drapList li em
{
	font-size:.8em;
font-style:normal}

#geoGameFond
{
	display:block;
	width:100%;
	background:url(/templates/jeux/drapeau/fond_drapeaux.jpg) no-repeat;
	z-index:-1;
background-size:100%}

#geoGame,#geoScore
{
font-family:Patua One,Amaranth,sans}

#geoGame.playing
{
min-height:500px}

#geoGame:before
{
	content:"";
	display:block;
	position:absolute;
	z-index:-10;
	width:100%;
	height:100%;
	top:0;
	left:0;
transition:all .3s ease-in-out}

#geoGame.off:before
{
	z-index:5;
background:rgba(0,0,0,.6)}

#geoGame .start
{
	display:block;
	width:70%;
	font-size:3em;
	font-family:Amaranth;
	text-align:center;
	margin:auto;
	background:#6c0;
	border-radius:5px;
	padding:10px;
	text-shadow:2px 2px 1px rgba(0,0,0,.5);
box-shadow:2px 2px 10px rgba(0,0,0,.5),inset 0 10px 0 hsla(0,0%,100%,.4)}

#geoGame .start:hover,#inGameRestart
{
background:#c00}

#inGameRestart
{
	display:block;
	padding:5px 10px;
	text-align:center;
	width:35%;
	margin:10px auto;
	border-radius:3px;
text-shadow:1px 1px 1px rgba(0,0,0,.5)}

#geoGame .d
{
	text-align:center;
	position:relative;
margin-top:20px}

#geoGame .d img
{
	border:5px solid #fff;
	border-radius:5px;
	box-shadow:2px 2px 5px rgba(0,0,0,.5);
	width:70%;
max-height:300px}

#geoGame .d h2
{
	font-size:2em;
	text-shadow:1px 1px 1px hsla(0,0%,100%,.5);
	margin-top:20px;
color:#09283f}

#geoGame .d h2 img
{
width:70%}

#geoGame .d .pn
{
	display:block;
	position:absolute;
	top:110px;
color:transparent}

#geoGame .d .pn.prev
{
left:0}

#geoGame .d .pn.prev:before
{
border-right-color:#fff}

#geoGame .d .pn.prev:hover:before
{
border-right-color:#fc0}

#geoGame .d .pn.next
{
right:0}

#geoGame .d .pn.next:before
{
border-left-color:#fff}

#geoGame .d .pn.next:hover:before
{
border-left-color:#fc0}

#geoGame .d .pn:before
{
	content:"";
	display:block;
border:40px solid transparent}

#geoGame .d p:before
{
	content:"Capitale : ";
	font-size:.8em;
color:hsla(0,0%,100%,.7)}

#geoGame .showMe
{
	display:block;
	width:300px;
	margin:10px auto;
	background:rgba(0,0,0,.6);
	padding:5px 10px;
	font-size:1.5em;
	border-radius:5px;
text-shadow:1px 1px 1px rgba(0,0,0,.6)}

#geoGame .options
{
	border-radius:5px;
	background:hsla(0,0%,100%,.2);
	padding:10px;
	border:1px solid hsla(0,0%,100%,.6);
margin:20px}

#geoGame .options label
{
	display:block;
clear:both}

#geoGame .options:before
{
	content:"Options";
	display:block;
	font-size:2em;
	float:left;
width:200px}

#geoGame ul li
{
	float:left;
	width:45%;
	height:20px;
margin:2.5%}

#geoGame ul li a
{
	display:block;
	background:rgba(0,0,0,.6);
	font-size:1.6em;
	border-radius:3px;
padding:5px}

#geoGame ul li a:hover
{
background:rgba(0,0,0,.8)}

#geoGame ul li a.false
{
	text-decoration:line-through;
opacity:.5}

#geoScore
{
	padding:10px 0 35px;
	text-align:center;
	font-size:1.4em;
	margin:20px 0;
	background:rgba(0,0,0,.5);
	width:100%;
position:relative}

#geoScore ul
{
	position:absolute;
	display:table;
	width:100%;
	height:30px;
	background:rgba(0,0,0,.4);
	bottom:0;
left:0}

#geoScore li
{
	display:inline-block;
	background:transparent;
	border:1px solid hsla(0,0%,100%,.6);
	width:8px;
	height:8px;
	border-radius:4px;
margin:0 3px}

#geoScore li.on
{
	background:#fff;
	border:none;
	width:10px;
	height:10px;
border-radius:5px}

#geoScore .score
{
	position:absolute;
	right:10px;
	top:53px;
z-index:3}

#geoScore #jauge
{
	position:absolute;
	top:21px;
right:10px}

#geoScore #coeur
{
	position:absolute;
	background:url(/templates/jeux/design/coeur.png);
	right:100px;
	top:-2px;
	width:66px;
	height:55px;
display:block}

#gameVerdict
{
	position:absolute;
	z-index:11;
	width:100%;
height:100%}

#gameVerdict .verdict
{
	position:absolute;
	width:250px;
	height:250px;
	background:url(/templates/jeux/design/quizz_ok_nok.png);
overflow:hidden}

#gameVerdict .verdict.nok
{
background-position:-250px 0}

.bravo
{
	text-align:center;
	font-size:2.5em;
	font-family:Amaranth;
	text-shadow:2px 2px 2px rgba(0,0,0,.7);
min-height:500px}

.bravo>span
{
font-size:.5em}

.restart
{
	display:block;
	width:70%;
	margin:40px auto;
	background:rgba(0,0,0,.6);
	border-radius:5px;
	text-align:center;
padding:10px}

.restart:hover
{
	background:rgba(0,0,0,.8);
color:#fc0}

#geoGame.capitales .d img
{
max-height:200px}

#geoGame.capitales .d h2
{
	font-size:2em;
font-weight:400}

#geoGame.capitales .d h2 span
{
	display:block;
	font-size:1.4em;
font-weight:700}

#geoGame.capitales .d ul li a
{
color:#fff}

#geoGame.reverse .d h2 span
{
	display:block;
	font-size:1.6em;
	font-weight:700;
	color:#fff;
text-shadow:1px 1px 1px rgba(0,0,0,.6)}

#geoGame.reverse .d ul li
{
	height:180px;
position:relative}

#geoGame.reverse .d ul li img
{
	border:none;
	max-width:80%;
height:90%}

#geoGame.reverse .d ul li a
{
	height:100%;
	background:none;
color:#fff}

#geoGame.reverse .d ul li a:hover img
{
	box-shadow:0 0 10px #fff;
	height:100%;
max-width:90%}

.w320 #geoGame.reverse .d ul li
{
height:100px}

.w480 #geoGame.reverse .d ul li
{
height:130px}

.w320 #geoScore
{
text-align:left}

.w320 #geoScore h2,.w320 #geoScore ul li:first-child
{
margin-left:10px}

.w320 .fiche_texte_jds
{
padding:5px}

.w320 .capitales li,.w320 .flagAF li,.w320 .flagAM li,.w320 .flagAS li,.w320 .flagE li,.w320 .flagO li,.w320 .flagQCM li
{
	width:100%!important;
	float:none;
	height:auto!important;
margin:1% 0!important}

.w320 #drapList li
{
min-height:216px}

.w480 #drapList li
{
min-height:250px}

.w320 #geoGame .d .pn
{
top:45px}

.w320 #geoGame .d .pn.prev
{
left:-40px}

.w320 #geoGame .d .pn.next
{
right:-40px}

.w480 #geoGame .d .pn
{
top:70px}

.w480 #geoGame .d .pn.prev
{
left:-20px}

.w480 #geoGame .d .pn.next
{
right:-20px}

.readingPage .clicky-clicky
{
	background-color:#be638d;
box-shadow:inset 0 -2px 0 3px #9f3e6b,0 5px 5px rgba(3,25,41,.17),0 2px 5px rgba(0,0,0,.4)}

.readingPage .clicky-clicky:after
{
background-color:#be638d}

.readingPage .clicky-clicky:hover
{
background-color:#c98daa}

.readingPage .clicky-clicky:active
{
	background-color:#9f3e6b;
box-shadow:inset 0 -2px 0 3px #be638d,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.readingPage #top-wrap
{
	width:100%;
background-color:#fb94c1}

.readingPage #top-spotlight
{
background-color:#fb94c1}

.readingPage #top-spotlight,.readingPage #top-spotlight .spotlight-wrap
{
background-image:url(/design/normal/assets/patterns/bg_tex_diamonds.svg)}

.readingPage #top-spotlight .spotlight-wrap
{
background-color:#c98daa}

.readingPage #top-spotlight .spotlight-wrap .spotlight-context
{
background-color:#be638d}

.readingPage #top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header
{
background-color:#9f3e6b}

.readingPage .contentWrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_diamonds.svg);
background-color:#be638d}

.readingPage .contentWrap .txt-container h2
{
color:#9f3e6b}

.readingPage .contentWrap .txt-container .moreButton
{
background-color:#9f3e6b}

.readingPage .contentWrap .txt-container .moreButton:hover
{
background-color:#be638d}

.readingPage .contentWrap .txt-container .moreButton:active
{
background-color:#c98daa}

.readingPage .contentWrap .listwrap .elementWrap a span
{
	color:#9f3e6b;
background-color:#e3c6d3}

.readingPage .contentWrap .tertiary-content .xs-element .element-title
{
background-color:transparent}

.readingPage .contentWrap .tertiary-content .xs-element .element-title i
{
background-color:#be638d}

.readingPage .contentWrap .content-container .contentTitle
{
color:#9f3e6b}

.readingPage .contentWrap .content-container .contentType-page .contentType-suggestions a,.readingPage .contentWrap .content-container .contentType-page .contentType-suggestions a:before
{
background-color:#be638d}

.readingPage .contentWrap .content-container .contentType-text ol li a,.readingPage .contentWrap .content-container .contentType-text p a,.readingPage .contentWrap .content-container .contentType-text ul li a,.readingPage .contentWrap .content-container .taglist a
{
color:#9f3e6b}

.readingPage .contentWrap .content-container .videoList a span
{
	background-color:#e3c6d3;
color:#be638d}

.readingPage .contentWrap .content-container #HKcarousel ul li h2
{
	background-color:#e3c6d3;
color:#9f3e6b}

.readingPage .contentWrap .content-container #HKcarousel .pn
{
background-color:#9f3e6b}

.readingPage .contentWrap .content-container .content-suggestions .contentType-suggestions a
{
color:#be638d}

.readingPage .contentWrap .content-container .content-suggestions .contentType-suggestions a:after
{
background-color:#be638d}

.readingPage .contentWrap .content-container #JDSfe .visu .wallpaper-text
{
	background-color:#e3c6d3;
color:#be638d}

.readingPage .contentWrap .content-container #JDSfe .visu .wallpaper-text a
{
color:#9f3e6b}

.readingPage .contentWrap .sub-categories .sub-list .mascotte
{
background-image:url(/design/normal/assets/category-mascotte/category-mascotte-reading.png)}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.readingPage .contentWrap .sub-categories .sub-list .mascotte
	{
	background-image:url(/design/normal/assets/category-mascotte/category-mascotte-reading@2x.png)}
}

.readingPage .contentWrap .sub-categories .sub-list li a img
{
border:4px solid #e3c6d3}

.readingPage .contentWrap .sub-categories .sub-list li a span
{
	background-image:url(/design/normal/assets/patterns/bg_tex_diamonds.svg);
	background-color:#be638d;
border:4px solid #e3c6d3}

.readingPage .contentWrap .sub-categories .sub-list li:hover a span
{
background-color:#b75180}

.readingPage .contentWrap .sub-categories .sub-list li:active a span
{
background-color:#a84673}

.readingPage #review .starrating em
{
color:#e3c6d3}

.readingPage #review form .starrating
{
	border:3px solid #e3c6d3;
background-color:#be638d}

.readingPage #review form .starrating:hover
{
box-shadow:inset 0 -2px 0 3px #9f3e6b,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

.readingPage #review input[type=text],.readingPage #review textarea
{
	background-color:#be638d;
border:3px solid #e3c6d3}

.readingPage #review input[type=text]::-webkit-input-placeholder,.readingPage #review textarea::-webkit-input-placeholder
{
color:#e3c6d3}

.readingPage #review input[type=text]:-moz-placeholder,.readingPage #review input[type=text]::-moz-placeholder,.readingPage #review textarea:-moz-placeholder,.readingPage #review textarea::-moz-placeholder
{
color:#e3c6d3}

.readingPage #review input[type=text]:-ms-input-placeholder,.readingPage #review textarea:-ms-input-placeholder
{
color:#e3c6d3}

.pagino
{
	position:relative;
height:40px}

.pagino a
{
	position:absolute;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
	font-weight:700;
	display:block;
	text-decoration:none;
font-size:1.4em}

.pagino a:hover
{
text-decoration:underline}

.pagino .next
{
right:40px}

@media (max-width:737px)
{
	.pagino .next
	{
	right:15px}
}

.pagino .prev
{
left:40px}

@media (max-width:737px)
{
	.pagino .prev
	{
	left:15px}
}

.conte
{
	font-size:1.5em;
font-family:Goudy Bookletter\ 1911,arial,serif}

@media (max-width:737px)
{
	.conte
	{
	font-size:1em}
}

.conte:first-letter
{
	font-size:50px;
font-family:MedievalSharp,arial,serif}

@media (max-width:737px)
{
	.conte:first-letter
	{
	font-size:2em}
}

.page
{
	position:relative;
	background:#e6d4a6;
	box-shadow:inset 0 0 100px #8d704e,0 0 20px rgba(0,0,0,.3);
	padding:80px;
	color:#633;
	border:1px solid #e6d4a6;
	border-radius:1px;
text-shadow:0 0 0 transparent}

@media (max-width:737px)
{
	.page
	{
	padding:20px}
}

.page p
{
	margin:0 0 20px;
text-shadow:0 0 0 transparent}

.page img
{
	width:100%;
	height:auto;
margin:20px auto 40px}

.page:after,.page:before
{
	position:absolute;
	width:40%;
	height:10px;
	content:" ";
	left:5px;
	bottom:15px;
	background:transparent;
	-ms-transform:skew(-5deg) rotate(-5deg);
	transform:skew(-5deg) rotate(-5deg);
	box-shadow:0 6px 10px rgba(0,0,0,.5);
z-index:-1}

.page:after
{
	left:auto;
	right:5px;
	-ms-transform:skew(5deg) rotate(5deg);
transform:skew(5deg) rotate(5deg)}

.poem
{
	font-family:Parisienne,cursive;
	text-align:center;
font-size:2.3em}

@media (max-width:737px)
{
	.poem
	{
	font-size:1.5em}
}

.blague
{
	font-family:Amaranth,sans-serif;
	color:#000;
	text-shadow:0 0 0 transparent;
	padding:40px 80px;
min-height:600px}

@media (max-width:737px)
{
	.blague
	{
	padding:0}
}

.blague .replique
{
	position:relative;
margin-top:20px}

.blague .replique:after
{
	content:"";
	display:table;
clear:both}

.blague .replique:first-of-type
{
margin-top:0}

.blague .replique.left .avatar
{
	left:0;
margin-left:-250px}

.blague .replique.right .avatar
{
	right:0;
margin-right:-250px}

.blague .replique .avatar
{
	position:absolute;
top:-100px}

.blague .replique .avatar.age_1
{
top:-300px}

.blague .replique .avatar.age_2
{
top:-230px}

.blague .replique .avatar.age_3
{
top:-180px}

.blague .replique .avatar.age_4
{
top:-120px}

.blague .replique .avatar.age_5
{
top:-60px}

.blague .replique .bulle
{
	background:#fff;
	padding:40px;
	border-radius:10px;
	position:relative;
box-shadow:0 2px 5px rgba(0,0,0,.4)}

@media (max-width:737px)
{
	.blague .replique .bulle
	{
	padding:20px}
}

.blague .replique.left .bulle
{
	float:left;
	margin-left:100px;
margin-right:40px}

@media (max-width:737px)
{
	.blague .replique.left .bulle
	{
		margin-left:60px;
	margin-right:0}
}

.blague .replique.right .bulle
{
	float:right;
	margin-right:100px;
margin-left:40px}

@media (max-width:737px)
{
	.blague .replique.right .bulle
	{
		margin-right:60px;
	margin-left:0}
}

.blague .replique .bulle .arrow
{
	position:absolute;
	width:40px;
	height:40px;
	top:20px;
	background-image:url(/templates/blagues/arrow.png);
background-position:0 100%}

.blague .replique.left .bulle .arrow
{
left:-40px}

.blague .replique.right .bulle .arrow
{
	right:-40px;
background-position:0 0}

body.pagerecherche .content-block
{
	width:100%;
	margin:0 auto;
	position:relative;
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
	background-color:rgba(0,0,0,.05);
padding-bottom:40px}

body.pagerecherche .content-block .clicky-clicky
{
	background-color:#228ad1;
box-shadow:inset 0 -2px 0 3px #1d5dbf,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

body.pagerecherche .content-block .clicky-clicky:after
{
background-color:#228ad1}

body.pagerecherche .content-block .clicky-clicky:hover
{
background-color:#6bb4f0}

body.pagerecherche .content-block .clicky-clicky:active,body.pagerecherche .pagination .multipage .on .clicky-clicky
{
	background-color:#1d5dbf;
box-shadow:inset 0 -2px 0 3px #228ad1,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

body.pagerecherche .contentWrap
{
background-color:#228ad1}

body.pagerecherche .contentWrap .txt-container h1
{
color:#228ad1}

body.pagerecherche .contentWrap .txt-container span
{
background-color:#228ad1}

body.pagerecherche .contentWrap .listwrap .elementWrap a span
{
	color:#228ad1;
background-color:#c9e4f6}

body.pagerecherche .contentWrap .no-search-results
{
	color:#fff;
	text-align:center;
margin:60px auto 40px}

.tag-default .clicky-clicky
{
	background-color:#228ad1;
box-shadow:inset 0 -2px 0 3px #1d5dbf,0 5px 5px rgba(3,25,41,.17),0 2px 5px rgba(0,0,0,.4)}

.tag-default .clicky-clicky:after
{
background-color:#228ad1}

.tag-default .clicky-clicky:hover
{
background-color:#6bb4f0}

.tag-default .clicky-clicky:active
{
	background-color:#1d5dbf;
box-shadow:inset 0 -2px 0 3px #228ad1,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.tag-default #top-wrap
{
	width:100%;
background-color:#75e2e7}

.tag-default #top-spotlight
{
	background-color:#75e2e7;
background-image:url(/design/normal/v5/brushed-alum-dark.png)}

.tag-default #top-spotlight .spotlight-wrap
{
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
background-color:#6bb4f0}

.tag-default #top-spotlight .spotlight-wrap .spotlight-context
{
background-color:#228ad1}

.tag-default #top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header
{
background-color:#1d5dbf}

.tag-default .contentWrap
{
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
background-color:#228ad1}

.tag-default .contentWrap .txt-container h2
{
color:#1d5dbf}

.tag-default .contentWrap .txt-container .moreButton
{
background-color:#1d5dbf}

.tag-default .contentWrap .txt-container .moreButton:hover
{
background-color:#228ad1}

.tag-default .contentWrap .txt-container .moreButton:active
{
background-color:#6bb4f0}

.tag-default .contentWrap .listwrap .elementWrap a span
{
	color:#1d5dbf;
background-color:#b9d5e8}

.tag-default .contentWrap .tertiary-content .xs-element .element-title
{
background-color:transparent}

.tag-default .contentWrap .tertiary-content .xs-element .element-title i
{
background-color:#228ad1}

.tag-default .contentWrap .content-container .contentTitle
{
color:#1d5dbf}

.tag-default .contentWrap .content-container .contentType-page .contentType-suggestions a,.tag-default .contentWrap .content-container .contentType-page .contentType-suggestions a:before
{
background-color:#228ad1}

.tag-default .contentWrap .content-container .contentType-text ol li a,.tag-default .contentWrap .content-container .contentType-text p a,.tag-default .contentWrap .content-container .contentType-text ul li a,.tag-default .contentWrap .content-container .taglist a
{
color:#1d5dbf}

.tag-default .contentWrap .content-container .videoList a span
{
	background-color:#b9d5e8;
color:#228ad1}

.tag-default .contentWrap .content-container #HKcarousel ul li h2
{
	background-color:#b9d5e8;
color:#1d5dbf}

.tag-default .contentWrap .content-container #HKcarousel .pn
{
background-color:#1d5dbf}

.tag-default .contentWrap .content-container .content-suggestions .contentType-suggestions a
{
color:#228ad1}

.tag-default .contentWrap .content-container .content-suggestions .contentType-suggestions a:after
{
background-color:#228ad1}

.tag-default .contentWrap .content-container #JDSfe .visu .wallpaper-text
{
	background-color:#b9d5e8;
color:#228ad1}

.tag-default .contentWrap .content-container #JDSfe .visu .wallpaper-text a
{
color:#1d5dbf}

.tag-default .contentWrap .sub-categories .sub-list .mascotte
{
background-image:url(/design/normal/assets/louie.png)}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.tag-default .contentWrap .sub-categories .sub-list .mascotte
	{
	background-image:url(/design/normal/assets/louie@2x.png)}
}

.tag-default .contentWrap .sub-categories .sub-list li a img
{
border:4px solid #b9d5e8}

.tag-default .contentWrap .sub-categories .sub-list li a span
{
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
	background-color:#228ad1;
border:4px solid #b9d5e8}

.tag-default .contentWrap .sub-categories .sub-list li:hover a span
{
background-color:#1e7cbb}

.tag-default .contentWrap .sub-categories .sub-list li:active a span
{
background-color:#1b6da5}

.tag-default #review .starrating em
{
color:#b9d5e8}

.tag-default #review form .starrating
{
	border:3px solid #b9d5e8;
background-color:#228ad1}

.tag-default #review form .starrating:hover
{
box-shadow:inset 0 -2px 0 3px #1d5dbf,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

.tag-default #review input[type=text],.tag-default #review textarea
{
	background-color:#228ad1;
border:3px solid #b9d5e8}

.tag-default #review input[type=text]::-webkit-input-placeholder,.tag-default #review textarea::-webkit-input-placeholder
{
color:#b9d5e8}

.tag-default #review input[type=text]:-moz-placeholder,.tag-default #review input[type=text]::-moz-placeholder,.tag-default #review textarea:-moz-placeholder,.tag-default #review textarea::-moz-placeholder
{
color:#b9d5e8}

.tag-default #review input[type=text]:-ms-input-placeholder,.tag-default #review textarea:-ms-input-placeholder
{
color:#b9d5e8}

body.pagetag .content-block
{
	width:100%;
	margin:0 auto;
	position:relative;
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
	background-color:rgba(0,0,0,.05);
padding-bottom:40px}

body.pagetag .content-block.tag-filters
{
background-color:rgba(0,0,0,.1)}

body.pagetag .content-block.tag-description,body.pagetag .content-block.tag-filters
{
	width:100%;
	margin:0 auto;
	position:relative;
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
padding-bottom:0}

body.pagetag .content-block.tag-description
{
background-color:rgba(0,0,0,.15)}

body.pagetag .contentWrap .tag-description,body.pagetag .contentWrap .tag-filters
{
	color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,.2)}

body.pagetag .contentWrap .tag-description a,body.pagetag .contentWrap .tag-filters a
{
	color:rgba(0,0,0,.6);
	text-decoration:none;
text-shadow:0 0 0 transparent}

body.pagetag .contentWrap .tag-description a:hover,body.pagetag .contentWrap .tag-filters a:hover
{
text-decoration:underline}

body.pagetag .contentWrap .tag-description .category-content-wrap,body.pagetag .contentWrap .tag-filters .category-content-wrap
{
	padding:60px;
text-align:left}

@media (max-width:737px)
{
	body.pagetag .contentWrap .tag-description .category-content-wrap,body.pagetag .contentWrap .tag-filters .category-content-wrap
	{
	padding:20px}
}

body.pagetag .contentWrap .tag-description h2
{
text-shadow:0 1px 0 rgba(0,0,0,.2)}

body.pagetag .contentWrap .tag-description ul li
{
list-style:disc}

body.pagetag .contentWrap .tag-description .jdsLecteurVideo
{
	margin:20px 0;
background-color:#000}

body.pagetag .pagination .multipage .on .clicky-clicky
{
	background-color:#1d5dbf;
box-shadow:inset 0 -2px 0 3px #228ad1,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.specificPage .clicky-clicky
{
	background-color:#686868;
box-shadow:inset 0 -2px 0 3px #4c4c4c,0 5px 5px rgba(3,25,41,.17),0 2px 5px rgba(0,0,0,.4)}

.specificPage .clicky-clicky:after
{
background-color:#686868}

.specificPage .clicky-clicky:hover
{
background-color:#828282}

.specificPage .clicky-clicky:active
{
	background-color:#4c4c4c;
box-shadow:inset 0 -2px 0 3px #686868,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.specificPage #top-wrap
{
	width:100%;
background-color:#fee365}

.specificPage #top-spotlight
{
	background-color:#fee365;
background-image:url(/design/normal/assets/patterns/bg_tex_spots.svg)}

.specificPage #top-spotlight .spotlight-wrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_spots.svg);
background-color:#828282}

.specificPage #top-spotlight .spotlight-wrap .spotlight-context
{
background-color:#686868}

.specificPage #top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header
{
background-color:#4c4c4c}

.specificPage .contentWrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_spots.svg);
background-color:#686868}

.specificPage .contentWrap .txt-container h2
{
color:#4c4c4c}

.specificPage .contentWrap .txt-container .moreButton
{
background-color:#4c4c4c}

.specificPage .contentWrap .txt-container .moreButton:hover
{
background-color:#686868}

.specificPage .contentWrap .txt-container .moreButton:active
{
background-color:#828282}

.specificPage .contentWrap .listwrap .elementWrap a span
{
	color:#4c4c4c;
background-color:silver}

.specificPage .contentWrap .tertiary-content .xs-element .element-title
{
background-color:transparent}

.specificPage .contentWrap .tertiary-content .xs-element .element-title i
{
background-color:#686868}

.specificPage .contentWrap .content-container .contentTitle
{
color:#4c4c4c}

.specificPage .contentWrap .content-container .contentType-page .contentType-suggestions a,.specificPage .contentWrap .content-container .contentType-page .contentType-suggestions a:before
{
background-color:#686868}

.specificPage .contentWrap .content-container .contentType-text ol li a,.specificPage .contentWrap .content-container .contentType-text p a,.specificPage .contentWrap .content-container .contentType-text ul li a,.specificPage .contentWrap .content-container .taglist a
{
color:#4c4c4c}

.specificPage .contentWrap .content-container .videoList a span
{
	background-color:silver;
color:#686868}

.specificPage .contentWrap .content-container #HKcarousel ul li h2
{
	background-color:silver;
color:#4c4c4c}

.specificPage .contentWrap .content-container #HKcarousel .pn
{
background-color:#4c4c4c}

.specificPage .contentWrap .content-container .content-suggestions .contentType-suggestions a
{
color:#686868}

.specificPage .contentWrap .content-container .content-suggestions .contentType-suggestions a:after
{
background-color:#686868}

.specificPage .contentWrap .content-container #JDSfe .visu .wallpaper-text
{
	background-color:silver;
color:#686868}

.specificPage .contentWrap .content-container #JDSfe .visu .wallpaper-text a
{
color:#4c4c4c}

.specificPage .contentWrap .sub-categories .sub-list .mascotte
{
background-image:url(/design/normal/assets/louie.png)}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.specificPage .contentWrap .sub-categories .sub-list .mascotte
	{
	background-image:url(/design/normal/assets/louie@2x.png)}
}

.specificPage .contentWrap .sub-categories .sub-list li a img
{
border:4px solid silver}

.specificPage .contentWrap .sub-categories .sub-list li a span
{
	background-image:url(/design/normal/assets/patterns/bg_tex_spots.svg);
	background-color:#686868;
border:4px solid silver}

.specificPage .contentWrap .sub-categories .sub-list li:hover a span
{
background-color:#5b5b5b}

.specificPage .contentWrap .sub-categories .sub-list li:active a span
{
background-color:#4f4f4f}

.specificPage #review .starrating em
{
color:silver}

.specificPage #review form .starrating
{
	border:3px solid silver;
background-color:#686868}

.specificPage #review form .starrating:hover
{
box-shadow:inset 0 -2px 0 3px #4c4c4c,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

.specificPage #review input[type=text],.specificPage #review textarea
{
	background-color:#686868;
border:3px solid silver}

.specificPage #review input[type=text]::-webkit-input-placeholder,.specificPage #review textarea::-webkit-input-placeholder
{
color:silver}

.specificPage #review input[type=text]:-moz-placeholder,.specificPage #review input[type=text]::-moz-placeholder,.specificPage #review textarea:-moz-placeholder,.specificPage #review textarea::-moz-placeholder
{
color:silver}

.specificPage #review input[type=text]:-ms-input-placeholder,.specificPage #review textarea:-ms-input-placeholder
{
color:silver}

body.page404 .content-block
{
	width:100%;
	margin:0 auto;
	position:relative;
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
	background-color:rgba(0,0,0,.05);
padding-bottom:40px}

body.page404 .content-block .clicky-clicky
{
	background-color:#228ad1;
box-shadow:inset 0 -2px 0 3px #1d5dbf,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

body.page404 .content-block .clicky-clicky:after
{
background-color:#228ad1}

body.page404 .content-block .clicky-clicky:hover
{
background-color:#6bb4f0}

body.page404 .content-block .clicky-clicky:active
{
	background-color:#1d5dbf;
box-shadow:inset 0 -2px 0 3px #228ad1,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

body.page404 .content-block.medium-category
{
background-color:rgba(0,0,0,.2)}

body.page404 .contentWrap
{
background-color:#228ad1}

body.page404 .contentWrap .txt-container h1
{
color:#228ad1}

body.page404 .contentWrap .txt-container span
{
background-color:#228ad1}

body.page404 .contentWrap .listwrap .elementWrap a span
{
	color:#228ad1;
background-color:#c9e4f6}

body.page404 .contentWrap .no-search-results
{
	color:#fff;
	text-align:center;
margin:60px auto 40px}

body.page404 .contentWrap .content-404
{
	padding:0 40px;
	box-sizing:border-box;
	display:table;
overflow:hidden}

body.page404 .contentWrap .content-404 .message-404
{
	display:table-cell;
	width:100%;
	vertical-align:top;
	font-size:18px;
font-family:Luckiest Guy,Roboto,Verdana,sans-serif}

body.page404 .contentWrap .content-404 .message-404 .clicky-clicky
{
	display:inline-block;
	position:absolute;
	bottom:0;
margin:10px 0}

body.page404 .contentWrap .content-404 img
{
	display:table-cell;
	width:323px;
height:auto}

.concoursPage .clicky-clicky
{
	background-color:#228ad1;
box-shadow:inset 0 -2px 0 3px #1d5dbf,0 5px 5px rgba(3,25,41,.17),0 2px 5px rgba(0,0,0,.4)}

.concoursPage .clicky-clicky:after
{
background-color:#228ad1}

.concoursPage .clicky-clicky:hover
{
background-color:#6bb4f0}

.concoursPage .clicky-clicky:active
{
	background-color:#1d5dbf;
box-shadow:inset 0 -2px 0 3px #228ad1,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.concoursPage #top-wrap
{
	width:100%;
background-color:#75e2e7}

.concoursPage #top-spotlight
{
	background-color:#75e2e7;
background-image:url(/design/normal/assets/patterns/bg_tex_squares.svg)}

.concoursPage #top-spotlight .spotlight-wrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_squares.svg);
background-color:#6bb4f0}

.concoursPage #top-spotlight .spotlight-wrap .spotlight-context
{
background-color:#228ad1}

.concoursPage #top-spotlight .spotlight-wrap .spotlight-context .spotlight-context-header
{
background-color:#1d5dbf}

.concoursPage .contentWrap
{
	background-image:url(/design/normal/assets/patterns/bg_tex_squares.svg);
background-color:#228ad1}

.concoursPage .contentWrap .txt-container h2
{
color:#1d5dbf}

.concoursPage .contentWrap .txt-container .moreButton
{
background-color:#1d5dbf}

.concoursPage .contentWrap .txt-container .moreButton:hover
{
background-color:#228ad1}

.concoursPage .contentWrap .txt-container .moreButton:active
{
background-color:#6bb4f0}

.concoursPage .contentWrap .listwrap .elementWrap a span
{
	color:#1d5dbf;
background-color:#b9d5e8}

.concoursPage .contentWrap .tertiary-content .xs-element .element-title
{
background-color:transparent}

.concoursPage .contentWrap .tertiary-content .xs-element .element-title i
{
background-color:#228ad1}

.concoursPage .contentWrap .content-container .contentTitle
{
color:#1d5dbf}

.concoursPage .contentWrap .content-container .contentType-page .contentType-suggestions a,.concoursPage .contentWrap .content-container .contentType-page .contentType-suggestions a:before
{
background-color:#228ad1}

.concoursPage .contentWrap .content-container .contentType-text ol li a,.concoursPage .contentWrap .content-container .contentType-text p a,.concoursPage .contentWrap .content-container .contentType-text ul li a,.concoursPage .contentWrap .content-container .taglist a
{
color:#1d5dbf}

.concoursPage .contentWrap .content-container .videoList a span
{
	background-color:#b9d5e8;
color:#228ad1}

.concoursPage .contentWrap .content-container #HKcarousel ul li h2
{
	background-color:#b9d5e8;
color:#1d5dbf}

.concoursPage .contentWrap .content-container #HKcarousel .pn
{
background-color:#1d5dbf}

.concoursPage .contentWrap .content-container .content-suggestions .contentType-suggestions a
{
color:#228ad1}

.concoursPage .contentWrap .content-container .content-suggestions .contentType-suggestions a:after
{
background-color:#228ad1}

.concoursPage .contentWrap .content-container #JDSfe .visu .wallpaper-text
{
	background-color:#b9d5e8;
color:#228ad1}

.concoursPage .contentWrap .content-container #JDSfe .visu .wallpaper-text a
{
color:#1d5dbf}

.concoursPage .contentWrap .sub-categories .sub-list .mascotte
{
background-image:url(/design/normal/assets/louie.png)}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi)
{
	.concoursPage .contentWrap .sub-categories .sub-list .mascotte
	{
	background-image:url(/design/normal/assets/louie@2x.png)}
}

.concoursPage .contentWrap .sub-categories .sub-list li a img
{
border:4px solid #b9d5e8}

.concoursPage .contentWrap .sub-categories .sub-list li a span
{
	background-image:url(/design/normal/assets/patterns/bg_tex_squares.svg);
	background-color:#228ad1;
border:4px solid #b9d5e8}

.concoursPage .contentWrap .sub-categories .sub-list li:hover a span
{
background-color:#1e7cbb}

.concoursPage .contentWrap .sub-categories .sub-list li:active a span
{
background-color:#1b6da5}

.concoursPage #review .starrating em
{
color:#b9d5e8}

.concoursPage #review form .starrating
{
	border:3px solid #b9d5e8;
background-color:#228ad1}

.concoursPage #review form .starrating:hover
{
box-shadow:inset 0 -2px 0 3px #1d5dbf,0 5px 5px rgba(3,25,41,.17),inset 0 10px hsla(0,0%,100%,.25),0 2px 5px rgba(0,0,0,.4)}

.concoursPage #review input[type=text],.concoursPage #review textarea
{
	background-color:#228ad1;
border:3px solid #b9d5e8}

.concoursPage #review input[type=text]::-webkit-input-placeholder,.concoursPage #review textarea::-webkit-input-placeholder
{
color:#b9d5e8}

.concoursPage #review input[type=text]:-moz-placeholder,.concoursPage #review input[type=text]::-moz-placeholder,.concoursPage #review textarea:-moz-placeholder,.concoursPage #review textarea::-moz-placeholder
{
color:#b9d5e8}

.concoursPage #review input[type=text]:-ms-input-placeholder,.concoursPage #review textarea:-ms-input-placeholder
{
color:#b9d5e8}

.concour-content img
{
margin:0 auto}

.concour-content .formulaire
{
	display:block;
	margin:20px 0;
text-align:center}

.concour-content .formulaire .ligne.c_after
{
padding:0 0 20px}

.concour-content .form_special_concours_1
{
	text-align:center;
margin-top:20px}

.concour-content .label
{
	display:block;
	font-size:24px;
	cursor:default;
margin-bottom:10px}

.concour-content input[type=text],.concour-content select
{
	text-align:center;
	background-color:#1d5dbf;
	border:3px solid #b9d5e8;
	width:250px;
	height:25px;
	cursor:auto;
	box-shadow:inset 0 2px 5px rgba(0,0,0,.4);
	display:inline-block;
	border-radius:5px;
	text-shadow:0 1px 0 rgba(0,0,0,.4);
	padding:20px;
	font-size:16px;
	color:#fff;
	padding:0;
height:46px}

.concour-content input[type=submit]
{
	font-size:24px;
margin:0 auto}

.concour-content input[type=submit].btn_valider_ins
{
	font-size:20px;
margin:20px auto}

.concour-content select
{
	height:46px;
	outline:none;
padding:0}

.concour-content textarea
{
	text-align:center;
	box-shadow:inset 0 2px 5px rgba(0,0,0,.4);
	display:inline-block;
	border-radius:5px;
	text-shadow:0 1px 0 rgba(0,0,0,.4);
	padding:20px;
	box-sizing:border-box;
	font-size:16px;
	color:#fff;
	width:350px;
	height:150px;
	resize:none;
	outline:none;
	background-color:#1d5dbf;
border:3px solid #b9d5e8}

.concour-content .radio li label
{
margin-left:5px}

.content-type:first-child
{
background-color:rgba(0,0,0,.05)}

.content-type:nth-child(2)
{
background:transparent}

.content-type:nth-child(3)
{
background:rgba(0,0,0,.04)}

.content-type:nth-child(4)
{
background:rgba(0,0,0,.08)}

.content-type:nth-child(5)
{
background:rgba(0,0,0,.12)}

.content-type:nth-child(6)
{
background:rgba(0,0,0,.16)}

.content-type:nth-child(7)
{
background:rgba(0,0,0,.2)}

.content-type:nth-child(8)
{
background:rgba(0,0,0,.24)}

.content-type:nth-child(9)
{
background:rgba(0,0,0,.28)}

.content-type:nth-child(10)
{
background:rgba(0,0,0,.32)}

.content-type:nth-child(11)
{
background:rgba(0,0,0,.36)}

.content-type:nth-child(12)
{
background:rgba(0,0,0,.4)}

.content-type:nth-child(13)
{
background:rgba(0,0,0,.44)}

.content-type:nth-child(14)
{
background:rgba(0,0,0,.48)}

.content-type:nth-child(15)
{
background:rgba(0,0,0,.52)}

.content-type:nth-child(16)
{
background:rgba(0,0,0,.56)}

.content-type .content-container
{
	padding:20px;
box-sizing:border-box}

.content-type .content-container .sidebar
{
	width:680px;
	min-height:272px;
display:inline-block}

@media (max-width:1025px)
{
	.content-type .content-container .sidebar
	{
	width:calc(100% - 320px)}
}

@media (max-width:801px)
{
	.content-type .content-container .sidebar
	{
	width:calc(100% - 180px)}
}

@media (max-width:737px)
{
	.content-type .content-container .sidebar
	{
		width:100%;
	min-height:auto}
}

.content-type .content-container .contentTitle
{
	position:relative;
	padding:10px 40px;
	text-shadow:none;
	text-transform:uppercase;
	margin-left:40px;
	display:inline-block;
	background-color:hsla(0,0%,100%,.5);
box-sizing:border-box}

@media (max-width:737px)
{
	.content-type .content-container .contentTitle
	{
	margin-left:0}
}

.content-type .content-container .contentTitle:before
{
	content:"";
	position:absolute;
	background-image:url(/design/normal/assets/tape-end-left.png);
	background-repeat:no-repeat;
	background-size:cover;
	top:-2px;
	bottom:0;
	width:15px;
left:-15px}

.content-type .content-container .contentTitle:after
{
	content:"";
	position:absolute;
	background-image:url(/design/normal/assets/tape-end-right.png);
	background-repeat:no-repeat;
	background-size:cover;
	top:-2px;
	bottom:-1px;
	width:15px;
right:-15px}

.content-type .content-container .contentType-page
{
	display:inline-block;
	width:100%;
	height:auto;
	cursor:pointer;
	box-shadow:0 2px 5px rgba(0,0,0,.4);
	margin-bottom:20px;
position:relative}

.content-type .content-container .contentType-page img
{
	display:block;
	position:relative;
	width:100%;
	height:auto;
min-height:380px}

.content-type .content-container .contentType-page .frostedOverlay
{
	position:absolute;
	bottom:60px;
	width:100%;
height:190px}

.content-type .content-container .contentType-page .frostedOverlay .frostedbg
{
	background-position:top 280px center;
	overflow:hidden;
	width:250px;
	height:180px;
	border-radius:10px;
	margin:0 auto;
filter:blur(5px)}

.content-type .content-container .contentType-page .contentType-buttonswrap
{
	position:absolute;
	bottom:60px;
	width:100%;
	display:block;
	box-sizing:border-box;
text-align:center}

.content-type .content-container .contentType-page .contentType-buttonswrap .contentType-buttons
{
	position:relative;
	padding:5px;
	display:inline-block;
	box-sizing:border-box;
	width:250px;
	margin:0 auto;
	z-index:2;
	border-radius:10px;
	background-color:rgba(0,0,0,.4);
box-shadow:0 2px 5px rgba(0,0,0,.4)}

.content-type .content-container .contentType-page .contentType-buttonswrap .contentType-buttons a
{
	font-size:1.7em;
font-weight:500}

.content-type .content-container .contentType-page .contentType-suggestions
{
	position:absolute;
	top:60px;
	height:225px;
	left:0;
	width:100%;
	z-index:0;
overflow:hidden}

.content-type .content-container .contentType-page .contentType-suggestions a
{
	position:absolute;
	width:200px;
	height:200px;
	padding:10px;
	box-shadow:0 2px 5px rgba(0,0,0,.4);
	border-radius:10px;
	background-clip:border-box;
transition:all .3s cubic-bezier(.25,.75,.5,1.25)}

.content-type .content-container .contentType-page .contentType-suggestions a .suggestion-title
{
display:none}

.content-type .content-container .contentType-page .contentType-suggestions a:before
{
	color:#fff;
	border-radius:10px;
	position:absolute;
	font-size:1.125em;
	top:0;
	bottom:0;
	width:50px;
	text-align:center;
	line-height:200px;
	font-family:FontAwesome;
transition:all .3s ease}

.content-type .content-container .contentType-page .contentType-suggestions a:hover:before
{
	width:0;
opacity:0}

.content-type .content-container .contentType-page .contentType-suggestions a:hover.prev
{
	-ms-transform:translateX(220px);
	transform:translateX(220px);
padding-right:10px}

.content-type .content-container .contentType-page .contentType-suggestions a:hover.next
{
	-ms-transform:translateX(-220px);
	transform:translateX(-220px);
padding-left:10px}

.content-type .content-container .contentType-page .contentType-suggestions a.prev
{
	left:-250px;
	padding-right:50px;
padding-left:50px}

.content-type .content-container .contentType-page .contentType-suggestions a.prev:before
{
	content:"\f054";
right:0}

.content-type .content-container .contentType-page .contentType-suggestions a.next
{
	right:-250px;
	padding-left:50px;
padding-right:50px}

.content-type .content-container .contentType-page .contentType-suggestions a.next:before
{
	content:"\f053";
left:0}

.content-type .content-container .contentType-page .contentType-suggestions a img
{
	width:inherit;
	height:auto;
	border-radius:10px;
min-height:0}

.content-type .content-container .contentType-text
{
	position:relative;
	box-sizing:border-box;
padding:40px}

@media (max-width:737px)
{
	.content-type .content-container .contentType-text
	{
	padding:0}
}

.content-type .content-container .contentType-text.trailer-desc label
{
	display:block;
	margin-bottom:10px;
font-weight:700}

.content-type .content-container .contentType-text a
{
	text-shadow:none;
text-decoration:none}

.content-type .content-container .contentType-text a:hover
{
text-decoration:underline}

.content-type .content-container .contentType-text a:active
{
	color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,.4)}

.content-type .content-container .contentType-text p:empty
{
display:none}

.content-type .content-container .contentType-text h2
{
	margin-top:40px;
margin-bottom:20px}

.content-type .content-container .contentType-text h2:first-of-type
{
margin-top:0}

.content-type .content-container .contentType-text img
{
	width:100%;
	height:auto;
	margin-top:20px;
box-shadow:0 2px 5px rgba(0,0,0,.4)}

.content-type .content-container .contentType-text ol li,.content-type .content-container .contentType-text ul li
{
font-size:18px}

.content-type .content-container .contentType-text ol li a,.content-type .content-container .contentType-text ul li a
{
	text-shadow:none;
text-decoration:none}

.content-type .content-container .contentType-text ol li a:hover,.content-type .content-container .contentType-text ul li a:hover
{
text-decoration:underline}

.content-type .content-container .contentType-text ol li a:active,.content-type .content-container .contentType-text ul li a:active
{
color:#fff}

.content-type .content-container .contentType-text ul li
{
list-style:disc}

.content-type .content-container .contentType-text ol
{
	list-style:none;
	counter-reset:a;
margin-bottom:20px}

.content-type .content-container .contentType-text ol li
{
	position:relative;
	margin:10px 0 20px 30px;
font-size:18px}

.content-type .content-container .contentType-text ol li:before
{
	content:counter(a) ".";
	counter-increment:a;
	position:absolute;
	left:-30px;
	text-align:left;
width:30px}

.content-type .content-container .contentType-text ol li .badImgContainer,.content-type .content-container .contentType-text ol li img
{
margin-top:20px}

.content-type .content-container .contentType-text .badImgContainer
{
	position:relative;
text-align:center}

.content-type .content-container .contentType-text .badImgContainer img
{
width:50%}

.content-type .content-container .contentType-text .badImgContainer .bgImg
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	background-size:110%;
	background-repeat:no-repeat;
	background-position:50%;
opacity:.3}

.content-type .content-container .contentType-text .badImgContainer .legend
{
	position:relative;
	top:-5px;
	color:hsla(0,0%,100%,.8);
	font-size:.9em;
	clear:both;
	text-align:center;
	bottom:0;
padding:3px 0}

.content-type .content-container .contentType-text .badImgContainer.withLegend img
{
margin-bottom:0}

.content-type .content-container .contentType-text .buybtn
{
	display:inline-block;
margin:20px 0}

.content-type .content-container .print-button
{
	margin-left:40px;
	line-height:50px;
	font-size:18px;
display:inline-block}

@media (max-width:737px)
{
	.content-type .content-container .print-button
	{
	margin:0}
}

.content-type .content-container .print-button a
{
	display:inline-block;
	padding:0 20px;
margin:10px 0}

.content-type .content-container .addthis-container
{
	padding:40px;
	box-sizing:border-box;
text-align:center}

@media (max-width:737px)
{
	.content-type .content-container .addthis-container
	{
	padding:0}
}

.content-type .content-container .addthis-container>div
{
clear:none!important}

.content-type .content-container .taglist
{
	padding:40px;
box-sizing:border-box}

@media (max-width:737px)
{
	.content-type .content-container .taglist
	{
	padding:0}
}

.content-type .content-container .taglist h3
{
	display:inline-block;
	font-size:18px;
	margin-right:10px;
font-weight:500}

.content-type .content-container .taglist a
{
	box-sizing:border-box;
	border-radius:5px;
	margin-right:5px;
	font-weight:500;
	font-size:18px;
	display:inline-block;
	text-shadow:none;
text-transform:capitalize}

.content-type .content-container .taglist a:hover
{
text-decoration:underline}

.content-type .content-container .taglist a:active
{
	color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,.4)}

.content-type .content-container #myMainVideo,.content-type .content-container .cadre_blanc,.content-type .content-container .content-video
{
	width:100%;
height:100%}

.content-type .content-container #myMainVideo.cadre_blanc,.content-type .content-container .cadre_blanc.cadre_blanc,.content-type .content-container .content-video.cadre_blanc
{
width:680px}

@media (max-width:737px)
{
	.content-type .content-container #myMainVideo,.content-type .content-container .cadre_blanc,.content-type .content-container .content-video
	{
	width:100%}
}

.content-type .content-container #myMainVideo .JDSvideoCont,.content-type .content-container .cadre_blanc .JDSvideoCont,.content-type .content-container .content-video .JDSvideoCont
{
	width:680px;
height:480px}

.content-type .content-container #myMainVideo .JDSvideoCont>div,.content-type .content-container .cadre_blanc .JDSvideoCont>div,.content-type .content-container .content-video .JDSvideoCont>div
{
	width:100%;
height:100%}

.content-type .content-container .videoList
{
	overflow:hidden;
margin:-10px}

.content-type .content-container .videoList a
{
	display:inline-block;
	position:relative;
	border-radius:10px;
	overflow:hidden;
	float:left;
	margin:10px;
	box-shadow:0 2px 5px rgba(0,0,0,.4);
	text-transform:capitalize;
	width:150px;
height:150px}

@media (max-width:737px)
{
	.content-type .content-container .videoList a
	{
		width:46%;
		height:auto;
	margin:2%}
}

.content-type .content-container .videoList a img
{
	width:100%;
height:100%}

.content-type .content-container .videoList a span
{
	font-size:.875em;
	font-weight:500;
	position:absolute;
	border-radius:0 0 10px 10px;
	bottom:0;
	left:0;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
text-overflow:ellipsis}

.content-type .content-container .dragoart .step
{
	margin:0 -20px;
	padding:40px 60px;
box-sizing:border-box}

.content-type .content-container .dragoart .step img
{
box-shadow:0 2px 5px rgba(0,0,0,.4)}

@media (max-width:737px)
{
	.content-type .content-container .dragoart .step
	{
		padding:0;
	margin:0 0 40px}

	.content-type .content-container .dragoart .step img
	{
		width:100%;
	height:auto}
}

.content-type .content-container .dragoart .step:nth-child(odd)
{
background-color:rgba(0,0,0,.04)}

.content-type .content-container .dragoart .step div .visu
{
margin:0 0 20px}

.content-type .content-container .dragoart .step div p
{
	box-sizing:border-box;
	vertical-align:top;
font-size:18px}

.content-type .content-container .dragoart .step div .step-wrap
{
	display:table;
margin-top:20px}

@media (max-width:737px)
{
	.content-type .content-container .dragoart .step div .step-wrap
	{
	display:block}
}

.content-type .content-container .dragoart .step div .step-wrap .visu
{
	margin:20px 0;
display:table-cell}

@media (max-width:737px)
{
	.content-type .content-container .dragoart .step div .step-wrap .visu
	{
	display:block}
}

.content-type .content-container .dragoart .step div .step-wrap p
{
	padding-left:20px;
	display:table-cell;
vertical-align:top}

@media (max-width:737px)
{
	.content-type .content-container .dragoart .step div .step-wrap p
	{
		display:block;
	padding:0}
}

.content-type .content-container .dragoart .dragoart-credits
{
	text-align:center;
	padding:20px;
	margin:40px;
	box-sizing:border-box;
	box-shadow:0 2px 5px rgba(0,0,0,.4);
	border-radius:1px;
	color:#b04059;
	background-color:hsla(0,0%,100%,.75);
background-image:url(/design/normal/v5/brushed-alum-dark.png)}

.content-type .content-container .dragoart .dragoart-credits img
{
	box-shadow:0 2px 5px rgba(0,0,0,.4);
border-radius:8px}

.content-type .content-container .dragoart .dragoart-credits p
{
text-shadow:none}

.content-type .content-container.content-game
{
	padding:0;
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
background-color:hsla(0,0%,100%,.9)}

.content-type .content-container.content-game:after
{
	content:"";
	display:table;
clear:both}

@media (max-width:801px)
{
	.content-type .content-container.content-game
	{
	background-color:transparent}

	.content-type .content-container.content-game img
	{
		border-radius:10px;
	box-shadow:0 2px 5px rgba(0,0,0,.4)}

	.content-type .content-container.content-game #play-button
	{
		width:220px;
		margin:20px auto;
	font-size:24px}

	.content-type .content-container.content-game:before
	{
	padding-top:0}
}

.content-type .content-container .content-suggestions
{
	position:relative;
	padding:40px;
	box-sizing:border-box;
	width:100%;
z-index:0}

@media (max-width:737px)
{
	.content-type .content-container .content-suggestions
	{
	padding:0}
}

.content-type .content-container .content-suggestions .contentType-suggestions
{
	overflow:hidden;
margin:0 -10px}

.content-type .content-container .content-suggestions .contentType-suggestions a
{
	position:relative;
	margin:10px;
	width:250px;
	height:50px;
	display:table;
	font-size:18px;
	box-shadow:0 2px 5px rgba(0,0,0,.4);
	text-shadow:none;
	background-image:url(/design/normal/v5/brushed-alum-dark.png);
background-color:hsla(0,0%,100%,.75)}

@media (max-width:737px)
{
	.content-type .content-container .content-suggestions .contentType-suggestions a
	{
	width:calc(100% - 50px)}
}

.content-type .content-container .content-suggestions .contentType-suggestions a:after
{
	position:absolute;
	top:0;
	height:50px;
	line-height:50px;
	width:30px;
	text-align:center;
	color:#fff;
font-family:FontAwesome}

.content-type .content-container .content-suggestions .contentType-suggestions a.prev
{
	float:left;
padding-left:30px}

.content-type .content-container .content-suggestions .contentType-suggestions a.prev:after
{
	content:"\f053";
left:0}

.content-type .content-container .content-suggestions .contentType-suggestions a.next
{
	float:right;
padding-right:30px}

.content-type .content-container .content-suggestions .contentType-suggestions a.next:after
{
	content:"\f054";
right:0}

.content-type .content-container .content-suggestions .contentType-suggestions a .suggestion-title
{
	text-align:center;
	display:table-cell;
	height:50px;
	width:100%;
	text-shadow:none;
	vertical-align:middle;
font-size:.875em}

.content-type .content-container .content-suggestions .contentType-suggestions a img
{
	display:table-cell;
	width:50px;
height:50px}

.content-type .content-container #JDSfe .visu
{
	position:relative;
	width:680px;
	display:inline-block;
box-shadow:0 2px 5px rgba(0,0,0,.4)}

.content-type .content-container #JDSfe .visu img
{
	width:100%;
height:auto}

.content-type .content-container #JDSfe .visu .wallpaper-text
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:red;
	padding:10px;
	box-sizing:border-box;
	font-size:.875em;
font-weight:500}

.content-type .content-container .wallpaper-form
{
	padding:40px;
	box-sizing:border-box;
	border-radius:10px;
	background-color:rgba(0,0,0,.1);
width:680px}

.content-type .content-container .content-image .content-image-main
{
	width:680px;
display:inline-block}

.content-type .content-container .content-image .content-image-main img
{
	width:100%;
height:auto}

.content-type .content-container .content-image .content-image-main div
{
	width:100%;
	padding:40px;
	box-sizing:border-box;
font-size:18px}

.content-type .content-container .am-container
{
min-height:100px}

.content-type .content-container .am-container a
{
display:none}

.content-type .content-container .am-container a:nth-child(2)
{
display:block}

.content-type .content-container .btn_foot_reg
{
text-align:center}

.content-type .content-container .btn_foot_reg .regles
{
color:#fff}

.content-type .content-container .btn_foot_reg .regles:hover
{
text-decoration:underline}

.content-type .content-container .JDSbook .c1BOOK
{
text-align:center}

.content-type .content-container .JDSbook .c1BOOK .img-link
{
	margin:0 auto;
	position:relative;
	display:block;
	max-width:680px;
height:auto}

.content-type .content-container .JDSbook .c1BOOK .img-link img
{
width:100%}

.name-generator
{
background-color:#228ad1}

.name-generator .p10
{
padding:0}

.name-generator .p10 .clicky-clicky
{
	background-color:#228ad1;
	font-size:1.4em;
box-shadow:inset 0 -2px 0 3px #1d5dbf,0 5px 5px rgba(3,25,41,.17),0 2px 5px rgba(0,0,0,.4)}

.name-generator .p10 .clicky-clicky:after
{
background-color:#228ad1}

.name-generator .p10 .clicky-clicky:hover
{
background-color:#6bb4f0}

.name-generator .p10 .clicky-clicky:active
{
	background-color:#1d5dbf;
box-shadow:inset 0 -2px 0 3px #228ad1,0 5px 5px rgba(3,25,41,.17),inset 0 10px rgba(0,0,0,.07),0 2px 5px rgba(0,0,0,.4)}

.name-generator .forcer_largeur
{
	margin:0 auto;
display:block}

.name-generator .machineaprenom_btns
{
	position:relative;
	overflow:hidden;
	width:100%;
text-align:center}

.machineaprenom
{
	position:relative;
	width:80%;
margin:30px auto}

.machineaprenom form
{
	position:relative;
	z-index:1;
	width:50%;
	padding:10px 10px 20px;
	border-radius:5px;
	background:hsla(0,0%,100%,.2);
cursor:default}

.machineaprenom form p
{
	display:block;
margin:5px 0}

.machineaprenom form label
{
	display:block;
	margin:10px 0 4px;
	color:#fff;
	font-size:1.8em;
cursor:default}

.machineaprenom form .center
{
text-align:center}

.machineaprenom form .btn
{
	font-size:1.1em;
margin:5px 0 0!important}

.machineaprenom form #form_prenom
{
	display:block;
	width:90%;
	padding:5%;
	font-size:1.7em;
	border-radius:3px;
	cursor:text;
border:none}

.machineaprenom form select
{
	display:block;
	width:100%;
	font-size:1.3em;
	border-radius:3px 0 0 3px;
	border:none;
cursor:pointer}

.machineaprenom form .btn
{
font-size:2em}

.machineaprenom_preview
{
	position:absolute;
	top:20px;
	right:0;
	width:207px;
	height:168px;
	background:url(/templates/machine_a_prenom/_design/img/bg_map.png);
	z-index:0;
	border-radius:5px;
overflow:hidden}

.machineaprenom_preview #apercu_fond
{
	position:absolute;
	top:13px;
	left:14px;
z-index:1}

.machineaprenom_preview #apercu_typo
{
	position:absolute;
	top:51px;
	left:28px;
z-index:2}

.machineaprenom_preview #apercu_fond img
{
width:180px}

.machineaprenom_btns a
{
	position:relative;
	display:inline-block;
	width:50px;
	height:50px;
	background:none;
	overflow:hidden;
cursor:pointer}

.map_icos
{
	display:block;
	width:300px;
	height:100px;
	background:url(/templates/machine_a_prenom/_design/img/map-divers.png);
	_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=image src="/templates/ machine_a_prenom /_design/ img/map-divers.png")}

.map_print .map_icos
{
	position:absolute;
	top:0;
left:0}

.map_print:hover .map_icos
{
	position:absolute;
	top:-50px;
left:0}

.map_save .map_icos
{
	position:absolute;
	top:0;
left:-50px}

.map_save:hover .map_icos
{
	position:absolute;
	top:-50px;
left:-50px}

.map_add .map_icos
{
	position:absolute;
	top:0;
left:-100px}

.map_add:hover .map_icos
{
	position:absolute;
	top:-50px;
left:-100px}

.map_edit .map_icos
{
	position:absolute;
	top:0;
left:-150px}

.map_edit:hover .map_icos
{
	position:absolute;
	top:-50px;
left:-150px}

.map_new .map_icos
{
	position:absolute;
	top:0;
left:-200px}

.map_new:hover .map_icos
{
	position:absolute;
	top:-50px;
left:-200px}

.w320 .machineaprenom,.w480 .machineaprenom
{
	width:100%;
margin:20px auto}

.w320 .machineaprenom form,.w480 .machineaprenom form
{
	width:90%;
margin:auto}

.w320 .machineaprenom form label
{
font-size:1.6em}

.w320 .machineaprenom_preview,.w480 .machineaprenom_preview
{
	position:relative;
	top:inherit;
	right:inherit;
margin:0 auto 10px}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object
{
	padding:0;
	margin:0;
	border:0;
	outline:none;
vertical-align:top}

.fancybox-wrap
{
	position:absolute;
	top:0;
	left:0;
z-index:8020}

.fancybox-skin
{
	position:relative;
	background:#f9f9f9;
	color:#444;
	text-shadow:none;
border-radius:4px}

.fancybox-opened
{
z-index:8030}

.fancybox-opened .fancybox-skin
{
box-shadow:0 10px 25px rgba(0,0,0,.5)}

.fancybox-inner,.fancybox-outer
{
position:relative}

.fancybox-inner
{
overflow:hidden}

.fancybox-type-iframe .fancybox-inner
{
-webkit-overflow-scrolling:touch}

.fancybox-error
{
	color:#444;
	font:14px/20px Helvetica Neue,Helvetica,Arial,sans-serif;
	margin:0;
	padding:15px;
white-space:nowrap}

.fancybox-iframe,.fancybox-image
{
	display:block;
	width:100%;
height:100%}

.fancybox-image
{
	max-width:100%;
max-height:100%}

#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span
{
background-image:url(/_scripts/fancybox/fancybox_sprite.png)}

#fancybox-loading
{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-22px;
	margin-left:-22px;
	background-position:0 -108px;
	opacity:.8;
	cursor:pointer;
z-index:8060}

#fancybox-loading div
{
	width:44px;
	height:44px;
background:url(/_scripts/fancybox/fancybox_loading.gif) 50% no-repeat}

.fancybox-close
{
	top:-18px;
	right:-18px;
	width:36px;
height:36px}

.fancybox-close,.fancybox-nav
{
	position:absolute;
	cursor:pointer;
z-index:8040}

.fancybox-nav
{
	top:0;
	width:40%;
	height:100%;
	text-decoration:none;
	background:transparent url(/_scripts/fancybox/blank.gif);
-webkit-tap-highlight-color:rgba(0,0,0,0)}

.fancybox-prev
{
left:0}

.fancybox-next
{
right:0}

.fancybox-nav span
{
	position:absolute;
	top:50%;
	width:36px;
	height:34px;
	margin-top:-18px;
	cursor:pointer;
	z-index:8040;
visibility:hidden}

.fancybox-prev span
{
	left:10px;
background-position:0 -36px}

.fancybox-next span
{
	right:10px;
background-position:0 -72px}

.fancybox-nav:hover span
{
visibility:visible}

.fancybox-tmp
{
	position:absolute;
	top:-99999px;
	left:-99999px;
	visibility:hidden;
	max-width:99999px;
	max-height:99999px;
overflow:visible!important}

.fancybox-lock
{
width:auto}

.fancybox-lock,.fancybox-lock body
{
overflow:hidden!important}

.fancybox-lock-test
{
overflow-y:hidden!important}

.fancybox-overlay
{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	z-index:8010;
background:url(/_scripts/fancybox/fancybox_overlay.png)}

.fancybox-overlay-fixed
{
	position:fixed;
	bottom:0;
right:0}

.fancybox-lock .fancybox-overlay
{
	overflow:auto;
overflow-y:scroll}

.fancybox-title
{
	visibility:hidden;
	font:normal 13px/20px Helvetica Neue,Helvetica,Arial,sans-serif;
	position:relative;
	text-shadow:none;
z-index:8050}

.fancybox-opened .fancybox-title
{
visibility:visible}

.fancybox-title-float-wrap
{
	position:absolute;
	bottom:0;
	right:50%;
	margin-bottom:-35px;
	z-index:8050;
text-align:center}

.fancybox-title-float-wrap .child
{
	display:inline-block;
	margin-right:-100%;
	padding:2px 20px;
	background:transparent;
	background:rgba(0,0,0,.8);
	border-radius:15px;
	text-shadow:0 1px 2px #222;
	color:#fff;
	font-weight:700;
	line-height:24px;
white-space:nowrap}

.fancybox-title-outside-wrap
{
	position:relative;
	margin-top:10px;
color:#fff}

.fancybox-title-inside-wrap
{
padding-top:10px}

.fancybox-title-over-wrap
{
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:10px;
	background:#000;
background:rgba(0,0,0,.8)}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5)
{
	#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span
	{
		background-image:url(/_scripts/fancybox/fancybox_sprite@2x.png);
	background-size:44px 152px}

	#fancybox-loading div
	{
		background-image:url(/_scripts/fancybox/fancybox_loading@2x.gif);
	background-size:24px 24px}
}

.button
{
	text-decoration:none;
	font:24px/1em Amaranth,sans-serif;
	font-weight:400;
	letter-spacing:-.03em;
	text-shadow:hsla(0,0%,100%,.5) 0 1px 0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding:.5em .6em .4em;
	margin:.5em;
	display:inline-block;
	position:relative;
	border-radius:8px;
	border-top:1px solid hsla(0,0%,100%,.8);
	border-bottom:1px solid rgba(0,0,0,.1);
	background-image:-moz-radial-gradient(top,ellipse cover,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);
	background-image:gradient(radial,90% 0,100,10% 0,0,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.3)));
	transition:background .2s ease-in-out;
	color:#666!important;
	background-color:#bfbfbf;
box-shadow:inset 0 .3em .3em rgba(255,254,255,.6),inset 0 -.1em .3em rgba(0,0,0,.15),0 .1em 3px #999,0 .3em 1px #737373,0 .5em 5px rgba(0,0,0,.2)}

button.button
{
	border-left:none;
border-right:none}

button.button:hover
{
cursor:pointer}

.button:before
{
	font:1.2em/0 sans-serif;
	content:attr(data-icon);
margin-right:6px}

.icon
{
	font-weight:400;
font-style:normal}

.icon:before
{
	display:block;
	height:.75em;
	line-height:.75em;
margin:0}

.button.orange
{
	color:#996300!important;
	background-color:#ffa600;
box-shadow:inset 0 .3em .3em rgba(255,254,255,.6),inset 0 -.1em .3em rgba(0,0,0,.15),0 .1em 3px #cc8500,0 .3em 1px #996300,0 .5em 5px rgba(0,0,0,.2)}

.button.orange:hover
{
background-color:#ffc14d}

.button.blue
{
	color:#336999!important;
	background-color:#80c4ff;
box-shadow:inset 0 .3em .3em rgba(255,254,255,.6),inset 0 -.1em .3em rgba(0,0,0,.15),0 .1em 3px #5390c6,0 .3em 1px #336999,0 .5em 5px rgba(0,0,0,.2)}

.button.blue:hover
{
background-color:#a8d7ff}

.button.green
{
	color:#508217!important;
	background-color:#9ee052;
box-shadow:inset 0 .3em .3em rgba(255,254,255,.6),inset 0 -.1em .3em rgba(0,0,0,.15),0 .1em 3px #6bad1f,0 .3em 1px #508217,0 .5em 5px rgba(0,0,0,.2)}

.button.green:hover
{
background-color:#c2ec93}

.button.pink
{
	color:#903!important;
	background-color:#ff80aa;
box-shadow:inset 0 .3em .3em rgba(255,254,255,.6),inset 0 -.1em .3em rgba(0,0,0,.15),0 .1em 3px #d92662,0 .3em 1px #b8144b,0 .5em 5px rgba(0,0,0,.2)}

.button.pink:hover
{
background-color:#ffa8c5}

.button.transparent
{
color:rgba(0,0,0,.5)!important}

.button.transparent,.button.transparent:active,.button.transparent:hover
{
	background-color:transparent;
background-image:none}

.button.transparent:hover
{
opacity:.9}

.button:hover
{
background-color:#d4d4d4}

.button:active
{
	background-image:-webkit-gradient(radial,50% 0,100,50% 0,0,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0))),url(/design/normal/v5/noise.png);
	background-image:-moz-gradient(radial,50% 0,100,50% 0,0,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0))),url(/design/normal/v5/noise.png);
	background-image:gradient(radial,50% 0,100,50% 0,0,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,0))),url(/design/normal/v5/noise.png);
	box-shadow:inset 0 .3em .3em hsla(0,0%,100%,.6),inset 0 -.1em .3em rgba(0,0,0,.2),0 .1em 1px rgba(0,0,0,.4),0 .2em 6px rgba(0,0,0,.2);
	-ms-transform:translateY(.2em);
transform:translateY(.2em)}

.button:focus
{
	outline:none;
	color:rgba(254,255,255,.9)!important;
text-shadow:rgba(0,0,0,.2) 0 1px 2px}

.button.disabled,.button.disabled:hover,.button[disabled],.button[disabled]:hover
{
	opacity:.5;
	cursor:default;
	color:rgba(0,0,0,.2)!important;
	text-shadow:none!important;
	background-color:rgba(0,0,0,.05);
	background-image:none;
	border-top:none;
	box-shadow:inset 0 .3em .3em rgba(255,254,255,.4),inset 0 -.1em .3em rgba(0,0,0,.1),0 .1em 1px rgba(0,0,0,.3),0 .2em 6px rgba(0,0,0,.2);
	-ms-transform:translateY(5px);
transform:translateY(5px)}

.serif
{
	font-family:Luckiest guy,serif;
font-weight:400}

.xl
{
font-size:32px}

.button.glass:after,.button.glossy:after
{
	content:"";
	position:absolute;
	width:90%;
	height:60%;
	top:0;
	left:5%;
	border-radius:.5em .5em 1em 1em/.5em .5em 2em 2em;
	background-image:-moz-linear-gradient(left,hsla(0,0%,100%,.55),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,0) 80%,hsla(0,0%,100%,.5));
background-image:gradient(linear,0 0,100% 0,from(hsla(0,0%,100%,.55)),to(hsla(0,0%,100%,.5)),color-stop(.5,hsla(0,0%,100%,0)),color-stop(.8,hsla(0,0%,100%,0)))}

.button.disabled:after,.button.glass:active:after,.button.glossy:active:after,.button[disabled]:after
{
opacity:.6}

.button.icon.glass:after,.button.icon.glossy:after
{
height:75%}

.button.glass
{
text-shadow:hsla(0,0%,100%,.5) 0 -1px 0,rgba(0,0,0,.18) 0 .18em .15em}

.button.glass:active
{
text-shadow:hsla(0,0%,100%,.3) 0 1px 0,rgba(0,0,0,.15) 0 .18em .15em}

.round,.round.glass:after,.round.glossy:after
{
	border-top:none;
border-radius:1em}

.oval
{
	border-top:none;
	padding-left:.8em;
	padding-right:.8em;
border-radius:5em/2em}

.oval.glass:after,.oval.glossy:after
{
	top:5%;
border-radius:5em/2em 2em 1em 1em}

.oval.icon
{
	padding-left:.8em;
padding-right:.8em}

.oval.icon,.oval.icon.glass:after,.oval.icon.glossy:after
{
border-radius:1.5em/1em}

.brackets,.brackets.glass:after,.brackets.glossy:after
{
	border-top:none;
border-radius:.5em/1em}

.skew
{
	border-top:none;
	padding-right:1.2em;
	padding-left:.8em;
border-radius:5em 1em/5em 1em}

.skew.glass:after,.skew.glossy:after
{
	left:10%;
border-radius:7em 1em/5em 1em}

.skew.icon
{
	padding-right:.9em;
padding-left:.8em}

.back,.back.glass:after,.back.glossy:after
{
	border-top-color:hsla(0,0%,100%,.5);
border-radius:1.6em 1.6em 1em 1em/4em 4em 1em 1em}

.back.glass:after,.back.glossy:after
{
	left:6%;
width:88%}

.knife
{
	padding-left:1.5em;
border-radius:.2em .5em .5em 8em/.2em .5em .5em 5em}

.knife.glass:after,.knife.glossy:after
{
	left:3%;
	width:97%;
border-radius:.1em .5em .5em 8em/.1em .5em .5em 2em}

.knife.glass.icon:after,.knife.glossy.icon:after
{
	left:5%;
	width:95%;
border-radius:.5em .5em 1em 6em/.5em .5em 1em 4em}

.shield,.shield.glass:after,.shield.glossy:after
{
border-radius:.4em .4em 2em 2em/.4em .4em 3em 3em}

.shield
{
	padding-left:.8em;
padding-right:.8em}

.shield.icon
{
	padding-left:.6em;
padding-right:.6em}

.drop
{
	border-top:none;
border-radius:2em 5em 2em .6em/2em 4em 2em .6em}

.drop.glass:after,.drop.glossy:after
{
	left:4%;
border-radius:2em 6em 2em 1em/2em 4em 2em 2em}

.drop.icon
{
padding-right:.6em}

.morph
{
	border-top:none;
border-radius:5em/2em}

.morph:hover
{
border-radius:.4em .4em 2em 2em/.4em .4em 3em 3em}

.morph:active
{
border-radius:.3em}

.morph:after
{
display:none}

#boomVideo .boom_cadre a:hover img
{
box-shadow:5px 5px 5px rgba(0,0,0,.7)}

#boomVideo .boom_cadre img
{
	margin:auto;
	box-shadow:5px 5px 20px rgba(0,0,0,.3);
	border:10px solid #fff;
	border-radius:5px;
width:120px}

#boomVideo .boom_cadre .texte
{
	background:#fff;
	padding:20px 20px 20px 150px;
	color:#1d70a6;
	margin:20px 0;
	font-size:.875em;
	line-height:20px;
	text-align:justify;
	box-shadow:inset 0 0 5px rgba(0,0,0,.4);
	border:2px solid #fff;
	position:relative;
min-height:110px}

#boomVideo .boom_cadre .texte:before
{
	content:"Résumé de l'épisode :";
	font-size:25px;
	display:block;
	margin:0 0 10px;
letter-spacing:-1px}

#boomVideo .boom_cadre .texte img
{
	position:absolute;
	top:10px;
	left:10px;
	border:3px solid #fff;
box-shadow:2px 2px 10px rgba(0,0,0,.3)}

#boomVideo a.underline
{
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:400;
	margin:0 0 40px;
text-shadow:1px 1px 1px rgba(0,0,0,.4)}

#boomVideo a.underline:hover
{
text-decoration:underline}

#boomVideo .video
{
	text-align:center;
	background:#fff;
	border-radius:5px;
	padding:1%;
	max-width:96%;
	margin:0 auto;
	display:block;
box-shadow:2px 2px 5px rgba(0,0,0,.8)}

.cin_titre
{
	position:relative;
	display:block;
	padding:10px 0 15px 20px;
	font-size:30px;
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
letter-spacing:-.05em}

.fichefilm
{
	position:relative;
	padding:10px 0;
margin:2%}

.fichefilm .affiche
{
	background:hsla(0,0%,100%,.5);
	border-radius:3px;
	box-shadow:2px 2px 10px rgba(0,0,0,.8);
	padding:5px;
	display:table;
margin:0 auto 20px}

.fichefilm .affiche img
{
	box-shadow:1px 1px 3px rgba(0,0,0,.5);
width:100%}

.datasFilm p
{
	clear:both;
	padding:0;
border-bottom:1px solid hsla(0,0%,100%,.1)}

.datasFilm p:after
{
	content:"";
	height:0;
	display:block;
clear:both}

.datasFilm label
{
	width:20%;
	float:left;
	text-align:right;
	padding:1% 2% 1% 0;
	cursor:default;
	font-size:1.2em;
	color:#eee;
font-weight:700}

.datasFilm .content
{
	float:left;
	display:block;
	padding:1% 0;
	width:78%;
font-size:1.2em}

.w320 .datasFilm label
{
	width:inherit;
	font-size:1.3em;
	float:none;
text-align:left}

.w320 .datasFilm .content
{
	float:none;
width:100%}

.w768 .fichefilm .affiche,.w960 .fichefilm .affiche
{
	float:left;
	width:20%;
	margin:0;
display:block}

.w768 .datasFilm,.w960 .datasFilm
{
	float:right;
width:75%}

.cin_photos
{
	position:relative;
margin:0 5px}

.cin_photo_big
{
	float:right;
	padding:5px;
	position:relative;
	width:515px;
	z-index:1;
	height:500px;
	background:hsla(0,0%,100%,.3);
	border-radius:5px;
box-shadow:2px 2px 5px rgba(0,0,0,.5)}

.cin_photo_big img
{
	width:515px;
	position:absolute;
	top:5px;
right:5px}

.cin_photos ul
{
	position:relative;
	float:left;
	width:100px;
	padding:0 0 0 5px;
z-index:2}

.cin_photos ul li
{
	display:block;
float:left}

.cin_photos ul li img
{
	cursor:sw-resize;
	width:90px;
border-radius:3px}

.cin_photos ul li img.current
{
	width:120px;
	box-shadow:0 0 10px hsla(0,0%,100%,.8);
margin:5px 10px 5px -10px}

#playerVideo
{
	padding:1.5%;
	background:hsla(0,0%,100%,.3);
	border-radius:5px;
	width:95%;
margin:auto}

#playerVideo,#videoTitle
{
box-shadow:2px 2px 5px rgba(0,0,0,.5)}

#videoTitle
{
	display:table;
	padding:10px;
	border-radius:0 0 5px 5px;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
	font-weight:400;
	background:hsla(0,0%,100%,.1);
	margin:0 auto;
text-align:center}

.w320 #playerVideo
{
	padding:0;
	background:none;
	border-radius:0;
width:100%}

#listVideo
{
	padding:30px;
text-align:center}

#listVideo a
{
	display:inline-block;
	padding:3px 5px;
	border-radius:3px;
	background:rgba(0,0,0,.4);
	margin:0 5px 5px;
	font-size:1.1em;
	text-shadow:1px 1px 2px rgba(0,0,0,.6);
	z-index:1;
position:relative}

#listVideo a.on,#listVideo a:hover
{
	background:#09c;
	z-index:30;
	box-shadow:0 0 10px rgba(0,0,0,.5);
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
-ms-transform:scale(1.1)}

#listVideo a:hover
{
background:#0cf}

.fullWidthVideo #playerVideo
{
	padding:0;
	border-radius:0;
width:100%}

.fullWidthVideo #listVideo
{
padding:5px}

.fullWidthVideo #listVideo a
{
color:#fff}

.inApp .bi
{
	width:100%!important;
margin:0!important}

.inApp .bi a,.inApp .bi em
{
	width:97%;
	height:97%;
	left:1.5%;
	box-shadow:none;
	border-radius:0;
overflow:hidden}

.inApp .bi a img
{
	height:100%;
width:101%}

.inApp .bi h2
{
display:none!important}

.w960.inApp #c1
{
width:100%!important}

.w960.inApp .bi li
{
width:20%!important}

.ui-helper-hidden,.w960.inApp .bi li.vid
{
display:none}

.ui-helper-hidden-accessible
{
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
width:1px}

.ui-helper-reset
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
list-style:none}

.ui-helper-clearfix:after,.ui-helper-clearfix:before
{
	content:"";
	display:table;
border-collapse:collapse}

.ui-helper-clearfix:after
{
clear:both}

.ui-helper-clearfix
{
min-height:0}

.ui-helper-zfix
{
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	opacity:0;
filter:Alpha(Opacity=0)}

.ui-front
{
z-index:100}

.ui-state-disabled
{
cursor:default!important}

.ui-icon
{
	display:block;
	text-indent:-99999px;
	overflow:hidden;
background-repeat:no-repeat}

.ui-widget-overlay
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
height:100%}

.ui-accordion .ui-accordion-header
{
	display:block;
	cursor:pointer;
	position:relative;
	margin-top:2px;
	padding:.5em .5em .5em .7em;
min-height:0}

.ui-accordion .ui-accordion-icons
{
padding-left:2.2em}

.ui-accordion .ui-accordion-noicons
{
padding-left:.7em}

.ui-accordion .ui-accordion-icons .ui-accordion-icons
{
padding-left:2.2em}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon
{
	position:absolute;
	left:.5em;
	top:50%;
margin-top:-8px}

.ui-accordion .ui-accordion-content
{
	padding:1em 2.2em;
	border-top:0;
overflow:auto}

.ui-autocomplete
{
	position:absolute;
	top:0;
	left:0;
cursor:default}

.ui-button
{
	display:inline-block;
	position:relative;
	padding:0;
	line-height:normal;
	margin-right:.1em;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
overflow:visible}

.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited
{
text-decoration:none}

.ui-button-icon-only
{
width:2.2em}

button.ui-button-icon-only
{
width:2.4em}

.ui-button-icons-only
{
width:3.4em}

button.ui-button-icons-only
{
width:3.7em}

.ui-button .ui-button-text
{
	display:block;
line-height:normal}

.ui-button-text-only .ui-button-text
{
padding:.4em 1em}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text
{
	padding:.4em;
text-indent:-9999999px}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text
{
padding:.4em 1em .4em 2.1em}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text
{
padding:.4em 2.1em .4em 1em}

.ui-button-text-icons .ui-button-text
{
	padding-left:2.1em;
padding-right:2.1em}

input.ui-button
{
padding:.4em 1em}

.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon
{
	position:absolute;
	top:50%;
margin-top:-8px}

.ui-button-icon-only .ui-icon
{
	left:50%;
margin-left:-8px}

.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary
{
left:.5em}

.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary
{
right:.5em}

.ui-buttonset
{
margin-right:7px}

.ui-buttonset .ui-button
{
	margin-left:0;
margin-right:-.3em}

button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner
{
	border:0;
padding:0}

.ui-datepicker
{
	width:17em;
	padding:.2em .2em 0;
display:none}

.ui-datepicker .ui-datepicker-header
{
	position:relative;
padding:.2em 0}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev
{
	position:absolute;
	top:2px;
	width:1.8em;
height:1.8em}

.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover
{
top:1px}

.ui-datepicker .ui-datepicker-prev
{
left:2px}

.ui-datepicker .ui-datepicker-next
{
right:2px}

.ui-datepicker .ui-datepicker-prev-hover
{
left:1px}

.ui-datepicker .ui-datepicker-next-hover
{
right:1px}

.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span
{
	display:block;
	position:absolute;
	left:50%;
	margin-left:-8px;
	top:50%;
margin-top:-8px}

.ui-datepicker .ui-datepicker-title
{
	margin:0 2.3em;
	line-height:1.8em;
text-align:center}

.ui-datepicker .ui-datepicker-title select
{
	font-size:1em;
margin:1px 0}

.ui-datepicker select.ui-datepicker-month-year
{
width:100%}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year
{
width:49%}

.ui-datepicker table
{
	width:100%;
	font-size:.9em;
	border-collapse:collapse;
margin:0 0 .4em}

.ui-datepicker th
{
	padding:.7em .3em;
	text-align:center;
	font-weight:700;
border:0}

.ui-datepicker td
{
	border:0;
padding:1px}

.ui-datepicker td a,.ui-datepicker td span
{
	display:block;
	padding:.2em;
	text-align:right;
text-decoration:none}

.ui-datepicker .ui-datepicker-buttonpane
{
	background-image:none;
	margin:.7em 0 0;
	padding:0 .2em;
	border-left:0;
	border-right:0;
border-bottom:0}

.ui-datepicker .ui-datepicker-buttonpane button
{
	float:right;
	margin:.5em .2em .4em;
	cursor:pointer;
	padding:.2em .6em .3em;
	width:auto;
overflow:visible}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
float:left}

.ui-datepicker.ui-datepicker-multi
{
width:auto}

.ui-datepicker-multi .ui-datepicker-group
{
float:left}

.ui-datepicker-multi .ui-datepicker-group table
{
	width:95%;
margin:0 auto .4em}

.ui-datepicker-multi-2 .ui-datepicker-group
{
width:50%}

.ui-datepicker-multi-3 .ui-datepicker-group
{
width:33.3%}

.ui-datepicker-multi-4 .ui-datepicker-group
{
width:25%}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header
{
border-left-width:0}

.ui-datepicker-multi .ui-datepicker-buttonpane
{
clear:left}

.ui-datepicker-row-break
{
	clear:both;
	width:100%;
font-size:0}

.ui-datepicker-rtl
{
direction:rtl}

.ui-datepicker-rtl .ui-datepicker-prev
{
	right:2px;
left:auto}

.ui-datepicker-rtl .ui-datepicker-next
{
	left:2px;
right:auto}

.ui-datepicker-rtl .ui-datepicker-prev:hover
{
	right:1px;
left:auto}

.ui-datepicker-rtl .ui-datepicker-next:hover
{
	left:1px;
right:auto}

.ui-datepicker-rtl .ui-datepicker-buttonpane
{
clear:right}

.ui-datepicker-rtl .ui-datepicker-buttonpane button
{
float:left}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group
{
float:right}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header
{
	border-right-width:0;
border-left-width:1px}

.ui-dialog
{
	position:absolute;
	top:0;
	left:0;
	padding:.2em;
outline:0}

.ui-dialog .ui-dialog-titlebar
{
	padding:.4em 1em;
position:relative}

.ui-dialog .ui-dialog-title
{
	float:left;
	margin:.1em 0;
	white-space:nowrap;
	width:90%;
	overflow:hidden;
text-overflow:ellipsis}

.ui-dialog .ui-dialog-titlebar-close
{
	position:absolute;
	right:.3em;
	top:50%;
	width:21px;
	margin:-10px 0 0;
	padding:1px;
height:20px}

.ui-dialog .ui-dialog-content
{
	position:relative;
	border:0;
	padding:.5em 1em;
	background:none;
overflow:auto}

.ui-dialog .ui-dialog-buttonpane
{
	text-align:left;
	border-width:1px 0 0;
	background-image:none;
	margin-top:.5em;
padding:.3em 1em .5em .4em}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
float:right}

.ui-dialog .ui-dialog-buttonpane button
{
	margin:.5em .4em .5em 0;
cursor:pointer}

.ui-dialog .ui-resizable-se
{
	width:12px;
	height:12px;
	right:-5px;
	bottom:-5px;
background-position:16px 16px}

.ui-draggable .ui-dialog-titlebar
{
cursor:move}

.ui-menu
{
	list-style:none;
	padding:2px;
	margin:0;
	display:block;
outline:none}

.ui-menu .ui-menu
{
	margin-top:-3px;
position:absolute}

.ui-menu .ui-menu-item
{
	margin:0;
	padding:0;
	width:100%;
	list-style-image:url(data:image/gif;
base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}

.ui-menu .ui-menu-divider
{
	margin:5px -2px;
	height:0;
	font-size:0;
	line-height:0;
border-width:1px 0 0}

.ui-menu .ui-menu-item a
{
	text-decoration:none;
	display:block;
	padding:2px .4em;
	line-height:1.5;
	min-height:0;
font-weight:400}

.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-focus
{
	font-weight:400;
margin:-1px}

.ui-menu .ui-state-disabled
{
	font-weight:400;
	margin:.4em 0 .2em;
line-height:1.5}

.ui-menu .ui-state-disabled a
{
cursor:default}

.ui-menu-icons
{
position:relative}

.ui-menu-icons .ui-menu-item a
{
	position:relative;
padding-left:2em}

.ui-menu .ui-icon
{
	position:absolute;
	top:.2em;
left:.2em}

.ui-menu .ui-menu-icon
{
	position:static;
float:right}

.ui-progressbar
{
	height:2em;
	text-align:left;
overflow:hidden}

.ui-progressbar .ui-progressbar-value
{
	margin:-1px;
height:100%}

.ui-progressbar .ui-progressbar-overlay
{
	background:url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/animated-overlay.gif);
	height:100%;
	filter:alpha(opacity=25);
opacity:.25}

.ui-progressbar-indeterminate .ui-progressbar-value
{
background-image:none}

.ui-resizable
{
position:relative}

.ui-resizable-handle
{
	position:absolute;
	font-size:.1px;
display:block}

.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle
{
display:none}

.ui-resizable-n
{
	cursor:n-resize;
	height:7px;
	width:100%;
	top:-5px;
left:0}

.ui-resizable-s
{
	cursor:s-resize;
	height:7px;
	width:100%;
	bottom:-5px;
left:0}

.ui-resizable-e
{
	cursor:e-resize;
	width:7px;
	right:-5px;
	top:0;
height:100%}

.ui-resizable-w
{
	cursor:w-resize;
	width:7px;
	left:-5px;
	top:0;
height:100%}

.ui-resizable-se
{
	cursor:se-resize;
	width:12px;
	height:12px;
	right:1px;
bottom:1px}

.ui-resizable-sw
{
	cursor:sw-resize;
	width:9px;
	height:9px;
	left:-5px;
bottom:-5px}

.ui-resizable-nw
{
	cursor:nw-resize;
	width:9px;
	height:9px;
	left:-5px;
top:-5px}

.ui-resizable-ne
{
	cursor:ne-resize;
	width:9px;
	height:9px;
	right:-5px;
top:-5px}

.ui-selectable-helper
{
	position:absolute;
	z-index:100;
border:1px dotted #000}

.ui-slider
{
	position:relative;
text-align:left}

.ui-slider .ui-slider-handle
{
	position:absolute;
	z-index:2;
	width:1.2em;
	height:1.2em;
cursor:default}

.ui-slider .ui-slider-range
{
	position:absolute;
	z-index:1;
	font-size:.7em;
	display:block;
	border:0;
background-position:0 0}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range
{
filter:inherit}

.ui-slider-horizontal
{
height:.8em}

.ui-slider-horizontal .ui-slider-handle
{
	top:-.3em;
margin-left:-.6em}

.ui-slider-horizontal .ui-slider-range
{
	top:0;
height:100%}

.ui-slider-horizontal .ui-slider-range-min
{
left:0}

.ui-slider-horizontal .ui-slider-range-max
{
right:0}

.ui-slider-vertical
{
	width:.8em;
height:100px}

.ui-slider-vertical .ui-slider-handle
{
	left:-.3em;
	margin-left:0;
margin-bottom:-.6em}

.ui-slider-vertical .ui-slider-range
{
	left:0;
width:100%}

.ui-slider-vertical .ui-slider-range-min
{
bottom:0}

.ui-slider-vertical .ui-slider-range-max
{
top:0}

.ui-spinner
{
	position:relative;
	display:inline-block;
overflow:hidden}

.ui-spinner,.ui-spinner-input
{
	padding:0;
vertical-align:middle}

.ui-spinner-input
{
	border:none;
	background:none;
	color:inherit;
	margin:.2em 0;
	margin-left:.4em;
margin-right:22px}

.ui-spinner-button
{
	width:16px;
	height:50%;
	font-size:.5em;
	padding:0;
	margin:0;
	text-align:center;
	position:absolute;
	cursor:default;
	display:block;
	overflow:hidden;
right:0}

.ui-spinner a.ui-spinner-button
{
	border-top:none;
	border-bottom:none;
border-right:none}

.ui-spinner .ui-icon
{
	position:absolute;
	margin-top:-8px;
	top:50%;
left:0}

.ui-spinner-up
{
top:0}

.ui-spinner-down
{
bottom:0}

.ui-spinner .ui-icon-triangle-1-s
{
background-position:-65px -16px}

.ui-tabs
{
	position:relative;
padding:.2em}

.ui-tabs .ui-tabs-nav
{
	margin:0;
padding:.2em .2em 0}

.ui-tabs .ui-tabs-nav li
{
	list-style:none;
	float:left;
	position:relative;
	top:0;
	margin:1px .2em 0 0;
	border-bottom-width:0;
	padding:0;
white-space:nowrap}

.ui-tabs .ui-tabs-nav li a
{
	float:left;
	padding:.5em 1em;
text-decoration:none}

.ui-tabs .ui-tabs-nav li.ui-tabs-active
{
	margin-bottom:-1px;
padding-bottom:1px}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a
{
cursor:text}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li a
{
cursor:pointer}

.ui-tabs .ui-tabs-panel
{
	display:block;
	border-width:0;
	padding:1em 1.4em;
background:none}

.ui-tooltip
{
	padding:8px;
	position:absolute;
	z-index:9999;
	max-width:300px;
box-shadow:0 0 5px #aaa}

body .ui-tooltip
{
border-width:2px}

.ui-widget
{
	font-family:Verdana,Arial,sans-serif;
font-size:1.1em}

.ui-widget .ui-widget
{
font-size:1em}

.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea
{
	font-family:Verdana,Arial,sans-serif;
font-size:1em}

.ui-widget-content
{
	border:1px solid #aaa;
	background:#fff url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color:#222}

.ui-widget-content a
{
color:#222}

.ui-widget-header
{
	border:1px solid #aaa;
	background:#ccc url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color:#222;
font-weight:700}

.ui-widget-header a
{
color:#222}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
{
	border:1px solid #d3d3d3;
	background:#e6e6e6 url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight:400;
color:#555}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited
{
	color:#555;
text-decoration:none}

.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover
{
	border:1px solid #999;
	background:#dadada url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight:400;
color:#212121}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited
{
	color:#212121;
text-decoration:none}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active
{
	border:1px solid #aaa;
	background:#fff url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight:400;
color:#212121}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited
{
	color:#212121;
text-decoration:none}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight
{
	border:1px solid #fcefa1;
	background:#fbf9ee url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color:#363636}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a
{
color:#363636}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error
{
	border:1px solid #cd0a0a;
	background:#fef1ec url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color:#cd0a0a}

.ui-state-error-text,.ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error-text,.ui-widget-header .ui-state-error a
{
color:#cd0a0a}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary
{
font-weight:700}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary
{
	opacity:.7;
	filter:Alpha(Opacity=70);
font-weight:400}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled
{
	opacity:.35;
	filter:Alpha(Opacity=35);
background-image:none}

.ui-state-disabled .ui-icon
{
filter:Alpha(Opacity=35)}

.ui-icon
{
	width:16px;
height:16px}

.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon
{
background-image:url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_222222_256x240.png)}

.ui-state-default .ui-icon
{
background-image:url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_888888_256x240.png)}

.ui-state-active .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon
{
background-image:url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_454545_256x240.png)}

.ui-state-highlight .ui-icon
{
background-image:url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_2e83ff_256x240.png)}

.ui-state-error-text .ui-icon,.ui-state-error .ui-icon
{
background-image:url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-icons_cd0a0a_256x240.png)}

.ui-icon-blank
{
background-position:16px 16px}

.ui-icon-carat-1-n
{
background-position:0 0}

.ui-icon-carat-1-ne
{
background-position:-16px 0}

.ui-icon-carat-1-e
{
background-position:-32px 0}

.ui-icon-carat-1-se
{
background-position:-48px 0}

.ui-icon-carat-1-s
{
background-position:-64px 0}

.ui-icon-carat-1-sw
{
background-position:-80px 0}

.ui-icon-carat-1-w
{
background-position:-96px 0}

.ui-icon-carat-1-nw
{
background-position:-112px 0}

.ui-icon-carat-2-n-s
{
background-position:-128px 0}

.ui-icon-carat-2-e-w
{
background-position:-144px 0}

.ui-icon-triangle-1-n
{
background-position:0 -16px}

.ui-icon-triangle-1-ne
{
background-position:-16px -16px}

.ui-icon-triangle-1-e
{
background-position:-32px -16px}

.ui-icon-triangle-1-se
{
background-position:-48px -16px}

.ui-icon-triangle-1-s
{
background-position:-64px -16px}

.ui-icon-triangle-1-sw
{
background-position:-80px -16px}

.ui-icon-triangle-1-w
{
background-position:-96px -16px}

.ui-icon-triangle-1-nw
{
background-position:-112px -16px}

.ui-icon-triangle-2-n-s
{
background-position:-128px -16px}

.ui-icon-triangle-2-e-w
{
background-position:-144px -16px}

.ui-icon-arrow-1-n
{
background-position:0 -32px}

.ui-icon-arrow-1-ne
{
background-position:-16px -32px}

.ui-icon-arrow-1-e
{
background-position:-32px -32px}

.ui-icon-arrow-1-se
{
background-position:-48px -32px}

.ui-icon-arrow-1-s
{
background-position:-64px -32px}

.ui-icon-arrow-1-sw
{
background-position:-80px -32px}

.ui-icon-arrow-1-w
{
background-position:-96px -32px}

.ui-icon-arrow-1-nw
{
background-position:-112px -32px}

.ui-icon-arrow-2-n-s
{
background-position:-128px -32px}

.ui-icon-arrow-2-ne-sw
{
background-position:-144px -32px}

.ui-icon-arrow-2-e-w
{
background-position:-160px -32px}

.ui-icon-arrow-2-se-nw
{
background-position:-176px -32px}

.ui-icon-arrowstop-1-n
{
background-position:-192px -32px}

.ui-icon-arrowstop-1-e
{
background-position:-208px -32px}

.ui-icon-arrowstop-1-s
{
background-position:-224px -32px}

.ui-icon-arrowstop-1-w
{
background-position:-240px -32px}

.ui-icon-arrowthick-1-n
{
background-position:0 -48px}

.ui-icon-arrowthick-1-ne
{
background-position:-16px -48px}

.ui-icon-arrowthick-1-e
{
background-position:-32px -48px}

.ui-icon-arrowthick-1-se
{
background-position:-48px -48px}

.ui-icon-arrowthick-1-s
{
background-position:-64px -48px}

.ui-icon-arrowthick-1-sw
{
background-position:-80px -48px}

.ui-icon-arrowthick-1-w
{
background-position:-96px -48px}

.ui-icon-arrowthick-1-nw
{
background-position:-112px -48px}

.ui-icon-arrowthick-2-n-s
{
background-position:-128px -48px}

.ui-icon-arrowthick-2-ne-sw
{
background-position:-144px -48px}

.ui-icon-arrowthick-2-e-w
{
background-position:-160px -48px}

.ui-icon-arrowthick-2-se-nw
{
background-position:-176px -48px}

.ui-icon-arrowthickstop-1-n
{
background-position:-192px -48px}

.ui-icon-arrowthickstop-1-e
{
background-position:-208px -48px}

.ui-icon-arrowthickstop-1-s
{
background-position:-224px -48px}

.ui-icon-arrowthickstop-1-w
{
background-position:-240px -48px}

.ui-icon-arrowreturnthick-1-w
{
background-position:0 -64px}

.ui-icon-arrowreturnthick-1-n
{
background-position:-16px -64px}

.ui-icon-arrowreturnthick-1-e
{
background-position:-32px -64px}

.ui-icon-arrowreturnthick-1-s
{
background-position:-48px -64px}

.ui-icon-arrowreturn-1-w
{
background-position:-64px -64px}

.ui-icon-arrowreturn-1-n
{
background-position:-80px -64px}

.ui-icon-arrowreturn-1-e
{
background-position:-96px -64px}

.ui-icon-arrowreturn-1-s
{
background-position:-112px -64px}

.ui-icon-arrowrefresh-1-w
{
background-position:-128px -64px}

.ui-icon-arrowrefresh-1-n
{
background-position:-144px -64px}

.ui-icon-arrowrefresh-1-e
{
background-position:-160px -64px}

.ui-icon-arrowrefresh-1-s
{
background-position:-176px -64px}

.ui-icon-arrow-4
{
background-position:0 -80px}

.ui-icon-arrow-4-diag
{
background-position:-16px -80px}

.ui-icon-extlink
{
background-position:-32px -80px}

.ui-icon-newwin
{
background-position:-48px -80px}

.ui-icon-refresh
{
background-position:-64px -80px}

.ui-icon-shuffle
{
background-position:-80px -80px}

.ui-icon-transfer-e-w
{
background-position:-96px -80px}

.ui-icon-transferthick-e-w
{
background-position:-112px -80px}

.ui-icon-folder-collapsed
{
background-position:0 -96px}

.ui-icon-folder-open
{
background-position:-16px -96px}

.ui-icon-document
{
background-position:-32px -96px}

.ui-icon-document-b
{
background-position:-48px -96px}

.ui-icon-note
{
background-position:-64px -96px}

.ui-icon-mail-closed
{
background-position:-80px -96px}

.ui-icon-mail-open
{
background-position:-96px -96px}

.ui-icon-suitcase
{
background-position:-112px -96px}

.ui-icon-comment
{
background-position:-128px -96px}

.ui-icon-person
{
background-position:-144px -96px}

.ui-icon-print
{
background-position:-160px -96px}

.ui-icon-trash
{
background-position:-176px -96px}

.ui-icon-locked
{
background-position:-192px -96px}

.ui-icon-unlocked
{
background-position:-208px -96px}

.ui-icon-bookmark
{
background-position:-224px -96px}

.ui-icon-tag
{
background-position:-240px -96px}

.ui-icon-home
{
background-position:0 -112px}

.ui-icon-flag
{
background-position:-16px -112px}

.ui-icon-calendar
{
background-position:-32px -112px}

.ui-icon-cart
{
background-position:-48px -112px}

.ui-icon-pencil
{
background-position:-64px -112px}

.ui-icon-clock
{
background-position:-80px -112px}

.ui-icon-disk
{
background-position:-96px -112px}

.ui-icon-calculator
{
background-position:-112px -112px}

.ui-icon-zoomin
{
background-position:-128px -112px}

.ui-icon-zoomout
{
background-position:-144px -112px}

.ui-icon-search
{
background-position:-160px -112px}

.ui-icon-wrench
{
background-position:-176px -112px}

.ui-icon-gear
{
background-position:-192px -112px}

.ui-icon-heart
{
background-position:-208px -112px}

.ui-icon-star
{
background-position:-224px -112px}

.ui-icon-link
{
background-position:-240px -112px}

.ui-icon-cancel
{
background-position:0 -128px}

.ui-icon-plus
{
background-position:-16px -128px}

.ui-icon-plusthick
{
background-position:-32px -128px}

.ui-icon-minus
{
background-position:-48px -128px}

.ui-icon-minusthick
{
background-position:-64px -128px}

.ui-icon-close
{
background-position:-80px -128px}

.ui-icon-closethick
{
background-position:-96px -128px}

.ui-icon-key
{
background-position:-112px -128px}

.ui-icon-lightbulb
{
background-position:-128px -128px}

.ui-icon-scissors
{
background-position:-144px -128px}

.ui-icon-clipboard
{
background-position:-160px -128px}

.ui-icon-copy
{
background-position:-176px -128px}

.ui-icon-contact
{
background-position:-192px -128px}

.ui-icon-image
{
background-position:-208px -128px}

.ui-icon-video
{
background-position:-224px -128px}

.ui-icon-script
{
background-position:-240px -128px}

.ui-icon-alert
{
background-position:0 -144px}

.ui-icon-info
{
background-position:-16px -144px}

.ui-icon-notice
{
background-position:-32px -144px}

.ui-icon-help
{
background-position:-48px -144px}

.ui-icon-check
{
background-position:-64px -144px}

.ui-icon-bullet
{
background-position:-80px -144px}

.ui-icon-radio-on
{
background-position:-96px -144px}

.ui-icon-radio-off
{
background-position:-112px -144px}

.ui-icon-pin-w
{
background-position:-128px -144px}

.ui-icon-pin-s
{
background-position:-144px -144px}

.ui-icon-play
{
background-position:0 -160px}

.ui-icon-pause
{
background-position:-16px -160px}

.ui-icon-seek-next
{
background-position:-32px -160px}

.ui-icon-seek-prev
{
background-position:-48px -160px}

.ui-icon-seek-end
{
background-position:-64px -160px}

.ui-icon-seek-first,.ui-icon-seek-start
{
background-position:-80px -160px}

.ui-icon-stop
{
background-position:-96px -160px}

.ui-icon-eject
{
background-position:-112px -160px}

.ui-icon-volume-off
{
background-position:-128px -160px}

.ui-icon-volume-on
{
background-position:-144px -160px}

.ui-icon-power
{
background-position:0 -176px}

.ui-icon-signal-diag
{
background-position:-16px -176px}

.ui-icon-signal
{
background-position:-32px -176px}

.ui-icon-battery-0
{
background-position:-48px -176px}

.ui-icon-battery-1
{
background-position:-64px -176px}

.ui-icon-battery-2
{
background-position:-80px -176px}

.ui-icon-battery-3
{
background-position:-96px -176px}

.ui-icon-circle-plus
{
background-position:0 -192px}

.ui-icon-circle-minus
{
background-position:-16px -192px}

.ui-icon-circle-close
{
background-position:-32px -192px}

.ui-icon-circle-triangle-e
{
background-position:-48px -192px}

.ui-icon-circle-triangle-s
{
background-position:-64px -192px}

.ui-icon-circle-triangle-w
{
background-position:-80px -192px}

.ui-icon-circle-triangle-n
{
background-position:-96px -192px}

.ui-icon-circle-arrow-e
{
background-position:-112px -192px}

.ui-icon-circle-arrow-s
{
background-position:-128px -192px}

.ui-icon-circle-arrow-w
{
background-position:-144px -192px}

.ui-icon-circle-arrow-n
{
background-position:-160px -192px}

.ui-icon-circle-zoomin
{
background-position:-176px -192px}

.ui-icon-circle-zoomout
{
background-position:-192px -192px}

.ui-icon-circle-check
{
background-position:-208px -192px}

.ui-icon-circlesmall-plus
{
background-position:0 -208px}

.ui-icon-circlesmall-minus
{
background-position:-16px -208px}

.ui-icon-circlesmall-close
{
background-position:-32px -208px}

.ui-icon-squaresmall-plus
{
background-position:-48px -208px}

.ui-icon-squaresmall-minus
{
background-position:-64px -208px}

.ui-icon-squaresmall-close
{
background-position:-80px -208px}

.ui-icon-grip-dotted-vertical
{
background-position:0 -224px}

.ui-icon-grip-dotted-horizontal
{
background-position:-16px -224px}

.ui-icon-grip-solid-vertical
{
background-position:-32px -224px}

.ui-icon-grip-solid-horizontal
{
background-position:-48px -224px}

.ui-icon-gripsmall-diagonal-se
{
background-position:-64px -224px}

.ui-icon-grip-diagonal-se
{
background-position:-80px -224px}

.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top
{
border-top-left-radius:4px}

.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr
{
border-top-right-radius:4px}

.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left
{
border-bottom-left-radius:4px}

.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right
{
border-bottom-right-radius:4px}

.ui-widget-overlay,.ui-widget-shadow
{
	background:#aaa url(https://code.jquery.com/ui/1.11.2/themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity:.3;
filter:Alpha(Opacity=30)}

.ui-widget-shadow
{
	margin:-8px 0 0 -8px;
	padding:8px;
border-radius:8px}

.clear
{
	clear:both;
	height:.1px;
overflow:hidden}

hr.clear
{
border:none}

.hid
{
display:none}

.relative
{
position:relative}

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

.fleft
{
float:left}

.fright
{
float:right}

.fnone
{
float:none}

.m10
{
margin:10px}

.mt5
{
margin-top:5px}

.mt10
{
margin-top:10px}

.mb5
{
margin-bottom:5px}

.mb10
{
margin-bottom:10px}

.mb20
{
margin-bottom:20px}

.ml10
{
margin-left:10px}

.mr10
{
margin-right:10px}

.mt20
{
margin-top:20px}

.mt30
{
	margin-top:30px;
margin-top:10px}

.mauto
{
margin:0 auto}

.p5
{
padding:5px}

.p10,.p20
{
padding:10px}

.pt10
{
padding-top:10px}

.pb10
{
padding-bottom:10px}

.pl10
{
padding-left:10px}

.pr10
{
padding-right:10px}

.h10
{
height:10px}

.h5
{
height:5px}

.t_center
{
text-align:center}

.t_right
{
text-align:right}

.t_left
{
text-align:left}

.t_justify
{
text-align:justify}

.small_1
{
font-size:.9em}

.small_2
{
font-size:.8em}

.small_3
{
font-size:.7em}

.big_1
{
font-size:1.1em}

.big_2
{
font-size:1.2em}

.bigos
{
font-size:2em}

.bold
{
font-weight:700}

.uppercase
{
text-transform:uppercase}

.pointer
{
cursor:pointer}

.h5white
{
	height:5px;
	background:#fff;
overflow:hidden}

.c_blanc
{
color:#fff}

.c_noir
{
color:#000}

.c_rouge
{
color:#de3d41}

.c_vert
{
color:#7cbd05}

.r2
{
border-radius:2px}

.r5
{
border-radius:5px}

.computer .anim_1s
{
transition:all 1s ease-in-out}

.computer .anim_01s
{
transition:all .1s ease-in-out}

.computer .anim_03s
{
transition:all .3s ease-in-out}

.box_shadow1
{
box-shadow:0 0 10px rgba(0,0,0,.5)}

.rotate_10
{
	-ms-transform:rotate(10deg);
	-o-transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg)}

.ts1
{
text-shadow:1px 1px 0 rgba(0,0,0,.2)}

.bs1
{
box-shadow:1px 1px 3px rgba(0,0,0,.4)}

*
{
	margin:0;
	padding:0;
float:none}

#bcolo #bcolo_mid,#bcolo_c1,#c1,#c1 .box
{
width:100%}

#bcolo_c1
{
display:block}

#bcolo_c2,#bcolo_foot,#bcolo_top,#btitre,#flash_over,#foot,#menu,.bbox,.btitre,.double_box,.titre_classic
{
display:block;
}

#ie6
{
	position:absolute;
	top:10px;
	width:100%;
z-index:2000}

#ie6 #ie6_global
{
	position:relative;
	width:95%;
	margin:0 auto;
	background:#f7dcdf;
border:2px solid #cd0516}

#ie6 #ie6_content
{
	width:940px;
margin:0 auto}

#ie6 #ie6_close
{
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	width:24px;
	height:24px;
	cursor:pointer;
background:url(/design/normal/images/ie6_close.gif)}

#ie6 .texte
{
	float:left;
	width:380px;
	height:130px;
	padding:50px 20px 0 160px;
background:url(/design/normal/images/ie6_visuel.gif) no-repeat 0 0}

#ie6 .texte .titre
{
	margin-bottom:10px;
	font:1.6em Arial;
color:#cd0516}

#ie6 .texte .msg
{
font-size:1.2em}

#ie6 .navigateurs
{
	float:left;
	width:380px;
padding:30px 0 0}

#ie6 .navigateurs a
{
	display:block;
	float:right;
	width:113px;
	height:113px;
	margin-left:10px;
	overflow:hidden;
	text-decoration:none;
background:url(/design/normal/images/ie6_navigateurs.jpg)}

#ie6 .navigateurs .firefox
{
	margin-left:0;
background-position:0 0}

#ie6 .navigateurs .chrome
{
background-position:-113px 0}

#ie6 .navigateurs .ie8
{
background-position:-226px 0}

*
{
-webkit-font-smoothing:antialiased}

a i
{
display:none}

a:focus
{
outline:none}

.forcer_largeur
{
	width:630px;
	height:inherit;
max-width:100%}

img.bordure_blanche
{
border:10px solid #fff}

#bcolo .forcer_largeur
{
width:inherit}

.open_in_lightbox
{
	display:block;
text-align:center}

.mycontent table td img
{
float:left}

.mycontent h3
{
	font-size:1.4em;
margin:15px 0}

#top.big
{
height:230px}

#top>.logo
{
display:none}

.w320 #top>.logo,.w480 #top>.logo
{
	display:block;
	transform-origin:top right;
	-webkit-transform-origin:top right;
	-moz-transform-origin:top right;
	-ms-transform-origin:top right;
	left:inherit;
	right:10px;
	position:absolute;
top:2px}

.w320 #menu2 .logo,.w480 #menu2 .logo
{
display:none}

#logo_mini
{
	display:block;
	position:absolute;
	top:10px;
	left:0;
	width:200px;
	height:96px;
	text-indent:1000em;
	overflow:hidden;
background:url(/design/normal/images/logo_mini_en.png)}

#c1
{
	float:left;
width:650px}

#c2
{
	position:relative;
	float:right;
width:300px}

.full #c1
{
width:970px}

.full #c1 .box
{
width:inherit}

.full #c2
{
	position:absolute;
	top:0;
	right:0;
padding-bottom:0}

#top .zone_clic
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:230px;
	text-decoration:none;
background:url(/design/normal/images/spacer.gif) repeat}

#clicable_skin,#swf_skin
{
	z-index:1;
	width:100%;
	height:100%;
	background:url(/e.gif);
	cursor:pointer;
	position:fixed;
	top:0;
	left:0;
	overflow:visible;
display:none}

.w960 #clicable_skin,.w960 #swf_skin,.w960 #top .zone_clic
{
display:block}

#swf_skin
{
z-index:0}

html>body #swf_skin
{
height:100%}

.pub
{
	position:relative;
line-height:0}

.pub468x60:after
{
background:none}

.pub1x1:after,.pub300x450:after,.pub.pubDHTML:after,.pubpopunder:after,.pubSKIN:after,.pubSLIDER:after,.pubslideshow:after
{
display:none!important}

#genbu-slot:empty
{
display:none}

.pub_pave
{
	position:relative;
width:300px}

.pub_close
{
	display:block;
	position:absolute;
	top:0;
	right:-12px;
	width:12px;
	height:13px;
	overflow:hidden;
background:url(/design/normal/images/pub_close.png)}

.pub_topright
{
	position:relative;
	float:right;
	width:160px;
	height:600px;
text-align:center}

#box_pub_foot
{
	position:relative;
	width:728px;
	margin:10px auto 0;
	padding:10px;
	border-radius:5px;
background:rgba(0,0,0,.5)}

#box_pub_foot .pub_close
{
top:5px}

.pub468x60
{
	position:relative;
	width:610px;
	height:60px;
	padding:10px;
	margin:10px auto;
	background:#fff;
	text-align:center;
border-radius:5px}

#c2 .pub
{
	margin-bottom:20px;
	box-shadow:1px 1px 3px rgba(0,0,0,.5);
line-height:0}

.pub.pubDPD,.pub.pubDPG
{
	float:left;
	margin:12px;
box-shadow:2px 2px 2px rgba(0,0,0,.3)}

#c1 .box,#c1 .box a
{
color:#fff}

#c1 .box
{
	position:relative;
	width:650px;
z-index:2}

#c1 .box:after,#c1 .box:before
{
	content:"";
	height:.1px;
	display:block;
	background:transparent;
clear:both}

.ref
{
	padding:10px;
color:#fff}

.ref h2
{
font-size:1em}

.ref a
{
	color:#fff;
text-decoration:none}

.ref a:hover
{
text-decoration:underline}

.ref ul
{
	width:630px;
text-align:left}

.ref ul li
{
	display:inline;
padding:2px 7px 0 0}

.btn_special
{
	width:110px;
	height:36px;
padding:14px 0 0 50px}

.btn_special,.btn_special2
{
	display:block;
	margin:0 auto;
	color:#fff;
	text-align:left;
	text-transform:uppercase;
	text-decoration:none;
	font-size:1.3em;
	font-weight:700;
	overflow:hidden;
	background:url(/design/normal/images/btn_special.png);
border:0}

.btn_special2
{
	width:160px;
	height:50px;
padding:0 0 0 39px}

.btn_special_blue
{
background-position:0 0}

.btn_special_blue:hover
{
background-position:-160px 0}

.btn_special_brown
{
background-position:0 50px}

.btn_special_brown:hover
{
background-position:-160px 50px}

#div_debug
{
	position:absolute;
	top:0;
	right:0;
	padding:5px;
	color:#ff0;
background:#c00}

#abus_box
{
	width:320px;
	padding:0 0 0 150px;
	background:url(/design/normal/images/abus_bg.png) no-repeat 0 15px;
min-height:265px}

.form_msg .titre
{
	display:block;
	font-size:1.5em;
	font-weight:700;
color:#333}

.form_msg .desc,.form_msg .titre
{
margin-bottom:5px}

.form_msg .label
{
	display:block;
	margin:0 0 5px;
	font-size:1.2em;
	font-weight:700;
color:#333}

.form_msg .text
{
	display:block;
	width:224px;
	height:32px;
	margin:0 0 10px;
	padding:0 3px;
	font-size:1.4em;
	background:url(/design/normal/images/register_text.png);
border:0}

.form_msg .select
{
margin:0 0 7px}

.form_msg .select option
{
	padding:0 5px 0 0;
font-size:1.2em}

.form_msg .textarea
{
	display:block;
	width:314px;
	height:165px;
	margin:0 0 10px;
	padding:5px 3px 0;
	font:1.2em Arial;
	background:url(/design/normal/images/textarea.png) no-repeat 0 0;
	border:0;
overflow:auto}

.form_msg .btn
{
	display:block;
	width:142px;
	margin:15px 0 0;
	padding:7px 0 9px 24px;
	color:#fff;
	text-align:left;
	text-transform:uppercase;
	text-decoration:none;
	font-size:1em;
	font-weight:700;
	overflow:hidden;
	background:url(/design/normal/images/form_btn.png) no-repeat;
border:0}

.cobalib
{
	_position:relative;
_padding:0 0 7px}

.cobalib span
{
	display:block;
	width:170px;
overflow:hidden}

.cobalib .top
{
	height:7px;
background:url(/design/normal/images/cobalib/top.gif) no-repeat 0 0}

.cobalib .corps
{
	width:160px;
	padding:0 5px;
	font-size:.9em;
background:url(/design/normal/images/cobalib/line.gif) repeat-y}

.cobalib .bottom
{
	_position:absolute;
	_bottom:-18px;
	_left:0;
	height:7px;
background:url(/design/normal/images/cobalib/bottom.gif) no-repeat 0 0}

.search_box
{
	background:#fff;
	border-bottom:5px solid #ddd;
border-radius:2px}

.search_box em
{
	display:block;
	z-index:1;
	content:"";
	position:absolute;
	top:4px;
	left:5px;
	width:38px;
	height:38px;
background:url(/design/normal/images/icons/loupe_38x38.png) no-repeat}

.search_box:hover em
{
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg)}

.search_box .recherche
{
	z-index:0;
	border:none;
	position:absolute;
	background:#ddd;
	box-shadow:inset 1px 2px 5px rgba(0,0,0,.2);
	top:5px;
	left:30px;
	width:321px;
	padding:0 5px 0 15px;
	height:31px;
font-size:1.3em}

.search_box .search_go
{
	border:none;
	position:absolute;
	background:#ff8000;
	box-shadow:inset 0 -10px 10px hsla(0,0%,100%,.4);
	top:4px;
	right:4px;
	width:40px;
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,.4);
	font-size:1.5em;
	padding:2px 0 8px;
	max-height:31px;
box-shadow:0 0 2px rgba(0,0,0,.3)}

.search_box .search_go:hover
{
background:#f60}

.search_box label
{
	z-index:-1;
	display:block;
	background:#33b0df;
	width:100px;
	position:absolute;
	top:5px;
	left:4px;
	color:#fff;
	text-align:center;
	border-radius:5px 5px 0 0;
	padding:3px 8px;
	text-shadow:1px 1px 1px rgba(0,0,0,.4);
	font-size:1.4em;
box-shadow:inset 0 8px 10px rgba(0,0,0,.2)}

.search_box:hover label
{
top:-26px}

#club_perso .search_box,.search_box.c2
{
	position:relative;
	top:0;
	left:0;
	width:300px;
	height:40px;
margin-bottom:20px}

#club_perso .search_box .recherche,.search_box.c2 .recherche
{
width:200px}

#c2 .search_box,.search_box.c2 label
{
display:none}

#box_ref
{
	width:650px;
	margin-top:10px;
	border-radius:5px;
background:url(/design/normal/images/spacer_noir_50.png) repeat}

#box_ref .box_ref_content
{
	position:relative;
	margin:10px;
	color:#fff;
	padding-bottom:10px;
font-size:1.1em}

#box_ref .box_ref_content a
{
color:#fff}

#box_ref .box_ref_content a:hover
{
color:#fc0}

#box_ref .box_ref_content .titre,#box_ref .box_ref_content h2
{
	display:block;
	margin:0 0 5px;
	padding:10px 0 0;
	font-size:1.6em;
	clear:both;
font-family:Luckiest Guy,cursive}

#box_ref .box_ref_content p
{
	padding:5px 0;
line-height:1.4em}

#box_ref .box_ref_content ul
{
padding:5px 0 5px 50px}

#box_ref .box_ref_content li
{
list-style:circle}

#box_ref a.nouveaute
{
	display:block;
	width:48%;
	float:left;
	text-align:left;
	text-decoration:none;
	height:18px;
	overflow:hidden;
padding:0 2% 0 0}

#box_ref a.nouveaute:nth-child(odd)
{
	text-align:right;
padding:0 0 0 2%}

.socialBar
{
	background:rgba(0,0,0,.6);
	padding:5px 10px 10px;
	border-radius:5px;
	width:215px;
	top:2px;
left:-245px}

.socialBar,.socialBar:before
{
	display:block;
position:absolute}

.socialBar:before
{
	content:"";
	border:5px solid transparent;
	border-left:5px solid rgba(0,0,0,.6);
	top:10px;
right:-10px}

.socialBar>span
{
	display:block;
	font-size:.9em;
	text-align:center;
	color:hsla(0,0%,100%,.8);
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
padding-bottom:5px}

.socialBar>div
{
	display:table;
margin:auto}

.w960 .socialBar.bottom
{
	margin:0;
	position:relative;
	display:block;
	width:100%;
	padding-left:0;
	padding-right:0;
border-radius:0 0 5px 5px}

.top_desc a.img
{
border-bottom:none}

.top_desc img
{
max-width:100%}

.top_desc ul
{
list-style:circle}

.top_desc ol,.top_desc ul
{
margin:5px 0 5px 50px}

.top_desc li
{
list-style:circle}

.top_desc ol li
{
list-style:decimal}

.separate
{
	padding:10px 0 0;
	background:url(/design/normal/images/separate.png) no-repeat top;
_background:none}

.separate_top
{
	padding:5px 0;
	background:url(/design/normal/images/separate_top.png) no-repeat 0 0;
_background:none}

.bloc_footer_seo
{
	float:left;
	width:249px;
padding:0 10px 10px 0}

.btn_insc_log
{
	display:block;
	margin:0 auto;
	padding:10px 0;
	color:#fff;
	font-weight:700;
	font-size:1.2em;
	text-decoration:none;
text-align:center}

.btn_insc_log:hover
{
text-decoration:underline}

#home_tags
{
	margin-top:10px;
clear:both}

#home_tags,#home_tags_bg
{
	position:relative;
width:650px}

#home_tags_bg
{
	border-radius:5px;
background:url(/design/normal/images/home_tags_bg.gif) repeat-y}

.home_box
{
	position:relative;
	width:163px;
	padding:5px 0;
float:left}

.home_box .titre
{
	position:relative;
	width:113px;
	padding:10px 5px 10px 45px;
	color:#fff;
	font-size:1.5em;
background:url(/design/normal/images/spacer_blanc_30.png)}

.home_box_4
{
width:161px}

.home_box_4 .titre
{
width:111px}

.home_box .titre .ico
{
	display:block;
	position:absolute;
	top:-2px;
	left:3px;
	width:40px;
	height:40px;
	margin-right:5px;
overflow:hidden}

.home_box_1 .titre .ico
{
background:url(/design/normal/images/ico_age_40.png)}

.home_box_2 .titre .ico
{
background:url(/design/normal/images/ico_boy_40.png)}

.home_box_3 .titre .ico
{
background:url(/design/normal/images/ico_girl_40.png)}

.home_box_4 .titre .ico
{
background:url(/design/normal/images/ico_fete_40.png)}

.home_box .liens
{
	display:block;
	padding:10px;
color:#fff}

.home_box .liens a
{
	color:#fff;
text-decoration:none}

.home_box .liens a:hover
{
text-decoration:underline}

#home_tags_corners
{
	position:absolute;
	bottom:70px;
	right:0;
	width:650px;
	height:73px;
background:url(/design/normal/images/home_tag_corner.png)}

.top_h1 a
{
text-decoration:none}

.narrow_ads,.wide_ads
{
	width:596px;
margin:0 auto}

#fitres_tags
{
margin:10px}

#fitres_tags a
{
	text-decoration:none;
font-size:1em}

#fitres_tags strong
{
	display:block;
	float:left;
margin:0 20px 30px 0}

.ninja
{
	display:block;
	position:relative;
	width:135px;
	height:90px;
	margin-bottom:5px;
float:left}

.de .ninja,.pt .ninja
{
margin-bottom:10px}

.ninja .cadre
{
	top:0;
	left:0;
	width:135px;
	height:90px;
background:url(/design/normal/images/cadre_visuel.png)}

.ninja .bg,.ninja .cadre
{
	display:block;
position:absolute}

.ninja .bg
{
	top:3px;
	left:3px;
	width:129px;
height:84px}

.ninja .bg_rose
{
background:#e64d91}

.ninja .bg_bleu
{
background:#009cd7}

.ninja .bg_pourpre
{
background:#903}

.ninja .bg_fables
{
background:#663}

.ninja .bg_memory
{
background:#d93236}

.ninja .bg_yodi
{
background:url(/design/normal/images/bg_yodi.jpg)}

.ninja .visuel
{
	display:block;
	position:absolute;
	top:5px;
	left:0;
	width:135px;
height:91px}

.ninja .visuel_pyn_fr
{
background:url(/design/normal/images/visuel_pyn_fr.png)}

.ninja .visuel_sc_fr
{
background:url(/design/normal/images/visuel_sc_fr.png)}

.ninja .visuel_pyn_en
{
background:url(/design/normal/images/visuel_pyn_en.png)}

.ninja .visuel_sc_en
{
background:url(/design/normal/images/visuel_sc_en.png)}

.ninja .visuel_pyn_es
{
background:url(/design/normal/images/visuel_pyn_es.png)}

.ninja .visuel_sc_es
{
background:url(/design/normal/images/visuel_sc_es.png)}

.ninja .visuel_ae_fr
{
background:url(/design/normal/images/visuel_ae_fr.png)}

.ninja .visuel_ae_en
{
background:url(/design/normal/images/visuel_ae_en.png)}

.ninja .visuel_ae_es
{
background:url(/design/normal/images/visuel_ae_es.png)}

.ninja .visuel_yodi
{
background:url(/design/normal/images/visuel_yodi.png)}

.ninja .visuel_f_es,.ninja .visuel_f_fr
{
background:url(/design/normal/images/visuel_f_fr.png)}

.ninja .visuel_ld_es
{
background:url(/design/normal/images/visuel_ld_es.png)}

.ninja .visuel_ld_fr
{
background:url(/design/normal/images/visuel_ld_fr.png)}

.ninja .visuel_ld_en
{
background:url(/design/normal/images/visuel_ld_en.png)}

.ninja .visuel_ld_de
{
background:url(/design/normal/images/visuel_ld_de.png)}

.ninja .visuel_m_de,.ninja .visuel_m_en,.ninja .visuel_m_es,.ninja .visuel_m_fr
{
background:url(/design/normal/images/visuel_memory.png)}

.ninja_big
{
	height:315px;
	text-decoration:none;
overflow:hidden}

.ninja_big .cadre
{
	height:315px;
	background:url(/design/normal/images/cadre_mea_yodicity.png);
z-index:10}

.ninja_big .bg
{
height:309px}

.ninja_big .bg_yodi
{
z-index:7}

.ninja_big .visuel_yodi
{
	z-index:8;
background:none}

.ninja_big .visuel
{
	top:0;
	left:0;
	width:135px;
	height:315px;
overflow:hidden}

.ninja_big .visuel_yodi img
{
	left:-230px;
position:absolute}

.ninja_big .visuel_yodi.age_1 img
{
top:-290px}

.ninja_big .visuel_yodi.age_2 img
{
top:-245px}

.ninja_big .visuel_yodi.age_3 img
{
top:-180px}

.ninja_big .visuel_yodi.age_4 img
{
top:-135px}

.ninja_big .visuel_yodi.age_5 img
{
top:-90px}

.ninja_big .texte
{
	position:absolute;
	bottom:3px;
	left:3px;
	width:110px;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:url(/design/normal/images/spacer_noir_50.png);
z-index:9}

.jaquette
{
	float:left;
margin:0 10px 10px 0}

.jaquette img
{
	width:200px;
	margin:3px;
border:2px solid #fff}

.medias
{
	background:url(/_design/img/digitalbros/cadre.jpg) no-repeat 0 0;
width:470px}

.medias div
{
	margin:10px;
	overflow:hidden;
width:618px}

.medias embed,.medias object
{
	display:block;
	margin:auto;
width:450px}

.medias h3
{
	color:#fff;
	font-size:21px;
	letter-spacing:-1px;
margin:10px 0}

.medias .liste a
{
	border:2px solid #fff;
	width:139px;
	height:100px;
	float:left;
	margin:0 10px 10px 0;
overflow:hidden}

.medias .liste
{
margin:10px 0 10px 10px}

.medias .liste img
{
	border:0;
width:139px}

.medias .bigimg img
{
	margin:0 auto;
	display:block;
max-width:450px}

.bolink a
{
color:#000}

.p404
{
	width:510px;
	height:100px;
	padding:30px 0 30px 100px;
	font-size:1.2em;
	color:#fff;
background:#009cd7 url(/design/normal/images/p404.png) no-repeat 15px 5px}

.p404 .titre
{
font-size:2em}

.p404 .text
{
font-size:1.3em}

.suivant_precedent
{
	display:block;
	width:100%;
	margin:10px 0;
	padding:10px 0;
z-index:10}

.suivant_precedent:after
{
	content:"";
	display:block;
	width:100%;
clear:both}

.suivant_precedent a
{
	position:relative;
	display:block;
	width:50%;
	color:#fff;
text-decoration:none}

.suivant_precedent a:hover .fleche
{
	-ms-transform:scale(1.2);
transform:scale(1.2)}

.suivant_precedent a .txt
{
	display:inline-block;
	font-size:1.2em;
	padding-top:6px;
max-width:70%}

.suivant_precedent a:hover .txt
{
text-decoration:underline}

.suivant_precedent .prev:hover .txt
{
left:115px}

.suivant_precedent .next:hover .txt
{
right:115px}

.suivant_precedent a .img
{
	position:absolute;
	bottom:100%;
	display:block;
	width:150px;
	border-radius:3px;
	background-position:50%;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#fff;
	overflow:hidden;
	box-shadow:1px 1px 3px rgba(0,0,0,.3),inset 0 0 1px #fff;
	height:0;
z-index:10}

.suivant_precedent a:hover .img
{
height:150px}

.suivant_precedent a.prev .img
{
left:40px}

.suivant_precedent a.next .img
{
right:40px}

.suivant_precedent a .fleche
{
	display:block;
	width:30px;
	height:30px;
	background:url(/design/normal/v5/prev-next.png);
z-index:0}

.suivant_precedent .prev
{
float:left}

.suivant_precedent .next
{
	float:right;
text-align:right}

.suivant_precedent .prev .fleche
{
	background-position:0 0;
	float:left;
margin-right:10px}

.suivant_precedent .next .fleche
{
	background-position:0 -30px;
	float:right;
margin-left:10px}

.dark .suivant_precedent .prev .fleche
{
background-position:0 -60px}

.dark .suivant_precedent .next .fleche
{
background-position:0 -90px}

.suivant_precedent .prev .fleche
{
left:0}

.suivant_precedent .next .fleche
{
right:0}

.btn_jaune_r5
{
	padding:8px 10px;
	color:#fff;
	font-size:1.4em;
	font-weight:700;
	text-decoration:none;
	background:#ffb400 url(/design/normal/images/bg_jaune.gif) repeat-x;
	border-radius:5px;
border:2px solid #ffb400}

.btn_jaune_r5:hover
{
border:2px solid #fff}

.txt_extra
{
	padding:10px;
	text-align:justify;
color:#fff}

.txt_extra a
{
	color:#fff;
text-decoration:underline}

.twitter_en,.twitter_es,.twitter_fr
{
	display:block;
	width:300px;
	height:50px;
border:none}

.twitter_en:hover,.twitter_es:hover,.twitter_fr:hover
{
box-shadow:inset 0 -20px 20px rgba(0,0,0,.2)}

.twitter_fr
{
background:url(/design/normal/images/twitter_fr.png)}

.twitter_es
{
background:url(/design/normal/images/twitter_es.png)}

.twitter_en
{
background:url(/design/normal/images/twitter_en.png)}

.tag.admin
{
	background:#c00;
color:#fff}

.tag.admin:hover
{
background:red}

.tag.admin:before
{
	content:"ACTION ADMINISTRATEUR : ";
	font-weight:700;
color:#fc0}

.white_box
{
background:#fff}

.titre a
{
text-decoration:none}

#cobabox
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:url(/design/normal/images/bg_cobabox.png);
	_background:none;
z-index:10000}

#cobabox_cont
{
	position:absolute;
background:url(/design/normal/images/spacer.gif) repeat}

#cobabox_cont iframe
{
	padding:10px;
	position:relative;
	z-index:2;
	background:#fff;
_border:10px solid #222}

#cobabox_cont iframe body
{
	position:relative;
	background:url(/design/normal/images/spacer.gif) repeat;
z-index:10000}

#cobabox_cont #fermer_cobabox_btn
{
	position:absolute;
	top:-19px;
	right:-19px;
	display:block;
	width:38px;
	height:38px;
	z-index:1000;
	cursor:pointer;
	background:url(/design/normal/images/btn_fermer_cobabox.png) no-repeat;
	_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/design/normal/images/btn_fermer_cobabox.png",sizingMethod=image)}

.hk-alert
{
	position:relative;
	min-height:200px;
min-width:320px}

.hk-alert .visuel
{
	position:relative;
	float:left;
	width:220px;
	height:208px;
	background-position:0 0;
	background-size:cover;
background-repeat:no-repeat}

.hk-alert.alert_success .visuel
{
background-image:url(/design/normal/assets/carl-green.png)}

.hk-alert.alert_error .visuel
{
background-image:url(/design/normal/images/alert_error.png)}

.hk-alert.alert_notice .visuel
{
background-image:url(/design/normal/images/alert_notice.png)}

.hk-alert.alert_inf .visuel
{
background-image:url(/design/normal/images/alert_inf.png)}

.hk-alert h2
{
	font-size:1.5em;
	font-weight:700;
	color:#333;
padding-left:240px}

.hk-alert .text
{
	padding:10px 0 0 240px;
font-size:1.3em}

.hk-alert.alert_error h2
{
color:#d3000a}

#mon_preroll
{
	position:relative;
	border-radius:5px;
	background:#3d3d3d;
	border:1px solid #666;
padding:60px 0}

#mon_preroll .title
{
	color:#ccc;
	position:absolute;
	top:5px;
	right:5px;
	text-transform:uppercase;
font-size:.6em}

#mon_preroll .content
{
	padding:10px;
text-align:center}

#mon_preroll #cntdown
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:url(/design/normal/images/preroll_dark_bg.png) repeat-x 0 100%;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	text-align:center;
	padding-top:50px;
	height:50px;
	font-size:.8em;
color:#fff}

#mon_preroll #cntdown a
{
	display:block;
color:#666}

#mon_preroll #cc_preroll
{
	display:block;
	position:absolute;
	left:0;
	top:70px;
	width:100%;
z-index:10}

.jds_share
{
	background:url(/design/normal/images/share_audrey.png) no-repeat 0 0;
	height:107px;
padding:0 0 0 112px}

.jds_share .unit
{
	background:url(/design/normal/images/share_bg.png) repeat-x 0 0;
	height:57px;
	padding:43px 0 0;
	float:left;
text-align:center}

.jds_share .titre
{
	float:left;
	padding-top:42px;
	padding-right:10px;
	font-family:Amaranth,arial,serif;
	text-shadow:2px 2px 2px rgba(0,0,0,.4);
font-size:1.125em}

.jds_share .separate
{
	float:left;
	background:url(/design/normal/images/share_separator.png) no-repeat 0 0;
	width:10px;
height:107px}

.jds_share .end
{
	float:left;
	background:url(/design/normal/images/share_end.png) no-repeat 0 0;
	width:10px;
height:107px}

@keyframes c
{
	0%
	{
	bottom:-100px}

	to
	{
	bottom:0}
}

#HKnotify
{
	font-family:Arial,Helvetica,sans-serif;
	position:fixed;
	bottom:0;
	z-index:10000;
	text-align:center;
	width:100%;
left:0}

#HKnotify .HKnotif .content
{
	width:90%;
margin:auto}

.w960 #HKnotify .HKnotif .content
{
width:960px}

#HKnotify .HKnotif
{
	position:relative;
	padding:10px;
	border-top:1px solid rgba(0,0,0,.2);
	overflow:hidden;
	font-size:1.4em;
	box-shadow:10px 0 5px rgba(0,0,0,.25);
	-webkit-animation-name:c;
	-webkit-animation-duration:1s;
	-moz-animation-name:c;
	-moz-animation-duration:1s;
	-o-animation-name:c;
	-o-animation-duration:1s;
	-ms-animation-name:c;
	-ms-animation-duration:1s;
	animation-name:c;
animation-duration:1s}

#HKnotify .HKnotif,#HKnotify .HKnotif a
{
color:rgba(0,0,0,.6)}

#HKnotify .HKnotif a
{
text-decoration:underline}

#HKnotify .HKnotif.default
{
background:#434a55}

#HKnotify .HKnotif.default,#HKnotify .HKnotif.default a
{
color:hsla(0,0%,100%,.5)}

#HKnotify .HKnotif.success
{
background:#8fc238}

#HKnotify .HKnotif.info
{
background:#46aede}

#HKnotify .HKnotif.danger
{
background:#d64651}

#HKnotify .HKnotif.warning
{
background:#f77049}

#HKnotify .HKnotif .close
{
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:20px;
	height:20px;
	font-style:normal;
	font-size:1.5em;
cursor:pointer}

#HKnotify .HKnotif .close:hover
{
color:rgba(0,0,0,.9)}

#HKnotify .btn
{
	padding:6px;
	background:rgba(0,0,0,.6);
	color:hsla(0,0%,100%,.6);
	border:none;
	border-radius:5px;
	display:inline-block;
	margin-left:10px;
cursor:pointer}

#HKnotify .btn:hover
{
background:rgba(0,0,0,.8)}

li.contenu.contenuVideo em:before
{
	transition:all .2s ease-in-out;
	content:"";
	display:block;
	background:url(/design/normal/v5/icon-menu-2015-07.png) no-repeat -350px 0;
	width:70px;
	height:70px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	-ms-transform-origin:center center;
	transform-origin:center center;
	top:20%;
	left:33%;
	transform:scale(.6);
	-webkit-transform:scale(.6);
	-ms-transform:scale(.6);
opacity:1}

li.contenu.contenuVideo:hover em:before
{
	transform:scale(.9);
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
opacity:.7}

.w320 li.contenu.contenuVideo em:before
{
	top:30%;
	left:40%;
	-ms-transform:scale(1.2);
transform:scale(1.2)}

li.contenuVideo.active
{
opacity:.5}

@keyframes d
{
	0%
	{
		transform:scale(.6);
		-webkit-transform:scale(.6);
	-ms-transform:scale(.6)}

	50%
	{
		transform:scale(.8);
		-webkit-transform:scale(.8);
	-ms-transform:scale(.8)}

	to
	{
		transform:scale(.6);
		-webkit-transform:scale(.6);
	-ms-transform:scale(.6)}
}

li.contenuVideo.active em:before
{
	animation-name:d;
	animation-duration:2s;
animation-iteration-count:infinite}

li.contenuVideo em
{
	height:60%;
box-shadow:2px 2px 2px rgba(0,0,0,.3)}

li.contenuVideo a
{
	overflow:visible;
box-shadow:none}

li.contenuVideo em img
{
top:-20%}

li.contenuVideo a h2
{
	position:absolute;
	left:0;
	bottom:inherit;
	top:65%;
	text-align:center;
	color:hsla(0,0%,100%,.7);
	background:none;
opacity:1}

.videoList li:nth-child(3n+1)
{
clear:left}

.w320 .videoList li:nth-child(3n+1)
{
clear:none}

li.contenuVideo u
{
	display:block;
	position:absolute;
	background:rgba(0,0,0,.7);
	color:hsla(0,0%,100%,.8);
	padding:2px 3px;
	border-radius:3px;
	bottom:5px;
	right:5px;
	font-size:.9em;
	text-decoration:none;
	font-style:normal;
	z-index:11;
line-height:1em}

#HKcarousel ul li.contenuVideo
{
	background:none;
box-shadow:none!important}

#HKcarousel ul li.contenuVideo h2
{
	background:none;
	opacity:1;
font-size:1em}

.dark li.contenuVideo a h2
{
color:rgba(0,0,0,.7)}

#mon_contenu
{
margin:auto}

.videoList .rubrique .editThumb
{
visibility:hidden}

.videoList .rubrique>span
{
	display:block;
	width:40%;
	padding:0 2%;
	left:inherit;
	right:2.5%;
	opacity:1;
	border-radius:0 2px 0 5px;
	line-height:1.3em;
	background:none;
	text-transform:uppercase;
	color:hsla(0,0%,100%,.7);
text-shadow:none}

.videoList .rubrique>span>span
{
	font-size:2.5em;
	display:block;
	line-height:1em;
	margin-top:20%;
letter-spacing:-.05em}

.videoList .rubrique>span:after
{
	content:"";
	display:block;
	width:36px;
	height:36px;
	background:url(/design/normal/v5/icon-menu-2015-07.png) no-repeat -648px -17px;
	position:relative;
	margin:auto;
opacity:.5}

.videoList .rubrique>em:after
{
	content:"";
	display:block;
	width:46.5%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:absolute;
	z-index:2;
	top:0;
right:0}

.videoList .rubrique.empty>em:after
{
display:none}

#review
{
	clear:both;
	position:relative;
overflow:hidden}

#review .titre
{
margin-bottom:20px}

#review #firstname,#review #name
{
	position:absolute;
left:-10002px}

#review input[type=text],#review textarea
{
	box-shadow:inset 0 2px 5px rgba(0,0,0,.4);
	display:inline-block;
	border-radius:10px;
	text-shadow:0 1px 0 rgba(0,0,0,.4);
	padding:20px;
	box-sizing:border-box;
	font-size:16px;
color:#fff}

#review input[type=text]::-webkit-input-placeholder,#review textarea::-webkit-input-placeholder
{
text-shadow:none}

#review input[type=text]:-moz-placeholder,#review input[type=text]::-moz-placeholder,#review textarea:-moz-placeholder,#review textarea::-moz-placeholder
{
text-shadow:none}

#review input[type=text]:-ms-input-placeholder,#review textarea:-ms-input-placeholder
{
text-shadow:none}

#review input[type=text]
{
	width:250px;
	height:25px;
	float:left;
cursor:auto}

@media (max-width:737px)
{
	#review input[type=text]
	{
	width:100%}
}

#review textarea
{
	width:650px;
	height:100px;
	float:right;
	resize:none;
outline:none}

@media (max-width:1025px)
{
	#review textarea
	{
	width:calc(100% - 280px)}
}

@media (max-width:737px)
{
	#review textarea
	{
		width:100%;
	margin-bottom:20px}
}

#review #noter
{
	display:inline-block;
	height:25px;
	width:150px;
	margin:20px 0 10px;
	line-height:0;
	float:right;
	font-size:18px;
border-radius:15px}

#review .starrating em
{
	display:inline-block;
	margin-top:10px;
	padding:0 2px;
	text-shadow:hsla(0,0%,100%,.4) 1px 1px 0;
transition:all .3s ease}

#review .starrating em.on
{
	text-shadow:0 1px 0 rgba(0,0,0,.4);
color:#fbc02d}

#review form
{
	padding:40px;
	box-sizing:border-box;
	position:relative;
	width:100%;
overflow:hidden}

@media (max-width:737px)
{
	#review form
	{
	padding:0}
}

#review form .starrating
{
	border-radius:10px;
	margin-top:20px;
	padding:45px 20px 10px;
	box-sizing:border-box;
	width:250px;
	position:relative;
	float:left;
	overflow:hidden;
box-shadow:inset 0 2px 5px rgba(0,0,0,.4)}

@media (max-width:737px)
{
	#review form .starrating
	{
	width:100%}
}

#review form .starrating .starsWrap
{
	margin:0 auto;
	display:block;
	text-align:center;
width:100%}

#review form .starrating label
{
	font-family:Boogaloo,Roboto,Verdana,sans-serif;
	text-transform:uppercase;
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	font-size:18px;
	padding:15px 20px 10px;
	box-sizing:border-box;
	background-color:rgba(0,0,0,.1);
	width:100%;
	text-shadow:0 1px 0 rgba(0,0,0,.4);
transition:background-color .3s ease}

#review form .starrating em
{
	cursor:pointer;
	font-size:28px;
	margin-top:0;
padding:10px 5px 0}

#review form .starrating:hover label
{
background-color:rgba(0,0,0,.05)}

#review #reviews
{
	position:relative;
	margin:20px -20px;
	width:auto!important;
overflow:hidden}

@media (max-width:737px)
{
	#review #reviews
	{
	margin:0 -20px}
}

#review #reviews #reviewList
{
color:#fff}

#review #reviews .titre
{
	padding:20px 60px;
	box-sizing:border-box;
	color:#fff;
display:inline-block}

@media (max-width:737px)
{
	#review #reviews .titre
	{
	padding:0 20px}
}

#review #reviews .note
{
	float:right;
	text-align:right;
	margin-right:60px;
margin-top:-10px}

@media (max-width:737px)
{
	#review #reviews .note
	{
		float:left;
	margin:-10px 20px 20px}
}

#review #reviews .note .starrating
{
	float:right;
font-size:26px}

@media (max-width:737px)
{
	#review #reviews .note .starrating
	{
	float:left}
}

#review #reviews .note p
{
	display:block;
	clear:both;
	margin-bottom:0;
	font-size:.8em;
padding-right:5px}

#review article
{
	position:relative;
clear:both}

#review article:after
{
	display:block;
	height:0;
	clear:both;
content:""}

#review article:nth-child(odd)
{
background:rgba(0,0,0,.04)}

#review article>div:first-child
{
	width:30%;
float:left}

@media (max-width:737px)
{
	#review article>div:first-child
	{
	width:100%}
}

#review article>div:first-child label
{
	padding:20px 20px 0 0;
	display:block;
	text-align:right;
	padding-left:60px;
	box-sizing:border-box;
	font-size:16px;
cursor:default}

@media (max-width:737px)
{
	#review article>div:first-child label
	{
		text-align:left;
	padding-left:20px}
}

#review article>div:first-child .starrating
{
	float:right;
margin-right:5px}

@media (max-width:737px)
{
	#review article>div:first-child .starrating
	{
	float:left}
}

#review article>div:first-child .rate
{
	float:right;
	padding:6px 10px 0 0;
	line-height:32px;
	font-size:.8em;
color:#fff}

@media (max-width:737px)
{
	#review article>div:first-child .rate
	{
		float:left;
		padding-left:20px;
	padding-bottom:10px}
}

#review article>div:last-child
{
	background:rgba(0,0,0,.04);
	float:left;
	width:70%;
line-height:1.5em}

@media (max-width:737px)
{
	#review article>div:last-child
	{
	width:100%}
	
	.footer-legal { 
	display: flex;
	margin : 10px;
	text-align: center;
		font-size: 0.8em;
}
}


#review article>div:last-child p
{
padding:0 20px}

#review article>div:last-child p:first-child
{
	padding-top:20px;
font-size:12px}

#review article>div:last-child p.com
{
	font-size:18px;
	box-sizing:border-box;
	padding-bottom:20px;
padding-right:60px}

#plusReviews
{
	font-size:1.3em;
	margin:20px auto;
width:300px}

.JDSdiaporama
{
	border-radius:5px;
	position:relative;
	text-align:center;
height:auto!important}

.JDSdiaporama .img
{
z-index:2}

.DiapoLoader
{
	height:300px;
	width:680px;
	background:rgba(0,0,0,.3);
	border-radius:10px;
	margin:10px 0;
position:relative}

.DiapoLoader .yodiloading
{
	top:40%;
left:45%}

.JDSdiaporama .img img
{
	position:relative;
	z-index:2;
	box-shadow:0 0 0 5px #fff,0 0 20px rgba(0,0,0,.8);
	border-radius:3px;
	float:none;
	margin:0 auto;
width:100%}

.JDSdiaporama .img.away
{
	position:absolute;
	width:100%;
	z-index:1;
left:0!important}

.JDSdiaporama.legende
{
margin-bottom:80px}

.JDSdiaporama .img label
{
	display:none;
	margin:0 10%;
	background:rgba(0,0,0,.5);
	padding:10px 5px;
	position:relative;
	z-index:1;
border-radius:0 0 5px 5px}

.JDSdiaporama.legende .img label
{
display:block}

.JDSdiaporama.prevnext
{
width:80%}

.JDSdiaporama .next,.JDSdiaporama .prev
{
	display:block;
	position:absolute;
	width:10%;
	height:1px;
	top:25%;
	background:none;
border:none}

.JDSdiaporama .next:hover,.JDSdiaporama .prev:hover
{
border:none}

.JDSdiaporama .next:before,.JDSdiaporama .prev:before
{
	content:"";
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:-25px;
background:url(/design/normal/v5/prevNext.png)}

.JDSdiaporama .prev:before
{
background-position:0 -30px}

.JDSdiaporama .next:hover:before,.JDSdiaporama .prev:hover:before
{
	-ms-transform:scale(1.2);
	transform:scale(1.2);
-webkit-transform:scale(1.2)}

.JDSdiaporama .prev:before
{
right:5px}

.JDSdiaporama .next:before
{
left:5px}

.JDSdiaporama .prev
{
left:-12%}

.JDSdiaporama .next
{
right:-12%}

/*# sourceMappingURL=main.css.map */