/* CSS Document */
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:100%;
		background:url(../../images/structure/background/main_top.gif) no-repeat;
		padding:10px 0 0 0
	}
	#main.colonne_droite {
		width:728px;
		background:url(../../images/structure/background/main_top_pt.gif)
	}
	#main #main_middle {
		float:left;
		width:935px;
		background:url(../../images/structure/background/main_middle.gif) repeat-y;
		padding:0 30px 10px 15px
	}
	#main.colonne_droite #main_middle {
		width:683px;
		background:url(../../images/structure/background/main_middle_pt.gif)
	}
/* ------------------------------------------------------------------------- Left */
	#main #main_middle #left {
		float:left;
		width:290px
	}
/* ----------------------------------------------------- Sommaire */
	#main #main_middle #left #sommaire {
		display:block;
		font-size:1.5em;
		color:#fff;
		background:url(../../images/structure/background/sommaire.gif) no-repeat;
		padding:4px 0 6px 18px;
		margin:0 0 5px 0
	}
/* ----------------------------------------------------- Premier niveau */
	#main #main_middle #left ul {
		color:#000;
		padding:0 0 0 8px
	}
	#main #main_middle #left ul li {
		background:url(../../images/structure/background/sommaire_li.gif) no-repeat left 1px;
		padding:0 0 0 18px;
		margin:0 0 20px 0
	}
	#main #main_middle #left ul li.on {background-image:url(../../images/structure/background/sommaire_li_on.gif)}
	#main #main_middle #left ul li a {color:#000}
/* ----------------------------------------------------- Second niveau */
	#main #main_middle #left ul li ul {
		color:#e04942;
		padding:5px 0 0 0;
		display:block;
		width:90%
	}
	#main #main_middle #left ul li ul li {
		background:url(../../images/elements/fleche_bleu.gif) no-repeat left 3px;
		padding:0 0 0 10px;
		margin:0 0 5px 0
	}
	#main #main_middle #left ul li ul li.on {background-image:url(../../images/elements/fleche_rouge.gif)}
	#main #main_middle #left ul li ul li a {color:#259bbd}
/* ------------------------------------------------------------------------- Contenu */
	#main #main_middle #contenu {
		float:left;
		width:635px;
		padding:20px 0 0 10px
	}
	#main.colonne_droite #main_middle #contenu {width:673px}
	#main.colonne_droite #main_middle #contenu.colonne_gauche {width:383px}
	#main.large #main_middle #contenu {
		width:775px;
		padding-left:80px;
		padding-right:80px
	}
	* html #main #main_middle #contenu {overflow:hidden}
/* ----------------------------------------------------- Pour les événements */
	#main #main_middle #contenu h2.evenement {
		clear:none;
	}
	#main #main_middle #contenu div.jeminscris {
		float:right;
	}
	#main #main_middle #contenu img.jeminscris {
		vertical-align:middle;
		border:0;
		margin-left:6px;
	}
	#main #main_middle #contenu img.consulter_le_document {
		border:0;
	}
/* ----------------------------------------------------- END Pour les événements */

/* ----------------------------------------------------- Titres */
	h1 {
		font-size:1.7em;
		color:#e04942;
		margin-bottom:14px
	}
	h2 {
		clear:both;
		font-size:1.3em;
		color:#000;
		border-bottom:1px solid #000;
		padding:0 0 3px 0;
		margin-bottom:12px
	}
	h3 {
		clear:both;
		font-size:1.2em;
		color:#000;
		border-left:4px solid #d14138;
		padding:0 0 0 5px;
		margin-bottom:10px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		color:#000;
		background:url(../../images/elements/carre_noir.gif) no-repeat left 5px;
		padding:0 0 0 10px;
		margin-bottom:6px
	}
	h5, h6 {
		clear:both;
		font-size:1em;
		color:#000;
		background:url(../../images/elements/carres_noir.gif) no-repeat left 5px;
		padding:0 0 0 10px;
		margin-bottom:4px
	}
/* ----------------------------------------------------- Images */
	#main #main_middle #contenu img {
		border:1px solid #d2d2d2;
		padding:3px
	}
/* ----------------------------------------------------- Outils */
	#main #main_middle #contenu #outils {
		background:url(../../images/elements/ligne-outils.jpg) no-repeat left 0px;
		padding-top:18px;
		margin-top:20px;
	}
	#main #main_middle #contenu #outils li {
		background-repeat:no-repeat;
		padding:0 0 0 22px;
		margin:0 0 5px 0
	}
	#main #main_middle #contenu #outils #imprimer {
		background-image:url(../../images/structure/background/imprimer.gif);
		background-position:1px 50%
	}
	#main #main_middle #contenu #outils #conseiller_ami {
		background-image:url(../../images/structure/background/conseiller_ami.gif);
		background-position:left 50%
	}
	#main #main_middle #contenu #outils #pdf {
		background-image:url(../../images/structure/background/pdf.gif);
		background-position:left 50%
	}
	#main #main_middle #contenu #outils li a {
		color:#666;
		text-decoration:none
	}
	#main #main_middle #contenu #outils li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Pagination */
	#main #main_middle #contenu ul.pagination {
		/*float:left;*/
		clear:both;
		width:100%;
		text-align:right;
		border-top:1px solid #646464;
		padding:5px 0 0 0;
		margin:0 0 10px 0
	}
	#main #main_middle #contenu ul.pagination li {
		display:inline;
		margin:0 6px
	}
	#main #main_middle #contenu ul.pagination li a {color:#646464}
	#main #main_middle #contenu ul.pagination li a:hover {text-decoration:overline}
	#main #main_middle #contenu ul.pagination li span {font-weight:bold}
/* ----------------------------------------------------- Haut de page */
	#main #main_middle #contenu div.haut_page {
		float:left;
		width:100%;
		text-align:right;
		background:url(../../images/structure/background/haut_page.gif) no-repeat right 50%
	}
	#main #main_middle #contenu div.haut_page a {
		color:#646464;
		background:url(../../images/structure/background/haut_page.gif) no-repeat left 50%;
		padding:0 0 0 10px;
		margin:0 10px 0 0;
		text-decoration:none
	}
	#main #main_middle #contenu div.haut_page a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Bottom */
	#main #main_bottom {
		clear:both;
		height:8px;
		background:url(../../images/structure/background/main_bottom.gif) no-repeat;
		font-size:0
	}
	#main.colonne_droite #main_bottom {
		height:9px;
		background:url(../../images/structure/background/main_bottom_pt.gif)
	}
/* --------------------------------------------------------------------------------------------- Right */
	#right {
		float:left;
		width:248px;
		padding:0 0 0 4px
	}
/* ------------------------------------------------------------------------- Bloc */
/* ----------------------------------------------------- Top */
	#right div.bloc_top {
		font-size:1.5em;
		color:#fff;
		background:#a43030 url(../../images/structure/background/bloc_top_right.gif) no-repeat;
		padding:5px 10px 23px 13px
	}
	#right div.bloc_top span {float:left}
	#right div.bloc_top img {
		float:right;
		margin:2px 0 0 0
	}
/* ----------------------------------------------------- Middle */
	#right ul {
		overflow:hidden;
		color:#464646;
		background:url(../../images/structure/background/bloc_middle_right.gif) repeat-y;
		padding:5px 15px 10px 15px;
	}
	#right ul li {
		padding-bottom:4px;
		background:url(../../images/elements/carre_rouge.gif) no-repeat 0 6px;
		padding-left:8px;
	}
	#right ul li a {
		font-weight:bold;
		color:#259bbd;
		display:block;
		clear:both;
	}
/* ----------------------------------------------------- Flux RSS */
	#right #flux_rss li {
		clear:both;
		overflow:hidden;
		padding:3px 8px;
		margin:2px 0
	}
	*+html #right #flux_rss li {overflow:visible}
	#right #flux_rss li.alterne {background:url(../../images/structure/background/degrade.gif) repeat-y}
	#right #flux_rss li a {
		float:right;
		margin:0 0 0 5px
	}
/* ----------------------------------------------------- Agenda */
	#right #agenda li {padding:5px 0; background-position:0 9px;padding-left:8px;}
	#right #agenda li a {display:inline}
/* ----------------------------------------------------- Bottom */
	#right div.bloc_bottom {
		height:8px;
		background:url(../../images/structure/background/bloc_bottom_right.gif);
		margin:0 0 10px 0;
		font-size:0
	}
/* ----------------------------------------------------- Masques pour JavaScript */
	.hide {
		display:none;
	}
	.show {
		display:block;
	}
	div#langues {
		margin:2px 0 0 10px;
		font-size:0.9em;
		padding:0 0 10px 0;
	}

	div#langues ul, div#main.large div#main_middle div#contenu div#langues ul li {
		display:inline;
		background:transparent none repeat scroll 0 0;
	}

	div#langues ul li{
		background:none;
		display:inline;
		margin:0;
		padding:0 5px !important;
	}

	div#langues ul li img{
		border:none !important;
		padding:0 !important;
	}

/* ------------------------ AJOUTS */

	.remain {
		float:left;
		width:100%;
		background:url(../../images/structure/background/main_top.gif) no-repeat;
		padding:10px 0 0 0;
		margin:10px 0 0 0
	}
	.remain .remain_middle {
		float:left;
		width:935px;
		background:url(../../images/structure/background/main_middle.gif) repeat-y;
		padding:10px 30px 10px 15px
	}
	.remain .remain_bottom {
		clear:both;
		height:8px;
		background:url(../../images/structure/background/main_bottom.gif) no-repeat;
		font-size:0
	}
	#archives h2 {
		float:left;
		margin:0 30px 14px 250px;
		color:#E04942;
		font-size:1.7em;
		border:0;
	}
	#archives .frise_archives {
		float:left;
	}

	.outils-bas-page {
		float:left;
		width:100%;
		padding:20px 0 0 0
	}
	.outils-bas-page ul{
		float:left !important;
		padding:0 !important;
	}
	.outils-bas-page ul li{
		padding:0 0 0 24px !important;
		background:none;
	}
	.outils-bas-page ul li#lien-imprimer{
		background:url('../../images/structure/background/imprimer.gif') no-repeat left center !important;
	}
	.outils-bas-page ul li#lien-ami{
		background:url('../../images/structure/background/conseiller_ami.gif') no-repeat left center !important;
	}
	.outils-bas-page ul li#lien-pdf{
		background:url('../../images/structure/background/pdf.gif') no-repeat left center !important;
	}
	.outils-bas-page ul li a{
		color:#646464 !important;
		text-decoration:none !important;
	}
	.outils-bas-page ul li a:hover{
		text-decoration:underline !important;
	}