/* BODY */
body {
	font: normal 62.5% "Trebuchet MS";
	text-align: center;
}

.bg_top_orange {
	background-image: url(../images/bg_top_orange.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

.bg_top_vert {
	background-image: url(../images/bg_top_vert.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

.bg_bottom {
	background-color: #7e99aa;
	background-image: url(../images/bg_bottom.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

/* CONTAINERS */
.container {
	margin: 0 auto;
	text-align: left;
	width: 900px;
}

/* HEADER */
.header_orange {
	background-image: url(../images/bg_header_orange.jpg);
	background-repeat: no-repeat;
	height: 161px;
	width: 900px;
}

.header_vert {
	background-image: url(../images/bg_header_vert.jpg);
	background-repeat: no-repeat;
	height: 161px;
	width: 900px;
}

.logo {float: left; padding-left: 10px; width: 235px;}
.top_nav {float: right; width: 655px;}
.top_nav .options {height: 31px; margin-bottom: 30px; margin-left: 320px;}
.top_nav .boutons {height: 100px; margin-left: 15px;}

/* MILIEU */
.content {
	color: #6e90a6;
	font-size: 1.2em;
	margin-left: 256px;
	text-align: justify;
	width: 644px;
}

.fiche {
	margin-right: 222px;
	width: 412px;
}

.fiche_img {
	float: left;
	margin-left: -222px;
	width: 22px;
}

.col1 {
	margin-right: 322px;
	text-align: justify;
	width: 312px;
}

.col2 {
	float: left;
	margin-left: -312px;
	text-align: justify;
	width: 312px;
}

.tarifs {
	border: 1px solid #c8c220;
	width: 100%;
}

.tarifs p {padding: 0 10px;}
.flash {margin-bottom: 10px;}

.wrapper {
	width: 100%;
	float: left;
}

/* GAUCHE */
.gauche {
	float: left;
	font-size: 1em;
	margin-left: -900px;
	width: 256px;
}

.menu_orange {
	background-image: url(../images/bg_menu_orange.jpg);
	background-repeat: no-repeat;
	font-size: 1.2em;
	height: 468px;
	padding-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	width: 256px;
}

.menu_vert {
	background-image: url(../images/bg_menu_vert.jpg);
	background-repeat: no-repeat;
	font-size: 1.2em;
	height: 468px;
	padding-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	width: 256px;
}

.extra {
	background-color: #d05425;
	background-image: url(../images/bg_extra.jpg);
	background-repeat: no-repeat;
	color: #fff;
	margin: 15px 10px;
	width: 236px;
}

.extra .nouvelles {float: left; padding-top: 22px;}
.extra .nouvelles .rss {padding-bottom: 5px; padding-left: 160px;}
.extra .nouvelles .rss img {padding-right: 3px; vertical-align: text-top;}
.extra .nouvelles span.date {color: #ffab7b; display: block;}

/* FOOTER */
.footer {
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 1.3em;
	margin: 0 auto;
	text-align: left;
	width: 900px;
}

.infolettre {width: 900px;}
.footer_bottom {padding: 15px 0; width: 900px;}
.pub {float: left; padding-right: 10px; width: 236px;}
.footer .nouvelles {float: right; padding: 10px 20px 15px 0; width: 624px;}
.footer .nouvelles .rss {padding-bottom: 10px; padding-left: 180px;}
.footer .nouvelles .rss img {padding-right: 3px; vertical-align: text-top;}
.footer .nouvelles span.date {color: #3c5c70;}
.copyright {float: right; padding: 10px 70px 5px 0; width: 624px;}

/* TITRES */
h1 {color: #e36929; font-size: 1.4em; font-weight: normal; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase;}
h1 img {vertical-align: text-top;}
h2 {background-color: #c8c220; color: #fff; font-size: 1.2em; font-weight: normal; margin-bottom: 10px; padding-left: 10px; text-transform: uppercase;}
h3 {color: #e36929; font-size: 1.2em; font-weight: normal; letter-spacing: 1px; margin-bottom: 10px;}
h3 span {color: #333; font-size: 0.8em; font-weight: normal; letter-spacing: 0; margin-bottom: 0;}

/* PARAGRAPHES */
p {margin-bottom: 10px;}
.extra p {padding: 0 10px;}

/* LIENS */
a {color: #3c5c70; text-decoration: underline;}
a:hover {color: #3c5c70; text-decoration: none;}

a.btn_home {color: #fff; text-decoration: none; display: block; width: 235px; height: 142px;}
a.btn_home:hover {color: #fff; text-decoration: none;}

.top_nav .options ul li a {color: #fff; display: block; height: 31px; text-decoration: none; width: 100px;}
.top_nav .options ul li.print a {color: #fff; display: block; height: 31px; text-decoration: none; width: 170px;}
.top_nav .options ul li.langue a {color: #fff; display: block; height: 31px; text-decoration: none; width: 65px;}
.top_nav .options ul li a:hover {color: #fff; text-decoration: none;}

.top_nav .boutons ul li a {color: #fff; display: block; height: 100px; text-decoration: none; width: 128px;}
.top_nav .boutons ul li a:hover {color: #fff; text-decoration: none;}

.extra a {color: #ffab7b; text-decoration: underline;}
.extra a:hover {color: #ffab7b; text-decoration: none;}

.footer a {color: #3c5c70; text-decoration: underline;}
.footer a:hover {color: #3c5c70; text-decoration: none;}

/* LISTES */
.header_orange li, .header_vert li {float: left; list-style: none;}

.footer li, .extra li {list-style: none; padding-bottom: 10px;}
.extra li {padding: 0 10px 10px 10px;}

.content ul {margin-left: 18px; margin-bottom: 10px;}
.content ul li {margin-bottom: 5px;}

/* FORMULAIRES */
.text {
	color: #666;
	border: 1px solid #e36929;
	font-size: 1em;
}

textarea.text {font-size: 1.2em;}
input.text, textarea.text {padding: 0.15em;}

.button {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
	background-color: #e36929;
	border: 1px solid #ddd;
}

.extra .infolettre .text {
	background: none;
	border: none;
	float: left;
	font-size: 1em;
	height: 14px;
	margin-left: 93px;
	margin-top: 10px;
	padding: 1px;
	width: 105px;
}

.extra .infolettre .button {
	background: none;
	border: none;
	float: left;
	height: 20px;
	margin-top: 10px;
	padding: 0;
	width: 25px;
}

.footer .infolettre .text {
	background: none;
	border: none;
	float: left;
	font-size: 1.3em;
	height: 18px;
	margin-left: 162px;
	margin-top: 8px;
	padding: 2px;
	width: 190px;
}

.footer .infolettre .button {
	background: none;
	border: none;
	float: left;
	height: 24px;
	margin-top: 8px;
	padding: 0;
	width: 50px;
}

/* MISC */
* {margin: 0; padding: 0;}
.special td {padding: 3px;}
.clearer {clear: both;}
table {font-size: 1em;}
td img, li img {display: block;}
img.img_frame {border: 1px solid #ddd; padding: 8px;}
img.img_galerie {border: 1px solid #ddd; padding: 1px;}
img.img_pub {border: 1px solid #b5c0c8;}
.pair {background-color: #ddd;}

/* CALENDRIER D'ACTIVITÉS */
a.block {
	background-color: #c8c220;
	border: 1px solid #b3ac15;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	height: 82px;
	text-align: center;
	text-decoration: none;
	width: 82px;
}

a.block:hover {
	background-color: #b3ac15;
	border: 1px solid #c8c220;
	color: #fff;
	text-decoration: none;
}

a.block1 {
	background-color: #e36929;
	border: 1px solid #d05425;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	height: 82px;
	text-align: center;
	text-decoration: none;
	width: 82px;
}

a.block1:hover {
	background-color: #d05425;
	border: 1px solid #e36929;
	color: #fff;
	text-decoration: none;
}

.hintsClass {
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	text-align: left;
	background-color: #f0f0f0;
	color: #000000;
	border: 1px solid #808080;
	padding: 5px;
}

/* MENU */
ul#menu_orange, ul#menu_vert {padding: 25px 20px 0 20px;}

ul#menu_orange, ul#menu_orange li, ul#menu_orange ul, ul#menu_vert, ul#menu_vert li, ul#menu_vert ul {
	list-style: none;
	margin: 0;
	width: 216px; /* Menu Width */
}

ul#menu_orange li, ul#menu_vert li {float: left; position: relative;  width: 100%;}
ul#menu_orange li.iehover, ul#menu_vert li.iehover {z-index: 1000; /* IE z-index bugfix */}

ul#menu_orange ul, ul#menu_vert ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 9999;
}

ul#menu_orange li {border-bottom: 1px dashed #eb9365;}
ul#menu_vert li {border-bottom: 1px dashed #d7d35e;}
ul#menu_orange li.last, ul#menu_vert li.last, ul#menu_orange ul li, ul#menu_vert ul li {border-bottom: none;}

/* Root Menu */
ul#menu_orange a, ul#menu_vert a {
	color: #fff;
	display: block;
	font-size: 1.1em;
	height: 1%;
	padding: 5px;
	text-decoration: none;
}

/* ul#menu_orange a {background-color: #e36929;} */
/* ul#menu_vert a {background-color: #c8c220;} */

ul#menu_orange ul, ul#menu_vert ul {
	border-bottom: 1px solid #fff;
	border-left: none;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

/* Root Menu Hover Persistence */
ul#menu_orange a:hover, ul#menu_orange li:hover a, ul#menu_orange li.iehover a {background-color: #e36929; color: #fff; text-decoration: underline;}
ul#menu_vert a:hover, ul#menu_vert li:hover a, ul#menu_vert li.iehover a {background-color: #c8c220; color: #fff; text-decoration: underline;}

/* 2nd Menu */
ul#menu_orange li:hover li a, ul#menu_orange li.iehover li a {background-color: #e36929; float: none; font-size: 0.9em; padding: 5px 10px; text-decoration: none;}
ul#menu_vert li:hover li a, ul#menu_vert li.iehover li a {background-color: #c8c220; float: none; font-size: 0.9em; padding: 5px 10px; text-decoration: none;}

/* 2nd Menu Hover Persistence */
ul#menmu_orange li:hover li a:hover, ul#menu_orange li:hover li:hover a, ul#menu_orange li.iehover li a:hover, ul#menu_orange li.iehover li.iehover a {background-color: #d05425; text-decoration: none;}
ul#menmu_vert li:hover li a:hover, ul#menu_vert li:hover li:hover a, ul#menu_vert li.iehover li a:hover, ul#menu_vert li.iehover li.iehover a {background-color: #b3ac15; text-decoration: none;}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
	background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
	background: #666;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
	background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
	background: #333;
}

/* Hover Function - Do Not Move */
ul#menu_orange li:hover ul ul, ul#menu_orange li:hover ul ul ul, ul#menu_orange li.iehover ul ul, ul#menu_orange li.iehover ul ul ul, ul#menu_vert li:hover ul ul, ul#menu_vert li:hover ul ul ul, ul#menu_vert li.iehover ul ul, ul#menu_vert li.iehover ul ul ul {display: none;}
ul#menu_orange li:hover ul, ul#menu_orange ul li:hover ul, ul#menu_orange ul ul li:hover ul, ul#menu_orange li.iehover ul, ul#menu_orange ul li.iehover ul, ul#menu_orange ul ul li.iehover ul, ul#menu_vert li:hover ul, ul#menu_vert ul li:hover ul, ul#menu_vert ul ul li:hover ul, ul#menu_vert li.iehover ul, ul#menu_vert ul li.iehover ul, ul#menu_vert ul ul li.iehover ul {display: block;}