/************************************************************
 *
 *	Name		:	template.css
 *	Author		:	Granon Sylvain
 *	Created		:	06.24.2013
 *	Modified	:	06.27.2013
 *	
 *	Description	:	template's Stylesheet 
 ************************************************************/

.hidden {display:none;}
.nothidden {display:block;}

/** SPECIAL FONTS ***************************/
@font-face {		 
	font-family: 'AvalonBookMed';
    src: url('font/Avalon-Medium-webfont.eot');
    src: url('font/Avalon-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Avalon-Medium-webfont.woff') format('woff'),
         url('font/Avalon-Medium-webfont.ttf') format('truetype'),
         url('font/Avalon-Medium-webfont.svg#AvalonBook') format('svg');
    font-weight: normal;
    font-style: normal;
	}

body{ background: #f0f0f0; }

/** HEADER *************************************************/
div#masterContainer div#header{ position: relative; z-index:1000; }
div#masterContainer div#header a#headerLogo img{ float: right; height:29px;display: block;background: url("../images/template/bg-header-right.jpg") repeat-x scroll left 0px transparent;
height: 29px;}

/*div#masterContainer div#header p.disclaimer{ color:#fff; font: 1.1em arial, sans-serif; float: right; margin: 4px 10px 0 0; }*/
div#masterContainer div#header p.disclaimer{ color:#fff; font: 1.1em arial, sans-serif; position: absolute;right: 0;top: 32px;}
/** headMenu **/
div#masterContainer div#header div#headMenu{background:url(../images/template/bg-header-right.jpg) left 0 repeat-x; height:52px;}
div#masterContainer div#header div#headMenu div#hm2{ height:52px;}
div#masterContainer div#header div#headMenu div#hm2 div#hm3{ width:980px; margin:0 auto; height:52px; position: relative;background: url("../images/template/bg-header-right.jpg") repeat-x scroll left 0px transparent;
}

/** headerText **/
div#masterContainer div#header div#headMenu div#headerText{float:left; width:69em; height: 52px; }
div#masterContainer div#header div#headMenu div#headerText p.disclaimerHeader{font:bold 1.1em/1.454em Trebuchet, Arial, sans-serif; color:#ffffff; text-transform:uppercase; margin:0.3em 0 0.6em 1em;}

/** toolsMenu **/
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu{float:left; margin:3.3em 0 0 0;   }
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li{font:1.1em/1.454em Verdana, Arial, sans-serif; color:#83b9e3; display:inline;  line-height:1em;}
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li a{border-bottom:solid 1px #486669; color:#83b9e3;   }
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li a:hover{border-bottom:solid 1px #ffffff; color:#ffffff;}
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li.share a{background:url(../images/template/picto-share.gif) right 1px no-repeat; padding-right:1.5em; border:0 none;}
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li.share a span{border-bottom:solid 1px #486669; color:#83b9e3;}
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li.share a:hover span{border-bottom:solid 1px #ffffff; color:#ffffff;}
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li.rss a{background:url(../images/template/picto-rss.gif) right 1px no-repeat; padding-right:1.5em; margin-right:0.4em; border:0 none;}
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li.rss a span{border-bottom:solid 1px #486669; color:#83b9e3;}
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li.rss a:hover span{border-bottom:solid 1px #ffffff; color:#ffffff;}
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li.fontSize p{display:inline; margin:0 0.5em 0 0.3em;}
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li.fontSize a{border:0 none;}
div#masterContainer div#header div#headMenu div#headerText ol#toolsMenu li.fontSize a img{margin:0px 0 0 -3px; padding:0; width:1.636em; height:1.091em; vertical-align:middle;}
div#masterContainer div#header div#headMenu div#hm2 div#hm3 div#headerText ol#toolsMenu li{color: white;} 
div#masterContainer div#header div#headMenu div#hm2 div#hm3 div#headerText ol#toolsMenu li.act_logged{ left:764px; position: absolute; top:35px;} 

/** Choose language *
div#masterContainer div#header div#headMenu div#headerText div#langselector{float:left;padding:2.9em 0 0 2.5em;}
div#masterContainer div#countryselect {position:absolute; display:none; z-index:300; padding:0 0 1.5em 0em; opacity:0.9;  background:#000000 url(http://www.bgstar.fr/Wskins/bgm2010/images/template/langselector_bg_full.jpg) left top repeat-y; border:0px solid #000000;}
div#masterContainer div#countryselect div{padding:0 1em 0em 1em;font:Verdana,Arial, sans-serif; }
div#masterContainer div#countryselect div.lang_sites{padding-left:5em; padding-right:2em;  width:12em;  float:left}
div#masterContainer div#countryselect div.lang_countries{padding-right:3em;padding-left:5em;   float:left; }
div#masterContainer div#countryselect div.lang_countries div{padding:0em 0 0 0 ;margin:0; float:left; width:15.5em;overflow;visible;}
div.languageOverlay{position:absolute; left:0; top:0; z-index:99; width:100%; display:none; height:100%;}
div#masterContainer div#countryselect div.lang_countries ul{}
div#masterContainer div#countryselect div.lang_countries div.next_countries{padding-top:2.4em;}
div#masterContainer div#countryselect span.titles{font-family: Verdana, Arial, sans-serif;font-size:1.2em;font-weight:bold;color:#ffffff; line-height:2em; width:12em; display:block; white-space:nowrap;}
div#masterContainer div#countryselect ul{padding:0.1em 0 0 0.0em;}
div#masterContainer div#countryselect ul li{padding:0.5em 0.1em 0.3em 0.0em;  font-size:1.1em; }
div#masterContainer div#countryselect ul li a{ display:block;text-align:left; color:#97b6e2; text-decoration:underline;}
div#masterContainer div#countryselect div ul li a{text-decoration:none;}
div#masterContainer div#countryselect div ul li a span{ font-family:Verdana,Arial, sans-serif; border-bottom:1px solid #597685;  }
div#masterContainer div#countryselect div.lang_sites ul li a{background:url(http://www.bgstar.fr/Wskins/bgm2010/images/template/langselector_bullet.gif) left 0.3em no-repeat;padding-left:1em}

div#masterContainer div#countryselect div.lang_countries ul li {padding-top:0.4em; _padding-top:0.25em; white-space:nowrap}
div#masterContainer div#countryselect div.lang_countries ul li a {text-decoration:none;}
div#masterContainer div#countryselect div.lang_countries ul li a img{padding-right:1em;}
div#masterContainer div#countryselect div.lang_countries ul li a span{font-family:Verdana,Arial, sans-serif; vertical-align:top;  padding-right:0.2em;   }
div#masterContainer div#countryselect ul li a:hover{color:#ffffff;}
div#masterContainer div#countryselect ul li.selected a{font-weight:bold;color:#ffffff;text-decoration:none;cursor:default;}
div#masterContainer div#countryselect div.DivCloselang{float:right;}
div#masterContainer div#countryselect div.globe_bottom{ margin:0.0em 0 0 -1em;}
div#masterContainer div#countryselect a.closelang{position:absolute;background:url(http://www.bgstar.fr/Wskins/bgm2010/images/template/closelang.gif) left 0.3em no-repeat;   margin-left:-2em; padding:0.1em 1em 1em 1em;}

/** langMenu *
div#masterContainer div#header div#headMenu div#headerText ol#langMenu{float:left; margin:0 0 0 3.7em;}
div#masterContainer div#header div#headMenu div#headerText ol#langMenu li{font:1.1em/1.454em Verdana, Arial, sans-serif; color:#73786c; display:inline;}
div#masterContainer div#header div#headMenu div#headerText ol#langMenu li span{color:#ffffff;}
div#masterContainer div#header div#headMenu div#headerText ol#langMenu li a{border-bottom:solid 1px #486669; color:#83b9e3;}
div#masterContainer div#header div#headMenu div#headerText ol#langMenu li a:hover{border-bottom:0 none; color:#ffffff;}*/

/** middle **/
div#middleInner{ width: 980px; margin: auto }
div#middleInner > table{ width: 100%; }

/** Left area **/
td#left-area{ background: #003e7e; }
td#left-area #logoContainer{ margin-top: 30px; margin-bottom: 57px }

/** nav **/
div#nav ul li{ font: 1.4em arial, sans-serif; text-transform: uppercase; }
div#nav ul li a{ color:#fff; display: block; text-align: center; padding: 18px 0 14px 0 }
div#nav ul li a:hover{ color:#ff8c00; }

/** slider **/
body.home div#MainIllustration{ width: 796px; height: 359px; position: relative; }

/** img container **/
div#imgContainer{ position: relative; }
body.myStarExtra div#imgContainer{ height: 360px }

/** breadcrumb **/
div#imgContainer div#breadcrumb{ position: absolute; top: 0; left: 0; background: #1971ae; padding: 8px 10px 8px; z-index:10;}
div#imgContainer div#breadcrumb ul li{ font: 1.2em arial, sans-serif; text-transform: uppercase; color: #ffffff; display: inline; font-weight: bold; }
div#imgContainer div#breadcrumb ul li a{ font: 1em arial, sans-serif; color: #ffffff; background: url(../images/template/breadcrumb-arrow.png) right 2px no-repeat; padding-right: 20px; margin-right: 5px }
div#imgContainer div#breadcrumb ul li a:hover{ text-decoration: underline; }

div#mainIllustration div.desc{ background: url(../images/slides/slide-desc-bg-left.png) no-repeat 0 0; width: 389px; padding-left: 9px; height: 199px; position: absolute; bottom: 0; right: 0 }
div#mainIllustration div.descInner{ background: #fff; height: 100%; padding: 0 20px 0 10px; overflow: hidden; }
div#mainIllustration div.descInner h2{ font: 2.8em/1 arial, sans-serif; color: #003e7e; margin-top: 18px; margin-bottom: 10px; }
div#mainIllustration div.descInner p{ font: 1.6em/1.5 arial, sans-serif; }

div#mainIllustration div#mainIllustrationInner{ width: 100% }
div#mainIllustration div.controls{ position: absolute; bottom: 0; right: 398px; }
body.myStarExtra div#mainIllustration div.controls{ position: absolute; bottom: 21px; right: 224px; }
div#mainIllustration div.controls > ul{ background: url(../images/content/purple-bg.png); background: rgba(127, 104, 161, 0.5); display: inline-block; float: left; padding: 15px 14px; /*opacity: 0.7; filter:alpha(opacity=70);*/ width: auto}
div#mainIllustration div.controls > ul li{ display: inline-block; }
div#mainIllustration div.controls > ul li a{ display: inline-block; background: url(../images/slides/pager-btn.png); width: 10px; height: 10px; margin: 0 4px; }
div#mainIllustration div.controls > ul li.cycle-pager-active a{ display: inline-block; background: url(../images/slides/pager-btn-active.png); }
div#mainIllustration div.controls > a.pause{ background: url(../images/content/btn-pause.png); width: 41px; height: 41px; margin-left: 1px; display: inline-block; display: inline-block; float: left; }

div#nav ul li.selected{ background: #013366; font-weight: bold; color: #ff8c00; }
div#nav ul li.selected a{ color: #ff8c00; }
div#nav ul li.selected ul, div#nav ul li ul{ border-top: 1px solid #013e7d; padding: 12px 0 16px; }
div#nav ul li.selected ul li, div#nav ul li ul li{ font: 1em arial, sans-serif; text-transform: none; }
div#nav ul li.selected ul li a, div#nav ul li ul li a{ text-align: left; padding: 8px 0 6px 50px; background: url(../images/template/puce.png) no-repeat 38px 16px; color: #fff; }
div#nav ul li ul li a:hover{color: #ff8c00; }
div#nav ul li.selected ul li.selected a{ text-align: left; font-weight: bold; background: url(../images/template/puce-hover.png) no-repeat 38px 16px; color: #ff8c00; }

/** home - content **/
body.home div#content{ background: url(../images/template/home-content-bg.png) no-repeat 0 0 #cde9f7; padding: 0; overflow: hidden; } 
body.maintenance div#content{ width: 58%; background: #013E7F url(../images/template/mystar-blue-logo.png) no-repeat 0 0;padding-top: 188px;padding-bottom: 360px;padding-left: 42%;}
body.sitemap div#content{ background: url(../images/template/grey-star-bg.png) no-repeat 0 0 #e4e4e4; padding-top: 149px;padding-left: 38px;width: 757px;}
body.error404 div#content{	background: url(../images/template/grey-star-bg.png) no-repeat 0 0 #e4e4e4; padding-top: 116px;	padding-bottom: 365px;	padding-left: 20px;	width: 757px;}
div#content{ background: #e8e8e8; padding: 0 0 6em; overflow: hidden; width: 795px; } 

/** Footer **/
div#footer{	width: 100%;padding: 35px 0 100px 0;width: 980px;margin: auto;background: url(../images/footer/footer-logo.png) #152932 22px 35px no-repeat ;}
div#footerInner{	margin:0 40px 0 196px;}
div#footerInner p{	font: 1.2em arial, sans-serif;	color: #ccc;	display: block;}
div#footerInner p.update{	margin-top: 15px;}
div#footerInner p.copyright{	display: inline-block;margin-bottom: 35px;}
div#footerInner ul{	font: 1.2em arial, sans-serif;	color: #ccc;	display: inline-block;	float: right;	margin: 0 10px 0 10px; }
div#footerInner ul li { display: inline-block; }
div#footerInner ul li.empty{ background: url(../images/footer/list-empty.png) no-repeat 0 0; width: 5px; height: 9px; margin: 0 12px }
div#footerInner ul li a{	color: #ccc;	display: inline-block;	text-decoration: underline;}

/** faq **/
div.questionsContainer{ margin-bottom: 40px;}
div.questionsContainer.close, ul.menuContainer.close, ul.menuContainer2.close {	display: none;}