/* @group General Styles */

body {
	margin: 10px;;
	padding: 0;
	/*background: url(images/container_top_grad.png) repeat-x left 120px;*/
	background: white url(images/bg.jpg);
	font: 0.85em/1.6 Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}

p {
	margin: 0 0 15px;
}

b, strong {

}

a:link, a:visited {

}

a:hover, a:active {

}

img {
	border: none;
}

.image-left {
	float: left;
	margin: 3px 10px 3px 0;
}

.image-right {
	float: right;
	margin: 3px 0 3px 10px;
}
	
/* @end */

/* @group Layout */

#bar {  /*barre Orange haut*/
	height: 119px;
	border-bottom: 1px solid #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#container {  
	width: 1120px;
	margin: 0 auto;
	/*background: url(images/content_top.png) no-repeat left 227px;*/
	padding-top: 30px;
	/*border: 5px black solid;*/
}

.clearer {
	clear: both;
}

#pageHeader {
	height: 197px;
	position: relative;
	text-align: center;
	line-height: normal;
	/*border: 5px green solid*/

}

#pageHeader #background {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/* @group Overlay */

#pageHeader #overlay_swirls {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

#pageHeader #overlay_stripes_solid {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

#pageHeader #overlay_stripes_glow {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

#pageHeader #overlay_curve_solid {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

/* @end */

#pageHeader #logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#pageHeader #logo img {
	display: block;
}

#pageHeader #title {  /* bandeau bleu */ 
	position: absolute;
	left: 10px;
	top: 46px;
	z-index: 2;
	width: 1090px;
	height: 153px;
	font-size: .8em;

}

#pageHeader h1 {
	position: relative;
	z-index: 2;
	margin: 50px 0 0;
	color: #fff;
}

#pageHeader h2 {
	position: relative;
	z-index: 2;
	margin: 0;
	color: #fff;
}

#pageHeader # slogan {
	display: block;
	/*position: absolute;*/
	/*float: left;*/
	z-index: 2;
}

#contentContainer {
	width: 659px;
	background-image: url(images/content_sep.png) ;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	/*border: 5px red solid*/
}

#contentContainer #content {
	padding: 10px 18px 10px 10px;
	/*border: 5px green solid*/
}

/*.contentSpacer {
	height:350px;
	float:right;
	width:10px;
	border: 5px red solid
}*/

#sidebarContainer {
	width: 237px;
}

#sidebarContainer #sidebar {
	padding-bottom:20px;
}

#sidebarContainer #sidebar a {
}

#sidebarContainer #sidebar a:hover {
	text-decoration: none;
}

#sidebarContainer .sideHeader {
	padding: 15px 0 5px 0px;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.5px;
}

#sidebarContainer #sidebar h1 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.5px;
}

#sidebarContainer #sidebar h2 {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.5px;
}

#sidebarContainer #sidebar h3 {
	font-size: 1.1em;
	
}

#footer {
	color: #fff;
	height: 70px;
	text-align: center;
	width: 100%;
	margin: 0;
}

#footer p {
	padding-top: 15px;
	margin: 0;

}

#footer a:link, #footer a:visited {
	font-weight: bold;
	text-decoration: none;
	text-shadow: none;
	color: #fff;
}

#footer a:hover, #footer a:active {
}
	
/* @end */



/* @group Global Classes */

blockquote, .standout {
	font-style: italic;
	margin: 0;
	font-size: 1.2em;
}

h1 {
	font-size: 2.2em;
	font-weight: normal;
	margin: 0 0 5px;
	letter-spacing: -1px;
}

h2 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 5px;
	letter-spacing: -1px;
}

h3 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 5px;
	letter-spacing: -1px;
}

h4 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 5px;
	letter-spacing: -1px;
}

.imageStyle {

}

/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
}


/* Table Styles */
table {
	font-size: 1em;
}
/* @end */

/* @group Toolbar */

#navcontainer {   /* Bandeau des menus */
	height: 60px;
	position: relative;
	z-index: 3;
	padding: 0 50px;
}

#navcontainer #current {
	background: url(images/button_over.png) no-repeat center 4px;
}

#navcontainer #current:hover {
	/*	background: url(images/button_over_blue.png) no-repeat center 4px;*/d
}

#navcontainer .currentAncestor {
	/*background: url(images/button_over.png) no-repeat center 4px;*/
}

/* Parent - Level 0 */

#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 7;
}

#navcontainer li {
	position: relative;
	display: inline;
	float: left;
}

#navcontainer a {
	font-size: 0.9em;
	display: block;
	padding: 17px 15px 19px 15px;
	height: 11px;
	text-decoration: none;
	width: 100px;
	text-align: center;
	font-weight: bold;
	position: relative;
	z-index: 7;
}

#navcontainer a:hover {
	background: url(images/button_over_blue.png) no-repeat center 4px;
}

#navcontainer a:active {
}

/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */
/*#navcontainer ul ul {
	position: absolute;
	top: 46px;
	left: 0;
	right: 0;
	display: none;
	z-index: 6;
	font-size: 0.9em;
	width: 120px;
	padding: 0;
	margin: 0;
}

#navcontainer ul ul:hover {
	background: url(images/button_over.png) no-repeat center top;
	padding-top: 42px;
	top: 4px;
	}

#navcontainer ul ul li {
	display: block;
}

#navcontainer ul ul a {
	padding: 5px 0;
	display: block;
	width: 120px;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	height: auto;
}

#navcontainer ul ul a:hover {
	color: #fff;
}

#navcontainer ul ul #current,
#navcontainer ul ul .currentAncestor{
	background: #fff;
}*/


/* Child Level 3 */
/*
#navcontainer ul ul ul {
	position: absolute;
	top: 0px;
	left: 120px;
	z-index: 6;
	font-size: 1em;
	width: 120px;
}

#navcontainer ul ul ul:hover {
	padding: 0;
	top: 0px;
}

div#navcontainer ul ul,
div#navcontainer ul ul ul,
div#navcontainer ul li:hover ul ul,
div#navcontainer ul li:hover ul ul ul,
div#navcontainer ul li:hover ul ul ul ul,
div#navcontainer ul li:hover ul ul ul ul ul {
	display:none;
}

div#navcontainer ul li:hover ul,
div#navcontainer ul ul li:hover ul,
div#navcontainer ul ul ul li:hover ul,
div#navcontainer ul ul ul ul li:hover ul,
div#navcontainer ul ul ul ul ul li:hover ul {
	display:block;
}*/

/* @end */


label{
	color:#7f7f7f;
	
} 

.form-input-button { 
}

		
		.navigation {
			margin: 0;
			padding: 0;
			list-style: none;
			/*background: black;*/
			color: WHITE;
			width: 300px;
			font: 0.9em "Trebuchet MS", sans-serif;
			}
		.navigation ul{
			list-style-type: none;
			list-style-position: outside;
			}
		.navigation a, .navigation span {
			display: block;
			padding: 4px 10px;
			color: WHITE;
			text-decoration: none;
			background:  url(images/menu-item-blue.png) left bottom no-repeat;
			}
		.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
			background-image: url(images/menu-item-deroule.png);
			}
		.navigation .open a, .navigation .open span {
			background-image: url(images/menu-item-enroule.png);
			}
		.navigation a:hover, .navigation a:focus, .navigation a:active  {
			text-decoration: none;
			color:#000066;
			background:  url(images/menu-item.png) left bottom no-repeat;
			}
		.navigation .subMenu {
			font-size: .8em;
			/*background: #000066 url(subMenu.png) 0 0 repeat-x;*/
			/*background:  url(subMenu.png) 0 0 repeat-x;*/
			font-size: .9em;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #666;
			}
		.navigation ul.subMenu a {
			background: none;
			padding: 3px 20px;
			}




#fond {  
	/*width: 1120px;*/
	margin: 0 auto;
	background: url(images/fond_site_lcf.jpg) ;
	border: 5px black solid;
}			


/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{

	border: none 0px #ffffff;
	cursor: url("../../../files/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("../../../files/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("../../../files/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}

			
/* @end */