@charset "utf-8";
/* CSS Document */

html, body{ min-height:100%;}
body{ min-width:1000px; height:100%; font-family:Arial, Helvetica, sans-serif; display:block;
background:url(../img/background.jpg) top center no-repeat, url(../img/back.png) top center repeat-y, #02a69d;margin:0; }
center{ display:block; width:1000px; margin:auto; position:relative; }
center header{ display:block; height:192px; background:#fff url(../img/frise.jpg) 615px 42px no-repeat; position:relative; }
center header a.logo{ position:absolute; top:0; left:12px; width:433px; height:120px; display:block; background:url(../img/logo.jpg) top left no-repeat; }
/*#ie6menu{ display:none; }*/

center header .login{float:right; text-align:right;padding:10px 20px 0px 0px;}
center header nav{ position:absolute; bottom:0px; right:0px; display:table; width:1036px; height:72px; background:url(../img/menu.png) 0 0 no-repeat; /*overflow:hidden;*/ }

center header nav li{ list-style:none;  display:table-cell; height:72px; text-align:center; vertical-align:middle; background:url(../img/menu-separator.png) center right no-repeat; }
center header nav li a{ padding:4px 0; text-decoration:none; color:#FFF; font-size:22px; }
center header nav li:hover{ background:url(../img/menu-separator.png) center right no-repeat, url(../img/menu-select.gif) bottom center no-repeat; }

center header nav li.selected{ background:url(../img/menu-separator.png) center right no-repeat, url(../img/menu-select.gif) bottom center no-repeat; }
center header nav li:hover a{ border-bottom:2px solid #fff; text-shadow: 0 2px 1px #1b3a37; }
center header nav li.home{ width:50px; height:72px; background:none; }
center header nav li.home a{ display:block; width:50px; height:72px; padding:0; background:none; text-decoration:none; }
center header nav li.home a:hover{ background:none; text-decoration:none; border:none; }
center header nav li.last{ background:none; }
center header nav li.last:hover{ background:url(../img/menu-select.gif) bottom center no-repeat; }
center header nav li.last.selected{ background:url(../img/menu-select.gif) bottom center no-repeat; }

center header .facebook_like{padding:20px 0px; width:200px; height:30px; position:absolute; left :450px; top:-10px; }

center article{ padding:42px 0; background:url(../img/shadow-top.png) top center no-repeat, url(../img/shadow-bottom.png) bottom center no-repeat, #f3f3f3;clear:both; }
center article a{ color:#01524d; }
center footer{ display:block; width:1000px; margin:auto; padding:10px 0; border-top:1px solid #01524d; font-size:10px; color:#fff; clear:both; }
center footer a{ color:#fff; text-decoration:none; }
center footer a:hover{ text-decoration:underline; }

/*
 * CSS Styles that are needed for jScrollPane customisation
 */

.jspVerticalBar{ width: 5px; height: 100%; background-color:transparent; }
.jspHorizontalBar{ width: 100%; height: 5px; background-color:transparent; }
.jspTrack{ position: relative; background-color:#8b9ba3; }
.jspDrag{ position: relative; background-color:#4b5860; }
.jspCap{ display: block; }



section hr{ width:1000px; height:60px; background:url(../img/hr.jpg) top left no-repeat; margin:auto; padding:0; }
section.header{ width:1000px; padding-bottom:44px; background:url(../img/hr.jpg) bottom center no-repeat;}
section.header .navig {position:absolute;left:380px;}
section.header .navig li a{text-decoration:none; color:#4B5860; font-weight:bolder;height:29px;display:inline-block; padding:5px 0px;}
section.header .navig .next{background:url(../img/fleche_next.png) top left no-repeat; width:29px;}
section.header .navig .prev{background:url(../img/fleche_prev.png) top left no-repeat;width:26px;}
section.header .navig .sub{display:none; text-align:center;}
section.header .navig .sub.on{display:block;}
section.header .photo a{margin:0px; padding:0px;text-decoration:none;}
section.header .photo img{opacity:0.5;filter:alpha(opacity=50);float:left;height:350px; border:0;}
section.header .navig .page_link{width:170px;}
section.header .photo.on img{opacity:1; filter:alpha(opacity=100);}

section.content{ float:left; width:660px; min-height:100%; padding:0 20px; height:auto; background:url(../img/vline.png) center right no-repeat; text-align:left; }

section.faq, section.experts{ clear:right; float:right; width:260px; height:239px; padding:0 20px 11px 20px; background:url(../img/expertsbottom.png) bottom center no-repeat; }
section.faq h2, section.experts h2{ font-weight:normal; font-size:22px; height:25px; padding-top:14px; margin-bottom:1px; text-align:right; color:#4b5860; border-bottom:5px solid #4b5860; }

section.faq div.list, section.experts div.list{ display:block; width:260px; height:194px; overflow:auto; font-size:12px; font-weight:normal; color:#4b5860; margin-top:1px; margin:0; padding:0; text-align:left; }
section.experts div ul li{background-color:#fff; width:inherit; margin:0 0 1px 0; padding:0; cursor:pointer; }
section.faq div ul li{ background-color:#fff; width:inherit; margin:0 0 1px 0px; padding:5px 0 5px 10px; list-style:disc; list-style-type:disc; list-style-position:inside;cursor:pointer; }
section.faq div ul li a{ text-align:left;text-decoration:none; color:inherit; }

span.right{ display:block; clear:right; float:right; border:0; padding:0; width:260px; margin:20px 20px 5px 0; height:1px; background:url(../img/linesmall.png) top right no-repeat; }

section.experts{ margin-bottom:120px/*97px*/; }
section.experts div ul li span{height:30px; width:inherit; }
section.experts div ul li span img{ display:inline; width:30px; height:30px; margin-right:10px; vertical-align:middle; }
section.experts div ul li span h3{ display:inline; text-align:left;vertical-align:middle; }
section.experts div ul li p{ display:none; padding:8px; border-top:1px solid #f3f3f3; }
section.faq div ul li:hover, section.experts div ul li:hover, section.experts ul li.over, section.experts ul li.opened{ background-color:#016c66; color:#fff; }

div.logo{ position:absolute; bottom:60px; right:20px; width:260px; height:auto; padding-top:21px; background:url(../img/linesmall.png) top left no-repeat; z-index:10; }
div.logo a{ display:block; width:260px; height:80px; background:url(../img/logo.png) top left no-repeat; }

span.nomprenom, a.btnDeconnexion{ position:absolute; display:block; padding:4px 6px 0 14px; height:17px; font-size:14px; color:#FFF; text-decoration:none; }
span.nomprenom{ top:10px; right:0px; background:url(../img/backconnexion.png); }
a.btnDeconnexion{ top:32px; right:0px; background:url(../img/backdeconnexion.png); padding-left:30px; }

div.article{ clear:both; padding:10px 0 0 0;  }

div.article a{text-decoration:none; color:#4B5860; cursor:pointer;}

.article div.title{ width:300px;  }

.article div.title span{display:inline-block; width:280px;}

section.content div.title{ display:block; width:auto; padding:7px 0 7px 8px; background:url(../img/backtitle.png) -700px 0 no-repeat; color:#fff; overflow:hidden; border-bottom:1px solid #F3F3F3; font-size:18px/*20px*/; font-weight:bold; letter-spacing:-0.05em;line-height:25px;}

div.thumb{ float:left; position:relative; z-index:100;}
div.decription{ float:right; width:350px; padding:0; height:155px; overflow:hidden; }
a.link, span.link{ clear:right; float:right; padding-right:10px; color:#4b5860; display:block; width:auto; text-align:right; font-weight:bold; background:url(../img/bglink.gif) right bottom no-repeat; text-decoration:none; }
div.line{ clear:both; height:20px; background:url(../img/line.png) bottom left no-repeat; }

div.over_description{float:right; width:300px; padding:10px; height:auto;background: none repeat scroll 0 0 #333; color: #FFFFFF;font-size: 12px; opacity: 0.9;position: relative;top:-200px; right:20px; z-index:150;}

div.over_description p{margin-bottom:20px;}
div.over_description .link{color:#fff;background:url("../img/bglink_white.gif") no-repeat scroll right bottom transparent;margin-right:5px;}

.clear{ visibility:hidden; clear:both; overflow:hidden; height:1px; margin:0; padding:0; border:none; }


/**************** PAGE FAQ ***************/
#formFaq{position:relative; padding-bottom:10px; height:30px; width:955px;}
#formFaq input[type="text"]{color:#4B5860; width:150px;}
#formFaq select {color:#4B5860; width:175px;margin-top:5px;}
#formFaq .keyword{border :1px solid #9AC1C9;}
#formFaq form{width:200px;}

/**************** PAGE FAQ POSOLOGIE ***************/
/*input.disabled{ color:#fff; }*/


/**************** PAGES LA QUESTION DU JOUR ***************/
.questionDuJour header{ background:#FFF url(../img/logo.jpg) center center no-repeat; height:120px;}

.questionDuJour #lienWebconf{padding:30px 0px 20px 0px; text-align:center; background-color: #01524D;}

.questionDuJour #lienWebconf a{color:#FFF;font-size:20px; text-decoration:none;}
.questionDuJour #lienWebconf:hover{background:#01524D url("../img/menu-select.gif") no-repeat scroll center bottom;}

.questionDuJour #lienWebconf:hover a{text-decoration:underline;}

.questionDuJour #detailWebconf{ text-align:center; color:#016c66; font-size:19px;  padding-top:30px; background: url("../img/shadow-top.png") no-repeat scroll center top, none repeat scroll 0 0 #F3F3F3;clear: both;}

.questionDuJour footer a{ display:block; background-color:#016C66;}

/**************** PAGES LANDING PAGE CAS CLINIQUES ***************/

.casCliniques{background-color:#4b5860;} 
.casCliniques header{ background:#FFF url(../img/logo.jpg) center center no-repeat; height:120px;}

.casCliniques article #header { font-family: Arial,Helvetica,sans-serif; font-size: 26px; font-weight: normal;
    height: auto;left: 0; padding-bottom: 20px;top: 0;width: 100%;}
	
.casCliniques article #header h1{color:#4B5860;}

.casCliniques article #header .laQuestion {color: #016C66; padding: 10px 0;text-align: center; width: 100%;}

.casCliniques #lienPage{padding:30px 0px 20px 0px; text-align:center;background-color: #01524D;}

.casCliniques #lienPage a{color:#FFF;font-size:20px; text-decoration:none;}
.casCliniques #lienPage:hover{background:#01524D url("../img/menu-select.gif") no-repeat scroll center bottom;}

.casCliniques #lienPage:hover a{text-decoration:underline;}

.casCliniques footer a{ display:block; background-color:#4b5860;}

/**************** PAGES LANDING PAGE VIDEO ***************/

.landingPageVideo header{ background:#FFF url(../img/logo.jpg) center center no-repeat; height:120px;}
.landingPageVideo article #titreVideo{color: #016C66;padding: 10px 0 90px 0;text-align: center;width: 100%;font-size:26px;background:#F3F3F3 url(../img/frise_animaux.jpg) bottom center no-repeat;}
.landingPageVideo article #titreVideo h1{margin: 0 0 10px 0;padding: 0;color: #4B5860;font-family: Arial,Helvetica,sans-serif;font-weight: normal;text-align: center;}
.landingPageVideo .ombrageSpacer{padding:0 0 41px 0; background:#f3f3f3 url(../img/shadow-bottom.png) bottom center no-repeat;}
.landingPageVideo #lienWebconf{padding:30px 0px 20px 0px; text-align:center; background-color: #01524D;}
.landingPageVideo #lienWebconf a{color:#FFF;font-size:20px; text-decoration:none;}
.landingPageVideo #lienWebconf:hover{background:#01524D url("../img/menu-select.gif") no-repeat scroll center bottom;}

.landingPageVideo #lienWebconf:hover a{text-decoration:underline;}

/**************** PAGES LANDING PAGE PRODUIT ***************/

.landingPageProduit header{ background:#FFF url(../img/logo.jpg) center center no-repeat; height:120px;}
.landingPageProduit article h1{display:block;margin:0;color: #016C66;padding: 10px 0 30px 0;text-align: center;font-size:26px;}
.landingPageProduit .cmsTexte{text-align:justify; padding:10px 50px; line-height:20px;}
.landingPageProduit .cmsTexte strong{font-weight:bold;}
.landingPageProduit .cmsTexte i{font-style:italic;}
.landingPageProduit .cmsTexte ul{list-style-type:disc;margin:0; padding:10px;}
.landingPageProduit .cmsTexte ul li{margin:0; margin: 0 0 10px 25px; padding:0;}
.landingPageProduit .cmsImage{text-align:center;padding:10px 0; }
.landingPageProduit .cmsImage img{max-width: 900px;}

.landingPageProduit .ombrageSpacer{padding:0 0 41px 0; background:#f3f3f3 url(../img/shadow-bottom.png) bottom center no-repeat;}
.landingPageProduit #lienFooter{padding:30px 0px 20px 0px; text-align:center; background-color: #01524D;}
.landingPageProduit #lienFooter a{color:#FFF;font-size:20px; text-decoration:none;}
.landingPageProduit #lienFooter:hover{background:#01524D url("../img/menu-select.gif") no-repeat scroll center bottom;}

.landingPageProduit #lienFooter:hover a{text-decoration:underline;}