/* CSS Document */
/* ------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	body { 
		font-family:'Trebuchet MS',verdana,arial;
		font-size:68.75%;
		color:#484848;
		background:#f8f8f8;
		padding:0;
		margin:0
	}
	a img {border:0}
	form {
		padding:0;
		margin:0
	}
/* ------------------------------------------------------------------------------- Global */
	#global {
		position:relative;
		width:995px;
		background:url(/img/structure_front/global.gif) repeat-y;
		margin:0 auto
	}
/* ------------------- Date */
	#date {
		position:absolute;
		top:182px;
		left:752px;
		display:block;
		line-height:.8em;
		text-align:center;
		font-size:2.1em;
		font-weight:bold;
		color:#fff
	}
	#date span {
		display:block;
		font-size:.8em
	}
/* ------------------------------------------------------------------------------- Header */
	#header {
		width:970px;
		height:259px;
		background:url(/img/structure_front/header.jpg) no-repeat;
		padding:1px 25px 0 0
	}
/* ----------------------------------------------------------- Accès rapide */
	#header #acces_rapide {
		float:left;
		width:940px;
		text-align:right;
		list-style:none;
		font-family:arial;
		font-size:.9em;
		color:#00a6eb;
		padding:0 30px 0 0;
		margin:0 0 3px 0
	}
	#header #acces_rapide li {
		display:inline;
		padding:0;
		margin:0
	}
	#header #acces_rapide li a {
		color:#00a6eb;
		text-decoration:none
	}
	#header #acces_rapide li a:hover {text-decoration:underline}
/* ----------------------------------------------------------- Header bottom */
	#header #header2 {
		float:left;
		width:333px;
		padding:0 0 0 637px
	}
/* --------------------------------------- Go home */
	#header #header2 #go_home {
		float:left;
		display:block;
		width:107px;
		height:101px
	}
/* --------------------------------------- Header right */
	#header #header2 #header_right {
		float:left;
		width:207px;
		padding:0 17px 0 2px
	}
/* ------------------- Identification */
	#header #header2 #header_right #titre_identification {
		float:left;
		width:196px;
		text-transform:uppercase;
		font-family:arial;
		color:#fff;
		font-size:1.1em;
		background:#FD9300;
		padding:1px 0 1px 11px
	}
	#header #header2 #header_right #identification {
		float:left;
		width:207px;
		font-family:arial;
		border-bottom:1px solid #7fd2f5;
		padding:10px 0 5px 0
	}
	#header #header2 #header_right #identification div.identification {
		float:left;
		width:100%;
		padding:0 0 1px 0
	}
	#header #header2 #header_right #identification div.identification label {
		display:block;
		float:left;
		width:85px;
		line-height:1.5;
		text-align:right;
		font-family:tahoma;
		color:#000;
		background:url(../img/structure_front/fleches_noir.gif) no-repeat right 7px;
		padding:0 11px 0 0;
		margin:0 5px 0 0
	}
	#header #header2 #header_right #identification div.identification input.champ {
		float:left;
		width:76px;
		font-size:1em;
		border:1px solid #000;
		padding:1px 0 2px 3px
	}
	#header #header2 #header_right #identification div.identification input.bouton {
		position:relative;
		float:left;
		left:4px
	}
	#header #header2 #header_right #identification #mdp_oubli {
		color:#00A6EB;
		display:block;
		float:left;
		font-size:0.9em;
		padding-left:30px;
		text-align:left;
		text-decoration:none;
		width:134px;
	}
	
	#header #header2 #header_right #identification #creer_compte {	
		color:#00A6EB;
		display:block;
		float:left;
		font-size:0.9em;
		padding-left:30px;
		text-align:left;
		text-decoration:none;
		width:176px;
}

	#header #header2 #header_right #identification #mdp_oubli:hover {text-decoration:underline}
	#header #header2 #header_right #identification p {
		text-align:right;
		font-weight:bold;
		padding:0 10px 0 0;
		margin:0
	}
	#header #header2 #header_right #identification p a {
		display:block;
		font-weight:normal;
		color:#00a6eb;
		text-decoration:none;
		margin:2px 0
	}
	#header #header2 #header_right #identification p a:hover {text-decoration:underline}
/* ------------------- Choix de la langue */
	#header #header2 #header_right #choix_langue {
		float:left;
		width:195px;
		border-bottom:1px solid #7fd2f5;
		padding:8px 0 7px 12px
	}
	#header #header2 #header_right span.titre {
		float:left;
		background:url(../img/structure_front/fleches_noir.gif) no-repeat right;
		padding:0 11px 0 0;
		margin:0 10px 0 0
	}
	#header #header2 #header_right #choix_langue img {
		vertical-align:middle;
		margin:0 3px 0 0
	}
/* ------------------- Outils */
	#header #header2 #header_right #outils {
		float:left;
		width:195px;
		border-bottom:1px solid #7fd2f5;
		padding:9px 0 7px 12px
	}
	#header #header2 #header_right #outils ul {
		float:left;
		list-style:none;
		padding:0;
		margin:-3px 0 0 0
	}
	#header #header2 #header_right #outils ul li {
		display:inline;
		margin:0 10px 0 0
	}
	#header #header2 #header_right #outils ul #reduire_police {margin:0 4px 0 0}
/* ------------------------------------------------------------------------------- Blocs conteneurs */
	#left {
		float:left;
		width:212px;
		min-height:750px
	}
	#content {
		float:left;
		/*width:508px;
		padding:10px 50px 0 15px*/
		width:518px;
		padding:10px 50px 0 5px
	}
	
	*html #content {
		/*width:493px;*/
		width:503px;
	}
	
	
	#right {
		float:left;
		width:185px;
		padding:0 25px 0 0
	}
/* ------------------------------------------------------------------------------- Elements blocs */
	.bloc ul {
		list-style:none;
		padding:0;
		margin:0 0 5px 0
	}
	.bloc li {
		background:url(/img/structure_front/puce.gif) no-repeat 0 7px;
		padding:0 0 0 8px;
		margin:0
	}
	.bloc a {
		color:#00AEEF;
		text-decoration:none
	}
	.bloc a:hover {text-decoration:underline}
	ul.forum {
		list-style:none;
		padding:0;
		margin:4px 0 8px 0
	}
	ul.forum li {
		background:url(/img/structure_front/puce_gris.gif) no-repeat 8px 8px;
		padding:0 0 0 15px;
		margin:0
	}
	ul.forum li a {
		font-size:.9em;
		color:#59504D
	}
/* ------------------------------------------------------------------------------- Bloc A (ASSOCIATION) */
	.blocA1, .blocA3 {display:none}
	.blocA2 {
		width:167px;
		min-height:150px;
		font-family:arial;
		font-size:1.1em;
		background:url(../img/structure_front/association.jpg) no-repeat;
		padding:10px 18px 0 27px
	}
	* html .blocA2 {height:150px}
/* ----------------------------------------------------------- Premier niveau */
	.blocA2 ul {
		list-style:none;
		padding:0 0 10px 0;
		margin:0
	}
	.blocA2 ul li {
		background:url(../img/structure_front/separateur.gif) no-repeat bottom;
		padding:4px 15px 4px 15px
	}
	.blocA2 ul li span {
		display:block;
		background:url(../img/structure_front/fleches_gris.gif) no-repeat left 5px;
		padding:0 0 0 9px
	}
	.blocA2 ul li a {color:#4d5356}
/* ----------------------------------------------------------- Second niveau */
	.blocA2 ul li ul {
		font-size:.9em;
		padding:0 0 0 10px
	}
	.blocA2 ul li ul li {
		background:none;
		padding-left:0
	}
/* ------------------------------------------------------------------------------- Bloc B */
	.blocB1 {
		width:180px;
		text-transform:uppercase;
		font-size:1.5em;
		font-weight:bold;
		color:#FD9300;
		padding:0 0 0 5px
	}
	#left .blocB1 {
		background:url(../img/structure_front/left_blocB1.gif) no-repeat;
		margin:0 0 0 22px;
		padding-top:10px
	}
	.blocB2 {
		width:161px;
		border:2px solid #FD9300;
		border-bottom:0;
		background:#fff;
		padding:8px 10px 4px 10px;
		margin:-6px 0 0 0
	}
	#left .blocB2 {margin-left:22px}
	.blocB3 {
		width:185px;
		height:7px;
		font-size:0;
		background:url(../img/structure_front/arrondi_bottom_bleu.gif);
		margin:0 0 15px 0
	}
	#left .blocB3 {
		margin:0 0 0 22px
	}
	
	.blocB3_2 {
		width:185px;
		height:7px;
		font-size:0;
		background:url(../img/structure_front/arrondi_bottom_bleu2.gif);
		margin:0 0 0 0
	}
	#left .blocB3_2 {
		margin:0 0 0 22px
	}
/* ------------------------------------------------------------------------------- Bloc C (AGENDA) */
	.blocC1 {
		position:relative;
		width:180px;
		text-transform:uppercase;
		font-size:1.7em;
		font-weight:bold;
		color:#fff;
		padding:0 0 0 5px;
		margin:-78px 0 0 0
	}
	.blocC2 {
		position:relative;
		width:161px;
		border:2px solid #00AEEF;
		border-bottom:0;
		background:#fff;
		padding:8px 10px 0 10px;
		margin:-4px 0 0 0
	}
	.blocC3 {
		width:185px;
		height:7px;
		font-size:0;
		background:url(../img/structure_front/arrondi_bottom_bleuC.gif);
		margin:0 0 15px 0
	}
/* ----------------------------------------------------------- Agenda */
	.blocC2 table {margin:0 0 5px 0}
	.blocC2 table tr td {
		color:#00AEEF;
		background:#B2E7FA;
		padding:2px
	}
/* --------------------------------------- Navigation mois */
	.blocC2 table tr td.tab1 {
		background:#D7F5FA;
		border-bottom:1px solid #a3bdd9;
		padding:1px 0
	}
	.blocC2 table tr td.tab1 a {
		font-weight:bold;
		font-size:1.1em;
		color:#06719e
	}
/* --------------------------------------- Jours semaine */
	.blocC2 table tr.c0 td {
		color:#00a6eb;
		background:#D7F5FA
	}
/* --------------------------------------- Jours du mois précédent et suivant */
	.blocC2 table tr td.c2 {color:#bbb}
/* --------------------------------------- Jours courant */
	.blocC2 table tr td.c3 {
		color:#00a6eb;
		background:#D4E0EC
	}
	
	.blocC2 table tr td a.c5 {
		color:#06719E;
		text-decoration:overline
	}
	.blocC2 table tr td a.c5:hover {text-decoration:none}
/* ------------------------------------------------------------------------------- Logos */
	#logos {
		list-style:none;
		padding:0 0 0 60px;
		margin:0
	}
	#logos li {
		padding:0;
		margin:0 0 20px 0
	}
/* ------------------------------------------------------------------------------- Content */
	#content h1.actu {
		text-transform:uppercase;
		font-size:2em;
		color:#FD9300;
		background:url(../img/structure_front/dotted_bleu.gif) repeat-x bottom;
		padding:0;
		margin:0 0 10px 0
	}
	#content h1.evenement {
		text-transform:uppercase;
		font-size:2em;
		color:#FD9300;
		background:url(../img/structure_front/h1_evenement.gif) no-repeat bottom;
		text-indent:10px;
		margin:0
	}
	#content #evenement {
		float:left;
		width:488px;
		background:#FFE9CC url(../img/structure_front/evenement.gif) no-repeat bottom;
		padding:10px
	}
/* ------------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:945px;
		height:73px;
		list-style:none;
		font-size:.9em;
		color:#fff;
		background:url(../img/structure_front/footer.gif);
		padding:26px 0 0 50px;
		margin:0
	}
	#footer li {display:inline}
	#footer li.first {margin:0 0 0 300px}
	#footer li a {
		font-family:arial;
		font-size:1.1em;
		color:#fff;
		text-decoration:none
	}
	#footer li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------------- Divers */
	.white {color:#fff}
	#fixStructure {
		clear:both;
		width:867px;
		height:1px
	}