/* @override 
	http://rabaismysteres2011/medias/css/rabaismysteres.css
	http://revealadeal2011/medias/css/rabaismysteres.css
*/

/**
 *      TEXT
 *      - Normal text           #474848
 *
 *      LINKS
 *      - standard              #545454
 *
 *
 */

/**
 *  ------------------------------------------------------------------------------
 *	1. GLOBAL
 *  ------------------------------------------------------------------------------
 */


    /* Mass reset */
    html, body, div, span, h1, h2, h3, h4, h5, h6,
    p, blockquote, a, img, ol, ul, li, fieldset,
    form, label, input, table, tfoot, thead, tr, th, td {
        border: 0;
        margin: 0;
        outline: 0;
        padding: 0;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        vertical-align: baseline;
        }
    ul { list-style-type: none; }
    p { margin-bottom: 1em; }
    body, html {
        color: #fff;
        font: 14px/18px arial, verdana, sans-serif;
		background-color: #00310e;
		/*background: #00310e url(../img/bgd_page.jpg) repeat-y center;*/
		}

    a:link, a:visited {
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        }
        a:hover, a:active {
            color: #fff;
        }
	sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 0.7em;
	}

	sup {
	bottom: 1ex;
	}

	sub {
	top: .5ex;
	}
	
	.fine { letter-spacing:-2px; padding:0 }
    /**
     *  ------------------------------------------------------------------------------
     *	2. MAIN STRUCTURE
     *
     *	#1 Wrappers
     *	#2 Global nav
     *	#3 Sidebar
     *  ------------------------------------------------------------------------------
     */


        #wrapper {
            margin: 0 auto;
			padding-top: 107px;
            position: relative;
			background: url(../img/bgd_top.jpg) no-repeat center top;

            }
            #container, #container-b, #container-c {  }
			
			#container {
				background: url(../img/bgd_page.jpg) repeat-y center;
				}

            #container-b {
				background: url(../img/bgd_topmain.jpg) no-repeat center top;

				}
            #container-c {
				background: url(../img/bgd_bottommain.jpg) no-repeat center bottom;
				padding-bottom: 30px;
				}

			#logo {
				/*display: none;*/
				position: relative;
				width: 88px;
				margin: 0 auto;
				}
			#header {
				/*display: none;*/
				width: 888px;
				margin: 0 auto;				
				position: relative;
				top: -107px;
				}
			.roulette_img {
				position: absolute;
				left: 160px;
				} 
			.logo_img {
				position: absolute;
				left: 8px;
				top: 8px;
				} 
            .content {
				width: 888px;
				margin: 0 auto;
				/*position: relative;*/
				overflow: hidden;
            }

            /* Sidebar */
            #sidebar {
				float: left;
				margin: 30px 0 0 40px;
				width: 325px;
				/*padding-top: 220px;*/
				background: url(../img/fr/ti_rabaismysteres.png) no-repeat;
				display: inline;
				}
				#sidebar p {
					width: 270px;		
					}
				#sidebar img.promo {
					margin: -10px 0 15px;
				}
				#sidebar .bt_home {
					/*border:  1px solid pink;*/
					display: block;
					width: 325px;
					height: 190px;
					text-indent: -1000em;
					margin-bottom: 20px;
				}
				
				.en #sidebar { background: url(../img/en/ti_rabaismysteres.png) no-repeat; }
            	.en #sidebar .bt_home {
					height: 210px;
					}
            /* Main */
            #main {
                width: 440px;
				float: right;
				margin-right: 30px;
				padding-top: 22px;
				display: inline;
            }

            /* Global navigation */
            #globalnav {
				width: 460px;
				margin-left: -4px;
				height: 42px;
                }
                #globalnav li {
                    float: left;
                    font-size: 15px;
                    line-height: 18px;
                    }
                    #globalnav li.last { margin-right: 0; }
                    #globalnav a {
                        display: block;
                        font-size: 14px;
                        font-weight: bold;
                        line-height: 18px;
                        margin-right: 2px;
                        text-transform: uppercase;
                    }
                    #globalnav li a {
                        background: url(../img/fr/m_sprite.png) no-repeat 0 0;
                        display: block;
                        height: 42px;
                        /*border: solid 1px;*/
                        text-indent: -9999px;
                        }
                        .en #globalnav li a { background-image: url(../img/en/m_sprite.png);}
                        #globalnav .lasvegas a { width: 118px; background-position: 3px 0; }
                        .en #globalnav .lasvegas a { width: 100px; }
                            #globalnav .lasvegas a:hover, #globalnav .lasvegas a:active,
                            #globalnav .lasvegas a.active { background-position: 3px -42px }
                        #globalnav li.mastercard a { width: 120px; background-position: -121px 0; }
                        .en #globalnav li.mastercard a { width: 120px; }
                            #globalnav li.mastercard a:hover, #globalnav li.mastercard a:active,
                            #globalnav li.mastercard a.active { background-position: -121px -42px}
                        #globalnav li.map a { width: 88px; background-position: -241px 0; }
                        .en #globalnav li.map a { width: 88px; }
                            #globalnav li.map a:hover, #globalnav li.map a:active,
                            #globalnav li.map a.active { background-position: -241px -42px }
                        #globalnav li.promotion a { width: 114px; background-position: -335px 0; }
                        .en #globalnav li.promotion a { width: 138px; }
                            #globalnav li.promotion a:hover, #globalnav li.promotion a:active,
                            #globalnav li.promotion a.active { background-position: -335px -42px }

            /* Main Content */
			#main_content {
				display: block;
				padding-top: 30px;
				width: 440px;
				overflow: hidden;
				}
				#main_content li {
					background: url(../img/ico_bullet.png) no-repeat 0 2px;
					padding-left: 17px;
					}
				#main_content a {
					text-decoration: underline;
					}
				#main_content p.intro {
					text-transform: uppercase;
					margin-bottom: 0.3em;
					}
				.col {
				width: 200px;
				margin-right: 40px;
				float: left;
				}
				.col.last {
				margin-right: 0;
				}
				.colfull {
				width: 440px;
				}

            /* Footer */
            #footer {
				padding-top: 20px;
                background: url(../img/bgd_footer.jpg) repeat-y center 0;
				overflow: auto;
				font: 11px Arial, sans-serif;
				color: white;
				}

            #footer-b {
				padding-bottom: 150px;
				overflow: auto;

                background: url(../img/bgd_footerbottom.jpg) no-repeat center bottom;
                }
                #footer ul {
					padding-bottom: 10px;
                    }
                #footer li {
                    float: left;
                    }
                .legal {
                }
                #footer a {
					text-decoration: underline;
				}

            #footer-c {
				margin: 0 auto;
				min-height: 100px;
				width: 868px;
				clear: both;
                }

    /**
     *  ------------------------------------------------------------------------------
     *	3. SPECIFIC MODULAR STRUCTURE
     *  ------------------------------------------------------------------------------
     */

        /*
         * 2. FORM
         **/

        #f input, #f select,
        #googlemaps input, #googlemaps select {
			border: 1px #d39a03 solid;
            margin-top: 0px;
            padding: 4px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        	}
        #f select, #googlemaps select {
			height: 26px;
			border: none;
	        padding: 5px;
			font-size: 12px;
			background-color: #fff;
			}
		#f input[type="checkbox"]{
			border: none;
			}
        #f .check {
            display: block;
			/*font-size: 12px;*/
			/*line-height: 1.2em;*/
            padding-left: 16px;
			overflow: hidden;
            text-indent: -16px;
            /*width: 235px !important;*/
            }
            #f .check input { /*vertical-align: top;*/ border: none!important; width: auto; }
            #f .check span { vertical-align: bottom; }

        #f input.error,
        #googlemaps input.error {
            background-color: #fad47a;
            border: 1px #d39a03 solid!important;
            }
            #error_nojs {
                color: #fff;                
                background-color: #d39a03;
                /*-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
				-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
				box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);*/
                padding: 8px;
                font-weight: bold;
                /*border-top: 1px solid #fad47a;
                border-left: 1px solid #fad47a;
                border-bottom: 1px solid #906902;
                border-right: 1px solid #906902;*/
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            }


        /* Fields containers */
        .onefield, .twofields, .threefields, .fieldcontainer {
            clear: left;
            margin-bottom: 10px;
            overflow: auto;
        }
        .twofields { overflow: hidden; }
            .twofields label, .threefields label,
            .twofields .label, .threefields .label {
                display: inline;
                float: left;
                margin-right: 10px;
                position: relative;
                line-height: 1.5em;
                }
                .twofields label.last, .threefields label.last,
                .twofields .label.last, .threefields .label.last { margin-right: 0; }
        .onefield input { width: 400px; }
        .twofields input { width: 197px; }
        .threefields input, .threefields select { width: 121px; }
        
        .message_qty {
			font-size: 12px; line-height: 1.2em; /*position: relative; left: 45px; top: 20px;*/ float: left; width: 300px; margin-top: 20px; margin-left: -45px;  }
        
        .wrap {
            background: #d39a03;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            display: inline-block;
            /*margin: 3px 0 20px;*/
            padding: 3px;
            line-height: 1;
            width: inherit;
            }
            span.wrap_focus { background: #ebc028; }

        /* Map */
        #mapcontainer {
		    }
        
        #mapcontainer #map {
            color: #000;
            height:300px;
            /*margin: 5px 0 0 5px;*/
            overflow: hidden;
            width: 432px;
            }
            #mapcontainer div#map {
                border: 4px solid #d39a03;
                border-radius: 5px;
	            -moz-border-radius: 5px;
    	        -webkit-border-radius: 5px;
            }
        #googlemaps fieldset {
            display: block;
            }
            /*#googlemaps input {
                float: left;
                margin-top: 0px;
                width: 271px;
                }
                #googlemaps input#search {
					padding-right: 40px;
					}
            #googlemaps select {
                float: left;
                margin: 0px 10px 0 10px;
            }*/
            
        #map noscript {
            color: #fff;
            display: block;
            padding: 50px 50px;
            position: relative;
            vertical-align: middle;
        }
		.mapform { 
			margin-top: 10px;
			}
			.mapform .instructions {
				text-transform: uppercase;
				font-size: 11px;
				line-height: 22px;
				width: 220px;
				float: left;
				margin: 5px 0;				
				}
			.mapform form {
				float: right;
				}
			.mapform input {
                float: left;
                margin-top: 0px;
                }
                .mapform input#search {
					width: 150px;
					padding-right: 40px;
					}
	            .mapform select {
	                float: left;
	                margin: 0px 10px 0 10px;
					}
        /* Promotion */
        #promo_order {
            margin-top: 25px;
            overflow: auto;
            position: relative;
            vertical-align: middle;
            }
            #promo_order a, #promo_order span {
                display: block;
                float: left;
                font-size: 11px;
                line-height: 14px;
                margin: 0 20px 0 0;
                vertical-align: middle;
            }

    .note {
        color: #fff;
        font-size: 10px;
    }



    /**
     *  ------------------------------------------------------------------------------
     *	4. HEADINGS
     *  ------------------------------------------------------------------------------
     */

    h2 {
        font-weight: bold;
        margin-bottom: 10px;
    }
    #legal h2 {
        color: #e8be48;
        font-size: 14px;
        margin: 20px 0 10px 0;
        }


    /**
     *  ------------------------------------------------------------------------------
     *	5. BUTTONS & TITLES Sprites
     *  ------------------------------------------------------------------------------
     */
	.bt { text-indent: -1000em; display: block; padding: 0; }
	.bt_commandez {
		width: 174px;
		height: 65px;
		background: url(../img/fr/bt_commandez.png) no-repeat;
		}
		.en	.bt_commandez {
		background: url(../img/en/bt_commandez.png) no-repeat;
		width: 210px;
		}
	.bt_commandez:hover { background-position: 0 -67px;	}
	.bt_commandez:active { background-position: 0 -66px;	}
	.bt_carte_ultramar {
		width: 464px;
		height: 120px;
		background: url(../img/fr/bt_mastercard_ultramar.png) no-repeat;
		margin-left: -20px;
		cursor: pointer;
		}
		.en .bt_carte_ultramar {
			background: url(../img/en/bt_mastercard_ultramar.png) no-repeat;
		}
	.bt_carte_ultramar:hover { background-position: 0 -122px; }
	.bt_carte_ultramar:active { background-position: 0 -121px; }

	.bt_adherez {
		width: 119px;
		height: 48px;
		background: url(../img/fr/bt_commandez.png) no-repeat 0 -234px;
		/*attention: image overridée dans css ie6!*/
		position: relative;
		top: 70px;
		left: 310px;
	}
		.en .bt_adherez {
			background: url(../img/en/bt_commandez.png) no-repeat 0 -234px;
			/*attention: image overridée dans css ie6!*/
		}
	.bt_adherez:hover { background-position: 0 -285px; }
	.bt_adherez:active { background-position: 0 -284px; }


	#googlemaps .bt_searchmap {
 		background: white url(../img/bt_submit.gif) no-repeat 5px 2px; 
 		width: 35px !important;
 		height: 24px;
		margin-left: -35px;
		margin-top: 1px;
		float: left;
		border: none;
		border-left: 1px solid #d39a03;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 0px;
	    cursor: pointer;
		}
		

    .bt_submit {
        background: url(../img/fr/bt_commandez.png) no-repeat 0 -134px;
        border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border: none!important;
        cursor: pointer;
        display: block;
        height: 48px;
        margin-top: 10px;
        padding: inherit;
        text-indent: -9999px;
        width: 174px;
        
        }
        .en .bt_submit {
            background-image: url(../img/en/bt_commandez.png);
            width: 103px;
        }
        .bt_submit:hover{ background-position: 0 -184px; }
        .bt_submit:active {background-position: 0 -183px; }
        


	.ti { text-indent: -1000em; display: block; background: url(../img/fr/ti_sprite.png) no-repeat; }
		.en .ti { background-image: url(../img/en/ti_sprite.png); }
		
		.ti_gagnez_voyage_vip {
			width: 200px;
			height: 82px;
			background-position: 0 0;
			}
			.ti_gagnez_voyage_vip a {
				display: block;
				width: 200px;
				height: 82px;
				}
				
			.promo_fin {
				background: url(/medias/img/fr/ti_promofin.png) no-repeat 0 0;
				text-indent: -9999px;
				height: 52px;
				width: 377px;
				}
			.en .promo_fin {
				background-image: url(/medias/img/en/ti_promofin.png);
			}
				

			
		.ti_22dollars {
			width: 200px;
			height: 82px;
			background-position: -236px 0;
			}
			.ti_22dollars a {
				display: block;
				width: 200px;
				height: 82px;
				}			


			
		.ti_essenceagagner_horiz {
			margin-bottom: 20px;
			width: 421px;
			height: 57px;
			background-position: 0 -144px;
		}
			.en .ti_essenceagagner_horiz { height: 32px; }
		.ti_gagnez_voyage_vip_horiz {
			margin-bottom: 20px;
			width: 421px;
			height: 57px;
			background-position: 0 -86px;
		}
		.ti_22dollars_horiz {
			margin-bottom: 20px;
			width: 421px;
			height: 30px;
			background-position: 0 -200px;
		}
		
		.promo { text-indent: -1000em; display: block; padding: 0;	}
		.promo_mastercard {
			background: url(../img/fr/promo_mastercard.png) no-repeat;
			width: 434px;
			height: 183px;
			position: relative;
			}
			.en .promo_mastercard {
				background: url(../img/en/promo_mastercard.png) no-repeat;						
				}
		.promo_lasvegas {
			background: url(../img/fr/promo_lasvegas.png) no-repeat;
			width: 327px;
			height: 91px;
			margin: 20px 0 20px -4px;
			}
			.en .promo_lasvegas {
				background: url(../img/en/promo_lasvegas.png) no-repeat;
				width: 282px;
				}


    /**
     *  ------------------------------------------------------------------------------
     *	6. EXTRAS
     *  ------------------------------------------------------------------------------
     */
	/* Debug classes */
	.left { float: left; }
	.right { float: right; }
	.clearleft { clear: left; }
	.clearright { clear: right; }
	.clearboth { clear: both; }
	.nofloat { float: none; }
	.posrel { position: relative; }
	.posabs { position: absolute; }
	.b { border: 1px #000 solid; }

	/* Clearfix */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-block; }
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */

        /* FF 3.6 outline fix */
        a:focus, object:focus { outline: none; }

        /* Page shift fix */
        html { overflow-y: scroll; }