/*  BLEU POURPRE  */

/*//////////////////////// RESET CSS //////////////////////*/

img, div { behavior: url(../../images/iepngfix.htc) }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol {
	margin-left: 20px;
}
blockquote, q {
  quotes: none;
}

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */ 
table { border-collapse: collapse; border-spacing: 0; }


/*///////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	font: normal 11px tahoma, verdana, arial, sans-serif;
}
html {
	background: black url(../../images/bleupourpre.jpg) center no-repeat;
}
body #PHOTOS {
	background-position: left center;
	background-repeat: no-repeat;
	width: 100%; height: 100%; position: absolute; z-index: -10;
}
body.fond1 #PHOTOS, body.fond8 #PHOTOS {
	background-image: url(../../images/bleupourpre1.jpg);
}
body.fond2 #PHOTOS, body.fond9 #PHOTOS {
	background-image: url(../../images/bleupourpre2.jpg);
}
body.fond4 #PHOTOS, body.fond10 #PHOTOS {
	background-image: url(../../images/bleupourpre4.jpg);
}
body.fond7 #PHOTOS, body.fond11 #PHOTOS {
	background-image: url(../../images/bleupourpre3.jpg);
}


a {
	color: #e525b7;
	text-decoration: none;
}
a img, img {
	border: none;
}
a:hover { color: #A61B85 !important;}

.grostexte {
	font-size: 13px;
}
.texte{
   font-size: 11px;
}
.petittexte{
   font-size: 10px;
}
.toutpetittexte{
   font-size: 9px;
   font-style: italic;
}
.clear {
	clear: both;
	margin: 5px 0;
}
.sc {
	font-variant: small-caps;
}
.maj {
	text-transform: uppercase;
}
.gras {
	font-weight: bold;
}
.normal {
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
.retrait {
	margin-right: 22px;
}
.retraihaut {
	margin-top: 20px;
}
.retraitcol {
	padding: 0 5px;
}
.retraitvertical {
	padding: 10px 0 5px 0;
}
.espacevertical {
	margin: 10px 0 15px 0;
}
.centre {
	text-align: center;
}
.aligngauche {
	text-align: left !important;
}
.justify {
	text-align: justify;
}
.italique {
	font-style: italic;
}
.gauche {
	float: left;
}
.droite {
	float: right;
	margin-left: 20px;
}
.moitie {
	width: 45%;
}
.grisclair {
	background: #EEE;
	padding: 5px;
}
.beige {
	background: #efe8d7;
	padding: 5px;
}
p {
	margin: 2px 0 15px 0;
}
.none { display: none;}


/* ////////////////////////////////////////////////////////////////////////// */ 
/*////////////////////////////// STRUCTURE ///////////////////////////////// */ 


/*////////////// MENU ///////////////// */
#MENU {
	width: 320px;
	height: 97%;
	float: left;
	background: transparent url(../../images/noir25.png);
	text-align: center;
	border-right : 1px solid #888;
}
#MENU .logo {
	margin: 15px 0 40px 0;
	color: white;
	font-size: 13px;
	font: normal 25px 'Tangerine', georgia, serif;
}
#MENU ul {
	list-style: none;
	margin: 0;
	text-align: left;
}
#MENU li a {
	height: 48px;
	width: 250px;
	margin-bottom: 10px;
	display: block;
}
#MENU li a.menu1, #MENU li a.menu8 {
	background: #761a60 url(../../images/menu_hotel.jpg) 10px center no-repeat;
}
#MENU li a.menu2, #MENU li a.menu9 {
	background: #1d97ae url(../../images/menu_restaurant.jpg) 10px center no-repeat;
}
#MENU li a.menu4, #MENU li a.menu10 {
	background: #47241f url(../../images/menu_afterwork.jpg) 10px center no-repeat;
}
#MENU li a.menu7, #MENU li a.menu11 {
	background: #af869c url(../../images/menu_contact.jpg) 10px center no-repeat;
}
#MENU li a.on {
	background-position: 100px center;
	width: 310px;
}
div#btn_texte a {
	display: block;
	background: transparent url(../../images/bouton.gif) no-repeat;
	width: 20px;
	height: 12px;
}
div#btn_texte a.deplier {
	display: block;
	background: transparent url(../../images/bouton2.gif) no-repeat;
	width: 20px;
	height: 12px;
}

div#btn_texte a:hover img { background: #A91B87; }


/*//////////////////////////// COL 1 /////////////////////////////////// */
#COLONNETEXTE {
	height: 97%;
	float: left;
	background: url(../../images/noir65.png);
	border-right : 1px solid #888;
	display: none;
}
div.taillecol1, div.taillecol2, div.taillecol4, div.taillecol8, div.taillecol9, div.taillecol10 {
	width: 230px !important;
}
div.taillecol7, div.taillecol11 {
	width: 330px !important;
}
#COLONNETEXTE .lechapo1, #COLONNETEXTE .lechapo2, #COLONNETEXTE .lechapo7, #COLONNETEXTE .lechapo4, #COLONNETEXTE .lechapo8, #COLONNETEXTE .lechapo9, #COLONNETEXTE .lechapo10, #COLONNETEXTE .lechapo11 {
	padding: 80px 3px 50px 10px;
	color: #fef9e2;
	font: bold 37px/33px 'Tangerine', georgia, serif;
}
#COLONNETEXTE .lechapo1, #COLONNETEXTE .lechapo7, #COLONNETEXTE .lechapo8, #COLONNETEXTE .lechapo11 {
	background: transparent url(../../images/chapo_hotel.gif) bottom center no-repeat;
}
#COLONNETEXTE .lechapo2, #COLONNETEXTE .lechapo9 {
	background: transparent url(../../images/chapo_resto.gif) bottom center no-repeat;
}
#COLONNETEXTE .lechapo4, #COLONNETEXTE .lechapo10 {
	background: transparent url(../../images/chapo_afterwork.gif) bottom center no-repeat;
}
#COLONNETEXTE .letexte {
	padding: 20px 10px;
	color: #fef9e2;
}
div.langues {
	float: right;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	padding: 1px 5px;
	color: #AAA;
}
div.langues a.on{
	color: #AAA;
}


/*//////////////// COL 2 /////////////////////////// */
#COLONNEFOND {
	height: 97%;
	background: none;
	float: left;
}


/*/////////// TEST//////////////*/
a.close {
	float: right; display: block; width: 12px; height: 20px; color: white; text-align: center;
	background: transparent url(../../images/bouton1_1.gif) no-repeat;
}
a.closedeplier {
	float: right; display: block; width: 12px; height: 20px; color: white; text-align: center;
	background: transparent url(../../images/bouton1.gif) no-repeat;
}

div.actus {
	position: absolute; top: 300px; left: 590px;
	width: 270px;
	background:  url(../../images/noir65.png);
	padding: 10px;
	border: 5px solid black;
	color: white;
}
div.actus img.spip_logos {
	float: left;
	margin-right: 20px;
}
div.actutit {
	font: bold 30px 'Tangerine', georgia, serif;
	color: #e525b7;
	margin-bottom: 10px;
}

/*//////////////// COL 2 /////////////////////////// */
#COLONNEIMAGE {
	width: 125px !important;
	height: 97%;
	float: right;
	background: url(../../images/noir50.png);
	border-left : 1px solid #888;
	overflow-y: scroll;
}
#COLONNEIMAGE .zimages {
	padding: 50px 0 30px 0;
	text-align: center;
	color: white
}
#COLONNEIMAGE .zimages a img {
	border: 1px solid #CCC;
	margin: 5px; padding: 0;
}
#COLONNEIMAGE .zimages a:hover img {
	border: 1px solid #000;
}
#COLONNEIMAGE .zimages span {
	display: block;
	background: #222; padding-left: 3px; color: #CCC; margin: 10px 3px 2px 3px;
}
.titre {
	padding: 1px 3px; z-index: 1000; background: #333;
	margin: 10px 0 0 -100px; font-size: 11px; color: white; 
}

/*/////// PIED PAGE //////// */
#PIEDDEPAGE {
	clear: both;
	background: black;
	height: 50px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	font-size: 10px;
	color: #AAA;
}
#PIEDDEPAGE a {
	color: #AAA;
}
#PIEDDEPAGE a:hover {
	color: #af869c;
}
#NT a {
	background: transparent url(../../images/nt.gif) right no-repeat;
	width: 23px;
	height: 15px;
	float: right;
	text-align: right;
	margin: 2px 10px 0 0;
	display: block;
}
#NT a:hover  {
	background: transparent url(../../images/nton.gif) right no-repeat;
}



/* //////////STYLE ARTICLE ////////////// */

h1.spip, h1 {
	background-color:#b9190d;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
	color: #ffffff;
	letter-spacing:1px;
	margin-top:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

h2.spip, h2 {
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #8e3939;
}

h3.spip, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #1895ce;
	line-height: 17px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-decoration: none;
	letter-spacing: 0.1em;
}

h4.spip, h4 {
	color: #3f576e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.05em;
	padding: 0px 5px 0 26px;
	text-decoration: underline;
}

h5.spip, h5 {
	color: #456d8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 15px 0 0 0;
	padding-left: 30px;
}
h6.spip, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #708c9b;
	text-align: justify;
	margin: 15px 0 0 0;
	padding-left: 14px;
}


pre code {
	display: block;
	margin: 0 0 20px 0;
	color: #E73F18;
	text-transform: none;
	font: bold 13px Trebuchet MS,tahoma, Verdana, arial, sans-serif;
}
code {
	display: block;
	margin: 0 0 20px 0;
	color: #367c8a;
	text-transform: uppercase;
	font: bold 13px Trebuchet MS,tahoma, Verdana, arial, sans-serif;
}
blockquote {     /*///// guillemets///*/
	margin: 0 auto 20px auto;
	color: #17353b;
	font: bold 17px Trebuchet MS,tahoma, Verdana, arial, sans-serif;
}
blockquote p {     /*///// guillemets///*/
	padding-left: 30px;
}

ul {
	list-style: square ;
	margin-left: 30px;
	margin-bottom: 20px;
}
dl {
	margin: 10px 0;
}
dt {
	text-decoration: underline;
}
dd {
	margin-left: 40px;
}
sup {
	background: #DDD;
	padding: 0 3px;
}
abbr {
	font-style: italic;
}
thead { 
	background: #BBB;
}
thead th { 
	font-size: 14px;
	font-weight: normal !important;
	text-transform: uppercase;
	color: #555;
}
tr { border-bottom: 1px solid #BBB;padding: 2px 10px;}
td  { border-left: 1px solid #BBB;padding: 2px 10px;}

div.footnotes hr {
	height: 30px;
	margin: 0;
	width: 30%;
}
div.footnotes {
	border-bottom:1px solid #EEE;
}


hr, div.hr {
	clear: both;
	margin:10px auto 5px auto;
	padding: 0;
	height: 10px;
	width: 50%;
	background: transparent url(../../images/point.gif) left repeat-x;
	border: 0 !important;
}
div.hr hr { display: none; }



/*///////////////////////////////////*/
a.highslide img {
	border: 1px solid silver;
}
a:hover.highslide img {
	border: 1px solid #555;
}
.highslide-caption {
	background: black;
	color: white;
	padding: 5px;
	display: none
}