@charset "utf-8";
/* CSS Document */

body { behavior:url("../js/csshover.htc"); }

html, body {
background-color:#302076;
font-family:Arial,sans-serif;
margin:0px;
padding:0px;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

#page {
background:#fff url(../images/bg_page.gif) repeat-y bottom left;
margin:auto;
width:980px;
}


#header {
background: url(../images/header.jpg);
clear:both;
display:block;
font-size:0.7em;
height:184px;
margin:0px;
width:980px;
}

#menu {
height:42px;
width:980px;

}

#leftcol {
display:block;
float:left;
width:170px;
height:100%;
min-height:750px;
padding: 30px 0 0 15px;
}

#leftcol p{
font-size:12px;
color:#767676
}

#content {
margin: 4% 4% 4% 240px;
}

#content_left {
background:#FFFFFF none no-repeat scroll 0%;
float:left;
width:340px;
margin: 0 2% 0 4%;
padding-top:15px;
margin-bottom: 50px;
}

#content_right {
float:right;
border-left: 1px solid #d6d6d6;
width: 350px;
padding-left: 15px;
margin-top: 60px;
padding-right: 30px;
margin-bottom: 50px;
}

* html #content_right {
width: 305px;
}



#footer {
background: url(../images/footer.gif) repeat-x bottom;
clear:both;
width:980px;
height:45px;
}

#footer p{
color:#c4c4c4;
font-size:11px;
text-align:center;
margin-left:200px;
margin-bottom:20px;
}



#search {
width:180px;
height:25px;
margin-bottom:20px
}

#search .text {
width:120px;
font: 12px "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

#search .submit {
vertical-align: middle;
}

.structure {
	display: none;
}


/* Menu */

#menu ul, #menu li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul {
	float: left;
}

#menu li {
	float: left;
	display: block;
}

#menu li {
	float: left;
	display: block;
}

#menu ul a {
	color: #dad0ff;
	text-decoration: none;
	display: block;
	height: 30px;
	padding: 12px 0 0 0;
	width: 156px;
	text-align: center;
	text-transform: uppercase;
	background: url(../images/menu_out.gif) top center;
}

#menu ul a:hover, #menu ul:hover a {
	color: #fff;
	background: url(../images/menu_over.gif) top center;
	border: 0 none;
}

#menu ul ul, #menu ul ul li {
	float: none;
}

#menu ul ul, #menu ul ul li {
	float: none;
}

#menu ul ul, #menu ul:hover ul ul {
	display: none;
	border: 1px solid #1670ef;
	background: #fff;
	width: 258px;
}

#menu ul:hover ul, #menu ul:hover ul li:hover ul {
	display: block;
	position: absolute;
}

#menu ul:hover ul:hover ul {
	margin-top: -20px;
	margin-left: 248px;
}

#menu ul ul li a, #menu ul:hover ul li a {
	width: 250px;
	display: block;
	color: #1670ef;
	padding: 4px;
	background: #fff;
	text-transform: none;
	text-align: left;
	font-size: 14px;
	height: auto;
}

#menu ul ul li a:hover {
	background: #1670ef;
	color: #fff;
}

ul#menu_accueil a {
	width: 200px;
}

div#leftcol .menugauche {
margin-left:-15px;
width:200px;
margin-top:-20px;
}

div#leftcol .active {
background:url(../images/left_inner_border.gif) repeat-x top;
background-color:#f9f9f9;
padding-bottom:15px;
padding-top:15px;
}

div#leftcol .rubrique {
background:url(../images/left_inner_border.gif) repeat-x top;
padding-top:15px;
}

div#leftcol h3{
margin-bottom: 15px;
margin-left:15px;
margin-top:0px;
}

div#leftcol ul {
margin-top:-10px;
padding-right:10px;
}

div#leftcol li {
color:#6462b9;
font-size:16px;
list-style-type:none;
line-height:170%;
padding-left:0px;
margin-left:0px;
}

div#leftcol li.current{
color:#0089df;
}

div#leftcol li a:hover {
color:#0089df;
}