@CHARSET "UTF-8";

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", helvetica, sans-serif ;
	color: #555;
	font-size: 12pt;
}

body {
	background-color: #fff;
}

strong {
	font-weight: bold;
	color: #ffaf5f;
}

a {
	text-decoration: none;
	color: #ffaf5f;
	font-weight: bold;
}

.clr {
	clear: both;
}

table {
	border-collapse: collapse;
}

th {
	border-collapse: collapse;
	background: #993300;
	border: 1px solid #930;
	color : #fff;
	text-align: center;
	padding: 10px;
}

td {
	border-collapse: collapse;
	border: 1px solid #993300;
	text-align: center;
	padding: 10px;
}

#main {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/**
 * HEADER
 */
div#header {
	background: #fff;
	color: #777;
	height: 185px;
}

div#header #logo {
	float: left;
	width: 212px;
	height: 160px;
	padding-top: 25px;
	padding-left: 20px;
}

div#header #title {
	float: left;
	width: 500px;
	height: 160px;
	padding-top: 25px;
}

div#header #title h1 {
	font-size: 13pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: -25px;
	text-align: center;
}

div#header #menu_top {
	background: #993300 url(../images/barre_haut_fond.png) repeat;
	height: 30px;
}

div#maintop {
	background: #000;
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
}

div#maintop h1 {
	font-size: 10pt;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	display: table-cell;
}

div#mainpane {
	margin-left: auto;
	margin-right: auto;
	width: 900px;	
}


/**
 * COLONNE GAUCHE
 */
div#left {
	float: left;
	width: 240px;
	margin-left: 20px;
	margin-top: 20px;
}

/**
 * CONTENU
 */
div#content {
	margin-left: 0px;
	overflow: hidden;
	width: 640px;
	font-size: 1em;
	text-align: justify;
}

/**
 * MENU TOP
 */
div#menu_top {
	height: 35px;
	line-height: 35px;
	background: #993300;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12pt;
	font-weight: bold;
}

div#menu_top a {
	float: left;
	height: 35px;
	line-height: 35px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	
}
div#menu_top .separateur {
	float: left;
	height: 35px;
	line-height: 35px;
}

/**
 * FOOTER
 */
div#footer {
	border-top: 3px solid #993300;
	background: #ffeff0;
	color: #777;
	padding: 0px 25px 25px 25px;
	margin-top: 50px;
	font-family: Arial;
	font-size: 9pt;
}

div#footer a {
	color: #777;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
}

div#footer .left {
	float: left;
	width: 33%;
}
div#footer .center {
	float: left;
	width: 33%;
}
div#footer .right {
	float: left;
	width: 33%;
}

/**
 * STYLES PERSONNALISES DES MENUS
 */

/**
 * LES MENUS
 */
.cms_menu_h {
	
}

.cms_menu_h ul{
	
}

.cms_menu_h h3 {

}

.cms_menu_h  li{
	float: left;
}

.cms_menu_h a {
	float: left;
	display: block;
	font-size: 12pt;
}

.cms_menu_v {
	
}

.cms_menu_v ul{
	
}

.cms_menu_v h3 {
	font-size: 11pt;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	padding-top: 8px;
	text-align: left;
	color: #777;
	font-family: arial;	
}

.cms_menu_v ul {
	padding-left: 0;
}

.cms_menu_v  li{
	list-style: none;
	color: #993300;
}

.cms_menu_v a {
	display: block;
	font-size: 12pt;
	text-decoration: none;
	color: #930;
}

/**
 * AUTRES STYLES
 */
div#mainpane blockquote {
	background: #ffaf5f url(../images/blockquote.png) no-repeat scroll 3px 3px;
	margin 1em;
	padding: 10px 10px 10px 50px;
	margin-right: 20px;
	float: left;
	width: 250px;
	border: 1px dashed #993300;
	text-align: justify;
	font-style: italic;
	font-size: 10pt;
}