@font-face {
    font-family: 'parchment';
    src: url('fonts/parchment-webfont.eot');
    src: url('fonts/parchment-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/parchment-webfont.woff2') format('woff2'),
         url('fonts/parchment-webfont.woff') format('woff'),
         url('fonts/parchment-webfont.ttf') format('truetype'),
         url('fonts/parchment-webfont.svg#parchment') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
	}
img { vertical-align: middle; }
a {
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
	}
a img { border: none; }
img, object, embed, iframe, canvas, video, audio, picture {
    max-width: 100%;
	}
	
body{
	margin: 0px 0px 0px 0px;
	background: url(images/backgroundcleopatre.jpg) #F8D196 repeat center top;
	font: medium "Trebuchet MS", Trebuchet, Arial, Helvetica, Verdana, Georgia, sans-serif;
	color: #0e0e0e;
	}
a:link, a:visited{ color:#99251A; }
img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	}
a img:hover {
	opacity: 0.6;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	}

#site {
	margin: 0 auto 0;
	position: relative;
	width: 100%;
	background:none;
	}
#header {
	margin: 0 auto 0;
	clear:both;
	position: relative;
	height: 100%;
	width: 100%;
	margin-bottom:50px;
	}	
#left, #right {
	position: fixed;
	height:100%;
	}
#left img, #right img {
	height:100%;
	}
#left {
	left: 0;
	}	
#right {
	right: 0;
	}
#cadre {
	margin: 0 auto 0;
	position: relative;
	width: 921px;
	background: url(images/cadre.png) repeat-y;
	}
#container {
	margin: 0 auto 0;
	position: relative;
	width: 742px;
	margin-bottom:none;
	}
/*articles*/	
#title_article {
	font: 36px parchment, "Trebuchet MS", Trebuchet, Arial, Helvetica, Verdana, Georgia, sans-serif;
	color:#B022A9;
	padding: 0 10px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	margin-bottom:10px;
	}	
#lipsum {
	padding-bottom: 20px;
	margin-bottom:40px;
	text-align:justify;
	}		
#copyright {
	height: 15px;
	background:none;
	border-top: none;
	padding-top: none;
	text-align: center;
	font-size:small;
	padding-bottom: none;
	border-bottom: none;
	}
#copyright a {
	text-decoration:none;
	}
.copyright_link {
	position:relative;
	}		
#intro {
	font-size:medium;
	margin-bottom:15px;
	}
#media {
	border-top: 1px dotted #a7ba05;
	padding-top: 5px;
	width: 200px;
	margin-bottom:20px;
	}
.red {
	color:#99251A;
	}
input {
	color:#E98DE4;
	}