
body {
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	margin: 0px;
	background-color: #F5F5F5;
}

a {
	color: rgb(10,60,150);
}

a:hover {
	color: rgb(50,100,190);
}

#page {
	width: 1000px;
	background-color: #F5F5F5;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

#header {
	background-color: white;
	background-image: linear-gradient(#F0F0F0 60%, #C0C0C0);
	height: 100px;
	box-shadow: 0px 0px 5px 7px rgba(0, 0, 0, 0.1);
	line-height: 54px;
	text-align: center;
	font-size: 54px;
	font-weight: bold;
	color: rgba(50,100,190, 0.8);
}

#header #sitename {
	padding-top: 10px;
	font-family: OpenDyslexic;
	font-size: 94px;
	text-shadow: 1px 1px 3px #fff, -1px -1px 0px rgba(0, 0, 0, 0.8);
	letter-spacing: 5px;
}

#header #sitename a {
	text-decoration: none;
	color: rgba(50,100,190, 0.8);
}

#header #slogan {
	font-size: 14px;
	line-height: 14px;
	text-shadow: -2px -2px 5px rgba(0, 0, 0, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.2);
	color: rgb(250, 250, 250);
	margin-top: 7px;
}

#header #menubar {
	font-size: 14px;
	line-height: 14px;
	margin-top: 15px;
	text-shadow: none;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#header #menubar a {
        font-size: 12px;
        line-height: 14px;
	text-decoration: none;
	background-color: rgba(50,100,190, 0.8);
	border-radius: 3px;
	color: #fff;
	padding: 2px 10px;
	float: left;
	margin-right: 5px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#header #menubar a:hover {
	background-color: rgba(90,140,230, 0.8);
}

h1, h2 {
	color: #404040;
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);
}

#colonne div h2 {
	margin-top: 0px;
}

#content {
	padding: 0px 20px 20px 20px;
}

#colonne {
	float: right;
	width: 300px;
}

#colonne div.section {
	background-color: #F0F0F0;
	border: 1px solid white;
	padding: 10px;
	margin-bottom: 10px;
	text-align: justify;
}

.submit_ok {
	background-color: #E0F5E0;
	width: 600px;
	padding: 10px;
	border-radius : 5px;
	font-size: 14px;
	color: green;
}

.perle {
	border: 1px solid grey;
	padding: 10px;
	width: 600px;
	box-shadow: 3px 3px 5px rgba(80, 80, 80, 0.3);
	margin-bottom: 10px;
	font-size: 14px;
	border-radius : 5px;
	background-color: #FAFAFA;
}

.perle .infobox {
	float: right;
	font-size: 10px;
	width: 110px;
	border-left: 1px solid #E0E0E0;
	padding-left: 5px;
	text-align: right;
}

.perle .infobox a {
	text-decoration: none;
	color: #A0A0A0;
}

.perle .content {
	width: 465px;
	text-align: justify;
	min-height: 50px;
}

.perle .perle_footer {
	border-top: 1px solid #E0E0E0;
	margin-top: 10px;
	padding-top: 2px;
	height: 12px;
	font-size: 11px;
}


.perle .intro {
	color: #808080;
	margin-bottom: 10px;
}

.perle .perle_footer .info {
	float: left;
}

.perle .perle_footer .vote {
	margin-top: 1px;
	text-align: right;
	float: right;
}


.perle .perle_footer, .perle .perle_footer a {
	color: #A0A0A0;
	text-decoration: none;
}

.perle .perle_footer a:hover {
	color: #505050;
}

@font-face {
        font-family: OpenDyslexic;
        src: url(new_facebok.ttf);
}

#footer {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	color: #c0c0c0;
	margin-bottom: 10px;
}

#newperleform div {
	margin-bottom: 10px;
}

#newperleform div textarea {
	width: 600px;
	height: 100px;
}

#newperleform #errors {
	color: red;
	background-color: #F5E0E0;
        width: 600px;
        padding: 10px;
        border-radius : 5px;
        font-size: 14px;
}

.fb-like {
	margin-top: 5px;
}
