/* 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:#228B22;
		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 7px 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 {
		display:block;
		float:left;
		width:169px;
		text-align:right;
		font-size:.9em;
		color:#00a6eb;
		padding:0 38px 0 0;
		text-decoration:none
	}
	#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
	}
	#content {
		float:left;
		width:508px;
		padding:10px 50px 0 15px;
		font-size:115%;
	}
	#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:#228b22;
		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 #228b22;
		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-left: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-left: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:#7AB97A;
		background:#D3E8D3;
		padding:2px
	}
/* --------------------------------------- Navigation mois */
	.blocC2 table tr td.tab1 {
		background:#D3EEE3;
		border-bottom:1px solid #D3E8D3;
		padding:1px 0
	}
	.blocC2 table tr td.tab1 a {
		font-weight:bold;
		font-size:1.1em;
		color:#228B22
	}
/* --------------------------------------- Jours semaine */
	.blocC2 table tr.c0 td {
		color:#228B22;
		background:#D3EEE3
	}
/* --------------------------------------- Jours du mois précédent et suivant */
	.blocC2 table tr td.c2 {color:#ccc}
/* --------------------------------------- Jours courant */
	.blocC2 table tr td.c3 {
		color:#00a6eb;
		background:#D4E0EC
	}
	.blocC2 table tr td a.c5 {
		color:#228B22;
		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
	}
	
	#logos2 {
		list-style:none;
		padding:0 0 0 0;
		margin:0
	}
	#logos2 li {
		padding:0;
		margin:0 0 20px 0
	}
	
/* ------------------------------------------------------------------------------- Content */
	#content h1.actu {
		text-transform:uppercase;
		font-size:2em;
		color:#003961;
		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:#228B22;
		background:url(../img/structure_front/h1_evenement.gif) no-repeat bottom;
		text-indent:10px;
		margin:0
	}
	#content #evenement {
		float:left;
		width:488px;
		background:#d3e8d3 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
	}
	
	
/* --------------------------------------- Header right */
	 #global #content #div_connexion {
	/*	float:left;*/
		width:350px;
		padding:120px 17px 0 2px;
		margin: auto;
	}
/* ------------------- Identification */
	 #global #content #div_connexion #titre_identification {
		float:left;
		width:350px;
		text-transform:uppercase;
		font-family:arial;
		color:#fff;
		font-size:1.1em;
		background:#228B22;
		padding:1px 0 1px 11px
	}
	 #global #content #div_connexion #identification {
		float:left;
		width:350px;
		font-family:arial;
	/*	border-bottom:1px solid #7fd2f5;*/
		padding:10px 0 5px 0
	}
	 #global #content #div_connexion #identification div.identification {
		float:left;
		width:100%;
		margin-top: 5px;
	/*	padding:0 0 7px 0*/
	}
	 #global #content #div_connexion #identification div.identification label {
		display:block;
		float:left;
		width:165px;
		line-height:1.5;
		text-align:right;
		font-size: 90.75%;
		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
	}
	 #global #content #div_connexion #identification div.identification input.champ {
		float:left;
		width:130px;
		font-size:1em;
		border:1px solid #000;
		padding:1px 0 2px 3px
	}
	 #global #content #div_connexion #identification div.identification input.bouton {
		position:relative;
		float:left;
		left:4px
	}
	 #global #content #div_connexion #identification #mdp_oubli {
		display:block;
		float:left;
	/*	width:169px;*/
		text-align:right;
		font-size:.9em;
		color:#00a6eb;
		padding:0 38px 0 0;
		text-decoration:none;
	
	}
	 #global #content #div_connexion #identification #mdp_oubli:hover {text-decoration:underline}
	 
	 
	 #global #content #div_connexion #identification #contact {
		display:block;
		float:left;
		text-align:right;
		font-size:.9em;
		color:#00a6eb;
		padding:0 38px 0 0;
		text-decoration:none;
	}
	 #global #content #div_connexion #identification #contact:hover {text-decoration:underline}	 
	 
	 
	 
	 
	 
	 
	 
	 
	 #global #content #div_connexion #identification p {
		text-align:right;
		font-weight:bold;
		padding:0 10px 0 0;
		margin:0
	}
	 #global #content #div_connexion #identification p a {
		display:block;
		font-weight:normal;
		color:#00a6eb;
		text-decoration:none;
		margin:2px 0
	}
	 #global #content #div_connexion #identification p a:hover {text-decoration:underline}