/* CSS Pharmacie du drapeau */

* {margin:0; padding:0; border: none; text-decoration: none; }

body {font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; 
padding: 15px 0 0 0; 
font-size: 11px; 
text-align: center; 
color: white; 
background-color: black}

h1 a {position: absolute; top: 100px; left: 0px; top: 0px; width: 435px; height: 120px; display:block; text-indent: -999em ; overflow: hidden;   }
h2 {margin: 30px 0 20px 20px;  font: normal 18px "Trebuchet MS"; color: #630001;
background: url(../images/fond/f-h2.jpg) left -2px no-repeat; padding: 0 0 0 25px;   }
 
h3 { margin: 18px 0 10px 37px;  font: normal 18px "Trebuchet MS"; color: #56563c;   }
h4 { margin: 15px 0 10px 20px;  font: normal 17px "Trebuchet MS"; color: #806b3c;  }
h5 { margin: 15px 0 10px 20px;  font: normal 16px "Trebuchet MS"; color: #806b3c;  }

p {font: normal 12px/17px arial;  margin: 10px 0 0px 0px; text-align:left; color: white }
p.citation {   }

ul li {list-style: none;  font: normal 12px/16px arial;
 margin: 10px 15px 10px 30px;   }
 
ul.puced li {list-style: none;  
 margin: 10px 15px 10px 30px; 
 padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat; }
 
a img {border: none; text-decoration: none; }

a       {color: #56563c; text-decoration: none; font: normal 11px arial}
a:hover {color: white; text-decoration: underline;}

/* Page horaires */
.horaires      { width: 327px; margin: 10px 0 10px 45px ; border: 1px solid #89d2f3; padding: 11px } 
.horaires   table   { width: 100%  } 
.horaires td         { padding: 3px 5px  } 
.horaires td.jour    { width: 133px; font-weight: bold;   } 



/*EDITO HOME*/

#editoBot { background: url(../images/fond/f-h2Home.Bot.gif) right bottom no-repeat; width: 709px;  
position:relative; top: 0px; left: 25px;  }
#edito { background: url(../images/fond/f-h2Home.gif) left top no-repeat;    }
#edito h2 { margin: 0px 0 7px 12px; padding-top: 10px; font: bold 18px "Trebuchet MS"; background: none;  }
#edito p{ color: white; padding: 0px 10px 0 30px; margin: 0 0 0 0px;  }		 


p.camera { text-align: right; } 

p.camera a img{ text-decoration: none; position: relative; top: 5px; left: 0px;   } 



/*Acces*/

#planDijon {float: right; margin: 0 10px 0 0px;  }
#planDijon p{margin: 3px 0px; padding: 0; text-align: center;  }


/*       Identite*/

#grenier    { margin: 0 auto; clear: both;   } 

.idIMG h3 { margin: 0 0 13px 0px; padding: 0 0 0 0;  }

.idIMG img {float: left; margin: 0 10px 0 0px;   }

.idIMG ul{  margin: 0  ;   }
.idIMG ul li{   margin: 0 0 6px 10px; overflow: hidden;  }

ul.helmut { margin: 0 0 0 30px; }
p.troisLastIMG img { margin: 0 10px 0 13px; }


.floatIdentite {float: left; width: 320px; height: 210px;     position:relative; top: 0px; left: 10px; 
 background: url(../images/illustr/adr.jpg) right bottom no-repeat;
margin: 0 0 40px 35px;  }

.floatIdentite2 {  width: 320px; height: 210px;     position:relative; top: 0px; left: 10px; 
 background: url(../images/illustr/adr.jpg) right bottom no-repeat;
 }

.floatIdentiteTiers {float: left; width: 210px; height: 130px;     position:relative; top: 0px; left: 10px; 
 background: url(../images/illustr/adr.jpg) right bottom no-repeat;
margin: 0 0 40px 35px;  }
	 
.chief {
width: 320px; height: 210px;  
 background: url(../images/illustr/adr.jpg) right bottom no-repeat;
margin: 0 auto 30px auto 
}	 
	 
	 
/*          SPECIALITES*/

#format .floattingUL {  margin: 20px 0 0 30px;  }
#format .floattingUL li{  float: left; width: 335px; padding: 0; margin: 0 25px 0 0 }
#format .floattingUL li.one{ height: 150px;   }
#format .floattingUL li.two{height: 190px;  }
#format .floattingUL li img{  float: left; margin: 0 10px 0 0 }	   

.femme { float: right; margin: 0px 0px 5px 10px; } 


/*   FAQ       */

ol {   list-style-position: inside; margin: 10px 15px 10px 30px;  }
ol li  { margin: 0 0 4px 0px; padding: 0 0 0 0; }
ol li p {  margin: 0 0 0 0px; padding: 0 0 0 0; position:relative; top: -15px; left: -8px;  }


/*                       CONTENEURS GENERAUX                     */	

#main { position: relative; margin: 0 auto; width: 983px; text-align:left;  background-color: #8b8b8b}

#intro {  width:983px;  height:211px; background: url(../images/fond/header.jpg) left top no-repeat;   }

#content { margin: 0; padding:0;    }
div#colonne_gauche { float: left; width: 190px;  padding: 5px 5px 0px 5px;  }
div#colonne_droite {  float: right;  margin: 0 ; padding:0;      }
div#colonne_droite p{    }


#format {background: url(../images/fond/spreadFormat.jpg) right top repeat-y; width: 768px;  min-height: 500px;  }
#format p{  padding: 0 35px 0 25px;}

#format ul {  }
#format ul li{  padding: 0 20px 0 18px;  background: url(../images/puce/puce.gif) left 2px no-repeat;    }

/*                      FOOTER           */
			
#outro {  width: 983px; height: 171px; background: url(../images/fond/footer.jpg) repeat-x ; clear: both;     }
#outro p {  color: white; text-align: center;  padding: 28px 0 0 0 ; font: normal 10px arial;    }
#outro p a{ color:  white; text-decoration: none;   font: normal 10px arial;  }
#outro p a:hover {text-decoration: underline; }

 
/*                PAGE MENTIONS            */

.adr{ float: left;  
padding: 10px 0px 5px 0;  height: 147px;
margin: 20px 0 15px 35px; width: 250px; 
background: url(../images/illustr/adr.jpg) right bottom no-repeat;}

.adr2 {float: right; height: 147px;
padding: 10px 0px 5px 0; width: 250px; 
margin: 20px 85px 15px 5px ;
background: url(../images/illustr/adr.jpg) right bottom no-repeat; }

.conforme{font: normal 10px arial; width: 545px; margin: 10px auto 10px auto;  }


/*       PRESCRIPTION           */

textarea#info {width: 465px ;   border: 1px solid #86d1f1; }

fieldset  {margin: 15px 10px; padding: 10px 10px 20px 10px ;  border: 1px solid #56563c;  }

table#drugs {width: 96%; margin: 0 10px; border-collapse: collapse }
table#drugs thead {color: white; background-color: #56563c; height: 17px;  border: 1px solid #56563c;  text-align: center;  }
table#drugs caption { margin: 10px 0 5px 0px;  font: bold 15px "Trebuchet MS"; color: #56563c;  text-align: center;  }
table#drugs td { border: 1px solid #56563c; padding: 0 3px; text-align: center; height: 30px }


/* elements de formulaire*/

form.form { width: 565px; margin: 0 auto; }
.form fieldset {  margin: 15px 0 ; padding: 0 0 15px 0 }
legend { margin: 0px 0 0px 10px; padding: 0 6px;  font: normal 18px "Trebuchet MS"; color: #56563c; }

input   { border: 1px solid #86d1f1; padding: 0 0 0 2px; }
textarea { border: 1px solid #86d1f1; padding: 4px; }

ul.radio  {margin: 3px 0 0 0px; }
ul.radio li {float: left; background-image: none; }
ul.radio li label { position:relative; top: -2px; left: 0; }

/*                        General styles                   */	
.lbleft { float: left; width: 170px; }
.bordered {border: 1px solid #86d1f1; }
.noborder {border:none }
.clear {clear:both; display: none;  }
.kill {display: none;}
.fleft {float: left}
.fright {float: right; }
.center {text-align: center; }
.clear {clear:both; visibility: hidden }

.noborder {border: none}

.bita{text-align: center; font-weight: bold; font-style:italic;  margin: 17px auto 12px auto; color: #595145 }
.italic {font-style: italic}
.bold {font-weight: bold; }
.underligned {border-bottom: 1px solid #86cdeb; padding: 0 0 2px 0; }

.center {text-align: center}
.left {text-align: left; }
.right {text-align: right; }

.full {width: 100%}


/*                 Messages d erreurs                    */
.denied {color: red; font: normal 12px arial; margin: 10px 60px 20px 60px;  }

#format .denied ul li {padding: 0 25px 0 17px; 
background: url(../images/puce/pucer.gif) left 4px no-repeat; 
margin: 0 0 3px 0px; }

.guard { margin: 0 25px; }
.guard h4 { color: #fff; }