/********************************************/
/* Code : Marc Radermacher - Edroweb studio */
/********************************************/

/*
border: 1px solid red;
border: 1px solid #3399ff;
*/

/* Main */

/*
@font-face {
	font-family: 'AvantGardeBkBTBook';
	src: éurl('font/avgardn-webfont.eot');
	src: url('font/avgardn-webfont.eot?#iefix') format('embedded-opentype'),
   		url('font/avgardn-webfont.woff') format('woff'),
   		url('font/avgardn-webfont.ttf') format('truetype'),
   		url('font/avgardn-webfont.svg#AvantGardeBkBTBook') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

#test {
	height:1050px;
	position:absolute;
	z-index:255;
	opacity:0.0;
	display:none;
}
/*
	display:none;
*/

#test:hover {
	background-color:#f6f7f7;
	background-image:url(../gfx/test2.jpg);
	background-repeat:no-repeat;
	opacity:1.0;
}

* {
	margin: 0;
	padding: 0;
}

html, body, form {
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:black;
	line-height:17px;
}

html, body {
	padding-top:0px;
	height: 100%;
}

body {
	background-color:#f7f7f7;
	background-image:url(../gfx/gradient.png);
	background-repeat:repeat-x;
}

#main {
	width: 90%;
	margin: 0px auto;
	margin-top:0px;
	text-align:left;
	background-color:white;
}

#main_page {
	margin-left:11px;
	margin-right:11px;
	margin-top:7px;
	margin-bottom:7px;
}

.content {
}

.cms {
	padding-left:17px;
	padding-right:17px;
	padding-top:11px;
	padding-bottom:11px;
	border: 1px solid #d2d2d2;
}

#header {
	float: left;
	width: 100%;
	height:80px;
	background-color:#384450;
	color:white;
}

#header_logo {
	float: left;
	width:300px;
	height:71px;
	margin-top:5px;
	margin-left:8px;
}

.header_baseline {
	font-size: 13px;
	padding-left:103px;
	margin-top:-26px;
}

#logo_print {
	display:none;
}

#header_menu a {
	float: right;
	padding-right:20px;
	margin-top:11px;
	font-size: 12px;
	color:white;
}

#footer_bg {
	height:100%;
}

#footer {
	width: 90%;
	height:40px;
	margin: 0px auto;
	background-color:#384450;
	/*font-weight: normal;*/
	/*line-height:16px;*/
	text-transform: none;
}

.footer_menu {
	float:left;
	margin:10px;
}

.footer_menu a {
	color:white;
	text-decoration:none;
	display:block;
}

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

/*-------------------------*/
/* Divers                  */
/*-------------------------*/

img {
	border-style: none;
}

.hr {
	border: 0;
	border-bottom: #cecece solid 1px;
	margin-top:10px;
	padding-bottom:10px;
}

hr {
	border: 0;
	border-bottom: #cecece solid 1px;
	margin-bottom:10px;
	margin-top:10px;
}

.clear {
		clear:both;
}

.center {
	text-align:center;
}

a {
	text-decoration:none;
	color:#3399ff;/* blue */
}

a:hover {
	text-decoration:underline;
	cursor:pointer !important;/*** IE6 ***/
}

strong , b {
	font-family: tahoma, arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color:#3399ff;/* blue */
  letter-spacing:0px;
}

p {
	text-align: justify;
}

#main_page .p ,
#main_page p {
	margin-top:16px;
	margin-left:15px;
	margin-right:15px;
}

ul {
	padding-left:30px;
}

/*-------------------------*/
/* Menu                    */
/*-------------------------*/

#menu_compte,
#menu {
	font-family: tahoma, arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color:white;
	height:33px;
	background-image:url(../gfx/menu_background.png);
	background-repeat:repeat-x;
	/*line-height:28px;*/
	/*font-variant: small-caps;*/
	/*text-transform: uppercase;*/
}

				#menu_compte
				{
						border-radius: 8px 8px 0px 0px;
						-moz-border-radius:  8px 8px 0px 0px;
						-webkit-border-radius:  8px 8px 0px 0px;
				}

#menu {
	width: 100%;
}

				#pillmenu {
				}

				#pillmenu2 {
					padding-left:10px;
				}

				#pillmenu2 ul ,
				#pillmenu ul {
					float:left;
					list-style:none;
					padding:0px;
					margin:0px;
				}

				#pillmenu2 li ,
				#pillmenu li {
					height:33px;
					float: left;
  				border-color:white;
  				border-width:1px;
  				border-right-style:solid;
				}

				#pillmenu2 li
				{
				}

				#pillmenu2 a ,
				#pillmenu a {
					display:block;
					color:white;
					text-decoration: none;
					text-align: center;
					padding-right:20px;
					padding-left:20px;
					line-height:33px;
				}

				#pillmenu2 a:hover ,
				#pillmenu2 a#active_menu-nav ,
				#pillmenu a:hover ,
				#pillmenu a#active_menu-nav {
					background-image:url(../gfx/menu_background_hover.png);
					background-repeat:repeat-x;
				}

				#pillmenu2 a:hover ,
				#pillmenu2 a#active_menu-nav {
				}

				#pillmenu2 li ul a:hover ,
				#pillmenu li ul a:hover {
					background-color:red;
				}

				#pillmenu2 span a ,
				#pillmenu span a {
  				font-family: arial, sans-serif;
  				font-size: 14px;
  				font-weight: normal;
					text-transform:none;
					color:white;
					background: none;
					text-align:left;
				}

				.sub_panel_content
				{
					position: relative;
					z-index: 10;
				}

				.sub_panel
				{
					background-color:#384450;
					position:absolute;
					z-index:-1;
					border: 1px solid white;
					top:0px;
					left:0;
					right:0;
					bottom:0;
				}

/*-------------------------*/
/* Sub Menu                */
/*-------------------------*/

							.menu_right
							{
								font-size: 19px;
								font-weight: normal;
								width:900px;
								float:right;
								text-align:right;
								margin-top: -50px;
								margin-right:-10px;
							}

							.menu_right ul {
								list-style:none;
							}

							.menu_right li {
								display: inline;
							}

							.menu_right a {
								padding-left:10px;
							}

							.menu_right a.menu-right:hover,
							.menu_right a#active_menu-right {
								color:#ffc700;
							}

/*-------------------------*/
/* Fonts                   */
/*-------------------------*/

h1 {
	font-size: 18px;
	font-weight: normal;
	color:#2d3947;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color:#3399ff;/* blue */
}

				h3 {
					font-family: tahoma, arial, sans-serif;
					font-weight: normal;
					font-size: 18px;
					color:#303c49;
					color:#2d3947;
					padding-bottom:5px;
					margin:0;
				}

				h4 {
					font-size: 14px;
					color:#3399ff;/* blue */
					padding:0;
					margin:0;
				}

				.h5,
				h5 {
					font-size: 14px;
					font-weight: bold;
					color:#565657;
					display:inline;
				}

/*-------------------------*/
/*         Boutons         */
/*-------------------------*/

.bp_slim,
.bp
{
	font-family: tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	font-weight: bold;
	line-height:19px;
	color:white;
	padding: 0px 10px 3px 10px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	cursor:pointer !important;/*** IE6 ***/
	background-image:url(../gfx/menu_background.png);
	background-repeat:repeat-x;
	border-style:none;
	text-align:center;
	margin-bottom:5px;
}

.bp_slim {
	font-size: 11px;
	line-height:14px;
}

.bp_slim:hover,
.bp:hover
{
	background-image:url(../gfx/menu_background_hover.png);
	background-repeat:repeat-x;
}

.bp_disabled ,
.bp_disabled:hover
{
	font-family: tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	font-weight: bold;
	line-height:19px;
	color:white;
	padding: 0px 10px 3px 10px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	border-style:none;
	text-align:center;
	background-color:#b8b8b8;
}

.bp_sys {
	font-size: 11px;
	line-height:14px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
	border:1px solid #999;
	background-color:#eee;
	padding:1px 3px 1px 3px;
	color:#333;
}

.bp_sys:hover {
}

/*-------------------------*/
/*         Tooltip         */
/*-------------------------*/

#tooltip {
	position:absolute;
	z-index:255;
	background:#3399ff;/* blue */
	color:white;
	padding:10px;
	display:none;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	box-shadow: 0px 3px 10px #666;
	-moz-text-shadow: 0px 3px 10px #666;
	-webkit-text-shadow: 0px 3px 10px #666;
	width:250px;
	text-align:left;

}

#tooltip b {
	font-weight: bold;
	color:white;
}

/*-------------------------*/
/*         Slider          */
/*-------------------------*/

							.nivoSlider_home {
  							position:relative;
  							width:832px;
  							height:726px;
							}

							#blocslider_home {
								width:832px;
  							height:726px;
								margin: 0px auto;
							}

							.redactor_editor, .redactor_editor:focus {
								color:black;
							}

							.return {
								float:right;
								width:30px;
								height:30px;
								background: url(../gfx/fancy_close.png) top left no-repeat;
								display:block;
							}

/*-------------------------*/
/*       pagination        */
/*-------------------------*/

.pagination
{
	font-family: arial, sans-serif;
	font-size: 13px;
	float:right;
	padding-bottom:5px;
	padding-top:5px;
  	letter-spacing:1px;
  	display:block;
  	width:100%;
  	overflow:auto;
}

/*-------------------------*/
/*       formulaire        */
/*-------------------------*/

.box_error {
	background:#29b0f0;
	position:relative;
	z-index:5001;
	color: white;
	font-size: 11px;

	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;

	padding: 5px 10px 5px 10px;

	position:absolute;
	margin-top: -25px;
	margin-left: 50px;
	display: inline;
	cursor:pointer !important;/* IE6 */
	z-index:0;
}

.cursor_error {
	width:23px;
	height:12px;
	background: url(../gfx/arrow_down.png) bottom left no-repeat;
  margin-top:5px;
	position:absolute;
}

textarea {
	font-family: arial, sans-serif;
	font-size: 12px;
	height: 100px;
	width: 830px;
	min-height: 100px;
	max-width: 830px;
	margin-top:10px;/* IE8 */
	margin-top:10px !important;/* IE6 */
  border:1px solid #cecece;
		border-radius: 5px 5px 0px 5px;
		-moz-border-radius: 5px 5px 0px 5px;
		-webkit-border-radius: 5px 5px 0px 5px;
}

input {
padding:2px;
border:1px solid #cecece;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}

select {
padding:2px;
border:1px solid #cecece;
		border-radius: 5px 0px 0px 5px;
		-moz-border-radius: 5px 0px 0px 5px;
		-webkit-border-radius: 5px 0px 0px 5px;
}

input[type='radio']
{
	border:0;
}

input[type='checkbox']
{
	margin-left:5px;
	margin-right:10px;
}

.checkbox {
}
	input[type="file"] {
}

div.numeric input[type='text']
{
	text-align:right;
}

.recherche_rapide {
 	padding:0px;
	text-align:right;
		border-radius: 0px;
		-moz-border-radius: 0px;
.recherche_rapide {
 	padding:0px;
	text-align:right;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
}
		-webkit-border-radius: 0px;
}

				.check_on {
					width:17px;
					height:17px;
					float:left;
					background:url(../gfx/check_on.png) no-repeat;
				}

				.check_off {
					width:17px;
					height:17px;
					float:left;
					background:url(../gfx/check_off.png) no-repeat;
				}

				.check_label {
					cursor:pointer !important; cursor:pointer;
				}

				.check_label_blue {
					cursor:pointer !important; cursor:pointer;
					color:#3399ff;/* blue */
				}

/*-------------------------*/
/* divers							     */
/*-------------------------*/

.colonne {
	float:left;
	width:260px;
	margin-right:25px;
}

.colonne_auto {
	float:left;
	margin-right:25px;
}

				.fermer {
					float: right;
					width:17px;
					height:22px;
					text-align:right;
					background-image: url(../gfx/close_blue.png);
					background-repeat:no-repeat;
					background-position:left bottom;
				}

				.close {
					float:right;
					width:19px;
					height:19px;
					background: url(../gfx/bp_close.png) top left no-repeat;
					display:block;
				}

				.created {
				}

				.select_on {
					width:19px;
					height:19px;
					display:block;
					cursor:pointer !important; cursor:pointer;
					float:right;
					margin-top:2px;
					background:url(../gfx/bp_select_on.png) no-repeat;
				}

				.select_off {
					width:19px;
					height:19px;
					display:block;
					cursor:pointer !important; cursor:pointer;
					float:right;
					margin-top:2px;
					background:url(../gfx/bp_select_off.png) no-repeat;
				}

/*-------------------------*/
/* Imprimer                */
/*-------------------------*/

.printer {
	margin-top:0px;
	margin-left:10px;
	float: right;
	width:26px;
	height:19px;
	background-image: url(../gfx/printer.png);
	background-repeat:no-repeat;
}

.printer:hover {
	background-image: url(../gfx/printer_hover.png);
}

/*-------------------------*/
/* Tables                  */
/*-------------------------*/

#commandes {
 overflow: auto;
}

div#commandes table {
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	width:100%;
 	border-collapse:collapse;
}

div#commandes td {
	vertical-align:top;
	border: 1px solid #cecece;
 	padding-left:10px;
 	padding-right:10px;
 	padding-top:5px;
 	padding-bottom:5px;
}

div#commandes th {
	vertical-align:top;
	border: 1px solid #cecece;
 	padding-left:10px;
 	padding-right:10px;
 	padding-top:5px;
 	padding-bottom:5px;
	font-weight: bold;
	font-style: normal;
	background:#eee;
}

div#commandes td:hover  {
}

div#commandes tr:hover  {
	background:#eee;
}

.notice {
	width:40%;
}