/*----------------------General------------------------*/
/*-------------------<--  Benj -->---------------------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: .8em;}

html, body {
    height: 100%;
}
body {
background: #d7d7d7 url(design/background.gif) 0 0 repeat;
text-align: center;
font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 100%;
color: #012011;
height: 100%;
position: relative;
}
#conteneur {
width:768px;
position: absolute;
left: 50%;
top: 7px;
margin-left:-384px;
text-align:left;
background: #d0e1c8 url(design/conteneur_background.gif) top right repeat-y;
padding-right: 8px;
}

#conteneur2 {
background: transparent url(design/pot_fleur.jpg) 500px 400px no-repeat;
}

/*---- bandeau -------*/
#bandeau {
height: 328px;
background: transparent url(design/bandeau_background.gif) left bottom repeat-x;
}
#bandeau img {
display: block;
}
#arrieus-jeannine {
height: 48px;
width: 400px;
background-color: #fef5e2;
}
#arrieus-jeannine img{
padding-top: 9px;
margin-bottom: 9px;
margin-left: 90px;
}

/*---- menu -------*/
#menu {
position: absolute;
top: 0px;
right: 0px;
width: 300px;
font-weight: bold;
background: transparent url(design/menu_fleur.jpg) top right no-repeat;
}
#menu ul {
background: #d7bac8 url(design/menu_background.jpg) 0 0 no-repeat;
width: 248px;
height: 196px;
margin-top: 82px;
margin-left: 1px;
padding-top: 15px;
}
#menu li {
position: relative;
list-style-type: square;
margin: 0px 0;
padding-bottom: 2px;
margin-left: 35px;
margin-right: 35px;
color: #D0E1C8;
border-bottom: 1px solid #FEEECD;
font-size: 1.2em;
}
#menu a {
font-size: .85em;
line-height: 1.5em;
color: #D0E1C8;
text-decoration: none;
}
#menu a:hover {
color: #7A4761;
text-decoration: none;
}
#menu .lien_actif, #menu .lien_actif a{
color: #7A4761;
}

/*---- Texte -------*/
#texte {
background-color: #fef5e2;
width: 380px;
padding-top: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2em;
}
#texte h1 {
text-align: right;
color: #333333;
font-size: 1.2em;
padding-bottom: 2px;
background: transparent url(design/h1_background.gif) left bottom no-repeat;
margin-bottom: 20px;
}
#texte h2 {
color: white;
font-size: 1em;
margin: 10px 0px 10px 0px;
padding-left: .2em;
padding-right: .2em;
font-weight: bold;
background-color: #bb89a2;
}
#texte p {
padding-bottom: 15px;
}
#texte a, #texte strong, #texte b {
color: #BC5AC7;
}
#texte a:hover {
text-decoration: none;
}
#texte ul {
margin: 5px 15px 15px 45px;
font-size: .8em;
}
.center {
text-align: center;
}

#texte img.bordure {
border: 4px solid #ECBF92;
}
.floatleft{
float: left;
margin: 5px 10px 3px 13px;
}
.floatright{
float: right;
margin: 5px 13px 3px 10px;
}


/*----------------------------------------------*/
/*---- Pied de page -------*/
/*----------------------------------------------*/
#pied_page {
position: absolute;
bottom: 0em;
color: #012011;
padding: .2em 0 .7em 10em;
margin-right: 5px;
background: transparent url(design/baspage_bas.gif) left bottom repeat-x;
width: 642px;
}
#pied_page #pixell{
float: right;
position: relative;
top: -4px;
padding-right: 1em;
color: #6C9D55;
font-style: italic;
}
#pied_page a{
color: #012011;
text-decoration: none;
}
#pied_page a:hover{
text-decoration: underline;
}