/*
 * Vert foncé : #01462B
 * Vert RR : #047449
 * Gris clair : #929292
 * Gris foncé : #343434
 */

/***********************************/
/* Styles généraux des balises     */
/***********************************/
body {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background-color: #01462B;
	color: #FFFFFF;
	width: 975px;
	font-size: 10pt;
	font-family: Arial Ms, sans-serif;
}
h1 {color: #343434; font-size: 14pt; text-align: center; padding: 5px 0 5px 0; font-weight: normal;}
h2 {color: #343434; font-size: 12pt; text-align: left; padding: 0 0 0 0; font-weight: bold;}
h3 {color: #FFFFFF; font-size: 10pt; padding: 0 0 0 0; margin-bottom: 0; font-weight: bold;}
p {margin: 0 0 0 0; padding: 0 0 0 0; text-align: left;}
a {color: #FF7800; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
/***********************************/

/***********************************/
/* Header                          */
/***********************************/
#header {height: 192px; background: #047449 url(../images/header.gif) no-repeat top left; border: #83BAA5 1px solid; border-bottom: none;}
#header div.header_master {width: 300px; text-align: center;}
#header img {margin-top: 70px;}
#header p {text-align: center; margin-top: 15px; line-height: 25px;}
#header span.header_rr {font-family: Georgia, serif; font-size: 18pt;}
#header span.header_slogan {font-size: 11pt;}
/***********************************/

/***********************************/
/* Séparateurs                     */
/***********************************/
.horizontal_spacer {height: 1px; background: #AFD3C5 url(../images/hspacer.png) no-repeat top right;}
.vertical_spacer {height: 546px; width: 1px; background: #AFD3C5 url(../images/vspacer.png) no-repeat bottom left; float: left;}
.spacer {height: 20px;}
/***********************************/

/***********************************/
/* Slogan                          */
/***********************************/
#slogan {height: 28px; line-height: 28px; vertical-align: middle; background: #047449 url(../images/header_bottom.gif) no-repeat top left; border: #83BAA5 1px solid; border-bottom: none; border-top: none;}
#slogan p {margin-left: 25px; font-size: 11pt}
/***********************************/

/***********************************/
/* Décor de Gauche                 */
/***********************************/
#decor_left_left {height: 546px; width: 36px; background: #047449 url(../images/fond_left_left.gif) no-repeat top left; float: left; border-left: #83BAA5 1px solid;}
#decor_left_right {height: 546px; width: 12px; background: #047449 url(../images/fond_left_right.gif) no-repeat top left; float: left;}
/***********************************/

/***********************************/
/* Menu de Gauche                  */
/***********************************/
#left_menu {height: 546px; width: 200px; background-color: #01462B; float: left;}
#left_menu div.left_menu_separator {height: 28px; background-color: #343434;}
#left_menu div.left_menu_title {height: 30px; line-height: 30px; vertical-align: middle; background-color: #929292; border-bottom: #343434 1px solid;}
#left_menu p.left_menu_title {font-family: Trebuchet MS; font-size: 14pt; text-align: center; color: #343434;}
#left_menu div.left_menu {height: 295px; background-color: #929292; padding-top: 10px; text-align: center;}
#left_menu div.left_menu_autre {height: 36px; line-height: 30px; vertical-align: middle; background-color: #929292; border-bottom: #343434 1px solid;}
#left_menu p.left_menu_autre {text-align: center;}
#left_menu a.left_menu_autre {font-family: Trebuchet MS; color: #FFFFFF; font-size: 11pt;}
/***********************************/

/***********************************/
/* Page                            */
/***********************************/
#page {height: 546px; background-color: #047449; border: #83BAA5 1px solid; border-bottom: none; border-top: none;}
/* Menu du haut */
#top_menu_master {height: 28px; background-color: #047449;}
#top_menu {height: 28px; line-height: 28px; vertical-align: middle; background-color: #01462B; float: left; padding-left: 10px;}
#top_menu_master div.top_menu_degrade {height: 28px; width: 311px; background: #01462B url(../images/top_menu_degrade.jpg) no-repeat top left; float: left;}
/* Contenu */
#content {height: 370px;}
#content_img {float: left; width: 330px; height: 370px;}
#content_img  img {width: 330px; height: 370px; top: 0; left: 0;}
#content_img  img.show {display: inherit;}
#content_img  img.hidden {display: none;}
#content_txt {float: left;}
#content_txt div.content_top {height: 50px; width: 393px; background-color: #01462B; line-height: 50px; vertical-align: middle;}
#content_txt div.content_top h1 {font-size: 11pt; font-weight: bold; margin: 0 0 0 30px; padding: 0; color: #FFFFFF; text-align: left;}
#content_txt div.content_middle {height: 255px; width: 393px; background-color: #047449; padding-top: 15px;}
#content_txt div.content_middle h2 {margin: 0 0 0 30px; padding: 0;}
#content_txt div.content_middle p {margin: 10px 30px 10px 30px;font-size: 10pt;}
#content_txt div.content_bottom {height: 50px; width: 393px; background-color: #01462B;}
#content_contact {margin: 20px 0 0 0;}
#content_contact p {}
#content_contact ul {margin-top: 0;}
#content_contact li {margin-left: 20px;}
/* Footer */
#footer {padding-top: 100px;}
#footer p {text-align: center; font-size: 8pt;}
#adresse {border-top: #83BAA5 1px solid; text-align: center;}
#adresse p {text-align: center; font-size: 8pt; color: #83BAA5;}
/***********************************/

/***********************************/
/* Autres                          */
/***********************************/
#eclyptis {margin-top: 120px; width: 200px; text-align: center;}
#eclyptis p {text-align: center; font-size: 8pt; color: #047449;}
#eclyptis a {font-size: 8pt; color: #047449;}
#xiti-logo {margin: 10px 10px 0 0; height: 10px; line-height: 10px; vertical-align: middle; text-align: right; width: 45px; float: right;}
/***********************************/


