.article_title
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : center;
	justify-content: center;

	background-color : red;

	height : 45px;

	background-color : #eeeeee;

	border-radius : 5px 5px 0px 0px;
}

.article_title h1
{
	width : calc(100% - 20px);
	height : 100%;

	margin : 0px;
	padding : 0px;

	padding : 10px;

	line-height: 45px;

	font-size : 1.2em;
}

.article_content
{
	width : calc(100% - 22px);

	margin : 0px;
	padding : 0px;

	padding : 10px;

	background-color : white;

	border : 1px solid #eeeeee;

	margin-bottom : 20px;
}

.project_infos
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : center;
	justify-content : center;
	flex-direction : column;
}

.project_infos h2
{
	width : 100%;

	margin : 0px;
	padding : 0px;
}

.project_infos p
{
	width : calc(100% - 20px);

	margin : 0px;
	padding : 0px;

	padding : 10px;
}

.file_options
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : start ;
	justify-content : start;
	flex-direction : column;

	border : 1px solid #eeeeee;

	border-radius : 5px;
}

.file_options_title
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : center;
	justify-content : center;
}

.file_options_title p
{
	width : calc(100% - 20px);

	margin : 0px;
	padding : 0px;

	padding: 10px;

	font-weight : bold;

	background-color : #eeeeee;

	border-radius: 5px 5px 0px 0px;
}

.file_options_links
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : start;
	justify-content: start;
}

.file_options_links a
{
	display : block;

	margin : 0px;
	padding : 0px;

	margin : 10px;
	padding : 10px;

	display : flex;
	align-items : center;
	justify-content : center;

	background-color : #eeeeee;

	border : 1px solid #CCCCCC;

	text-decoration : none;
}

.file_options_links a:hover
{
	background-color : #dddddd;
}

.file_options_links a img
{
	width : 32px;
	height : 32px;

	margin : 0px;
	padding : 0px;

	margin-right : 10px;
}

.file_options_links a p
{
	margin : 0px;
	padding : 0px;

	text-decoration : none;
	color : black;
}

.bold
{
	font-weight : bold;
}

.project_share
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : start;
	justify-content: start;
	flex-direction: column;
}

.project_share h3
{
	width : 100%;

	margin : 0px;
	padding : 0px;
}

.project_share input
{
	width : calc(100% - 22px);

	margin : 0px;
	padding : 0px;

	padding : 10px;

	border : 1px solid #bbbbbb;
	color : #444444;

	margin-top : 10px;
	margin-bottom : 10px;
}

.project_share button
{
	background-color : #fc6f5c;

	border : 1px solid #eeeeee;

	border-radius : 5px;

	font-weight : bold;

	color : white;

	margin : 0px;
	padding : 0px;

	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;

	cursor : pointer;

	font-size : 1.1em;
}

.project_share button:hover
{
	background-color : red;
}

.filelist
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : start;
	justify-content : start;
	flex-direction: column;

	margin-bottom : 20px;
}

.filelist h3
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	margin-top : 10px;
	margin-bottom : 10px;
}

.filelist ul
{
	width : calc(100% - 30px);

	margin : 0px;
	padding : 0px;

	padding-left : 30px;
}

.filelist ul li
{
	width : 100%;

	margin : 0px;
	padding : 0px;
}

.filelist ul li a
{
	color : black;
	text-decoration : none;
}

.project_table
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	border-collapse : collapse;
}

.project_table tr
{
	margin : 0px;
	padding : 0px;

	border-top : 1px solid #AAAAAA;
}

.project_table tr:hover
{
	background-color : #eeeeee;
}

.project_table td
{
	margin : 0px;
	padding : 0px;

	padding-top : 6px;
	padding-bottom : 6px;
}

.table_title
{
	background-color : #eeeeee;

	font-weight : bold;
}

.row_title
{
	width : 50%;
}

.row_author
{
	width : 16.666%;
}

.row_date
{
	width : 16.666%;
}

.row_public
{
	width : 16.666%;
}

#new_project_form
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : start;
	justify-content : start;
	flex-direction: column;
}

#add_file_form
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : start;
	justify-content : start;
	flex-direction: column;
}

#new_project_form p
{
	width : 50%;
	min-width : 600px;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : start;
	justify-content: start;
	flex-direction : column;
}

#add_file_form p
{
	width : 50%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : start;
	justify-content : start;
	flex-direction: column;
}

#code_desc
{
	width : calc(100% - 22px);

	margin : 0px;
	padding : 0px;

	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;

	margin-bottom : 10px;

	border-radius : 5px;

	border : 1px solid #bbbbbb;
	color : #444444;

	resize: none;
	overflow: scroll;
	height: 100px;
}

#code_desc:focus
{
	outline : none;
}

#code
{
	width : calc(100% - 22px);

	margin : 0px;
	padding : 0px;

	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;

	margin-bottom : 10px;

	border-radius : 5px;

	border : 1px solid #bbbbbb;
	color : #f8f8f2;

	resize: none;
	overflow: scroll;
	height: 300px;

	background-color : #2d2d2d;

	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;

}

#code:focus
{
	outline : none;
}

.inline
{
	width : 50%;

	margin-bottom : 10px;

	display : flex;
	align-items : start;
	justify-content: space-between;
}

.inline #file_name
{
	width : calc(75% - 22px);

	margin : 0px;
	padding : 0px;

	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;

	font-weight : bold;

	border-radius : 5px;

	border : 1px solid #bbbbbb;
	color : #444444;
}

.inline #code_lang
{
	width : calc(25% - 22px);

	margin : 0px;
	padding : 0px;

	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;

	font-weight : bold;

	border-radius : 5px;

	border : 1px solid #bbbbbb;
	color : #444444;
}

#new_project_form p #projet_title
{
	width : calc(100% - 22px);

	margin : 0px;
	padding : 0px;

	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;

	margin-bottom : 10px;

	font-weight : bold;

	border-radius : 5px;

	border : 1px solid #bbbbbb;
	color : #444444;
}

#new_project_form p #projet_title:focus
{
	outline : none;
}

#new_project_form p #projet_desc
{
	width : calc(100% - 22px);

	margin : 0px;
	padding : 0px;

	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;

	margin-bottom : 10px;

	border-radius : 5px;

	border : 1px solid #bbbbbb;
	color : #444444;
}

#new_project_form p #projet_desc:focus
{
	outline : none;
}

#btn_valider, #submit
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	padding : 10px;
	background-color : #fc6f5c;
	color : white;

	border : none;

	border-radius : 5px;

	margin-top : 10px!important;

	cursor : pointer;
}

#btn_valider:hover, #submit:hover
{
	background-color : red;
}

.hidden
{
	display: none;
}

.online
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : start; 
	justify-content : center;
}