/**
*	This is to display the the welcome page
*/


body{ /* used by IE*/
	padding: 109px 0 20px 50%;
	margin-left: -480px;
	overflow: auto;
}

html>body {
	padding: 119px 0 20px 50%;
 	margin-left: -480px;
  	overflow: auto;
}

 div#header{
  position: absolute;
  height: 94px;
  width: 960px;
  left: 50%;
  margin-left: -480px;
  background-repeat: repeat-y;
  top: 5px;
  z-index: 1;
 }

#index_head1
{
	background-image: url(/img/designSite/index/haut1.jpg);
	width: 960px;
	height: 71px;
}

#index_head2 {
	background-image: url(/img/designSite/index/haut2.gif);
	width: 960px;
	height: 24px;
	text-align: right;
}

.portail_title {
	display: block;
	width: auto;
	font-size: 11px;
	color: white;
	padding: 3px 0 0 25px ;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(/img/designSite/index/picto_bsurv.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.portailtexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	float: left;
	padding: 10px 10px 0px 10px;
	font-weight: normal;
}

ul.portailtexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	float: left;
	font-weight: normal;
	padding: 10px 10px 5px 10px;
}

.portailtexte ul {
	margin: 0 0 10px 0px;
	padding: 0 0 0 0px;

}

.portailtexte ul li {
	display: block;
	background-repeat: no-repeat;
	margin: 0 0 0 0px;
	padding: 0 0 0 10px;
	background-position: -5px 2px;
	background-image: url(/img/designSite/picto_v_p.gif);
}


.clic_enable a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.clic_enable a:hover {
    text-decoration: none;
}

* html div#index_content{
  	overflow: auto;
 	height: 100%;
 	width: 995px;
	z-index: 2;

 }


html>body>div#index_content{
  	overflow: auto;
 	height: 100%;
 	width: 995px;
  	z-index: 2;
}

/*
*		LEFT
*/


#left_column {
	position: relative;
	float:left;
	width: 180px;
	z-index: 2;
}

.left_column_zone_header {
	height: 21px;
	background-image: url(/img/designSite/index/left_header.gif);
	background-repeat: no-repeat;

}

.left_column_zone_footer {
	height: 15px;
	background-image: url(/img/designSite/index/left_footer.gif);
	background-repeat: no-repeat;
}

#left_first {
	height: 164px;
	background-image: url(/img/designSite/index/left_body.gif);
	background-repeat: repeat-y;

}
#left_first_content {
	height: 135px; /* left_first.height - (footer.height + header.height) */
}

#left_second {
	clear: both;
	background-image: url(/img/designSite/index/left_body.gif);
	background-repeat: repeat-y;
	height: 420px;
	*height: 540px; /* hack for ie */
}


/*
*		CENTER
*/


#center_column {
	position: relative;
	float:left;
	width: 182px;
	z-index: 2;
}

.center_column_zone_header {
	height: 21px;
	background-image: url(/img/designSite/index/center_header.gif);
	background-repeat: no-repeat;
}

.center_column_zone_footer {
	height: 15px;
	background-image: url(/img/designSite/index/center_footer.gif);
	background-repeat: no-repeat;
}

#center_first {
	height: 164px;
	background-color: white;
	/*
	background-image: url(/img/designSite/index/center_body.gif);
	background-repeat: repeat-y;
	*/
}

#center_second {
	height: 181px;
}

#center_third {
	background-color: white;
	/*
	background-image: url(/img/designSite/index/center_body.gif);
	background-repeat: repeat-y;
	*/
	height: 241px;
	*height: 359px; /* hack for ie */
}

/*
*		RIGHT
*/


#right_column {
	position: relative;
	float:left;
	width: 598px;
	z-index: 2;
}

.right_column_zone_header {
	clear:both;
	height: 21px;
	background-image: url(/img/designSite/index/right_header.gif);
	background-repeat: no-repeat;
}

.right_column_zone_footer {
	height: 15px;
	background-image: url(/img/designSite/index/right_footer.gif);
	background-repeat: no-repeat;
}

#right_first {
	height: 164px;
	width: 598px;
	background-color: white;
	background-image: url(/img/designSite/index/right_body.gif);
	background-repeat: repeat-y;
}

#div_container {
	position: relative;
	height: 78px; /* right_first - right_column_zone_footer */
	width: 378px; /* right_column - padding (10 + 10) */
}

#right_second {
	height: 174px; /* header + right_column_zone1 + footer*/
}

#right_column_zone1 {
	width: 398px;
	float: left;
}

.right_column_zone1_header {
	clear:both;
	height: 21px;
	background-image: url(/img/designSite/index/right_center_left_header.gif);
	background-repeat: no-repeat;
}

.right_column_zone1_footer {
	height: 15px;
	background-image: url(/img/designSite/index/right_center_left_footer.gif);
	background-repeat: no-repeat;
}

#right_second_first {
	width: 398px;
	height: 145px;
	*height: 148px;  /* hack ie pour aligner formation sur carriere decale sinon a cause de l'image*/
	background-color: white;
	background-image: url(/img/designSite/index/right_center_right_body.gif);
	background-repeat: repeat-y;
}

#right_column_zone2 {
	width: 200px;
	float: left;
	height: 100%;
}

.right_column_zone2_header {
	height: 21px;
	background-image: url(/img/designSite/index/right_center_right_header.gif);
	background-repeat: no-repeat;
}

.right_column_zone2_footer {
	height: 15px;
	background-image: url(/img/designSite/index/right_center_right_footer.gif);
	background-repeat: no-repeat;
}

#right_second_second {
	width: 200px;
 	height: 420px; /* 145px; */
        *height: 540px;  /* hack for ie */
	background-color: white;
	background-image: url(/img/designSite/index/right_center_right_body.gif);
	background-repeat: repeat-y; 
}

#right_third {
	width: 398px;
	background-color: white;
	background-image: url(/img/designSite/index/right_body.gif);  
	background-repeat: repeat-y;
	height: 241px;
	*height: 356px; /* hack for ie */
}

#fond_coulissant {
  position: absolute;
  bottom: 0px;
  width: 960px;
  height: 250px;
  display: block;
  background-image: url(/img/designSite/index/bandeau_960_portail1.gif);
  z-index: 0;
  overflow: auto;
  *margin: 0 0 0 -960px;
}
html>#fond_coulissant {
  position: fixed;
  margin: 0 0 0 0px;
  overflow: auto;
}



