/* anam */

/*-------------------------------------------- GENERAL */
h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0px;
}

html, body{
	font:100%/100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	margin:0px;	
	padding:0px;
}
 
#general{
	width:955px;
	padding:0px;
	margin:0px;
}


#contenu{
	float: left;
	width:591px;
}

/*-------------------------------------------- ACTU */
#actu{
	float: left;
	width:364px;
	background:url(img/bg-actu.jpg) no-repeat top right;
}

#actu2{
	float: left;
	width:364px;
	background:url(img/bg-actu2.jpg) no-repeat top right;
}

#actu3{
	float: left;
	width:364px;
	background:url(img/bg-actu3.jpg) no-repeat top right;
}

#actu4{
	float: left;
	width:364px;
	background:url(img/bg-actu4.jpg) no-repeat top right;
}

#actu5{
	float: left;
	width:364px;
	background:url(img/bg-actu5.jpg) no-repeat top right;
}

#actu6{
	float: left;
	width:364px;
	background:url(img/bg-actu6.jpg) no-repeat top right;
}

#actu_a{
	height:343px;
	float: left;
	width:194px;
	padding:377px 130px 10px 40px; 
}


#actu_b{
	float: left;
	width:324px;
	margin:400px 9px 10px 9px;
	border: solid 1px #999;
}

/*-------------------------------------------- BANDEAU */
#bando{	
	height:177px;
	width:361px;
	background:url(img/bg-logo.jpg) no-repeat left top;
	float:left
}

#bando img{
	height:96px;
	width:300px;
	margin:72px 0px 0px 50px;
	border:0px;
}

/*-------------------------------------------- MENU */
#menu{
	height:110px;
	width:130px;
	padding:60px 80px 5px 20px;
	float: left;
	background:url(img/menu.jpg) no-repeat 160px 63px;
}

#menu_a{
	text-align:right;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#menu_a a{
    height:17px;
	color:#s666;
	text-decoration:none;
	display:block;
	text-decoration:none;
}

#menu_a a.salon:hover{
	color:#c8e336;
	text-decoration:none;
}

#menu_a a.sam:hover{
	color:#e48f35;
	text-decoration:none;
}

#menu_a a.chambre:hover{
	color:#e93133;
	text-decoration:none;
}

#menu_a a.lit:hover{
	color:#d31f74;
	text-decoration:none;
}

#menu_a a.actualites:hover{
	color:#3b33e9;
	text-decoration:none;
}

#menu_a a.contact:hover{
	color:#46a7ee;
	text-decoration:none;
}

.lit{
	line-height:10px;
	padding: 0px 0px 8px 0px;
}

/*-------------------------------------------- CONTENU ACCUEIL */
#visu{
	width:591px;
	text-align:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
}

.visu_a{
	width:180px;
	text-align:left;
	background:url(img/bg-vignet_a.jpg) no-repeat bottom right;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
	margin:10px 10px 0px 0px;
	border:solid 1px #c8e336;
}

.visu_b{
	width:180px;
	text-align:left;
	background:url(img/bg-vignet_b.jpg) no-repeat bottom right;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
	margin:10px 10px 0px 10px;
	border:solid 1px #e48f35;
}

.visu_c{
	width:180px;
	text-align:left;
	background:url(img/bg-vignet_c.jpg) no-repeat bottom right;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
	margin:10px 0px 0px 10px;
	border:solid 1px #e93133;
}

.visu_d{
	width:180px;
	text-align:left;
	background:url(img/bg-vignet_d.jpg) no-repeat bottom right;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
	margin:10px 10px 10px 0px;
	border:solid 1px #d31f74;
}

.visu_e{
	width:386px;
	text-align:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:url(img/bg-contenu.jpg) no-repeat bottom right;
	float: left;
	margin:10px 0px 10px 10px;
	height: 289px;
}

.visu_f{
	width:180px;
	text-align:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
	margin:10px 10px 0px 10px;
	border:solid 1px #666;
}

.visu_g{
	width:180px;
	text-align:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
	margin:10px 0px 0px 10px;
	border:solid 1px #666;
}

.visu_h{
	width:180px;
	text-align:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
	margin:10px 10px 0px 0px;
	border:solid 1px #666;
}

.visu_a img, .visu_b img, .visu_c img, .visu_d img, .visu_f img, .visu_g img, .visu_h img{
	height:118px;
	width:180px;
	border-bottom:solid 1px #000;
	display:block;
	cursor:pointer;
}

.visu_a p, .visu_b p, .visu_c p, .visu_d p, .visu_f p, .visu_g p, .visu_h p{
	padding-left:3px;
}

#visu_salon{
	width:591px;
	text-align:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
}

.visu_i{
	width:386px;
	text-align:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float: left;
	margin:10px 0px 10px 10px;
}

.visu_i img{
	float:left;
	padding:5px 10px 10px 0px;
}

ul.newslist{
	margin:0;
	padding:0;
}

ul.newslist li{
	margin:0;
	padding:0 0 5px 0;
	list-style-type:none;
	font-size:10px;
}

ul.newslist li a:hover{
	color:#000;
}

/* -------------------------------------------------- CONTENU CONTACT*/

.horaires{
	height:60px;
	width:151px;
	background:url(img/bg-horaire.jpg) no-repeat top left;
	margin-left:180px;
	padding:10px 10px 10px 90px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-right: 160px;
	text-align:center;
}

.adress{
	height:60px;
	width:231px;
	margin-left:180px;
	padding:10px 10px 20px 10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666;
	margin-right: 160px;
	text-align:center;
}

.entete{
	height:20px;
	width:265px;
	padding:5px 10px 5px 10px;
	background:url(img/bg-coord.jpg) no-repeat top left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	float:left;
	margin:0px 3px;
}

.plan{
	height:215px;
	width:283px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	float:left;
	margin:0px 3px;
	border:solid 1px #666;
	cursor: pointer;
}

.form{
	height:auto;
	width:283px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	float:left;
	margin:0px 3px;
	border:solid 1px #666;
}


/* -------------------------------------------------- FORMULAIRE*/
label{
	display:block;
	float:left;
	width:80px;
}

.input{
	width:190px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 5px 0px;
	background-color: #CCCCCC;
	border: solid 1px #CCC;
}

textarea{
	width:190px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 5px 0px;
	background-color: #CCCCCC;
	border: solid 1px #CCC;
}

#bouton{
	width:120px;
	height:18px;
	font:bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#707276;
	border:solid 1px #CCC;
	margin:0px 0px 0px 152px;
	background-color: #CCCCCC;
	border: solid 1px #CCC;
}

#formulaire{
	text-align:justify;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#707276;
	float:left;
	width: 278px;
	padding:10px 0px 11px 5px;
	
}

/* --------------------------------------------------FOOTER */
#footer{
	width:100%;
	text-align:center;
	margin-bottom: 20px;
	clear: both;
}

#footer img{
	padding:5px;
}

/*--------------------------------------------------- CLASSES */

/*------------------------- LIENS -------------------------- */
a{
	color:#666;
	text-decoration:none;
	border:none;
}

a.salon:hover{
	color:#c8e336;
	text-decoration:none;
}

a.sam:hover{
	color:#e48f35;
	text-decoration:none;
}

a.chambre:hover{
	color:#e93133;
	text-decoration:none;
}

a.lit:hover{
	color:#d31f74;
	text-decoration:none;
}

a.actualites:hover{
	color:#3b33e9;
	text-decoration:none;
}

a.contact:hover{
	color:#46a7ee;
	text-decoration:none;
}

#zoom{
	text-align:left;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0px 5px 140px;
}

#suite{
	text-align:left;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0px 5px 143px;
}

#suite2{
	text-align:left;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:47px 0px 5px 143px;
}

/*------------------------- TYPOS -------------------------- */
.txtfooter {
	font-size:10px;
	color:#000;
	padding: 12px 0px;
	background-color: #CCCCCC;
}

.txttop {
	font-size:10px;
	color:#000;
	display: block;
}

.txthidden{
	visibility:hidden;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
}

.txtcontenu{
	text-align:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 6px;
}

.txttitre{
	text-align:left;
	background:url(img/puce.jpg) no-repeat 30px 45px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	padding:40px 0px 5px 45px;
}

.txttitre3{
	text-align:left;
	background:url(img/puce.jpg) no-repeat 30px 10px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:5px 0px 5px 45px;
}

.txttitre5{
	text-align:left;
	background:url(img/puce.jpg) no-repeat 0px 10px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:5px 0px 5px 15px;
}

.txttitre2{
	text-align:left;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:5px 0px 5px 10px;
	border-bottom: solid 1px #000;
}

.txtactu{
	text-align:left;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#de862c;
}

.txtitalik{
	text-align:left;
	font:italic bold 9px Verdana, Arial, Helvetica, sans-serif;
	color:#707276;
}

.txtbold{
	font-weight:bold; 
}


/*----------------------------ACTUALITES-----------------*/

p.date{
	color:#666;
	font-weight:bold;
	font-size:11px;
}


p.news{
	text-align:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

a.news{
	color:#666;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

a.news:hover{
	color:#3b33e9;
}