@font-face {
	font-family: "MontLight";
	src: url('../../public/css/mont-light.otf');
}

@font-face {
	font-family: "Mont";
	src: url('../../public/css/mont-heavy.otf');
}

*
{
	box-sizing: border-box;
}

html, body
{
	margin: 0;
	font-size: 100%;
	min-height: 100%;
	font-family: Tahoma, "Times New Roman", Helvetica, sans-serif;
}

ol
{
	list-style-type:decimal-leading-zero;
	list-style-position: inside;
	padding: 0;
}

ul
{
	list-style-image: url('../../public/images/css/list-style.png');
	line-height: 24px;
}

p
{
	margin: 8px 0;
	line-height: 24px;
}

button:hover
{
	cursor: pointer;
}

ol li
{
	padding: 5px 10px;
}

ol li:nth-child(even), ul.categories li:nth-child(even)
{
	background: #ccc;
	border: 1px solid rgb(64,64,64);
	border-left: 0;
	border-right: 0;	
}

ul.categories li:nth-child(odd)
{
	background: #aaa;
}

ul.categories li a:hover
{
	background: rgb(255, 165, 0);
}

ul.categories li a
{
	display: block;
	padding: 5px 10px;
	font-family: 'Square', Tahoma, sans-serif;
	letter-spacing: 2px;
}

table tbody td
{
	padding: 4px 8px;
}

table thead
{
  background: #333;
  color: #ccc;
  text-align: center;
  font-family: 'MontLight', Tahoma, sans-serif;
}

/* ICONS */
.icon16 { display: inline-block; width : 16px; height: 16px; font-family: 'Square', Tahoma, sans-serif; line-height: 16px; font-size: 0.75em; text-align: center; }
.icon24 { display: inline-block; width : 24px; height: 24px; font-family: 'Square', Tahoma, sans-serif; line-height: 24px; font-size: 1em; text-align: center; }
.icon32 { display: inline-block; width : 32px; height: 32px; font-family: 'Square', Tahoma, sans-serif; line-height: 32px; font-size: 1.2em; text-align: center; }
.icon48 { display: inline-block; width : 48px; height: 48px; font-family: 'Square', Tahoma, sans-serif; line-height: 48px; font-size: 1.5em; text-align: center; }

.user { background: url('../../public/images/css/icon_user.png') center center no-repeat; background-size: contain;  }
.date { background: url('../../public/images/css/icon_date.png') center center no-repeat; background-size: contain; }
.comments { background: url('../../public/images/css/icon_com.png') center center no-repeat; background-size: contain; }
.likes { background: url('../../public/images/css/icon_like.png') center center no-repeat; background-size: contain; }
.ok { background: url('../../public/images/css/check.png') center center no-repeat;  }
.fail { background: url('../../public/images/fail.png') center center no-repeat; }
.trophy { background: url('../../public/images/trial.png') center center no-repeat;  }
.star { background: url('../../public/images/premium.png') center center no-repeat; }
.everyone { background: url('../../public/images/css/everyone.png') center center no-repeat; background-size: contain; }
.teenage { background: url('../../public/images/css/teen.png') center center no-repeat; background-size: contain; }
.mature { background: url('../../public/images/css/mature.png') center center no-repeat; background-size: contain; }
.fb { background: url('../../public/images/css/fb.png') center center no-repeat; background-size: contain; }
.notifnum { background: #888; padding: 2px; border-radius: 16px; }

/* PACK */
.bgi_red { background: url('../../public/images/css/icons/bg_red.png') center center no-repeat; background-size: contain; color: white; }
.bgi_blue { background: url('../../public/images/css/icons/bg_blue.png') center center no-repeat; background-size: contain; color: white; }
.bgi_black { background: url('../../public/images/css/icons/bg_black.png') center center no-repeat; background-size: contain; color: white; }
.bgi_green { background: url('../../public/images/css/icons/bg_green.png') center center no-repeat; background-size: contain; }
.profile { background: url('../../public/images/css/icons/user.png') center center no-repeat; background-size: contain; }
.charts { background: url('../../public/images/css/icons/charts.png') center center no-repeat; background-size: contain; }
.coupon { background: url('../../public/images/css/icons/coupon.png') center center no-repeat; background-size: contain; }
.email { background: url('../../public/images/css/icons/email.png') center center no-repeat; background-size: contain; }
.biohazard { background: url('../../public/images/css/icons/biohazard.png') center center no-repeat; background-size: contain; }
.crash { background: url('../../public/images/css/icons/crash.png') center center no-repeat; background-size: contain; }
.labpot { background: url('../../public/images/css/icons/lab.png') center center no-repeat; background-size: contain; }
.beta { background: url('../../public/images/css/icons/beta.png') center center no-repeat; background-size: contain; }
.valid { background: url('../../public/images/css/icons/check.png') center center no-repeat; background-size: contain; }
.download { background: url('../../public/images/css/icons/dl.png') center center no-repeat; background-size: contain; }
.upload { background: url('../../public/images/css/icons/up.png') center center no-repeat; background-size: contain; }
.edit { background: url('../../public/images/css/icons/edit.png') center center no-repeat; background-size: contain; }
.help { background: url('../../public/images/css/icons/help.png') center center no-repeat; background-size: contain; }
.secret { background: url('../../public/images/css/icons/secret.png') center center no-repeat; background-size: contain; }
.talk { background: url('../../public/images/css/icons/talk.png') center center no-repeat; background-size: contain; }
.lockon { background: url('../../public/images/css/icons/sec_open.png') center center no-repeat; background-size: contain; }
.lockoff { background: url('../../public/images/css/icons/sec_close.png') center center no-repeat; background-size: contain; }
.notifon { background: url('../../public/images/css/icons/notif_on.png') center center no-repeat; background-size: contain; }
.notifoff { background: url('../../public/images/css/icons/notif_not.png') center center no-repeat; background-size: contain; }
.likeon { background: url('../../public/images/css/icons/love_on.png') center center no-repeat; background-size: contain; }
.likeoff { background: url('../../public/images/css/icons/love_not.png') center center no-repeat; background-size: contain; }
.moved { background: url('../../public/images/css/icons/right.png') center center no-repeat; background-size: contain; }
.cancel { background: url('../../public/images/css/icons/calendar.png') center center no-repeat; background-size: contain; }


.fit { background-size:contain; }
div.grey { background: #ccc;}
div.greybox { background: #ccc; padding: 5px; border: 1px black solid; border-left: 0; border-right: 0; margin: 10px 0; }
.darkbox { background: #333; }
.boxed, .infos, .errors, .good { background: #BDFF99; padding: 5px; border: 1px rgb(64,64,64) solid; padding: 5px; margin: 10px; border-radius: 2px; }
.good { background: rgb(190,244,90); }
.errors { background: rgb(215,30,30); color: rgb(255,220,220); }
.infos { background: rgb(53,177,213); }

.adsbygoogle { margin: 5px auto; }
.notadsbygoogle, .hidden { display: none; }

#wrapper
{
	width: 100%;
	padding: 0;
	min-height: 100%; 
}

.wrap
{
	width: 1400px;
	padding: 10px 0;
	margin: auto;
}

.liner
{
	width: 100%;
}

.liner.grey { background: #ccc; } 
.liner.white { background: #fcfcfc; }
.liner.dark { background: #333; color: #ccc; }
	

/* MENU */
#menu
{
	padding: 4px;
	
	letter-spacing: 0.1em;
	text-align: right;
}

#menu li a
{
	color: #333;
	text-decoration: none;
	font-family: 'Mont', Tahoma, sans-serif;
	border-left: 4px solid transparent;
	display: inline-block;
	padding: 0 15px 0 5px;
}

#menu li a:hover
{
	border-left-color: #74c0ec;
}

#menu li
{
	display: inline-block;
	padding: 0px 5px;
	line-height: 24px;
	color: #333;
}

#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#maintop, #content
{
	/*background-color: white;*/
}

#link-menu .subbox
{
	width: 250px;
	right: 0;
	top: 15px;
	display: none;
}

#link-menu:hover .subbox
{
	display: block;
}

#link-menu
{
	padding: 0 20px;
}

#link-menu .subbox span
{
	background: #333;
	border-bottom: 1px solid rgb(64,64,64);
}

#menu #link-menu .subbox a
{
	color: white;
	display: inline-block;
	padding: 5px;
}

/* TOP */

#mainlogo
{
	height: 80px;
	display: block;
	font-size: 30px;
	font-family: "Mont", Tahoma, sans-serif;
	color: #333;
	text-decoration: none;
}

#mainlogo img
{
	height: 100%;
	float: left;
	max-height: 80px;
}

#mainlogo:hover
{
	cursor: pointer;
	text-decoration: underline;
}
	
#top-counter, #top-counter-full
{
	position: relative;
	margin-top: 20px;
	padding-right: 202px;
}

#top-counter-full
{
	padding-right: 0;
}

#usercounter #progress-number
{
	color: black;
	background: white url('../../public/images/css/top_bg.png') left bottom repeat-x;
}

#progress-number span
{
	font-family: 'Square', Tahoma, sans-serif;
	display: inline-block;
	margin-right: 10px;
	background: url('../../public/images/css/fleche.png');
	height: 34px;
	width: 111px;
	text-align: center;
	line-height: 34px;
	font-size: 200%;
}

#usercounter a
{
	color: rgb(0,192,255);
}

#topbutton
{
	background: url('../../public/images/css/join_bg.png');
	height: 81px;
	width: 202px;
	font-size: 150%;
	color: white;
	font-family: 'Square', Tahoma, sans-serif;
	line-height: 35px;
	bottom: 0;
	right: 0;
	position: absolute;
}

#topbutton a
{
	color: white;
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
}

#progress-block
{
	border-top: 1px solid rgb(58,58,58);
	border-bottom: 1px solid rgb(68,68,68);
	border-left: 0px solid white;
	border-radius: 4px 0 0 0;
	background: rgb(121,121,121);
}

#progress-user
{
	background: rgb(0,166,226) url('../../public/images/css/progress.png') left bottom repeat-x;
	height: 20px;
	font-size: 65%;
	/*border-radius: 4px 0 0 0;*/
	color: white;
	font-family: 'Mont', Tahoma, sans-serif;
	position: relative;
	line-height: 20px;
	padding-right: 8px;
}

#progress-user span
{
	position: absolute;
	right: -8px;
	top: 0;
	height: 20px;
	width: 8px;
	background: url('../../public/images/css/bdp.png') left center repeat-y;
	
}

section
{
	padding: 5px 0;
}

h1
{
	font-variant: small-caps;
	text-align: center;
	padding: 5px 0;
	font-family: 'Mont', Tahoma, sans-serif;
	letter-spacing: 2px;
	border-top: 1px solid #ca0313;
	border-bottom: 2px solid #ca0313;
	color: #333;
	background: none;
	font-size: 30px;
}

h1 strong
{
	font-size: 150%;
	color: #ccc;
}

h2
{
	background: #333;
	color: #ca0313;
	text-align: center;
	font-family: 'MontLight', Tahoma, sans-serif;
	padding: 5px;
	margin: 0;
	font-size: 26px;
	font-variant: small-caps;
}

main h2
{
	font-family: 'Mont', Tahoma, sans-serif;
	letter-spacing: 2px;
	border-top: 1px solid #ca0313;
	border-bottom: 2px solid #ca0313;
	color: #333;
	background: none;
	margin: 20px 0 20px 0;
}

h2 strong
{
	display: block;
	color: #333;
	font-size: 26px;
	line-height: 16px;
}

h2 span
{
	font-family: 'MontLight', Tahoma, sans-serif;
	color: #ca0313;
}

h3
{
	font-family: 'MontLight', Tahoma, sans-serif;
	font-size: 22px;
	padding: 15px 0;
	border-bottom: 1px solid #74c0ec;
}

#intro h1
{
	background: rgb(62,62,62) url('../../public/images/css/gradient_accroche.png') left top repeat-x;
	text-align: inherit;
	margin: 10px 0;
	padding: 0;
	color: white;
	text-shadow: #666 6px 4px 1px;
}

#intro
{
	padding: 10px 0;
	height: 410px;
	background: white url('../../public/images/css/gradient_top.png') left bottom repeat-x;
	color: black;
}

/* CONTENT */

a
{
	color: #ac0313;
	text-decoration: underline;
}

a:hover, a.primary:hover, a.secondary:hover
{
	text-decoration: none;
}

a.primary:hover, #topbutton a:hover
{
	color: yellow;
}

a.primary, a.secondary
{
	font-size: 1.2em;
	display:inline-block;
	width: 269px;
	height: 60px;
	padding: 5px;
	color: white;
	background: url('../../public/images/css/primary_bg.png') center center no-repeat;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	line-height: 60px;
	margin: 5px;
	font-weight: normal;
	font-family: 'Square', Tahoma, sans-serif;
}

a.secondary
{
	background: url('../../public/images/css/secondary_bg.png') center center no-repeat;
	font-size: 1em;
}

a.green, a.blue, a.grey, a.red, button.green, button.blue, button.grey, button.red, span.static
{
	margin-right: 10px;
	font-family: 'Square', Tahoma, sans-serif;
	display: inline-block;
	border: 1px solid #333;
	border-radius: 2px;
	padding: 2px 8px;
	text-align: center;
	background: rgb(190,244,90) url('../../public/images/css/green.png') left bottom repeat-x;
	font-size: 0.8em;
	letter-spacing: 2px;
}

.little .green, .little .red, .little .grey, .little .blue, .little .static
{
	margin: 0;
	font-size: 0.75em;
}

a.blue:hover, a.grey:hover, a.red:hover, button.blue:hover, button.grey:hover, button.red:hover
{
	text-decoration: none;
	color: black;
	cursor: pointer;
}

a.green:hover, button.green:hover
{
	color: #080;
	cursor: pointer;
}

a.blue, button.blue
{
	color: white;
	background: rgb(53,177,213) url('../../public/images/css/blue.png') left bottom repeat-x;
}

a.red, button.red
{
	color: orange;
	background: rgb(215,30,30) url('../../public/images/css/red.png') left bottom repeat-x;
}

a.grey, button.grey
{
	color: white;
	background: rgb(129,129,129) url('../../public/images/css/grey.png') left bottom repeat-x;
}

span.static
{
	border: 1px solid black;
	border-left: 0;
	border-right: 0;
	background: transparent;
}

.buttongroup .grey, .buttongroup .red, .buttongroup .green, .buttongroup .blue, .buttongroup .static
{
	margin-right: 0;
}

.buttongroup a, .buttongroup button
{
	border-radius: 0;
}

.buttongroup a:first-child, .buttongroup button:first-child
{
	border-radius: 2px 0 0 2px;
	border-right: 0;
}

.buttongroup a:last-child, .buttongroup button:last-child
{
	border-radius: 0 2px 2px 0;
	border-right: 1px #333 solid; 
}

section aside
{
	position: relative;
}

section aside span
{
	position: absolute;
	background: #333;
	color: #74c0ec;
	padding: 5px;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}

section aside a
{
	color: #74c0ec;
}

section aside:hover span
{
	display: block;
}
	

#column
{
	padding-bottom: 5px;
	border-right: 1px #333 solid;
	margin-right: -1px;
}

#content
{
	margin-bottom: 10px;
}

.addthis_inline_share_toolbox_gd00
{
	line-height: 4px;
}

.blogpost .addthis_inline_share_toolbox, .blogblock .addthis_inline_share_toolbox
{
	line-height: 8px;
}

.contentbox
{
	padding-left: 10px;
	padding-right: 10px;
}

.contentboxtop
{
	margin-top: 10px;
	margin-bottom: 10px;	
}

.circle
{
	border: 2px solid black;
	border-radius: 50%;
	overflow: hidden;
}

.profile200
{
	width: 200px;
	height: 200px;
	display: inline-block;
	margin: 10px;
}

.profile128
{
	width: 128px;
	height: 128px;
	display: inline-block;
}


/* FOOTER */
#logobottom
{
	height: 100px;
	background: url('../../public/images/infokub.png') center center no-repeat;
	background-size: contain;
	
}

footer
{
	height: 180px;
}

footer .col2, footer .col3
{
	border-right: 2px solid #333;
	height: 100%;
}

footer a
{
	color: #333;
	text-decoration: none;
}

footer a:hover
{
	text-decoration: underline;
}

footer ul
{
	padding: 0;
	list-style: none;
}

footer ul, footer p
{
	padding-left: 10px;
}

#copy
{
	color: #333;
}


/* CONTENTS */

#caroussel, #caroussel-cf
{
	line-height: 0;
	overflow: hidden;
	position: relative;
	width: 1400px;
	height: 600px;
	border: 0;
	margin: auto;
	text-align: center;
}

#caroussel-cf
{
	width: 929px;
	height: 620px;
}

.caroussel img
{
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	display: none;
}

.caroussel img:first-child
{
	display: inline;
}

.separator
{
	background: transparent url('../../public/images/css/separator.png') top center no-repeat;
	background-size: contain;
	height: 1px;
	width: 100%;
	margin: 5px auto;
}

.bigtext
{
	font-family: "Square", Tahoma, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: rgb(128,128,128);
	letter-spacing: 2px;
}

.elephant
{
	font-family: "Mont", Tahoma, sans-serif;
	font-size:  2em;
	letter-spacing: 2px;
	line-height: 1.1em;
	color: #333;
	background: #74c0ec;
	border-radius: 10px;
	box-shadow: 4px 4px 1px #ccc;
	padding: 8px;
	margin: 20px auto;
	text-align: center;
	width: 50%;
	color: #fcfcfc;
	
}

.illu
{
	height: 300px;
	text-align: center;
	margin: 20px auto;
}

.illu a
{
	color: #74c0ec;
}

.illu img
{
	height: 100%;
	width: auto;
}

.illu > span
{
	position: relative;
}

.illu > span > span
{	
	display: none;
	position: absolute;
	background: #333;
	color: #74c0ec;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
}

.illu img:hover+span
{
	display: block;
}

.strike
{
	text-decoration: line-through;
	color: #ccc;
}

.reduc
{
	font-weight: bold;
	text-shadow: 2px 2px 1px #74c0ec;
}

.subtext
{
	font-size: 0.85em;
	font-style: italic;
	color: rgb(128,128,128);
}

.fix, .row
{
	clear: both;
}

.row.block
{
	background: white /*url('../../public/images/css/bg_row.png') left bottom repeat-x*/;
	border-bottom: 1px solid #333;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

.row.blockbg
{
	padding-bottom: 2px;
	margin-bottom: 5px;
}

#maingoal
{	
	padding-top: 1px;
	background: transparent url('../../public/images/css/manette.png') center center no-repeat;
	line-height: 1.5em;
}

#maingoal .row
{
	display: flex;
	margin-top: 20px;
}

.goal
{
	margin: 0 1%;
	box-shadow: 0 0 4px 4px #ccc;
	border-radius: 4px;
	background: #fcfcfc;
	opacity: 0.85;
}

.goal p
{
	padding: 10px;
}

#maingoal span
{
	font-size: 72px;
	color: #ca0313;
}

#maingoal strong
{
	text-transform: uppercase;
	color: #888;
	display: inline-block;
	margin: 5px 0;
}




/* BLOG */

.blogpost
{
	margin: 0 10px 10px 10px;
	border: 1px solid black;
	border-radius: 2px;
}

.blogpost .image, .large-image
{
	width: 100%;
	height: 200px;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.large-image
{
	border-top: 0;
}

.blogpost p
{
	padding: 5px;
	margin: 0;
}

.row.meta
{
	border-top: 1px solid black;
	padding: 5px;
	margin-top: 10px;
	font-family: "Square", Tahoma, sans-serif;
}

.row.meta.greybox
{
	margin-bottom: 5px;
}

.iconinfo
{
	height: 24px;
	line-height: 30px;
}

.iconinfo, .iconlist
{
	background-position: left center;
	padding-left: 30px;
	font-family: "Square", Tahoma, sans-serif;
	display: inline-block;
	text-align: left;
	margin-bottom: 5px;
}

.iconlist
{
	display: block;
	width: 100%;
	overflow: hidden;
}

.limitwidth
{
	width: 100%;
	overflow: hidden;
	display: block;
	line-break: no-break;
}

.categoryname
{
	line-height: 39px;
	border-left: 1px solid black;
}

.iconinfo.likeoff
{
	color: rgb(0, 166, 226);
}

.iconinfo.likeoff:hover
{
	text-decoration: underline;
	color: rgb(0, 192, 255);
	cursor: pointer;
}

.iconinfo.likeon
{
	color: rgb(226, 0, 0);
}

.iconinfo.likeon:hover
{
	text-decoration: underline;
	color: rgb(85, 0, 0);
	cursor: pointer;
}

/* GAME */
#imagelist
{
	height: 180px;
	padding: 10px;
	overflow-x: scroll;
	text-align: center;
}

#imagelist .image
{
	display: inline-block;
	background: rgb(64,64,64);
	width: 160px;
	height: 160px;
	border: 1px solid rgb(64,64,64);
	border-radius: 2px;
	overflow: hidden;
	margin: 0 5px;
}

#imagelist .image:hover
{
	cursor: pointer;
	border-color: #ccc;
}

#imagelist .image.selected
{
	border-color: orange;
}

#imageview .image
{
	max-width: 100%;
	max-height: 800px;
	overflow: auto;
}

#game-videos .row img
{
	border: 1px solid black;
	border-radius: 2px;
}

#game-videos .row img:hover
{
	cursor: pointer;
	border-color: orange;
}

#game-videos .title .bigtext:hover
{
	color: #333;
	cursor: pointer;
}

.tabnav ul, ul.nostyle
{
	list-style: inside none;
	margin: 0;
}

.tabnav li
{
	display: inline-block;
	background: url('../../public/images/css/tab_off.jpg') left bottom repeat-x;
	border: 1px solid #333;
	text-align: center;
}

.tabnav li a
{
	display: inline-block;
	padding: 5px 10px;
	font-size: 0.8em;
	min-width: 100px;
}

.tabnav li.active a, .tabnav li:hover a
{
	background: white;
}

.tabnav li.active
{
	border-bottom-color:white;
}

.tabcontent > div
{
	display: none;
}

.tabcontent > div:first-child
{
	display: block;
}

#game
{
	margin: 0 auto 10px auto;
	border: #888 2px solid;
	border-radius: 4px;
}

#game iframe
{
	width: 100%;
	height: 100%;
	border: 0;
}

#comments > .row
{
	margin-bottom: 10px;
}

#comments > .row > div:first-child > div
{
	margin-right: 10px;
	background: #ccc;
	padding: 1px 5px;
}

#comments > .row > div:first-child > div > div
{
	margin: 5px;
}

/* FORMS */
input, textarea, select
{
	border: #888 1px solid;
	border-radius: 2px;
	padding: 2px 5px;
	font-size: 13px;
	background: rgb(238,243,249);	
}

input.nomargin
{
	margin: 0;
	padding: 2px;
}

fieldset
{
	border: 1px solid rgb(0, 192, 255);
	border-radius: 4px;
	margin: 5px 10px;
}

fieldset legend
{
	color: rgb(0, 166, 226);
	font-family: "Square", Tahoma, sans-serif;
	letter-spacing: 1px;
}

.facebook, a.facebook:hover
{
	background: rgb(108,143,235);
	line-height: 34px;
	height: 34px;
	border: 1px solid rgb(57,85,159);
	border-radius: 1px;
	color: white;
	font-size: 13px;
	font-weight: normal;
	padding-right: 20px;
	display: inline-block;
	text-decoration: none;
	box-shadow: #ccc 2px 2px 2px;
}

.facebook .icon
{
	display: inline-block;
	height: 34px;
	width: 34px;
	margin-right: 20px;
}

/* MEMBERS */
#menu-members
{
	background: #ccc;
	padding: 0;
	list-style: inside none;
	margin: 0 10px;
}

#menu-members li
{
	border: 1px solid #888;
	clear: both;
	padding: 4px;
}

#menu-members li a
{
	font-size: 1.5em;
	line-height: 48px;
}

#menu-members li a > .icon48
{
	float: left;
	margin-right: 10px;
}

#charts
{
	height: 480px;
	width: 100%;
}

/* SURVEYS */
.progressbar
{
	background: #ccc;
	border: 1px solid #888;
	border-radius: 2px;
	width: 100%;
	overflow: hidden;
	display: block;
}

.progress-value
{
	display: block;
	height: 20px;
	background: rgb(0,166,226) url('../../public/images/css/progress.png') left bottom repeat-x;
	font-family: "Square", Tahoma, sans-serif;
	padding-right: 9px;
	position: relative;
	color: white;
	line-height: 20px;
	font-size: 11pt;
}

.progress-value span
{
	background: url('../../public/images/css/bdp.png') left center repeat-y;
	width: 8px;
	height: 20px;
	right: -8px;
	top: 0;
	position: absolute;
}

/* AGENDA */
.agenda
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 10px;
}

.agenda .day.header
{
	background-color: #ca0313;
	font-family: 'Mont', Tahoma, sans-serif;
	text-align: center;
	color: #fcfcfc;
	border-color: #fcfcfc;
}

.agenda .day
{
	flex-basis:  20%;
	display: flex;
	flex-direction: column;
}

.agenda .day, .agenda .creneau
{
	border: 2px solid #333;
	border-radius: 6px;
}

.agenda .daynum
{
	color: #ca0313;
	font-family: 'Mont', Tahoma, sans-serif;
	text-align: center;
}


.agenda .creneau, .agenda .daynum, .agenda .day.header
{
	padding: 4px;
}

.agenda .creneau
{
	background-color: #333;
	color: #ccc;
	border: 2px dashed #aaa;
	margin-top: 1px;
	height: 32px;
}

.agenda .creneau.student
{
	border: 2px solid #333;
}

.agenda .creneau.valid
{
	background-color: darkgreen;
	color: #fcfcfc;
}

.agenda .creneau.await
{
	background-color: transparent;
	color: #333;
}

.agenda .creneau.cancel
{
	background-color: darkred;
	color: #fcfcfc;
}

.agenda .creneau.moved
{
	background-color: lightyellow;
	color: #333;
}

.agenda .creneau.empty
{
	background-color: transparent;
	border-color: #ccc;
}

.agenda .creneau.size2
{
	height: 64px;
}

.agenda .creneau.size3
{
	height: 96px;
}

ol.qcm > li > label
{
	font-weight: bold;
	text-decoration: underline;
}

ol.qcm li:nth-child(2n)
{
	background: rgb(220,220,240);
}

ol ol
{
	margin: 12px 0; 
	list-style: upper-alpha inside;
	padding-left: 40px;
}

pre.prettyprint
{
	border: 2px solid #ca0313;
	padding: 4px;
	border-radius: 4px;
}