﻿@charset "utf-8";
@import url(popup.css);

html {
	margin:0;
	padding:0;
}
body {
	/*background:#939191 url(../img/bg.gif) repeat-x left top;*/
	background:#70695E url(../img/bg2.gif) repeat-x left -5px;
	font-family:Tahoma, Verdana, Arial;
	font-size:1em;
	margin:0;
	padding:0;
	width:100%;
}
a{color:#B72623;}
/***************************************************
* Blocs principaux
****************************************************/
#container {
	width:992px;
	height:auto;
	margin:0 auto 5px;
}
#header {
	width:100%;
	text-align:right;
	color:#fff;
	font-size:1.88em;
	overflow:hidden;
	cursor:default;
}
	#header a {
		color:#fff;
		text-decoration:none;
	}
#middle {
	border:3px solid #fff;
	width:986px;
	/*background:#666;*/
	background:#B8B2A2;
	position:relative;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
#left-column{
	width:200px;
	margin-bottom:95px;
	position:absolute;
	left:0;
}
#logo {
	background:#fff;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	height:155px;
	line-height:155px;
	-moz-border-radius-topleft: 11px;
	-webkit-border-top-left-radius: 11px;
	border-radius-topleft: 11px;
}
#logo img {
	max-height:150px;
}
#logo a{
	color:#000;
	text-decoration:none;
}
#main-container {
	background:#fff;
	width:720px;
	min-height:510px;
	height:auto !important;
	height:510px;
	padding:15px;
	border:18px solid #E5DFCF;/*#E5DFCF;*/
	color:#707F76;
	margin-left:200px;
	display:inline-block;
	-moz-border-radius-topright: 11px;
	-webkit-border-top-right-radius: 11px;
	border-radius-topright: 11px;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-bottom-right-radius: 11px;
	border-radius-bottomright: 11px;
}
#main-container h1 {
	width:100%;
	color:#B72623;
	border-bottom:1px solid #B72623;
	font-size:1.85em;
	margin:0 0 5px 0;
}
#main-container h1 a{
	color:#B72623;
	text-decoration:none;
	font-size:0.5em;
	float:right;
	font-weight:normal;
	position:absolute;
	top:45px;
	right:35px;
}
#main-container h1 a:hover{
	border-bottom:1px solid #B72623;
}
#main-container h2 {
	color:#848282;
	font-size:1.50em;
	font-weight:normal;
	margin:20px 0;
}
#footer {
	width:990px;
	margin:0 auto;
	color:#E5DFCF;
	font-family:Verdana;
	font-size:10px;
	height:20px;
	line-height:20px;
	text-align:right;
	position:relative;
}
#footer a {
	color:#E5DFCF;
	text-decoration:none;
}
#footer a:hover {
	border-bottom:1px dotted #E5DFCF;
}
/***************************************************
* Recherche
***************************************************/
#search{
	position:absolute;
	width:200px;
	height:95px;
	background:#881E27;
	bottom:25px;
	z-index:10;
	bottom:0;
	left:0;
}
#search label{
	margin:25px 15px 0 15px;
	float:left;
	font-size:0.75em;
	color:#fff;
}
#search .text{
	margin:0 0 0 15px;
	width:125px;
	border:1px solid #ccc;
}
/***************************************************
* Menu
***************************************************/
.menu{
	overflow:visible;
	display:block;
	height:auto;
	margin-bottom:95px;
	padding:0;
	margin-top:0;
	float:left;
	width:100%;
}
.menu ul{
	list-style-type:none;
	width:100%;
	margin:0 0 10px;
	padding:0;
}
.menu li{
	margin:0;
	font-family:Tahoma;
	font-weight:bold;
	display:block;
	float:left;
	width:100%;
	overflow:hidden;
}
.menu li a{
	/*color:#d0d0d0;*/
	color:#fff;
	line-height:1.78em;
	font-size:0.88em;
	text-decoration:none;
	padding:0 0 0 30px;
	/*border-top:1px solid #6f6f6f;
	border-bottom:1px solid #5a5a5a;*/
	border-top:1px solid #C5BFAF;
	border-bottom:1px solid #A19B8B;
	display:block;
	width:170px;
}
.menu li a:hover, 
.menu li a.current{
	color:#e5dFcF;
	background:#A19B8B url(../img/puce3-hover.gif) no-repeat 11px;
	/*border-top:1px solid #828282;
	border-bottom:1px solid #727272;*/
	border-top:1px solid #918B7B;
	border-bottom:1px solid #A19B8B;
}

/***************************************************
* Styles divers
***************************************************/
.button{
	background:#A19B8B;
	border:1px solid #E5DFCF;
	color:#E5DFCF;
	font-weight:bold;
	cursor:pointer;
	text-transform:uppercase;
	font-family:Verdana;
}
.button:hover{
	background:#881E27;
}
.description{
	font-size:0.81em;
	margin:20px 0;
}
.invite{
	font-weight:bold;
	font-size:0.75em;
	line-height:1.75em;
	text-align:center;
}
.right{
	text-align:right;
}
p.erreur{
	font-size:0.75em;
	color:#B72623;
	border:2px solid #B72623;
	font-weight:bold;
	padding:10px;
	margin:10px 60px;
	background:#f6f6f6;
	text-align:center;
}


.form{
	position:relative;
	width:500px;
	margin:5px auto;
	font-size:0.81em;
	display:block;
	overflow:hidden;
}
.form label{
	position:relative;
	float:left;
	height:18px;
	line-height:18px;
	overflow:hidden;
}
.form label.label1{
	width:200px;
	overflow:hidden;
}
.form label.error{
	color:#A83E47;
}
.form input{
	float:left;
	position:relative;
}
.form input.error, .form textarea.error{
	border:1px solid #A83E47 !important;
}
.form input.text{
	margin:2px 0;
	color:#5F595A;
	background:#f7f7f7;
	float:left;
	clear:right;
	width:250px;
	border:1px solid #D0CFC6;
}
.form textarea.textarea{
	margin:2px 0 5px;
	font-family:Tahoma, Verdana, Arial;
	font-size:0.9em;
	color:#5F595A;
	background:#f7f7f7;
	float:left;
	clear:both;
	width:450px;
	height:250px;
	border:1px solid #D0CFC6;
	overflow:hidden;
}
.form input.text_small{
	margin:2px 0;
	color:#5F595A;
	background:#f7f7f7;
	float:left;
	clear:right;
	width:75px;
	margin-right:175px;
	border:1px solid #D0CFC6;
}
.form input.file{
	margin:2px 0;
	background:#f7f7f7;
	height:20px;
	width:254px;
	border:1px solid #D0CFC6;
}
.form .radio{
	float:left;
	clear:right;
	width:252px;
	margin:2px 0;
}
.form .radio input{
	margin:0 4px 0 5px;
	vertical-align:middle;
}
.form .checkbox{
	float:left;
	clear:left;
	margin-right:3px;
}
.form .bloc-button{
	float:left;
	clear:left;
	width:453px;
}
.form .bloc-mentions{
	float:left;
	clear:left;
	width:453px;
	font-size:0.75em;
	text-align:justify;
}
.form .bloc-button .button{
	float:right;
}
.form .bloc-mention{
	float:left;
	clear:both;
	width:100%;
}

input.text{
	clear:right;
	width:250px;
	height:16px;
	line-height:16px;
	border:1px solid #D0CFC6;
}
.input-list{
	float:left;
	width:250px;
}
.input-list label{
	float:left;
}
.input-list input{
	float:left;
	clear:left;
	margin:0 4px 0 5px;
	vertical-align:middle;
}
fieldset{
	margin:5px auto 0;
	width:190px;
	padding:5px;
	font-size:0.75em;
}
legend{
	font-size:1.25em;
	color:#707F76;
	padding:5px;
}
.description{
	width:690px;
	margin:15px auto 30px;
	}
#main-container .description h2{
	font-size:1.25em;
	font-weight:bold;
	margin:10px 0 5px;
	padding:0;
	color:#A83E47;
}
.description h3{
	font-size:0.89em;
	margin:0;
	padding:0;
}
.description p{
	margin:0;
	padding:0;
	text-align:justify;
}
.description ul{
	list-style-image:url(../img/puce2.gif);
	margin:3px 0 0 15px;
}
