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

body {
	background: #454545;
	margin: 0px;
	overflow-y: scroll;
}

.clear {
	clear: both;
}

a img {
	border: none;
	text-decoration: none;
}

*:focus{
  outline:none;
}

#conteneur {
	position: relative;
	width: 1000px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#nav {
	position: fixed;
	z-index: 3;
	top: 0px;
	width: 250px;
	height: 549px;
	background:  #FFFFFF;
}

.push {
	position: absolute;
	left: -5px;
	bottom: 0px;
	width: 5px;
	height: 250px;
	color: #666;
}

.blocNav {
	float: left;
	width: 250px;
	height: 549px;
}

#logo {
	padding-top: 30px;
	padding-left: 45px;
}

#menu {
	margin-top: 30px;
	margin-left: 0px;
	padding: 0px;
}

#menu a {
	text-decoration: none;
	color: #000000;
}

#menu a:active li {
	border-left: 10px solid #ffde00;
}

#menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	border-left: 10px solid #ffffff;
	padding-top: 3px;
	padding-left: 35px;
	padding-bottom: 3px;
	cursor: pointer;
}

#menu li:hover {
	border-left: 10px solid #ffde00;
}

#like {
	width: 162px;
	padding-top: 20px;
	margin-top: 20px;
	margin-left: 45px;
	border-top: 1px solid #F2F2F2;
}

#likeFR {
	width: 162px;
	padding-top: 15px;
	margin-top: 10px;
	margin-left: 45px;
	border-top: 1px solid #F2F2F2;
}

#luggage {
	width: 250px;
	height: 151px;
	margin-top: 15px;
	background: url(http://www.thescentofdeparture.com/images/my-luggage.png);
}

#luggageFR {
	width: 250px;
	height: 151px;
	margin-top: 5px;
	background: url(http://www.thescentofdeparture.com/images/my-luggage.png);
}

.luggageTitle {
	padding-top: 30px;
	padding-bottom: 3px;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
}

.cartCount {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	width: 80px;
	margin-right: 5px;
	float: left;
	text-align: right;
}

.souvenirs {
	padding-top: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 10px;
	color: #3a3a3a;
}

.inYourLuggage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #82721b;
}

.check-in {
	width: 119px;
	height: 26px;
	background: url(http://www.thescentofdeparture.com/images/check-in.png);
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.check-in:hover {
	background: url(http://www.thescentofdeparture.com/images/check-in.png) 0px 27px;
}

#main {
	width: 750px;
	float: right;
}

#head {
	width: 749px;
	height: 269px;
	background: #666;
	border-right: 1px solid #454545;
}

/* about */

#about {
	width: 670px;
	padding: 40px;
	background: #FFFFFF;
	border-top: 1px solid #454545;
}

#about a {
	color: #000000;
	text-decoration: none;
}

#about a:hover {
	color: #ffde00;
}

.bigText {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
}

.bigTextLegal {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-align: left;
}

.aboutLeft {
	float: left;
	width: 230px;
	margin-top: 30px;
	margin-bottom: 50px;
}

.aboutRight {
	float: right;
	width: 420px;
	margin-top: 30px;
	margin-bottom: 50px;
}

#about .text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #666666;
}

.aboutEnd {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #000000;
}

.downloadPress {
	margin-top: 15px;
	width: 215px;
	height: 24px;
	background: url(http://www.thescentofdeparture.com/images/downloadPress.png);
}

.downloadPress:hover {
	background: url(http://www.thescentofdeparture.com/images/downloadPress.png) 0px -24px;
	cursor: pointer;
}

.closeyes {
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.closeyes_left {
	width: 340px;
	height: 35px;
	padding-top: 20px;
	float: left;
	color: #000000;
    font-family: 'Ropa Sans',sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}


.closeyes_right {
	width: 60px;
	height: 55px;
	float: left;
}

/* destinatons */

#viewer {
	width: 750px;
	background: url(http://www.thescentofdeparture.com/images/viewerBg.png);
}

.view {
	float: left;
	width: 249px;
	height: 139px;
	background: #000000;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.imgView {
	position: absolute;
	z-index: 1;
}

.cacheView {
	position: absolute;
	z-index: 2;
	width: 249px;
	height: 139px;
	background: #000000;
}

.prod {
	position: relative;
	float: left;
	width: 719px;
	height: 0px;
	background: #FFFFFF;
	overflow: hidden;
}

.infosProd {
	float: left;
	width: 390px;
	height: 370px;
	margin-top: 20px;
	margin-left: 30px;
}

.logoProd {
	margin-bottom: 10px;
}

.note {
	height: 15px;
	padding-left: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background: url(http://www.thescentofdeparture.com/images/note.png) no-repeat;
	margin-bottom: 2px;
}

.scroll {
	width: 380px;
	height: 90px;
}

.infosProd p {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	text-align: justify;
}

.delimit {
	margin-top: 20px;
	width: 5px;
	height: 1px;
	background: #4d4d4d;
}

.qteProd {
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4d4d4d;
}

.typeProd {
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4d4d;
}

.prixProd {
	width: auto;
	margin-top: 10px;
	margin-right: 10px;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 26px;
	color: #4d4d4d;
	float: left;
}

.adProd {
	margin-top: 13px;
	width: 155px;
	height: 22px;
	background: url(http://www.thescentofdeparture.com/images/add.png);
	float: left;
}

.adProd:hover {
	width: 155px;
	height: 22px;
	background: url(http://www.thescentofdeparture.com/images/add.png) 0px 22px;
}

.adProdFR {
	margin-top: 13px;
	width: 195px;
	height: 22px;
	background: url(http://www.thescentofdeparture.com/images/addFR.png);
	float: left;
}

.adProdFR:hover {
	width: 195px;
	height: 22px;
	background: url(http://www.thescentofdeparture.com/images/addFR.png) 0px 22px;
}

.slideProd {
	position: relative;
	width: 285px;
	height: 420px;
	float: right;
	overflow: hidden;
}

.slideProdConteneur {
	position: relative;
	left: 0px;
	width: 855px;
	height: 420px;
}

.imgProd {
	float: left;
}

.imgReplace {
	float: left;
	width: 285px;
	height: 420px;
}

.navSlider {
	position: absolute;
	z-index: 2;
	bottom: 0px;
	right: 12px;
	font-size: 24px;
	color: #666666;
}

.nav1 {
	color: #ffde00;
	cursor: pointer;
}

.nav2 {
	color: #666666;
	cursor: pointer;
}

.nav3 {
	color: #666666;
	cursor: pointer;
}

.close {
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0px;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	background: url(http://www.thescentofdeparture.com/images/close.png) center center;
		
	-webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
 
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
	
	cursor: pointer;
}

.close:hover {
	
	background: url(http://www.thescentofdeparture.com/images/close.png) center center;
	
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
		
}

#footer {
	float: left;
	width: 749px;
	height: 140px;
	background: #000000;
	border-top: 1px solid #454545;
}

#logoNega {
	width: 119px;
	height: 39px;
	margin-top: 50px;
	margin-left: 65px;
	float: left;
	background: url(http://www.thescentofdeparture.com/images/the-scent-of-departure-nega.png);
}

#logoNega:hover {
	background: url(http://www.thescentofdeparture.com/images/the-scent-of-departure-nega.png) 0px -39px;
}

#footMenu {
	float: left;
	padding: 0px;
	list-style: none;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 12px;
	color: #414141;
	margin-top: 65px;
	padding-left: 94px;
	cursor: pointer;
	text-align: center;
	line-height: 16px;
}

#footMenu a {
	text-decoration: none;
	color: #414141;
}

#footMenu a:hover {
	text-decoration: none;
	color: #ffde00;
}

#footMenuFr {
	float: left;
	padding: 0px;
	list-style: none;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 12px;
	color: #414141;
	margin-top: 45px;
	padding-left: 94px;
	cursor: pointer;
	text-align: center;
	line-height: 16px;
}

#footMenuFr a {
	text-decoration: none;
	color: #414141;
}

#footMenuFr a:hover {
	text-decoration: none;
	color: #ffde00;
}

.facebookBtn {
	float: left;
	width: 37px;
	height: 37px;
	margin-top: 50px;
	margin-left: 110px;
	margin-right: 10px;
	background: url(http://www.thescentofdeparture.com/images/facebook.png);
}

.facebookBtn:hover {
	background: url(http://www.thescentofdeparture.com/images/facebook.png) 0px -37px;
}

.twitterBtn {
	float: left;
	width: 37px;
	height: 37px;
	margin-top: 50px;
	background: url(http://www.thescentofdeparture.com/images/twitter.png);
}

.twitterBtn:hover {
	background: url(http://www.thescentofdeparture.com/images/twitter.png) 0px -37px;
}

/* home */

#home {
	width: 750px;
	background: #000000;
}

#home a {
	text-decoration: none;
}

#col-1 {
	float: left;
}

#col-2 {
	float: left;
}

#col-3 {
	float: left;
}

.bloc-1 {
	width: 249px;
	height: 139px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
}

/* Slider */

#homeSlider {
	width: 249px;
	height: 139px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#homeSliderContent ul, #homeSliderContent li {
	margin: 0;
	padding: 0;
	list-style: none;
}
	
#homeSliderContent li { 
	width: 249px;
	height: 139px;
	overflow: hidden; 
}

.bloc-2 {
	width: 249px;
	height: 139px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
}

.bloc-3 {
	position: relative;
	width: 249px;
	height: 139px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
	background: url(http://www.thescentofdeparture.com/images/newsletter.png);
}

.bloc-3uk {
	position: relative;
	width: 249px;
	height: 139px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
	background: url(http://www.thescentofdeparture.com/images/newsletterUk.png);
}

.inputNewsletter {
	position: absolute;
	width: 150px;
	height: 20px;
	bottom: 33px;
	left: 35px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.btnNewsletter {
	position: absolute;
	width: 28px;
	height: 25px;
	bottom: 33px;
	right: 32px;
	border: 1px solid #FFFFFF;
	background: url(http://www.thescentofdeparture.com/images/btnNewsletter.png);
	cursor: pointer;
}

.bloc-4 {
	position: relative;
	width: 189px;
	height: 219px;
	padding: 30px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
	background: #FFFFFF;
}

.HNews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
}

.dateNews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}

.titreNews {
	margin-top: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.resumeNews {
	margin-top: 8px;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #666666;
	overflow: hidden;
}

.bloc-5 {
	position: relative;
	width: 189px;
	height: 329px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
	padding-top: 70px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
}

.bloc-6 {
	width: 249px;
	height: 139px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
}

/* popup */

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 88888;
}
.popup_block {
	display: none; /*--masqué par défaut--*/
	background: #fff;
	border: 10px solid #000000;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--Coins arrondis en CSS3--*/
}
.popup_block h2 {
	margin: 0px;
	font-family: 'MidietSansMedium';
	font-size: 20px;
	font-weight: normal;
	color: #b40064;
	text-align: left;
}
.popup_block p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #666666;
}
.btn_close {
	float: right;
	margin: -25px -25px 0 0;
	width: 50px;
	height: 50px;
	background: url(../Img/close_pop.png);
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

.bloc-7 {
	width: 249px;
	height: 139px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
}

.bloc-8 {
	width: 249px;
	height: 139px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
}

.bloc-9 {
	width: 249px;
	height: 419px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
}

.bloc-10 {
	width: 249px;
	height: 139px;
	border-right: 1px solid #999;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
}

.btnBlocs {
	position: absolute;
	bottom: 20px;
	right: 20px;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #ffde00;
}

.btnBlocs:hover {
	color: #FFFFFF;
	background: #000000;
	cursor: pointer;
}

/* e-shop */

.imgShopView {
	float: left;
	width: 70px;
	height: 139px;
	background: #FFFFFF;
}

.infosView {
	float: right;
	width: 179px;
	height: 129px;
	padding-top: 10px;
	background: #FFFFFF;
}

.infosView a {
	color: #000000;
	text-decoration: none;
}

.typeView {
	margin-top: 7px;
	height: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #666666;
}

.qteView {
	margin-top: 3px;
	height: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #666666;
}

.prixView {
	margin-top: 7px;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 22px;
	color: #000000;
}

.adView {
	margin-top: 3px;
	width: 130px;
	height: 21px;
	padding-top: 9px;
	padding-left: 16px;
	padding-right: 16px;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	background: #FFFFFF;
	border: 1px solid #ffde00;
	text-align: center;
}

.adView:hover {
	background: #ffde00;
}

/* presse */

.press {
	position: relative;
	float: left;
	width: 749px;
	height: 0px;
	background: #FFFFFF;
	overflow: hidden;
}

.scrollPress {
	width: 749px;
	height: 420px;
}

.closePress {
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 15px;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	background: url(http://www.thescentofdeparture.com/images/close.png) center center;
		
	-webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
 
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
	
	cursor: pointer;
}

.closePress:hover {
	
	background: url(http://www.thescentofdeparture.com/images/close.png) center center;
	
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
		
}

/* news */

#viewerNews {
	width: 750px;
	background: url(http://www.thescentofdeparture.com/images/viewerBgNews.png);
}

.news {
	position: relative;
	width: 749px;
	height: 0px;
	background: #FFFFFF;
	overflow: hidden;
}

.newsContent {
	position: relative;
	width: 709px;
	height: 400px;
	padding: 20px;
}

.dateNews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
}

.titleNews {
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
}

.scrollNews {
	width: 700px;
	height: 330px;
}

.scrollNews p {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.viewNews {
	position: relative;
	float: left;
	width: 249px;
	height: 139px;
	background: #FFFFFF;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
	overflow: hidden;
	cursor: pointer;
}

.viewNews:hover .btnNews {
	background: #ffde00;
	cursor: pointer;
}

.viewNewsDate {
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-align: center;
}

.viewNewsTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
}

.btnNews {
	position: absolute;
	bottom: 20px;
	right: 20px;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #ffde00;
}

/* contact */

#contact {
	width: 670px;
	padding: 40px;
	background: #FFFFFF;
	border-top: 1px solid #454545;
}

.contactLeft {
	float: left;
	width: 314px;
	padding-right: 20px;
	border-right: 1px solid #dbdbdb;
}

.contactRight {
	float: right;
	width: 315px;
	padding-left: 20px;
}

#contact h2 {
	margin-top: 0px;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
}

#contact .text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #666666;
}

.black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #000000;
}

label {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
}

.inputContact {
	background: #eeeeee;
	border: 1px solid #dbdbdb;
	width: 300px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}

.btn {
	height: 24px;
	background: #ffde00;
	border: 1px solid #ffde00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
	float: left;
	margin: 0px;
}

.btn:hover {
	background: #000000;
	color: #FFFFFF;
	border: 1px solid #000000;
	cursor: pointer;
}

#infosContact {
	margin-top: 50px;
	border-top: 1px solid #dbdbdb;
	width: 100%;
	padding-top: 50px;
}

#infosContact img {
	float: left;
}

#contact a {
	text-decoration: none;
}

/* find us */

.map {
	margin-top: 20px;
	margin-left: 20px;
	position: relative;
	width: 300px;
	height: 380px;
	float: left;
	background: #F2F2F2;
}

.infosBoutique {
	position: relative;
	margin-top: 20px;
	margin-right: 20px;
	width: 360px;
	height: 380px;
	float: right;
}

.nomBoutique {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 28px;
	color: #000000;
}

.villeBoutique {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 24px;
	color: #666666;
}

.infoBoutique {
	margin-top: 20px;
}

.adresseBoutique {
	float: left;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.telWebBoutique {
	float: left;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.telWebBoutique a {
	text-decoration: none;
	color: #000000;
}

.telWebBoutique a:hover {
	color: #ffde00;
}

.imgBoutique {
	position: absolute;
	bottom: 0px;
	width: 360px;
	height: 100px;
}

.titreRefBoutique {
	margin-top: 20px;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 24px;
	color: #666666;
}

.ref {
	float: left;
	width: 45px;
	padding-top: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 1px;
	background: #000000;
	margin-top: 6px;
	margin-right: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

/* adBox */

#adZone {
	width: 100%;
	height: auto;
	z-index: 100;
	background: url(http://www.thescentofdeparture.com/images/adZone.png);
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10000;
}

.adZoneBox {
	position: absolute;
	width: 400px;
	margin-left: 50%;
	left: -200px;
	top: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	background: #FFFFFF;
	border: 10px solid #CCCCCC;
	padding: 20px;
}

.imgAd {
	width: 145px;
	height: 180px;
	float: left;
}

.infosAd {
	float: right;
	width: 250px;
}

.marqueAd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #5a8ca8;
	text-align: left;
}

.nameAd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #000000;
	text-align: left;
}

.desAd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #b9bcbe;
	text-align: left;
}

.prixAd {
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #3b5998;
	margin-top: 5px;
	text-align: left;
}

.Ad {
	margin-top: 8px;
}

.prodLess {
	width: 28px;
	height: 32px;
	background: url(http://www.thescentofdeparture.com/images/boxLess.png);
	float: left;
	cursor: pointer;
	background-color: #CCC;
}

.nbProd {
	width: 30px;
	float: left;
	text-align: center;
	border: 1px solid #eeeeee;
	padding: 7px;
}

.prodMore {
	width: 28px;
	height: 32px;
	background: url(http://www.thescentofdeparture.com/images/boxMore.png);
	float: left;
	cursor: pointer;
	background-color: #CCC;
}

.adBoxAndCart {
	width: 227px;
	height: 30px;
	background: url(http://www.thescentofdeparture.com/images/boxAdAndCart.png);
	border: none;
	cursor: pointer;
	float: left;
}

.adBoxAndContinue {
	margin-top: 5px;
	width: 227px;
	height: 30px;
	background: url(http://www.thescentofdeparture.com/images/boxAdAndContinue.png);
	border: none;
	cursor: pointer;
	float: left;
}

.adBoxAndCartFR {
	width: 227px;
	height: 30px;
	background: url(http://www.thescentofdeparture.com/images/boxAdAndCartFR.png);
	border: none;
	cursor: pointer;
	float: left;
}

.adBoxAndContinueFR {
	margin-top: 5px;
	width: 227px;
	height: 30px;
	background: url(http://www.thescentofdeparture.com/images/boxAdAndContinueFR.png);
	border: none;
	cursor: pointer;
	float: left;
}

.adBtn:hover {
	background-color: #ffffff;
}

.closeAd {
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0px;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	background: url(http://www.thescentofdeparture.com/images/close.png) center center;
		
	-webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
 
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
	
	cursor: pointer;
}

.closeAd:hover {
	
	background: url(http://www.thescentofdeparture.com/images/close.png) center center;
	
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
		
}

/* check */

.delimitCart {
	background: url(http://www.thescentofdeparture.com/images/delimitCart.png);
	width: 670px;
	height: 6px;
}

#cart {
	background: #eeeeee;
	padding: 30px;
}

.colFlightInfo {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	text-transform: uppercase;
}
.colDestinationInfo {
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	text-transform: uppercase;

}
.colQteInfo {
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
}
.colClassInfo {
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-transform: uppercase;

}
.colPrixInfo {
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-transform: uppercase;

}
.colTotalInfo {
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
}

.colFlight {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	text-transform: uppercase;
}
.colDestination {
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	text-transform: uppercase;

}
.colQte {
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
	text-transform: uppercase;
}
.colClass {
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
	text-transform: uppercase;

}
.colPrix {
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
	text-transform: uppercase;

}
.colTotal {
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
	text-transform: uppercase;
}

.colShipping {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: center;
}

.lessQte {
	width: 20px;
	height: 22px;
	float: left;
	background: url(http://www.thescentofdeparture.com/images/lessQte.png);
	cursor: pointer;
}

.qtePanier {
	width: 42px;
	height: 20px;
	background: #eeeeee;
	border: none;
	float: left;
	text-align: center;
	color: #666666;
}

.moreQte {
	width: 20px;
	height: 22px;
	float: left;
	background: url(http://www.thescentofdeparture.com/images/moreQte.png);
	cursor: pointer;
}

.selectPays {
	width: 140px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.infosLeft {
	float: left;
	width: 314px;
	padding-right: 20px;
}

.infosRight {
	float: right;
	width: 315px;
	padding-left: 20px;
}

.inform {
	margin-top: 50px;
	margin-bottom: 20px;
	height: 30px;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
}

#otherAd {
	display: none;
}

#message {
	display: none;
}

.infosLeft h2 {
	margin-top: 0px;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
}

.infosRight h2 {
	margin-top: 0px;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
}

.datePress {
	position: absolute;
	top: 50px;
	left: 53px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	background: #ffde00;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
}

#navPress {
	position: relative;
	float: right;
	width: 249px;
	height: 139px;
	background: #000000;
	border-right: 1px solid #454545;
	border-top: 1px solid #454545;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	color: #FFF;
}

.startPress {
	position: absolute;
	top: 53px;
	left: 40px;
	width: 35px;
	height: 35px;
	background: url(http://www.thescentofdeparture.com/images/startPress.png);
}

.prevPress {
	position: absolute;
	top: 53px;
	left: 75px;
	width: 35px;
	height: 35px;
	background: url(http://www.thescentofdeparture.com/images/prevPress.png);
}

.posPress {
	position: absolute;
	top: 53px;
	left: 110px;
	width: 35px;
	height: 35px;
	padding-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: #FFFFFF;
	text-align: center;
}

.nextPress {
	position: absolute;
	top: 53px;
	left: 145px;
	width: 35px;
	height: 35px;
	background: url(http://www.thescentofdeparture.com/images/nextPress.png);
}

.endPress {
	position: absolute;
	top: 53px;
	left: 180px;
	width: 35px;
	height: 35px;
	background: url(http://www.thescentofdeparture.com/images/endPress.png);
}

.ask {
	font-family: 'Ropa Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.delimitAsk {
	width: 100%;
	height: 10px;
	border-bottom: 1px dashed #999;
	margin-bottom: 30px;
}

#about input {
	cursor: pointer;
}