@charset "UTF-8";
/* CSS Document */
/*STYLE MENU*/
.popup {
	font-family:"Century Gothic";
	width:600px;
	height:500px;
	overflow:auto;
	text-align:left;
	color:#FFF;
}
.navigation {
	text-align:center;
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      width: 200px;
      font: 1.2em "Trebuchet MS", sans-serif;
      }
   .navigation a, .navigation span {
      display: block;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
      background: #000;
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
   .navigation .subMenu {
      font-size: .8em;
      background: #ccc;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;
      }
	  
.photo {
	position:absolute;
	width:150px;
	height:150px;
	top:5px;
	left:5px;
}

body {
	background:#000;
}

.global {
	position:absolute;
	width:800px;
	height:500px;
	left:20%;
	top:5%;
	color:#FFF;
}
.centre {
	font-family:"Century Gothic";
	border:2px;
	border-style:outset;
	border-color:#FFF;
	position:relative;
	width:680px;
	height:340px;
	top:40px;
	left:100px;
	overflow:auto;
	text-align:center;
}
.centre table {
	width:670px;
	border-bottom:1;
	border-bottom-color:#FFF;
}
.menuhaut {
	text-align:center;
	position:relative;
	width:680px;
	height:50px;
	top:20px;
	left:102px;
}
.pied {
	position:relative;
	width:680px;
	height:50px;
	top:60px;
	left:102px;
	text-align:right;
}

.pied a {
	color:#06F;
	font-size:10px;
}
.texteart {
	padding-left:20px;
	position:relative;
	height:auto;
	width:620px;
	left:0px;
	top:0px;
	color:#FFF;
	font-size:16px;
	font-family:"Century Gothic";
	text-align:left;
}
.texteart a{
	color:#FC3;
	text-align:left;
}
.td1 {
	height:auto;
}

.centre p {
	color:#FFF;
	font-size:16px;
	font-family:"Century Gothic";
	text-align:left;
}
.centre a{
	color:#FC3;
	text-align:left;
}