/*
 * jQuery interstitial plugin v1.0
 * jquery.interstitial.css
 *
 * https://github.com/brettdewoody/jQuery-Interstitial
 *
 * Brett DeWoody
 * Digital Wax Works - Bozeman, Montana
 * http://www.DigitalWaxWorks.com
 * Created: Feb 4, 2011
 * Updated: Feb 4, 2011
 */

#fade {
	display: none;
	background-color: #000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%; height: 100%;
	opacity: .70;
	z-index: 1000000;
}
#popupBlock {
	display: none;
	background-color: #FFFFFF;
	float: left;
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 1000001;
	/*text-align:center;*/
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0px;
}
#popupBlock a{ color:#000; text-decoration:none;}
#popupBlock a:hover{ text-decoration: underline;}

#global-interstitiel{width:792px; height:600px; border:6px solid black; position:relative; background: #ffffff url(../Select-your-country-img/bg-Interstitiel-poujoulat-com.png) center top no-repeat;}
#global-interstitiel a{ color:#333;}

#global-interstitiel p#close-bt-interstitiel, #global-interstitiel p#logo-poujoulat-interstitiel{ position:absolute;}
#global-interstitiel p#close-bt-interstitiel{ width:22px; height:18px; top:10px; right:10px;}
#global-interstitiel p#logo-poujoulat-interstitiel{ width:180px; height:100px; top:5px; left:5px;}

#global-interstitiel div#header-interstitiel{ text-align:center; color:#333; margin-top:100px}
#global-interstitiel div#header-interstitiel p:first-child{ font-size:60px; line-height:72px;}
#global-interstitiel div#header-interstitiel p:last-child{ font-size:18px; margin-top:10px;}

#global-interstitiel div#select-country{margin-top:100px}
#global-interstitiel div#select-country ul{float:left;}
#global-interstitiel div#select-country ul#list-1{ width:258px; margin-left:75px; /*background-color:#FF6*/}
#global-interstitiel div#select-country ul#list-2{ width:218px; /*background-color:#C30*/}
#global-interstitiel div#select-country ul#list-3{ width:229px;/* background-color:#0F9*/}
#global-interstitiel div#select-country ul li a{ display:block; padding-left:40px; height:30px; line-height:30px; text-decoration:none; margin-bottom:16px; background-image:url(../Select-your-country-img/flags.png); background-repeat:no-repeat; font-size:21px;}
#global-interstitiel div#select-country ul li a:hover{  text-decoration:underline;}

	#global-interstitiel div#select-country ul#list-1 li.item-1 a{ background-position:left top; }
	#global-interstitiel div#select-country ul#list-1 li.item-2 a{ background-position:left -50px; }
	#global-interstitiel div#select-country ul#list-1 li.item-3 a{ background-position:left -450px; }
	#global-interstitiel div#select-country ul#list-1 li.item-4 a{ background-position:left -100px; }

	#global-interstitiel div#select-country ul#list-2 li.item-4 a{ background-position:left -150px; }
	#global-interstitiel div#select-country ul#list-2 li.item-5 a{ background-position:left -200px; }
	#global-interstitiel div#select-country ul#list-2 li.item-6 a{ background-position:left -250px; }

	#global-interstitiel div#select-country ul#list-3 li.item-7 a{ background-position:left -300px; }
	#global-interstitiel div#select-country ul#list-3 li.item-8 a{ background-position:left -350px; }
	#global-interstitiel div#select-country ul#list-3 li.item-9 a{ background-position:left -400px; }


#global-interstitiel div#footer-interstitiel{ text-align:center; color:#333; font-size:14px; margin-top:10px;}
#global-interstitiel div#footer-interstitiel a{ text-decoration:underline;}
#global-interstitiel div#footer-interstitiel a:hover{ text-decoration:none;}

@font-face {
    font-family: 'OswaldLight';
    src: url('/css/polices/Oswald-Light-webfont.eot');
    src: url('/css/polices/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/polices/Oswald-Light-webfont.woff') format('woff'),
         url('/css/polices/Oswald-Light-webfont.ttf') format('truetype'),
         url('/css/polices/Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBook';
    src: url('/css/polices/Oswald-Regular-webfont.eot');
    src: url('/css/polices/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/polices/Oswald-Regular-webfont.woff') format('woff'),
         url('/css/polices/Oswald-Regular-webfont.ttf') format('truetype'),
         url('/css/polices/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBold';
    src: url('/css/polices/Oswald-Bold-webfont.eot');
    src: url('/css/polices/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/polices/Oswald-Bold-webfont.woff') format('woff'),
         url('/css/polices/Oswald-Bold-webfont.ttf') format('truetype'),
         url('/css/polices/Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldStencilRegular';
    src: url('/css/polices/Oswald-Stencil-webfont.eot');
    src: url('/css/polices/Oswald-Stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/polices/Oswald-Stencil-webfont.woff') format('woff'),
         url('/css/polices/Oswald-Stencil-webfont.ttf') format('truetype'),
         url('/css/polices/Oswald-Stencil-webfont.svg#OswaldStencilRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.class-light{font-family: 'OswaldLight', Arial, sans-serif;}
.class-book{font-family: 'OswaldBook', Arial, sans-serif;}
.class-bold{font-family: 'OswaldBold', Arial, sans-serif;}
.class-stencil{font-family: 'OswaldStencilRegular', Arial, sans-serif;}



/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html #popupBlock {
	position: absolute;
}
