body      { background-color:#AAAAAA; padding: 0px; 
			font-family: Helvetica,Verdana, Arial,  
			sans-serif; font-size: 11px; margin-left: 30px; 
			margin-right:0px; margin-top: 20px; color: #000000; 
			background-image:url(http://localhost:8888/proposition/images/fond1.png);
			background-repeat:repeat;
			background-attachment:fixed;
		  }

/*style de la partie utile de la page web*/

img{border: 0 none;} /*rendre toutes les images sans bordure*/

#page{
position:relative;
width:780px;
margin:20px auto;
padding:2px 2px;
/*background-color:#987CAA;*/
background-color:#BB8958;
border:1px solid #987CAA;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
 border-radius: 20px;
 height:auto;
}

/*style de l'entete, taille, hauteur, couleur de fond*/
#entete{
margin-left:0px;
margin-top:10px;
/*background-color:#987CAA;*/
background-color:#BB8958;
width:752px;
height:150px;
}
 
#entete object{
margin:0px 30px;
border:2px solid #987CAA;
}

/*Style du corps de la page */
#corps{
margin: 5px 5px;
margin-top:40px;
width:770px;
background-color:#AACC66;

/*background-color:#987CAA;*/

border:1px solid #987CAA;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
 /*height:auto;*/
 height:auto;
}

#blocunique{
float:left;
margin-left:30px;
margin-right:0px;
margin-top:5px;
margin-bottom:0px;
width:720px;
height:auto;
background-color:#ffffff;
border:1px solid white;
//-moz-border-radius: 10px;
//-webkit-border-radius: 10px;
 //border-radius: 10px;
 font-size:1.4em;
}

#blocunique p{
margin-left:5px;
margin-right:5px;
padding-left:10px;
}

#blocunique table a{
text-decoration:none;
color:#987CAA;
font-weight:bold;
}

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

#blocunique p a{
text-decoration:none;
color:#987CAA;
font-weight:bold;
}

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

#blocunique ul a{
text-decoration:none;
color:#987CAA;
font-weight:bold;
}

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

#blocunique img{
width:250px;
float:left;
margin-left:5px;
margin-right:10px;
margin-bottom:5px;
}



/*Style du menu gauche s'etend sur toute la page en fond l'image*/
#blocgauche{
float:left;
margin-left:0;
margin-top:10px;
margin-right:0px;
padding-right:0px;
padding-top:0px;
background-color:none;
width:100px;
}

/* sytle du bloc contenant l'actualité du site*/
div#actu{
background-color:none;
width:200px;
border:1px solid white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-border-radius: 10px;
height: 240px;
margin:10px 10px;
font-size:1.4em;
}



/*style du titre actualité*/
 h1,h2{
text-align:center;
color:#333333;
border-bottom:1px solid white;
margin-top:0px;
}

/*style du contenu actualité*/
div#actu table{
text-align:left;
color:#FFFFFF;
}

div#actu table a{
color:#FFFFFF;
text-decoration:none;
}

div#actu table a:hover{
color:#FFFFFF;
text-decoration:underline;
}

/* sytle du bloc contenant l'actualité du site*/
div#journal{
background-color:none;
width:200px;
border:1px solid white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-border-radius: 10px;
height: 240px;
margin:10px 10px;
font-size:1.4em;
}

/*style des éléments du journal*/
div#journal object{
margin-left:13px;
margin-top:0px;
}

/*style des éléments du journal*/
div#journal li{
text-align:left;
padding-bottom:10px;
list-style-type:none;
color:#333333;
}

div#journal li span{
margin-left:0px;
color:black;
}

hr.separation{
width:170px;
margin-left:20px;
}

/*style du menu au centre : corps proprement dit de la page*/
#blocdroit{
float:right;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
width:540px;
height:auto;
background-color:#ffffff;
border:1px solid gray;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;
}


/*Style des paragraphes du corps de la page*/
#blocdroit img{
width:210px;
float:left;
margin-left:5px;
margin-right:40px;
margin-bottom:5px;
}

.imgegauche{
width:210px;
float:left;
margin-left:5px;
}
#blocdroit p{
margin-left:5px;
margin-right:5px;
font-size:1.5em;
padding-left:10px;
}

#blocdroit p a{
text-decoration:none;
color:#987CAA;
font-weight:bold;
}

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

/*style du pied de page*/
div#pied{
font:normal 1em Georgia,Times,serif;
background-color:none;
margin-top: 5px;
width:760px;
height:30px;
color:white;
clear:both;
}

p#cpr{
float:left;
margin-left:5px;
margin-top:5px;
}

p#info{
float:right;
margin-top:5px;
}

#pied a{
color:white;
text-decoration:none;
}

#pied a:hover{
text-decoration:underline;
}

.pointille{
margin-left: 0;
width:410px;
border-bottom:1px dashed black; 
}

/*Style des objets de navigation*/
.courant {
margin-left:0px;
font-size:1.1em;
color:#AACC66;
text-decoration:none;
font-weight:bold; 
}

/*Style des objets de navigation*/
.courantnoir {
margin-left:0px;
font-size:1.1em;
color:black;
text-decoration:none;
font-weight:bold; 
}

.courant2 {
text-decoration:none;
color:#987CAA;
font-weight:bold;
}


a{text-decoration:none;}
a:hover {text-decoration:underline;}
 
.precedant{
margin-left:0px;
font-size:1.1em;
font-weight:bold;
color:black; 
}

.precedant a{
font-size:1.1em;
color:black;
text-decoration:none; 
}

.precedant a:hover{
color:black;
text-decoration:underline; 
}

/*Style du titre de la page d'accueil*/
.centretitre{
text-align:center;
font-size:2em;
color:#333333;
}

#gaucheplace{
margin-left:10px;
}

/*styles dreamweaver*/
.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.Style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990000;
}
.Style2gros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #990000;
}

.Style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #3C719B;
}
.Style16 {color: #000000}
.Style17 {font-size: 10px}
.Style18 {color: #000000; font-size: 10px; }
.Style19 {
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #45799C;
}
.Style20 {color: #999999}

.arranger{
clear:both;
/*visibility:hidden;*/
}
.arrangercacher{
clear:both;
visibility:hidden;
}

.divgauche{
border:none;
float:left;
}

.divdroit{
border:none;
float:right;
}


/*style des images de bas obama*/

#divbascentre{
border:none;
width:530px;
height:160px;
margin:2px auto;
padding-top:2px;
}

#divpetit{
border:none;
float:right;
width:185px;
}

.naviggauche{
border:none;
float:left;
font-size:0.7em;
}
#navigdroit {
border:none;
float:right;
font-size:0.7em;
}

#navigdroit2 {
border:none;
float:right;
}

#oui1{
border:none;
margin-left:10px;
float:left;
}

#oui1 img{
width:100px;
}

#orga{
border:none;
margin-left:140px;
float:left;
}

#orga img{
width:400px;
}


#oui2{
border:none;
margin-left:10px;
margin-right:10px;
float:left;
}

#oui2 img{
width:300px;
}


#navigdroit img{
width:20px;
}

#navigdroit2 img {
width:100px;
}

/* sytle du bloc contenant l'image de la chambre*/
div#chamb{
background-color:none;
width:400px;
height:auto;
border:none;
float:left;
}

div#chamb img{
width:390px;
}


div#chambcentre{
background-color:none;
width:400px;
height:auto;
position:relative;
margin:5px auto;
}

div#chambcentre img{
width:400px;
}


/* sytle du bloc large contenant l'image de la chambre*/
div#chamblarge{
background-color:none;
width:auto;
height:auto;
border:none;
float:left;
}

div#chamblarge img{
width:500px;
float:left;
margin:0;
}

div#chambtext2{
background-color:#999AAA;
width:180px;
height:412px;
border:2px solid #987CAA;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-border-radius: 10px;
float:right;
padding:5px 5px;
margin-right:1px;
font-size:1em;
/*color:#234999;*/
color:white;
}

div#chambtext{
background-color:#999AAA;
width:240px;
height:245px;
border:2px solid #987CAA;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-border-radius: 10px;
float:right;
padding:5px 5px;
margin-right:5px;
font-size:1em;
/*color:#234999;*/
color:white;
}
.prix{
background-color:white;
border:2px solid #987CAA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-border-radius: 5px;
color:#234999;
}

.plan ul{
list-style-type:none;
}

.prechargement {
	width: 0px;
	height: 0px;
	display: none; //none pour ne pas l'afficher 
}

#rubrique{
float:right;
height:auto;
width:200px;
margin-right:10px;
padding-right:10px;
border:2px dotted gray;
margin-bottom:10px;
font-style:italic;
color:gray;
}

#rubrique a{
color:gray;
text-decoration:none; 
}


#rubrique ul a{
color:gray;
text-decoration:none; 
font-weight:normal;
}

#rubrique ul a:hover{
color:#987CAA;
text-decoration:underline; 
font-weight:normal;
}


#rubrique a:hover{
color:#987CAA;
text-decoration:underline; 
}