@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
    color: #000000;
}

body,html {
	height:100%;
	background-color: #2d3192;
	background-image: url(../images/top.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

a {
	color: #02004C;
	text-decoration: underline;
	}
	
a:hover {
	color: #EB6909;
	}
		
h1 { font-size: 1.20em; line-height: 1.2; margin: 0.3em 0 10px; color: #EE2B2B; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #EE2B2B;}
h2 { font-size: 1.15em; line-height: 1.2; margin: 1em 0 .2em; color: #0011C3; }
h3 { font-size: 1.10em; line-height: 1.1; margin: 1em 0 .2em; color: #0011C3;}
h4 { font-size: 1.05em; margin: 1.33em 0 .2em; color: #0011C3;}
h5 { font-size: 1.03em; margin: 1.67em 0; font-weight: bold; color: #0011C3;}
h6 { font-size: 1.01em; margin: 1.67em 0; font-weight: bold; color: #0011C3; }

th {
	border-width: 1px;
 	border-bottom-color: #f09064; 
 	border-bottom-style: dotted;
}

.total {
    border-width: 1px;
 	border-top-color: #f09064; 
 	border-top-style: dotted;
    font-weight: bold;
}    

input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	height: 14px;
   line-height: 14px;
   margin-bottom: 1px;
}

input[type="text"],
input[type="password"] {
	width: auto;	
	}
	
label {
    	font-weight: bold;
}	
.container {
	width: 1000px;
}

.navbar {
	width: 1000px;
	border-style: none; 
	height: 65px;
   margin-bottom: 0px;
}

#menu {
    background: url("../images/img02.png") no-repeat scroll 0 0;
    height: 62px;
    margin: 0 auto;
    width: 960px;
}

#menu ul {
	margin: 0;
	padding: 21px 0 0 30px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 0 20px 0 22px;
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
    border-bottom-color: #f09064; 
 	border-width: 2px; 
 	border-bottom-style: dotted;
}

.web2py-menu-active a {
    border-bottom-color: #f09064; 
 	border-width: 2px; 
 	border-bottom-style: dotted;
}    

ul#navbar {
    margin-right: 60px;
    padding: 0;
    top: -62px;
}

#navbar .dropdown {
	margin-top: 0px; 
	top: 11px; 
	height: 32px;
	background-color: transparent;
	padding-bottom: 0px; 
	padding-top: 7px;
}	

#navbar .dropdown-toogle { 
	height: 20px;
	background-color: transparent;
	padding-top: 5px;
    box-shadow: none;
}	

#navbar .dropdown a:hover { 
	height: 30px;
	background-color: transparent;
}	
	
#navbar .dropdown a { 
	height: 30px;
}

.navbar .nav > li > a {
    color: #FFFFFF;
    float: none;
	padding-top: 5px;
	padding-bottom: 5px;
    text-decoration: none;
    text-shadow: none;
}

.nav > li > a:hover {
    background-color: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: transparent;
    color: #FFFFFF;
}

.menuAdmin { margin-left: 50px;}
.menuAdmin td { text-align: center; vertical-align: middle}


#header {
	width: 1000px;
	height: 126px;
	margin: 0px auto;
}


#slideshowHolder {
	width: 1000px;
	height: 126px;
	margin: 0px auto;
	overflow: hidden;
	
	}

.petit { font-size: 0.8em; }
.remarque { font-size: 0.8em; color: #4C4846;}
.page-header {
    border-bottom: none;
}

.span12 {
	width: 1000px;
}
	
		
.span3 {
	width: 200px;
	background-image: linear-gradient(white 5%, #F7EDE1 30%);
	min-height: 400px;
}


#gauche {
	padding-left: 5px;
	padding-right: 7px;
}

#gauche h3, #droite h3 {
   background-color: #EB6909;
   border: 1px solid #EB6909;
   border-radius: 6px 6px 6px 6px;
   -moz-border-radius: 6px 6px 6px 6px;
   -webkit-border-radius: 6px 6px 6px 6px;
   behavior: url(../static/PIE.htc);
   color: #FFFFFF;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   text-transform: uppercase;
}

#droite h3 {
	background-color: #573a33;
	border-color: 	#573a33;
	margin-top: -1px;
	}
	
.span6, .span9 {
	width: 538px;
	margin-left: 0px;
	padding-left: 10px;
	min-height: 500px;
	padding-top: 7px;
	padding-right: 5px;
}

.span9 {
    width: 750px;
}
#centre {
	overflow-y: auto;
	overflow-x: hide;
	background-color: #FFFFFF;
	opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
	padding-top: 0px;
	width: 93%;
	padding: 16px;
	border: 2px solid #120044;	
    border-radius: 10px 10px 10px 10px;	
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   behavior: url(../static/PIE.htc);	
}

.span6 h1 a, .span9 h1 a {
	color: #573a32;
}

.span6 h1 a:hover, .span9 h1 a:hover {
	color: #4d5a1d;
}

.span4 {
	width: 225px;
	margin-left: 0px;
	padding-left: 10px;
	min-height: 300px;
}

#main {
	min-height: 400px;
	margin-left: 30px;
}

.main {
	padding: 0px;
	min-height: 400px;
}	

.footer {
 	height: 40px;
   padding: 0;
   margin-top: 20px;
}

.footer-content {
	bottom: 0;
	color: #FFFFFF;
}

.footer-content a {
	bottom: 0;
	color: #EE2B2B;
}

.imgprod {
	background-image: url(images/photo.png);
	background-repeat: no-repeat;
	display: block;	
}

#big {
	font-size: 14px;
	font-weight: bold;
	}

.Tableau {
 	margin-left: 10px;	
	}
	
.Tableau span {
   display:inline;
   float:left;
   border-width: 1px;
	border-style: dashed;
	border-color: #CFCDD0;
   margin:0px;
   padding:3px;
   margin-left: 10px;
   margin-bottom: 10px;
   background-image: url(../images/page.png);
   background-position: bottom center;
   background-repeat: no-repeat;
  }
.Tableau p {
   clear:left;
   margin:0px;
   padding:0px;
   height:100% !important; height:1em;
  }
.Tableau p.legende {font-weight:bold}
.Tableau span.col1 { 
	width:110px; 
	height: 120px;
	text-align : center;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	 margin-left: 10px;
   margin-bottom: 10px;
}
.Tableau span.col1:hover {
	background-color: #E1D6BD;
} 
.Tableau span.col2 {
	width:20px
}
.Tableau span.col3 {
	width:50px
}
.Tableau span.col4 {
	width:20px
}

#legende { font-family: Courier; font-size: 12px; float: left; width: 200px; display:inline; }
.espace{ width: 20px;}

.jump {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	display: block;	
	color: #CF3822;
	}

.jump:hover {
	background-color: #D6D6D6; 	
	}

.scrollbox {
	margin-top: 10px;
	height: 400px;
	overflow-x: auto;
	overflow-y: auto;
	font-size: 10px;
	line-height: 10px;
}

#panier {
	background-image: linear-gradient(white 5%, #F7EDE1 30%);
	border: 1px solid #573a32;	
   border-radius: 6px 6px 6px 6px;	
   -moz-border-radius: 6px 6px 6px 6px;
   -webkit-border-radius: 6px 6px 6px 6px;
   behavior: url(../static/PIE.htc);
	}

.montant {
	font-size: 14px;
	font-weight: bold;
	color: #e43117;
}

.widget-title { padding: 3px 0px 3px 0px; border-color: #f09064; border-width: 2px; border-top-style: dotted;  border-bottom-style: dotted;}
.widget-title h3 { margin-top: 0px; margin-bottom: 0px;}

#listprod {
	border-bottom-color: #573a32;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	width: 99%; 	
	}
	
#listprod .nomprod {
	font-weight: bold; 
	font-size: 14px; 
	text-transform: uppercase;
	color: #573a32;	
	}
	
#listprod .producteur {
	color : #ad2d14;
	font-size: 12px;
	font-weight: bold;
	}	

#listprod .adresse {
	color : #604941;
	font-size: 12px;	
	}	
	
#listprod .cond {
	color: #000000;
	font-size: 12px;
	text-align: right;
	width: 50px;
	font-weight: bold;	
	}	
	
.prix {
	background-color: #ec6c09;
	border: 1px solid #FFFFFF;	
   border-radius: 6px 8px 8px 6px;
   -moz-border-radius: 6px 8px 8px 6px;
   -webkit-border-radius: 6px 8px 8px 6px;
   color: #FFFFFF;
   font-weight: bolder;
   font-size: 12px;
   padding: 0px 0px 0px 5px;
   height: 21px;
   width: 140px;
	}	
	
.prix span {
	float: right;
	width: 38px;
	height: 22px;
	background-color: #FFFFFF;
	border: 1px solid #573a32;	
   border-radius: 6px 6px 6px 6px;
   -moz-border-radius: 6px 6px 6px 6px;
   -webkit-border-radius: 6px 6px 6px 6px;
   color: #000000;
   text-align: right;
   font-size: 10px;
   font-weight: normal;
   margin-left: 10px;
   padding-right: 3px;
   margin-right: 0px;
	}	
	
#listprod input[type="text"] {
    border-width: 0;
    height: 17px;
    margin-bottom: 2px;
    margin-right: 3px;
    padding: 0;
    width: 40px;
    text-align: right;
}

.vidange {
	  display:inline;
   float:right;	
   font-size: 10px;
   color: #3A3838;
	}
	
.dtedispo {
	  display:inline;
   float:right;	
   font-size: 10px;
   color: #E61717;
   font-weight: bolder;
   text-decoration: blink;
	}	
	
.infoBulle
{
  position: relative;
  background: #FFFFFF;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  outline: none;
  font-size: 11px;
  color: #FF0000;
  z-index: 99;
}

.infoBulle span
{
  visibility: hidden;
  position: absolute; 
  bottom: 20px;
  left: 50%;
  z-index: 999;
  width: 500px;
  margin-left: -50px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #FFFFFF;                     
  -moz-border-radius: 4px;
  border-radius: 4px;  
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 
  border-color: #e1ca82;
  background-color: #FFFFFF;
    color: #000000;
}

.infoBulle:hover
{
  border: 0; /* IE6 fix */
}

.infoBulle:hover span
{
  visibility: visible;
}

.infoBulle span:before,
.infoBulle span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;  
  border-top: 8px solid #ffeaa6;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0;  
}

.infoBulle span:before
{
  border-top-color: #e1ca82;
  bottom: -8px;
}

#popup, .bMulti {
    background-color: #FFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    display: none;
    min-width: 450px;
    min-height: 250px;
    padding: 25px;
}

#popup .logo {
    color: #2B91AF;
    font: bold 325% 'Petrona',sans;
}

#popup .button.b-close, .button.bClose {
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}

#popup .button {
    background-color: #2B91AF;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}

#pop {
    color: #B91D05; 
    font-weight: bolder;   
}

/* Sidebar */

#sidebar {
	float: right;
	width: 253px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 40px;
	padding: 0 15px 0 20px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #E5E5E5;
}

#sidebar li h2 {
	margin-bottom: 15px;
	font-size: 18px;
}

/* Calendar */

#sidebar #calendar {
	background: url(../images/calendrier.jpg) no-repeat;
    padding-left: 16px;
}

#calendar caption {
	margin:  -20px auto 0 auto;
	text-align: center;
	font-weight: bold;
}

#calendar table {
	margin: 0 auto;
	caption-side: bottom;
}

#calendar thead th {
	width: 31px;
	height: 40px;
	font-weight: bold;
	color: #FFFFFF;
    font-size: 12px;
}

#calendar tbody td {
	width: 31px;
	height: 26px;
	text-align: center;
	color: #9E9E9E;
	padding-top: 5px;
}

#calendar td .today {
	font-weight: bolder;
	color: #FF0000;
}

#calendar .selection {
	background-color: #C8C8C8;
}

#calendar tfoot td {
	padding-top: 20px;
	font-weight: bold;
}

#calendar #next {
	text-align: right;
}

#prev { padding-left: 0px; }
#next { padding-right: 0px; }

/* ************************** Couleurs des boutons / Hover et Active classes *************************** */

a.bouton { text-decoration: none; font-weight: bolder; }

.bouton {
	width:auto; 
	padding:8px 0; 
	text-align:center; 
	display: inline-block; 
	float:left; 
	margin:0 15px 15px 0; 
	font-size: 1.6em; 
	border-radius:7px; 
	box-shadow: 0 0 1px rgba( 0, 0, 0, 0.2), 0 -1px 0 rgba( 255, 255, 255, 0.1); 
	font-size: 0.85em; 
	width:120px; 
	color:#000000; 
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
	}	
	
.bouton.small{font-size: 0.8em; width:100px}
.bouton.medium{font-size: 0.9em; width:120px}	
.bouton.large{font-size: 1.1em; width:250px}

/* -- Bouton bleu -- */
.bouton.bleu, .bouton.bleu:active{
	background: #3C98CF;
	background: -webkit-linear-gradient( #3C98CF, #2D74A0); 
	background: -moz-linear-gradient( #3C98CF, #2D74A0); 
	background: -ms-linear-gradient( #3C98CF, #2D74A0); 
	background: -o-linear-gradient( #3C98CF, #2D74A0); 
	background: linear-gradient( #3C98CF, #2D74A0);
	}
.bouton.bleu:hover {
	background: #3CA1D3;
	background: -webkit-linear-gradient( #3CA1D3, #3386AF);
	background: -moz-linear-gradient( #3CA1D3, #3386AF);
	background: -ms-linear-gradient( #3CA1D3, #3386AF);
	background: -o-linear-gradient( #3CA1D3, #3386AF);
	background: linear-gradient( #3CA1D3, #3386AF);
	}
.bouton.bleu:active {box-shadow: 1px 1px 10px #1E516B inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}

/* -- Bouton rouge -- */	
.bouton.rouge, .bouton.rouge:active{
	background: #F4523D;
	background: -webkit-linear-gradient( #F4523D, #B43300);
	background: -moz-linear-gradient( #F4523D, #B43300);
	background: -ms-linear-gradient( #F4523D, #B43300);
	background: -o-linear-gradient( #F4523D, #B43300);
	background: linear-gradient( #F4523D, #B43300);
	}
.bouton.rouge:hover {
	background: #FF6A4F;
	background: -webkit-linear-gradient( #FF6A4F, #D33B11); 
	background: -moz-linear-gradient( #FF6A4F, #D33B11); 
	background: -ms-linear-gradient( #FF6A4F, #D33B11); 
	background: -o-linear-gradient( #FF6A4F, #D33B11); 
	background: linear-gradient( #FF6A4F, #D33B11);
	}
.bouton.rouge:active {box-shadow: 1px 1px 10px #A83318 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}

/* -- Bouton rouge foncé -- */	
.bouton.rouge-fonce {
	background: #C53727;
	background: -webkit-linear-gradient( #C53727, #A82B22); 
	background: -moz-linear-gradient( #C53727, #A82B22); 
	background: -ms-linear-gradient( #C53727, #A82B22); 
	background: -o-linear-gradient( #C53727, #A82B22); 
	background: linear-gradient( #C53727, #A82B22);
	}
.bouton.rouge-fonce:hover{
	background: #D13A2F;
	background: -webkit-linear-gradient( #D13A2F, #BC2E2A);
	background: -moz-linear-gradient( #D13A2F, #BC2E2A);
	background: -ms-linear-gradient( #D13A2F, #BC2E2A);
	background: -o-linear-gradient( #D13A2F, #BC2E2A);
	background: linear-gradient( #D13A2F, #BC2E2A);
	}	
.bouton.rouge-fonce:active{box-shadow: 1px 1px 10px #8E2825 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}
	
/* -- Bouton orange -- */	
.bouton.orange, .bouton.orange:active {
	background: #F28F22;
	background: -webkit-linear-gradient( #FF6A4F, #D33B11); 
	background: -moz-linear-gradient( #FF6A4F, #D33B11); 
	background: -ms-linear-gradient( #FF6A4F, #D33B11); 
	background: -o-linear-gradient( #FF6A4F, #D33B11); 
	background: linear-gradient( #F28F22, #BD5D19);
	}
.bouton.orange:hover{
	background: #F79E46;
	background: -webkit-linear-gradient( #F79E46, #C96928);
	background: -moz-linear-gradient( #F79E46, #C96928);
	background: -ms-linear-gradient( #F79E46, #C96928);
	background: -o-linear-gradient( #F79E46, #C96928);
	background: linear-gradient( #F79E46, #C96928);
	}
.bouton.orange:active{box-shadow: 1px 1px 10px #D33B11 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}

/* -- Bouton vert -- */	
.bouton.vert {
	background: #91BD09;
	background: -webkit-linear-gradient( #91BD09, #4E9939); 
	background: -moz-linear-gradient( #91BD09, #4E9939); 
	background: -ms-linear-gradient( #91BD09, #4E9939); 
	background: -o-linear-gradient( #91BD09, #4E9939); 
	background: linear-gradient( #91BD09, #4E9939);
	}
.bouton.vert:hover{
	background: #A3C416;
	background: -webkit-linear-gradient( #A3C416, #55A53C);
	background: -moz-linear-gradient( #A3C416, #55A53C);
	background: -ms-linear-gradient( #A3C416, #55A53C);
	background: -o-linear-gradient( #A3C416, #55A53C);
	background: linear-gradient( #A3C416, #55A53C);
	}	
.bouton.vert:active{box-shadow: 1px 1px 10px #285419 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}

/* -- Bouton jaune -- */	
.bouton.jaune {
	background: #FFD217;
	background: -webkit-linear-gradient( #FFD217, #FFB515); 
	background: -moz-linear-gradient( #FFD217, #FFB515); 
	background: -ms-linear-gradient( #FFD217, #FFB515); 
	background: -o-linear-gradient( #FFD217, #FFB515); 
	background: linear-gradient( #FFD217, #FFB515);
	}
.bouton.jaune:hover{
	background: #FFDE1A;
	background: -webkit-linear-gradient( #FFDE1A, #FFC217);
	background: -moz-linear-gradient( #FFDE1A, #FFC217);
	background: -ms-linear-gradient( #FFDE1A, #FFC217);
	background: -o-linear-gradient( #FFDE1A, #FFC217);
	background: linear-gradient( #FFDE1A, #FFC217);
	}	
.bouton.jaune:active{box-shadow: 1px 1px 10px #E5B738 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}

/* -- Bouton violet -- */	
.bouton.violet {
	background: #D34F8E;
	background: -webkit-linear-gradient( #D34F8E, #A9014B); 
	background: -moz-linear-gradient( #D34F8E, #A9014B); 
	background: -ms-linear-gradient( #D34F8E, #A9014B); 
	background: -o-linear-gradient( #D34F8E, #A9014B); 
	background: linear-gradient( #D34F8E, #A9014B);
	}
.bouton.violet:hover{
	background: #E256A0;
	background: -webkit-linear-gradient( #E256A0, #BC1766);
	background: -moz-linear-gradient( #E256A0, #BC1766);
	background: -ms-linear-gradient( #E256A0, #BC1766);
	background: -o-linear-gradient( #E256A0, #BC1766);
	background: linear-gradient( #E256A0, #BC1766);
	}	
.bouton.violet:active{box-shadow: 1px 1px 10px #7A294F inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}

/* ************************** Couleurs des polices *************************** */

.bouton.bleu {color:#000000; text-shadow: 0px 1px 0px rgba( 200, 200, 200, 0.4);}
.bouton.bouton.bleu:hover,  .bouton.bleu:active {color:#0B4972;}
.bouton.rouge {color:#000000; text-shadow: 0px 1px 0px rgba( 200, 200, 200, 0.4);}
.bouton.rouge:hover,  .bouton.rouge:active {color:#8E1000;}
.bouton.rouge-fonce {color:#000000; text-shadow: 0px 1px 0px rgba( 226, 160, 160, 0.4);}
.bouton.rouge-fonce:hover,  .bouton.rouge-fonce:active {color:#8E1010;}
.bouton.orange {color:#000000; text-shadow: 0px 1px 0px rgba( 226, 200, 200, 0.4);}
.bouton.orange:hover,  .bouton.orange:active {color:#894520;}
.bouton.vert {color:#000000; text-shadow: 0px 1px 0px rgba( 226, 200, 200, 0.4);}
.bouton.vert:hover,  .bouton.vert:active {color:#3A6D2C;}
.bouton.jaune {color:#000000; text-shadow: 0px 1px 0px rgba( 250, 250, 250, 0.4);}
.bouton.jaune:hover,  .bouton.jaune:active {color:#966729;}
.bouton.violet {color:#000000; text-shadow: 0px 1px 0px rgba( 200, 160, 160, 0.4);}
.bouton.violet:hover,  .bouton.violet:active {color:#720845;}