/** Title **/

body.home div#content h2{ font: 2.2em/1 arial, sans-serif; text-transform: uppercase; color: #003e7e; margin: 18px 24px; }
body.home div#content div#products ul li.mystarConnect h2 {background: url(../images/template/arrow_home.png) no-repeat 115px 74px transparent;margin: 62px 24px 0 28px; line-height:24px; }
body.maintenance div#content h1{  font: 2.2em/1 arial, sans-serif; color: #fff; text-transform: uppercase; }
div#content h1{ font: 3.6em/1em "AvalonBookMed", Arial, sans-serif; color: #003e7e; margin: 30px 24px 22px 30px; }
div#content h2{ font: 3.6em/1 arial, sans-serif; color: #003e7e; margin: 30px 24px 22px 30px; }
div#content h3{ font: 1.8em/1em "AvalonBookMed", Arial, sans-serif; color: #003e7e;}

div#content h4{ font: bold 1.6em/1 arial, sans-serif; color: #1971ae; margin: 30px 24px 4px 30px; }
body.myStarExtra div#content h4{ font: bold 1.6em/1 arial, sans-serif; color: #000; margin: 30px 24px 6px 30px; }
div#content h5 {font: bold 1.4em/1 arial, sans-serif; color: #1971ae; margin: 0; }

/** PARAGRAPH **/
body.maintenance div#content p{ font: 1.6em/1.5 arial, sans-serif; margin: 0 30px 22px; color: #fff; }
body.contact div#content p{ font: 1.6em/1.5 arial, sans-serif; margin: 0 30px 8px; color: #000; }
body.contact div#content p.info{ font: 1.3em/1 arial, sans-serif; margin: 0 30px 8px; color: #000; }
div#content p{ font: 1.6em/1.5 arial, sans-serif; margin: 0 30px 22px; color: #000; }
body.myStarExtra div#content p { margin: 0 30px 10px; }
body.home div#content p{ margin: 0 0 22px; }
div#content p.reference{ font: 1.2em/1.1666 arial, sans-serif; margin: 0 30px 22px; color: #000; }
div#content p.chapeau{ font: bold 1.8em/1.333 arial, sans-serif; margin: 0 30px 22px; color: #000; }
div#content p.list{ font: bold 1.6em/1.333 arial, sans-serif; margin: 0 30px 10px 30px; color: #000;}


/** TABLE **/
div#tableContainer{	margin: 0 32px;	width: 730px;	padding-bottom: 35px;	margin-bottom: 25px;}
div#content table#t1{  	width: 730px;	border: 4px solid #7fd8e1;	margin-top: 32px;}
div#content table#t1.genericArray thead tr{	background: #7fd8e1;}
div#content table#t1.genericArray thead tr th{	text-align: center;	padding: 10px 0;	font: 1.6em/1.5 arial, sans-serif;	color: #000;}
div#content table#t1.genericArray tbody tr th{	text-align: center;	padding: 10px 0;	font: 1.4em/1.5 arial, sans-serif;	color: #000;background: #fff;}
div#content table#t1.genericArray tbody tr td{	text-align: center;	padding: 10px 0;font: 1.4em/1.5 arial, sans-serif;	color: #000;background: #fff;border-left: 2px solid #7fd8e1;}
div#content table#t1.genericArray tbody tr td a{	display: inline-block;	background: url(../images/content/website-link.png);width: 80px;height: 26px;color: #fff;text-transform: uppercase;font-weight: bold; line-height: 1.8em;}
div#content table#t1.genericArray tbody tr td a:hover{	background: url(../images/content/website-link-hover.png);}
div#content div#tableContainer table#t1.genericArray tbody tr td {background:none;background-color: #fff;}
div#content table.alert{margin: 0 30px 22px;font: 1.4em/1.5 arial, sans-serif;	color: #000;}
div#content table.alert td img{	margin-right: 10px;}
div#content table.alert td ul{	margin-top: 10px;}
div#content table.alert td ul li{	margin:5px 0 0 0;}

/** LISTS **/
div#content ol {list-style-position: outside;list-style-type: decimal;margin:0 0 0 22px;}
div#content ol li ol {list-style-type: none;margin:0 0 0 22px;}
div#content ol li {font: bold 1.4em/1 arial, sans-serif; color: #1971ae; margin: 15px 24px 4px 30px;}
div#content div.sommaire h4 {margin: 10px 0 0 30px;}
div#content a h4 {margin: 30px 0 0 30px; }
div#content a:hover h4 {text-decoration: underline;}
div#content ol li h5 {margin: 5px 0 5px 30px;}
div#content ol li p {font: 1em/1.5 arial,sans-serif;margin: 5px 0 0;}
div#content ol li ul li {list-style-position: outside; margin:10px 10px 10px 20px;}
div#content ol li ol li {font: bold 1em/1.5 arial,sans-serif;margin: 10px 0 0;}
div#content ol li ol li p{font: 1em/1.5 arial,sans-serif;margin: 0;}
body.contact div#masterContainer div#middle div#middleInner div#content ul {margin: 0 30px 8px;}
body.contact div#masterContainer div#middle div#middleInner div#content ul li {font: 1.6em/1.5 arial,sans-serif;margin: 0;}


/** sup **/
sup{ font-size: 0.5em; text-transform: uppercase; }

/** links **/
div#content p a{ color: #000; text-decoration: underline; }
body.error404 div#content p{ color: #003f7d; }
body.error404 div#content p a{ color: #003f7d; }
body.error404 div#content p a:hover{ color: #fe8a03; }

/** links - sitemap **/
body.sitemap div#content ul li a { display: block; }

body.sitemap div#content > ul > li{ display: inline-block; 	padding: 0 0 22em; float: left; padding-left: 1em; margin-right: 65px; background: url(../images/template/sitemap-separator.png) no-repeat 0 0;}

/** anchor **/
div#content div#anchorContainer{ border-bottom: 1px solid #7f68a1; width: 735px; height: 10px; margin: 0 30px 30px}
div#content div#anchorContainer ul li, div#content div#anchorContainer ul.navextra li{ color: #7f68a1; font:1.5em arial, sans-serif; list-style: none; margin-left: 0; text-transform: uppercase; background: #e8e8e8;float: left }
body.sitemap div#content > ul > li > a{	color: #003e7e;	font: bold 2.2em/0.8181 arial, sans-serif;	text-transform: uppercase;	margin-bottom: 22px;}
body.sitemap div#content > ul > li > ul > li > a{	color: #003e7e;	font: bold 1.8em/1.5 arial, sans-serif;	text-transform: uppercase;	margin-left: 15px;	margin-bottom: 10px;}
body.sitemap div#content > ul > li > ul > li > ul > li > a{	font: 1.6em/0.888 arial, sans-serif;	color: #003e7e;	margin-left: 52px;	margin-bottom: 18px;}
body.sitemap div#content > ul > li > ul > li > ul > li > a:hover{	color: #f9a23b;	text-decoration: underline;}


/** home - products **/
div#products ul{ margin-left: -1px; }
div#products ul li, div#products ul li.hover{ display: inline-block; border: 1px solid #aed7ec; width: 198px; height: 220px; position: relative; margin-left: -1px; float: left; }
div#products ul li a{ display: inline-block; width: 176px; height: 50px; padding: 170px 0 0 22px; background: center 26px no-repeat }
div#products ul li a p {display:none;}
body.home div#masterContainer div#products ul li a:hover {background-image:none; background-color: #8ac9f0; }
body.home div#masterContainer div#products ul li a:hover h3, body.home div#masterContainer div#products ul li a:hover span {margin: -155px 0 0 0;}
div#products ul li a:hover p {display:block;font: 1.4em/1.5 arial, sans-serif; line-height: 1.4em; padding: 20px 10px 0 0 ;color:#003E7E;height: 100px;}
div#products ul li a:hover p.link{background: url(../images/content/products_picto.png) 0 1px no-repeat;margin:0; padding: 0 0 0 18px;}
div#products ul li.mystarExtra a{ background-image: url(../images/content/myStarExtra.png); }
div#products ul li.mystarConnect a{ background-image: url(../images/content/MyStarConnect.png); }
div#products ul li.bgstar a{ background-image: url(../images/content/bgstar.png); }
div#products ul li.iBgstar a{ background-image: url(../images/content/iBgstar.png); }
div#products ul li a span{ font:  1.4em/1 arial, sans-serif; color: #003e7e; }
div#links ul li{	width: 398px;	height: 170px;	display: inline-block;	float: left;}
div#links ul li a{	height: 110px;	display: inline-block;	text-align: center;	padding: 30px 28px;	width: 340px;}
div#content div#links ul li a h2{margin: 0; color: #fff; margin-bottom: 8px }
div#content div#links ul li a p{font: 1.4em/1.5 arial, sans-serif;	}
div#content div#links ul li.contact_us { background: #0ebcce }
div#content div#links ul li.about_us { background: #3f525a }
div#content div#links ul li.contact_us a p{ color: #000; margin-bottom: 5px }
div#content div#links ul li.about_us a p{ color: #fff ; margin-bottom: 5px}
div#content div#links ul li.contact_us a > span{ 	background: url(../images/content/contact_us_picto.png) 0 1px no-repeat; padding-left: 18px; font: 1.6em arial, sans-serif; color: #000;}
div#content div#products ul li.hover a > span{ 	background: url(../images/content/products_picto.png) 0 1px no-repeat; padding-left: 18px; margin:0; color: ##003E7E; font: 1.4em arial, sans-serif;}
div#content div#links ul li.about_us a > span{	background: url(../images/content/about_us_picto.png) 0 1px no-repeat;padding-left: 18px;	font: 1.6em arial, sans-serif;	color: #fff;}

/** faq **/
.toggleContainer { border-bottom: 2px dotted;   clear: left;    float: left;    height: 14px;    margin: 0 30px 25px 30px;    width: 735px;}
div#content a.toggle:hover{ text-decoration: underline; }
div#content a.toggle{	font: 1.6em arial, sans-serif;	text-transform: uppercase;	color: #000;	margin: 0 0 0 0;	padding: 0 0 0 22px;	display: block;	float: left;	padding-right: 10px;}
div#content a.toggle.open{background: url(../images/content/faq-open.png) #e8e8e8 no-repeat 0 1px;}
div#content a.toggle.close{background: url(../images/content/faq-close.png) #e8e8e8 no-repeat 0 1px;}
body.myStarExtra div#masterContainer div#middle div#middleInner div#content ul.navextra li {display: inline;list-style: disc inside; }
body.myStarExtra div#masterContainer div#middle div#middleInner div#content ul.navextra li.first a {background:none;margin:0; padding-left:0;}
body.myStarExtra div#masterContainer div#middle div#middleInner div#content ul.navextra a {color:#655281;background: url("../images/template/puce.jpg") no-repeat scroll 0 5px transparent; display:block; float:left;padding:0 20px 20px 25px;}
body.myStarExtra div#masterContainer div#middle div#middleInner div#content ul.navextra a:hover {text-decoration: underline;}
div#content a.backToTop{display: block;float: right;color: #000;font: 1.1em arial, sans-serif;padding-right: 20px;background: url(../images/content/topofpage.png) #e8e8e8 right 0 no-repeat ; 	margin-top: 2px;   padding:2px 20px 2px 10px;    text-decoration: underline;}
div#content ul li{ font: 1em arial, sans-serif; list-style: disc inside; color: #000; margin-left: 30px }
body.sitemap div#content ul li{ font: 1em arial, sans-serif; list-style: none; color: #000; margin-left: 0 }
body.home div#content ul li{  margin-left: -1px; list-style:none; }
div#content ul li span{ font: 1.6em arial, sans-serif; margin-left: 22px; }
body.home div#content ul li span{ margin-left: 0; }

/** form **/
form{ margin: 30px }
form fieldset{ border:0; margin: 36px 0 0; border-top: 1px solid #7f68a1  }
form fieldset legend{ font: 1.6em arial,sans-serif; color: #7f68a1; text-transform: uppercase; padding-right: 8px }
div#inputRadio_status,div#inputText_address1,div#inputText_subject,div#inputText_subject,body.contact div#content form fieldset p, tbody tr td#right-area div#content div.formContainer form fieldset div#selectOption_subject.selectOption{	margin-top: 30px;}
body.contact div#content p.errorMsg{ color: red; margin: 0 0 0 138px; clear: both; }
body.contact div#content form fieldset div.inputRadio{ margin-bottom: 12px }
body.contact div#content form fieldset div.inputRadio div p{ display: inline-block; margin: 0 14px 0 0 }
body.contact div#content form fieldset div.inputRadio div p input{ margin: 0 8px 0 0 }
form fieldset div#inputRadio_status span.globalLabelRadio {  clear: left;   display: block;  float: left; font: 1.6em arial,sans-serif;  text-align: right; width: 118px; color:#000;}
form fieldset div#inputRadio_status > div{ float: left; margin-left: 16px }
form fieldset div.selectOption label{width: 118px; 	text-align: right; 	display: inline-block; 	font: 1.6em arial, sans-serif; 	color:#000;	clear: left;	float: left;}
form fieldset div.inputText label, form fieldset div.textarea label {    clear: left;    display: block;    float: left;    font: 1.6em arial,sans-serif;    text-align: right;  width: 118px;    color:#000;}
form fieldset div.textarea label {  clear: left;  display: block; float: left;  font: 1.6em arial,sans-serif; text-align: right; width: 118px;}
form fieldset div.selectOption select{ width: 248px; height: 20px; margin: 0 0 16px 20px; font: 1.4em arial,sans-serif;  float: left;}
form fieldset div.inputText input{ 	width: 238px; 	height: 20px; 	margin: 0 0 16px 20px;	display: block;	float: left;    font: 1.4em arial,sans-serif;    padding: 0 5px;}
form fieldset div.textarea textarea{ 	width: 238px; 	margin: 0 0 16px 20px;	display: block;	float: left;    font: 1.4em arial,sans-serif;    padding: 0 5px;}
form fieldset div#inputText_captcha{ margin-bottom: 56px }
form fieldset div#inputText_captcha label{ width: 314px; color: #000 }
form fieldset div#inputText_captcha input#captcha{ width: 56px }
form div#inputSubmit_v2{ text-align: center; }
div#inputSubmit_v2.inputSubmit_v2 input{ background: url(../images/content/contact-submit.png) 0 0 no-repeat; padding-bottom: 2px; border: 0; width: 98px; height: 26px; font: 1.3em arial,sans-serif; text-transform: uppercase; color: #fff; }
div#inputSubmit_v2.inputSubmit_v2 input:hover{ background: url(../images/content/contact-submit_on.png) 0 0 no-repeat; cursor:pointer;}

/** myStar Extra **/
div#content div.questionsContainer div.about-box{ width: 233px; height: 150px; display: inline-block; vertical-align: middle; margin-right: 19px; margin-top: 20px; padding-top: 84px}
div#content div.questionsContainer div.about-box p{ margin: 0 12px;}
div#content div.questionsContainer div.about-box p span{ color: #7f68a1; text-transform: uppercase; font-weight: bold;font-size: 0.95em;}
div#content div.questionsContainer div.about-box.estimation{ background: url(../images/content/estimation.png) no-repeat 0 0 ; margin-left: 30px }
div#content div.questionsContainer div.about-box.fasting-trend{ background: url(../images/content/fasting-trend.png) no-repeat 0 0 ; }
div#content div.questionsContainer div.about-box.fasting-average{ background: url(../images/content/estimation.png) no-repeat 0 0;  }
body.myStarExtra div#content div.questionsContainer table{ margin: 0 30px; width: 735px; }
body.myStarExtra div#content div.questionsContainer table tr td span{ font: 1.6em arial, sans-serif; color: #000; display:  block; border-bottom: 1px solid #b6b6b6; padding-bottom: 4px }
body.myStarExtra div#content div.questionsContainer table tr td ul{ margin: 6px 0 20px ; }
body.myStarExtra div#content div.questionsContainer table tr td ul li{ display: inline-block; font: 1.6em arial, sans-serif; margin-left: 7px; width: 130px }

/*******************************************
 * BEGIN SLIDERS
 *******************************************/
div.sliderHome { height: 359px; overflow: hidden;  position: relative; margin:0; float:left; }
div.sliderHome ul.allSlides { overflow:#hidden; background-color:#ffffff;}
div.sliderHome ul.allSlides li{ overflow:hidden;}
div.sliderHome div#pagerselector{ position:absolute; right:340px; top: 300px; z-index:8; }
body.home div.sliderHome div#pagerselector{ top: 316px; right:442px; }
body.myStarExtra div.sliderHome div#pagerselector, body.myStarConnect div.sliderHome div#pagerselector { right:60px;}
div.sliderHome div.sliderNavigation{width:100%; position:relative; margin-top: -22.4em; z-index:1000; }
div.sliderHome div.sliderNavigation tablepagerselectorNavTable{width:100%; }
div.sliderHome div.sliderNavigation table#sliderNavTable a {display:block; }
div.sliderHome div.sliderNavigation table#sliderNavTable a#slideRight{float:right;}
div.sliderHome div.sliderNavigation table#sliderNavTable a#slideLeft{float:left;}
div.sliderHome div.actions {  margin: -2.5em 1.5em 0 1em;  position: relative;  z-index: 8;}
div.sliderHome div.actions div.playPause{display: inline-block;float: left;margin-left: 1px;position:absolute; right:385px; top:-18px; }
body.myStarExtra div.sliderHome div.actions div.playPause, body.myStarConnect div.sliderHome div.actions div.playPause{right:0;top:-34px;}
div.sliderHome div.actions div.playPause a{width:14px; height:14px; font-size:0; line-height:0; display:block;width:40px; height:40px;}
div.sliderHome div.actions div.playPause a.play{background:url(../images/content/btn-play.png) 50% 50% no-repeat;} 
div.sliderHome div.actions div.playPause a.pause{background:url(../images/content/btn-pause.png) 50% 50% no-repeat;}
div.sliderHome div#pagerselector ul.pager {background:url(../images/content/fnd_pager.png) repeat;  padding: 15px 8px 15px 5px;  width: auto;float:right; display:block;  }
div.sliderHome div#pagerselector ul.pager li{display:inline; cursor: pointer;   margin-left: 4px;}
div.sliderHome div#pagerselector ul.pager li a{background:url(../images/slides/pager-btn.png) 50% 50% no-repeat; width:12px; padding:1px 5px;}
div.sliderHome div#pagerselector ul.pager li.activeSlide a{background:url(../images/slides/pager-btn-active.png) 50% 50% no-repeat;}
html body.home div#masterContainer div#container.clearfix div#pageContainer.content div.cntCol div#mainIllustration.sliderHome ul.allSlides li a {display:block;}
div.sliderHome div.actions div#prev {background: url(../images/content/prev.png) no-repeat left top transparent;float:left; width:55px; height:69px; margin:-28px 0 0 5px;}
div.sliderHome div.actions div#next {background: url("../images/content/next.png") no-repeat scroll left top transparent;float:right; width:55px; height:69px; margin:-28px 5px 0 0;}
div.sliderHome div.actions div#prev:hover, div.sliderHome div.actions div#next:hover {cursor:pointer;}
 /*******************************************
 * END SLIDERS
 *******************************************/