@CHARSET "ISO-8859-1";

*
{
	margin : 0;
	padding : 0;
}

body 
{
	background-color : #955628;
	color : #CCCCCC;
	font-size : 15px;
}

#content
{
	background-color : #333333;
	width : 80%;
	heigth : 100%;
	margin : auto;
	padding : 10px;
	box-shadow : 0px 0px 20px rgba(0, 0, 0, 1);
}

#language
{
	float : right;
	width : 5%;
	background-color : #000000;
	margin-right : 2%;
	text-align:center;
	padding : 10px;
	box-shadow : 0px 0px 20px rgba(0, 0, 0, 1);
	border-radius: 20px;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-gap:1em;
	-webkit-column-gap:1em;
	column-gap:1em;
}

#footer
{
	width : 80%;
	background-color : #000;
	margin-right : auto;
	margin-left : auto;
	margin-top : 30px;
	margin-bottom : 10px;
	text-align : center;
	padding : 8px;
	box-shadow : 0px 0px 20px rgba(0, 0, 0, 1);
	border-radius: 20px;
	font-size : 12px;
}

#language img
{
	width : 30px;
	cursor : pointer;
}

#slide
{
	float : right;
	margin-left : 20px;
	z-index : 1;
}

.clear
{
	clear : both;
}

.content
{
	margin-top : 10px;
	padding : 10px;
	text-align : justify;
}

h1
{
	color : #FFFFFF;
	font-size : 60px;
	padding : 10px;
}

h2
{
	color : #CA7535;
	font-size : 30px;
	padding : 10px;
	margin-left : 20px;
}

ul
{
	margin-left : 30px;
	margin-top : 10px;
}

li
{
	margin-left : 10px;
}

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

p
{
	margin-bottom : 5px;
	margin-top : 5px;
}

table.menu
{
	padding-right : 10px;
	padding-left : 10px;
	background-color : #000000;
	width : 100%;
	text-align : center;
}

.menu td
{
	padding : 10px;
	cursor : pointer;
}

.menu td:hover, td.actif
{
	background-color : #CCCCCC;
	color : #000;
}

.desc img
{
	height : 120px;
	box-shadow : 0px 0px 20px rgba(0, 0, 0, 1);
	cursor : pointer;
}
.desc td
{
	width : 50%;
}

.desc td.img
{
	text-align : center;
	padding-top : 30px;
}

.desc span
{
	color : #FFFFFF;
	cursor : pointer;
}

.desc span:hover, .desc span.actif
{
	color : #CA7535;
}

b
{
	color : #CA7535;
}

a
{
	text-decoration : none;
	color : #CA7535;
}

table.form
{
	padding-right : 10px;
	padding-left : 10px;
	width : 50%;
}

.form td
{
	padding : 10px;
}

input[type=text], textarea
{
	padding : 2px;
	background-color : #CCCCCC;
	color : #000;
	border : 2px solid #000;
	border-radius : 5px;
	width : 100%;
}

input[type=button]
{
	padding : 2px;
	background-color : #CA7535;
	color : #000;
	border : 2px solid #000;
	border-radius : 5px;
	width : 40%;
}

input[type=button]:hover
{
	border-color : #955628;
	box-shadow : 0px 0px 20px rgba(0, 0, 0, 1);
}

textarea
{
	height : 100px;
}

input[type=text]:focus, textarea:focus, input[type=text]:hover, textarea:hover
{
	border-color : #CA7535;
	box-shadow : 0px 0px 20px rgba(0, 0, 0, 1);
}

h3
{
	font-weight : bold;
	color : #CA7535;
	margin-bottom : 10px;
}

p.comment
{
	margin-left : 70px;
}

p.admin
{
	font-weight : bold;
	color : #CA7535;
	margin-bottom : 10px;
	float : right;
	cursor : pointer;
}

p.post
{
	margin-left : 30px;
	font-size : 12px;
}

#zoom
{
	background-color: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
#zoombox
{
	z-index : 3;
	position : absolute;
 	left: 10%;
 	top : 10%;
 	font-size : 5em;
}
#zoomimg
{
	width : 80%;
}