﻿body {
	background-color:#FFFFFF;
	background-image:url(background_body.jpg);
	background-repeat:repeat-x;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link, a:visited {
	color:#054f80;
	text-decoration:none;
}
a:hover, a:active {
	color: #5cbde7;
	text-decoration:underline;
}
#url_home {
	padding-left: 20px;
	background-image:url(puce_blue_mini.png);
	background-position:left center;
	background-repeat:no-repeat;
	line-height: 20px;
}
#global{
	width: 900px;
	margin: auto;
}
#left, #main, #right{
	float: left;
	height: 768px;
}
#left {
	width: 208px;
}
#left_up, #left_middle, #left_bottom {
	padding: 5px 0 0 0;
}
#left_up {
	height: 15px;
	margin-top: 90px;
}
#left_middle {
	margin-top: 40px;
	height: 200px;
	font-size: 14px;
	color:#FFFFFF;
}
#left_bottom {
	margin-top: 50px;
}
#left_bottom img {
	border: none;
	padding: 14px 7px;
}
#main {
	width: 646px;
	background-image: url(background_main.jpg);
	background-repeat: no-repeat;
	padding: 0 13px 0 14px;
	
}
#main_title{
	height: 142px;
	width: 646px;
	background-image:url(background_maintitle.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#main_title img {
	border: none;
}
#main_content{

}
#main_subcontent{
	padding: 20px;
}
#main_bottom{
	height: 30px;
	background-image:url(background_maintitle.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#right {
	width: 71px;
}
#menu {
	margin-top: 0px;
	line-height: 30px;
}
#menu ul {
	width: 210px;
	padding: 0;
	margin: 0;
}
#menu li {
	list-style: none;
	list-style-position:outside;
}
#menu li a:link, #menu li a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	padding-left: 20px;
	background-image: url(puce_mini.png);
	background-repeat:no-repeat;
	background-position: left;
}
#menu li a:hover, #menu li a:active {
	color: #054f80;
	font-weight: bold;
	text-decoration:none;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #5cbde7;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #054f80;
}

/**** Wizard Path ****/
.wizardPath
{
	margin-bottom:8px;	
	border-collapse:collapse;
	BORDER: #1494e9 1px solid;
	BACKGROUND-COLOR: #FFF;
	padding: 5px;
	width:100%;
}
.wizardPath TD
{
	BORDER-COLOR:#1494e9;
	background-image: url(fond_bleu_light_small.jpg);
	background-repeat:repeat-x;	
	background-position:top left;		
}
TD.wizardActivePath 
{
	color: #FFF;
	BACKGROUND-COLOR: #1494e9;	
	background-image: url(fond_bleu_dark_small.jpg);
	background-repeat:repeat-x;	
	background-position:top left;		
	font-weight:bold;
}

a.ovalbutton1{
background: transparent url(oval-red-left.png) no-repeat bottom left;
display: block;
float: right;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin-left:10px;
}

a.ovalbutton1 span{
background: transparent url(oval-red-right.png) no-repeat bottom right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a:link.ovalbutton1, a:visited.ovalbutton1, a:active.ovalbutton1{
color: #fff; /*button text color*/
font-size:12pt;
}

a.ovalbutton{
background: transparent url(oval-red-left.png) no-repeat top left;
display: block;
float: right;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin-left:10px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #fff; /*button text color*/
font-size:12pt;
}

a.ovalbutton span{
background: transparent url(oval-red-right.png) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #fff;

}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
