body {padding:0; margin:0; height:750px; background:#bfccdf}
table, td {border-collapse:collapse;}
table, td, img {border:0; padding:0;}
form, td{margin:0; padding:0;}
html {height:100%;}
br{font-size:10px}
table{border:0px; border-collapse:collapse;	}
body, td{
	font-size:11px;
    font-family:Helvetica;
	color:#7d7b7b;
	line-height:13px;
	vertical-align:top;
	padding:0px;
}



a img{ border:0px}
img{ vertical-align:top}

strong{ color:#333333}
b{ color:#585858}
span{}
span a{} 
span a:hover{}

a{
	color:#263763;
	text-decoration:underline
} 
a:hover{ color:#263763; text-decoration: none}

.bg_bot{ background:url(images/bg_bot.gif) top left repeat-x #6f6f6f}
.bg_color{ background:#f2f2f2}
.bg_li_bot{ background:url(images/bg_li_bot.gif) top left repeat-y}
.bg_color_top{ background:#FFFFFF}




ul{margin:0; padding:0; list-style:none}
li{ line-height:18px }
li a{ background:url(images/1_z1.gif)  center left no-repeat; background-position:0 5px; margin:0px; padding-left:9px;color:#333333; text-decoration:none}
li a:hover{color:#263763; text-decoration:none}

/* -------[Menu 3]-------- */

#menu3 {
font:Arial, Helvetica, sans-serif;
width: 200px;
border: 0px solid #ccc;
margin: 10px;
}

#menu3 ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu3 li a {
height: 45px;
voice-family: "\"}\"";
voice-family: inherit;
height: 28px;
text-decoration: none;
}

/* N'oubliez pas de renseigner l'adresse des images que vous avez téléchargé */
#menu3 li a:link, #menu3 li a:visited {
color: #ffffff;
display: block;
background: url(images/menu3.gif);
padding: 8px 0 0 10px;
font-weight:bold;
}

#menu3 li a:hover, #menu3 li a:active {
color: #cccccc;
background: url(images/menu3.gif) 0 -45px;
padding: 8px 0 0 10px;
font-weight:bold;
}


.more{background:url(images/1_z2.gif)  center left no-repeat; background-position:0 5px; padding-left:12px; vertical-align:middle; color:#434343; font-weight:bold; text-decoration:none}
.more:hover{ text-decoration:underline}



.main_table{ width:100%; background:url(images/bg_left.gif) top left repeat-x #bfccdf}
.site_center{text-align:center; width:100%; background:url(images/bg_bot.gif) bottom left repeat-x}
.site_center1{margin:0 auto; text-align:left; width:900px;}
 /*header*/
#header{ height:339px; width:900px} 
#header .row1{ height:26px; background:url(images/bg_hed_top.gif) top left repeat-y }
#header .row2{ height:313px; background:url(images/bg_hed_li.gif) top left repeat-x }

#header .row2 .col1{ width:586px; background:url(images/bg_header.jpg) bottom right no-repeat}

#header .row2 .col1 div{ padding:142px 0 0 60px}
#header .row2 .col1 .title{ margin:0 89px 0 0px}
#header .row2 .col2{ width:184px}

#header .row2 .col2 .indent{ margin:101px 0 0px 0px}



/*content*/
#content{ width:900px; height:352px; background:#FFFFFF }

/*page1*/
#page1 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page1 #content .row2{ height:342px}

#page1 #content .row2 .col1{ width:1px}
#page1 #content .row2 .col2{ width:233px}

#page1 #content .row2 .col2 .title{ margin:0 0 25px 0px}
#page1 #content .row2 .col3{ width:666px}

#page1 #content .row2 .col3 .box1{ height:206px; color:#333333}

#page1 #content .row2 .col3 .box1 div{ padding:25px 25px 25px 25px}
#page1 #content .row2 .col3 .box1 p{ margin:23px 15px 13px 0px}
#page1 #content .row2 .col3 .box1 .indent{ margin:19px 0px 0px 0px}
#page1 #content .row2 .col3 .box2{ height:136px}



/*page2*/
#page2 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page2 #content .row2{ height:342px}

#page2 #content .row2 .col1{ width:516px}

#page2 #content .row2 .col1 .box1{ height:242px}

#page2 #content .row2 .col1 .box1 div{ padding:32px 25px 10px 60px}
#page2 #content .row2 .col1 .box1 .title{ margin:0px 0px 28px 0px}
#page2 #content .row2 .col1 .box1 .title_1{ margin:13px 0px 0px 0px}
#page2 #content .row2 .col1 .box1 p{ margin:1px 15px 11px 0px}
#page2 #content .row2 .col1 .box2{ height:100px}
#page2 #content .row2 .col2{ width:233px}

#page2 #content .row2 .col2 .box1{ height:314px}

#page2 #content .row2 .col2 .box1 div{ padding:34px 15px 10px 38px}
#page2 #content .row2 .col2 .box1 .indent{ margin:29px 0px 19px 2px}
#page2 #content .row2 .col2 .box1 p{ margin:4px 0px 12px 2px}
#page2 #content .row2 .col2 .box2{ height:28px}
#page2 #content .row2 .col3{ width:21px}



/*page3*/
#page3 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page3 #content .row2{ height:342px}

#page3 #content .row2 .col1{ width:21px}
#page3 #content .row2 .col2{ width:233px}

#page3 #content .row2 .col2 .box1{ height:314px}

#page3 #content .row2 .col2 .box1 div{ padding:34px 15px 10px 38px}
#page3 #content .row2 .col2 .box1 .title{ margin:0px 0px 25px 0px}
#page3 #content .row2 .col2 .box1 p{ margin:4px 0px 18px 2px}
#page3 #content .row2 .col2 .box2{ height:28px}
#page3 #content .row2 .col3{ width:516px}

#page3 #content .row2 .col3 div{ padding:32px 50px 10px 28px}
#page3 #content .row2 .col3 .title{ margin:0px 0px 21px 0px}



/*page4*/
#page4 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page4 #content .row2{ height:342px}

#page4 #content .row2 .col1{ width:516px}

#page4 #content .row2 .col1 div{ padding:32px 20px 10px 60px}
#page4 #content .row2 .col1 .title{ margin:0px 0px 25px 0px}
#page4 #content .row2 .col1 .title_1{ margin:26px 0px 25px 0px}
#page4 #content .row2 .col1 .indent{ margin:20px 0px 0px 0px}
#page4 #content .row2 .col2{ width:233px}

#page4 #content .row2 .col2 .box1{ height:314px}

#page4 #content .row2 .col2 .box1 div{ padding:34px 20px 10px 39px}
#page4 #content .row2 .col2 .box1 .title{ margin:0px 0px 26px 0px}
#page4 #content .row2 .col2 .box2{ height:28px}
#page4 #content .row2 .col3{ width:21px}



/*page5*/
#page5 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page5 #content .row2{ height:342px}

#page5 #content .row2 .col1{ width:21px}
#page5 #content .row2 .col2{ width:233px}

#page5 #content .row2 .col2 .box1{ height:314px}

#page5 #content .row2 .col2 .box1 div{ padding:34px 20px 10px 38px}
#page5 #content .row2 .col2 .box1 .title{ margin:0px 0px 25px 0px}
#page5 #content .row2 .col2 .box2{ height:28px}
#page5 #content .row2 .col3{ width:262px}

#page5 #content .row2 .col3 div{ padding:32px 0 0 28px}
#page5 #content .row2 .col3 .indent{ margin:28px 0 19px 0px}
#page5 #content .row2 .col4{ width:233px}

#page5 #content .row2 .col4 .box1{ height:314px}

#page5 #content .row2 .col4 .box1 div{ padding:34px 15px 10px 38px}
#page5 #content .row2 .col4 .box1 .title{ margin:0px 0px 28px 0px}
#page5 #content .row2 .col4 .box2{ height:28px}
#page5 #content .row2 .col5{ width:21px}




/*page6*/
#page6 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page6 #content .row2{ height:342px}

#page6 #content .row2 .col1{ width:516px}

#page6 #content .row2 .col1 .box1{ height:238px; color:#333333}

#page6 #content .row2 .col1 .box1 div{ padding:32px 0 0 60px}
#page6 #content .row2 .col1 .box1 .title{ margin:0px 0 28px 0px}
#page6 #content .row2 .col1 .box2{ height:104px}
#page6 #content .row2 .col2{ width:233px}

#page6 #content .row2 .col2 .box1{ height:314px}

#page6 #content .row2 .col2 .box1 div{ padding:34px 15px 10px 38px}
#page6 #content .row2 .col2 .box1 .title{ margin:0px 0px 26px 0px}
#page6 #content .row2 .col2 .box2{ height:28px}
#page6 #content .row2 .col3{ width:21px}




/*page7*/
#page7 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page7 #content .row2{ height:342px; width:900px; color:#333333}
#page7 #content .row2 div{ padding:32px 43px 10px 60px}






/*footer*/
#footer { width:900px; height:59px;} 

#footer .row1{ height:5px; background:url(images/bg_foot.gif) top left repeat-x;}
#footer .row2{ height:54px; background:#7493ac; color:#FFFFFF; font-size:12px}
#footer .row2 div{ padding:19px 0 0 61px}
#footer .row2 .indent{ margin:0 15px 0 15px}
#footer .row2 a{ color:#FFFFFF; text-decoration: underline}
#footer .row2 a:hover{ color:#FFFFFF; text-decoration: none}



/*input*/
input{
   background:#fff;
   border:1px solid #cccccc;
   width:300px; height:20px;
   color:333333;
   font-size:12px;
}
.input1{
   background:#ffffff;
   border:1px solid #cccccc;
   width:201px; height:15px;
   color:#333333;
   font-size:12px
}
#input2{
   width:44px; height:11px;
   border:0px;
}
#input3{
   width:39px; height:11px;
   border:0px;
}
textarea{
   background:#ffffff;
   border:1px solid #cccccc;
   width:300px; height:200px;
   overflow:auto;
   font-family:Tahoma;
   font-size:11px;
   color:#2A567A}
   
textarea2{
   background:#ffffff;
   border:1px solid #cccccc;
   width:300px; height:100px;
   overflow:auto;
   font-family:Tahoma;
   font-size:11px;
   color:#000}
      
#top{
	width:150px;
	margin:0 auto;
	background:url(images/top_bg.gif) 0 0 repeat-x;
	height:25px;
	padding:15px 0 0 0;
}
#top a.bookmark{
	display:block;
	background:url(images/bookmark_bg.gif) 0 0 no-repeat;
	width:123px;
	height:22px;
	padding:0 0 0 24px;
	font:bold 11px/22px Helvetica;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	float:left;
	margin:0 22px 0 0;
}
#top a.bookmark:hover{
	color:#000;
	background-color:inherit;
}
#top p.topTxt1{
	float:left;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
	margin:0 127px 0 0;
	display:block;
	width:150px;
}
#top p.topTxt1 span{
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#66838F;
	background-color:inherit;
}
#top form{
	width:150px;
	float:left;
	padding:3px 0 0 0;
}
#top form label{
	display:block;
	width:57px;
	height:21px;
	font:bold 13px/21px Arial, Helvetica, sans-serif;
	color:#404040;
	background-color:inherit;
	float:left;
}
#top form input.txtBox{
	width:100px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	background-color:#fff;
	color:#1D1D1D;
	padding:0 0 0 5px;
	font:normal 10px/19px Arial, Helvetica, sans-serif;
	margin:0 4px 0 0;
	float:left;
}
#top form input.btnGo{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	width:31px;
	height:21px;
	border:none;
	cursor:pointer;
	float:left;
	background-color:#EDF8FC;
	color:#fff;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
}
#top form label.as{
	display:block;
	width:97px;
	height:21px;
	background:url(images/advanced_serch.gif) 0 0 no-repeat;
	float:right;
	text-align:center;
}
#top form label.as a{
	background-color:inherit;
	color:#1D1D1D;
	font:normal 10px/21px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#top form label.as a:hover{
	background-color:inherit;
	color:#C70067;
}
/*------------------------------------------------top--------------------*/
   
   
   
@charset "UTF-8";

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0, 0, 10, 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	cursor: default;
	width: 18em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0, 0, 10, 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 18em;
background: url(images/menu3.gif);
	background-repeat: no-repeat;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 15em;
	left: -1000em;
	top: 0;
	background: url(images/menu3.gif);
	background-repeat: no-repeat;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 15em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	border: 0px solid #CCC;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 0px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #2A567A;
	padding: 0.5em 0.75em;
	color: #fff;
	text-decoration: none;
	background: url(images/menu3.gif);
	background-repeat: no-repeat;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #fff;
	background: url(images/menu3.gif) 0 -45px;
	background-repeat: no-repeat;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background: url(images/menu3.gif) 0 -45px;
	background-repeat: no-repeat;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background: url(images/menu3.gif) 0 -45px;
	background-repeat: no-repeat;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
   
ul {
    list-style-image: url(puce.gif);
   }


body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: absolute;
	padding:10px;
}
dl#menu {
	width: 220px;
}
dl#menu dt {
cursor: pointer;
margin: 12px 0;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
border: 0px solid gray;
background: #2A567A;
background:url(images/menu3.gif);
background-repeat:no-repeat;
}
dl#menu dd {
border: 0px solid gray;
background-color:#F2F2F2;
}
dl#menu li {
margin: 2px 0;
text-align: left;
background: #2A567A;
background:url(images/menu3-2.gif);
background-repeat:no-repeat;
	color: #2A567A;
	width: 200px;
	font-size: 12px;
}
dl#menu li a, dl#menu dt a {
color: #fff;
text-decoration: none;
display: block;
border: 0 none;
}

dl#menu dt a:hover {
color: #ffffff;
background:url(images/menu3.gif) 0 -30px;
background-repeat:no-repeat;

}
dl#menu li a:hover {
color: #ffffff;
background:url(images/menu3-2.gif) 0 -20px;
background-repeat:no-repeat;
}


#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}