body {
	font-family:Arial, Helvetica, sans-serif;
	/*background-color:#FFFFFF;*/
	background-repeat: repeat;
	background-image: url(../images/pattern.gif);
	margin:0;
}
#wrapper {
	width: 922px;
	background: url(../images/wrapperBG.png) repeat-y;
	margin: 0 auto;
	padding: 0;
	position: relative;
	height: 100%;
}
html>body #wrapper {
	height:auto;
	min-height:84%;
}
html>body.home #wrapper {
	height:auto;
	min-height:40px;
}
#header {
	position:relative;
	margin-left: 1%;
	/*background-color: #FFFFFF;*/
	padding-top: 8px;
	padding-left: 40px;
}

#mainWrap {
	visibility:visible;
	position:relative;
	margin: 0 0 0 1%;
	padding: 0 1em 0.5em 40px;
	/*background-color:#FFFFFF;*/
    min-height:400px;
	width: 810px;
}
#mietteDePainBox {
	margin: 0;
	padding: 0.5em 0 1em;
	/* border: 1px solid red; */
    width: 100%;
}
.mietteDePain {
	font-size: 0.85em;
	color: #333333;    /*line-height: 1.8em;*/
        font-weight: bold;
}
.mietteDePain a, .mietteDePain a:visited{
	color: #333333;    /*line-height: 1.8em;*/
        font-weight: bold;
}
.mietteDePain a:hover{
	color: #666666;    /*line-height: 1.8em;*/
        font-weight: bold;
}
#topMenu {
	margin: 0;
	padding: .85em 0 0em;
	/* border: 1px solid red; */
    width: 100%;
}
.topMenu {
	font-size: 1em;
	letter-spacing: 0.05em;
}
#topMenu a, .topMenu a {
	text-decoration:none;
	color: #000000;
}
#topMenu a:visited {
    color: #444444;
}
#topMenu a:hover {
    color: #069a85;
}
#logoPoly {
	margin: 0 0 0 0px;
	padding: 10 em;
	font-size: 1.0em;
	width: 63%;
}
* html #logoPoly {
/* As IE understand it it takes x% of the free space after the floating is accounted */
/* so read this rule as let's take 90% of the free space on the left of the rigth floating headerRightLinks zone ! */
    width: 50%;
}

#footer {
	position: relative;
	min-height:20px;
	bottom: 0;
	width: 922px;
	margin: 0 auto auto;
	clear: both;
}

#footerContent {
	background: #069a85 url(../images/wrapperTopBG.png) repeat-x;
	margin: 0 10px 0 29px;
	width: 864px;
	padding: 20px 0;
	font-size: 0.8em;
	color: #333333;
}
#footerContent a, #footerContent a:visited {
	color: #000000;
}

#footerContent a:hover {
	color: #CCCCCC;
}
#footerUp {
	background: #FFFFFF;
	text-align:right;
	width: 835px;
	margin-top: 0;
	margin-right: 20px;
	margin-left: 29px;
	padding-top: 20px;
	padding-bottom: 20px;
}	
#leftColumn {
	position: relative;
	width: 29%;
	/*background-color:#FFFFFF;*/
}	
* html #siteMenu  {  
	/* see the comment above about IE interpretation of free space with a right floating DIV */
	width: 94%;
}
#siteMenu, .siteMenu {
	font-size: 1em;
	margin: 0;
	padding:0;
	list-style-image: none;
	list-style:none;
	list-style-type:none;
	width: 100%;
	letter-spacing: 0.04em;
	background-image: url(../images/fond.jpg);
	background-repeat: repeat-y;
}

#siteMenu li, .siteMenu li {
	padding: 0.3em;
	margin: 0 0.3em 0em 0.1em;
	line-height: 1.7em;
	list-style-image: none;
	list-style:none;
	list-style-type:none;
	border-bottom: 1px dotted #c0c0c0;
}
#siteMenu ul {
	margin : 0;
	padding: 0;
}

.entremenu {
	padding: 0.3em;
	margin: 0 0.3em 0.4em 0.1em;
}

#siteMenu li a, .siteMenu li a {
	text-decoration:none;
	color: #000000;
}
#siteMenu li a:visited {
    color: #444444;
}
#siteMenu li a:hover {
    color: #069a85;
}

.listeItem {
	float:left;
	margin: 1em 2% 0 0;
	font-size:.9em;
	width: 30%;
}

div.listeItem  p{
	padding-top: 0;
	margin:0 5px 1em 0;
	border-top: 1px dotted #c0c0c0;
}
div.listeItem * a, .listeItem * a:visited {
	text-decoration:none;
}

div.listeItem * a:hover, .listeItem * a:hover {
	text-decoration:none;
	    color: #069a85;
}
.spacer { clear : both; font-size: 1px; line-height: 0; }

#mainContent {
	float:right;
	padding: 0;
	width: 68%;
	/*background-color:#FFFFFF;*/
}
h1, .titre1 {


}