@charset "utf-8";
/* CSS Document */

/* pour les écrans plus petit que 980 pixels : pc */
@media screen and (max-width: 980px) {
	#id {
		display:none;
	}
}

/* pour les écrans plus petit que 840 pixels : ipad horizontal */
@media screen and (max-width: 840px) {
	#id {
		display:none;
	}
}

/* pour les écrans plus petit que 650 pixels : ipad vertical */
@media screen and (max-width: 650px) {
	#id {
		display:none;
	}
}

/* pour les écrans plus petit que 440 pixels : smartphones */
@media screen and (max-width: 440px) {
	#id {
		display:none;
	}
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#004269;
}
html>/**/body  {overflow-y: scroll;}
body:nth-of-type(0) {overflow-y: scroll;}

a { text-decoration:none; outline:none;}
img { border:0;}
td { padding:3px;}
*+html td { padding:2px;}

.font10 { font-size:10px;}
.font11 { font-size:11px;}
.font12 { font-size:12px;}
.font14 { font-size:14px;}

.color-cream { color:#997F54}
.color-blue { color:#537890}

.input,
.input2,
.input3 { width:265px; height:25px; margin:0; padding:0; border:1px solid #A0A0A0; font-family:Arial; font-size:12px;}
.input2 { width:127px;}
.input3 { width:145px;}

.textarea { width:265px; height:160px; margin:0; padding:0; border:1px solid #A0A0A0; font-family:Arial; font-size:12px;}

.select,
.select2,
.select3,
.select4,
.select5 {
	width:36%;
	height:20px;
	margin:0 0 0 3px;
	padding:0;
	float:left;
	font-family:Arial;
	font-size:11px;
	color:#333333;
	border:1px solid #7F9DB9;
	text-transform:none;
}
.select2 { width:59%;}
.select3 { width:95%;}
.select4 { width:268px;}
.select5 { width:99%;}

.star { color:#FF0000;}

.txt-up { text-transform:uppercase;}


/**/
.butt2,
.butt3 {
	width:138px;
	height:23px;
	float:left;
	margin:10px 0 0 0;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	background:url(../images/butt2.png) no-repeat;
}
.butt3 {
	width:31px;
	margin-left:55px;
	background:url(../images/butt3.png) no-repeat;
}
.butt2 a,
.butt3 a,
.butt4 a {
	width:138px;
	height:19px;
	padding:4px 0 0 0;
	float:left;
	color:#000000;
}
.butt3 a {
	width:31px;
	padding:4px 0 0 0;
}

.butt7 {
    background: url("../images/butt8.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    float: left;
    font-weight: bold;
    height: 25px;
    padding: 4px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 165px;
}
/**/

#container {
	width:1200px;
	height:auto;
	margin:auto;
}
#container #header {
	width:1000px;
	height:auto;
	margin:0 0 0 100px;
	padding:0;
	float:left;
	text-align:left;
}

#container #header ul#menu {
	width:970px;
	height:36px;
	float:left;
	margin:0;
	padding:0 15px;
	list-style-type:none;
	background:#E5D8B1;
}
#container #header ul#menu.inner,
#container #header ul#menu.inner-regis {
	width:885px;
	padding-right:0px;
}
#container #header ul#menu li {
	width:auto;
	height:26px;
	padding:10px 0px 0 0px;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	color:#B6A675;
}
#container #header ul#menu.inner-regis li {
	padding:10px 40px 0 40px;
}
#container #header ul#menu li.conn {
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	padding-left:0px;
	padding-right:0px;
}
#container #header ul#menu li.conn {
	padding-left:0;
        float: right;
}
#container #header ul#menu li.conn a {
	color:#004269;
        margin-top: 2px;
}
#container #header ul#menu li a {
	width:auto;
	height:26px;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	color:#B6A675;
	white-space:nowrap;
}
#container #header ul#menu.inner li a {
	padding:0 5px 0 5px;
}

#container #header ul#menu li:hover,
#container #header ul#menu li.active{
	background:url(../images/menu-act.png) repeat-x;
}

#container #header ul#menu li:hover a,
#container #header ul#menu li.active a{
	color:#FFFFFF;
}

#container #header #language {
	width:100px;
	height:33px;
	margin:0;
	padding:3px 0 0 0;
	float:left;
	background:#E5D8B1;
}

#container #header #left {
	width:318px;
	height:auto;
	float:left;
	margin:-462px 0 0 0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	z-index:99999;
}
#container #header #left #logo {
	width:318px;
	height:76px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/logo-paris-planet.jpg) no-repeat;
}
#container #header #left #logo a {
	width:210px;
	height:76px;
	float:left;
	margin:0 0 0 54px;
	padding:0;
}
#container #header #left ul#search {
	width:318px;
	height:386px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	background:url(../images/search-bg.png) repeat;
}
#container #header #left ul#search li {
	margin:0;
	padding:0;
	float:left;
}
#container #header #left ul#search li.search-form {
	width:278px;
	height:auto;
	margin:0 0 0 20px;
	padding:5px 0;
	color:#E5D8B1;
	text-transform:uppercase;
	font-size:11px;
}
#container #header #left ul#search li.map {
	width:318px;
	height:218px;
	position:relative;
}
#container .content .content-left .butt,
#container #header #left ul#search li.butt {
	width:161px;
	height:19px;
	margin:0 0 0 83px;
	padding:4px 0 0 0;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	background:url(../images/butt.png) no-repeat;
}
#container .content .content-left .butt a,
#container #header #left ul#search li.butt a {
	color:#000000;
}
#container #header #left ul#search li.discount,
#container .content .content-left .discount {
	width:235px;
	height:25px;
	margin:8px 0 0 20px;
	padding:15px 0 0 43px;
	color:#EBDDB8;
	font-size:11px;
	font-weight:bold;
	border-top:1px solid #D8C17C;
	background:url(../images/icon-discount.png) no-repeat;
}


#container #header ul#right {
	margin:-462px 0 0 0;
	padding:5px 10px;
	float:right;
	position:relative;
	top:0;
	left:0;
	z-index:99999;
	list-style-type:none;
	background:url(../images/search-bg.png) repeat;
}
#container #header ul#right li {
	float:left;
}
#container #header ul#right li.regis {
	width:auto;
	padding:0 5px 0 0;
	float:left;
	font-size:11px;
	text-align:right;
	color:#E5D8B1;
	border-right:1px solid #D4C69B;
}
#container #header ul#right li.regis a { color:#E5D8B1;}

#container .content {
	width:1000px;
	height:auto;
	float:left;
	margin:0 0 0 100px;
	padding:0 0 20px 0;
	border-bottom:1px solid #E6E6E6;
}
#container .content .content-left {
	width:257px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
#container .content .content-left #logo {
	width:257px;
	height:76px;
	float:left;
	margin:0;
	padding:0;
	background:url(../images/logo-paris-planet-sm.jpg) no-repeat;
}
#container .content .content-left #logo a {
	width:257px;
	height:76px;
	float:left;
	margin:0 0 0 54px;
	padding:0;
}
#container .content .content-left /*#search*/ {
	/*width:257px;
	height:250px;
	float:left;
	margin:0;
	padding:0;*/
	background:url(../images/img-bg-search.jpg) no-repeat;
}
#container .content .content-left #search /*.search-inner*/ {
	width:237px;
	/*height:250px;*/							/* Edit 27-09-20110*/
	float:left;
	padding:8px 10px;
	font-size:11px;
	text-transform:uppercase;
	color:#E5D8B1;
	background:url(../images/search-bg.png) repeat;
}
#container .content .content-left #search .title-search {
	width:237px;
	height:auto;
	float:left;
	padding:0 0 3px 0;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	border-bottom:1px solid #D8C17C;
}

#container .content .content-left #search table
{
	float: left;
}

#container .content  .content-left .butt {
	margin:10px 0 0 35px;				/* Edit 27-09-20110*/
}
#container .content .content-left ul#menu-left {
	width:257px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	background:#EEEEEE;
	list-style-type:none;
}

#container .content .content-left #backgroundHide {

	float:left;
	background:white;
}

#container .content .content-left ul#menu-left li {
	width:257px;
	height:27px;
	float:left;
	padding:0;
	font-weight:bold;
	color:#A6A6A6;
}
#container .content .content-left ul#menu-left li a {
	width:217px;
	height:17px;
	float:left;
	padding:5px 20px;
	color:#000;
}
#container .content .content-left ul#menu-left li a:hover,
#container .content .content-left ul#menu-left li a.left-active {
	color:#FFFFFF;
	background:url(../images/menu-left-act.jpg) no-repeat;
}
#container .content .content-left .discount {
	width:257px;
	float:left;
	margin:3px 0 0 0;
	border:none;
	color:#927441;				/* Add 27-09-20110*/
	font-size:12px;				/* Add 27-09-20110*/
}

#container .content .content-left ul.nav-news {
	width:257px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
#container .content .content-left ul.nav-news li {
	width:217px;
	float:left;
	margin:3px 0 0 0;
	padding:0 20px;
	font-size:11px;
	color:#537890;
}
#container .content .content-left ul.nav-news li a {
	color:#537890;
}

#container .content .content-right {
	width:743px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
#container .content .content-right .content-top,
#container .content .content-right .content-top2 {
	width:723px;
	height:50px;
	float:left;
	margin:0;
	padding:26px 10px 0 10px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#FFFFFF;
	background:url(../images/banner-top.jpg) no-repeat;
}
#container .content .content-right .content-top2 {
	height:46px;
	padding-top:30px;
	font-size:14px;
	text-align:center;
}
#container .content .content-right .content-top#bg-shadow,
#container .content .content-right .content-top2#bg-shadow,
#container .content .content-right .content-top2#bg-shadow2 {
	padding-bottom:43px;
	background:url(../images/banner-top2.png) no-repeat;
}
#container .content .content-right .content-top2#bg-shadow2 {
	height:60px;
	text-align:center;
	padding-top:16px;
}
#container .content .content-right .connexion,
#container .content .content-right .text,
#container .content .content-right .video,
#container .content .content-right .lists,
#container .content .content-right .product-detail {
	width:643px;
	height:auto;
	float:left;
	margin:0;
	padding:0 50px;
}
#container .content .content-right .title-connexion {
	width:100%;
	height:auto;
	float:left;
	margin:15px 0 0 0;
	font-weight:bold;
	text-transform:uppercase;
	color:#004269;
	font-size:16px;
	border-top:1px solid #004269
}
#container .content .content-right .text {
	width:713px;
	padding:20px 15px;
	text-align:justify;
}
#container .content .content-right .video {
	width:523px;
	margin:45px 0 0 110px;
	padding:0;
}
#container .content .content-right .lists {
	width:723px;
	padding:0 10px;
}
#container .content .content-right .lists ul {
	width:723px;
	height:138px;
	float:left;
	margin:15px 0 0 0;
	padding:0;
	list-style-type:none;
}
#container .content .content-right .lists ul li {
	float:left;
}
#container .content .content-right .lists ul li.img {
	width:205px;
	float:left;
}
#container .content .content-right .lists ul li.detail {
	width:500px;
	color:#313131;
	padding-left:8px;
	background:url(../images/line-list.png) no-repeat bottom;
}
#container .content .content-right .lists ul li.detail p {
	margin-top:0px;
	margin-bottom:8px;
	font-weight:bold;
	color:#005D8A;
}
#container .content .content-right .lists ul li.detail a {
	font-weight:bold;
	color:#927441;
}
#container .content .content-right .lists ul li.detail a.link {
	width:80px;
	height:21px;
	float:left;
	margin:5px 0 0 8px;
	padding:6px 0 0 0;
	text-align:center;
	color:#000000;
	background:url(../images/butt4.png) no-repeat;
}

#container .content .content-right .product-detail {
	width:725px;
	margin:-35px 0 0 18px;
	padding:0 0 50px 0;
	color:#5F5E5E;
}
#container .content .content-right .product-detail ul.nav-top {
	width:725px;
	height:auto;
	float:left;
	margin:0px 0 0 0;
	padding:0;
	list-style-type:none;
}
#container .content .content-right .product-detail ul.nav-top li {
	width:181px;
	float:left;
	color:#7D695A;
	font-weight:bold;
	text-transform:uppercase;
}

#container .content .content-right .product-detail ul.nav-top li.retourRecherche  {
	width:362px;
	float:left;
	color:#7D695A;
	font-weight:bold;
	text-transform:uppercase;
        text-align: center;
}
#container .content .content-right .product-detail ul.nav-top li a {
	color:#7D695A;
}

#container .content .content-right .product-detail .box-detail {
	width:725px;
	float:left;
	margin:10px 0 0 0
}
#container .content .content-right .product-detail .box-detail2 {
	width:581px;
	float:left;
	margin:45px 0 0 72px;
}

#container .content .content-right .product-detail .title,
#container .content .content-right .product-detail .title-line,
#container .content .content-right .product-detail .title-line2 {
	width:725px;
	float:left;
	margin:5px 0 0 0;
	padding:5px 0;
	text-align:center;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
}
#container .content .content-right .product-detail .title-line {
	background:url(../images/line-title.png) no-repeat bottom;
}
#container .content .content-right .product-detail .title-line2 {
	width:362px;
	background:url(../images/line-title2.png) no-repeat bottom;
}
#container .content .content-right .product-detail .prod-info,
#container .content .content-right .product-detail .prod-infoR,
#container .content .content-right .product-detail .prod-infoL {
	width:725px;
	float:left;
	padding:10px 0 15px 0;
	text-align:justify
}
#container .content .content-right .product-detail .prod-infoL {
	width:345px;
	padding-right:17px;
}
#container .content .content-right .product-detail .prod-infoR {
	width:345px;
	padding-left:17px;
}

#container .content .content-right .product-detail ul.client-rating li {
	width:40%;
	padding-left:17px;
}
#container .content .content-right .product-detail td {
	padding:0px;
}
#container .content .content-right .product-detail .location {
	width:725px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

#container .content .content-right .product-detail ul.client-rating {
	width:340px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}
#container .content .content-right .product-detail ul.client-rating li {
	float:left;
}


#container .room  {
	width:1200px;
	height:auto;
	float:left;
	margin:10px 0 0 0;
	padding:0;
}
#container .room#hotel-favoris  {
	margin-top:20px;
}
#container .room .title  {
	width:1200px;
	height:33px;
	float:left;
	margin:0;
        padding: 8px 0 0 120px;
        color: white;
        font-weight: bold;
        font-size: 13px;
	background:url(../images/title.png) no-repeat;
}
#container .room#hotel-favoris .title  {
	background:url(../images/title.png) no-repeat;
}
#container .room .title a,
#container .room#hotel-favoris .title a  {

	height:23px;

	float:left;
	margin:0 0 0 0;
	padding:0;
        text-decoration: none;
        color: white;

}
/*#container .room#hotel-favoris .title a  {
	width:120px;
}*/
#container .room#hotel-favoris .title-link a  {
	font-size:11px;
	color:#537890;
	margin:-23px 120px 0 0;
	float:right;
}

#container .room-lists {
	width:976px;
	height:auto;
	float:left;
	margin:0 0 0 100px;
	padding:0 12px 20px 12px;
	border-bottom:1px solid #E6E6E6;
}
#container .room-lists ul {
	width:162px;
	/*height:300px;*/   /* dev modify */
	/*height:200px;*/   /* dev modify */
	float:left;
	margin:20px 0 0 0;
	padding:0;
	list-style-type:none;
}
#container .room#hotel-favoris .room-lists ul  {
	height:auto;
}
#container .room-lists ul li { font-size:11px; color:#5F5E5E;}
#container .room-lists ul li.img { width:162px; text-align:center;}
/*#container .room-lists ul li.info { width:136px; padding:3px 13px;}*/
/* dev modify */
#container .room-lists ul li.info { width:136px; padding:3px 13px;
       /*height:150px;*/    /* dev modifiled 2011-07-11*/
}
/* dev modify */
#container .room-lists ul li.info a,
#container .room-lists ul li.info .name { font-weight:bold; font-size:12px; color:#537890;}
#container .room-lists ul li.info a.link-gray { font-weight:normal; font-size:11px; color:#5F5E5E;}
#container .room-lists ul li.info p { margin:0;}
#container .room-lists ul li.info .old-price { text-decoration:line-through; color:#86BBC8;}
#container .room-lists ul li.info .price { font-size:12px; font-weight:bold; text-decoration:none; color:#A68B61}
/* dev modify */

/* dev add 2011-07-11 */
#container .room-lists ul li.info3 { width:136px; padding:3px 13px; height:150px;
}

#container .room-lists ul li.info3 a,
#container .room-lists ul li.info3 .name { font-weight:bold; font-size:12px; color:#537890;}
#container .room-lists ul li.info3 a.link-gray { font-weight:normal; font-size:11px; color:#5F5E5E;}
#container .room-lists ul li.info3 p { margin:0;}
#container .room-lists ul li.info3 .old-price { text-decoration:line-through; color:#86BBC8;}
#container .room-lists ul li.info3 .price { font-size:12px; font-weight:bold; text-decoration:none; color:#A68B61}
/* dev add */


/* dev add */
.plus{
    color:#f7a527;
}

#container .room-lists ul li.info2{
    text-align:center;
}
#container .room-lists ul li.info2 a,
#container .room-lists ul li.info2 .name { font-weight:bold; font-size:12px; color:#537890;}
#container .room-lists ul li.info2 a.link-gray { font-weight:normal; font-size:11px; color:#5F5E5E;}
#container .room-lists ul li.info2 p { margin:0;}
#container .room-lists ul li.info2 .old-price { text-decoration:line-through; color:#86BBC8;}
#container .room-lists ul li.info2 .price { font-size:12px; font-weight:bold; text-decoration:none; color:#A68B61}
/* dev add */


#container .room-lists .hotel-nav {
	width:896px;
	text-align:center;
	float:left;
	color:#997F54;
	font-weight:bold;
	padding:20px 40px 10px 40px;
}
#container .room-lists .hotel-nav span {
	padding:0 0 0 10px;
	background:url(../images/bullet.png) no-repeat;
}
#container .room-lists .hotel-nav a {
	color:#997F54;
}

#container .note {
	width:1000px;
	height:auto;
	float:left;
	margin:0;
	padding:8px 100px 0 100px;
	color:#A8A8A8;
	font-size:11px;
}
#container .note p {
	margin:10px 0 0 0;
}
#container .note a {
	color:#535353;
}

.table,
.table2,
.table3 {
	width:520px;
	height:auto;
	float:left;
	margin:35px 0 0 111px;
	padding:0;
}


#container .room-lists .hotel-list {
	width:659px;
	float:right;
	margin:38px 0 10px 0;
	padding:0;
	color:#7D7D7D;
	font-weight:bold;
}
#container .room-lists .hotel-list span {
	padding:0 0 0 10px;
	background:url(../images/bullet.png) no-repeat;
}
#container .room-lists .hotel-list a {
	color:#7D7D7D;
}
#container .room-lists .hotel-list a:hover {
	color:#555555;
}


.table2 {
	width:260px;
	margin:5px 0 0 241px;
}
.table3 {
	width:660px;
	margin:12px 0 0 41px;
}

#container .content .lists .nav {
	width:743px;
	height:auto;
	float:left;
	margin:8px 0 0 0;
	padding:0;
	font-size:11px;
}
#container .content .lists .nav ul.nav-page {
	width:auto;
	height:auto;
	float:left;
	margin:0;
	padding:0;
}
#container .content .lists .nav ul.nav-page li {
	float:left;
	margin:3px 0 0 3px;
	color:#333333;
}
#container .content .lists .nav ul.nav-page li a {
	color:#333333;
}
#container .content .lists .nav .script-prix {
	width:335px;
	height:auto;
	float:left;
	margin:0 0 0 25px;
	padding:0;
}
#container .content .content-right .product-detail .box-detail2 #link-top,
#container .content .lists .nav #link-top {
	width:auto;
	height:31px;
	float:right;
	margin:0;
	padding:0;
	font-weight:bold;
	text-transform:uppercase;
}
#container .content .content-right .product-detail .box-detail2 #link-top {
	margin:8px 0 0 0;
}
#container .content .content-right .product-detail .box-detail2 #link-top a,
#container .content .lists .nav #link-top a {
	width:auto;
	height:21px;
	padding:10px 37px 0 0;
	float:right;
	color:#005D8A;
	background:url(../images/icon-up.png) no-repeat right;
}

/*Footer*/
#container #footer {
	width:1000px;
	height:45px;
	margin:10px 0 0 100px;
	padding:8px 0 0 0;
    float:left;
	display:inline;
	border-top:1px solid #E6E6E6;
}
#container #footer ul.social-nav {
	width:auto;
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
}
#container #footer ul.social-nav li {
	margin:0 0 0 8px;
	float:left;
}

#container #footer ul.social-nav li.navette-shuttle a,
#container #footer ul.social-nav li.video a {
	height:40px;
	padding:0 0 0 42px;
	float:left;
	color:#8B8B8A;
	font-weight:bold;
	background:url(../images/icon-navette.png) no-repeat;
}
#container #footer ul.social-nav li.video a {
	background:url(../images/icon-video.png) no-repeat;
}

#container #footer ul#menu-bottom {
	width:auto;
	margin:0px;
	padding:0px;
	float:right;
	list-style-type:none;
}
#container #footer ul#menu-bottom li {
	float:left;
	margin:0 0 0 4px;
	padding:0px;
	font-size:11px;
	color:#A5A5A5;
	display:inline;
}
#container #footer ul#menu-bottom li a {color:#A5A5A5;}
#container #footer ul#menu-bottom li a:hover {color:#8E8E8E;}
#container #footer ul#menu-bottom li a.creation {font-size:10px;}
#container #footer ul#menu-bottom li a.pixalione { margin:9px 0 0 -62px; float:left;}

.title1 {
	font-size:16px;
	font-weight:bold;
        color:red;
}

.page_selected {
    font-weight:bold;
    color:red;
}

.butt1 {
	width:130px;
	height:19px;
	float:left;
	padding:4px 0 0 0;
	text-align:center;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	/* Modif butt5.png => butt.png */
	background:url(../images/butt.png) no-repeat;
}
.maListeDHotel a:link, .maListeDHotel a
{
    color: white;
    font-weight: bold;

}

.maListeDHotel
{
    border-top: 1px solid #D8C17C;
    text-align: center;
    margin-top: 10px;
}


#popup-envoyer-ami, #popupConfirmation, #popup-newsletter, #popupHotelConfirmation
{
    display: none;
}

input#amount
{
    width: 120px;
    margin: 0 0 0 10px;
}

div.script-prix
{
    float: left;
    display: block;
}

.waitBar
{
    width: 100%;
    text-align: center;
    display: none;
}

#popupNotification
{
    display: none;
}

.addthis_toolbox
{
    float: left;
    display: block;
}