@charset "UTF-8";

@media screen{
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {width: 650px;}
	#global #contenu #colonne_contenu-andard {position: relative; float: left; display : inline; width: 250px; 
	margin: 0 0 0 20px; padding: 0; }
	#global #contenu #con_descriptif{}
	#global #contenu #con_descriptif h2 {margin: 0; padding: 0; font-size: 2em; color: #007bbe; font-weight: normal;}
	#colonne_evenements {
		 position: relative; float: left; display : inline;  margin: 0;  padding: 0; 
		width: 371px;
	}
	#evenements {position: relative; display : inline; float: left; margin: 0;	height: 178px; 
	padding: 0; width: 371px; background: url(../images/menu-evenements.gif)  no-repeat right bottom;}
	#evenements h3 { margin: 0; padding: 0; width: 371px; height: 40px;	 background: url(../images/menu-evenements.gif)  no-repeat left top;}
	#evenements ul {position: relative; margin: 0; padding: 10px 0 0 0; width: 365px; list-style:none; min-height: 70px;}
	#evenements ul li{ margin: 0; padding: 0 0 0 20px; }
	#evenements ul li strong{display: block; margin: 0; padding: 0 0 0 10px; width: 331px; color: #CC0099; background: url(../images/menu-evenements.gif)  no-repeat 0px -44px;}
	#evenements ul li a { text-decoration: none; color:black;}
	/********************************/
	/*			TICKER				*/
	/********************************/
	/* the news box */
	#evt_domnews {
		height: 90px;
	}
	#evt_domnews a {
	}
	#evt_domnews ul {
		margin:0;
		padding:0;
	}
	#evt_domnews li {
		list-style-type:none;
		margin-bottom:5em;
	}
	/* the news box when JavaScript is available */
	#evt_domnews.hasJS {
		height:120px;
		overflow:hidden;
		position:relative;
	}
	/* The nested UL when JavaScript is available */
	#evt_domnews.hasJS ul {
		position:absolute;
		top:120px;
		left:0;
		margin:0 .5em 0 .5em;
		padding:0;
	}
	
	#DOMnewsstopper {
		position:absolute;
		left:-999em;
	}
	#fresh, #municipalite {float:left; display : inline; width: 180px;}
	#breves, #marches, #bulletin, #conseil {display : inline;  position: relative; float: left; margin: 13px 0 0 13px;  padding: 0; width: 167px;	}
	#breves h3, #marches h3, #bulletin h3, #conseil h3 { margin: 0; padding: 0; width: 150px; height: 18px;  background: url(../images/titre-breves.png)  no-repeat 0px 0px;}
	#marches h3 {background: url(../images/titre-marches.png)  no-repeat 0px 0px;}
	#bulletin h3 {background: url(../images/titre-bulletin.png)  no-repeat 0px 0px;}
	#conseil h3 {background: url(../images/titre-conseil.png)  no-repeat 0px 0px;}
	#breves h3 span, #marches h3 span, #bulletin h3 span, #conseil h3 span{position: absolute; top: 0; left: -999em;}
	#breves ul, #marches ul , #bulletin ul , #conseil ul {position: relative; margin: 0; padding: 10px 0 0 0;  list-style:none; min-height: 70px; }
	#breves ul li, #marches ul li, #bulletin ul li, #conseil ul li{ margin: 0 0 0 2px; padding: 0 0 0 8px; border-left: 1px solid #CC0099;}
	#bulletin ul li, #conseil ul li {border-left: 1px solid #0099cc;}
	#bulletin ul li{background: url(../images/livret.png) no-repeat 5px 0px; height:40px; padding: 0 0 0 45px}
	#breves ul li strong, #marches ul li strong, #bulletin ul li strong, #conseil ul li strong{display: block; margin: 0; padding: 0;   }
	#breves ul li strong {font-weight: normal;  }
	#breves ul li a, #marches ul li a , #bulletin ul li a , #conseil ul li a  { text-decoration: none; color:black; font-size: 1.1em;}
	#breves ul li a span.date, #marches ul li a span.date{ font-weight: bold;}
	#breves ul li.toutelaliste, #marches ul li.toutelaliste, #bulletin ul li.toutelaliste, #conseil ul li.toutelaliste{ margin: 0.8em 0 0 0; padding: 0 0 0 12px; background: url(../images/menu-evenements.gif)  no-repeat 0px -44px; border: none;}
	#bulletin ul li.toutelaliste, #conseil ul li.toutelaliste{ background: url(../images/fleche-bleue.png)  no-repeat 0px 3px; }
	#breves ul li.toutelaliste a, #marches ul li.toutelaliste a { color: #CC0099}
	#bulletin ul li.toutelaliste a, #conseil ul li.toutelaliste a { color: #0099cc}
	#conseil ul li {font-weight: bold; }
	#espace {
		position: relative; margin: 0; width: 250px; height: 50px;  
		background: url(../images/fleche-espace.png)  no-repeat 0px 0px;
	 	font-size: 1.2em;
	}
	#espace h3{position: absolute; top: 0; left: -999em;}
	#espace ul{position: relative; margin: 0; padding: 2px 0 0 12px;  list-style:none; }
	#espace img{border: none; width: 45px; height: 45px;}
	#espace a{display: block; width: 250px; height: 50px; text-decoration: none; color: white; }
	#espace strong{position: absolute; top: 7px; left: 65px;}
	#espace span#reserver{position: absolute; bottom: 17px; left: 65px; margin: 0; padding:0 0 0 13px;  background: url(../images/fleche-blanche.png)  no-repeat 0px 4px;}
	/* formulaire news */
	p#erreur_contact {color: red; font-size: 1.2em; font-weight: bold;}
	p#message_envoye {color: #99CC33; font-size: 1.2em; font-weight: bold;}
	#global #contenu form#formContact_contactNews {margin: 10px 0 0 0; padding: 0; width: 250px; background: url(../images/menuNewsletterHaut.png)  no-repeat left top; }
	#global #contenu .descPdt h2, #global #contenu form#formContact_contactNews .obligatoire em.etoile_obligatoire, p.messobligatoire {position: absolute; top:0; left: -999em;}
	#global #contenu form#formContact_contactNews  fieldset#fieldset_0 {padding: 30px 0 0 10px; border: none;}	
	#global #contenu form#formContact_contactNews p   {font-size: 1.2em;}
	#global #contenu form#formContact_contactNews input {width: 180px;}
	#global #contenu form#formContact_contactNews h4.btnenvoyer  {margin: 0; text-align: center; padding: 0 0 30px 0; background: url(../images/menuNewsletterBas.png)  no-repeat left bottom; }
	#global #contenu form#formContact_contactNews h4.btnenvoyer input {width: 80px; }
}

@media print {
}