@charset "utf-8";
/*********************************/
/*
/* CSS By Benjamin LEDOS
/* Copyright 2009
/*
/*********************************/

/* CSS Hack */
* {
  margin:0px;
  padding:0px;
}
/************ global ************/
body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  background:#1E1E1E;
  background:url(img/background-rayures.gif);
  color:#fff;
  text-align: center;
}
h1 {
  clear:both;
  color:#fff;
  padding:2px 2px 2px 15px;
  font-size:1.5em;
  background:url(img/bg-black-60.png) repeat transparent;
  margin:10px 0 0 0;
  text-align: left;
  vertical-align: middle;
}
h1 a, h1 a:hover {
  color:#fff;
  display:block;
}
h1 span.nom {
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  font-size:2em;
}
a, a:hover {
  text-decoration: none;
  color:#333333;
  font-weight:bold;
}
a:hover {
  color:#666666;
  color:#990000;
}
a[href^="http"]:after {
content: "\0000a0"url(img/linkblack.gif);
}
a:hover[href^="http"]:after {
content: "\0000a0"url(img/linkred.gif);
}
#lang {
  width:800px;
  margin:50px auto 2px auto;
  text-align:right;
}
#lang li { display:inline; }
#lang li img {
  border:0px;
  padding:0 2px;
}
/*
 ************ container ************
*/
#container {
  position:relative;
  width:800px;
  margin:0 auto;
  border:solid 3px #fff;
  background:url(img/background.png) #fff no-repeat;
}
#container.index {
  height:600px;
  background:url(img/bg-yann.jpg) transparent no-repeat;
}
#container #nav { }
#container #nav li {
  list-style-type:none;
  display:block;
  float:left;
  border-right:#fff 1px solid;
  border-bottom:#fff 1px solid;
  border-top:#fff 1px solid;
}
#container #nav li a {
  display:block;
  color: #fff;
  background:url(img/bg-black-60.png) repeat transparent;
  padding: .2em .8em;
  font-size:1em;
  text-align:center;
}
#container #nav li a:hover {
  background:url(img/bg-white-60.png) repeat transparent;
  color: #000;
}
/************ right column ************/

#global {
  margin:10px 0 0 0;
  padding:10px;
  color:#000;
  font-size:1em;
  text-align:justify;
  background:url(img/bg-white-60.png) repeat transparent;/*border:1px solid #fff;*/
}
#global h2 {
  padding:0 0 20px 30px;
  font-style:italic;
  text-decoration:underline;
}
#global table tr td.right { padding:0 10px 0 0; }
#global table input, #global table select {
  display:inherit;
  padding:0;
  max-width:auto;
  color:#000;
  background:#fff;
  width:auto;
  font-size:0.8em;
}
#global table input.hide { display:none; }
#global table input.button { 
  border:none;
  background:transparent;
}
#global table tr td img { border:1px solid #000; }
#global div#text-cd { width:520px; }
#global div#text-cd p {
  margin:0px;
  line-height:1em;
}
.float_theorbe {
  position:absolute;
  float:right;
  bottom:20px;
  right:10px;
}
#global .float_bas { border:1px solid #000; }
#global #liens { margin-left:30px; }
#global #liens li { padding-bottom:10px; }
/************ copyright ************/

#copyright {
  width:800px;
  margin:0px auto;
  text-align:right;
  font-size:0.7em;
  margin-bottom:20px;
  color:#aabacc;
}
#copyright a, #copyright a:hover {
  color:#aabacc;
  text-decoration:none;
}
#copyright a:hover { color:#fff; }
/************ copyright ************/

#global form div { padding:0.5em 2em; }
#global form div b { color:#990000; }
#global input, #global select { width:20em; }
#global textarea {
  width:30em;
  height:12em;
}
#global input, #global select, #global textarea {
  display:block;
  padding:0.2em;
  max-width:95%;
  border:1px solid #000;
  background:#cccccc;
  color:#000;
}
#global input:focus, #global select:focus, #global textarea:focus {
  border-color:#000 2px solid;
  background:#fff;
}
#global #form_envoyer {
  padding:0.2em 0.5em;
  width:auto;
  font-weight:bold;
}
#global #error_form {
  border:#990000 1px dashed;
  margin:10px 5px 5px 5px;
  padding:10px;
  font-weight:bold;
}