/*------------------Style 2-----------*/

body
{
background-image:url(http://www.manade-beauchamp.com/images/manade-reception.jpg);
background-repeat:no-repeat;
background-position:top left;
background-attachment:fixed;
background-color:#A81818;
margin-top:0;
font-size:14px;
}

#conteneur
{
width:900px;
height:2220px;
background-color:#9c897a;
margin-left:134px;
margin-top:0;
border-width:1px 1px 1px 1px;
border-color: black black black black;
border-style:solid;
position:top fixed;
}

#head
{
width:900px;
height:238px;
margin:0 auto;
margin-bottom:0;
}



#left
{
padding-top:20px;
padding-left:5px;
width:475px;
height:1905px;
background-color:#9c897a;
float:left;
font:Arial, Verdana,serif;
color:white;
line-height:20px;
text-align:left;

}

#right
{
padding-top:20px;
padding-left:5px;
width:400px;
height:1905px;
float:right;
background-color:#a81818;
border-width:0px 0px 0px 1px;
border-color: white;
border-style:solid;
font:Arial, Verdana,serif;
color:white;
line-height:20px;
text-align:left;
}

#footer
{
width:900px;
height:20px;
margin:auto;
margin-left:134px;
background-color:#9c897a;
color:white;
text-align:center;
font-size:12px;
padding-top:5px;
margin-top:10px;
}
#contact
{
width:900px;
background-color:#9c897a;
height:400px;
text-align:center;
font-weight:bold;
font-size:16px;
color:white;
}

/*--------------------Menu intérieur-------------------------*/
#nav
{
margin-left:0;
background-color:black;
}

#nav li {
    margin: 0; 
    padding: 0;
    display: inline;
}

#nav li a
{
    display: block;
    float: left;
    height: 32px;
    width: 200px;
    line-height: 32px;
    text-decoration: none;
    text-align: center;
    background:black;
    padding: 0;
	color:white
}

#nav li a:hover
 {
    background:white;
	color:black;
    padding: 0;
}

#nav li a:active
{
 background:#a81818;
    padding: 0;
}

/*-------------Photos-*/

.fright
{
float:right;
margin:15px;
margin-right:0;
}

.fleft
{
float:left;
margin:15px;
margin-left:0;
}

.vright
{
float:right;
margin:15px;
}


/*-----------Textes-*/

.underline
{
text-decoration:underline;
font-weight:bold;
}

.centre
{
text-align:center;
font-weight:bold;
}

.centre2
{
text-align:center;
font-size:10px;
}


a
{
color:black;
text-decoration:none;
font-weight:bold;
}

a:hover
{
text-decoration:underline;
font-weight:bold;
}

.important
{
text-decoration:underline;
font-weight:bold;
color:black;
font-size:14px;
}

.center
{
text-align:center;
margin:0;
display:block;
margin:15px;
}

.center_red
{
color:#a81818;
font-size:12px;
}

h1
{
font-size:14px;
font-weight:bold;
}

.frame_center/*--------------paragraphe centré-----*/
{
text-align:center;
font-size:20px;
font-weight:bold;
color:black;
background-color:white;
width:350px;
height:245px;
margin:auto;
padding:5px;
border-width:1px 1px 1px 1px;
border-color: white;
border-style:solid;
}