/***************************************************/
/*général   */
/***************************************************/

body {
	margin:0px;
	padding:0px;
	font: 70%/160% Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	background: #000;
	text-align:center;
	width:100%;
}

a { color: #ffa800; text-decoration:none; }

a:visited { color: #ffa800; }

a:hover { }

a img {border:0; }

p { margin: 0px 0px 14px; padding:0; }

h1,h2,h3,h4 {margin:0; padding:0; }

.spacer { height:0; clear:both; margin:0; padding:0; visibility:hidden; }

.hide {display:none !important; } 

.orange { color:#ffa800; }

.print { display:none; }

/***************************************************/
/* general layout   */
/***************************************************/

#page {
position:relative;
text-align:left;
margin:0 auto;
width:980px;
padding:0 0 10px 0;
}

#top {
background: #000 url(../img/commun/HeaderDeco.jpg) no-repeat 0 56px;
height:180px;

}
#top a {display:block; position:absolute; left:406px; top:7px;}



/***************************************************/
/*menu + langue  layout + design */
/***************************************************/

#langMenu, #langMenuUk {
position:absolute;
left:10px;
display:block;
width:50px;
}
#langMenu a {
display:block;
overflow:hidden;
text-indent:-1000em;
background: transparent url(../img/commun/flagUk.gif) no-repeat;
width:37px; height:31px;
}

#langMenuUk a {
display:block;
overflow:hidden;
text-indent:-1000em;
background: transparent url(../img/commun/flagFr.gif) no-repeat;
width:37px; height:31px;
}

#TopMenu {
margin:0 0 30px 0;
padding:0;
text-align:center;
border-bottom:1px solid #fff;
font-size:120%;
}

#TopMenu li {
list-style-type: none;
display:inline;
background: transparent url(../img/commun/MenuSeparateur.gif) no-repeat top right;
padding:5px 0;
}

#TopMenu li a {padding:5px 10px; line-height:31px; }

#TopMenu li a:link, #TopMenu li a:visited { color:#fff; }

#TopMenu li a.actif:link, #TopMenu li a.actif:visited { color:#ffa800; }

#TopMenu li a:hover { color:#ffa800; }


/***************************************************/
/*wrapper layout  */
/***************************************************/

#wrapper {
float: left;
width: 100%;
padding:0 0 0 0;
}

#content-main{ margin: 0 0 0 215px;  }

#content-left{ float: left; width: 215px; margin-left:-980px;  }


/***************************************************/
/*wrapper design  */
/***************************************************/

/* page resultat */

.content-box-result {  min-height:300px; margin:0 15px 0 10px; padding:20px 0 10px 0; }
#content-main h3 { padding:3px 20px 0 15px; font-size:1.2em;  }

.result-box-left { float:left; width:135px; margin:0 0 0 15px; }
.result-box-right { float:left; width:565px; }

.result-box {  background:transparent url(../img/commun/BoxBg.gif) repeat 0 0;  border:1px solid #20201f; padding:5px 0 0 0;  }
.separateur { visibility:visible; background:transparent url(../img/commun/lineSeparator.gif) no-repeat bottom; padding:5px 0 5px 0; margin:8px 0 8px 0; }

h1 { float:left; }



.result-box .description {width:460px; }
.result-box .description {padding:7px 0 0 10px; }
.result-box .description .var { width:80px; }
.result-box .description .val { width:130px; }

.result-box .description .var2 { width:120px; }
.result-box .description .val2 { width:100px; }

.KnowMoreLink { padding:40px 0 5px 0 ; float:left; width:95px;}
.KnowMoreLink span { display:block; text-align:right;
background: transparent url(../img/commun/arrow.gif) no-repeat right;
padding: 0 10px 0 0;
}
.KnowMoreLink a, .KnowMoreLink a:visited {color:#fff; border-bottom:1px solid #ffa800; }
.KnowMoreLink a:hover { color:#ffa800; }


/* pagination */
#pagination { float:left; display:block;  text-align:center; margin:0; width:50%; }
#pagination ul { width:100%; text-align:left; padding:0; display:inline; margin-left:0; }
#pagination ul li {display:inline;padding:5px 10px; background: transparent url(../img/commun/MenuSeparateur.gif) no-repeat 0 0; }
#pagination ul li.first { background-image:none;}
#pagination ul li a {  font-size:90%; margin-right:5px }
#pagination ul li a:link, #footer-center ul li a:visited {color:#fff; }
#pagination ul li a:hover { color:#ffa800; }
#pagination a, #pagination a:visited { border:0;}
#pagination a strong {font-weight:bold !important; color:#ffa800 !important; } 
/* ref */

div.float {
  float: left;
	padding:5px
  }
	div.float img { border:1px solid #999; padding:5px; }
  
div.float p {
   text-align: center;
   }
	 
div.container {

  }

/* fiche */


#content-main{ }
.content-box { min-height:300px; margin:0 15px 0 10px; padding:20px 20px 10px 20px; background:transparent url(../img/commun/BoxBg.gif) repeat 0 0;  border:1px solid #20201f; }
.content-box-left { float:left; width:390px; margin:0 18px 0 0;}

.content-box-right { float:left; width:280px;}

#content-main .rightArrowLink {float:right; margin-top:40px; }

h1 { font-size:1.3em; background: transparent url(../img/commun/puce.gif) no-repeat 0 6px; padding: 0 0 0 10px; float:left; width:450px;}
.content-box-left h1 {width:100%;}
h1 a, h1 a:visited {color:#fff; }
h1 a:hover { color:#ffa800;}

h2.img-location {  display:block; float:left; text-align:right; font-size:1.1em; width:100px; }

.static h1 { margin-bottom:20px; }
.visuel-l {float:left; margin:0 15px 10px 0; border:1px solid #ddd; }
.static p { clear:both; }

.static{min-height:380px;}

.description {padding: 17px 0 0 10px; float:left; }

.summary {
clear:both;
width:100%;
padding:30px 0 0 0;
}
.ref { display:block; margin:0 0 20px 0; }

.var {display:block; float:left; width:80px;  }
.val {display:block; float:left; width:80px; color:#ffa800; }
.var2 {display:block; float:left; width:120px; }
.val2 {display:block; float:left; width:100px; color:#ffa800; }


.content-box .var {display:block; float:left; width:80px;  }
.content-box .val {display:block; float:left; width:110px; color:#ffa800; }
.content-box .var2 {display:block; float:left; width:120px; }
.content-box .val2 {display:block; float:left; width:70px; color:#ffa800; }

.img img { border:0; }

.img {display:block; padding:0 0 20px 0; background:transparent url(../img/commun/zoom.gif) no-repeat bottom right; margin:0 0 10px 0;}



#content-left { }

.column-box { min-height:265px; margin:0 0 0 18px; background:transparent url(../img/commun/BoxBg.gif) repeat 0 0; padding:15px 10px 15px 10px; border:1px solid #20201f; }
.column-box .rightArrowLink {float:right; }


.box-contact { margin:20px 0 10px 18px; background:transparent url(../img/commun/BoxBg.gif) repeat 0 0;  border:1px solid #20201f; }
.box-contact div { background: transparent url(../img/commun/HomeDeco.jpg) no-repeat right bottom; padding: 10px; }
.box-contact h2 { padding-bottom:15px; }
.box-contact span { display:block; padding:0 50px 0 0; line-height:1.2em; }
.box-contact span a:link, .box-contact span a:visited {color:#fff;font-weight:bold; border-bottom:1px solid #ffa800; }
.box-contact span a:hover { color:#ffa800; }

.box-offre {margin-bottom: 10px;}
.box-offre p {margin: 0px;}
.box-offre p a, .box-offre p a:visited {color:#fff; border-bottom:1px solid #ffa800; }
.box-offre p a:hover { color:#ffa800; }

h4 { font-size:1em; padding:0 0 3px 0; }

/* navigation  */

#navigation {overflow:auto; padding:10px 0 0 0; font-size:0.9em;}
#navigation a:link, #navigation a:visited {font-size:1.1em;color:#fff; border-bottom:1px solid #ffa800; }
.PrevLink {display:block; float:left; width:20%; margin:0 0 0 20px; }
.NextLink {display:block; float:right; width:20%; text-align:right; margin:0 10px 0 0;}
.BackResultLink { float:left; display:block; width:50%; text-align:center;}

.PrevLink a { background: transparent url(../img/commun/TripleArrow.gif) no-repeat 0 5px;  padding: 0 0 0 20px; }
.PrevLink a:hover { color: #ffa800 !important }
.NextLink a { background: transparent url(../img/commun/TripleArrow2.gif) no-repeat right;  padding: 0 20px 0 0; }
.NextLink a:hover { color: #ffa800 !important }

/***************************************************/
/* footer layout */
/***************************************************/

#footer-wrapper {
clear:left;
float:left;
width:100%;
padding:0 0 0 0;
}

#footer-center { margin: 0 255px 0 255px; }

#footer-left { width:255px; /*margin-left:-980px;*/ float:left; }

#footer-right{ width: 255px; /*margin-left:-255px;*/ float: right; }

#footer-middle{ width: 300px; margin-left:100px; float: left; text-align:center;}


/***************************************************/
/* footer design */
/***************************************************/

#footer-left h3 {
margin:25px 18px 0 10px;
}
#footer-left p { margin:0 18px 0 10px; line-height:110%; font-size:90%; }

#footer-right h3 {
margin:25px 10px 0 18px;
}
#footer-right p { margin:0 10px 0 18px; line-height:110%; font-size:90%; text-align:right; }

#footer-middle h3 {

margin:25px 18px 0 10px;

}

#footer-middle p { margin:0 18px 0 10px; line-height:110%; font-size:90%; padding-top:3px }

#footer-center ul { margin:55px 0 0 0; padding:0;}
#footer-center ul li {display:inline; }

#footer-center ul li a { float:left;padding:5px 10px; background: transparent url(../img/commun/MenuSeparateur.gif) no-repeat 0 0; font-size:90%; }
#footer-center ul li a:link, #footer-center ul li a:visited {color:#fff; }
#footer-center ul li a:hover { color:#ffa800; }

#footer-center ul li a.printLink { background: transparent url(../img/commun/PictoPrint.gif) no-repeat 0 0; display:block; float:left; overflow:hidden; width:20px; text-indent:-1000em; margin:0 0 0 135px;  }



/***************************************************/
/* formulaire design */
/***************************************************/

.radio-right {margin:0 0 0 40px; }

#content-left form { margin:0 0 10px 0; }
/*#content-left form label { float:left; clear:right;}*/

#content-left form label { display:block; float:left; height:30px; }
#content-left .form-select {  display:block; float:left; text-align:right; height:30px; }
#content-left .form-select select {font-size:0.9em; }
#content-left form .btn { font-size:100%; font-family:Tahoma; float:right; height:18px; margin:0 0 0 0; padding:0 0px 1px 0px; border:1px solid #ffa800; background-color:#ffa800; }


/***************************************************/
/* lien */
/***************************************************/
.rightArrowLink {
clear:both;
float:left;
display:block;
background: transparent url(../img/commun/arrow.gif) no-repeat right;
padding: 0 10px 0 0;


}
.rightArrowLink a:link, .rightArrowLink a:visited {
color:#fff; text-decoration:none; border-bottom:1px solid #ffa800;
}
.rightArrowLink a:hover { color:#ffa800; }



/***************************************************/
/* plan du site */
/***************************************************/

.plan {
clear:both;
font-size:110%;
list-style-type:none;
margin-left:30px;
}
.plan li {
background:transparent url(../img/commun/arrow.gif) no-repeat 0 2px;
padding:0 0 0 15px;
}
.plan li a:link, .plan li a:visited {color:#fff; }
.plan li a:hover {color:#ffa800; }
/***************************************************/
/* remplacement image */
/***************************************************/

.img-replace-recherche {
background: transparent url(../img/Texte/Recherche.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000em; height:27px;
margin:0 0 20px 0;
}

.img-replace-search {
background: transparent url(../img/Texte/Search.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000em; height:28px;
margin:0 0 20px 0;
}

.img-replace-cities {
background: transparent url(../img/Texte/Cities.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000em; height:31px;
margin:0 0 20px 0;
}

.img-replace-contact {
background: transparent url(../img/Texte/ContactezNous.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000em; height:31px;
}
.img-replace-contactus  {
background: transparent url(../img/Texte/ContactUs.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000em; height:31px;
}

.img-replace-paris {
background: transparent url(../img/Texte/Paris.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000em; height:22px;
}

.img-replace-courchevel {
background: transparent url(../img/Texte/Courchevel.gif) no-repeat 44px 0; overflow:hidden; text-indent:-1000em; height:23px;
}

.img-replace-location {
background: transparent url(../img/Texte/Location.gif) no-repeat 210px 0; overflow:hidden; text-indent:-1000em; height:25px;
}

.img-replace-iledere {

background: transparent url(../img/Texte/iledere.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000em; 

height:22px;

}