 @charset "utf-8";
@import url(home.css);
@import url(nivo-slider.css);
@import url(custom-nivo-slider.css);
@import url(comparatif.css);
@import url(refTech.css);
@import url(paybox.css);
@import url(kitCom.css);
@import url(raisons.css);
@import url(europe.css);
@import url(interview.css);
@import url(qui.css);
@import url(solutions.css);
@import url(form.css);
@import url(article.css);
@import url(legales.css);
@import url(contact.css);
@import url(popup_rappel.css);
@import url(registration.css);
@import url(legislationotc.css);
@import url(prescription.css);
@import url(poll.css);
@import url(tipsy.css);
@import url(dynacloud.css);
@import url(thickbox.css);
@import url(reset.css);
/****************************************/

/*GLOBALES RULES*/

#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:3;
	opacity:0.5;
	filter: alpha(opacity=50);
}

p{
  font-family:verdana;
  font-size:12px;
  color:#000;
  line-height:1.5em;
}

a{
  font-family:verdana;
  font-size:80%;
  color:#000;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

img{
  border:none;
}

.strong{
  font-weight:bold;
}

.italic{
  font-style:italic;
}

.underline{
  text-decoration:underline;
}

.savoirPlus{
  font-size:13px;
  font-weight:bold;
  font-family:verdana;
  text-align:right;
  padding:2px 13px 0px 0;
  background-image:url('img/SavoirPlus.jpg');
  background-repeat:no-repeat;
  background-position:right 2px;
  margin:0 0px 0px 0;
  cursor:pointer;
  border-top:1px dotted #000;
}

.telecharger{
  font-size:13px;
  font-weight:bold;
  font-family:verdana;
  text-align:right;
  padding:0px 13px 10px 0;
  background-image:url('img/telecharger.jpg');
  background-repeat:no-repeat;
  background-position:right 5px;
  margin:-20px 100px 30px 0px;
  cursor:pointer;
}

#detail_articles .telecharger{
  margin-right:145px !important;
}


.clear{
  clear:both;
}

p#confirm{
  padding-left:24px;
  padding-top:4px;
  background-image:url('img/green_flag.png');
  background-repeat:no-repeat;
  min-height:24px;
  font-weight:bold;
  background-color:#e2e9b0;
  border:solid 1px #83bf24;
}


/*CONTAINERS*/

.headerContainer, .globalContainer, .footerContainer{
  width:911px;
  margin:0 auto;
  position:relative;
}

.headerContainer{
  background-image:url('img/bg-header.png');
  background-repeat:no-repeat;
  background-position:bottom left;
  padding:0 21px 0 21px;
  z-index:1;
}

.globalContainer{
  background-image:url('img/bg.jpg');
  background-repeat:no-repeat;
  padding:0 21px 0 21px;
  z-index:0;
  top:-25px;
}

.banner{
  position:relative;
}


/*HEADER*/

.logo{
  float:left;
  background-image:url("img/logoPharmado.gif");
  background-repeat:no-repeat;
  background-position:top left;
  width:437px;
  height:71px;
  margin-top:3px;
}

.logo a{
  display:block;
  width:421px;
  height:57px;
}



ul#menu00{
  float:right;
  width:250px;
  text-align:center;
  font-size:12px;
  font-weight:bold;
  position:relative;
  margin-top:45px;
  color:#aaaaaa;
}

ul#menu00 li{
  /*
display:inline-block;
*/
float:left;
}

ul#menu00 li a, ul#menu00 li p{
  color:#aaaaaa;
  font-size:10px;
}


ul.menu01{
  float:right; 
  margin:5px 0 0 0;
}

ul.menu01 li{
  /*
display:inline-block;
*/
float:left;
margin-right:3px;
}

ul.menu01 li a{
  text-indent:-5000px;
  display:block;
  width:24px;
  height:24px;
}

ul.menu01 li.home{
  background-image:url('img/menu1Home.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.mail{
  background-image:url('img/menu1Mail.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.rappel{
  background-image:url('img/menu1Rappel.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.liveTchat{
  /* background-image:url('img/menu1liveTchat.gif'); */
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.comparatif{
  background-image:url('img/menu1Comparatif.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.reftech{
  background-image:url('img/menu1RefTech.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.paybox{
  background-image:url('img/menu1Paybox.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.raisons{
  background-image:url('img/menu1Raisons.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.kitcom{
  background-image:url('img/menu1KitCom.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.surmesure{
  background-image:url('img/menu1SurMesure.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.interview{
  background-image:url('img/menu1Interview.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.europe{
  background-image:url('img/menu1Europe.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}

ul.menu01 li.presse{
  background-image:url('img/menu1Presse.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}



ul.menu01 li.qui{
  background-image:url('img/menu1Qui.gif');
  background-repeat:no-repeat;
  width:24px;
  height:24px;
  cursor:pointer;
}


/*i frame*/

iframe{
  left:591px;
  top:-7px;
  position:absolute;
  width:350px;
  height:50px;
  border:0px;
}




ul.menu02{
  position:absolute;
  left:16px;
  top:40px;
  padding:2px 2px 2px 0;
}

ul.menu02 li a{
  text-indent:-5000px;
  display:block;
  width:24px;
  height:24px;
}

ul.menu02 li.home{
  background-image:url('img/menu2Home.png');
  background-repeat:no-repeat;
  width:29px;
  height:32px;
  cursor:pointer;
}

ul.menu02 li.mail{
  background-image:url('img/menu2Mail.png');
  background-repeat:no-repeat;
  width:29px;
  height:32px;
  cursor:pointer;
}

ul.menu02 li.rappel{
  background-image:url('img/menu2Rappel.png');
  background-repeat:no-repeat;
  width:29px;
  height:32px;
  cursor:pointer;
}


/*Menu03 Resaux sociaux*/

ul.menu03{position:absolute; right:-17px;}

ul.menu03 li{margin-bottom:5px;}

ul.menu03 li.tweeter a{ display:block; background:url(img/rs_tweeter.gif) no-repeat; width:27px; height:33px; text-indent:-5000px;}
ul.menu03 li.facebook a{ display:block; background:url(img/rs_facebook.gif) no-repeat; width:27px; height:33px; text-indent:-5000px;}
ul.menu03 li.blog_pharmado a{ display:block; background:url(img/rs_blog.gif) no-repeat; width:27px; height:33px; text-indent:-5000px;}


/*FOOTER*/

.footerContainer {
  text-align:center;
  font-size:11px;
  color:#aaaaaa;
  padding:20px 0 10px 0;
  font-family:verdana;
}

.footerContainer a{
  color:#aaaaaa;
  font-size:11px;
}

/****************SIDE BAR************/

.sidebar{
  float:right;
  width:279px;
}

.sidebar .comparatif a{
  display:block;
  background-image:url('img/colDteComparatif.jpg');
  width:279px;
  height:160px;
  cursor:pointer;
  margin:0 0 10px 0;
}

.sidebar .pub a{
  display:block;
  width:279px;
  height:151px;
  cursor:pointer;
  margin:0 0 10px 0;
}

.sidebar .liveTchat a{
  display:block;
  background-image:url('img/colDteLiveTchatOn.gif');
  width:200px;
  height:68px;
  cursor:pointer;
  margin:0 0 10px 0;
  padding:50px 0 0 79px;
  font-size:11px;
  color:#fff;
}

.sidebar .qui a{
  display:block;
  background-image:url('img/colDteQui.gif');
  background-repeat:no-repeat;
  width:279px;
  height:33px;
  cursor:pointer;
  margin:10px 0 10px 0;
}

.sidebar .sondage a{
  display:block;
  background-image:url('img/colDteSondage.gif');
  width:279px;
  height:99px;
  cursor:pointer;
  margin:0 0 10px 0;
}

.sidebar .registrationGpmt a{
  display:block;
  background-image:url('img/rightSidebar_adherentGpmt.jpg');
  width:279px;
  height:94px;
  cursor:pointer;
  margin:0 0 10px 0;
}

.sidebar .rappel a{
  display:block;
  background-image:url('img/colDteRappel.jpg');
  width:279px;
  height:153px;
  cursor:pointer;
  margin:0 0 10px 0;
}

.sidebar .interview{
  margin-top:10px;
}

.sidebar .interview ul.interview{
  background-color:#e2e2e2;
  margin-top:-20px;
  padding-top:24px;
  position:relative;
  z-index:1;
}

.sidebar .interview ul.interview li{
  background-image:url('img/puce.png');
  background-repeat:no-repeat;
  background-position: 5px 4px;
  padding:0 10px 5px 18px;
  margin:0 0 10px 0;
  text-align:justify;
}

.sidebar .interview ul.interview li a{
  font-size:13px;
  font-weight:bold;
  background:none;
}

.sidebar .interview  a.titre{
  display:block;
  background-image:url('img/ColDte-titre-Interview.png');
  background-repeat:no-repeat;
  width:263px;
  height:31px;
  margin:0 0 10px 3px;
  position:relative;
  z-index:2;
}

.sidebar .groupement a{
  display:block;
  background-image:url('img/ImgGroupement.gif');
  background-repeat:no-repeat;
  width:279x;
  height:153px;
}

.sidebar .plaquette a{
  display:block;
  background-image:url('img/ImgPlaquette.gif');
  background-repeat:no-repeat;
  width:279x;
  height:153px;
  margin-top:10px;
}

.inscription{
	width:305px;
	height:125px;
	background:url(img/inscription.gif) no-repeat;
	margin:20px 5px 10px 0;
	float:left;
	text-indent:-5000px;
}

.sur_mesure{
	width:305px;
	height:125px;
	background:url(img/surMesure.gif) no-repeat;
	margin:20px 0 10px 0;
	float:left;
}

.rappelInfo{
	width:305px;
	height:125px;
	background:url(img/rappelInfo.gif) no-repeat;
	margin:20px 0 10px 0;
	float:left;
}

.dataContainerSolution01 .inscription, .dataContainerSolution02 .inscription, .dataContainerSolution03 .inscription{
	margin-left:-55px;
}

/*Message de validation*/

div.notice{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background-color:#15aae3;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	left:33%;
	margin:0 auto;
	padding:20px;
	position:fixed;
	text-align:center;
	top:33%;
	width:33%;
	z-index:10;
	font-family:verdana;
	font-size:11px;
}
 
 
.noticeDevis_txt{
	font-weight:normal;
}

/*Message d'information*/

#descriptionSolution ul li.information{
	background:url(img/information.png) no-repeat 0 2px !important;
	padding-left:25px;
}

#descriptionSolution ul li.information p {
	line-height:15px;
	font-size:11px;
	font-weight:bold;
	color:#747474;
}







/********************PAGE NOUVEAU MARCHE*******************************/

.nouveuMarche_solution{
  width:197px;
  float:left;
  margin-right:8px;
  margin-top:15px;
  margin-bottom:15px;
}

.nouveuMarche_solution p{
  background:url(../../images/btob/sol01_nouveauMarche.jpg) no-repeat 0 0;
  height:87px;
  width:173px;
  padding:5px 12px;
  cursor:pointer;
  margin-bottom:0px;
  text-align:left;
}

#nouveuMarche_solution02 p{background:url(../../images/btob/sol02_nouveauMarche.jpg) no-repeat 0 0;}
#nouveuMarche_solution03 p{background:url(../../images/btob/sol03_nouveauMarche.jpg) no-repeat 0 0;}

.nouveuMarche_solution p:hover + ul{
  height:170px;
}

.nouveuMarche_solution p + ul li{
  margin-left:10px;
}

#nouveuMarche_solution01 p:hover + ul{ background:#ffea75;}
#nouveuMarche_solution02 p:hover + ul{ background:#a8d7f0;}
#nouveuMarche_solution03 p:hover + ul{ background:#e2e9b0;}

.nouveuMarche_solution ul{
  height:0px;
  overflow:hidden;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}


.nouveuMarche_solution ul li{
  text-align:left;
  font-size:11px;
}

.contentPrescription{
  height:auto;
  overflow:hidden;
}

#nouveauMarche_ccl{
  text-align:center;
  font-size:18px;
  clear:both;
}

p#nouveuMarche_note{
  font-size:11px;
  margin:30px 0;
}






















