/*CSS Darroze*/

html, body 
{
height: 100%;
margin: 0;
font-size: 0.9em;
font-family: Arial;
}

body
{/*IE fix pour centrage de la page*/
text-align:center;
}

p
{padding:3px;
margin:0;
}


img
{
border:0;
padding:0;
}


div#global 
{
min-height: 100%;
width: 770px;
padding: 0;
margin: 0 auto;
position: relative;
background:#f8e8d0;
}



#main
{
text-align:left;
margin-right:5px;
padding-bottom: 10px; 
overflow: auto;

}

/*SIDEBAR*/
#sidebar
{
float: left;
width:180px;
}


#sidebar ul
{
padding:0;
margin:0;
}

div#quote
{
padding:10px 4px;
}
/**********************/
/*      STYLES       */
/********************/
h1,h2,h3
{font-family: Garamond,"Palatino Linotype", Georgia, "Times New Roman" ;
color:#e74d1a;}

h1 {font-size:2.3em;}
h2 {font-size:1.8em;}

/******************/
/* DIVERS             /
/********************/


.citation
{
padding:10px 20px 10px 20px;
font-style: italic;
background: #fff url(pix_darroze/apostrophe.png) 0 0 no-repeat;
text-indent:10px;
}

.signature
{
text-align:right;
font-weight:bold;
padding-bottom:20px;
}

/*LINKS*/
a
{color:#e74d1a;
text-decoration:none;
}

a:hover
{text-decoration:underline;
}

a[name]:hover {text-decoration: inherit; color: inherit; background: inherit;}

/*listes et puces*/

ul
{
list-style:none;
}

li
{
background: #fff url(pix_darroze/puce_rouge.jpg) 0 5px no-repeat;
padding-left:20px;
padding-top:5px;
}

/*NAVIGATION*/
div#navigation
{
font-family: Garamond,"Palatino Linotype","Times New Roman";
font-size:1.1em;
font-weight:bold;
width:170px;
border: 2px #fff solid;
margin:5px;
color:#000;
}

ul#menu
{
margin:0;
list-style: none;
}

ul#menu li
{
background:none;
padding:0;
}

ul#menu li a 
{
display: block;
text-decoration:none;
color:#000;
height:25px;
line-height:26px;
padding-left:10px;
margin:0;
border-bottom:1px solid #f8e8d0;
border-top:1px solid #f8e8d0;
}

ul#menu li a:hover
{
background: #e74d1a;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
color:#fff;
text-decoration:none;
}

#menu li a#current{
background: #fff;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
color:#000;
text-decoration:none;
}

#menu li a#current:hover
{
background: #e74d1a;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
color:#fff;
text-decoration:none;
}
/*CONTENT*/

#content
{
background:#fff;
float: right;
width: 560px;
padding:5px;
margin:5px;
height:100%;
text-align:justify;
}



.footer
{clear:both;
width: 750px;
text-align:right;
}



/********************/
/*     IMAGES       */
/********************/

#content img
{border:5px solid #f8e8d0;}

.left {
float:left;
}
.center {
text-align:center;
padding: 10px 0 10px 0;}

.left /*img, .left span*/
{
display:block;
padding: 8px 8px 0px 0px;
}

.right {
float:right;
}

.right /*img, .left span*/
{
display:block;
padding: 8px 0px 0px 8px;
}

/********************/
/*  FORMULAIRE      */
/********************/

 form.formulaire fieldset
  {
  padding: 1em;
/*background:#f8e8d0;*/
  }
form.formulaire label
  {
  display: inline;
  float: left;
  width: 110px;
  } 
 
 
 input, select, textarea {
	background-color: white;
	border: none;
	border: 1px solid #999999;

}
 input[type="submit"], input[type="reset"] {
	background-color: white;
	border: 1px solid #999999;
	-moz-border-radius: 5px;
}

input.bouton {
border:1px outset #CCCCCC;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:#CCCCCC;
color:#333333;
}

input.bouton:active {
border:1px inset #CCCCCC;
background-color:#999999;
color:white;
} 

p .warning
{
color:white;
}

/********************/
/*       TRICKS     */
/********************/
div.clear
 {
 clear:both;
 }
 
div#separateur
{
padding:10px;
}
	
br {
clear: left;
}
/********************/
/*      revendeurs     */
/********************/
.nom
{font-weight: bold;
font-size: 1.1em;
background:#ccc;
}
.cavistes, .cavistes_amb
{border-collapse:collapse;}

/*.cavistes td, .cavistes th, .cavistes_amb td, .caviste_amb th
{padding:4px;
border:1px solid #CCC;
font-size:1em;}*/


.cavistes td, .cavistes th, .cavistes_amb td, .cavistes_amb th
{padding:4px;
border:1px solid #CCC;
vertical-align:top;
}

.cavistes td, .cavistes_amb td
{width:250px;}

.cavistes th, .cavistes_amb th
{width:100px;
color:#e74d1a;}