/* ---------------------------------------- */
/* général				*/
/* ---------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	font-size: 62.5%;
}

html, body {
 margin:0px 0px 0px 0px; 
 padding:0;
 min-height: 100%; 
 margin-bottom: 1px;
}

div.cleaner {
	clear: both; 
	line-height: 0px; 
	height: 0px; 
	font-size: 0px;
}

p { padding: 8px 0 0 0; margin: 0 }

p.center{
text-align:center;
}

ul, li, h1, h2, h3, h4{
margin:0;
padding:0;
}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	line-height: 1em;
}


h1 {
	font-size: 60px;
	padding: 20px 0 20px 0;
	margin: 0 0px 0 0px;
	color:#F8F8FA;
}

.flux{ 
clear: both; 
}

.cleft{
clear:left;
}

.cright{
clear:right;
}

.clearing {
height: 0;
clear: both;
}

hr.clear{
display:block;
clear:both;
visibility:hidden;
height:0;
border-width:0;
margin:0;
padding:0;
}

* html hr.clear {   /* pour explorer  */
margin-top:-15px;
}

*+html hr.clear {   /* pour explorer 7 */
margin-top:-15px;
}



/* ---------------------------------------- */
/* 	liens	*/
/* ---------------------------------------- */


a:link {
color: #7cae1d;
text-decoration: none;
}

a:hover {
text-decoration:none;
color:#7cae1d;
}

a:visited{
color: #7cae1d;
text-decoration: none;
}

a:active {
text-decoration:none;
color:#7cae1d;
}



/* ---------------------------------------- */
/* 	intérieur	*/
/* ---------------------------------------- */

#conteneur{
font-size:1.0em;
}

#top{
background-color:#71AB26;
height:95px;
border-bottom:#2d2d2d 5px solid;
width:100%;
}

#top .int {
padding : 0;
margin : 0 auto;
width : 730px;
}

#content{
padding : 0;
margin : 0 auto;
width : 730px;
}

#main {
width : 730px;
margin : 0 auto 0 auto;
margin-right : auto;
margin-left : auto;
padding : 20px;
background : #f9f9f9;
border-right : 1px solid #e1e1e1;
border-left : 1px solid #e1e1e1;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}

#contenu{
width:500px;
float : left;
position: relative;
display: inline;
padding : 0 0 0 20px;
margin : 0px 0 150px 0;
}

.titre{
font-weight: bold;
border-bottom:#e1e1e1 1px dotted;
padding-top:24px;
}

#contenu img{
border:#e1e1e1 1px solid;
}

#fenetre, #fenetre1, #fenetre2, #fenetre3, #fenetre4, #fenetre5, #fenetre6, #fenetre7, #fenetre8 {
padding: 10px 0 10px 0;
}

#fenetre9, #fenetre10, #fenetre11, #fenetre12, #fenetre13, #fenetre14, #fenetre15, #fenetre16, #fenetre17, #fenetre18{
padding: 10px 0 10px 0;
}
/* ---------------------------------------- */
/* 	menu	*/
/* ---------------------------------------- */

#menu{
background-color:#EEEDF2;
width:210px;
float : left;
}

#menu ul{
list-style:none; 
margin:0; 
padding:0
}

#menu ul li {
margin:0;
}

#menu ul li a{
padding:6px 6px 6px 6px;
display:block;
border-top:#e1e1e1 1px dotted;
}

#menu ul li a:hover{
background-color: #FFFFFF;
}

#menu ul li.on {
background-color:#FFFFFF;
font-weight:bold;
}

/* ---------------------------------------- */
/* 	footer	*/
/* ---------------------------------------- */

#footer{
background-color:#2d2d2d;
border-top:#71AB26 5px solid;
width:100%;
font-size : 0.9em;
text-align : right;
line-height : 15px;
color : #999999;
padding:12px 0 12px 0;
}

#footer .int {
padding : 0;
margin : 0 auto;
width : 730px;
}

#footer p a:hover {
color : #fff;
}