/*
 * Copyright © ECILIA SARL.
 */

* {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	font-size: 75%;
	color: black;

	text-align: center;
}

body#fckeditor {
	text-align: left;
}

img {
	border: none;
}

/*
 * Liens
 */

a {
	color: #A20131;
}

/*
 * Mise en page
 */

#wrap {
	text-align: left;

	width: 950px;
	background-image: url('../images/background.png');
	margin: 10px auto 0;
}

#content {
	float: left;
	width: 510px;
	margin-top: 10px;
}

#right_column {
	float: left;
	width: 190px;
	margin: -10px 5px 0 45px;
}

#footer {
	clear: both;
	text-align: right;
	padding: 0 0.5em 0.5em 0;
	background: url('../images/footer.png') no-repeat bottom;
}

/*
 * Bandeau de page (dont actualités défilantes)
 */

#header {
	height: 108px;
	background-image: url('../images/header.png');
}

#header marquee {
	color: #A20131;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;

	padding-top: 76px;
	margin-left: 184px;
}

/*
 * Menu de haut de page
 */

#top_menu {
	height: 36px;
	background-image: url('../images/top_menu.png');

	text-align:center;
}

#top_menu ul {
	padding: 0;
	margin: 0 0 0 2px;
}

#top_menu li {
	display: block;
	float: left;

	text-align: center;

	width: 150px;
	height: 23px;

	background-image: url('../images/top_menu_button.gif');
	margin: 7px 0 0 7px;
}

#top_menu li a {
	display: block;

	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;

	margin-top: 4px;
}

/*
 * Fil d'Ariane
 */

#breadcrumb {
	color: #A20131;
	font-style: italic;
	font-weight: bold;

	height: 1.3em;

	padding-left: 60px;
	background-image: url('../images/breadcrumb.png');
}

#breadcrumb a {
	color: #A20131;
}

/*
 * Menu de gauche (optionnel)
 */

#left_menu {
	float: left;

	width: 190px;
	margin: 130px 10px 0 0;
}

#left_menu ul {
	height: 300px;
	padding: 20px 0 0 0;
	background: url('../images/left_menu.png') no-repeat top left;
	margin: 0;
}

#left_menu li {
	display: block;
	list-style-type: none;
	height: 45px;

	padding-left: 20px;
	background: url('../images/left_menu_bullet.gif') no-repeat left 2px;
}

#left_menu li.selected {
	background: url('../images/left_menu_bullet_active.gif') no-repeat left 2px;
}

#left_menu li.item_0 {
	margin-left: 31px;
}

#left_menu li a {
	color: gray;
}

#left_menu li.selected a {
	color: #A20131;
}

#left_menu li.item_0 a {
	color: black;
	text-transform: uppercase;
	font-weight: bold;
}

#left_menu li.item_1 {
	margin-left: 61px;
}

#left_menu li.item_2 {
	margin-left: 72px;
}

#left_menu li.item_3 {
	margin-left: 72px;
}

#left_menu li.item_4 {
	margin-left: 62px;
}

#left_menu li.item_5 {
	margin-left: 41px;
}

/*
 * Menu de bas de page
 */

#bottom_menu {
	width: 45em;
	margin: 10px auto;
}

#bottom_menu ul {
	padding: 0;
	border-top: 1px solid #0F556D;
	margin: 0;
}

#bottom_menu li {
	display: block;
	float: left;
	width: 15em;
}

#bottom_menu li a {
	color: #0F556D;
}

#bottom_menu li.item_0 {
	text-align: left;
}

#bottom_menu li.item_1 {
	text-align: center;
}

#bottom_menu li.item_2 {
	text-align: right;
}

#bottom_menu br {
	clear: both;
}

/*
 * Boîtes
 */

.right_panel {
}

#right_column .panel_span_ul, #right_column .panel_span_form {
	padding-top: 12px;
	background: #0F556D url('../images/right_panel_top.png') no-repeat top;
}

#right_column .panel_span_ul span, #right_column .panel_span_form span {
	color: white;
	font-weight: bold;
	font-size: 1.1em;

	padding: 0 10px 0 27px;
	background: url('../images/panel_bullet.png') no-repeat 12px 2px;
}

#right_column .panel_span_ul ul, #right_column .panel_span_form form {
	color: white;
	font-size: 0.9em;

	padding: 10px 12px 20px 27px;
	background: url('../images/right_panel_bottom.png') no-repeat bottom;
	margin: 0 0 10px 0;
}

#right_column .panel_span_ul li {
	list-style-type: circle;
	margin-left: 16px;
	padding-bottom: 0.3em;
}

#right_column .panel_span_ul li a {
	color: white;
}

/*
 * Magnolia
 */

.warningEditBar .mgnlControlBarSmall, .warningEditBar .mgnlControlButtonSmall {
	background: orange; border: 1px solid; border-color: #FFE2AE #C68100 #C68100 #FFE2AE;
}

.errorEditBar .mgnlControlBarSmall, .errorEditBar .mgnlControlButtonSmall {
	background: red; border: 1px solid; border-color: #F39E9E #750000 #750000 #F39E9E;
}

.mgnlMainbarPreview a, .mgnlMainbarPreview a:hover {
	color: white;
	text-decoration: none;
}

/*
 * Contenu
 */

#content h1, #fckeditor h1 {
	font-size: 1.2em;
	text-transform: uppercase;

	padding: 8px 0 8px 40px;
	background: url('../images/bullet_h1.gif') no-repeat top left;
	margin: 4px 0;
}

#content h2, #fckeditor h2 {
	font-size: 1.1em;
	color: #A20131;
	text-transform: uppercase;

	margin: 8px 0 8px 60px;
}

#content h3, #fckeditor h3 {
	font-size: 1.1em;
}

#content p, #content li, #fckeditor p, #fckeditor li {
	text-align: justify;

	margin: 1em 0;
}

/*
 * Formulaires
 */

form {
	margin: 0; padding: 0;
}

input.text, input.password, input.file, input.select {
	border: 1px solid gray;
}

input.hidden {
	border: none;
}

textarea {
	font-size: 105%;

	border: 1px solid gray;
}

/*
 * Formulaire général
 */

.main_form {
	position: relative;
}

.main_form span.input_title {
	display: block;
	float: left;

	width: 200px;

	margin: 0.6em 0 0.5em 0;
}

.main_form input.text, .main_form input.password, .main_form input.file, .main_form textarea, .main_form select {
	display: block;
	float: left;

	width: 290px;

	margin: 0.5em 0 0.5em 10px;
}

.main_form label {
	display: block;
	float: left;

	margin: 0 0 0.5em 10px;
}

.main_form input.radio, .main_form input.checkbox {
	display: block;
	float: left;

	margin: 0 0 0.5em 210px;
	padding: 0;
}

.main_form label.item_0 {
	margin-top: 0.5em;
}

.main_form input.radio.item_0, .main_form input.checkbox.item_0 {
	margin: 0.5em 0 0.5em 10px;
}

.main_form br {
	clear: both;
}

.main_form input.postCode, .main_form input.date {
	width: 90px;
}

.main_form input.submit {
	margin: 0.5em 0 0.5em 210px;
}

.main_form p.input_comment {
	clear: both;
	font-size: 0.8em;
	margin: 0 0 0.5em 0;
}

.main_form .error {
	color: white;
	border: 1px solid white;
	background-color: #A20131;
}

#error_panel {
	color: white;
	font-weight: bold;

	padding: 1em 1em 1em 3em;
	background-color: #A20131;
	border: 1px solid white;
	margin: 1em 0;
}

/*
 * Formulaire de recherche
 */

#search_form form {
}

#search_form input.text {
	width: 110px; margin: 0; padding: 0;
}

#search_form input.image {
	vertical-align: bottom;
}

#search_nav .item_left {
	display: block;
	float: left;
}

#search_nav .item_right {
	display: block;
	float: right;
}

/*
 * Formulaire de connexion
 */

#login_form form {
}

#login_form input.text {
	width: 73px;
	margin-bottom: 5px;
}

#login_form input.password {
	width: 50px;
}

#login_form input.image {
	vertical-align: bottom;
}

#login_form br {
	clear: both;
}

#login_form label {
	display: block;
	float: left;

	width: 70px;

	padding: 0.3em 0 0 0;
}

#login_form a {
	display: block;

	color: white;

	margin-top: 5px;
}

/*
 * Page d'accueil
 */

#pre-homepage {
	height: 15px;
}

#homepage {
	position: relative;
	width: 710px;
	height: 530px;
	float: left;
}

#homepage img {
	position: absolute;
	margin-top: -15px;
}

#homepage span {
	display: block;
	position: absolute;
	top: 320px;
	left: 50px;
	width: 660px;

	font-size: 2.3em;
	color: white;
	text-align: center;
}

/*
 * Plan du site
 */

#site_map ul {
	margin-top: 0.5em;
}

#site_map li {
	text-align: left;
	margin: 0 0 0.5em 0;
}

#site_map .depth_1 {
	font-weight: bold;
}

#site_map .depth_2 {
	font-weight: normal;
}

#site_map .depth_3 {
	font-size: 0.9em;
}