/* Commun toutes pages */
body {
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	background: #000000 url(./images/fond_large.png) no-repeat;
	decoration:none;
}

a img {
	border: none;
	outline: none;
}

#levelCol1 { 
//    background:#aa1122;
    width:193px;
	height:100%;
	float:left;
}

#levelCol2 {
//    background:#aa4422;
    height:100%;
}

#menuDiv {
	float:left;
	width:200px;
	height:150px;
	padding-Top:33px;
//	background-color:#ee4422;
}

#blockTitre {
	width:98%;
	height:600px;
	margin-Right: 10px;
	margin-top: 33px;
	position: absolute;
	text-align:right;
//	background-color: #ff4321;
}

#linkImgImage {
	src:'./images/fermer.png';
}

.mainItemArea {
	z-index:1;
	top:97px;
	left:310px;
	position:absolute;
	visibility:hidden;
	width:670px;
	height:400px;
}

.mainItemArea .closeImg {
//	width:100%;
//	text-align:right;
	position:relative;
	z-index:2;
	float:left;
	margin-Top:30px;
//	margin-Left:-4px;
	margin-Left:-4px;
}

.mainItemArea .closeImg .linkImg {
//	margin-Right:10px;
}

.mainItemArea .cadreTexte {
	text-align:left;
	z-index:1;
	position:absolute;
//	width:100%;
//	height:353px;
//	background-image: url(images/fond_blanc.png);
	margin-Left:13px;
	margin-Top:47px;
//	padding-left:-10px;
}

.mainAreaPanel {
	z-index:1;
	top:97px;
	left:310px;
	position:absolute;
	visibility:hidden;
	width:500px;
	height:450px;
//	padding-left:-10px;
//	background-color:#aa1122;
}

.mainAreaPanel .Titre1 {
	text-align:left;
	width:100%;
	margin-left:11px;
	height:40px;
}

.mainAreaPanel .closeImg {
//	width:100%;
//	text-align:right;
	position:relative;
	z-index:2;
	float:left;
	margin-Top:-10px;
	margin-Left:-4px;
}

.mainAreaPanel .closeImg .linkImg {
//	margin-Right:10px;
}


.mainAreaPanel .cadreTexte {
	text-align:left;
	width:100%;
	height:160px;
	background-image: url(images/fond_blanc.png);
	margin-Left:2px;
	padding-left:-10px;
}

.mainAreaPanel .cadreTexte .zoneTexte {
	text-align:left;
	width:460px;
	height:105px;
	margin-left:20px;
	padding-top:25px;
}

.mainAreaPanel .Titre2 {
	text-align:left;
	width:480px;
	margin-Top:34px;
	margin-left:10px;
}

.mainAreaPanel .blockCoverFlow {
	text-align:left;
//	width:480px;
//	height:133px;
	width:478px;
	height:124px;
	margin-left:10px;
	background-image: url(images/fond_gris.png);
	background-repeat:no-repeat;
}

.mainAreaPanel .blockCoverFlow .navItemLeft {
	float:left;
	height:124px;
	width:36.25px;
}

.mainAreaPanel .blockCoverFlow .navItemLeft .navItem {
	position:relative;
	padding-Top:47px;
	margin-left:10px;
	opacity:0.5;
}

.mainAreaPanel .blockCoverFlow .navItemRight {
	float:right;
	height:124px;
	width:36.75px;
}

.mainAreaPanel .blockCoverFlow .navItemRight .navItem {
	position:relative;
	padding-Top:47px;
	margin-left:14.75px;
}

.stepcarousel{
	float:left;
	position: relative; /*leave this value alone*/
	border: 0px solid black;
	overflow: scroll; /*leave this value alone*/
//	width: 398px; /*Width of Carousel Viewer itself*/
	width: 405.5px; /*Width of Carousel Viewer itself*/
	height: 124px; /*Height should enough to fit largest content's height*/
//	background-color:#aa1122;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: relative; /*clip content that go outside dimensions of holding panel DIV*/
//	margin: 10px; /*margin around each panel*/
	margin-Left: 3.5px; /*margin around each panel*/
	margin-Right: 19px; /*margin around each panel*/
	margin-Top: 5px; /*margin around each panel*/
	margin-Bottom: 5px; /*margin around each panel*/
}

.h1 {
	font: bold 24px "Trebuchet MS";
	color: #ffffff;
}

.h1 A:link
{
	font: bold 24px "Trebuchet MS";
	color: #ffffff;
	text-decoration: none;
}

.h1 A:visited
{
	font: bold 24px "Trebuchet MS";
	color: #ffffff;
	text-decoration: none;
}

.h1 A:hover
{
	font: bold 24px "Trebuchet MS";
	color: #ffffff;
	text-decoration: none;
}

.h2 {
	color: #cc3300;
	font: 11px/13px Verdana;
	text-align: left;
}

.fermer{
	color: #ffffff;
	font:  11px Verdana;
}
.fermer A:link{
	color: #ffffff;
	font:  11px Verdana;
	text-decoration: none;
}
.fermer A:visited{
	color: #ffffff;
	font:  11px Verdana;
	text-decoration: none;
}
.fermer A:hover{
	color: #ffffff;
	font:  11px Verdana;
	text-decoration: none;	
}


.h2 A:link
{
	color: #cc3300;
	text-decoration: none;
}
.h2 A:visited
{
	color: #cc3300;
	text-decoration: none;
}
.h2 A:hover
{
	color: #cc3300;
	text-decoration: none;
}
.h3 {
	color: #ffffff;
	font: bold 13px/15px "Trebuchet MS";
	text-align: jusitify;
}

.h3 A:link
{
	color: #888888;
	font: bold 13px/15px "Trebuchet MS";
	text-decoration: underline;
}

.h3 A:visited
{
	color: #888888;
	font: bold 13px/15px "Trebuchet MS";
	text-decoration: underline;
}

.h3 A:hover
{
	color: #888888;
	font: bold 13px/15px "Trebuchet MS";
	text-decoration: underline;
}

.h4 {
	color: #ffffff;
	font: bold 15px/16px "Trebuchet MS";
}

.h4 A:link
{
	color: #ffffff;
	font: bold 15px/16px "Trebuchet MS";
	text-decoration: none;
}

.h4 A:visited
{
	color: #ffffff;
	font: bold 15px/16px "Trebuchet MS";
	text-decoration: none;
}

.h4 A:hover
{
	color: #ffffff;
	font: bold 15px/16px "Trebuchet MS";
	text-decoration: none;
}

.menu {
	color: #ffffff;
	font: bold 12px "Trebuchet MS";
}

.menu A:link
{
	color: #ffffff;
	font: bold 12px "Trebuchet MS";
	text-decoration: none;
}

.menu A:visited
{
	color: #ffffff;
	font: bold 12px "Trebuchet MS";
	text-decoration: none;
}

.menu A:hover
{
	color: #ffffff;
	font: bold 12px "Trebuchet MS";
	text-decoration: none;
}