@charset "UTF-8";
@media all
{
/*section browser reset------------------------------------------------------------------------*/
 
/* Global reset of paddings and margins for all HTML elements */
  option {padding-left: 0.4em;}

/* Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  html {height: 100%; margin-bottom: 1px;}
  
/* Standard values for colors and text alignment */  
  body {
    color: #000;
    background: #fff;
    text-align: left;
	}

/* Clear borders for <fieldset> and <img> elements */
  fieldset, img {border: 0 solid;}

/*clearing methods-------------------------------------------------------------------------------*/

/* clearfix method for clearing floats */
   .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* essential for Safari browser !! */
  .clearfix {display: block;}

/* overflow method for clearing floats */
  .floatbox {overflow:hidden;}

/* IE-Clearing: Only used in Internet Explorer*/
  #ie_clearing {display: none;}

/*Structure page-----------------------------------------------------------------------------*/

 /**
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 100 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header {position:relative;}

/* Absolute positioning only within #header */
  #header #topnav {position:absolute; top: 10px; right: 10px;}

/*Backup for correct positioning */
  #header, #nav, #main, #footer {clear:both;}

  #col1 {z-index: 3; float: left; width: 100px; padding: 10px 10px 10px 10px; text-align: center;}
  #col2 {z-index: 5; float:right; width: 200px; padding: 10px 10px 0 20px; margin: 0 0 0 20px;}
  #col3 {z-index: 1; width:auto; margin: 0px 250px 0px 150px ; text-align: justify; padding: 10px 20px 0px 20px; border-right: 2px #ddd dotted; /* Traitilles separation colonnes 2px #ddd dodded;*/} 
  	
/* Adjustment: sort #col3 behind float columns using z-index */
  #col1_content {z-index: 4;}
  #col2_content {z-index: 6; margin: 0;}
  #col3_content {z-index: 2;}
  
  #col1_content ul, #col2_content ul, #col3_content ul {padding: 0 0 0 20px;}
  
/*Propriétés de la page-------------------------------------------------------------------------*/

  body {padding: 0; margin: 0 auto;}

  #page { margin-left: auto; margin-right: auto; width: auto; min-width: 760px; max-width: 1000px;}

  #header {padding: 0 2em 1em 10px; color: #000;}

  #main {margin: 10px 0 1em 0; background: #fff;}

  #footer {padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; font-size: 0.8em;}

/*navigation principale-------------------------------------------------------------------------*/
  
  #nav_main {
		/* containing floats in IE */
		width: 100%;
		overflow: hidden;
		/* containing floats in all other browsers */
		float: left;
		display: inline;
		background: #CCFFCC; /* vert comme les droguistes vaudois de la barre principale*/
		border-top: 1px #333 solid;
		border-bottom: 1px #333 solid;
		line-height: 0;
  }

  #nav_main ul {
		border-left: 1px #aaa solid;
		border-right: 1px #fff solid;
		/* Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left;
		margin: 0 0 0 10px; /* 10px marge premier bouton  */
		padding: 0;
  }

  #nav_main ul li {
		border-left: 1px #fff solid;
		border-right: 1px #aaa solid;
		/* Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left;
		font-size: 1.0em;
		line-height: 0.8em;
		list-style-type: none;
		margin: 0;
		padding: 0;
  }

  #nav_main ul li a,
  #nav_main ul li a:visited {
		color: #000;
		display: block;
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0.5em 0.8em 0.5em 0.8em;
		text-decoration: none;
		width: auto;
  }

  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  {color: #fff; background: #009966;  text-decoration: none;}
  
/*classe pour les liens actifs de la barre de navigation principale*/
  #nav_main .active {
  color: #fff; /* couleur blanc du texte selectionné --> ne marche pas !!!!*/
  background: #009966;
  }
  
/*navigation secondaire-------------------------------------------------------------------------*/
#nav_sec {
		/* containing floats in IE */
		width: 100%;
		overflow: hidden;
		/* containing floats in all other browsers */
		float: left;
		display: inline;
		background: #ddffcc; /*vert droguiste plus clair barre secondaire*/
		border-bottom: 1px #333 solid;
		line-height: 0;
  }

  #nav_sec ul {
		border-left: 1px #aaa solid;
		border-right: 1px #fff solid;
		/* Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left;
		margin: 0 0 0 50px; /* 50px marge premier bouton  */
		padding: 0;
  }

  #nav_sec ul li {
		border-left: 1px #fff solid;
		border-right: 1px #aaa solid;
		/* Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left;
		font-size: 0.8em;
		line-height: 0.8em;
		list-style-type: none;
		margin: 0;
		padding: 0;
  }

  #nav_sec ul li a,
  #nav_sec ul li a:visited
	{
	  color: #000; 
	  display: block; 
	  font-size: 1em; 
	  font-weight: bold; 
	  margin: 0; 
	  padding: 0.5em 0.8em 0.5em 0.8em; 
	  text-decoration: none; 
	  width: auto;
  }
  
  #nav_sec ul li a:focus,
  #nav_sec ul li a:hover,
  #nav_sec ul li a:active  {background: #00dd44; color: #fff; text-decoration: none;}
  
  #nav_sec ul li#current a,
  #nav_sec ul li#current a:focus,
  #nav_sec ul li#current a:hover,
  #nav_sec ul li#current a:active {background: #00dd44; color: #fff;} /*texte actif blanc arrière plan actif vert plus foncé*/

/*Eléments de mise en page--------------------------------------------------------------------*/
 
  html * {font-size: 1em;} /*Mise à zéro taille police à 16px*/

  body {font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 0.75em;} /*police standard 12px*/

  h1,h2,h3,h4 {font-weight:bold; margin: 0 0 0.25em 0;  line-height: 2em;}
  h1 {font-size: 1.6em}
  h2 {font-size: 1.3em}
  h3 {font-size: 1.2em}
  h4 {font-size: 1.13em; font-style:italic;}

  p {line-height: 1.5em; margin: 0 0 1em 0;}
  
  textarea {font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 1em;}

/*Listes*/
  ul, ol, dl {line-height: 1.5em; margin: 0 0 .8em 0;}
  li {margin-left: .5em; line-height: 1.5em;}

  dt {font-weight: bold;}
  dd {margin: 0 0 0.3em 2em;}

/*Formattage texte*/
  cite {font-style:italic;}
  blockquote {font-style:italic; margin: 0 0 1em 1.5em;}

  strong,b {font-weight: bold;}
  em,i {font-style:italic;}

  pre, code {font-family: monospace; font-size: 1.1em;}
  acronym, abbr {letter-spacing: .07em; border-bottom: .01em dotted #ff9999; cursor: help;}

/*Classes spéciales*/
  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;} /* vert */
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;} /* jaune */
  .attention {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;} /* rouge */

  .droite {text-align:right;}
  .centre {text-align:center; margin: 0.5em auto;}
  .rouge {color: #ff1100}

/*Formattage liens*/
  a, a:visited {color: #2211ff; text-decoration:underline;}
  a:focus, a:hover, a:active {background-color: #ccffcc; text-decoration:none; font-weight: bold;}
  
/*Formattage spécial pour les liens de l'image du haut et le bas galerie photo bouton close > pas de couleur*/
  #header a, #header a:visited, #header a:focus, #header a:hover, #header a:active {color: #fff; background-color: #fff; text-decoration:none;}
  #bottomNav a, #bottomNav a:visited, #bottomNav a:focus, #bottomNav a:hover, #bottomNav a:active {color: #fff; background-color: #fff; text-decoration:none;}

/*Barre horizontale*/
    hr {color: #aaaaaa; margin: 0 0 1em 0; padding: 0 0 0.5em 0; border: 0px; border-bottom: 1px #aaaaaa solid;} 
  }
  
/* Imputbox pour le formulaire avec image de fond et bordure */
.inputbox {
background-image: url(../images/slash.gif);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
border-width: 1px;
border-style: solid;
border-color: #999999;
margin-bottom: 5px;
}
  
/**
 * CSS Based on YAML http://www.yaml.de --> great help but some cleaning works !
 * adapted for Droguerie Jaquet S.A. by Valentin Jaquet
 */