@CHARSET "ISO-8859-1";

/* *****************************************************
 *	BO VieWeb - Copyright 2012 VieWeb
 *	----------------------------------
 *	Feuille de style générale
 * *****************************************************/

* {
	font-family:					helvetica;
}

a, p, div, span, label, input, textarea, select, td, th {
	font-size:						10pt;
}

a {
	color:							#333333;
	text-decoration:				none;
	font-weight:					bold;
}

a:hover {
	text-decoration:				none;
	color:							#FB7D00;
}

h1 {
	font-size:						16pt;
	border-bottom:					solid 1px #FB7D00;
}

h2 {
	font-size:						14pt;
}

h3 {
	font-size:						12pt;
}

h4 {
	font-size:						11pt;
}

html {
	width:							100%;
	height:							100%;
	background:						#DDDDDD;
}

body {
	margin:							0;
	padding:						0;
	overflow:						auto;
	width:							100%;
	height:							100%;
}

img {
	border:							0;
}

.clear {
	clear:							both;
	height:							0px;
}

.right {
	position:						relative;
	float:							right;
}

.left {
	position:						relative;
	float:							left;
}

#page {
	position:						relative;
	width:							100%;
	/*height:							100%;*/
	margin:							0 auto;
}

a.loupe {
	display:						inline-block;
	width:							20px;
	height:							20px;
	position:						absolute;
	bottom:							0;
	right:							0;
	background:						url(../images/loupe.png) no-repeat top left;
}

/*
	Module header
 */
#header {
	width:							100%;
	top:							0;
	z-index:						1000;
	position:						relative;
	float:							left;
	background:						url(flick/images/ui-bg_highlight-soft_50_dddddd_1x100.png) repeat-x top left;
	/*height:							86px;*/
	border-bottom:					solid 1px #FFD3A8;
}

#header .header {
	width:							900px;
	position:						relative;
	margin:							0 auto;
}

#header .header #logo {
	position:						relative;
	float:							left;
	margin-right:					10px;
}

#header .header #logo a {
	display:						inline-block;
}

#header .header #logo a img {
	height:							90px;
}

#header .header #ident {
	width:							auto;
	position:						relative;
	float:							left;
	color:							#FFFFFF;
	margin-left:					20px;
	margin-top:						7px;
}

#header .header #nav {
	width:							auto;
	position:						relative;
	float:							right;
	color:							#FFFFFF;
	margin-right:					45px;
	margin-top:						7px;
}

#header .header #nav a {
	color:							#FFFFFF;
	text-decoration:				none;
}

#header .header #nav a:hover {
	text-decoration:				underline;
}

#header .header #menu {
	position:						relative;
	float:							left;
	z-index:						10;
	height:							90px;
	/*background:						url(../images/logo_admin_2.png) no-repeat 0 3px;*/
}

#header .header #menu ul.menu {
	margin:							0;
	padding:						0;
	list-style:						none;
	display:						inline-block;
	padding-top:					60px;
	text-align:						center;
	line-height:					30px;
	width:							600px;
}

#header .header #menu ul.menu li {
	display:						inline-block;
	float:							left;
	list-style:						none;
	overflow:						hidden;
}

#header .header #menu ul.menu li a {
	display:						inline-block;
	line-height:					30px;
	overflow:						hidden;
	text-decoration:				none;
	padding:						0 11px;
	color:							#FFFFFF;/*#777777;*/
	font-weight:					bold;
	background:						#f99400;/*#FB7D00;/*url(flick/images/ui-bg_highlight-soft_50_dddddd_1x100.png) repeat-x top left;*/
	border-left:					solid 1px #807E7F;
}

#header .header #menu ul.menu li a.actif {
	color:							#000000;
	border-bottom:					solid 3px #FB7D00;
	background:						#F8F0E7;
}

#header .header #menu ul.menu li a:hover {
	color:							#FB7D00;
	background:						#F8F0E7;
}

#header .header #menu ul.menu li a.actif:hover {
	color:							#FB7D00;
}

#header .header #menu ul.menu li ul.ssmenu {
	position:						absolute;
	top:							86px;
	/*left:							0;
	margin:							0 0 0 -130px;
	padding:						0 0 0 130px;*/
	width:							210px;/*770px;*/
	/*height:							28px;*/
	border-left:					solid 1px #FB7D00;
	border-bottom:					solid 1px #FB7D00;
	margin:							0;
	padding:						0;
}

#header .header #menu ul.menu li ul.ssmenu li {
	display:						block;
	float:							none;
	margin:							0;
	padding:						0;
	height:							29px;
}

#header .header #menu ul.menu li ul.ssmenu li a {
	display:						inline-block;
	width:							190px;
	line-height:					28px;
	padding-left:					10px;
	text-align:						left;
	border:							0;
	-moz-border-radius:				0;
	-webkit-border-radius:			0;
	-khtml-border-radius:			0;
	border-radius:					0;
	border-bottom:					solid 1px transparent;
}

#header .header #menu ul.menu ul.ssmenu li a:hover,
#header .header #menu ul.menu ul.ssmenu li a.actif {
	background:						#EEEEEE;
	line-height:					28px;
	border-bottom:					solid 1px #FFD3A8;
}

#header .header #submenu {
	position:						absolute;
	top:							0;
	right:							210px;
	z-index:						100;
}

#header .header #submenu a {
	background:						#E7E7E7;
	border:							solid 1px #FB7D00;
	color:							#000000;
	-moz-border-radius:				4px;
	-webkit-border-radius:			4px;
	-khtml-border-radius:			4px;
	border-radius:					4px;
	display:						inline-block;
	padding:						5px 24px;
}

#header #inscript {
	position:						absolute;
	top:							0px;
	right:							220px;
	z-index:						100;
}

#header #inscript label {
	width:							150px;
}

#header #inscript input {
	width:							100px;
}

#header #inscript span {
	line-height:					28px;
	display:						inline-block;
	font-weight:					bold;
}

#header #inscript a {
	display:						inline-block;
	background:						#999999 url(../images/icons/small/white/v-card.png) no-repeat top left;
	padding:						0 5px 0 26px;
	line-height:					24px;
	color:							#FFFFFF;
	-moz-border-radius:				2px;
	-webkit-border-radius:			2px;
	-khtml-border-radius:			2px;
	border-radius:					2px;
	-moz-box-shadow:				2px 2px 3px #AAAAAA;
	-webkit-box-shadow:				2px 2px 3px #AAAAAA;
	box-shadow:						2px 2px 3px #AAAAAA;
}

#header #inscript a:hover {
	-moz-box-shadow:				2px 2px 3px #333333;
	-webkit-box-shadow:				2px 2px 3px #333333;
	box-shadow:						2px 2px 3px #333333;
	text-decoration:				none;
}

/*
	Contenu
 */
#contenu {
}

#contenu #content {
	background:						#ECEEF0;
	padding:						10px;
	margin:							10px 0;
}

#contenu #dash {
	width:							900px;
	min-height:						600px;
	margin:							auto;
	position:						relative;
	/*border-left:					solid 1px #E7E7E7;
	border-right:					solid 1px #E7E7E7;*/
	background:						#FFFFFF;
}

#contenu #dash #board {
	padding:						30px 20px;
}

#contenu #dash #board #carousel {
	margin:							auto;
}

/*
	Formulaires
 */
#formulaire {
	margin:							30px;
	position:						relative;
	float:							left;
	width:							670px
}

label {
	display:						inline-block;
	width:							200px;
	padding:						7px 0;
	color:							#777777;
	font-weight:					bold;
	line-height:					18px;
}

label.error {
	margin-left:					10px;
	color:							red;
}

label[for="cgv"],
label[for="odc"] {
	width:							auto;
}

input[type="text"],
input[type="password"] {
	width:							244px;
	padding:						1px 3px;
	height:							18px;
	border:							solid 1px #444444;
	-moz-box-shadow:				2px 2px 3px #CCAF91;/*CCCCCC;*/
	-webkit-box-shadow:				2px 2px 3px #CCAF91;/*CCCCCC;*/
	box-shadow:						2px 2px 3px #CCAF91;/*CCCCCC;*/
}

select {
	width:							252px;
	padding:						1px 1px 1px 3px;
	line-height:					18px;
	border:							solid 1px #444444;
	-moz-box-shadow:				2px 2px 3px #CCAF91;/*CCCCCC;*/
	-webkit-box-shadow:				2px 2px 3px #CCAF91;/*CCCCCC;*/
	box-shadow:						2px 2px 3px #CCAF91;/*CCCCCC;*/
}

select[multiple="multiple"] {
	margin:							7px 0;
	vertical-align:					top;
}

input[type="submit"],
input[type="button"] {
	width:							150px;
	height:							24px;
	background:						#EEEEEE;
	border:							solid 1px #444444;
	-moz-box-shadow:				2px 2px 3px #AAAAAA;
	-webkit-box-shadow:				2px 2px 3px #AAAAAA;
	box-shadow:						2px 2px 3px #AAAAAA;
	-moz-border-radius:				4px;
	-webkit-border-radius:			4px;
	-khtml-border-radius:			4px;
	border-radius:					4px;
	font-weight:					bold;
	cursor:							pointer;
	float:							right;
}

input[type="submit"]:hover {
	background:						#E4E4E4;
	border:							solid 1px #333333;
	-moz-box-shadow:				1px 1px 1px #999999;
	-webkit-box-shadow:				1px 1px 1px #999999;
	box-shadow:						1px 1px 1px #999999;
	color:							#FB7D00;
}

#formulaire input[type="submit"] {
	float:							left;
	margin-left:					120px;
}

#formulaire input#calculer {
	float:							left;
	margin:							0 5px 0 10px;
}

#motdepasse input[type="submit"] {
	float:							left;
	margin-left:					260px;
}

input[type="text"].error,
input[type="password"].error {
	border:							solid 1px #FF0000;
	-moz-box-shadow:				2px 2px 3px #C9A09C;
	-webkit-box-shadow:				2px 2px 3px #C9A09C;
	box-shadow:						2px 2px 3px #C9A09C;
}

select.error {
	border:							solid 1px #FF0000;
	-moz-box-shadow:				2px 2px 3px #C9A09C;
	-webkit-box-shadow:				2px 2px 3px #C9A09C;
	box-shadow:						2px 2px 3px #C9A09C;
}

input[type="checkbox"].error {
	border:							solid 1px #FF0000;
}

#formulaire hr {
	border:							0;
	border-top:						solid 1px #AAAAAA;
}

#formulaire p.mandatory {
	color:							#AAAAAA;
	margin:							3px 0;
}

#board p.message {
	background:						#FFCACA;
	color:							#FF0000;
	padding:						5px 10px;
}

#board .miniature {
	width:							80px;
	height:							56px;
	overflow:						hidden;
}

/*
	FancyBox
 */
.fancybox-outer {
	background:						#FFFFFF;
}

.fancybox-inner {
	background:						#FFFFFF;
}

.fancybox-inner h3 {
	border-bottom:					solid 1px #555555;
	color:							#555555;
	margin-top:						0;
}

/*
	Module footer
 */
#footer {
	color:							#000000;
	text-align:						center;
	line-height:					23px;
	position:						relative;
	width:							100%;
	bottom:							0;
	background:						url(flick/images/ui-bg_highlight-soft_50_dddddd_1x100.png) repeat-x bottom left;
	border-top:						solid 1px #FB7D00;
}

#footer a {
	color:							#000000;
	text-decoration:				none;
}

#footer a:hover,
#footer a.active {
	color:							#FB7D00;
}

/*
	Panier
 */
#panier {
	position:						absolute;
	top:							-85px;
	right:							3px;
	background:						#FFFFFF;
	padding:						0 10px;
	height:							80px;
	width:							180px;
	z-index:						1000;
	border:							solid 1px #FFD3A8;
	-moz-box-shadow:				2px 2px 3px #AAAAAA;
	-webkit-box-shadow:				2px 2px 3px #AAAAAA;
	box-shadow:						2px 2px 3px #AAAAAA;
}

#panier h2 {
	margin:							0;
	font-size:						11pt;
	border-bottom:					solid 1px #FB7D00;
	color:							#383740;
	background:						url(../images/icons/small/grey/shopping_cart_3.png) no-repeat 0 -1px;
	padding:						0 0 0 25px;
}

#panier p {
	margin:							5px 0;
}

#panier a {
	display:						inline-block;
	margin-right:					10px;
	position:						absolute;
	bottom:							0;
	right:							0;
}

#tunnel {
	margin:							auto;
	width:							830px;
}

#tunnel .info,
#tunnel .info.off.prev:hover {
	padding:						0 15px 0 40px;
	font-size:						12pt;
	font-weight:					bold;
	line-height:					28px;
	-moz-border-radius:				15px;
	-webkit-border-radius:			15px;
	-khtml-border-radius:			15px;
	border-radius:					15px;
	background:						#FFD3A8;
	-moz-box-shadow:				inset 0px -20px 30px #5C0E0D;
	-webkit-box-shadow:				inset 0px -20px 30px #5C0E0D;
	box-shadow:						inset 0px -20px 30px #5C0E0D;
	color:							#FFFFFF;
	color:							#000000\9;
}

#tunnel a:hover .info.off.prev {
	text-decoration:				none;
	color:							#000000;
	display:						inline-block;
}

#tunnel .info.actif {
	color:							#5C0E0D;
	background:						#FFFFFF;
	-moz-box-shadow:				inset 0px -20px 30px #FFBFBF;
	-webkit-box-shadow:				inset 0px -20px 30px #FFBFBF;
	box-shadow:						inset 0px -20px 30px #FFBFBF;
}

#tunnel .info.off {
	color:							#000000;
	background:						#FFFFFF;
	-moz-box-shadow:				inset 0px -20px 30px #FB7D00;
	-webkit-box-shadow:				inset 0px -20px 30px #FB7D00;
	box-shadow:						inset 0px -20px 30px #FB7D00;
}

#tunnel .outset,
#tunnel .off.prev:hover .outset {
	position:						absolute;
	top:							-3px;
	left:							-3px;
	background:						#FFFFFF;
	-moz-box-shadow:				2px 2px 3px #643502;
	-webkit-box-shadow:				2px 2px 3px #643502;
	box-shadow:						2px 2px 3px #643502;
	-moz-border-radius:				15px;
	-webkit-border-radius:			15px;
	-khtml-border-radius:			15px;
	border-radius:					15px;
}

#tunnel .actif .outset {
	-moz-box-shadow:				2px 2px 3px #A64646;
	-webkit-box-shadow:				2px 2px 3px #A64646;
	box-shadow:						2px 2px 3px #A64646;
}

#tunnel .off .outset {
	-moz-box-shadow:				2px 2px 3px #888888;
	-webkit-box-shadow:				2px 2px 3px #888888;
	box-shadow:						2px 2px 3px #888888;
}

#tunnel .bulle,
#tunnel .off.prev:hover .bulle {
	width:							30px;
	line-height:					30px;
	-moz-border-radius:				15px;
	-webkit-border-radius:			15px;
	-khtml-border-radius:			15px;
	border-radius:					15px;
	border:							solid 1px #5C0E0D;
	background:						#FFD3A8;
	-moz-box-shadow:				inset 0px -10px 20px #5C0E0D;
	-webkit-box-shadow:				inset 0px -10px 20px #5C0E0D;
	box-shadow:						inset 0px -10px 20px #5C0E0D;
	text-align:						center;
	font-size:						16pt;
	font-weight:					bold;
}

#tunnel .actif .bulle {
	border:							solid 1px #DD0000;
	background:						#FFFFFF;
	-moz-box-shadow:				inset 0px -10px 20px #FFBFBF;
	-webkit-box-shadow:				inset 0px -10px 20px #FFBFBF;
	box-shadow:						inset 0px -10px 20px #FFBFBF;
	color:							#5C0E0D;
}

#tunnel .off .bulle {
	border:							solid 1px #FB7D00;
	background:						#FFFFFF;
	-moz-box-shadow:				inset 0px -10px 20px #FB7D00;
	-webkit-box-shadow:				inset 0px -10px 20px #FB7D00;
	box-shadow:						inset 0px -10px 20px #FB7D00;
}

#tunnel a:hover * {
	color:							#FB7D00;
}

#tunnel .sep {
	height:							0;
	border-bottom:					dotted 1px #5C0E0D;
	width:							42px;
	margin:							15px 10px 15px 5px;
}