body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #999999;
	margin: 0px; 
	padding: 0px;
	text-align: center;
	background: #FFFFFF url("../IMG/background.gif") repeat-x ;
	background-position: top center;


    }
    
h1 {
    font-family: verdana;
    font-size:16pt;
    font-weight:bold;
    }
    
h2 {
    font-family: verdana;
    font-size:12pt;
    font-weight:bold;
    color: #666;
    }

h3 {
    font-family: verdana;
    font-size:12pt;
    font-weight:bold;
    color: #FAAD56;
    }
    
  a
   {
	color: #211D70;
   }
    

    



/* CLEARFIX IE/FIREFOX
=> http://www.positioniseverything.net/easyclearing.html
----------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* layout
----------------------------------------------- */

#mainContainer 
{
	width: 900px;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: auto; 
	text-align: center;
	position: relative;

}

#subHeaderContainer 
{
	position: relative;
	text-align: left;
	margin-left: auto; 
	margin-right: auto; 
	
	height: 50px;
	background : #000000 url("../img/subheader.gif") repeat-x left;   
}

#subHeaderContainerWrapper
{
	margin-left: auto; 
	margin-right: auto; 
	width : 825px;
	padding-top : 10px;
}

#subHeaderContainerLanguage
{
	position: relative;
	text-align: right;
	top : -25px;
	left: 437px;
	width: 388px;
}


#headerContainer 
{
	position: relative;
	text-align: left;
	margin-left: auto; 
	margin-right: auto; 
	
	
	width: 1000px;
	height: 260px;
	background : #000000 url("../img/header.gif") no-repeat left;

	
}

#headerContainerHover 
{
	position: relative;
	text-align: center;	
	top : 80px;
	left : 550px;	
	width : 350px;
	height : 30px;	
	padding-top : 5px;	
	background : #211D70;

}

#headerContainerHover b.rtop, b.rbottom{display:block;background: #211D70}
#headerContainerHover b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #ffffff}
#headerContainerHover b.r1{margin: 0 5px}
#headerContainerHover b.r2{margin: 0 3px}
#headerContainerHover b.r3{margin: 0 2px}
#headerContainerHover b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}




/* Menu
----------------------------------------------- */

#menuContainer 
{
	position: absolute;
	text-align: center;
	margin-left: auto; 
	margin-right: auto; 
	
	margin-top : 10px;
	width: 100%;
	height: 30px;
			
	font-family:verdana;
    font-size:10pt;
    font-weight:bold;
    top : 220px;
    
    /*border: 1px solid #ffffff;*/
    
    }

#menuContainer a{
	color: #ffffff;
	background: transparent;
	border: 1px solid transparent;
	padding-right : 30px;
	text-decoration:none;
	text-transform : uppercase;
}

#menuContainer a:hover{
	color: #FAAD56;
	background: transparent;
	/*text-decoration: underline;*/
}





/* Content
----------------------------------------------- */

#contentContainer 
{
	position: relative;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 10px;
	width: 850px;
	
	text-align: justify ;

	border: 0px solid #000000;
}


#firstColumn
{
	float:left;
	margin: 0 auto;	
	padding-right:10px;
	padding-top: 0px;


	width: 220px;
	text-align: justify;
	
	/*border-right: 2px solid #dcdccf;*/
}

#secondColumn
{
	float:left;
	
	margin: 0 auto;
	padding: 10px;
	padding-top: 0px;
	left: 100px;
	width: 350px;
	height: 500px;
	
	text-align: justify;
	border-left: 2px solid #dcdccf;
	border-right: 2px solid #dcdccf;
	
}

#thirdColumn
{
	float:right;
	
	margin: 0 auto;
	padding: 10px;
	left: 100px;
	width: 200px;
	
	text-align: justify;	
}

#mainColumn
{
	float:left;
	
	margin: 0 auto;
	padding: 10px;
	padding-top: 0px;
	left: 100px;
	width: 590px;
	
	text-align: justify;	
	border-right: 2px solid #dcdccf;
	border-left: 2px solid #dcdccf;
	
}


#firstColumnContent
{
	background: #FAE0C3;
	height: 480px;
	margin: 0 auto;	
	padding:10px;

	width: 200px;
	text-align: justify;
}


#firstColumnMenuContent
{
	background: #FAE0C3;
	margin: 0 auto;	
	padding:10px;

	width: 200px;
	text-align: left;
	
}

#firstColumnMenuContent a
{
	color:#211D70;
	background: transparent;
	text-decoration:none;
	width: 190px; 
	height: 15px;
	display: block;
}


#firstColumnMenuContent a:hover{
	color: #ffffff;
	background: #FAAD56;
	font-weight:bold;
	/*text-decoration: underline;*/
}

#firstColumnMenuContent ul
{
	list-style-type:square;
	margin-left : 15px;
}

#firstColumnMenuContent li
{
	color: #FAAD56;
	padding-bottom : 5px;

}


#secondColumnContent
{
	background: #EFEEFF;
	margin: 0 auto;	
	padding:10px;
	height:480px;
	width: 325Px;
	text-align: justify;
	
	
}

#mainColumnContent
{
	margin: 0 auto;	
	padding:10px;

	width: 575Px;
	text-align: justify;	
}

#mainColumnContent b
{
	color : #FAAD56;
}

#PanoramaContent
{
}


.actu
{

	padding-top : 10px;
	border-top: 1px solid #dcdccf;

}


.actu:hover
{

	background : #f5f5e8;
	border-top: 1px solid #dcdccf;

}

#thirdColumn .block
{
	padding-bottom : 20px;
	border-bottom: 1px solid #dcdccf;
}

#ItemHeader
{
	height :135px;
}

#ItemA {}
#ItemB {}

#ItemADetail
{
	background : #EFEEFF;
}

#ItemBDetail
{
	background : #FAF4EC;
}

#ItemA a
{
	font-family: verdana;
    font-size:8pt;
    font-weight:bold;
}

#ItemB a
{
	font-family: verdana;
    font-size:8pt;
    font-weight:bold;
}

#mainColumnContent h3
{
	/*color: white;
	background: #000 url("../img/backtitle.gif");
	width : 512px;
	height : 75px;
	vertical-align : bottom;*/
}

#firstColumn b.rtop, b.rbottom{display:block;background: #FFF}
#firstColumn b.rtop b{display:block;height: 1px; overflow: hidden; background: #FAE0C3}
#firstColumn b.rbottom b{display:block;height: 1px; overflow: hidden; background: #FAE0C3}
#firstColumn b.r1{margin: 0 5px}
#firstColumn b.r2{margin: 0 3px}
#firstColumn b.r3{margin: 0 2px}
#firstColumn b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#secondColumn b.rtop, b.rbottom{display:block;background: #FFF}
#secondColumn b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #EFEEFF}
#secondColumn b.r1{margin: 0 5px}
#secondColumn b.r2{margin: 0 3px}
#secondColumn b.r3{margin: 0 2px}
#secondColumn b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#ItemA b.rtop, b.rbottom{display:block;background: #FFF}
#ItemA b.rtop b{display:block;height: 1px; overflow: hidden; background: #EFEEFF} 
#ItemA b.rbottom b{display:block;height: 1px; overflow: hidden; background: #EFEEFF}
#ItemA b.r1{margin: 0 5px}
#ItemA b.r2{margin: 0 3px}
#ItemA b.r3{margin: 0 2px}
#ItemA b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#ItemB b.rtop, b.rbottom{display:block;background: #FFF}
#ItemB b.rtop b{display:block;height: 1px; overflow: hidden; background: #FAF4EC}
#ItemB b.rbottom b{display:block;height: 1px; overflow: hidden; background: #FAF4EC}
#ItemB b.r1{margin: 0 5px}
#ItemB b.r2{margin: 0 3px}
#ItemB b.r3{margin: 0 2px}
#ItemB b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* Footer
----------------------------------------------- */

#footerContainer 
{
	border-top: 2px solid #dcdccf;
	clear: both;
	background: #f5f5e8;
	line-height: 1.4;
	color: #3b3b2b;
	margin-top: 20px;

}

#footerContainer a{
	color: #000000;
	background: transparent;
}

#footerContainer a:hover{
	color: #FFFFFF;
	background: transparent;
}



#footerContentContainer 
{
margin: 0 auto;
padding: 20px 0;
overflow: auto;
clear: both;
width: 850px;	


}


#footerSecondColumn
{
	float:right;
	margin: 0 auto;
	width: 400px;
	text-align: right;	
}

#footerFirstColumn
{
	float:left;	
	margin: 0 auto;	
	width: 400px;
	text-align: justify;
}


/* Classes
----------------------------------------------- */

.field
{
	padding-left: 7px;
	background: #fff url(Images/back_field.gif);
	background-repeat:repeat-y;
	font-size: 10px;
}