/*--------------------------------------
Base Style Sheet
*Revolver3
*29 Oct 08

--------------------------------------*/

body{
	width: 100%;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color: #888888;
}
.clearer { 
	overflow: hidden; 
	height: 1px; 
	clear: both;
}

h2{
	margin:0;
}
h2 span, h1 span, h3 span, a span, hr, legend{
	display: none;
}	

a{
	text-decoration: none;
}

h2#homeCocktailsTitleFr{
	width: 115px;
	height: 18px;
	background: url(../images/fr/title-systeme-base.gif) 0 0 no-repeat;
}
/*--------------------------------------
--------------------------------------*/
#full{
	width: 700px;
}
#full h2{
	margin: 20px 0 10px 0;
}
#full p, #full ul{
	margin: 0 0 5px 0;
}
#fullHeader{
	width: 100%;
	height: 375px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/base_back.jpg) repeat-x 0 0;
}
#master{
	width: 1024px;
	margin: 0 auto 0 auto;
	position: relative;
}
#master #header{
	height: 375px;
	background: url(../images/aaa_flashHeader.jpg) no-repeat 0 0;
}
#master #content{
	margin: 35px 50px 0 98px;
	float: left;
	width:860px;
	overflow:hidden;
}
#master #main h2, .contact h2{
	width: 500px;
	margin-bottom:20px;
}
.sendButton input{
	margin: 0 0 0 10px;
}
#footer{
	display: block;
	margin: 80px auto 20px auto;
	clear: both;
	font-size: 10px;
	color: #a3a3a3;
}

#footer ul{
	
}

#footer li{
	margin: 0 0 0 15px;
	float: left;
}
#footer a{
	color: #a3a3a3;
	text-decoration: underline;
}
#footer a:hover{
	color: #3f3f3f;
}

/*--------------------------------------
--------------------------------------*/

#content .title{
	margin: 0 0 10px 0;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	color: #3f3f3f;
}
#main{
	width: 500px;
	margin-right:20px;
	float: left;
}
#main p{
	margin: 0 0 15px 0;
}
#content a{
	padding: 0 10px 0 0;
	background: url(../images/bullet-red-arrow-right.gif) center right no-repeat;
	font-size: 9px;
	font-family:Verdana;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff1a22;
}
#main a:hover{
	color: #3f3f3f;
}
#main ul{
	margin: 0 0 15px 0;
}
#main li, #full li{
	padding: 0 0 0 7px;
	background: url(../images/bullet-gray-dash.gif) center left no-repeat;
}
#graph{
	margin: 15px 0 30px 0;
	padding: 20px 0 0 0;
	background: url(../images/bg-separation-dot.gif) 0 0 no-repeat;
}

/*--------------------------------------
Sidebar
	*Background
--------------------------------------*/

#sideBar{
	width: 318px;
	margin: 0;
	padding: 7px 0 0 0;
	position: relative;
}

#sideBar.leftSideBar{
	float: left; 
}

#sideBar.rightSideBar{
	float: left; 
	margin-right:20px;
}

#sideBar.leftSideBar li{
	color: #888888;
}
#sideBar h3{
	margin: 0 0 20px 20px;
}
#sideBar p{
	margin: 0 0 20px 0;
}
#sideBar ul{
	margin: 0 0 15px 0;
}
#sideBar li{
	padding: 0 0 0 7px;
	background: url(../images/bullet-gray-dash.gif) center left no-repeat;
	color: #ff1a22;
}
#sideBar #autresCocktails li a{
	padding: 0 10px 0 0;
	text-transform: none;
	background: none;
	font-size: 11px;
	font-weight: normal;
	color: #ff1a22;	
}
#sideBar .content{
	margin: -100px 20px 0 20px;
	padding: 20px 0 0 0;
	position: relative;
	background: transparent;
}

#sideBar #video{
	margin: 0px 0 20px 0;
}
#sideBar #video h3{
	
}
#main .video h3, #main .wallpaper h3{
	font-size: 12px;
	font-weight: bold;
	color: #ed1c24;
	text-transform: uppercase;
}
#contentBg{
	width: 318px;
	background: url(../images/bg-sidebar-repeat.gif) 0 0 repeat-y;
	float: left;
}
#upBg{
	height: 123px;
	background: url(../images/bg-sidebar-up.gif) top left no-repeat
}

#bottomBg{
	height: 29px;
	margin-top: -1px;
	background: url(../images/bg-sidebar-bottom.gif) 0 0 no-repeat;
}

#message p{
	margin:0px;
	padding:0 0 10px 0;
}

#form td{
	padding: 0 10px 5px 0;
}

/*--------------------------------------
Sections Background
 *Produit
--------------------------------------*/

#content .product #main p{
	margin: 0 0 25px 0;
	width:325px;
}
#content .product h2 span, .homeBloc h2 span{
	display: none;
}
#content .product.original{
	float: left;
	background: url(../images/bg-product-base.jpg) 230px 50px no-repeat;
}
#content .product.sansSucre{
	float: left;
	background: url(../images/bg-product-sugar-free.jpg) 230px 50px no-repeat;
}
#content .product.plus{
	float: left;
	background: url(../images/bg-product-base-plus.jpg) 230px 50px no-repeat;
}
#content .product.vBase{
	float: left;
	background: url(../images/bg-product-vbase.jpg) 230px 50px no-repeat;
}
#content .product.eau{
	float: left;
	background: url(../images/bg-product-base-water.jpg) 230px 50px no-repeat;
}

#content #ingredients li a{
	font-weight:bold;
	color:#e91c33;
	background:none;
	margin:0px;
	padding:0px;
}

#ingredients ul{
	margin-top:0px;
}

#ingredients .title{
	font-weight:bold;
	color:#e91c33;
}

/*--------------------------------------
Communaute
 *
--------------------------------------*/

#content.community #main p{
	margin: 0 0 10px 0;
}
#content .community #main .title{
	margin: 0;
	color: #ed1c24;
}
#content .community #main .where{
	margin: 0 0 10px 0;
	color: #808080;
	display: block;
}
#content .community #main .entry{
	width: 473px;
	margin: 0 0 15px 0;
	float: left;
}
#content .community #main .picture{
	width: 137px;
	height: 90px;
	float: left;
	background: url(../images/bg-communaute-photo.gif) no-repeat;
	position: relative;
}
#content .community #main .picture img{
	position: absolute;
	top: 4px;
	left: 4px;
}
#content .community #main .info{
	width: 300px;
	margin: 0 0 0 25px;
	padding: 0 0 15px 0;
	float: left;
	background: url(../images/bg-dot-line.gif) bottom left repeat-x;
}

/*--------------------------------------
Cocktails
 *
--------------------------------------*/

#content #cocktail{
	background:transparent url(../images/bg-dot-line.gif) repeat-x scroll left bottom;
	height:500px;
}

#cocktail #main{
	width: 565px;
	margin: 0 0 0 15px;
	float:left;
}
#cocktail h2{
	margin: 0 0 20px 0; 
	display: block;
}
#cocktail .leftSideBar{
	width: 275px;
	margin: 0 0 0 0;
}
#main .wallpaper{
	width: 170px;
	height: 150px;
	margin: 0 55px 30px 0;
	overflow: hidden;
	position: relative;
	float: left;
}
#main .wallpaper a{
	margin: 0 10px 0 0;
}
#main .video{
	width: 188px;
	height: 200px;
	margin: 0 0 30px 0;
	overflow: hidden;
	position: relative;
	float: left;
}
#main .test1{
	background: url(../images/bg-splash-001.jpg) 0 0 no-repeat; 
}
#main .test2{
	background: url(../images/bg-splash-002.jpg) 0 0 no-repeat; 
}
#main .test3{
	background: url(../images/bg-splash-004.jpg) 0 0 no-repeat; 
}
.thbVdo{
	margin: 0 0 0 30px;
}

.ytThumb{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}

.ytThumbOver{
	filter:alpha(opacity=100);
	-moz-opacity:1;
}

#main .videoDescp{
	width: 150px;
	margin: 0 0 0 35px;
}
#main .videoDescp .title{
	color: #e91c33;
}
#main .video img, #main .wallpaper img{
	margin: 10px 0 20px 9px;
	cursor: pointer;
}
#main .video .playVdo{
	position: absolute;
	top: 5px;
	left: 35px;
}
#globalPlayer{
	height: 180px;
	margin: 0 0 15px 0;
}


#embedCode{
	border:1px solid #c0c0c0;
	margin-top:-5px;
	width:100%;
	height:50px;
}

#icon a{
	background:none;
}

/*--------------------------------------
About
 *
--------------------------------------*/

#joinUs{
	margin: 20px 0 0 0;
}
#joinUs span{
	margin: 0 0 20px 0;
	font-weight: bold;
	display: block;
}
#joinUs address{
	width: 135px;
	float: left;
	font-style: normal;
	line-height: 1.3em;
}
#joinUs address.first{
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	background: url(../images/bg-v-dot-line.gif) right top repeat-y;
}	
#joinUs address span{
	margin: 0 0 0 0;
	text-transform: uppercase;
}
#joinUs address a{
	background: none;
	text-transform: none;
	font-size: 11px;
	font-weight: normal;
}
#sideBar .bloc{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(../images/bg-dot-line.gif) bottom left repeat-x;
}
#sideBar .bloc h3{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3f3f3f;
}

/*--------------------------------------
Contact Page
 *
--------------------------------------*/

.contact{
	width:500px;
}

.contact form{
	width:100%;
}

.contact td{
	padding:0 90px 10px 0;
}

.contact label{
	display:block;	
	text-transform:uppercase;
}

.contact input,select{
	width:200px;	
}

.contact textarea{
	width:495px;	
	height:100px;
}

.contact .error{
	color:#ee191f;
	text-transform:none;
}

.contact .subTitle{
	margin: 10px 0 0 0;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
    color:#3f3f3f;
}

#formContact{
	margin-top:20px;	
}

#addressGlobal div{
	float:left;
	width:165px;
	margin:20px 0 40px 0;
}

#addressGlobal .blocAddressL{
	margin-right:30px;
	border-right:1px dotted #c1c1c1;
}

#addressGlobal p{
	padding:0px;
	margin:0px;
}

#addressGlobal .addressTitle{
	font-weight:bold;
	text-transform:uppercase;
}

#addressGlobal .address{
	margin-top:8px;
}

#otherStatesGroup{
	display:none;
}

#formContact #message{
	border:1px dotted #c1c1c1;
	margin:0px 0 10px 0;
	padding:10px;
	color:#3f3f3f;
	font-weight:bold;
	display:none;
}

.checkbxform label{
	float:left;
	text-transform:none;
}

.checkbxform input{
	float:left;
	width:auto;
	margin-right:5px;
}

.sendButton input{
	padding: 0 10px 0 0;
	background: url(../images/bullet-red-arrow-right.gif) center right no-repeat;
	font-size: 9px;
	font-family:Verdana;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff1a22;
	border:0px;
	width:70px;
	cursor:pointer;
}

#cancelButton a{
	padding: 0 0 0 10px;
	background: url(../images/bullet-red-arrow-left.gif) center left no-repeat;
	font-size: 9px;
	font-family:Verdana;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff1a22;
}

/*--------------------------------------
Home page
 *
--------------------------------------*/

.globalBlocs{
	display:block;
	overflow:hidden;
	width:600px;
	margin:0 auto;
}

.homeBloc{
	width:240px;
	float:left;
	padding: 0 30px;
}
.homeBloc h2{
	margin: 0 0 10px 0;
}
.homeBloc p{
	height:55px;
}

/*--------------------------------------
Confidentialite & Conditions
 *
--------------------------------------*/
#full h2{
	margin: 0 0 20px 0;
}
#full .subtitle{
	font-weight:bold;
	color:#3f3f3f;
	text-transform:uppercase;
	margin:20px 0 3px 0;
}
#full a{
	padding: 0;
	background: none;
	font-weight: normal;
	text-transform: none;
}
/*--------------------------------------

 *
--------------------------------------*/

#sideBar.histoire a{
	padding: 0;
	background: none;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
}
#main.histoire .title, #full .subtitle{
	margin: 20px 0 10px 0;
	color: ##3F3F3F;
}
.histoire p span{
	display: none;
}


.msg_head {
	margin: 0 0 0 0;
	padding: 5px 0 0 20px;
	cursor: pointer;
	border-top: 1px dotted #c1c1c1;
	background: url(../images/bullet_open.gif) 0 12px no-repeat;
}
.msg_head.first {
	border: none;
}
.msg_head.active{
	background: url(../images/bullet_close.gif) 0 12px no-repeat;
}
.msg_body{
	margin: 15px 0 0 0;
}
.icon{
	margin: 15px 0 15px 0;
}

/*--------------------------------------
Tooltip - Agecheck - template_main.php
 *
--------------------------------------*/

.tooltip{
	background: url(../images/bg-tooltip.gif) repeat-x;	
	width:258px;
	height:108px;
	border:1px solid #dcdcdc;
	position:absolute;
	top:400px;
	z-index:8000;
	display:none;
}

.tooltip .toparrow{
	background: url(../images/arrow-tooltip.gif) no-repeat center;	
	height:5px;
	margin-top:-5px;
}

.tooltip .content{
	margin-top:30px;	
}

.tooltip .content .desc{
	text-align:center;
	text-transform: uppercase;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	color:#3f3f3f;
	padding:0 20px 0 20px;
}

.tooltip .content .desc .red{
	color:#e91c33;
}

.tooltip .question{
	text-align:center;
	margin-top:20px;
}

.tooltip .question table{
	margin:0 auto;
}

.tooltip label{
	margin:0px 20px 0 5px;
}

.tooltip input{
	padding-top:10px;
}