#container { 
width : 800px;
height : 800px;
background-color : #93d9b4;
color : #333;
padding : 3px;
margin : 0 auto;
}
body { 
background-color : #f4ffe6;
width : 100%;
height : 800px;
text-align : center;
} 

div#bandeau { 
width : 800px;
height : 115px;
background-image:url(http://villavertmarine.maisondhotes.net/images/fond_bandeau.jpg);
} 
div#bandeau_titre { 
float : left;
width : auto;
height : 30px;
} 
div#bandeau_droit { 
float : right;
text-align : right;
width : 130px;
height : 65px;
margin : 25px 0 0 0;
} 
div#bandeau_gauche { 
float : left;
text-align : left;
width : 500px;
height : 65px;
margin : 5px 0 0 10px;
} 
#bandeau_images { 
text-align : right;
float : left;
z-index : 0;
width : 131px;
margin-top : 0;
position : absolute;
padding-top : 0.5em;
right : 821px;
font-size : 0.9em;
background-repeat : no-repeat;
background-position : right bottom;
height : 85px;
font-weight : bold;
top : 45px;
} 

.style13 { 
font-size : 35px;
color : #ffffff;
text-align : left;
font-family : Arial, Helvetica, sans-serif;
} 
.style13bis { 
font-size : 12px;
color : #ffffff;
text-align : left;
font-family : Arial, Helvetica, sans-serif;
}
.style_logo_maisondhotes {font-size: 9px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;
}

.style18 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
.style19 {font-family : Arial, Helvetica, sans-serif; text-align : left; font-size: 14px;}
.style22 {
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold;
font-size: 14px; 
}

div#menu { 
float : left;
width : 100px;
height : 400px;
background-color : #ff6699;
} 
div#menu_haut { 
width : 100px;
height : 200px;
background-color : #66cc33;
} 
div#menu_bas { 
width : 100px;
height : 200px;
background-color : #cc99cc;
} 
div#navbar2 { 
height : 30px;
width : 100%;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
background-color : #3e6d54;
} 
div#navbar2 ul { 
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : small;
color : #fff;
line-height : 30px;
white-space : nowrap;
} 
div#navbar2 li { 
list-style-type : none;
display : inline;
} 
div#navbar2 li a { 
text-decoration : none;
padding : 7px 10px;
color : #fff;
} 
div#navbar2 li a:visited { 
color : #ccc;
} 
div#navbar2 li a:hover { 
font-weight : bold;
color : #fff;
background-color : #3e6d54;
} 
div#contenu { 
width : 800px;
height : 570px;
margin : 0 0 0 0;
background-color : #baf8d7;
} 
div#contenu_titre { 
width : 600px;
height : 50px;
background-color : #baf8d7;
margin : 15px 100px 0 100px;
} 
.style4 { 
font-size : 20px;
font-family : Arial, Helvetica, sans-serif;
} 
div#photo { 
width : 500px;
height : 300px;
background-color : #3d3f47;
border : double;
margin : 10px 150px 0 150px;
} 
#photos_cube { 
border-style : none;
width : 400px;
height : 300px;
} 
div#contenu_desc { 
width : 500px;
height : auto;
text-align : justify;
background-color : #baf8d7;
margin : 20px 150px 20px 150px;
} 

div#contenu_tarif { 
width : 700px;
height : auto;
text-align : justify;
background-color : #baf8d7;
margin : 30px 50px 20px 50px;
} 
#imagetarif {
height:auto;
width:auto;
margin-left:0px;
margin-top:-360px;
margin-right:50px;
float:right;
}

.style14 {
	color: #FF0000;
	font-weight: bold;
}
.style15 {color: #FF0000
}

#tarifh1 {
display: block; 
background-color:#F4F4F4;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color:#000000;
margin: 0px;
margin-top:6px;
margin-bottom:6px;
padding-top:-5px;
width:700px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
#titretarif {
display: block; 
background-color:#F4F4F4;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color:#000000;
margin: 0px;
margin-top:6px;
margin-bottom:6px;
width:700px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
div#desc_sous_photo{ 
width : 685px;
height : auto;
text-align : justify;
background-color : #baf8d7;
margin:auto auto auto auto;
}
div#desc_sous_googlemap{ 
width : 480px;
height : auto;
text-align : justify;
background-color : #baf8d7;
margin:auto auto auto auto;
}


#image_centre { border-style: none;
    margin: 0pt;
    height: 270px;
    width: 400px;
    }
#image_centre1 { border-style: none;
    margin: 0pt;
    height: 270px;
    width: 400px;
    }
#image_centre2 { border-style: none;
    margin: 0pt;
    height: 270px;
    width: 400px;
    }
#image_centre3 { border-style: none;
    margin: 0pt;
    height: 270px;
    width: 400px;
    }
#image_centre4 { border-style: none;
    margin: 0pt;
    height: 270px;
    width: 400px;
    }
#image_centre5 { border-style: none;
    margin: 0pt;
    height: 270px;
    width: 400px;
    }

/****/
#contourimage {
border : double;
background-image:url(../images/fondphoto.jpg);
margin-left:auto;
margin-right:auto;
width:690px;
height:312px;
}

#imagegauche {
height:auto;
width:auto;
margin-left:0px;
float:left;
}

#imagedroite {
height:auto;
width:auto;
margin-left:0px;
margin-top:0px;
float:right;
}

#Layer{
width:auto;
height:auto;
float:left;
margin-left:20px;
margin-top:5px;
}



#Layer1 {
	position:absolute;	
	visibility:hidden;
	z-index:1;
	
}
#Layer2 {
	position:absolute;	
	visibility:hidden;
	z-index:2;
}
#Layer3 {
	position:absolute;
	visibility:hidden;
	z-index:3;
}
#Layer4 {
	position:absolute;
	visibility:hidden;
	z-index:4;
}
#Layer5 {
	position:absolute;
	visibility:hidden;
	z-index:5;
}
#Layer6 {
	position:absolute;
	visibility:hidden;
    z-index:6;
}


.style5 { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-align : left;
} 
.style6 { 
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : left;
} 

div#ligne_pied_page { 
width : 800px;
height : 2px;
background-color : #3eb978;
border-top : 1px solid #000;
} 
div#pied_page { 
clear : both;
width : 800px;
height : auto;
background-color : #93d9b4;
} 
div#menu_droit { 
float : right;
width : 200px;
height : auto;
margin : 10px 10px 0 10px;
background-color : #93d9b4;
} 
div#menu_gauche { 
float : left;
width : 200px;
height : auto;
margin : 10px 10px 0 10px;
background-color : #93d9b4;
} 
.style1 { 
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
} 
.style3 { 
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
color:#ffffff;
font-weight : bold;
}
.copyright { 
font-family : Arial, Helvetica, sans-serif;
font-size : 9px;
color:#ffffff;
}
/*******************************************************************
 *  General Formulaire
 *******************************************************************/
#form {
width:100%;
font-size : 12px;
 font-family:  "Lucida Grande", Verdana, Tahoma, Helvetica, Sans-Serif;
 background-color:#F5F5F5;

}

#form fieldset {
border-width:thin;
border-color:#CCCCCC;
border-style:solid;
}


#form .titleform{
color:black;
font-size : 12px;
letter-spacing:2px;
word-spacing:4px;
height:20px;
background-color:#FAFAFA;
 font-weight:bold;
 padding:5px;
}

#form td, #form form{
font-size : 11px;
color:black;
}
#form input, #form select, #form textarea{
font-size : 11px;
color:black;
background-color:#FFFFFF;
border:1px solid #BBBBBB;
}

#form .submit
{
cursor:pointer;
border-style: solid;
border-color:#296426;
border-width:1px;
font-size:12px;
padding: 2px;
background-color:#F5FAF8;
}


#form .error{
color:red;
background-color:#FFFFCC;
font-size:100%;
font-weight:bold;
padding:2px;

}
#form .msg{
color:#6699CC;
font-size:90%;
text-align:left;
margin-left:10px;
padding:2px;
}
#form .ok{
color:green;
padding:2px;
font-size:90%;
}
#form .comment{
color:#777777;
font-style:italic;
}

.welcome{
letter-spacing : 2px ; 
color:green;
font-style:italic;
font-size : 85%;

}