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

/*
Rose light	: #e9d0dc
Rose clair  : #7d415e
Rose medium : #6a2849
Rose foncé  : #360a21
Rose bonbon : #ff62b1
Bleu 		: #a294d4
*/

/* -------------------------------------- */
/*            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;}
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;}
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: #2a081a url(../images/bg.jpg);
	scrollbar-face-color:#360A21;
	scrollbar-highlight-color:#360A21;
	scrollbar-3dlight-color:#90647B;
	scrollbar-darkshadow-color:#040000;
	scrollbar-shadow-color:#360A21;
	scrollbar-arrow-color:#AE8C9E;
	scrollbar-track-color:#54283F; }

body {
	background: #2a081a url(../images/bg.jpg);
	text-align: center;
	font: 81% Arial, Helvetica, sans-serif;
	color: #e9d0dc; }

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

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }

h3 {
	color: #a294d4;
	font: normal 1.25em Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #9386c2;
	padding-bottom: .1em;
	margin-top: .5em; }

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

a {
	text-decoration: none;
	color: #ff62b1; }

a:hover { text-decoration: underline; }

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: 60px;
	font: 12px Arial, Helvetica, sans-serif;
	margin-right: .3em;
	letter-spacing: -.08em; }

input, textarea, button {
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	border: 1px solid #b27b96;
	padding: 1px 2px;
	background: #360a21; }

textarea { width: 145px; }

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

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

#layout {
	background: #2a081a url(../images/layout.png) no-repeat;
	text-align: left;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 734px;
	height: 515px;
	margin-top: -258px;
	margin-left: -367px;
	z-index: 100; }

#col_gauche {
	float: left;
	width: 384px;
	height: 515px; }

	#grande_image {
		width: 359px;
		height: 418px;
		margin: 15px 0 0 15px; }

#col_droite {
	float: left;
	width: 350px;
	height: 515px; }

#logo {
	position: absolute;
	bottom: 15px;
	text-indent: -5000px;
	width: 335px;
	height: 178px;
	overflow: hidden; }

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

	#logo a:hover { background: transparent; }

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

/* Le menu principal multilingue se trouve dans le fichier séparé menu.css */

#second_menu {
	font-size: 13px;
	position: absolute;
	bottom: -23px;
	right: 15px;
	overflow: hidden; }

	#second_menu li {
		float: left;
		border-left: solid 1px #8c4668;
		margin: 0 -1px;
		padding: .1em .5em; }

	#second_menu li a { color: #c687a5; }
	#second_menu li a:hover { color: #ffffff; }

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

.title_contenu {
	margin: 37px 65px 10px 85px;
	font: normal 18px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #d9b4c6; }

#contenu_scroll {
	width: 230px;
	height: 220px;
	overflow: auto;
	padding-right: 5px;
	margin-left: 85px;
	font-size: .85em; }

	#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; }

/* ---------- LANGUAGES ---------- */

#lang_select {
	font-size: 13px;
	position: absolute;
	z-index: 1000;
	top: -21px;
	right: 15px;
	overflow: hidden; }

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

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

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

#footer {
	font-size: 11px;
	position: absolute;
	z-index: 1000;
	bottom: -36px;
	left: 15px;
	overflow: hidden;
	clear: both; }

	#mecontacter {
		letter-spacing: -.02em;
		color: #ffffff;
		font-size: 15px;
		margin-bottom: 1px; }

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

#layout .nomargintop { margin-top: 0; }
#layout .txt_left { text-align: left; }

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

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

#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: 11px 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 { margin-top: 7px; }

	#galerie_images a {
		margin: 0 16px 16px 0;
		float: left; }

	#galerie_images img { display: block; }
	#galerie p { clear: both; }