@font-face {
font-family: 'PecitaBook';
src: url('../webfonts/Pecita.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

#titreblow {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:410px;
	text-align:center;
	padding:5px;
}

#preloadonglettitrehover {
	position:absolute;
	top:0;
	height:100%;
	left:4px;
	display:none;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-image:url(images/unbarchezmoihover.png);
}

#onglettitre {
	position:absolute;
	top:0;
	height:100%;
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-image:url(images/unbarchezmoi.png);
	width:180px;
	left:16px;
}

#onglettitre:hover {
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-image:url(images/unbarchezmoihover.png);
-webkit-transition-duration:0.5s;
}

#accroche_mojito {
width:100%;
background-image:url('images/mojito@x2.jpg');
position:relative;
background-size:100% 425px;
height:425px;
}

#titreaccroche_mojito {
position:absolute;
width:98%;
top:5%;
text-align:center;
font-size:36pt;
font-family:Museo-500;
color:#333333;
text-shadow:0px 0px 5px #FFFFFF;
right:1%;
left:1%x;
}

#pourquoi_4 {
margin: inherit;
left: 0px;
right: 0px;
position: relative;
padding-bottom:5px;
padding-top:5px;
min-height:775px;
}

#flair {
width:100%;
position:relative;
height:356px;
background-color:#FFF0F0;
background-image:url('images/Flair.jpg');
background-size:100% 100%;
}

#amis {
width:100%;
position:relative;
height:314px;
background-color:#FFEBD7;
background-image:url('images/Amis.jpg');
background-size:100% 100%;
}

#verres {
width:100%;
position:relative;
height:250px;
background-color:#CDF5FF;
background-image:url('images/Verres.jpg');
background-size:100% 100%;
}

#repas {
width:100%;
position:relative;
height:390px;
background-color:#FFFFFFE6;
background-image:url('images/Repas.jpg');
background-size:100% 100%;
}

#salondesign {
width:100%;
position:relative;
height:450px;
background-color:#EBEBFF;
background-image:url('images/Salondesign.jpg');
background-size:100% 100%;
}

#pourquoi_details {
position: absolute;
background-repeat: no-repeat no-repeat;
box-shadow:0px 15px 25px rgba(0,0,0,0.60);
width:400px;
left:275px;
top:200px;
background-color:rgba(255,255,255,0.80);
padding: 30px;
transform : rotate(-3.5deg);
text-transform:uppercase;
font-family: 'PecitaBook';
font-weight: normal;
font-style: normal;
color:#000077;
text-align:center;
font-size:18pt;
margin:0;
z-index: 100;
}

#ou_details {
position: absolute;
background-repeat: no-repeat no-repeat;
box-shadow:0px 15px 55px rgba(0,0,0,0.60);
width:400px;
left:275px;
top:350px;
background-color:rgba(255,255,255,0.80);
padding: 30px;
transform : rotate(-3.5deg);
text-transform:uppercase;
font-family: 'PecitaBook'; 
font-weight: normal; 
font-style: normal;
color:#000077;
text-align:center;
font-size:20pt;
margin:0;
z-index: 100;
}

h4 {
color:#666666;
font-size:28pt;
font-family:Museo-500, 'Trebuchet MS', sans-serif;
font-weight:normal;
margin:5px;
padding:5px;
}

#pourquoi_6 {
margin: inherit;
left: 0px;
right: 0px;
position: relative;
padding-bottom:5px;
padding-top:5px;
min-height:1145px;
}

#pourquoi_11 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:20px;
background-image:url('images/pourquoi_11@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_21 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:20px;
background-image:url('images/pourquoi_21@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_12 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:395px;
background-image:url('images/pourquoi_12@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_22 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:395px;
background-image:url('images/pourquoi_22@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}


#pourquoi_13 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:20px;
background-image:url('images/pourquoi_13@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_23 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:20px;
background-image:url('images/pourquoi_23@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_14 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:395px;
background-image:url('images/pourquoi_14@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_24 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:395px;
background-image:url('images/pourquoi_24@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_15 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:20px;
background-image:url('images/pourquoi_15@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_25 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:20px;
background-image:url('images/pourquoi_25@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_16 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:395px;
background-image:url('images/pourquoi_16@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_26 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:395px;
background-image:url('images/pourquoi_26@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_17 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:20px;
background-image:url('images/pourquoi_17@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_27 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:20px;
background-image:url('images/pourquoi_27@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_18 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:395px;
background-image:url('images/pourquoi_18@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_28 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:395px;
background-image:url('images/pourquoi_28@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_19 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:770px;
background-image:url('images/pourquoi_19@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#pourquoi_29 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:770px;
background-image:url('images/pourquoi_29@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#ou {
margin: inherit;
left: 0px;
right: 0px;
position: relative;
padding-bottom:5px;
padding-top:5px;
min-height:775px;
}

#ou_11 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:20px;
background-image:url('images/ou_11@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#ou_21 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:20px;
background-image:url('images/ou_21@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#ou_12 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:395px;
background-image:url('images/ou_12@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#ou_22 {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:395px;
background-image:url('images/ou_22@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#lequel {
margin: inherit;
left: 0px;
right: 0px;
position: relative;
padding-bottom:5px;
padding-top:5px;
background-repeat:repeat-x;
background-image:url('../../images/CoupurePage.jpg');
min-height:775px;
}

#lequel_blowxxl {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:20px;
background-image:url('images/blowxxl@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#lequel_blowxxl:hover {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:20px;
background-image:url('images/blowxxlover@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
-webkit-transition-duration:0.5s;
}

#lequel_blowxxlover {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:20px;
background-image:url('images/blowxxlover@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
-webkit-transition-duration:0.5s;
}

#lequel_blowxl {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:20px;
background-image:url('images/blowxl@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#lequel_blowxl:hover {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:20px;
background-image:url('images/blowxlover@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
-webkit-transition-duration:0.5s;
}

#lequel_blowxlover {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:521px;
top:20px;
background-image:url('images/blowxlover@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
-webkit-transition-duration:0.5s;
}

#lequel_blowl {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:395px;
background-image:url('images/blowl@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
}

#lequel_blowl:hover {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:18px;
top:395px;
background-image:url('images/blowlover@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
-webkit-transition-duration:0.5s;
}

#lequel_blowlover {
position: absolute;
height:365px;
background-repeat: no-repeat no-repeat;
box-shadow:0px 5px 15px rgba(0,0,0,0.15);
width:485px;
left:8px;
top:395px;
background-image:url('images/blowlover@x2.jpg');
background-size:445px 325px;
background-position-x:20px;
background-position-y:20px;
background-color:#FFFFFF;
-webkit-transition-duration:0.5s;
}

