@charset "UTF-8";
/* CSS Document */
body {
	background-image: url('img/bg_body.jpg');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	color: #393131;
	text-decoration: underline;
}

a:hover {
	color: #393131;
	text-decoration: none;
}

#page {
	position:relative;
	width: 844px;
	margin-left: auto;
	margin-right: auto;
}

/* Filet de couleur */
#color_column {
	position:absolute;
	background-color: #004D68;
	width: 14px;
	height: 100%;
	left:-3px;
}

/* Ombres de la page */
#page_top {
	width: 844px;
	height: 10px;
	margin: auto;
	background-image: url('img/bg_page_top.png');
	background-repeat: no-repeat;
}


#page_middle {
	width: 822px;
	padding-left: 11px;
	padding-right: 11px;
	background-image: url('img/bg_page_middle.png');
	background-repeat: repeat-y;
	
}

#page_bottom {
	width: 844px;
	height: 10px;
	margin: auto;
	background-image: url('img/bg_page_bottom.png');
	background-repeat: no-repeat;
}

/* Entete */

#head {
	width: 822px;
	height: 105px;
	background-image: url('img/head.jpg');
	background-repeat: no-repeat;
}

.back_home {
	display: block;
	position: absolute;
	width: 210px;
	height: 80px;
	
}

/* Menu */

#menu {
	position: absolute;
	width: 798px;
	height: 23px;
	top: 92px;
	left: 22px;
	background-image: url('img/bg_menu.png');
	background-repeat: no-repeat;
}

.menu_bt {
	display: block;
	position:relative;
	float:left;
	height: 23px;
	background-repeat: no-repeat;
	background-position: 0px -23px;
	overflow:hidden;
	text-decoration: none;
	
}

.menu_txt {
	position:absolute;
	left:0px;
	top:-50px;
	width:1px;
	height:1px;
	overflow:hidden;
	border: solid 1px #FF0000;
	color: #AAA693;

}

.menu_bt:hover {
	background-position: 0px 0px;
}

.menu_select, .menu_bt:active {
	background-position: 0px -46px;
}

.menu_select:hover {
	background-position: 0px -46px;
}

.b1 {

	background-image: url('img/menu_b1.png');
	width: 30px;
	
}

.b2 {

	background-image: url('img/menu_b2.png');
	width: 113px;
	margin-right: 1px;

}

.b3 {

	background-image: url('img/menu_b3.png');
	width: 162px;
	margin-right: 1px;
}

.b4 {

	background-image: url('img/menu_b4.png');
	width: 107px;
	margin-right: 1px;
}

.b5 {

	background-image: url('img/menu_b5.png');
	width: 178px;
	margin-right: 1px;
}

.b6 {

	background-image: url('img/menu_b6.png');
	width: 96px;
	margin-right: 1px;
}

.b7 {

	background-image: url('img/menu_b7.png');
	width: 107px;

}

/* Colonne de gauche */

#left {
	float: left;
	width: 498px;
	background-color: #F5F4EF;
}

#left_top {
	width: 468px;
	padding-left: 18px;
	padding-right: 12px;
	padding-top: 36px;
	padding-bottom: 12px;
	background-color: #AAA693;
	color: #393131;
}

#left_top h1{
	display: inline;
	padding: 0;
	margin: 0;
}


#left_content {
	width: 468px;
	padding-left: 18px;
	padding-right: 12px;
	color: #7A7474;
}

#left_content h2{
	display: inline;
	padding: 0;
	margin: 0;
}

/* Colonne de droite */

#right {
	float: left;
	width: 324px;
	background-color: #393833;
}

#right_special_content {
	padding-top:10px;
	background-color: #23221C;
	color: #8E8E86;
}

#right_special_content a {
	color: #CACAC7;
}

#right_ads{
	padding-top: 11px;
	padding-bottom: 11px;
}

.goog_ad {
	width: 300px;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;

	/*border: solid 1px #595954;*/
}


.goog_top{
	width: 728px;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
}
.goog_bottom {
	width: 468px;
	height: 60px;
	margin-top: 20px;
}

.goog_ad:hover {
	/*border: solid 1px #9B9B98;*/
}

/* Ligne de liens */

#bottom_line {

	text-align: center;
	color: #5B5B56;
	font-size: 10px;
	line-height: 14px;
}

#bottom_line a {
	color: #868683;
}

/* Formulaires */

fieldset{
	margin: 0;
	background-color: #FFFFFD;
	border: 0;
	border-top: solid 2px #7F7D75;
	border-bottom: solid 2px #7F7D75;

	padding-top: 10px;

	margin-bottom: 12px;

}

h3.fielset_label{
	display: block;
	margin: 0;
	padding: 0;
	color : #403D3D;
	font-size: 11px;
	letter-spacing: 1px;
	margin-bottom: 3px;
}

label {
	display: block;
	width: 170px;
	float: left;
	color: #6E6B6D;
	font-weight: bold;
	font-size: 12px;
}

input, textarea {
	margin-bottom: 10px;
	background-color: #F5F4EF;
	border: solid 1px #AAA693;
	padding: 3px;
	color: #313129;

}

input.button {
	background-color: #332B1E;
	color: #FFFFFF;

}

input.button:focus {
	background-color: #1C1709;
	color: #DAD8D0;

}

select {
	margin-bottom: 10px;
}

.facultatif {
	color: #F23838;
}

.commentaire_form{
	font-size: 10px;
	font-weight: normal;
}

input:focus, textarea:focus {
	background-color: #FFFFFF;
	border: solid 1px #847F63;
	padding: 3px;
}

.message{
	display: block;
	background-color: #7EA93A;
	border: 0;
	border-top: solid 2px #536F20;
	border-bottom: solid 2px #536F20;

	padding: 10px;

	color: #FFFFFF;

	margin-bottom: 10px;
}

.error {
	background-color: #E34424;
	border-top: solid 2px #902500;
	border-bottom: solid 2px #902500;
}

.spacer {
	clear: both;
}

/* Folio */
.folio {
	padding: 3px;
	padding-left: 18px;
	background-color: #69665D;
	color: #E0DDC8;
}

.folio_info{
	width:200px;
	float: left;
}

.folio_page{
	text-align: right;

}

a.folio_link {
	text-decoration: none;
	color: #E0DDC8;
	margin-left: 1px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
}

a.folio_link:hover {
	background-color: #4A473C;
}


a.folio_link:active {
	background-color: #2E2B1E;
}

a.folio_select, a.folio_select:hover {
	background-color: #F5F4EF;
	color: #69665D;
}