@charset "utf-8";
/* CSS Document */
html {
	height:100%;
	}

body {
	background-color:#84cdff;
	background-image:url(images/backline.jpg);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	color:white;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	
	height:100%;
	}
	
#backimage{
	position:absolute;
	z-index:1;
	background-image:url(images/background.jpg);
	/*background-image:url(images/background.png);*/
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	}


#contenu{
	position:absolute;
	z-index:2;
	height:100%;
	/*width:550px;*/
	width:50%;
	margin-right:6%;
	/*background-color:#3300FF;*/
	right:0;
	border-top:0;
	border-bottom:0;
	}
#competences{
	position:absolute;
	bottom:0;
	width:27%;
	}
#competences h1 a{
	display:block;
	color:white;
	border-bottom:1px solid white;
	text-decoration:none;
	padding:4px;
	margin:0;
	}
#competences h1 a:hover{
	background-color:#999999;
	}
#encart{
	position:absolute;
	z-index:2;
	height:100%;
	width:73%;
	/*margin-right:170px;*/
	background-image:url(images/black60.png);
	background-repeat:repeat;
	/*right:0;*/
	/*left:150px;*/
	left:27%;
	border:1px solid white;
	border-top:0;
	border-bottom:0;
	
	/*overflow-y:auto;*/
	overflow:hidden;
	}
#contentloading{
	position:absolute;
	z-index:3;
	left:200px;
	}
#encart p {
	padding:10px;
	}
#encart p a {
	color:white;
	}
#encart p a:hover {
	text-decoration:none;
	color:blue;
	background-color:#FFFFFF;
	
	}
#encart h1 {
	padding:10px;
	}
#encart img {
	border:2px solid white;
	margin:5px;
	}


.complink a {
	display:block;
	background-color:white;
	width:100%;
	padding:5px;
	text-decoration:none;
	}
.complink a:hover, #backbutton a:active {
	color:white;
	display:block;
	padding:5px;
	width:100%;
	background-color:#002343;
	}
#backbutton {
	position:absolute;
	/*width:400px;*/
	width:100%;
	/*top:200px;*/
	overflow:hidden;
	}
#backbutton a {
	display:block;
	padding:10px;
	width:100%;
	height:100%;
	text-decoration:none;
	background-color:white;
	color:black;
	}
#backbutton a:hover, #backbutton a:active {
	color:white;
	display:block;
	padding:10px;
	width:100%;
	height:100%;
	background-color:#002343;
	}
.container {
	margin:50px;
	border: 3px solid white;
	width:300px;
	margin-bottom:0;
	}
#textcontainer {
	position:absolute;
	/*margin-right:120px;*/
	/*height:200px;*/
	overflow-y:auto;
	overflow-x:hidden;
	width:100%;
	}
#images {
	float:right;
	margin-right:10px;
	width:110px;
	}

#logo {
	position:absolute;
	z-index:2;
	width:330px;
	height:310px;
	margin-left:6%;
	background-image:url(images/white50.png);
	background-repeat:repeat;
	
	text-align:center;
	padding-top:50px;
	border:1px solid white;
	border-top:0;
	border-bottom:0;
	}

#logo img {
	border:none;
	}
#contact {
	position:absolute;
	z-index:2;
	width:290px;
	bottom:0;
	margin-left:6%;
	background-image:url(images/white50.png);
	background-repeat:repeat;
	padding:20px;
	color:black;
	border:1px solid white;
	border-top:0;
	border-bottom:0;
	font-weight:bold;
	text-align:right;
	}
#contact p a {
	display:block;
	text-decoration:none;
	color:black;
	width:100%;
	padding:0;
	margin:0;
	padding-right:5px;
	padding-left:5px;
	}
#contact p a:hover {
	display:block;
	background-color:white;
	width:100%;
	padding:0;
	margin:0;
	padding-right:5px;
	padding-left:5px;
	}
#logomail {
	float:left;
	}
a.logomail img {
	border:none;
	background-color:none;
	}
a.logomail:hover img {
	background-color:none;
	border:none;
	}