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

body, html{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}


a{
	color:#183666;	
}

h1{
	color:#183666;	
}

h2{
	font-size:15px;
	color:#333;
}
p{
	line-height:1.5em;
	text-align:justify;
	color:#737373;
	
}

.bold{
	font-weight:bold;	
}
#baniere{
	width:100%;
	height:128px;
	background-color:#799ed2;
	position:relative;
}

#baniere #logo_top{
	display:block;
	width:195px;
	height:100%;
	position:absolute;
	z-index:5;
	top:0px;
	right:0px;
	background-image:url(../graph/logo_fjd_02.gif);
}


#baniere #deg_menu{
	position:absolute;
	right:195px;
	z-index:3;
	width:630px;
	height:100%;
	background-image:url(../graph/degrade_sans_menu.jpg) !important;
	background-image:url(../graph/degrade_menu.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

#baniere #motif_deg{
	position:absolute;
	z-index:3;
	width:100%;
	height:100%;
	left:0px;
	background-image:url(../graph/motif_deg.jpg);
	background-position:right;
}


#menu_boite{
	position:absolute;
	right:561px;
	width:279px;
	height:128px;
	z-index:6;
}

html>body #menu_boite{	
	background-image:url(../graph/menu.png);		
	left:20%
}

 #menu{
	margin:15px 28px 0px 0px;	
}

#menu a{
	text-align:right;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	padding-right:7px;
	color:#799ed2;	
	line-height:16px;
}

#menu a.sel{
	color:#183666;	
}

#menu a:hover{
	background-image:url(../graph/pti_flech.gif);
	background-position:right;
	background-repeat:no-repeat;
	color:#183666;	
}

#cont{
	width:670px;
	
	margin:auto;
	margin-top:30px;
	background-image:url(../graph/carre-deco.jpg);
	background-repeat:no-repeat;
	background-position:0px 15px;
	padding:1px 50px 15px 50px;
}

.inp{
	border:1px solid #999;
	width:158px;
}

#bt_valider{
	background-image:url(../graph/bt_val.jpg);
	width:162px;
	height:22px;
	border:0px solid #FFF;
	margin-left:75px;
}

.col_g{
	width:67px;	
}