/*********************************************************************************************************************/
/***********************************                  HABILLAGE                ********************************************/
/*********************************************************************************************************************/

/*******************************************************************************/
/**********     GENERAL     ****************************************************/
/*******************************************************************************/

body {
	margin: 0;
	padding: 0;
}


/*******************************************************************************/
/**********     STRUCTURE DE BASE     ****************************************************/
/*******************************************************************************/

#global  {
	width: 966px;
	margin: 0 auto;
	background:  #ffffff url("../images/interface/gauche-milieu-bg.jpg") repeat-y;
}

* html #global  {
	width: 986px;
	background:  #ffffff url("../images/interface/gauche-milieu-bg-ie6.gif") repeat-y;
}

#gauche {
	float: left;
	width: 209px;
}

#milieu {
	float: left;
	width: 547px;
	margin: 0;
	padding: 0;
	min-height: 450px;
	height: auto!important;
	height: 450px;
	background-color: #ffffff;
}

#droite {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	min-height: 450px;
	height: auto!important;
	height: 450px;
}

* html #droite {
	width: 192px;
}

#milieu-bas-footer {
	margin: 0;
	padding: 15px 80px 0px 80px;
	text-align: center;
	background: transparent url(../images/interface/footer-bg-noombre.gif) no-repeat scroll right top;
}

#footer {
	margin: 0;
	padding: 0;
	text-align: center;
	clear: both;
	height: 15px;
	background: #dcdcdc url(../images/interface/footer-bg.gif) no-repeat scroll right top;
}

.left {
	float: left;
}


/*******************************************************************************/
/**********     GAUCHE     ****************************************************/
/*******************************************************************************/

#gauche-haut {
	position: relative;
	margin: 0;
	padding: 0 10px 0 20px;
	width: 189px;
	float: left;
	height: 174px;
	background: url("../images/interface/gauche-haut-bg.gif") no-repeat;
}


#gauche-haut #accroche {
	position: absolute;
	font-weight: bold;
	font-size: 0.8em;
	top: 65px;
	left: 20px;
	margin: 0;
	padding: 0;
	width: 180px;
}

* html #gauche-haut #accroche {
	top: 75px;
}

* + html #gauche-haut #accroche {
	top: 75px;
}

#gauche-milieu {
	height: 100%;
	margin: 0;
	padding: 15px 0 20px 0;
	float: left;
	width: 194px;
}


/*******************************************************************************/
/**********     MILIEU     ****************************************************/
/*******************************************************************************/

#milieu-haut {
	position: relative;
	float: left;
	padding: 0 35px 0 0;
	color: #ffffff;
	width: 547px;
	height: 174px;
}

* html #milieu-haut {
	padding: 0;
}

#milieu-milieu {
	/*float: left;*/
	float: none;
	background-color: #ffffff;
	padding: 10px 10px 15px 10px;
	width: 525px;
}

* html #milieu-milieu {
	margin-top: 10px;
	padding-right: 0;
}

*+ html #milieu-milieu {
	margin-top: 10px;
}

#milieu-milieu .contenu .contenu-bloc1 {
	background-color: #f4f4f4;
}

#milieu-milieu .contenu .contenu-bloc1, 
#milieu-milieu .contenu .contenu-bloc2 {
	margin: 0 0 20px 0;
	padding: 10px;
}

.milieu-cadre-grand {
	float: left;
	margin: 0px 0 0 15px;
	padding-left: 0;
}

* html .milieu-cadre-grand {
	margin: 0px 0 0 9px;
	padding-left: 0;
}

.milieu-cadre-grand .dossier-illustration {
	float: left;
	margin: 10px 10px 0 0;
	width: 147px;
}

.milieu-cadre-grand .dossier-illustration p {
	float: left;
}

#milieu-milieu .actu_une_dossiers h3{
	padding: 1px 0 0 0;
	
}

.actu_une_dossiers td {
	margin: 0;
	padding: 0 10px 0 0;
}

.cadre-haut-grand {
	width: 502px;
	float: left;
	height: 3px;
	margin: 0;
	padding: 0;
}

.cadre-milieu-grand {
	width: 502px;
	float: left;
	border: none;
	padding: 12px 0 12px 0;
	margin: 0;
}

.cadre-bas-grand {
	width: 502px;
	float: left;
	height: 3px;
	background: transparent url(../images/interface/bg_hr.gif) repeat-x scroll left bottom;
	margin: 0;
	padding: 0;
}

.milieu-cadre-petit {
	float: left;
	width: 242px;
	margin: 10px 0 0 0;
	padding-left: 8px;
}

.gauche {
	float: left;
	width: 242px;
	margin: 10px 7px 0 4px;
}

* html .gauche {
	width: 242px;
	margin: 10px 2px 0 3px;
}

.cadre-haut-petit {
	width: 242px;
	float: left;
	height: 13px;
}

* html .cadre-haut-petit {
	margin: 0 0 -1px 0;
}

.cadre-milieu-petit {
	width: 208px;
	float: left;
	border: none;
	padding: 5px 16px;
}

.cadre-milieu-petit h2{
	margin: 0;
	padding: 0;
}

.cadre-bas-petit {
	width: 242px;
	float: left;
	height: 3px;
}

#milieu-bas {
	float: left;
	text-align: right;
	width: 517px;
	padding: 2px 0px 30px 10px;
}

* html #milieu-bas {
	width: 500px;
}


/*******************************************************************************/
/**********     DROITE     ****************************************************/
/*******************************************************************************/

#droite-haut {
	float: left;
	width: 210px;
	height: 174px;
	background: url("../images/interface/droite-haut-bg.jpg") no-repeat;
}

#droite-haut p{
	margin: 5px 0 4px 25px;
}

#droite-milieu {
	padding: 0px 0px 0px 10px;
	float: left;
	width: 210px;
	margin: 0 0 40px 0;
}

#droite-milieu .bloc-droite {
	width: 185px;
	padding: 0;
	margin: 0;
}

.bloc-note .bloc-note-haut {
	float: left;
	margin: 0;
	padding: 0;
	height: 134px;
	width: 200px;
}

* +html .bloc-note .bloc-note-haut {
	height: 140px;
}

.bloc-note .bloc-note-bas {
	float: left;
	margin: 0;
	padding: 0px 0 0 0;
	width: 200px;
}

* html .bloc-note .bloc-note-bas {
	float: left;
	margin: 0px 0 0 0;
	padding: 0;
	width: 200px;
}

.hr_dotted_style {
	height: 28px;
	clear: both;
}

#milieu-milieu .contenu .nav_lvl4 {
	width: 502px;
	list-style-type: none;
	float: left;
	padding-top: 10px;
	margin-left: 15px;
	background: #ffffff url(../images/interface/bg_hr.gif) repeat-x scroll left top;
}

* html #milieu-milieu .contenu .nav_lvl4 {
	margin-left: 7px;
}

#milieu-milieu .contenu .nav_lvl4 ul {
	width: 502px;
	list-style-type: none;
	float: left;
	margin: 0 0 15px 0;
	padding: 2px 0 15px 0px;
	background: transparent url(../images/interface/bg_hr.gif) repeat-x scroll left bottom;
}

#milieu-milieu .contenu .nav_lvl4 ul li {
        float: left;
	width: 222px;
	padding: 0 10px 0 12px;
	background: url("../images/interface/bg_puce_lvl4.gif") no-repeat 0 4px;
	margin: 4px 3px;
}

* html #milieu-milieu .contenu .nav_lvl4 ul li {
	width: 212px;
}

.eeluscanton_recherche_submit input {
	clear: both;
}

.commentaire_elu {
	clear: both;
	background: transparent url(../images/interface/bg_hr.gif) repeat-x scroll left bottom;
}