/***************** BODY *****************/
@import url("../../admin/fckeditor/css/fck.css");

*{
margin:0;
padding:0;
}
body,html{height:100%;}
body{
  font:12px/17px  Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  background:#ffffff url(../../images/charte/bg-body.jpg) left top repeat-x;
  color:#554958;
  text-align: justify;
  }

p{padding-top: 10px; text-align:justify;}

object { outline:none;}
a:focus{outline:none}

a:link,a:visited{color:#B13AC5; }
a:hover,a:active{color:#493A4C; text-decoration: none;}

.invisible{display: none;}


h1{height:34px; margin-left:32px; margin-top:0;}
h1 span{display: none;}

h1#accueil{background: url("../../images/charte/title-accueil.jpg") no-repeat left 0px;}
h1#pharmacie{background: url("../../images/charte/title-pharmacie.jpg") no-repeat left 0px;}
h1#gammes{background: url("../../images/charte/title-gammes.jpg") no-repeat left 0px;}
h1#conseils{background: url("../../images/charte/title-conseils.jpg") no-repeat left 0px;}
h1#promo{background: url("../../images/charte/title-promo.jpg") no-repeat left 0px;}
h1#adresses{background: url("../../images/charte/title-adresses.jpg") no-repeat left 0px;}
h1#plansite{background: url("../../images/charte/title-plansite.jpg") no-repeat left 0px;}
h1#actualites{background: url("../../images/charte/title-actualites.jpg") no-repeat left 0px;}
h1#mentions{background: url("../../images/charte/title-mentions.jpg") no-repeat left 0px;}

h1#contact{background:url("../../images/charte/title-contact.jpg") no-repeat left 0;}
h1#merci{background:url("../../images/charte/title-merci.jpg") no-repeat left 0;}

h2{font:bold 14px Arial !important; color:#88745A; text-transform: uppercase;
  background:url("../../images/charte/h2-bg.jpg") no-repeat left bottom;
  padding-left:21px;
  margin-left:13px;
  padding-bottom:2px
}

h3{font:bold 13px Arial; color:#806D5A;
  margin-top:10px;
  margin-bottom:1px;
  border-bottom:1px solid #ECD5F0;
  }
h3 span{color:#554958}


/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:996px;
margin:0 auto;
background: url(../../images/charte/bg-container.jpg) repeat-y 690px top;
}

#site-header{ background-color:#ffffff; padding-bottom:20px;}


#left-outter{float:left;	margin:0; padding:0; overflow: hidden;}
#left-inner{margin-left:42px;}
  #content{margin:20px 20px 0 32px;}

#right-outter{float:left; margin: 0; overflow: hidden; }
#right-inner{padding-right:42px; padding-left:20px;}
#mdm {padding:0 14px; clear:both}
#right-outter p{font-size:11px; color: #493A4C; line-height: 16px;}

  #horaires .inner{background:url(../../images/charte/horaires-bg.jpg) no-repeat left top; height:97px; padding-left:66px; margin:5px 0 20px; width: 150px}

  #mdm{width:196px; height:136px; background:url(../../images/charte/bg-mdm.jpg) no-repeat left top; padding-top:43px; position: relative;}
    #mdm img{border:1px solid #E6C57A;}
    #mdm p{padding-top:0px; line-height:13px;}
    #mdm p.title{color:#806D5A; font-size:10px; text-transform: uppercase; padding-bottom:5px;}
    .button-details{background: url(../../images/charte/details.jpg) no-repeat right  top; text-align:right;
      position:absolute;
      right:18px;
      bottom:16px;
      padding-right:20px;
    }
    .button-details a{font-size:11px}
    .actualite-image{float:right; margin-left:10px; margin-top:9px; border:1px solid #E6C57A}

  #info{width:224px; height:80px; background: url(../../images/charte/bg-info.jpg) no-repeat 93px 8px; margin:20px 0;}



.clearer{
clear:both;
}
#clearFooter{
height:50px;/*--- = à la hauteur du footer ---*/
}
#footer{
position:relative;
clear:both;
width:100%;
height:45px;
margin:-45px auto;
}

#footer-content{width:912px; background: url(../../images/charte/bg-footer.jpg) no-repeat left top; margin:0 auto;; height:45px;}
#footer p{color:#EEE2F1; font-size:11px; line-height:9px;}
.footer-idep{float:left; display:inline; width:199px; padding-top:13px; padding-left:10px;}
.footer-links{float:right; padding-top:20px; padding-right:8px; color:#FFFFFF; text-align:right; line-height: 15px;}

.footer-links a:link,.footer-links a:visited{color:#EEE2F1; margin:0 3px; font-size:11px; text-decoration: none; line-height: 15px;}
.footer-links a:hover,.footer-links a:active{color:#E1C1E4; text-decoration: underline;}
#footer a.idep:link, #footer a.idep:visited{color:#EEE2F1; font-size:9px; margin-left:5px; display:inline; text-decoration: none;}
#footer a.idep:hover, #footer a.idep:active{color:#E1C1E4; }

div.ref{padding: 0px 10px 0px; clear:both; text-align:center; color:#637E6A; line-height:13px; margin-top:3px}
.copyright{padding: 17px 0 0; text-align: center;}




img {border: 0;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
.left{float: left;}
.right{float: right;}

.lead{padding-top:0 !important; margin:0 !important; }
.lead1{padding-top:4px !important; }
.lead2{padding-top:8px !important; }
.couleur{color:#C256D4 !important;}
.couleur1{color:#9618AD;}
.clear{clear:both}
.image-right{float:right;margin-left:6px;}
.image-left{float:left;margin-right:6px;}
.line{height:20px; background: url(../../images/charte/line.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; clear:both;}
.centered{text-align: center; margin:0 auto}
.indent{padding-left:10px !important;}
.indent1{padding-left:35px !important;}

ul.list{
  list-style:none;
  display:inline;
  margin-right:65px;
  margin-top:0;
  padding:0;
  }
  ul.list li, ul.list1 li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left top;
    padding-left:17px;
    line-height:15px;
    }

/* Contact */

.contact-left{
  width:265px;
  float:left;
  padding-left:35px;
  }
  .contact-right{
    width:250px;
    display:inline;
    float:left;
    }
    .contact-right p{
      padding-left:5px;
      }

.inputForm{
	border:1px solid #DBC0DF;
	background-color:#ffffff;
	color:#727272;
  width:160px;
  font:normal 12px Arial;
  padding:1px 0;
	}
.inputFormOver{
  border:1px solid #9C06B8;
	background-color:#ffffff;
	color:#9C06B8;
  width:160px;
  font:normal 12px Arial;
  padding:1px 0;

	}

.label{
	width:75px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	text-align:left;
  padding:2px 0px;
	}
  .label span, .obligatoire span{color:#EA8827;}


.field{
	width:160px;
	float:left;
	margin-top:5px;
  font:normal 12px Arial;
 	}

.submit-buttons{
  width:340px;
  text-align: center;
  margin:0 0 0 150px;
  clear: both;
  padding-top:10px;
  }
  .submit-buttons div{
    float:left;
    display:inline;
    width:170px;
    }
.button{
  background:url(../../images/charte/button.jpg) no-repeat center bottom;
  border:none;
	width:115px;
  height:27px;
	cursor:pointer;
  color:#ffffff;
  font:bold 12px Tahoma;
	}
  .buttonOver{
    background:url(../../images/charte/button-over.jpg) no-repeat center bottom;
    border:none;
  	width:115px;
    height:27px;
  	cursor:pointer;
    color:#ffffff;
    font:bold 12px Tahoma;
    }

#mail-labels{
  background:#E4EAE4 url(../../images/charte/bg-maillabels.jpg) no-repeat 160px 15px;
  width:223px;
  height:110px;
  margin-top:6px;
  }
  #mail-labels ul{
   padding-top:10px;
   padding-left:50px;
   }
   #mail-labels input{
    float:left;
    }
    #mail-labels li{
      height:18px;
      line-height:10px;
      clear:both;
      }
.obligatoire{ font-size:10px;clear:both; color:#676767;  text-align:center; padding-top:0;}


/* Plan du site */
ul.plan-site{margin-left:120px; margin-top:30px;}

ul.plan-site li{ line-height:20px; width:350px; background:url(../../images/charte/dots.jpg) no-repeat right 8px;  margin-top:8px}
ul.plan-site li a{text-decoration: none; font-weight:bold; font-size:11px; background-color:#fff; padding-right:2px;}

.page{background-color:#F8F0D8; text-align:center; padding:3px; width:100px; clear:both; margin:0 auto}
.envelope{background:url(../../images/charte/envelope.jpg) no-repeat left 4px; padding-left:33px; margin-left:32px !important; }

.lien{ margin-bottom:17px; }

.thumb{float:right; margin-left:10px; border:1px solid #E6C57A}