/* ---------- COLORS ---------- */

/*
Gris	 	: #666666
Gris clair	: #999999
Gris foncé 	: #2c2c2c
Rouge 		: #b90000
Vert		: #abcd33
*/

/* -------------------------------------- */
/*            RESET ALL STYLES            */
/* -------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
body{*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
select,input,textarea{font:99% verdana,sans-serif;}
pre,code{font:115% monospace;*font-size:100%;}
body*{line-height:1.22em;}
html{font-size: 100%;}

/* -------------------------------------- */
/*              GENERAL TAGS              */
/* -------------------------------------- */

html {
	background: fixed #171717 url(../images/flower_grey.gif) no-repeat left bottom;
	scrollbar-face-color:#464646;
	scrollbar-highlight-color:#464646;
	scrollbar-3dlight-color:#a0a0a0;
	scrollbar-darkshadow-color:#141414;
	scrollbar-shadow-color:#464646;
	scrollbar-arrow-color:#a0a0a0;
	scrollbar-track-color:#646464; }

body {
	background: fixed #171717 url(../images/flower_grey.gif) no-repeat left bottom;
	text-align: center;
	font: 85% "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #bbbbbb; }

h1, h2, h3, h4, h5, h6 { letter-spacing: -.03em; }

h1 { font-size: 1.6em; }

h2 {
	color: #ffffff;
	font-size: 22px;
	font-weight: normal; }

h3 {
	color: #6070b4;
	font: normal 1.25em Arial, Helvetica, sans-serif;
	margin-top: .5em; }

h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }

a {
	padding: .05em .3em;
	text-decoration: none;
	color: #f60000; }

a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #cc0000; }

strong { font-weight: bold; }

hr {
	clear: both;
	visibility: hidden;
	height: 0; }

/* ---------- FORMS ---------- */

form { margin-top: 1.5em; }
#contenu_scroll form p { clear: both; padding: 0; margin: 0 0 1px 0; }

.obligatoire { color: #ff0000; font: bold 1.2em Arial, Helvetica, sans-serif; }

label {
	display: inline;
	float: left;
	text-align: left;
	width: 17%;
	font: 1em Arial, Helvetica, sans-serif;
	margin-right: .3em; }

input, textarea, button {
	font: .8em Arial, Helvetica, sans-serif;
	color: #ffffff;
	border: 1px solid #999999;
	padding: 1px 2px;
	background: #2c2c2c; }

button {
	text-decoration: none;
	cursor: pointer;
	display: block;
	font-size: 1em; }

/* -------------------------------------- */
/*                  LAYOUT                */
/* -------------------------------------- */

#layout {
	background: #000000 url(../images/bg-layoutb.jpg) no-repeat;
	text-align: left;
	border: solid 2px #222222;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	height: 540px;
	margin-top: -270px;
	margin-left: -400px;
	z-index: 100; }

#logo {
	float: left;
	text-indent: -5000px;
	width: 170px;
	height: 100px;
	overflow: hidden; }

	#logo a {
		display: block;
		height: 100%;
		padding: 0; }

	#logo a:hover { background: transparent; }

#publicite {
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	text-align: left; }

	 #publicite a, #publicite a:hover { padding: 0; margin: 0; background: none; }

/* ---------- MENU ---------- */

#menu {
	float: right;
	margin-top: 78px;
	letter-spacing: -.02em;
	margin-right: .5em;
	font: bold 15px Arial, Helvetica, sans-serif; }

	#menu li { display: inline; }

	#menu a { padding: 1px 12px; color: #b9b9b9; float: left; }
	#menu a:hover {	padding: 1px 12px; color: #ffffff; }

/* ---------- CONTENU ---------- */

#contenu {
	margin-left: 280px;
	margin-top: 17px; }

#contenu_scroll {
	position: relative;
	width: 486px;
	height: 255px;
	overflow: auto;
	padding-right: 10px; }

	#contenu_scroll p {
		text-align: justify;
		margin: .9em 0; }

#contenu_scroll ul {
	padding: .5em 0;
	position: relative; }

	#contenu_scroll li {
		background: url(../images/puce.gif) no-repeat left .4em;
		margin-left: 1em;
		margin-bottom: .1em;
		padding-left: 1.2em; }

/* ---------- FOOTER ---------- */

#mecontacter {
	position: absolute;
	z-index: 1000;
	bottom: 7px;
	margin-left: .5em;
	letter-spacing: -.02em;
	color: #ffffff;
	font: 1.4em Arial, Helvetica, sans-serif; }

	#mecontacter a { padding: 0; color: #ffffff; }
	#mecontacter a:hover { background: transparent; text-decoration: underline; }

#footer {
	margin-left: .9em;
	font-size: .9em;
	position: absolute;
	z-index: 1000;
	bottom: -1.7em;
	overflow: hidden; }

/* ---------- DIVERS ---------- */

#contenu .nomargintop { margin-top: 0; }

.title_flame {
	background: url(../images/title_flame.gif) no-repeat left bottom;
	padding: 33px 0 0 15px;
	line-height: 33px; }

.separateur {
	background: url(../images/separateur.gif) no-repeat center center;
	height: 30px; }

.signature {
	background: url(../images/signature.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	height: 27px;
	width: 227px; }

#lang_select {
	position: absolute;
	z-index: 1000;
	top: -1.7em;
	overflow: hidden; }

	#lang_select li {
		float: left;
		border-left: solid 1px #666666;
		margin: 0 -1px;
		padding: .1em .5em; }

	#lang_select li a { color: #bbbbbb; }
	#lang_select li a:hover { color: #ffffff; }

#links p { margin: .5em 0; text-align: center; }
#links a { padding: 0; }
#links a:hover { background: transparent; }

.other_link, .other_link:hover { padding: 0; background: transparent; }

.small { font-size: .9em; }
.medium { font-size: 1.4em; letter-spacing: -.02em; }
.bigger { font-size: 1.7em; letter-spacing: -.03em; }

.green { color: #abcd33; }
.red { color: #b90000; }
.white { color: #ffffff; }

#layout .txt_center { text-align: center; }

.alert {
	text-align: left;
	padding: 5px 20px 5px 35px;
	font: .9em Arial, Helvetica, sans-serif; }

	.alertblue {
		background: #ebf1f7 url(../images/alertblue.gif) center no-repeat;
		background-position: 10px 50%;
		border-top: 2px solid #6c9ac7;
		border-bottom: 2px solid #6c9ac7;
		color: #36628d; }

	.alertgreen {
		background: #eef8ec url(../images/alertgreen.gif) center no-repeat;
		background-position: 10px 50%;
		border-top: 2px solid #6fc361;
		border-bottom: 2px solid #6fc361;
		color: #318423; }

	.alertred {
		background: #f6e0dc url(../images/alertred.gif) center no-repeat;
		background-position: 10px 50%;
		border-top: 2px solid #ec705b;
		border-bottom: 2px solid #ec705b;
		color: #ae402d; }

#galerie_images a {
	background: transparent;
	padding: 0;
	margin: 0 0 11px 11px;
	border: solid 4px #666666;
	float: left; }

	#galerie_images a:hover {
		background: transparent;
		border: solid 4px #999999; }

	#galerie_images img {
		border: solid 1px #000000;
		display: block; }

	#galerie p {
		clear: both;
		margin: 11px;
		padding-top: 5px; }



table {
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 4px solid #4f4f4f;
    border-bottom: 1px solid #4f4f4f;
    width: 100%;
    font-size: .9em;
    margin: 20px 0;
}

table th {
    font-weight: bold;
    padding: .1em .5em;
    border-top: 1px dotted #4f4f4f;
    color: #ffffff;
}

table td {
    text-align: left;
    border-top: 1px dotted #4f4f4f;
    padding: .1em .5em;
}

table thead th {
    text-align: left;
    border-bottom: 1px solid #4f4f4f;
    font-size: 1.1em;
}

table strong {
	color: #ffffff;
}

table small {
	color: #999999;
}