/*

text-shadow: 1px 1px 2px #000000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);

border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;

box-shadow: 1px 1px 1px #000000;
-webkit-box-shadow: 1px 1px 1px #000000;
-moz-box-shadow: 1px 1px 1px #000000;
-ms-box-shadow: 1px 1px 1px #000000;

transition: background-color ease 0.2s;
-webkit-transition: background-color ease 0.2s;
-moz-transition: background-color ease 0.2s;
-ms-transition: background-color ease 0.2s;

*/



/* Fonts (www.font2web.com) */

@font-face {
	font-family: "Comfortaa Light";
	src: url("../fonts/comfortaa_light.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/comfortaa_light.woff") format("woff"),
	     url("../fonts/comfortaa_light.ttf") format("truetype");
}

@font-face {
	font-family: "Comfortaa Regular";
	src: url("../fonts/comfortaa_regular.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/comfortaa_regular.woff") format("woff"),
	     url("../fonts/comfortaa_regular.ttf") format("truetype");
}

@font-face {
	font-family: "Comfortaa Bold";
	src: url("../fonts/comfortaa_bold.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/comfortaa_bold.woff") format("woff"),
	     url("../fonts/comfortaa_bold.ttf") format("truetype");
}

@font-face {
	font-family: "Entypo";
	src: url("../fonts/entypo.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/entypo.woff") format("woff"),
	     url("../fonts/entypo.ttf") format("truetype");
}



/* General */

body{
	height: 100%;
	min-width: 1080px;
	background-color: #3d424d;
	text-align: left;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	color: #000000;
}

body, div, header, footer, article, section, nav, p, span, a,
h1, h2, h3, h4, h5, h6,
table, tr, td,
pre,
ul, li,
input, textarea, select,
img{
	margin: 0;
	padding: 0;
	border: 0;
}

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

td{
	text-align: left;
	vertical-align: middle;
}

pre{
	overflow: auto;
	font-family: monospace;
}

a{
	color: inherit;
	text-decoration: inherit;
}

.hide{
	display: none;
}

.vspace{
	height: 20px;
}

input[type=text], input[type=password], input[type=submit], textarea, select{
	padding: 6px 10px 6px 10px;
	border: none;
	outline: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	transition: background-color ease 0.2s;
	-webkit-transition: background-color ease 0.2s;
	-moz-transition: background-color ease 0.2s;
	-ms-transition: background-color ease 0.2s;
	background-color: #e0e0e0;
	font-family: "Arial", sans-serif;
	font-size: 12px;
}

input[type=text]:hover, input[type=password]:hover, input[type=submit]:hover, textarea:hover, select:hover,
input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus, textarea:focus, select:focus{
	background-color: #f0f0f0;
}

input[type=text]:disabled, input[type=password]:disabled, input[type=submit]:disabled, textarea:disabled, select:disabled,{
	color: #808080;
}

input[type=submit]{
	cursor: pointer;
}

select{
	display: inline-block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	cursor: pointer;
}



/* Selection */

::selection{
	background-color: #ff8000;
}

::-webkit-selection{
	background-color: #ff8000;
}

::-moz-selection{
	background-color: #ff8000;
}

::-ms-selection{
	background-color: #ff8000;
}



/* Scroll */

#scroll{
	position: fixed;
	top: 50%;
	right: 2px;
	padding: 4px;
	background-color: #3d424d;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

#scroll .wrapper{
	background-color: #a1adb3;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

#scroll .arrow{
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

#scroll .arrow:hover{
	background-color: #f0f0f0;
}

#scroll .top{
	background-image: url("../img/scroll-top.png");
}

#scroll .bottom{
	background-image: url("../img/scroll-bottom.png");
}



/* Draw */

#draw{
	position: fixed;
	top: 50%;
	left: 2px;
	padding: 4px;
	background-color: #3d424d;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

#draw .wrapper{
	background-color: #a1adb3;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

#draw .tool{
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
	-moz-background-size: 22px 22px;
	-ms-background-size: 22px 22px;
}

#draw .tool:hover, #draw .tool.selected{
	background-color: #f0f0f0;
}

#draw .pen{
	background-image: url("../img/draw_tool_pen.png");
}

#draw .arrow{
	background-image: url("../img/draw_tool_arrow.png");
}

#draw .circle{
	background-image: url("../img/draw_tool_circle.png");
}

#draw .erase{
	background-image: url("../img/draw_tool_erase.png");
}

#draw .exit{
	background-image: url("../img/draw_tool_exit.png");
}



/* Header */

header{
	padding: 12px 0px 4px 0px;
	background-image: url("../img/stripes-3.gif");
	background-repeat: repeat;
	box-shadow: 0px 1px 3px #000000;
	-webkit-box-shadow: 0px 1px 3px #000000;
	-moz-box-shadow: 0px 1px 3px #000000;
	-ms-box-shadow: 0px 1px 3px #000000;
}

header table{
	width: 1000px;
	margin: auto;
}

header table h1{
	float: left;
	font-family: "Comfortaa Regular";
	font-weight: 400;
	font-size: 24px;
	color: #f0f0f0;
	letter-spacing: 2px;
	text-shadow: 1px 1px 2px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);
	cursor: pointer;
}

header table h1 .color{
	color: #ff8000;
}

header table td.user, header table td.icon{
	text-align: right;
	color: #f0f0f0;
	text-shadow: 1px 1px 1px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=1);
}

header table td.user{
	font-size: 12px;
}

header table td.icon{
	width: 24px;
	padding-top: 2px;
}

header table td.icon span{
	line-height: 0px;
	vertical-align: baseline;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 28px;
}

header table td.icon.connexion{
	padding-right: 8px;
}

header table td.icon.utilisateur span{
	cursor: pointer;
}

header table td.input{
	width: 260px;
	padding-right: 22px;
}

header table td.input input{
	width: 100%;
}

header table td.submit{
	width: 34px;
	text-align: right;
}

header input[type=text], header input[type=password], header input[type=submit]{
	padding: 4px 6px 4px 6px;
}

header input[type=submit]{
	background-color: #991f70;
	color: #f0f0f0;
}

header input[type=submit]:hover, header input[type=submit]:focus{
	background-color: #b32483;
}



/* Section */

section{
	width: 1000px;
	margin: auto;
	padding-top: 16px;
}



/* Box */

div.box{
	margin: 0px 0px 16px 0px;
	padding: 0px 20px 20px 20px;
	background-color: #a1adb3;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

div.box h1{
	padding: 16px 0px 20px 0px;
	font-family: "Comfortaa Bold";
	font-weight: 400;
	font-size: 34px;
	color: #3d424d;
}



/* List */

table.list{
	width: 100%;
	margin: 0px 0px 4px 0px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	transition: background-color ease 0.2s;
	-webkit-transition: background-color ease 0.2s;
	-moz-transition: background-color ease 0.2s;
	-ms-transition: background-color ease 0.2s;
	background-color: #e0e0e0;
	cursor: pointer;
}

table.list:hover{
	background-color: #f0f0f0;
}

table.list.noclick{
	cursor: default;
}

table.list td{
	padding: 6px 6px 6px 0px;
}

table.list td span.info{
	float: right;
	padding-right: 6px;
	color: #808080;
}

table.list td.icon{
	width: 38px;
	padding: 6px 0px 0px 0px;
	text-align: center;
}

table.list td.icon.right{
	width: 20px;
	padding: 6px 6px 0px 0px;
	text-align: center;
}

table.list td.icon span{
	line-height: 0px;
	vertical-align: baseline;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 34px;
}

table.list td.action{
	width: 10px;
	padding-right: 8px;
}

table.list td.action table{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	transition: background-color ease 0.2s;
	-webkit-transition: background-color ease 0.2s;
	-moz-transition: background-color ease 0.2s;
	-ms-transition: background-color ease 0.2s;
	cursor: pointer;
}

table.list td.action table td{
	padding: 4px 6px 0px 6px;
}

table.list td.action table td span{
	line-height: 0px;
	vertical-align: baseline;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 28px;
}



/* Flux */

table.list.flux{
	width: 660px;
	font-size: 12px;
}

table.list.flux td{
	padding: 4px 8px 4px 8px;
}

table.list.flux span.priorite{
	width: 100px;
	text-align: right;
}

table.list.flux span.temporaire{
	width: 130px;
	text-align: right;
}

table.list.flux span.refus{
	width: 90px;
	text-align: right;
}

table.list.flux span.total{
	width: 70px;
	text-align: right;
	color: #000000;
}

table.list.flux.total{
	font-weight: bold;
}

table.list.flux.total span.priorite{
	font-weight: normal;
}

table.list.flux.total span.temporaire{
	font-weight: normal;
}

table.list.flux.total span.refus{
	font-weight: normal;
}



/* Stat */

table.stat{
	width: 100%;
}

table.stat td{
	padding: 2px 3px 2px 3px;
	background-color: #f0f0f0;
	border: solid 1px #a1adb3;
}



/* BO */

table.bo td{
	padding: 8px;
}

table.bo td.label{
	font-size: 12px;
	font-weight: bold;
}

table.bo input[type=text], table.bo textarea{
	width: 500px;
}

table.bo textarea{
	min-width: 500px;
	max-width: 500px;
	height: 50px;
}

table.bo select{
	width: 520px;
}

table.bo td.apercu{
	width: 300px;
	vertical-align: top;
	text-align: right;
}

table.bo td.apercu span.no_media{
	display: block;
	width: 300px;
	padding-top: 20px;
	line-height: 0px;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 50px;
	color: #3d424d;
}

table.bo td.apercu img{
	cursor: pointer;
}

table.bo td.apercu img, table.bo td.apercu audio, table.bo td.apercu video{
	max-width: 260px;
}



/* Action */

table.action{
	float: right;
	width: auto;
	margin: 20px 0px 0px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	transition: background-color ease 0.2s;
	-webkit-transition: background-color ease 0.2s;
	-moz-transition: background-color ease 0.2s;
	-ms-transition: background-color ease 0.2s;
	cursor: pointer;
}

table.action.noclick{
	cursor: default;
}

table.action.left{
	float: left;
	margin: 20px 10px 0px 0px;
}

table.action td.icon{
	padding: 10px 8px 4px 10px;
}

table.action td.icon span{
	line-height: 0px;
	vertical-align: baseline;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 34px;
}

table.action td.text{
	padding: 0px 10px 0px 0px;
}

div.clear{
	clear: both;
}



/* Color */

table.list td.icon.color_grey{
	color: #e0e0e0;
}

table.color_grey{
	background-color: #e0e0e0;
	color: #000000;
}

table.color_grey:hover, table.color_grey:focus{
	background-color: #f0f0f0;
}

table.list td.icon.color_blue{
	color: #1f7099;
}

table.color_blue{
	background-color: #1f7099;
	color: #f0f0f0;
}

table.color_blue:hover, table.color_blue:focus{
	background-color: #2483b3;
}

table.list td.icon.color_red{
	color: #991f1f;
}

table.color_red{
	background-color: #991f1f;
	color: #f0f0f0;
}

table.color_red:hover, table.color_red:focus{
	background-color: #b32424;
}

table.list td.icon.color_pink{
	color: #991f70;
}

table.color_pink{
	background-color: #991f70;
	color: #f0f0f0;
}

table.color_pink:hover, table.color_pink:focus{
	background-color: #b32483;
}

table.list td.icon.color_orange{
	color: #cc5214;
}

table.color_orange{
	background-color: #cc5214;
	color: #f0f0f0;
}

table.color_orange:hover, table.color_orange:focus{
	background-color: #e55c17;
}



/* Overlays */

#overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url("../img/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

#modal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
}

#modal td{
	vertical-align: middle;
	text-align: center;
}

#modal div.content{
	width: 600px;
	max-height: 600px;
	overflow: auto;
	margin: auto;
	padding: 20px;
	background-color: #f0f0f0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

#modal p.info{
	font-weight: bold;
}

#modal table.action td.icon{
	padding-top: 6px;
	padding-bottom: 2px;
}

#modal table.action td.icon span{
	font-size: 28px;
}

#modal table.action td.text{
	font-size: 12px;
}

#modal input[type=text], #modal input[type=password], #modal input[type=submit], #modal textarea, #modal select{
	background-color: #f0f0f0;
	border: solid 1px #808080;
}

#media{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	background-color: #000000;
	cursor: pointer;
}

#media img, #media audio, #media video{
	max-height: 100%;
	max-width: 100%;
	display: block;
	margin: auto;
}

#media_toolbar{
	position: fixed;
	top: 6px;
	right: 6px;
	z-index: 30;
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

#media_toolbar table tr td{
	padding: 12px 10px 6px 10px;
}

#media_toolbar table tr td span{
	line-height: 0px;
	vertical-align: baseline;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 34px;
}

#media_toolbar table tr td span:hover{
	color: #ff8000;
	cursor: pointer;
}



/* Breadcrumbs */

#breadcrumbs{
	margin: 0px 0px 16px 0px;
	overflow: hidden;
	background-color: #a1adb3;
	font-weight: bold;
	color: #3d424d;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

#breadcrumbs table{
	float: left;
	height: 40px;
	cursor: pointer;
}

#breadcrumbs table:last-child{
	cursor: default;
}

#breadcrumbs table:hover td{
	background-color: #ff8000;
}

#breadcrumbs table:last-child:hover td{
	background-color: inherit;
}

#breadcrumbs table td.home{
	padding-top: 6px;
}

#breadcrumbs table td.home span{
	line-height: 0px;
	vertical-align: baseline;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 30px;
}

#breadcrumbs table td{
	padding-left: 16px;
	padding-right: 16px;
}

#breadcrumbs table td:first-child{
	width: 16px;
	padding: 0;
	background-image: url("../img/breadcrumbs_first.png");
	background-repeat: no-repeat;
}

#breadcrumbs table td:last-child{
	width: 16px;
	padding: 0;
	background-image: url("../img/breadcrumbs_last.png");
	background-repeat: no-repeat;
}

#breadcrumbs table:first-child td:first-child{
	width: 4px;
	background-image: none;
}

#breadcrumbs table:last-child td:last-child{
	background-image: none;
}

#breadcrumbs.search{
	float: left;
	width: 940px;
}



/* Search */

#search{
	float: left;
	width: 44px;
	margin: 0px 0px 16px 16px;
	background-color: #a1adb3;
	color: #3d424d;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	cursor: pointer;
}

#search:hover{
	background-color: #ff8000;
}

#search table{
	width: 100%;
	height: 40px;
}

#search table td{
	padding-top: 6px;
	text-align: center;
}

#search table td span{
	line-height: 0px;
	vertical-align: baseline;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 30px;
}



/* No */

div.no{
	padding-top: 20px;
	font-weight: bold;
}



/* Grid */

div.grid{
	float: left;
	width: 218px;
	margin-right: 16px;
	margin-bottom: 16px;
	padding: 10px;
	background-color: #a1adb3;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
}

div.grid.last{
	margin-right: 0px;
}

div.grid table.mini{
	width: 100%;
	height: 200px;
}

div.grid table.mini td{
	text-align: center;
}

div.grid table.mini span.media{
	cursor: pointer;
}

div.grid table.mini span.media img{
	display: block;
	margin: auto;
}

div.grid table.mini span.no_media{
	display: block;
	width: 200px;
	height: 100px;
	padding-top: 100px;
	line-height: 0px;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 50px;
	color: #3d424d;
	margin: auto;
}

div.grid div.info{
	margin-top: 10px;
	text-align: center;
}

div.grid div.info span.nom{
	font-weight: bold;
}

div.grid div.extra{
	height: 24px;
}

div.grid div.extra span.grey, div.grid div.extra span.red, div.grid div.extra span.blue, div.grid div.extra span.pink, div.grid div.extra span.orange, div.grid div.extra span.green{
	float: left;
	width: 16px;
	height: 14px;
	margin-right: 4px;
	padding-top: 2px;
	text-align: center;
	font-size: 11px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
}

div.grid div.extra span.grey{
	background-color: #f0f0f0;
}

div.grid div.extra span.red{
	background-color: #991f1f;
	color: #f0f0f0;
}

div.grid div.extra span.blue{
	background-color: #1f7099;
	color: #f0f0f0;
}

div.grid div.extra span.pink{
	background-color: #991f70;
	color: #f0f0f0;
}

div.grid div.extra span.orange{
	background-color: #cc5214;
	color: #f0f0f0;
}

div.grid div.extra span.green{
	background-color: #00cc00;
	color: #f0f0f0;
}

div.grid div.extra input[type=checkbox]{
	float: right;
}



/* Media */

table.media{
	width: 100%;
}



/* Media 2 col */

table.media.col_2 td.col_1{
	vertical-align: top;
}

table.media.col_2 td.col_2{
	vertical-align: top;
	width: 250px;
}

table.media.col_2 td.col_1 div.box{
	margin-right: 8px;
}

table.media.col_2 td.col_2 div.box{
	margin-left: 8px;
}



table.media.col_2 td.col_1 div.simple{
	padding-top: 20px;
}

table.media.col_2 td.col_1 div.simple div.media{
	width: 702px;
}



table.media.col_2 td.col_1 div.multi{
	padding-top: 20px;
	padding-bottom: 0px;
}

table.media.col_2 td.col_1 div.multi div.media{
	float: left;
	width: 223px;
	margin-right: 16px;
	margin-bottom: 20px;
}

table.media.col_2 td.col_1 div.multi div.media.last{
	margin-right: 0px;
}



/* Media 3 col */

table.media.col_3 td.col_1{
	vertical-align: top;
	width: 500px;
}

table.media.col_3 td.col_2{
	vertical-align: top;
	width: 250px;
}

table.media.col_3 td.col_3{
	vertical-align: top;
	width: 250px;
}

table.media.col_3 td.col_1 div.box{
	margin-right: 8px;
}

table.media.col_3 td.col_2 div.box{
	margin-left: 8px;
	margin-right: 8px;
}

table.media.col_3 td.col_3 div.box{
	margin-left: 8px;
}



table.media.col_3 td.col_1 div.export{

}

table.media.col_3 td.col_1 div.export div.media{
	width: 452px;
	padding-top: 20px;
}



table.media.col_3 td.col_2 div.export{

}

table.media.col_3 td.col_2 div.export div.media{
	width: 194px;
	padding-top: 20px;
}



/* Media comon */

table.media div.media span.no_media{
	display: block;
	padding: 10px;
	line-height: 0px;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 50px;
	color: #3d424d;
}

table.media div.media div.info{
	margin-bottom: 8px;
	font-weight: bold;
}

table.media div.media div.info input[type=checkbox]{
	float: left;
	margin-right: 4px;
}



table.media div.media img{
	cursor: pointer;
}

table.media div.media img, table.media div.media audio, table.media div.media video{
	max-width: 100%;
}



table.media div.historique{
	padding-top: 20px;
}

table.media div.historique textarea{
	width: 182px;
	min-width: 182px;
	max-width: 182px;
	height: 80px;
	min-height: 80px;
	max-height: 200px;
	transition: background-color ease 0.2s;
	-webkit-transition: background-color ease 0.2s;
	-moz-transition: background-color ease 0.2s;
	-ms-transition: background-color ease 0.2s;
}

table.media div.historique div.evenement{
	margin-bottom: 8px;
}

table.media div.historique div.evenement div.utilisateur{
	font-size: 12px;
	font-weight: bold;
}

table.media div.historique div.evenement div.texte{
	padding-top: 2px;
	font-size: 12px;
}

table.media div.historique div.evenement div.draw{

}

table.media div.historique div.evenement div.draw span.lien{
	font-size: 12px;
	color: #991f70;
	cursor: pointer;
}

table.media div.historique div.evenement div.draw span.image{
	display: none;
}

table.media div.historique div.evenement div.date{
	padding-top: 2px;
	font-size: 11px;
	font-style: italic;
	color: #3d424d;
}



table.media div.infos{
	padding-top: 20px;
}

table.media div.infos span.grey, table.media div.infos span.red, table.media div.infos span.blue, table.media div.infos span.pink, table.media div.infos span.orange{
	float: left;
	width: 16px;
	height: 14px;
	margin-right: 4px;
	margin-bottom: 12px;
	padding-top: 2px;
	text-align: center;
	font-size: 11px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
}

table.media div.infos span.grey{
	background-color: #f0f0f0;
}

table.media div.infos span.red{
	background-color: #991f1f;
	color: #f0f0f0;
}

table.media div.infos span.blue{
	background-color: #1f7099;
	color: #f0f0f0;
}

table.media div.infos span.pink{
	background-color: #991f70;
	color: #f0f0f0;
}

table.media div.infos span.orange{
	background-color: #cc5214;
	color: #f0f0f0;
}

table.media div.infos div.info{
	padding-bottom: 4px;
	font-size: 12px;
}

table.media div.infos div.info span.libelle{
	font-weight: bold;
}



/* Match */

table.match{
	width: 100%;
}

table.match td.mini{
	width: 200px;
	padding-top: 20px;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
}

table.match td.mini img{
	display: block;
	margin: auto;
}

table.match td.mini span.no_media{
	display: block;
	width: 200px;
	height: 100px;
	padding-top: 100px;
	margin: auto;
	line-height: 0px;
	font-family: "Entypo";
	font-weight: 400;
	font-size: 50px;
	color: #3d424d;
}

table.match td.info{
	padding: 20px 0px 0px 20px;
	vertical-align: top;
}

table.match td.info.fixe{
	width: 180px;
}

table.match td.info.perso{
	width: 180px;
}

table.match td.info div.info{
	padding-bottom: 4px;
	font-size: 12px;
}

table.match td.info div.info span.libelle{
	font-weight: bold;
}

table.match td.info div.evenement{
	padding-bottom: 4px;
	font-size: 12px;
}

table.match td.info div.evenement div{
	display: inline;
}

table.match td.info div.evenement div.utilisateur{
	font-weight: bold;
}

table.match td.info div.evenement div.utilisateur:after{
	content: " : ";
}

table.match td.info div.evenement div.draw:before{
	content: " ";
}

table.match td.info div.evenement div.draw span.lien{
	font-size: 12px;
	color: #991f70;
	cursor: pointer;
}

table.match td.info div.evenement div.draw span.image{
	display: none;
}

table.match td.info div.evenement div.date{
	font-size: 11px;
	font-style: italic;
	color: #3d424d;
}

table.match td.info div.evenement div.date:before{
	content: " (";
}

table.match td.info div.evenement div.date:after{
	content: ")";
}



/* Rapport */

#modal table.rapport{
	margin: auto;
}

#modal table.rapport td.libelle, #modal table.rapport td.choix{
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 6px;
	text-align: left;
}

#modal table.rapport td.libelle{
	text-decoration: underline;
}

#modal table.rapport td.choix{
	vertical-align: top;
}

#modal table.rapport td.info{
	padding-top: 18px;
	font-size: 12px;
}

#modal table.rapport select{
	width: auto;
}



/* Log */

pre.log{
	padding: 4px;
	background-color: #f0f0f0;
}