/* @override 
	http://grogro.local:8888/~max/Avril/Avril_2/views/avril_com.css
*/

/* normalisation polices */

@import url("base.css");

img {
	border: none;
	width: auto;
	height: auto;
}

input, textarea, select, button {
	font-size: 11px;
}

/* référence pantone */

bleu_542C {
	background-color: #64a0c8;
}

html {
	height: 100%;
}

body {
	font-family: Verdana, sans-serif;
	margin: 0;
	height: 100%;
	background-color: #fff;
	/*background-color: #4c7a99;*/
}

#Avril {
	position: fixed;
	width: 18em;
	top: 0;
	left: 0;
	height: 100%;
	/*bottom: 0;*/
	min-height: 100%;
	background-color: #525252;
	z-index: 2;
}

#logo {
	width: 100%;
	margin: 0;
	height: 25%;
	min-height: 64px;
	background-color: #101519;
	position: relative;
	/*background: #203340 url(logo_542c.png) no-repeat center center;*/
	border-bottom: 2px groove gray;
}

#logo img {
	display: block;
	position: absolute;
	top: 50%;
	margin: 0 auto;
	margin-top: -1.65em;
	left: 1em;
	width: 16em;
	height: 2.95em;
	/*display: none;*/
}

#logo a {
	display: block;
	height: 100%;
}

#lang {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 1em;
	margin: 0;
	z-index: 3;
}

#lang a {
	color: #101519;
}

#lang a:hover {
	/*color: #64a0c8;*/
	color: #4abf4a;
}

/* menu */

#menu_gene {
	width: 14em;
	margin: 1.8em auto;
	margin-bottom: 0;
	margin-right: 0;
	padding-left: 20px;
}

#menu_gene > li {
	border: none;
	border-bottom: 2px groove gray;
}

#menu_gene > li:first-child {
	border-top: 2px groove gray;
}

.hop_menu {
	margin: 0;
	padding: 0;
	/*padding-left: 1em;*/
	list-style-type: none;
	list-style-image: none;
}

/*li .hop_menu {
	list-style-image: none;
}*/

.hop_menu li {
	padding: .2em 0 0 1em;
	/*line-height: 1.3em;*/

}

.hop_menu a {
	vertical-align: 3px;
	text-decoration: none;
	color: #fff;
	/*color: #64a0c8;*/
	display: -moz-inline-stack;
	display: inline-block;
	width: 100%;
}

.hop_menu a:hover {
	color: #4abf4a;
	/*color: black;*/
	/*color: #a2c3d8;*/
}

li.actif {
	background-color: white;
	/*background-color: #4c7a99;*/
	border-top: 2px groove gray;
	border-bottom: 2px groove gray;	
}

li.actif > a {
	color: black;
	/*color: #192832;*/
}

li.has_sub_menu.actif > a {
	color: white;
	/*color: #64a0c8;*/
}

li.final.actif {
	border-bottom: none;	
}

li.has_sub_menu {
	list-style-image: url(f_e_grise.png);
	background-color: transparent;
	border: none;
	/*list-style-position: inside;
	margin-left: -20px;*/
}

li.has_sub_menu.ouvrant {
	list-style-image: url(f_se_grise.png);
}

li.has_sub_menu.ouvert
, li.has_sub_menu.actif
{
	list-style-image: url(f_s_grise.png);
}

/* items */

.etiquette {
	position: absolute;
	bottom: 0.5em;
	left: 0;
	color: black;
	/*color: #3f3f3f;*/
}

.etiquette p {
	margin: 0 1em;
	font-weight: bold;
}

.etiquette span {
	/*float: right;*/
	margin-left: 1em;
	font-weight: normal;
}

#contenu {
	position: absolute;
	left: 18em;
	right: 0;
	top: 0;
	/*height: 100%;*/
	bottom: 0;
	padding: 2em;
	/*top: 25%;
	border-top: 2px groove gray;*/
}

#contact, .event, #identification {
	border: 1px solid silver;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	padding: 1em;
	color: #101519;
	/*color: #bfbfbf;*/
	/*color: #321e29;*/
}

.event {
	max-width: 25em;
	/*display: -moz-inline-block;*/
	/*display: -moz-inline-stack;*/
	display: inline-block;
	vertical-align: top;
	margin-right: 2em;
	margin-bottom: 2em;
	/*white-space: nowrap;*/
	/*background-color: #436169;*/
}

.event.pdv {
	display: -moz-inline-stack;
}

.event h4 {
	margin-top: 0;
	margin-bottom: 1em;
}

.event p {
	margin-bottom: 0;
}

.event .label {
	font-weight: bold;
	display: -moz-inline-stack;
	display: inline-block;
	width: 3.5em;
}

#contact, #identification {
	position: absolute;
	left: 50%;
	top: 25%;
	width: 27em;
	margin-left: -14.5em;
}

#contenu a {
	color: #192832;
	/*color: #321e29;*/
}

#contact dt {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: .5em;
}

.dmsq {
	cursor: pointer;
}

.signature {
	position: absolute;
	bottom: 1em;
	right: 2em;
	font-size: xx-small;
	color: #192832;
	/*color: #321e29;*/
}

/* diaporama accueil */

.diapo {
	position: absolute;
	top: 50%;
	margin-top: -25%;
	left: 25%;
	width: 50%;
	overflow: hidden;
	display: none;
	/*border: 1px solid gray;*/
}

.diapo img {
	width: 100%;
	height: auto;
	display: block;
	margin: auto;
	/*position: absolute;
	top: 0; bottom: 0;
	left: 0;right: 0;*/
	/*border: 1px solid red;*/
}

/* divers communs */

form p.bouton {
	text-align: center;
	margin: 1em 0;
}

fieldset {
	border: none;
}

#identification legend {
	font-weight: bold;
	color: #192832;
	padding: 0;
}

.stock table, table.stock {
	border-collapse: collapse;
	margin: 1em 0;
}

.stock th, .stock td {
	border: 1px solid silver;	
}

.stock td {
	text-align: center;
	padding: .2em 0.5em;
}

.stock td:first-child {
	text-align: left;
}

table.stock {
	width: 100%;
	margin: 0;
	margin-bottom: 2em;
	color: #192832;
}

table.stock p {
	margin: 0;
	margin-top: -1.5em;
	margin-left: .3em;
	font-weight: bold;
	/*color: #bfbfbf;*/
	color: #321e29;
}

table.stock img {
	height: 100%;
	width: auto;
}

td.image {
	height: 10em;
	padding: 0;
}

.pdv h4 {
	margin: 0;
}

.def {
	background-color: #525252;
}

/* acces boutique */

#acces_boutique {
	position: relative;
	margin: 4em auto;
	text-align: center;
	width: 180px;
	height: 135px;
	border: 1px solid #ff471f;
}

#acces_boutique h1 {
	position: relative;
	margin: 20px 0;
	line-height: 48px;
	z-index: 2;
}

#acces_boutique a {
	display: block;
	color: silver;
	text-decoration: none;
}

.nouveau {
	position: absolute;
	top: 0; left: 0;
	width: 180px;
	height: 135px;
	background-image: url(nouveau_1s.gif);
	z-index: 0;
}

/* CGV */

.droit {
	text-align: justify;
}

.droit h2 {
	text-align: center;
	color: #ff471f;
}

.droit h3 {
	font-size: 1.1em;
	color: #101519;
}