@charset "UTF-8";
/* CSS Document */

/*
COULEURS
rouge : #CF0000
*/

/****************************************/
/* DECO */
/****************************************/

body {
	text-align: center;
	background-color: #000;
	color: #FFF;
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	}

/****************************************/
/* TYPO */
/****************************************/

h1 {
	font-family: Georgia,Times,serif;
	font-size: 2em;
	font-weight: normal;
	color: #CF0000;
	}
h2 {
	font-family: Georgia,Times,serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #CF0000;
	}
h3 {
	font-size: 1em;
	font-weight: bold;
	}
h1, h2, h3, p {
	margin: 1em 0;
	}
a {
	color: #CF0000;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
hr {
	/* annulation des float */
	display: block;
	clear: both;
	margin: -0.66em 0;
  	visibility: hidden;
	}

/****************************************/
/* CONTAINER */
/****************************************/

div#container {
	margin: 20px auto;
	text-align: left;
	width: 860px;
	position: relative;
	}

/****************************************/
/* HEADER */
/****************************************/

div#header {
	height: 150px;
	}

/****************************************/
/* WRAPPER & CONTENT */
/****************************************/

div#wrapper {
	width: 650px;
	}
div#content {
	margin: 0 0 40px 130px;
	text-align: justify;
	}

/****************************************/
/* NAVIGATION */
/****************************************/

div#navigation {
	width: 200px;
	font-size: 1em;
	position: absolute;
	top: 120px;
	right: 0;
	background: url(/images/carreau-rouge.gif) top center no-repeat;
	padding-top: 32px;
	}
ul.menu {
	padding: 0;
	font-size: 1em;
	text-align: center;
	background: url(/images/carreau-rouge.gif) bottom center no-repeat;
	padding-bottom: 42px;
	}
ul.menu li {
	line-height: 1.2em;
	margin-top: 0.5em;
	}
ul.menu li a {
	text-decoration: none;
	color: #FFF;
	}
ul.menu li a:hover {
	text-decoration: none;
	color: #CF0000;
	}
ul.menu li a.selected {
	font-weight : bold;
	color: #666;
	}

/****************************************/
/* EXTRA */
/****************************************/

div#extra {
	}

/****************************************/
/* FOOTER */
/****************************************/

div#footer {
	text-align: center;
	font-size: 0.8em;
	margin: 0 160px 20px 80px;
	}
div#footer a {
	text-decoration:none;
	color:white;
}
#mmu, #mmu a, #mmu a:link, #mmu a:hover, #mmu a:active, #mmu a:visited {
	text-decoration:none;
	color:#AAA;
}

/****************************************/
/* ACCUEIL */
/****************************************/

div#container.index div#navigation {
	top: 250px;
	right: 50px;
	}
div#container.index div#wrapper {
	position: absolute;
	top: -9999px;
	}
div#container.index div#footer {
	position: absolute;
	top: 460px;
	width: 860px;
	margin: 0;
	}

/****************************************/
/* FORMULAIRE */
/****************************************/

form#contact fieldset {
	border: 1px solid #CF0000;
	margin-top: 10px;
	padding: 10px;
	}
form#contact legend {
	padding: 0 10px;
	font-weight: bold;
	color: #CF0000;
	}
form#contact label {
	float: left;
	width: 160px;
	text-align: right;
	}
form#contact input {
	margin: 0 10px 0 5px;
	width: 250px;
	}
form#contact #civilite input,
form#contact #golfeur input {
	width: auto;
	}
form#contact p.info {
	text-align: center;
	}

/* bloc message
*****************************************/

form#contact #blocMessage {
	text-align: center;
	}
form#contact #message {
	width: 410px;
	height: 100px;
	}

/* pied formulaire
*****************************************/

form#contact #piedForm {
	margin-top: 10px;
	text-align: center;
	}
form#contact #piedForm input {
	width: auto;
	}

/* alerte
*****************************************/

p.alerte {
	font-weight: bold;
	background-color: #CF0000;
	color: #FFF;
	margin-top: 10px;
	padding: 10px;
	}