* {margin:0;padding:0;border:0;}

body {
font-family:"courrier new",sans-serif;
font-size:90%;
letter-spacing:1px;
background:#e8cd80 url('/data/bande_verticale.jpg') top left repeat;
color:#fff;
text-align:center;
}
a {text-decoration:none;color:#fff;}
a:hover {text-decoration:underline;}

#wrapper {width:800px;margin:20px auto;text-align:left;}


#header {background:#477e7b;height:200px;padding:10px 50px;}
#header h1 {float:left;display:block;width:200px;}
#header h1 a:hover {text-decoration:none;}


#menu{display:block;float:left;width:300px;padding-top:15px;}
#menu ul {background:#82a9a6;padding:1px;}
#menu ul li {list-style:none;text-align:center;color:#fff;}
#menu ul li a {display:block;width:298px;padding:5px 0;color:#fff;}
#menu ul li a:hover {text-decoration:none;background:#477e7b;}
#menu ul li a.contact {padding:10px 0;}


#vignette-wrapper {width:200px;float:right;}



#main {
/*background:url('/data/main-bg.png') top left repeat  !important;*/
background:url('/data/main-bg-2.png') top left repeat;
padding:0 1em 1em 1em;}
#main #top-link {text-align:right;font-size:80%}
#main #top-link a {color:#fff;}
#main #top-link a:hover {color:#477e7b;text-decoration:none;}

/*
#main  {
background:url('/data/main-bg.png') top left repeat  !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/main-bg.png',sizingMethod='scale');
background:none;

}
*/


#home {padding:1em;}
#home #home_txt{float:left;width:400px;text-align:justify;}
#home #home_last {margin-left:450px;padding:1em;}
#home #home_last img{margin:1em;padding:0.5em;border:1px solid #477e7b;}

h2 {margin: 0 0 0 0.5em;letter-spacing:0.5em;font-size:20px;}


#mini {margin:1em;text-align:center;}
#mini a{
display:block;
float:left;
border:1px solid #477e7b;
color: #fff;
margin:15px;
padding:10px 20px;
text-decoration:none;
font-size:85%;
}
#mini a img {margin-bottom:5px}
#mini a span.txt {display:block;height:30px;width:175px;cursor:pointer;}
#mini a:hover span.txt {color:#477e7b;}

#mini a span.img-wrapper {
	width:175px;
	height:260px;
	display:table-cell !important;
	display:block;
	vertical-align:middle;
	}


p.num_page {text-align:center;margin: 1em 0 0 0;clear:both;}



#contact p {margin:1em 2em;}
#contact form p span {width:100px;display:block;float:left;}
#contact input, textarea{border:1px solid #82A9A5;width:296px;padding:2px;background:#fff;}
#contact textarea {height:10em;overflow:auto;}
#contact input.focused, textarea.focused {border:1px solid #477e7b;background:#E2FFFC;}
#contact input.bouton {width:70px;margin:20px 0 0 100px;padding:0.5em;
border:1px solid #477e7b;background:#E2FFFC;}
#contact #erreur {margin:2em;border:1px solid red;padding:1em;color:red;}




#detail {margin: 1em;text-align:center;}
#detail img {margin:1em;padding:1em;border:1px solid #477e7b;}
#menu_detail {display : inline;font-size:70%;margin:0;padding:0;border:0;}
#menu_detail a, a.top{color : #477e7b;text-decoration:none;}
#menu_detail a:hover, a.top:hover{color : #fff;text-decoration:none;}

#video .player {margin:2em;text-align:center;}
#video .player h3 {font-size:14px;}


#copy{clear:both;padding:2em 0 2em 0;background:#477e7b;text-align:center;}
#copy p {font-size:70%;color:#fff;letter-spacing:2px;word-spacing:7px;}
#copy p a{text-decoration:none;color:#fff;padding:5px;}
#copy p a:hover{text-decoration:none;background-color:#82a9a6;}
#copy img {margin:0.5em;}


#plan p.top {padding:1em;clear:both;}
#plan ul {list-style:none;padding:1em;}
#plan ul li {float:left;}
#plan ul li.last {float:none;display:block}
#plan ul li a {letter-spacing:1em;}
#plan ul li a:hover {background-color:#82a9a6;text-decoration:none;}