/* Modèle v1.24 24/02/2009 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}

/*********** A PERSONNALISER **************/
body {font: normal 12px Arial; color:#666; background-color:/*fond de spaw et de la zone contenu*/}
#body{background:#b0cb34 url(images/body.jpg) 0 0 repeat-x;}
table{font-size: 11px;}
a{color:#5fb60c; text-decoration:none;outline:none;}
a:hover {text-decoration:underline;}

h1{font: normal 42px Arial; color:#5ac4d8; margin-bottom:45px; line-height:40px;}
h2{font: bold 16px Arial; color:#3eaac1; margin-bottom:10px; background:none; padding:0;}
h3{font: bold 14px Arial; color:#2d8c16; margin-bottom:5px; }

p {margin-bottom:10px; text-align: justify;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#77ad1a;}
.orange {color:#eebd3f;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #77ad1a; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:10px;}
.strong-vert{font-size:24px; color:#70be26;}
.texte-gd{font-size:18px; text-align:left; margin-bottom:20px;}
.vert{color:#70be26;}
.bleu {color:#5ac4d8;}
.photo {margin-bottom:10px;}
.italic {font-style:italic;}
/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#77ad1a;
  font:bold 11px Arial; line-height:20px; width:160px; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 10px Arial; color:#666; border:1px solid #cfd1d2;height:16px;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;line-height:16px;}
.row label span{color:#f00;}
.row textarea, .row input {width: 150px;}
.row select {width: 152px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:150px; clear:both; margin-bottom:5px;}

/* les boutons */
#BOUTON_RECHERCHER{border:0; background:#62ccde; /*width:22px;*/ height:20px; color:#000; text-align:center;padding:0 5px;}
#valide_panier{border:0; background:#62ccde; width:140px; height:20px; color:#000; text-align:center;}
#valide_nouvelle{border:0; background:#62ccde; width:160px; height:20px; color:#000; text-align:center;margin-left:250px;}
#okProfil, #annuleProfil{border:0; background:#62ccde; width:60px; height:20px; color:#000; text-align:center;}
#boutonContact{border:0; background:#62ccde; width:60px; height:20px; color:#000; text-align:center;margin-left:50px;}


/* Conteneurs */
#conteneur {width:931px; margin:0 auto; position:relative; padding-top:12px;}
#contenu {padding:0 10px 0 18px; width:903px;}
#colonneG {width:195px; float:left; display:inline; margin-right:15px;}
#colonneC {width:459px; float:left; display:inline; margin-right:7px;}
#colonneD{width:227px; float:left; display:inline;}
#page {width:693px; float:left; display:inline;}
#colonneCentre{width:690px; float:left; display:inline; }

#contenu ul.liste {list-style-type:none;}
#contenu ul.liste li{background:url(images/puce/puce.gif) no-repeat 0 4px;margin:0 0 3px 0; padding-left:13px;line-height:1.2em;margin-left:10px;}
#contenu .photo {margin-bottom:10px;}
#contenu .lien {text-align:right;} 
#contenu .lien  a{background:url(images/puce/fleche-verte.gif) no-repeat right; padding-right: 15px;} 

/**********************************************/
/******************  ENTETE  ******************/
/**********************************************/
#zydus_cadila {position:absolute; top:6px; left:35px; z-index:1; background:url(images/puce/fleche.png) no-repeat 0 3px; padding-left:15px;}
#flash {width:931px; height:270px;}

#fondu{position:relative;width:955px; height:270px;overflow:hidden;left:-25px;}
ul#portfolio{list-style:none;margin:0;padding:0;}
ul#portfolio li img{margin:0;padding:0;}
.fade{margin-bottom: 2em;}
.fade p{ margin-bottom: 2em; text-align: center; width: 100%;} 


#actualites {background-color:transparent;}
#actualites .act_date{font:italic 12px Arial; color:#339217; margin-bottom:2px;}
#actualites .act_titre{font:normal 12px Arial; color: #3EAAC1; margin-bottom:10px;padding:0;}
#actualites h3{color: #3EAAC1;}
#actualites .act_texte{font-size:11px;height:110px;overflow:hidden;}


/**********************************************/
/**************  COLONNE GAUCHE  **************/
/**********************************************/
#pictos {margin-bottom:10px;}
#pictos a{float:left; display:inline; height:35px; width:35px; margin-right:10px;}
ul#menu {clear:both; width:195px; margin:0; list-style-type:none;}
ul#menu li{margin:0;display:block;background:url(images/menu/ligne.png) no-repeat bottom left;}
ul#menu li a {display:block; font: normal 14px Arial; color:#fff; line-height:39px; height:40px; background:url(images/menu/fleche.png) no-repeat 8px 17px; padding-left:25px;padding-bottom:1px;}
ul#menu li#menu-france{background:url(images/menu/hover.png) no-repeat 0 0;}
ul#menu li a.active{text-decoration:underline;}

ul#menu li ul.ssmenu {margin:-10px 0 0 20px; list-style-type:none;padding-bottom:10px;display:none;}
ul#menu li ul.ssmenu li{margin:0;display:block;background:none;}
ul#menu li ul.ssmenu li a {display:block; font: normal 11px Arial; color:#308e17; line-height:17px; height:auto; background:url(images/menu/ssfleche.png) no-repeat 5px 6px; padding-left:10px;}
ul#menu li ul.ssmenu li a.active{text-decoration:underline;}
ul#menu li ul.ssmenu-france{margin-top:0px;}


/*****************************************************************************/
/****************************  CADRE TRANSPARENT  ****************************/
/*****************************************************************************/
.cadre {margin-bottom:5px;}
.cadre .contour {position:relative; background:url(images/cadre/cadre-top.png) 0 0 repeat-x; margin:0 28px;}
.cadre .contour .angle-r {position:absolute; right:-28px; top:0;}
.cadre .contour .angle-l {position:absolute; left:-28px; top:0;}
.cadre .top {height:27px;}
.cadre .bottom {height:27px;background:url(images/cadre/cadre-bottom.png) 0 0 repeat-x;}
.cadre .cadre-left {background:url(images/cadre/cadre-left.png) 0 0 repeat-y;padding-left:14px;/*margin-bottom:-5px;*/}
.cadre .cadre-right {background:url(images/cadre/cadre-right.png) top right repeat-y;padding-right:14px;}
.cadre .cadre-contenu {background:#fff;padding:0 7px 1px;}
.cadre .cadre-contenu .bloc {margin-bottom:10px;}
.cadre-contact {background:url(images/cadre/cadre-contact.png) bottom no-repeat; padding:0 14px 27px; height:110px;}

/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
.accueil h2 {font: normal 16px Arial; color:#339217; margin-bottom:10px; background:url(images/puce/puce-verte.gif) 0 5px no-repeat; padding-left:20px;}
.accueil h3{font: bold 12px Arial; color:#3eaac1;margin-bottom:5px;}

#colonneD .actu h2 {margin-bottom:10px; background:none;padding-left:0;}
#colonneD .actu .date {margin-bottom:2px; font-style:italic; color:#339217;}
#colonneD .actu .spaw p{font-size:11px; text-align:left;overflow:hidden;height:110px;}
#colonneD .actu  #player {text-align:center;margin-bottom:0;}

/******************************************/
/**************  Pages  intérieures ****************/
/******************************************/
.liste-simple{list-style-type:none;}
.col{float:left; display:inline; margin-right:45px; width:299px;}
.noMarge{margin-right:0px;}
.col-2tiers{float:left; display:inline; margin-right:26px; width:373px;}
.col-1tiers{float:left; display:inline; width:220px;}
.pages-interieures img{margin-bottom:10px;}
img.img-right{float:right; display:inline; margin-left:10px; margin-right:0px;}
img.img-left{float:left; display:inline; margin-right:10px; margin-left:0px;}
table td.align_r {text-align:right;padding:0 10px 0 0; font-weight: bold;}
.par {padding-left:25px;}


#diaporama{float:right; display:inline; width:291px; height:191px;overflow:hidden;left:-25px;}
ul#diapo{list-style:none;margin:0;padding:0;}
ul#diapo li img{margin:0;padding:0;}


/**************  conditionnement ****************/
#conditionnement {position:relative;}
#conditionnement p { text-align:left;}
#conditionnement h2 {font-size:18px; }
    #temps {position:absolute; top:0; left:0;}
    #temps h2{color:#89b236; width:255px;}
    #cadre_temps{width:165px;position:absolute; top:72px; left:0;}
    #reference {position:absolute; top:0; right:0;}
    #reference h2{color:#666; width:275px;}
    #dosage {position:absolute; top:235px; right:0px;width:165px;}
    #dosage h2{color:#2e8d16; width:130px;padding-left:10px;margin-bottom:30px;}
    #dosage #cadre_dosage{width:165px;}
    #libelle {position:absolute; top:280px; left:0px;}
    #libelle h2{color:#3eaac1; width:155px;}
    #libelle #cadre_libelle{width:165px;}
    #forme {position:absolute; top:450px; left:185px;}
    #forme h2{color:#1c879d; width:295px;}
    #forme #cadre_forme{width:295px;}
.condi {padding-top:80px;}
.page-condi .col{width:400px; margin-right:30px;}
.page-condi .noMarge{width:200px}

/**************  espace officine****************/
.espace-officine h1{margin-bottom:80px;}
.espace-officine h2{font: normal 24px Arial; color:#278814; margin-bottom:20px; }
.espace-officine h3{font: bold 16px Arial; color:#3eaac1;}

.espace-officine .bouton{
  display:block; color:#fff; background-color:#62ccde;
  font:bold 11px Arial; line-height:20px; width:auto; height:auto; border-width:0;  
  text-align:center; cursor:pointer;
}

.espace-officine input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
.espace-officine input, select, textarea{font: normal 10px Arial; color:#666; border:1px solid #cfd1d2;height:16px;}
.espace-officine input[type="checkbox"], input[type="radio"]{border-width: 0;}

.espace-officine .row{clear:both; margin-bottom:5px;}
.espace-officine .row label{display:inline; float: left; margin-right: 5px; width: 90px; text-align: right;line-height:16px;}
.espace-officine .row textarea, .row input {width: 150px;}
.espace-officine .row_bt {margin-left:208px; clear:both; margin-bottom:5px;}


/*profil*/
.col-l{float:left; display:inline; width:310px;}
.col-r{float:right; display:inline; width:310px;}

.espace-profil input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
.espace-profil input, select, textarea{font: normal 10px Arial; color:#666; border:1px solid #cfd1d2;height:16px;}
.espace-profil input[type="checkbox"], input[type="radio"]{border-width: 0;}

.espace-profil .row{clear:both; margin-bottom:5px;}
.espace-profil .row label{display:inline; float: left; margin-right: 5px; width: 150px; text-align: right;line-height:16px;}
.espace-profil .row textarea, .row input {width: 150px;}
.espace-profil .row_bt {margin-left:260px; clear:both; margin-bottom:5px;}
.espace-profil .row_bt input{margin:0 10px;}


/*commande*/
ul#menu_officine{float:left;display:inline;/*width:550px;*/margin:0 0 30px 10px !important; margin:0 0 15px 10px !important!;}
ul#menu_officine li{float:left;display:inline;}
p#aucun{margin-left:30px;}

#total{margin:20px 0;text-align:right;}
#total .row{clear:both;float:right;display:inline;}
#total .row label{width:150px;text-align:right;}
#total .row span{width:60px;text-align:right;}

input#valide_panier{margin-left:260px;}
.warn_com{width:316px;margin: 0 auto; margin-bottom:10px}

/************** actu****************/
.actu h2{font:normal 12px Arial; color:#3eaac1; margin-bottom:0px; background:none; padding:0; color:#278814; }
.actu h3{font:normal 12px Arial; color:#3eaac1; margin-bottom:10px; background:none; padding:0; color:#3eaac1; }
.actu .col img{float:left; display:inline; margin-right:10px;}

.bloc-actu{background: url(images/sep-actu.jpg) no-repeat bottom center; padding-bottom:20px;}
p.telecharger{text-align:right; padding-right:20px; background: url(images/puce/fleche-verte.gif) no-repeat center right;  }
p.telecharger a{color:#278814;}

.actu form{float:left; display:inline; margin-left:20px;}

.actu input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
.actu input, select, textarea{font: normal 10px Arial; color:#666; border:1px solid #cfd1d2;height:19px;}
.actu input[type="checkbox"], input[type="radio"]{border-width: 0;}

.actu .row{display:inline; float: left; margin-bottom:5px; margin-right:20px; clear:none;}
.actu .row label{display:inline; float: left; margin-right: 5px; width:70px; text-align: right; line-height:19px;}
.actu .row textarea, .row input {width: 150px; }
/*.actu .row input#date {width: 85px; display:inline; float: left; margin-right:5px;}*/
.actu .row input#ACT_DATE_MIN {width: 85px; display:inline; float: left; margin-right:5px;}
.actu .row a.calendar{display:inline; float: left; }

ul.nav{list-style-type:none; display:inline; float: right; margin-bottom:0px; }
ul.nav li{margin-left:0px;display:inline; float: left; }
ul.nav li a{display:inline; float: left; padding-left:2px; padding-right:2px; color:#62ccde; line-height:19px;}

.MoteurNavigation{display:inline; float: right; margin-bottom:0px;}
.MoteurNavigation span{display:inline; float: left; padding-left:2px; padding-right:2px; color:#62ccde; line-height:19px;text-decoration:underline;}
.MoteurNavigation a{display:inline; float: left; padding-left:2px; padding-right:2px; color:#62ccde; line-height:19px;}
/************** entreprise****************/
.entreprise h3{font: normal 14px Arial;}

/************** laboratoire****************/
.laboratoire h1{float:left; display:inline; margin-right:57px;}
.laboratoire .texte-gd{float:left; display:inline; width:214px;}
.laboratoire h2{font: normal 12px Arial; color:#52bdd1;margin:0;}
.laboratoire h2.vert{color:#89b236;font-size:14px; margin-bottom:5px;}
.laboratoire #organigramme{position:relative; background: url(images/organigramme.gif) no-repeat top left; width:650px; height:278px;}
.laboratoire .personne{text-align:center; position:absolute; font:normal 11px arial;}
.laboratoire .personne p{text-align:center; margin-bottom:0px;}
.laboratoire .photo-personne{float:left; display:inline; margin-right:5px; margin-bottom:10px;}
.laboratoire .personne1{width:174px; left:218px; top:22px;}
.laboratoire .personne3{width:143px; bottom:10px; left:18px;}
.laboratoire .personne4{width:150px; bottom:10px; left:190px;}
.laboratoire .personne5{width:126px;bottom:18px; right:154px;}
.laboratoire .personne6{width:118px; bottom:18px; right:8px;}

.strong-labo{text-align:center;font:normal 16px arial;  color:#70be26;}
.strong-labo strong{font-size:18px}

.labo {float:left; display:inline;width:267px; margin-bottom:15px;}

/************** laboratoire****************/
img.visible{display:block; margin-bottom:0px;}
img.hidden{display:none; margin-bottom:0px;}
#conditionnement .cadre{display:none;}

/******************************************/
/**************  PRODUIT  *****************/
/******************************************/
.pdt h1 {margin-bottom:40px;}
table#produit {width:648px;margin-bottom:5px;}
table#produit th{background:#cbdd7a; border-left:1px solid #fff; text-align:center; font:bold 12px Arial; color:#0f4b00; line-height:12px;height:45px;}
table#produit th#dernier {border-right:1px solid #fff;}
table#produit th span#pfht {color:#0b93aa;}
table#produit td {text-align:center; height:68px;border-left:1px solid #bcebf4;border-bottom:1px solid #bcebf4;}
table#produit td.dernier {border-right:1px solid #bcebf4;}
table#produit td span.spe {color:#0b93aa;}
table#produit td span.pfht {color:#0b93aa;}
table#produit input.quantite {float:left; display:inline;width:28px; height:20px; border:1px solid #b5cbcf; margin:3px 0 0 4px;}
table#produit input.panier {float:right; display:inline;width:27px; height:27px; border:none; margin-right:3px;}
table#produit a.panier {float:right; display:inline; height:27px; border:none; margin-right:3px;width:60px;}
.rechercher .row {float:left; display:inline; margin-right:10px;}
.rechercher .row label{width:150px;}
.rechercher .row input{float:left; display:inline; height:18px;}
.rechercher .row_bt{float:left; display:inline;margin:0; clear:none;}
.rechercher .row_bt input {border:0; background:#62ccde; width:22px; height:20px; color:#000; text-align:center;}
.com_min{width:647px;/*margin:0 auto;*/text-align:center;margin-bottom:10px;}

/******************************************/
/**************  CONTACT  *****************/
/******************************************/
.blocG{float:left;display:inline;/*width:300px;*/}
.blocG form{margin-bottom:30px;}
.blocD{float:right;display:inline;/*width:300px;*/}


/******************************************/
/**************  THICKBOX PANIER  *****************/
/******************************************/
div.thick_panier {width:560px; margin-left:15px;margin-top:10px;}
.thick_panier #tit {font:normal 20px 'Trebuchet MS'; color:#5ac4d8; line-height:47px; margin-bottom:15px;margin-bottom:7px!important!;}
.thick_panier #tit img {float:left; margin-right:10px;}
.thick_panier #visu {float:left; display:inline; width:90px; text-align:center; font-size:14px;margin:0 50px 25px 120px; margin-bottom:12px!important!;border:1px solid #999; padding:5px;}
.thick_panier #info {float:left; display:inline; width:200px; text-align:center; font-size:14px;margin:0 0 25px 0; margin-bottom:12px!important!;padding:5px;}
.thick_panier #info .spe {color:#0B93AA;}
.thick_panier a#acceder {float:left; display:inline;}
.thick_panier a#continuer {float:right; display:inline;}



/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#piedpage {clear:both;padding-top:5px;}
#piedpage #awc{float:right; display:inline; width:320px;padding-right:10px;text-align:right; color:#698f0d;font-size:11px;}
#piedpage #awc a{color:#698f0d;font-size:11px;}
#piedpage ul#menubas {clear:both;list-style-type:none; margin:0; margin:0 10px;}
#piedpage ul#menubas li{float:left; display:inline;margin:0; }
#piedpage ul#menubas li a{float:left; display:inline;color:#698f0d; font-size:11px; padding:0 5px; border-right:1px solid #698f0d;}
#piedpage ul#menubas li a.bordernone{border:none;}