html, body {
	/*	height: 100%;*/
	margin: 0;
	padding: 0;
	
	
}
body{
		margin: 0px 0px 4px 0px;
background-color: #e7ecb0;
background-image: url(../images/fond-body.jpg);
background-repeat: repeat-x;
background-position: top;
/*background-color: #f9fbe8;*/
}
.print {
	display: none;
}

	#header {
	position: relative;
	clear: both; /*	height: 136px;*/
	width: 100%;
	margin-top: 0px;
	padding: 0;
	background-image: url(../images/bandeau_fond.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 109px;
	
}
#banniere {

}

#print-header {
}
#header h1, #header h2 {
	font-weight: normal;
	color: #6B8E23;
}

#header h1.sitetitle {
margin: 0;
padding: 0;
	
}
 /* ---  fin header  --*/
/* Content */
.wrapper {
	/*	min-height: 100%;*/
	margin: 0 auto;
	margin-bottom: 2px;
	clear: both;
	width: 990px;
	background-color: #e7ecb0;
	background-image: url(../images/fond-head2.gif);
	background-position: top right;
	background-repeat: no-repeat;
	position: relative;
	border: 1px solid #8FBC8F;
}

div#divaccroche {
	background:transparent url(../images/accroche.gif) no-repeat scroll center 20px;
height:50px;
/*margin-top:30px;*/
}
#page  {
	/*	border: 1px solid #C2D182;*/
	margin: 0;
	padding: 0; /* test -- margin-left: auto;
	margin-right: auto;*/
	text-align: left;
	background: #fff url(../images/fond-gauche.gif) repeat-y top left; /*	border: 1px dotted red;position: relative;*/
}
	#page #colonnes {
	margin: 0;
	padding: 0; /*		border: 	1px solid #C2D182;*/
	background: url(../images/fond-col.gif) repeat-y top right;
}
	#page #gauche {
		float:left;
		width:185px;
		margin:0; padding:0;
		
		}
	#page #droite {
	float: right;
	width: 185px;
	margin: 0;
	padding: 0;
/*	padding-top: 30px;*/
	
}
	#centre {
	float:left;
	/*width: auto;
	overflow: auto;*/
	width: 618px;
	padding-top: 10px;
/*	background: #fff url(../images/fond-centre.jpg) repeat-x left 0;*/
}
.column-in {
	/* largeur utile dans marges = 169px background-color: #FDF5E6;*/
	margin: 0;
	padding: 0.5em 5px 0.5em 8px;
	line-height: 1.05em;
}

        .column-in li{
	margin-bottom:  8px;
}


	.column-in .bloc{
	/* juste une bordure pour encadrer des trucs */
	border: 1px solid #008762;
	width: 165px;
}
.column-in .encart {

background-color:#E5E9CB;
border:4px solid #FFFFFF;
width: 161px;
padding: 2px;

}
	


	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		

/* Bloc marge*/
/*conteneur global et arrière-plan du titre du cadre */

div.bloc-a-g {	
	background-image: url(../images/top-bloc-a-g.gif);
	background-position: top;
	background-repeat: no-repeat;
	
	width: 169px;
	
	padding: 4px 0 0 0;
	margin: 0;


}
div.bloc-a-g div.in-gauche {
/* bug FF ??? */
margin: -5px 0 0 0;
_margin: 0px 0 0 0;
	/* arrière-plan bas et sur l'ensemble du cadre */
	background-image: url(../images/fond-bloc-a-g.gif);
	background-position: top;
	background-repeat: repeat-y;
	padding: 0 3px 4px 4px;
	
	border-bottom: 2px solid #C7D594;
}
div.in-gauche ul {
margin: 0 0 0 6px;
padding: 0;
}
/* traitement menuv à gauche (bloc 1clic et pratique */
/* basculé ds menus.css  */

/*--  fin bloc pour marge gauche -- */


		
div#top-content {
	background: #FDFEF0 url(../images/bord_cadre.gif) no-repeat  left 0;
	height: 14px; 
	margin: 1px 0 0 0;
	padding: 0;
	/*position:relative;
left:-1px;
top:-1px;	z-index: 100;*/

}		
.content {
	padding: 0;
	margin: 0;
	padding: 0 10px 0 15px;
	min-height:400px;
	background-color: #fff;
	/*   border: 1px solid #C7D594;
	border-top: none; min-height: 460px*/
}
		
/* Footer  : ses menus sont ds menus.css*/
#footer {
	/* -------------------------- */
	height: 35px;
	clear: both;
	overflow: hidden;
	border: 1px solid #D8E081;
	padding: 0px 0 0px 0;
	background-color: #fff; /*position: relative;background-image:  url(../images/fond-content.jpg);
	background-position:  bottom;
	background-repeat: repeat-x;*/
}

#footer p {
	text-align: center;
	color: #454545;
	margin: 0;
	padding: 0;
}


button.btok {
background:transparent url(../images/bt_ok3.gif) no-repeat scroll left top;
border:0 none;
cursor:pointer;
height:22px;width:18px;
margin:1px;
padding:0px 1px 0px 1px;

/*
position:relative;
top:-3px;
*/
}
.quadrant {
	overflow: auto;
	width: auto;
	background-image: url(../images/fond-actus.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.quadrant .ligne{
	
	overflow: auto;
/*	height: auto;*/
	clear: both;
	border-bottom: 1px solid #8FBC8F;
}
div#ligne2 {
	border: none!important;
}
.quadrant .demi-content-g, .quadrant .demi-content-d{
	width: 290px;
	padding: 0px;
	float: left;
	
}
.quadrant .demi-content-g{
	float: left;
	padding-right: 6px;
	border-right:  1px solid #8FBC8F;
}
.quadrant .demi-content-d{
	float: right;
	padding-left: 5px;
/*	border-left:  1px solid #8FBC8F;*/
}

.quadrant img {
float: left;
	margin-right: 4px;
	}
	
div.news {
/*	border: 1px solid #ddd;
	background-color: #FAFAF1;
	margin-bottom: 0.5em;
	padding: 0 5px;*/
}
div.news div.une-news{
	border: 1px solid #ddd;
	background-color: #FAFAF1;
	margin-bottom: 10px;
	padding: 0 5px;
}
div.pagination {
/*	float: left;
	margin-right: 10px;*/
	color: #005901;
}
div.pagination label{
	text-decoration: none;
	color: #fff;
	font-size: 0.8em;
	background-color:#005901;
padding: 2px;
	margin-right: 3px;
}
div.pagination a{
	text-decoration: none;
	color: #fff;
/*	font-size: 0.9em;
	background-color:#005901;*/
	padding: 0 4px;
	text-align: center;
}
div.pagination a:hover{
	color: Yellow;
/*	font-weight: bold;*/
}
div.pagination span.pager-active label{
	text-decoration: none;
	background-color: #00AA01;
}

div.pagination span.pager-more-after label{
	text-decoration: none;
	color: #005901;
	
	background-color: transparent;

}
.date-event {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	float: right;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	background-color: #FFF6DD;
	color: #005900;
	margin: 4px 0 0 4px;
	padding: 2px 5px;
	border: 1px solid #E1D1B1;
}

/* météo */

div.bloc-meteo, div.bloc-meteo-en {
	

	position: relative;
	border: none;
	background-color: transparent;
	margin: 0;
	margin-left: 29px;
	
}
div.bloc-meteo-en {
background-color:#E4E8DD;
text-align: center;
margin-left:20px;
border: 1px solid #949E94;
width: 130px;
padding: 3px;
}
div.bloc-meteo-en .icon img{
	border: 1px solid #daded1;
	padding: 2px;
	background-color: #cacebf;
	width: 50px; height: 50px;
}
div.bloc-meteo-en p+p {
	margin-top: -.4em;
	margin-bottom: 0em;
}
div.bloc-meteo-en .meteo-txt1 {
	color: #4682b4;
	font-weight: bold;
	font-size: 1em;
}
div.bloc-meteo-en .meteo-txt2 {
	color: #626262;
	font-size: 0.9em;
}
div.bloc-meteo-en .meteo-txt3 {
	color: #60a2f8;
	font-size: 0.9em;
}
div.bloc-meteo #cont_5e5a10680f10d8dc0cbac9fe5e24041a{



}
div.bloc-meteo #meteo-data {
padding: 4px;
text-align: center;
}


div.bloc-meteo .meteo_date, div.bloc-meteo-en .meteo_date {
	font-variant: small-caps;
	color: #6c6c6c;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.15em;
}
div.bloc-meteo #meteo-data table{
	border: 1px dotted #949E94;
	width: 162px;
	text-align: center;
	background-color: #E4E8DD;
}
.petit-credit {
	font-size: 0.8em;
/*	color: #004539;*/
	color: #3366CC;
	text-decoration: none;

}

#hmtctl {
	height: 32px!important;
}