/* CSS Document */
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		float:left;
		width:982px;
		background:url(../../images/structure/background/interne.jpg) no-repeat 273px top;
		padding:0 13px 0 0
	}
/* ------------------------------------------------------------------------- Logo - Les Elles de l'industrie */
	#header #elles_industrie {float:left}
/* ------------------------------------------------------------------------- */
	#header ul {
		float:right;
		padding:16px 0 0 0
	}
	#header ul li {clear:both}
	#header ul li #blog {margin:10px 0 0 0}
	#header ul li img {vertical-align:middle}
/* --------------------------------------------------------------------------------------------- Menu */
	#menu li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Premier niveau */
	#menu {
		display:inline;
		float:left;
		width:938px;
		background:url(../../images/structure/background/menu_ul.gif) no-repeat;
		padding:0 0 7px 45px;
		margin:0 0 0 5px
	}
	#menu li {
		display:inline;
		position:relative;
		float:left;
		background:url(../../images/structure/background/menu_li.gif) no-repeat right;
		padding:0 20px 0 0;
		margin:0 10px 0 0
	}
	#menu li.last {
		background:none;
		padding:0;
		margin:0
	}
	#menu li a {
		display:block;
		float:left;
		font-size:1.4em;
		color:#fff;
		padding:4px 0 6px 0
	}
/* ------------------------------------------------------------------------- Second niveau */
	#menu li div {
		display:none;
		position:absolute;
		top:25px;
		left:-10px;
		float:left;
		width:149px;
		background:url(../../images/structure/background/smenu_div.png) no-repeat;
		padding:5px 0 0 0
	}
	* html #menu li div {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/elles_industrie/design/elles_industrie/images/structure/background/smenu_div.png',sizingMethod='crop');
		background-image:none
	}
	#menu li div ul {
		display:block;
		float:left;
		width:149px;
		text-align:center;
		background:url(../../images/structure/background/smenu_ul.png) no-repeat bottom;
		padding:0 0 5px 0;
		margin:0
	}
	#menu li div ul li {
		display:block;
		position:static;
		width:147px;
		border-left:1px solid #c6c6c6;
		border-right:1px solid #c6c6c6;
		background:#eee url(../../images/structure/background/smenu_li.gif) no-repeat center bottom;
		padding:4px 0;
		margin:0
	}
	#menu li div ul li.last {
		background:#eee;
		padding:4px 0;
	}
	#menu li div ul li a {
		float:left;
		width:137px;
		font-size:1.2em;
		color:#000;
		padding:0 5px
	}
/* --------------------------------------------------------------------------------------------- Compass */
	#compass {
		float:left;
		width:975px;
		font-size:1.1em;
		font-weight:bold;
		color:#ccff33;
		padding:0 10px;
		margin:0 0 3px 0
	}
	#compass li a {
		font-weight:normal;
		color:#797979;
		background:url(../../images/boutons/home.gif) no-repeat;
		padding:0 0 0 16px
	}
	#compass li a:hover {text-decoration:underline}
	#compass li ul {display:inline}
	#compass li ul li {
		display:inline;
		background:url(../../images/elements/fleche_gris.gif) no-repeat left;
		padding:0 0 0 9px
	}
	#compass li ul li a {
		background:none;
		padding:0
	}
/* --------------------------------------------------------------------------------------------- Main */
	#main_top, #main_bottom {
		display:inline;
		float:left;
		width:937px;
		height:5px;
		font-size:0;
		background:url(../../images/structure/background/main_top.gif);
		margin:0 0 0 26px
	}
	#main_bottom {background:url(../../images/structure/background/main_bottom.gif)}
	#main_middle {
		display:inline;
		float:left;
		width:907px;
		min-height:486px;
		background:#fff url(../../images/structure/background/main_middle.gif) repeat-x bottom;
		padding:15px;
		margin:0 0 0 26px
	}
	* html #main_middle {height:486px}
/* ------------------------------------------------------------------------- Contenu */
	#main_middle #contenu {
		float:left;
		width:596px;
		font-size:1.2em;
		padding:0 66px 0 0
	}
	* html #main_middle #contenu {overflow:visible}
	#main_middle #contenu.large {
		width:907px;
		padding:0
	}
/* ----------------------------------------------------- Titre */
	h1 {
		text-transform:uppercase;
		font-size:1.6em;
		font-weight:normal;
		color:#dc227a;
		margin-bottom:12px
	}
	h2 {
		clear:both;
		font-size:1.5em;
		font-weight:normal;
		color:#a425ff;
		margin-bottom:10px
	}
	h3 {
		clear:both;
		font-size:1.4em;
		font-weight:normal;
		color:#fb6400;
		margin-bottom:8px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em;
	}
/* ----------------------------------------------------- Pagination */
	#main_middle #contenu ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		background:url(../../images/elements/dotted_gris.gif) repeat-x top;
		padding:5px 0
	}
	#main_middle #contenu ul.pagination li {
		display:inline;
		margin:0 6px
	}
	#main_middle #contenu ul.pagination li a {color:#3e3e3e}
	#main_middle #contenu ul.pagination li a:hover, ul.pagination li a.on {
		color:#000;
		text-decoration:underline
	}
	#main_middle #contenu ul.pagination li a.on {cursor:text}
/* ----------------------------------------------------- Haut de page */
	#main_middle #contenu div.haut_page {
		float:left;
		width:100%;
		text-align:right
	}
	#main_middle #contenu div.haut_page a {
		text-decoration:none;
		color:#dc227a;
		background:url(../../images/structure/background/haut_page.gif) no-repeat right 6px;
		padding:0 12px 0 0
	}
	#main_middle #contenu div.haut_page a span {
		background:url(../../images/structure/background/haut_page.gif) no-repeat left 6px;
		padding:0 0 0 12px
	}
	#main_middle #contenu div.haut_page a:hover {color:#000}
/* ------------------------------------------------------------------------- Illustrations */
	#main_middle #illustrations {
		float:left;
		width:213px;
		font-family:tahoma;
		color:#6b6b6b;
		padding:0 32px 0 0
	}
	#main_middle #illustrations li {padding:0 0 15px 0}
	#main_middle #illustrations li img {
		vertical-align:middle;
		background:#fff;
		padding:3px
	}
	#main_middle #illustrations li p {
		line-height:1.4;
		text-align:justify;
		padding:0 5px
	}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {background-image:url(../../images/structure/background/footer_interne.jpg)}