@charset "iso-8859-1";

		
		body {margin: 0; padding: 0; text-align: center; font: 14px Verdana; background: #808080 ; color: black;}
		hr{
		clear: both;
		visibility: hidden;
		}
		
		
		
		.titremois  { font-size: 12px; font-weight: bold; color: black; background: '' }
		.titremois:link  { font-size: 11px; font-weight: bold; color: black; background: ''; text-decoration: none }
		.titremois:visited  { font-size: 11px; font-weight: bold; color: black; background: ''; text-decoration: none }
		.titremois:hover  { font-size: 11px; font-weight: bold; color: #FF0000; background: ''; text-decoration: none }
		
		.titrejours  { font-size: 9px; color: #FF0000; background: ''; text-decoration: none }
		.titrenum  { font-size: 11px; color: black; background: ''; text-decoration: none }
		.titrenumon  { font-size: 11px; color: white; background: black; text-decoration: none }
		.titrenumbdd {font-size: 11px; color: black; background: ''; text-decoration: none; border-bottom: dotted 1px black;}
		.titrenumbdd:hover   { border-bottom: solid 1px black; }
		.titrenum2 {font-size: 11px; color: #4B4B4B; background: ''; text-decoration: none}
		.titrenum2on {font-size: 11px; color: white; background: #4B4B4B; text-decoration: none}
		.titrenum2bdd  { font-size: 11px; color: #4B4B4B; background: ''; text-decoration: none; border-bottom: dotted 1px #4B4B4B; }
		.titrenum2bdd:hover  {  border-bottom: solid 1px #4B4B4B; }
		.titrewend {font-size: 11px; color: #802C8C; background: ''; text-decoration: none}
		.titrewendon {font-size: 11px; color: white; background: #802C8C; text-decoration: none}  
		.titrewendbdd  { font-size: 11px; color: #802C8C; background: ''; text-decoration: none; border-bottom: dotted 1px #802C8C; }
		.titrewendbdd:hover   { border-bottom: solid 1px #802C8C; }
		.titrenow  { font-size: 11px; color: #00A0C6; background: ''; text-decoration: none }
		.titrenowon  { font-size: 11px; color: white; background: #00A0C6; text-decoration: none }
		.titrenowbdd  { font-size: 11px; color: #00A0C6; background: ''; text-decoration: none; border-bottom: dotted 1px #00A0C6}
		.titrenowbdd:hover  {  border-bottom: solid 1px #00A0C6; }
		img{
		border: 0px solid #fff ;}
		img.left{
		float : left;
		margin-right : 10px;
		padding : 2px 2px 2px 2px;
		border: 1px solid #FF6C00;}
		img.right{
		float : right;
		margin-left : 10px;
		padding : 2px 2px 2px 2px;
		border: 1px solid #FF6C00;}
		img.center{
		display:block;
		text-align: center ;
		padding : 2px 2px 2px 2px;
		border: 1px solid #FF6C00;}
		img.left2 {/* Alignement de l'image a gauche par rapport au texte */
		display : block;
		position : relative;
		float: left;
		border: 0px solid #0A6CA3 ;
		margin-right : 10px;
		}
		img.left3 {/* Alignement de l'image a gauche par rapport au texte */
		float : left;
		margin-right : 10px;
		padding : 2px 2px 2px 2px;
		border: 1px solid #FF6C00;
		margin-bottom : 10px;
		}
		span.bleu{
		color : #729FC6;
		}
		
		table,th,tr,td{
		
		border:0 ;}
				
		div.thumbnail1{
        	margin: 0;
			padding:2px 2px 1px 2px;
			border: 1px solid #FF6C00;
			float: left;
			margin-right: 10px;
			margin-bottom : 10px;
			text-align : center;
		}		
		div.thumbnail2{
        	margin: 0;
			padding:2px 2px 1px 2px;
			border: 1px solid #FF6C00;
			float: right;
			margin-left: 10px;
			margin-bottom : 10px;
			text-align : center;
		}
		div#centre div.bloc	img.flot1
		{
			margin-right: 10px;
			float: left;
		}
		div#centre div.bloc	img.flot2
		{
			margin-left: 10px;
			float: right;
		}
		div#conteneur
		{	
			position : relative;
			width: 975px;
			margin: 0 auto ;
			text-align: left ;

			border: 0px solid #000000 ;
			background: #FFFFFF ;
			
		}
		
		div#contenu
		{	
			position : relative;
			display:block;
			text-align: left ;
			width: 975px ;
			background: #FFFFFF ;
			margin: 0;
			border : 0px solid #000;
		}
	
		div#header
		{	
			
			display: block;
			position : relative;
			height: 182px ;
			width: 975px ;
			margin: 0 ;
			border: 0;
			padding: 0;	
			background : url('../img/banniere-haute-etampes.jpg') left top no-repeat;
		}
	
        div#header h1 span
		{
		display: none ;
		}
		
		
		div#header h1 a
		{
		display: block;
		
		height: 155px ;
		width: 171px ;
		margin: 0 ;
		border: 0;
		padding: 0;	
		margin-top : 3px;
		margin-left : 20px;
		background : url('../img/logo-etampes-sur-marne.jpg') left top no-repeat;
		}
		
	
	
	
		div#contenu div#centre {
		float:left;
		display:block;
		
		padding: 0;
		margin:0;
		color: black;
		font-size: 14px;
		font-weight : normal;
		margin-top : 20px;
		border : 0px solid #000;
		}
		div#contenu div.small {
		width : 400px;
		}
		div#contenu div.small2 {
		width : 530px;
		border : 0px solid #000;
		}
		div#contenu  div.big {
		width : 720px;
		border : 0px solid #000;
		}
		div#contenu div#centre a{
   			
			font-size: 12px;
			font-weight: normal ;
			text-decoration : none;
		
			color : #729FC6;
      		}
			div#contenu div#centre a:hover{
   			
			font-size: 12px;
			font-weight: normal ;
			text-decoration : underline;
		
			color : #729FC6;
      		}
		div#contenu div#centre a.news{
   			display: block;
   			position : relative;
   			float: left;
	        padding: 0;
			margin: 0;
			height : 11px;
	        background : url('img/fleche.png') center left no-repeat;
			font-size: 12px;
			font-weight: normal ;
			text-decoration : none;
			padding-left : 45px;
			margin-left : 0px;
			margin-top : 20px;
      		}
		
		
		div#centre h2 {
		padding: 0;
		margin: 0;	
		padding-left: 50px;
		line-height: 23px; 
		font-size: 20px;
		color : #FF6C02;
		font-weight : normal;
		margin-bottom : 20px;
		border-bottom: solid 0px #135129; 
		background : url('../img/puce-orange-titre.jpg') no-repeat left top;
		}
		div#centre h3 {
		
		display:block;
		
		height : 26px;
		padding: 0;
		margin:0;
		font-size: 16px;
		color: white;
		padding-left : 20px;
		padding-right : 20px;
		padding-top: 8px;
		margin-bottom : 20px;
		background : #B2B2B2 url('../img/puce-zoom_06.jpg') no-repeat left center;
		}
		div#centre p
		{
			
			display:block;
			padding: 0;
			margin:0;
			color: black;
			text-decoration: none ;
			text-align: justify ; 
		}
		div#centre div.flot
		{
			float:left;
			display:block;
			margin-left: 10px;
		}
		div#centre div.para1
		{
			float: left;
			display:block;
			width: 720px;
			padding: 0;
			margin: 0;
			margin-bottom: 5px;
			border : 0px solid #000;
		}
		div#centre  div.para1 h3 {
		display:block;
		padding: 0;
		margin: 0;	
		padding-left: 10px;
		color: #000;
		height : 15px;
		font-size: 12px;
		font-weight: bold;
		margin-bottom : 5px;
		background: url(../img/puce_para.gif) no-repeat left center; 
		}
		div#centre div.para1 p
		{
			display:block;
			width: 720px;
			
			padding: 0;
			margin: 0;
			color: black;
			font-size: 12px;
		}
		
		div#centre div.para2
		{
			float: left;
			display:block;
			width: 350px;
			
			padding: 0;
			margin: 0; 
			margin-bottom: 5px;
		}
		div#centre div.para2 p
		{
			display:block;
			width: 350px;
			
			padding: 0;
			margin: 0;
			color: black;
			font-size: 12px;
		}
		div#centre div.para2 h3 {
		display:block;
		padding: 0;
		margin: 0;	
		color: #000;
		height : 15px;
		font-size: 12px;
		font-weight: bold;
		padding-left: 10px;
		margin-bottom : 5px;
		background: url(../img/puce_para.gif) no-repeat left center; 
	
		}
		div#centre p.bloc
		{
			font-size: 11px;
			display:block;
			width: 220px;
			height: 254px;
			padding: 0;
			
			margin:0;
			padding-right: 5px;
			color: black;
			text-decoration: none ;
			text-align: justify ; 
			overflow: auto;
		}
		
		div#centre div.zoom
		{
			display:block;
			width: 500px;
			padding: 0;
			margin:0;
			background : #B2B2B2;
		}
		div#centre div.zoom h2.zoom
		{
		display:block;
		padding: 0;
		margin:0;
		font-size: 16px;
		color: white;
		padding-left : 20px;
		margin-top : 10px;
		margin-left : 20px;
		margin-bottom : 20px;
		background : url('../img/puce-zoom_06.jpg') no-repeat left center;
		}
		div#centre div.zoom div.in
		{
			display:block;
			width: 460px;
			padding: 0;
			margin:0;
			margin-left : 10px;
			background : #FFF;
			padding-left : 20px;
			padding-top : 10px;
			padding-bottom : 10px;
			margin-bottom: 10px;
			font-size : 12px;
		}
		div#centre div.zoom div.in h2.titre
		{
		display:block;
		padding: 0;
		margin:0;
		font-size: 12px;
		color: FF6C00;
		padding-left : 20px;
		background : url('../img/puce_in_18.jpg') no-repeat left center;
		}
		
		
		div#centre div.bloc2
		{
			display:block;
			width: 255px;
			height: 254px;
			padding: 0;
			margin:0;
			color: black;
			text-decoration: none ;
			text-align: left ;
		}
		
		div#centre  div.bloc2 div.back {
		font-size: 9px;
		display:block;
		width: 255px;
		height: 75px;
		padding: 0;
		margin:0;
		background: #C6DCC3 ; 
		}
		
		div#centre  div.bloc2 div.back strong {
		font-size: 11px;
		font-weight: bold;
		}
		div#centre  div.bloc2 div.back span {
		font-size: 11px;
		font-weight: bold ;
		color: #A71E25;		 
		} 
		div#centre  div.bloc2 div.back a {
		font-size: 10px;
		font-weight: bold ;
		color: #135129;
		padding-left: 140px ;
		text-decoration: none ;		 
		}
		div#centre  div.bloc2 div.back a:hover {
		color: #A71E25;	 
		}
		div#centre  div.bloc2 div.back img {
		float: left;
		display: block;
		border: 2px solid #0A6CA3 ;
		}
		
		
		
		
		div#centre div.bloc	img.vignette
		{
			text-align: center;
			margin-right: 10px;
			float: left;
			border : 0;
		}
		
		#gauche {
		float:left;
		display:block;
		width: 245px;
		
		padding: 0;
		margin:0;
		margin-top : 20px;
		}
		
		#gauche div.meteo{
		display:block;
		width: 187px;
		height : 126px;
		padding: 0;
		margin:0;
		padding-top : 40px;
	
		text-align : center;
		background: url('../img/meteo.jpg') no-repeat left top;
		}
		#gauche div.forum{
		display:block;
		width: 150px;
		height : 63px;
		padding: 0;
		margin:0;
		padding-top : 50px;
		padding-left: 37px;
		margin-top : 20px;
		text-align : left;
		color : #000000;
		font-size : 12px;
		background: url('../img/forum.jpg') no-repeat left top;
		}
		#gauche div.agenda{
		display:block;
		width: 150px;
		height : 63px;
		padding: 0;
		margin:0;
		padding-top : 50px;
		padding-left: 37px;
		margin-top : 20px;
		text-align : left;
		color : #000000;
		font-size : 12px;
		background: url('../img/agenda.jpg') no-repeat left top;
		}
		#gauche div.dwl{
		display:block;
		width: 150px;
		height : 63px;
		padding: 0;
		margin:0;
		padding-top : 50px;
		padding-left: 37px;
		margin-top : 20px;
		text-align : left;
		color : #000000;
		font-size : 12px;
		background: url('../img/telechargement.jpg') no-repeat left top;
		}
		#gauche div h2{
		display : none ;
		}
		#gauche div a{
		color : #000000;
		font-size : 12px;
		text-decoration : none;
		}
		#droite {
		float:left;
		display:block;
		width: 295px;
		padding-left : 30px;
		padding: 0;
		margin:0;
		padding-left : 35px;
		}
		#droite2 {
		float:left;
		display:block;
		width: 200px;
		
		padding: 0;
		margin:0;
		text-align : right;
		border : 0px solid #000;
		}
		#droite div.flash{
		display:block;
		width: 287px;
		height : 115px;
		padding: 0;
		margin:0;
		padding-top : 40px;
		padding-left: 5px;
		margin-top : 20px;
		text-align : left;
		color : #000000;
		font-size : 11px;
		background: url('../img/flash.jpg') no-repeat left top;
		}
		#droite div.flash h2{
		display : block;
		color : #0A50A1;
		font-size : 12px;
		margin : 0;
		padding  : 0;
		}
		#droite div.une{
		display:block;
		width: 287px;
		padding: 0;
		margin:0;
		padding-top : 45px;
		padding-left: 5px;
		margin-top : 20px;
		text-align : left;
		color : #000000;
		font-size : 11px;
		background: url('../img/une.jpg') no-repeat left top;
		}
		#droite div.une a{
		
		color : #FF6C00;
		font-size : 11px;
		text-decoration : none;
		}
		#droite div.une a:hover{
		
		text-decoration : underline;
		}
		#droite2 div.cal{
		display:block;
		width: 183px;
		padding: 0;
		margin:0;
		
		margin-top : 20px;
		text-align : center;

		border-left : 1px solid #729FC6;
		border-bottom : 1px solid #729FC6;
		}
		#droite2  h2.calendrier{
		display : block;
		width : 178px;
		height : 32px;
		color : #FFFFFF;
		background : #729FC6;
		text-align : left;
		font-weight : bold;
		font-size : 16px;
		margin : 0;
		padding  : 0;
		padding-top: 10px;
		padding-left : 5px;
		}
		#droite2 div.even{
		display:block;
		width: 183px;
		padding: 0;
		margin:0;
		
		margin-top : 20px;
		text-align : center;
		padding-top : 65px;
		border-left : 1px solid #729FC6;
		border-bottom : 1px solid #729FC6;
		background : #C5DDEF url('../img/even.jpg') no-repeat left top;
		}
		#droite2 div.even h2.droite{
		display: none;
		}
		#droite2 div.even h2.diver{
		
		display:block;
		text-align : left;
		padding: 0;
		margin:0; 
		color : #000;
		font-weight :normal;
		font-size : 10px;
		padding-left : 20px;
		background: transparent url(../img/puce.jpg) no-repeat left center;
		}
		#droite2 div.even h2.diver a{
		color : #000;
		font-size : 14px;
		text-decoration : none;
		}
		#titre {
		float:left;
		display:block;
		width: 74px;
		height : 324px;
		padding: 0;
		margin:0; 
		
		background: transparent url(../img/bienvenue.gif) no-repeat left center;
		}
		#bas
		{	
			display:block;
			clear : both;
			width: 740px;
			height: 15px;
			background: #008530;
			color: white;
		} 
		#bas a
		{
		color: white;
		text-decoration:none;
		
		}
		
		 
		#bas a:hover 
		{
		color: #A71E25;
		
		
		}
		
		
		 
		#clear {
		clear: both;
		margin: 0;
		padding: 0;
	
		height: 1px;
		width: 975px;
		
		background-color: #FFFFFF;
		
		
		}
		#clear2 {
		clear: both;
		margin: 0;
		padding: 0;
		height: 1px;
		width: 255px;
		background-color: white;
		}
		
		
		div#gauche h2
				{	
					background: transparent url(../img/double-puce-grise.gif) no-repeat left center;
					padding-left: 15px ;
					line-height: 14px ;
					font-size: 1.4em ;
					color: #145187 ; 
					margin: 0 auto;
		}
		
		div#gauche h3
				{	
					margin: 0 auto;
					
					font-size: 1.2em ;
					line-height: 12px ;
					color: #7AABCF ;
		}
		
		
		#clear3 {
		clear: both;
		margin: 0;
		padding: 0;
		
		height: 1px;
		width: 740px;
		background-color: black;
				
		}