/********************************************
   AUTHOR:  			Genoud Grégory 
   TEMPLATE NAME:		Assisto
   VERSION:          	1.0          	

 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 
<style type="text/css" charset="utf-8">/* See license.txt for terms of usage */

/** reset styling **/


/* Top Elements */
* {padding: 0; margin: 0;text-align:left;}
html { 
   height: 100%; 
}
body {
	font: 90%/1.5em Arial, Tahoma, arial, sans-serif;	text-align: left;
	background-color:#b98860;
}

/********************************************
   LINKS
********************************************/ 
a, a:visited {
	text-decoration: underline;
	color:#0066cc;
	background: inherit;
}
a:hover {
	color: #000;
	background: inherit;
}

/********************************************
   HEADERS
********************************************/ 

/* headers */
h1, h2, h3 {
	font-family: Arial, Verdana, 'Trebuchet MS', Sans-serif;
	font-weight: Bold; 		
	margin:0px 0px 0px 10px;
}
h1 {
	margin-top: 10px;
	font: Bold 140% Arial, 'Trebuchet MS', Sans-serif;
	color:#333;
	text-transform:uppercase;
	padding: 5px 0px 30px 0px; 	
}
h2 {
	font: 130% Arial, 'Trebuchet MS', Sans-serif;
	text-transform:uppercase;
	padding:10px 0px 15px 0px;
	color:#b98860;
}
h3 {
	font: Bold 100% Arial, 'Trebuchet MS', Sans-serif;
	text-transform:uppercase;
	padding:0px 0px 15px 0px;
	color:#3a803a;
}
#footer h3{
	margin:22px 0px 8px 0px;
}

p{
	margin:0px 0px 20px 0px;
}
p.vert{
	color:#090
}
b,strong{
	color: #2a2c2c; 
}
ul, ol {
	margin: 5px 20px 10px 5px;
	padding: 0 20px;
	color: #333333;	
}
ul span, ol span {
	color: #666666;
}
.calendrier {
	float:left;
}

/********************************************
   IMAGES
********************************************/ 
img.float-right {
  margin: 5px 0px 10px 10px;  
  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

/********************************************
   LIST
********************************************/ 

ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}


/********************************************
  form elements
********************************************/ 
form {/*
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; */
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
.inputNom{
	padding:2px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	width:290px;
}
.inputContenu{
	padding:2px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	width:490px;
	height:300px;
}
.inputDetail{
	padding:2px;
	border:1px solid #ccc;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	width:390px;
	height:200px;
	
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
	color: #88ac0b;
}

/********************************************
   LAYOUT
********************************************/
#entete, #menu, #contenu, #footer {
padding:1px 0; /* pour la fusion des marges*/
}
#wrap {
	width: 875px;
	background: url(dbvContent.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
	margin-top:-10px;
}
#raccourci{
	background-color:#FF9900;
	text-align:right;
	height:40px;
	width: 875px;
	background:  url(raccourci.jpg) no-repeat center top;
	position: relative;
	margin: 0 auto;
	padding: 0;
	padding-top:10px;
}
#raccourci a {
	color:black;
	margin:5px 65px 0px 0px;
	background: none;
}
#content-wrap {
	/*clear: both;*/
	padding: 0; 
	margin: 0 auto;
	padding:25px 0px 0px 0px;
	height:100%;
}
#entete {
	background-color:#FF9900;
	text-align:center;
	height:176px;
	width: 875px;
	background:  url(dbvHeader.jpg) no-repeat center top;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
#main {
	display:table;
	margin:0 auto;
	margin-left:1px;
}
#contenu {
	display:table-cell;
	margin:0;
	padding:0;
	padding:30px 60px 60px 20px;
	width:100%;

}
table{
	padding-left:10px;
}

/********************************************
   MENU
********************************************/ 

#menu {	
	display:table-cell;
	width:200px;
	margin: 0 auto; 
	padding:0;
	padding: 38px 0px  20px 5px;
	margin:  0px 30px 55px 57px;
	background-color:#ebe0d7;
	vertical-align:top;
}
.menu {
	margin: 0; 
	padding:0;
	font: 15px/19px  Verdana, Tahoma, Sans-serif;
	line-height:30px;

}
.menu a{
	text-align:left;
	width: 200px;
	margin: 0; 
	padding:0;
    margin: 1px;
	padding:0px 0px 8px 25px;
	display:block; 
    color:#3e2613;
    font: 120% Arial, 'Trebuchet MS', Sans-serif;
    text-decoration:none;
	background-image:none;
	line-height:30px;
}
  a.menu_on {
	text-align:left;
	width:200px;
	margin: 0; 
	padding:0;
    margin: 1px;
	padding:0px 0px 8px 5px;
	display:block; /* Affichage des sous menus en tant que bloc */
    color:#000;
    font: 120% Arial, 'Trebuchet MS', Sans-serif;
    text-decoration:underline;
	background-image:none;
	line-height:30px;
}  
.menu li ul{
    margin:0;
	padding:0;
    margin-left:130px; 
    margin-top:-23px;
    visibility:hidden;
    display: inline;
}

.menu li li ul{
    position:absolute;
    margin-left:124px;
    margin-top:-23px;
}
    
.menu li{
    list-style:none;
    width:180px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
}
    
.menu li li{
    display:block;
    float:none;
}

.menu a:hover{
   text-decoration:underline;
}

.menu a:focus{
}
/* SOUS MENU */
.menu2{
	padding-left:55px;
    font: 80% Verdana, "Times New Roman", Times, serif;
	color:#82111c;
	border-bottom:none;

}
a.menu2{
	padding-left:55px;
	width:120px;
    font: 80% Verdana, "Times New Roman", Times, serif;
	color:#82111c;
	border-bottom:none;
	background-color:transparent;

}
a.menu2_on{
	padding-left:55px;
    font: 80% Verdana, "Times New Roman", Times, serif;
	color:#000;
	text-decoration:underline;
	border-bottom:none;

}
a.menu3{
	padding-left:65px;
	width:80px;
	font:  80% Verdana, 'Trebuchet MS', Sans-serif;
	color:#2b2524;

}
a.menu3_on{
	padding-left:65px;
	font:  80% Verdana, 'Trebuchet MS', Sans-serif;
	color:#a40234;

}
/* correct a little IE bug */
* html .menu li li{
    display:inline;
}


/********************************************
   Footer
********************************************/ 
#footer {
	color: #666666;
	background: url(dbvFooter.jpg) no-repeat center top;
	clear: both;
	width: 875px;
	height: 10px;
	text-align: center;	
	font-size: 92%;
	margin:0 auto;
	margin-top:0px;
}
#footer a { 
	text-decoration: none;
	background-image:none;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }


/********************************************
   SHOP
********************************************/ 
.menu_shop {
	margin: 0; 
	padding:0;
	font: 12px/19px  Verdana, Tahoma, Sans-serif;
	line-height:30px;
	width:80px;
}
.menu_shop a{
	text-align:left;
	margin: 0; 
	padding:0;
    margin: 1px;
	padding:0px 0px 8px 5px;
	display:block; 
    color:#82111c;
    font: 120% Arial, 'Trebuchet MS', Sans-serif;
    text-decoration:none;
	background-image:none;
	line-height:20px;
	width: 80px;

}
/* SOUS MENU */
a.menu_shop2{
	padding-left:25px;
    font: 100% Verdana, "Times New Roman", Times, serif;
	color:#82111c;
	border-bottom:none;
	background-color:transparent;
	width: 80px;
}
a.menu_shop3{
	padding-left:35px;
	font:  80% Verdana, 'Trebuchet MS', Sans-serif;
	color:#2b2524;
	width: 50px;
}

#gauche {
	display:table-cell;
	margin:0;
	padding:0;
	padding:20px 20px 60px 0px;

}
#gauche h2,p{
	padding:0px 0px 0px 10px;
}
#gauche a{
	padding:0px 0px 0px 0px;
}
#droite {	
	display:table-cell;
	width:190px;
	margin: 0 auto; 
	padding:0;
	padding: 30px 0px  20px 5px;
	margin:  0px 30px 55px 57px;
	/*background-color:#dacfd0;*/
	vertical-align:top;
}
#droite a {
	padding:0px 0px 0px 0px;
}
#droite h3, #gauche h3{
	background-color:#f2e6e7;

}
#coeur,#top,#special {	
	width:190px;
	background-color:red;
	background-color:#dacfd0;
	margin-bottom:20px;
	/*margin:  0px 30px 55px 57px;*/
}