/* CSS Document */

/* reset.css ------------------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blokquote, th, td
{margin:0;padding:0}

h1,h2,h3,h4,h5,h6
{ font-size:100%;}

ol,ul
{ list-style:none;}

address, caption, cite, code, dfn, em,  th, var
{ font-style:normal; font-weight:normal;}

table
{ border-collapse:collapse; border-spacing:0;}

fieldset, img
{ border:0;}

caption, th
{ text-align:left;}

q:before, q:after
{ content:"";}

*
{ outline:none;}
/* typo -----------------------------------------------------------------------------------------------------------------*/

body{ font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#container{ font-size:0.7em;}
h1{ 
width:600px;
height:120px;
background-image:url(titre.gif);
background-repeat:no-repeat;
display:block;
margin:0 auto;
text-indent:-9999px;
z-index:100;
position:absolute;
top:2%;
left:30%;}
h2{}
h3{}
h4{}
h5{}

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

html{ 
text-align:center;
}

body{ 
width:100%;

text-align:left; 
background-image:url(bg.jpg); 
background-position:center;
padding-top:137px;
text-align:center;
}

#container{ 
width:100%;

padding-top:20px;
position: relative;
background-color:#FFFFFF;
background-image:url(bg_container.png);
background-repeat:repeat-x;
z-index:80;
bord
}
 
#media{
width:100%;

/*
background-image:url(bg-bonhomme.gif);
background-repeat:no-repeat;
background-position:center;
/**/
position:relative;
text-align:center;
z-index:-100!important;
}

#bouton{
display:block;
text-indent:-9999px;
background:#006600;
}
#bm{
	margin-bottom:50px;
}
#bm a{
font-size:0.8em;
color:#FFFFFF;
font-weight:bold;
}
#bm a:hover{
color:#006600;
}