/* CSS Document */
/* --------------------------------------------------------------------------------------------- Récurrents */
	input.btn {
		font-size:.8em;
		color:#fff;
		background:#e65e13;
		border:1px solid #e65e13;
		cursor:pointer;
		padding:1px 0
	}
/* --------------------------------------------------------------------------------------------- Visuel */
	div.visuel {
		display:inline;
		float:left;
		width:982px;
		height:238px;
		background-repeat:no-repeat;
		padding:12px 0 0 5px;
		margin:0 0 0 8px
	}
	#visuel_01 {background-image:url(../../images/visuels/sdis.jpg)}
	#visuel_02 {background-image:url(../../images/visuels/organisation.jpg)}
	#visuel_03 {background-image:url(../../images/visuels/missions.jpg)}
	#visuel_04 {background-image:url(../../images/visuels/composer18.jpg)}
	#visuel_05 {background-image:url(../../images/visuels/devenir.jpg)}
	#visuel_06 {background-image:url(../../images/visuels/telecharger.jpg)}
	div.visuel a {
		display:block;
		width:297px;
		height:78px
	}
/* --------------------------------------------------------------------------------------------- Compass */
	#compass {
		float:left;
		width:945px;
		font-size:.9em;
		color:#fff;
		padding:4px 25px
	}
	#compass li a {
		font-size:.9em;
		color:#fff;
		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_blanc2.gif) no-repeat left 65%;
		padding:0 0 0 9px
	}
	#compass li ul li a {
		background:none;
		padding:0
	}
/* --------------------------------------------------------------------------------------------- Contenu */
	#contenu {
		float:left;
		width:490px;
		color:#fff;
		padding:20px 45px 20px 15px
	}
	* html #contenu {overflow:hidden}
	#contenu.large {width:926px}
/* ------------------------------------------------------------------------- Titres */
	h1 {
		text-transform:uppercase;
		font-family:"trebuchet ms", arial, helvetica, sans-serif;
		font-size:1.3em;
		color:#fff;
		border-bottom:1px solid #fff;
		margin-bottom:8px
	}
	h2 {
		clear:both;
		text-transform:uppercase;
		font-size:1.2em;
		color:#e65d13;
		margin-bottom:6px
	}
	h3 {
		clear:both;
		font-size:1.2em;
		color:#008cfd;
		margin-bottom:4px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em
	}
/* ------------------------------------------------------------------------- Haut de page */
	#contenu div.haut_page {
		float:left;
		width:100%;
		text-align:right;
		font-size:.8em;
		padding:0 0 15px 0
	}
	#contenu div.haut_page a {
		color:#e65d13;
		text-decoration:none;
		background:url(../../images/structure/background/haut_page.gif) no-repeat 0 70%;
		padding:0 0 0 9px
	}
	#contenu div.haut_page a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Pagination */
	#contenu ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		border-top:1px solid #fff;
		padding:5px 0 10px 0
	}
	#contenu ul.pagination li {
		background-image:none;
		display:inline;
		margin:0 6px
	}
	#contenu ul.pagination li a {color:#40668a}
	#contenu ul.pagination li a:hover, ul.pagination li a.on {text-decoration:underline}
	#contenu ul.pagination li a.on {
		color:#999;
		cursor:text
	}
/* --------------------------------------------------------------------------------------------- Illustrations */
	#illustrations {
		float:left;
		width:165px;
		font-size:.8em;
		color:#fff;
		padding:42px 71px 0 0
	}
	#illustrations li {margin:0 0 15px 0}
	#illustrations li img {
		vertical-align:middle;
		border:1px solid #0d1430;
		background:#fff;
		padding:1px;
		margin:0 0 2px 0
	}
	#illustrations li p {
		line-height:1.4;
		padding:0 5px
	}