<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

body { background-color: #fff; margin: 0; padding: 0 }

#horizontalbar_gray {
	background-color: #CCCCCC;
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 198px;
	z-index: 0;
	visibility: visible;
}
#block_color_left {
	background-color: #636fb4;
	height: 96px;
	width: 144px;
	left: 0px;
	top: 102px;
	position: absolute;
	z-index: 1;
	visibility: visible;
}
#image_on_left {
	position: absolute;
	top: 102px;
	left: 144px;
	width: 144px;
	height: 96px;
	z-index: 3;
	background-color: #636fb4;
}

#block_color_right {
	background-color: #636fb4;
	height: 96px;
	width: 144px;
	left: 1070px;
	top: 582px;
	position: absolute;
	z-index: 2;
	visibility: visible;
}
#image_on_right {
	position: absolute;
	top: 582px;
	left: 1070px;
	width: 144px;
	height: 96px;
	z-index: 3;
}

#horizontalbar_color {
	background-color: #636fb4;
	height: 96px;
	width: 350px;
	left: 864px;
	top: 582px;
	position: absolute;
	z-index: 1;
	visibility: visible;
	border-bottom: 1px solid #443837
}
#verticalbar_color_right {
	background-color: #CCCCCC;
	height: 100%;
	width: 144px;
	left: 1070px;
	top: 678px;
	position: absolute;
	z-index: 0;
	visibility: visible;
}

#upper_typographic_frame {
	background-color: #fff;
	position: absolute;
	z-index: 3;
	top: -30px;
	left: 288px;
	width: 576px;
	height: 323px;
	visibility: visible;
}
#lower_typographic_frame {
	background-color: #fff;
	height: 200px;
	width: 340px;
	left: 864px;
	top: 250px;
	z-index: 3;
	position: absolute;
	visibility: visible;
	padding-top: 60px;
}
	font.small_background_type  {
	color: #636fb4;
	font-size: 40px;
	font-family: arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	line-height: 35px;
	letter-spacing: -4px;
	padding-left: 40px;
}
	font.small_background_type2 {
	color: #666666;
	font-size: 24px;
	font-family: arial, sans-serif;
	font-style: italic;
	font-weight: 500;
	line-height: 55px;
	padding-left: 40px
}
	
	font.big_background_type1   {
	color: #cccccc;
	font-size: 80px;
	font-family: arial, sans-serif;
	font-weight: 500;
	line-height: 65px;
	letter-spacing: -8px
}
	font.big_background_type2   { color: #cccccc; font-size: 70px; font-family: times-roman, serif; font-weight: 700; line-height: 45px; letter-spacing: -6px; padding-left: 20px }

/* Le logo */ 

#logo_space { text-align: left; position: absolute; top: 30px; left: 40px ; visibility: visible; }

font.logotype { color: #333; font-size: 28px; font-family: arial, sans-serif; font-weight: 500; text-decoration: none; letter-spacing: -2px }

/* "Menu_elements" */
	#menu_background /*   This DIV contains the framed arrow. The menu uses two DIVs. Both sit one layer above the menu box. The "sub_menu_background" DIV stays invisible until triggered by the text link in the "show_menu" DIV. "sub_menu_background" becomes invisible again when you take the mouse off it. Javascript controls the visibility. The "a" and "a:hover" tags control mouseover and hover affects.   */  {
	position: absolute;
	z-index: 5;
	top: 170px;
	left: 925px;
	width: 140px;
	height: 50px;
}
	#menu_arrow_frame {
	background-color: #fff;
	position: absolute;
	top: -3px;
	left: -42px;
	width: 27px;
	height: 27px
}
	#menu_arrow /*   You can make the arrow the same color as the pop-up menu background, or it can be a darker or lighter shade of that color. Remember to keep the contrast betwen the arrow and the "menu_arrow_background" fairly low. You want the arrow to point to the menu instead of draw attention to itself.   */  {
	position: absolute;
	right: 1px;
	bottom: 1px;
	top: 1px;
	left: 1px;
}
	#show_menu /*   The "sub_menu_background" DIV becomes visible when you rollover the "show_menu" DIV. Javascript controls the visibility. The "a" and "a:hover" tags control mouseover and hover affects.  */  {
	color: #fff;
	font-size: 15px;
	font-family: arial, sans-serif;
	font-weight: 500;
	background-color: #636fb4;
	text-align: left;
	padding-left: 2px;
	position: absolute;
	z-index: 10;
	top: 31px;
	left: -1px;
	width: 242px;
	height: 19px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #fff #585853
}
	#sub_menu_background /*   The "sub_menu_background" DIV has a default  setting of "visibility: hidden." Javascript and the "show_menu" DIV control visibility. "sub_menu_background" becomes invisible again when you take the mouse off it.   */  {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	top: 52px;
	left: 0px;
	width: 138px
}
	.sub_menu {
	color: #000;
	font-size: 15px;
	font-family: arial, sans-serif;
	font-weight: 500;
	text-decoration: none;
	background-color: #9a9388;
	text-align: left;
	margin-top: 0;
	margin-left: 0;
	width: 242px;
	height: auto;
	z-index: 10;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: #666
}
	.sub_menu a {
	color: #000;
	font-size: 15px;
	font-family: arial, sans-serif;
	font-weight: 400;
	text-decoration: none;
	background-color: #bcbcb2;
	text-indent: 2px;
	display: block;
	width: 242px;
	height: auto;
	z-index: 10;
}
	.sub_menu a:hover {
	color: #fff;
	font-size: 15px;
	font-family: arial, sans-serif;
	font-weight: 500;
	text-decoration: none;
	background: #9a9388;
	text-align: center;
	display: block;
	width: 242px;
	height: auto;
	z-index: 10;
}

#copy_background {
	background-color: #636fb4;
	position: absolute;
	z-index: 4;
	top: 198px;
	left: 144px;
	width: 720px;
	height: 480px;
	border-bottom: 1px solid #443837;
	visibility: visible;
}
/*  le texte déroulant ... */  
#body_copy {
	color: #fff;
	font-size: 14px;
	font-family: arial, sans-serif;
	font-weight: 500;
	background-color: #636fb4;
	position: absolute;
	top: 90px;
	left: 145px;
	width: 550px;
	height: 350px;
	border: outset 0 #9a9388
}
#menulangue/*  le menu lien en + ... */  
 {
	position: absolute;
	z-index: 8;
	top: 216px;
	left: 463px;
	width: 180px;
	height: 48px;
	float: left
}
	a {
	color: #111;
	font-size: 15px;
	font-family: arial, sans-serif;
	font-weight: 500;
	text-decoration: none;
	z-index: 5;
	letter-spacing: -1px
}
	
	a:link {
	color: #111;
	font-size: 15px;
	font-family: arial, sans-serif;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: -1px
}
	
	a:visited {
	color: #111;
	font-size: 15px;
	font-family: arial, sans-serif;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: -1px
}
	
	a:hover { color: #fff; font-size: 15px; font-family: arial, sans-serif; font-weight: 500; text-decoration: none; letter-spacing: -1px }
	
	a:active {
	color: #F0F;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: -1px;
	alignment-adjust: text-after-edge;
}
#copyright {
	color: #333333;
	font-size: x-small;
	font-family: verdana;
	position: absolute;
	top: 680px;
	left: 144px;
	width: 926px;
	height: 60px;
	z-index: 10;
	visibility: visible;
	vertical-align: top;
}

#flashvignette {
	height: 161px;
	width: 242px;
	left: 925px;
	top: 19px;
	position: absolute;
	z-index: 10;
	visibility: visible;
}
#getflash {
	height: 39px;
	width: 158px;
	left: 25px;
	top: 30px;
	position: absolute;
	z-index: 10;
	visibility: visible;
}

#logolivre {
	height: 155px;
	width: 140px;
	left: 1px;
	top: 350px;
	position: absolute;
	z-index: 5;
	visibility: visible;
}
</pre></body></html>