/******************************** 
	Structure par défault

	Main seulement : les largeur des colonnes de gauche et droite sont a zero;
	
***********************************/

body {
	margin: 0;
	padding: 0;
	background-color: white;
	font-family:"trebuchet MS",arial,sans-serif;
	color:black;
}

/* 
	CONTAINER : 
	permet l'alignement vertical de la structure du site
*/
#container{	
	width:1000px;
	margin:auto;
	text-align:left;
	position:relative;
}


/* 
	HEADER
	Par default la hauteur est de 100px
*/
.header {
	height:20px;
}

.menu_main 
{
   height  : 80px; 
   background-image: url(../_img/skeleton/menu.jpg);
   background-repeat:no-repeat;	
  margin :0px;
}
/*
	MAIN
	Avec une marge permettant l'affichage d'une colonne à gauche et une colonne à droite   
	Par default la marge a gauche et a droite est de 0 px
	top = a la hauteur du header, par default 100 px.
	min-width et min-height permet de définir une largeur et hauteur minimum a l'affichage (fonctionne avec Firefox seulement)
	_height : patch pour IE pour la hauteur minimum 
	body>.main est compris par IE seulement;
*/
.main 
{
	width:auto;
	top:150px;
	min-width:230px;
	min-height:500px;
	_height:500px;
	margin: 0px 0px 0px 158px;
	z-index:1;
}
body>.main {width:auto;}


/* 
	LEFT
	Colonne de droite positionné par defaul a top : 100px (taille de la hauteur du header) et 
	largeur de 0px(marge definit dans le main);  
*/
.leftlogo
{
	position: absolute;
	height:50px;
	width:100px;
	top: 200px;
	left: 45px;
	background: url(../_img/skeleton/Cert_prt_rgb.jpg) top left no-repeat;
}

.left {
	position: absolute;
	text-align: center;
	width: 158px;
	top: 260px;
	padding-top:15px;
	min-height:500px;
	_height:500px;
	left: 0;
	z-index: 2;
	width:158px;
	background: url(../_img/skeleton/leftcontent.jpg) top left no-repeat;
	}
	
body>.left {width:158px;}
	

/* 
	RIGHT
	Colonne de droite positionné par defaul a top : 100px (taille de la hauteur du header) et 
	largeur de 0px(marge definit dans le main);  
*/
.right {
	position:absolute;
	width:0px;
	top:100px;
	min-height:500px;
	_height:500px;
	right:0;
	z-index:3;
	width:0px;
	
}
body>.right {width:0px;}


/* 
	FOOTER 
*/

.footer {
	width:1000px;
	height:100px;
	margin:auto;
	text-align:center;
	position:relative;
	background-color:white;
	clear:both;
}
.footer_heading {
	width:1000px;
	height:100px;
	margin:auto;
	text-align:center;
	position:relative;
	background-color:white;
	clear:both;
}

/*
	CONTENT
*/
.content
{
	width : 822px;
	padding-left:15px;
	padding-right:5px;
	margin-top : 40px;
	font-size : 12px;
}
.homeleftContent
{
	float:left;
	width:550px;
	margin-top : 10px;
	margin-right : 50px;
	min-height:700px; 
	_height:700px;
}
.homerightContent
{
	float:right;
	background-image: url(../_img/skeleton/fondrightcontent.jpg);
	width: 202px;
	padding-left : 20px;
	margin-top:50px;
	background-repeat: repeat-y;
}

.leftContent
{
	float:left;
	width:550px;
	margin-top : 10px;
}
.rightContent
{
	float:right;
	width: 250px;
	padding-left : 20px;
	margin-top:50px;
	background-repeat: repeat-y;
}
.centerContent
{
	float:left;
	width:100%;
	clear:both;
}
/* logo */
#logo 
{
	position:absolute;
	top:0px;
	left:791px;
	margin:0;
	padding:0;
	height:70px;
}

.mcp_logo 
{
	margin-left:40px;
	height:45px;
	width:100px;
}

.copyright
{
	float:left;
	border-top : 1px dotted gray;
	font-size: 11px;
	width:100%;
	clear:both;
}