/* CSS Document */
/* --------------------------------------------------------------------------------------------- Main */
/* ------------------------------------------------------------------------- Left */
/* ----------------------------------------------------- Titre */
	#main #left div.titre h2 {
		float:left;
		font-size:1em
	}
	#main #left div.titre a {
		float:right;
		text-transform:none;
		font-size:.5em;
		font-weight:normal;
		color:#fff;
		background:url(../../images/elements/fleche_blanc.gif) no-repeat right;
		padding:0 7px 0 0;
		margin:7px 0 0 0
	}
	#main #left div.titre a:hover {text-decoration:underline}

/* ----------------------------------------------------- Agenda */
	#main #left #agenda {
		float:left;
		width:100%;
		margin:0 0 6px 0
	}
	#main #left #agenda li {
		float:left;
		width:205px;
		background:url(../../images/structure/background/opacite_blanc.png);
		padding:5px 10px;
		margin:0 0 3px 0
	}
	* html #main #left #agenda li {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/cc_atrebatie/design/cc_atrebatie/images/structure/background/opacite_blanc.png',sizingMethod='scale');
		background-image:none
	}
	#main #left #agenda li span.date {
		display:block;
		font-style:italic;
		font-weight:bold;
		color:#0053a4;
		margin:0 0 2px 0
	}
	#main #left #agenda li a.titre {
		display:block;
		color:#32383c;
		text-decoration:underline;
		margin:0 0 2px 0
	}
	#main #left #agenda li a.titre:hover {text-decoration:none}
	#main #left #agenda li span.infos {display:block}
/* ----------------------------------------------------- C'est aussi votre portail */
	#main #left #arrondi_top, #main #left #arrondi_bottom {
		float:left;
		width:100%;
		height:5px;
		font-size:0;
		background:url(../../images/structure/background/arrondi_top.gif)
	}
	#main #left #arrondi_bottom {background:url(../../images/structure/background/arrondi_bottom.gif)}
	#main #left #arrondi_middle {
		float:left;
		width:213px;
		text-align:center;
		border-left:1px solid #bdbcbd;
		border-right:1px solid #bdbcbd;
		background:#fff;
		padding:4px 5px
	}
	#main #left #arrondi_middle img {
		vertical-align:middle;
		margin:0 0 3px 0
	}
	#main #left #arrondi_middle a {
		line-height:1.2;
		font-size:1.3em;
		color:#606060
	}
	#main #left #arrondi_middle a:hover {color:#1167a1}
/* ------------------------------------------------------------------------- Right */
/* ----------------------------------------------------- Flash */
	#main #right #flash {
		float:left;
		width:720px;
		height:340px;
		margin:15px 0
	}
/* ----------------------------------------------------- Services en ligne */
	#main #right #services {
		width:583px;
		margin:0 auto
	}
	#main #right #services h3 {
		float:left;
		width:574px;
		text-transform:uppercase;
		font-size:1.5em;
		color:#fff;
		background:url(../../images/structure/background/titre_services.gif) no-repeat;
		padding:8px 0 1px 9px
	}
	#main #right #services h3 span {font-size:.6em}
	#main #right #services div {
		float:left;
		width:553px;
		background:url(../../images/structure/background/opacite_blanc.png);
		padding:6px 15px
	}
	* html #main #right #services div {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/extension/cc_atrebatie/design/cc_atrebatie/images/structure/background/opacite_blanc.png',sizingMethod='scale');
		background-image:none
	}
	#main #right #services div span {
		display:block;
		font-weight:bold;
		color:#383838;
		margin:0 0 5px 0
	}
	#main #right #services div ul li {
		display:inline;
		float:left;
		width:40%;
		background:url(../../images/elements/fleches_noir.gif) no-repeat 0 5px;
		text-indent:9px;
		margin:0 0 3px 10%
	}
	#main #right #services div ul li a {color:#32383c}
	#main #right #services div ul li a:hover {text-decoration:underline}
	#main #right #services div #tous_services {
		display:block;
		float:left;
		width:546px;
		text-align:right;
		font-size:.9em;
		color:#0075ba;
		background:url(../../images/elements/fleche_bleu.gif) no-repeat right 5px;
		padding:0 7px 0 0
	}
	#main #right #services div #tous_services:hover {text-decoration:underline}