html{height:100%}
 body {
	background:url('../img/bg-body.png') top center no-repeat #004054;
	color:#fff;
	font-family:"trebuchet MS", sans-serif;
	font-weight:normal;
	-moz-box-shadow: inset 0px 10px 35px 5px #012935;
	-webkit-box-shadow: inset 0px 10px 35px 5px #012935;
	-o-box-shadow: inset 0px 10px 35px 5px #012935;
	box-shadow: inset 0px 10px 35px 5px #012935;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#012935, Direction=180, Strength=35);
	margin:0;
	height:93%;
	padding-top:65px;
}
.messi-content{
		color:#000;
	}
/*Police*/
@font-face {
    font-family: 'majoram_serifregular';
    src: url('../fonts/majoram_serif-webfont.eot');
    src: url('../fonts/majoram_serif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/majoram_serif-webfont.woff') format('woff'),
         url('../fonts/majoram_serif-webfont.ttf') format('truetype'),
         url('../fonts/majoram_serif-webfont.svg#majoram_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
 }

@font-face { 
 font-family: 'walkway_bold';
    src: url('../fonts/walkway_bold-webfont.eot');
        src: url('../fonts/walkway_bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/walkway_bold-webfont.woff') format('woff'),
         url('../fonts/walkway_bold-webfont.ttf') format('truetype'),
         url('../fonts/walkway_bold-webfont.svg#walkway_bold') format('svg');
 }
  
          
#intro{
	margin : 0 auto;
	max-width:1020px;
	margin-top:150px;
}
.logo-intro{
	opacity:0;
	position:relative;
	left:-200px;
}
.logo-intro, .txtintro{
	float:left;
}
.intro-slogan{
	font-size:38px;
	font-family: 'walkway_bold';
	text-align:right;
	opacity:0;
	position:relative;
	top:-100px;
	text-transform: uppercase;
	word-spacing: 8px;
	letter-spacing: 2px;
	
}
.intro-entree{
	font-size:19px;
	text-align:right;
	font-family: "Trebuchet MS", sans-serif;
	background:url('../img/arrow.png') right bottom no-repeat;
	height:22px;
	padding:80px 30px 0 0;
	opacity:0;
}
#container {
  background-color : #fff;
  margin : 0 auto;
  border: 0px solid black;
  max-width:990px;
  min-height: 750px;
  position: relative;
  -moz-box-shadow: 0px -20px 20px 0px #012935;
-webkit-box-shadow: 0px -20px 20px 0px #012935;
-o-box-shadow: 0px -20px 20px 0px #012935;
box-shadow: 0px -20px 20px 0px #012935;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#012935, Direction=90, Strength=20);
  /*overflow:auto;*/
  
} 
#container0{background-color : #fff;}
#container1{background-color : #fff;display:none;}
#container1, #container0{	
	min-height: 720px;
	width: 960px;
	position: absolute;
	top : 15px;
	left: 15px;
	overflow:hidden;

}
.col1, col2{
	float:left;
}
#logo{
position:absolute;
top:94px;
left:970px;
z-index:2;
}
#b_baseline{
	background:#004054;
	height:240px;
	position:relative;
	top:-250px;
}
#baseline{
	padding-top:100px;
	padding-left:25px;
	font-family: 'Walkway Bold';
	font-size:35px;
}
#b_rouge{
	left:960px;
	width:720px;
	height:240px;
	background:#e23b30;
}
#b_marron{
	position:relative;
	top:490px;
	width:240px;
	height:240px;
	background:#857362;
}
#b_rouge, #b_marron{
	float:left
}
#b_marron2{
	position:relative;
	left:-290px;
	width:240px;
	height:240px;
	background:#312225;
}
#b_marron3{
	position:relative;
	left:-490px;
	width:480px;
	height:240px;
	background:#453135;
}
#b_bleu{
	position:relative;
	top:290px;
	width:240px;
	height:240px;
	background:#004054;
}
#b_bleu, #b_marron2, #b_marron3{
	float:left
}
#formage{
	width:220px;
	margin-top:60px;
	margin-left:25px;
}
#txtage{
	font-size:12px;
	margin-bottom:20px;
}
#frm-verify-submit{
	background:none;
	border:none;
	color:#fff;
	cursor:pointer;
}
#abus, .txtabus{
	font-size:10px;
}
#case1{
	position:relative;
	top:0px;
	left:-240px;
	
}
#case2{
	position:relative;
	left:0;
	top:-240px;
	
}
#case3{
	position:relative;
	top:-240px;
	left:0px;
	
}
#case4{
	position:relative;
	top:0px;
	left:300px;
}
#case5{
	position:relative;
	top:600px;
	left:0px;
}
#case6{
	position:relative;
	top:0px;
	left:-600px;
}
#case7{
	position:relative;
	top:0px;
	left:600px;
	
}
#case8{
	position:relative;
	top:-900px;
	left:0px;
}
#case9{
	position:relative;
	top:0px;
	left:900px;
	
}
#case10{
	position:relative;
	top:300px;
	left:0px;
	
}
#case11{
	position:relative;
	top:-600px;
	left:0px;
	
}
#case12{
	position:relative;
	top:0px;
	left:300px;
	
}
.mebu .casenum{
	overflow:hidden;
}
.menu .casenum .content{
	overflow:hidden;
}
.img_cocktail{
	position:absolute;
	bottom:0;
	left:-120px;
	opacity:0.2;
	z-index:99;
}
.bloc_cocktail{
	position:absolute;
	top:175px;
	left:240px;
	padding-right:15px;
}

.bloc_cocktailcoco{
	position:absolute;
	top:170px;
	left:230px;
	padding-right:15px;
}

.bloc_cocktail h1{
	position:relative;
	font-family:'walkway_bold';
	font-size:60px;
	font-weight:normal !important;
	margin:0;
	line-height:55px;
	left:140px;
	opacity:0;
}
.bloc_cocktail .p_cocktail{
	position:relative;
	left:220px;
	opacity:0;
	font-size:13px;
}



.botcocktail{
	width:480px;
	height:68px;
	position:absolute;
	bottom:-70px;
}
#botzombie{
	background:#160f46;
}
#botroyal{
	background:#ea3405;
}
#botsand{
	background:#5d5a01;
}
#botpassion{
	background:#002135;
}
#botmagic{
	background:#9a1266;
}
#botsex{
	background:#013d23;
}
#botpina{
	background:#331f21;
}
#botswimming{
	background:#d93126;
}
#botcocolada{
	background:#776251;
}
#bottsunrise{
	background:#01126e;
}
#botlong{
	background:#3b460a;
}
.col-orange{
	color:#ff9100 !important;
}
.col-bleu{
	color:#002697 !important;
}
.col-jaune{
	color:#fff400 !important;
}
.col-rouge{
	color:#f70000 !important;
}
.col-vert{
	color:#44a72d !important;

}
.col-jaunesb{
	color:#f7d115 !important;


}
.col-blanc{
	color:#efdcb7 !important;


}
.col-bleu2{
	color:#1f388a !important;
	font-size:53px !important;


}
.col-beige{
	color:#efdcb7 !important;
	font-size:58px !important;


}
.col-corail{
	color:#e31921 !important;
	font-size:55px !important;


}
.col-jaune2{
	color:#f7d115 !important;
	text-align:left !important;
}


#footer{
	max-width:1020px;
	margin : 0 auto;
	padding:25px 0 25px 0;
}
#footer div{
	text-align:center;
}
.coord{
	text-align:center;
}
.coord a{
	color:#fff;
}
.coord a:hover{
	text-decoration:underline;
}
.b_mentions{
	position:absolute;
	left:25px;
	bottom:5px;
	width:45%;
}
.b_mentions a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
.b_mentions a:hover{
	text-decoration:underline;
}
.messi-actions{
	border-top:0 !important;
}
.oblig{
	font-size:11px;
}
/*produits*/
#prod{
	opacity:0.2;
}
.txt48{font-size:48px;color:#fe4819 !important;font-family: 'Questrial', sans-serif;line-height:50px;padding-left:15px;}
.txt30{
	font-size:30px;
	color:#fe4819 !important;
	font-family: 'Questrial', sans-serif;
	padding-left:15px;
}
.txtprod{
	padding-left:15px;
}
.bgprod{
	margin-top:-20px;
}
.prodcock{
	font-size:17px;color:#E6E600 !important;font-family: 'Arial', sans-serif;padding-left:15px;
	margin-top:20px;
	margin-left:10px;
	width:248px;
	background:url('../img/carre-jaune.png') no-repeat !important;

}	

.prodcock2{
	font-size:17px;color:#009306 !important;font-family: 'Arial', sans-serif;padding-left:15px;
	margin-top:10px;
	margin-left:10px;
	width:248px;
	background:url('../img/carre-vert2.png') no-repeat !important;

}	

.prodcock3{
	font-size:18px;color:#FF382B !important;font-family: 'Arial', sans-serif;padding-left:15px;
	margin-top:-5px;
	margin-left:10px;
	width:248px;
	//background:url('../img/carre-rouge3.png') no-repeat !important;

}
.prodlancement{
	font-size:18px;color:#FF382B !important;font-family: 'Arial', sans-serif;padding-left:15px;

}		
.prodaccessoires a{
	color:#fff;
}
.prodcock div{
	padding-top:0px;
}

.prodcock2 div{
	padding-top:0px;
}
.prodcock span, .prodcock2 span{
	font-size:33px;color:#fff !important;font-family: 'Questrial', sans-serif;line-height:50px;
}
.txtprodcock{
	margin-left:15px;
	font-size:12px;
}
.txt20{
	font-size:20px;
	line-height:25px;
}
.imgemploi{
	text-align:center;
	line-height:17px;	
}

.error{
	color:#ff0000;
	font-size:12px;
}
.messi-content{
	padding:50px 10px !important;
	color:#fff;
}
/*societe*/
#societece{
	opacity:0.2;
}
#societece h3{
	padding-left:25px;
	background:url('../img/carre-rouge.png') no-repeat !important;
	color:#fe4819 !important;
	font-size:20px;
	font-family: 'Arial', sans-serif;
	font-weight:normal;
}
#societece p{
	line-height:20px;
	margin-top:5px !important;
	font-size:13px;

}
/*concept*/
#concept{
	opacity:0.2;
}
#concept h3{
	padding-left:25px;
	font-size:18px;
	text-align:left;
	margin-bottom:0 !important;
	font-size:20px;
	font-family: 'Arial', sans-serif;
	font-weight:normal;
}
#concept p{
	line-height:19px;
	margin-top:5px !important;
	font-size:13px;
}
.concept1{
	background:url('../img/carre-rouge.png') no-repeat !important;
	color:#fe4819 !important;
}
.concept2{
	background:url('../img/carre-jaune.png') no-repeat !important;
	color:#e6e600 !important;
}
.concept3{
	background:url('../img/carre-vert2.png') no-repeat !important;
	color:#009306 !important;
}
/*Mode emploi*/
#emploi h3{
	color:#e6e600 !important;
	padding-left:25px !important;
	margin:10px 0 0 0 !important;
	font-size:20px;font-family: 'Arial', sans-serif;
	font-weight:normal;
	border:none !important;
	background:url('../img/bg-accor-h3.png') bottom left no-repeat !important;
	margin-top:0 !important;
	height:57px !important;
	margin-bottom:0 !important;
}
#emploi h3 span.carre-jaune{
	display:block;
	height:18px;
	width:21px;
	position:absolute;
	left:232px;
	top:22px;
}
#emploi div{
	position:relative;
}
#emploi img{
	margin-top:10px;
}
/*accordion*/
#accordionull{opacity:0.2;}
.ui-accordion .ui-accordion-content{
	padding: 5px 10px !important;
}
#benef{
	text-align:left !important;
}
#benef h3{
	margin:10px 0 0 0 !important;
	font-size:20px;font-family: 'Arial', sans-serif;
	font-weight:normal;
	padding-left:25px;
}
.ui-accordion h3{
	padding:0 10px 16px 25px !important;
	font-family: 'Arial', sans-serif;
	font-size:17px;
	border:none !important;
	background:url('../img/bg-accor-h3.png') bottom left no-repeat !important;
	margin-top:0 !important;
	line-height:15px !important;
}
.ui-accordion h3 span.linkaccor{
	display:block;
	height:18px;
	width:21px;
	position:absolute;
	left:0px;
	top:15px;
}
#benef h3#link1{
	background:url('../img/carre-rouge.png') no-repeat !important;
}
#benef h3#link2{
	background:url('../img/carre-vert2.png') no-repeat !important;
}
#benef h3#link3, #emploi h3 span.carre-jaune{
	background:url('../img/carre-jaune.png') no-repeat !important;
}
#benef h3#link4{
	background:url('../img/carre-taupe.png') no-repeat !important;
}
#benef h3#link5{
	background:url('../img/carre-rouge2.png') no-repeat !important;
}
#benef h3#link6{
	background:url('../img/carre-vert2.png') no-repeat !important;
}
#benef h3#link7{
	background:url('../img/carre-rouge3.png') no-repeat !important;
}
#benef h3#link8{
	background:url('../img/carre-jaune2.png') no-repeat !important;
}
.ui-accordion .ui-accordion-content{
	background:url('../img/bg-accor-open.png') bottom left repeat-x !important;
	color:#fff !important;
	border:none !important;
}
#accordionull div{
	line-height:17px !important;
}
#link1{color:#fe4819 !important;}
#link2{color:#009306 !important;}
#link3, .jaune-menu{color:#e6e600 !important;}
#link4{color:#8d7460 !important;}
#link5{color:#ff1200 !important;}
#link6{color:#009306 !important;}
#link7{color:#ff382b !important;}
#link8{color:#fff000 !important;}
/*contact*/
#contact{
	opacity:0.2;
}