#contentPage .titre{position: relative; height: 40px; width: 66%; margin-right: 4%; float: left;}
	#contentPage .titre h3, #contentPage .titre h4{color: #fff; position: absolute; line-height: 30px;}
		.titre h3{font-family: 'Rockwell',Arial; font-size: 20px; text-transform: uppercase; left: 10px; bottom: 5px;}
		.titre h4{font-family: 'Bariol',Arial; font-size: 18px; right: 30px; bottom: 5px;}
		
	#contentPage div.search{width: 30%; margin-left: 0; float: left;}
	
	#contentPage #content ul li { list-style-image: none; }
	
	#contentPage #content h2{margin: 20px 0;}
	#content div.meta{color: #818181; font-family: 'Helveticat',Arial; font-size: 12px; margin: 0 0 20px;}
	
	div.excerpt{font-family: 'Helvetica',Arial; font-weight: bold; line-height: 23px; font-size: 17px;}
	div.caption{background-color: #EAE7E7; font-size: 12px; margin: 5px auto; padding: 5px; text-align: left;}
	div.logo{text-align: center; margin: 30px 0;}
		.logo img{max-width: 100%; height: auto; width: auto; /*max-height: 400px;*/}
		.logo video{max-width: 100%; height: auto;}
	div.content{font-family:'Helvetica',Arial; line-height: 23px;}
		.content h3, .content h4{margin: 20px 0;}
		.content a, .logo a{text-decoration: none;}
			.content a:hover, .logo a:hover{text-decoration: underline;}

	
	div.ALireAussi {background-color: #EAE7E7; margin-top: 35px; padding: 10px;}
	#content div.ALireAussi h3{color: #000;}
	#content div.ALireAussi span.surtitre{font-weight: bold;}
	
#aside h3{margin: 20px  0; font-size: 25px; font-family:'Bariol',Arial;}

	#aside div.article{border-bottom: 2px solid #bdbbbb; padding-bottom: 7px;}
		#aside div.article h4{font-family: 'Helvetica',Arial; font-weight: bold; font-size: 16px; margin: 13px 0 7px 0;}	
		#aside div.article a{display:block; color: #000; font-family: 'Helvetica',Arial;text-decoration: none; font-size: 14px;  margin-bottom: 0px; padding-bottom: 2px;}
			#aside div.article a span.surtitre{font-weight: bold;}
			#aside div.article a:hover{text-decoration: underline;}


/* événement agenda */
	#evenement, #calendar { float: left;
	}
	#evenement { width: 65%; margin-right: 5%;
	}
		#evenement h2 { text-transform: uppercase; color: #FFF; padding: 4px 0 2px 4px; font-weight: normal; font-family: 'Rockwell', Arial; margin-bottom: 5%;
		}
		#evenement .event { border-bottom: 2px solid #d5d5d5; padding-bottom: 10px; margin-bottom: 20px;
		}
		#evenement .event:last-child { border-bottom: 0;
		}
			#evenement .event h2 { color: #000; text-transform: inherit; padding: 0; margin: 10px 0; font-weight: bold;
			}
			#evenement .event .date { font-weight: bold; color: #000; margin-bottom: 10px;
			}
			#evenement .event .date, #liste .event .lieu { font-family: Arial;
			}
			#evenement .event .organisateur { padding-left: 25px; background: url(../images/pictoOrganisateur.jpg) no-repeat left center; color: #9b9798; background-size: auto 80%;
			}
			#evenement .event .organisateur:before { content: "Par ";
			}
			#evenement .event .metas{float: left; width: 55%;
			}
			#evenement .event .logo{float: left; width: 40%; margin-right: 5%; text-align: center;
			}
				#evenement .event .logo img{max-width: 90%; height: auto; margin: 0 auto;
				}
			#evenement .event .content{margin-top: 30px;
			}
			
	#calendar { width: 30%;
	}
		#calendar div.dateJour, #calendar table.em-calendar { width: 100%; margin: 0 auto;
		}
		#calendar div.dateJour { background-color: #261302; text-align: center; color: #FFF; font-family: 'Helvetica',Arial; padding: 30px 0;
		}
			#calendar div.dateJour span { display: block;
			}
			#calendar div.dateJour span.nomJour { font-size: 20px; text-transform: capitalize;
			}
				#calendar div.dateJour span.nomJour span{ font-size: 18px; font-family: 'Bariol', Arial;					
				}
			#calendar div.dateJour span.jourMois { font-size: 35px;
			}
			#calendar div.dateJour span.annee { color: #6c635f;
			}
		#calendar table.em-calendar { min-height: 350px; background-color: #eeeaeb;
		}
			#calendar table.em-calendar td{padding: 2px;
			}
			#calendar table.em-calendar thead {
			}
				#calendar table.em-calendar td.month_name { color: #000; font-weight: normal;
				}
				#calendar table.em-calendar td a.em-calnav-prev { background: url(../images/flechePrec.png) no-repeat center right; background-size: 50%; text-indent: -9999px; width: 100%; height: 100%; display: block; overflow: hidden;
				}
				#calendar table.em-calendar td a.em-calnav-next { background: url(../images/fleche.png) no-repeat center left; background-size: 50%; text-indent: -9999px; width: 100%; height: 100%; display: block; overflow: hidden;
				}
			#calendar table.em-calendar tbody {
			}
				#calendar table.em-calendar tr.days-names td{color: #9B9798; text-transform: uppercase;
				}
				#calendar table.em-calendar td.eventful { cursor: pointer;
				}
				#calendar table.em-calendar td.eventful:hover { background-color: #ec7d0b;
				}
					#calendar table.em-calendar td.eventful a { text-decoration: none;
					}
					#calendar table.em-calendar td.eventful:hover a { color: #000;
					}
				#calendar table.em-calendar td.eventful-today { background-color: #ec7d0b;
				}
					#calendar table.em-calendar td.eventful-today a { color: #000; text-decoration: none;
					}