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

/*
border: 1px solid red;
*/

/* Main */

#logo_print {
	display:none;
}

#test {
	width: 1200px;
	height:900px;
	margin-left:200px;
	position:absolute;
	z-index:255;
	opacity:0.0;
	display:none;
/**
	display:none;
**/
}

#test:hover {
	background-image:url(../gfx/maquette_01.jpg);
	background-repeat:no-repeat;
	opacity:0.5;
}

* {
	margin: 0;
	padding: 0;
}

ul {
	padding-left:15px;
}

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

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

body {
	background-color:white;
	background-image:url(../gfx/interco_background2.png);
	background-repeat:repeat-x;
}

#header_bg {
	padding-left:10px;
}

#header {
	width: 100%;
	margin: 0px auto;
	text-align:left;
}

#header_logo {
	float: left;
	padding-left:10px;
	padding-top:10px;
	width:300px;
	height:78px;
}

#header_menu {
	margin-top:15px;
	float:right;
	height:84px;
}

#header_menu img {
	padding-right:10px;
}

#header_slogan {
	font-family: arial, sans-serif;
	font-size: 14px;
	color:#105b9c; /* blue */
	padding-left:10px;
	margin-top:-5px;
	height:21px;
}

#main_bg {
}

#main {
	width: 100%;
	margin: 0px auto;
	margin-top:0px;
	text-align:left;
}

#main_page {
	padding-left:10px;
}

.content {
}

#footer_bg {
	background-color:#105b9c; /* blue */
	background-color:#cacfdd;
	background-image:url(../gfx/interco_footer_background.png);
	background-repeat:repeat-x;
	height:100%;
	padding-left:10px;
}

#footer {
	width: 100%;
	margin: 0px auto;
	text-align:left;
	text-transform: none;
	background-color:transparency;
}

.footer_menu {
	padding-top:18px;
	float:left;
}

.footer_menu a {
	font-size: 15px;
	color:white;
	text-decoration:none;
	padding-right:39px;
}

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

#home {
}

#home_block_left {
	width:233px;
	width:20%;
	float:left;
	text-align:left;
}

#home_block_right {
	width:735px;
	width:77%;
	float:left;
}

#home_produit {
	width:735px;
	width:75%;
	float:left;
}

#home_produit_description {
	padding:20px;
	width:420px;
}

#home_produit_ref {
	padding:20px;
	width:715px;
	width:75%;
}

#conditionnement {
	background-color:#cacfdd;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:20px;

}

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

.nivoSlider_home {
  position:relative;
  width:95%;
}

#blocslider_home {
  width:95%;
	border: 1px solid #ddd;
	float:left;
  color:white;
	margin-left:18px;
}

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

#menu_bg {
	float:left;
}

#menu {
	height:33px;
	line-height:33px;
}

img.menu {
}

#pillmenu {
}

#pillmenu ul {
	float: left;
	list-style:none;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#pillmenu li {
	float: right;
	padding-right:0px;
	padding-left:0px;
}

#pillmenu li:hover {
}

#pillmenu a {
	display:block;
	color:white;
	text-decoration: none;
	text-align: center;
	padding-right:14px;
	padding-left:14px;
	padding-bottom:0px;
	margin-top:0px;
	font-size: 14px;
}

#pillmenu a:hover ,
#pillmenu a#active_menu-nav {
	background-color:#8c95b1;
}

/*-------------------------*/
/* Sub Home               */
/*-------------------------*/

#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:#105b9c; /* blue */
	position:absolute;
	z-index:-1;
	top:0px;
	left:0;
	right:0;
	bottom:0;
}

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

#home_block_left  {
	padding-right:10px	;
	margin:0;
	position:relative;
	z-index:0;
}

#home_block_left ul {
	list-style:none;
	vertical-align:top;
	padding-left:0px;
}

#home_block_left li {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#home_block_left ul li a {
	display:block;
	color:white;
	padding:10px;
}

#home_block_left ul li a:hover {
}

#home_block_left li:hover {
}

#home_block_left ul li ul {
	padding-left:10px;
  list-style-type: none;
}

#home_block_left ul li ul li {
}

#home_block_left ul li ul li a {
	font-size: 12px;
	padding-top:0px;
}

#home_block_right  {
	padding-right:10px	;
	margin:0;
	position:relative;
	z-index:0;
}

.menu_box  {
	width:170px;
	height:181px;
	float:left;
	padding-bottom:10px;
	border: 1px solid grey;
	margin:4px;
}

#home_block_right ul {
	list-style:none;
	vertical-align:top;
}

#home_block_right li {
}

#home_block_right ul li a {
	display:block;
	color:white;
	padding:0px;
}

#home_block_right ul li a:hover {
}

#home_block_right li:hover {
}

#home_block_right ul li ul {
	padding-left:10px;
  list-style-type: none;
}

#home_block_right ul li ul li {
}

#home_block_right ul li ul li a {
	font-size: 12px;
	padding-top:0px;
}


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

.cms {
	padding-right:15px;
	padding-left:15px;
	padding-top:11px;
	padding-bottom:11px;
	border: 1px solid #d2d2d2;
	background-color:#f4f4f4;
}

.box2 {
}

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

img {
	border-style: none;
}

hr {
	border: 0;
	border-bottom: #bfbfbf solid 1px;
	margin: 0 auto;
}

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

.clear {
	clear:both;
}

.center {
	text-align:center;
}

a {
	font-family: arial, sans-serif;
	font-size: 12px;
	color:#105b9c; /* blue */
	text-decoration:none;
	font-weight: normal;
}

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

strong , b {
	font-weight: bold;
	color:#105b9c; /* blue */
}

p {
	margin-top: 16px;
}

/*-------------------------*/
/* 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);
}

/*-------------------------*/
/* Table                   */
/*-------------------------*/

#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;
	background:#fff;
}

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

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:#faffbd;
}

div#commandes input {
	margin-top:4px;/* IE8 */
	margin-top:4px!important!;/* IE7 */
	margin-top:4px!important;/* IE6 */
	margin-bottom:4px;/* IE8 */
	margin-bottom:4px!important!;/* IE7 */
	margin-bottom:4px!important;/* IE6 */
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 0px 4px 4px 0px;
}

div#commandes select {
	margin-top:4px;/* IE8 */
	margin-top:4px!important!;/* IE7 */
	margin-top:4px!important;/* IE6 */
	margin-bottom:4px;/* IE8 */
	margin-bottom:4px!important!;/* IE7 */
	margin-bottom:4px!important;/* IE6 */
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 0px 4px 4px 0px;
}

#produits {
 overflow: auto;
}

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

div#produits td {
	vertical-align:middle;
	border: 1px solid #cecece;
 	padding-left:10px;
 	padding-right:10px;
}

div#produits th {
	vertical-align:middle;
	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#produits td:hover  {
}

div#produits tr:hover  {
	background:#faffbd;
}

div#produits input {
	margin-top:4px;/* IE8 */
	margin-top:4px!important!;/* IE7 */
	margin-top:4px!important;/* IE6 */
	margin-bottom:4px;/* IE8 */
	margin-bottom:4px!important!;/* IE7 */
	margin-bottom:4px!important;/* IE6 */
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 0px 4px 4px 0px;
}

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

h1 {
	background-image:url(../gfx/grosse-fl.png);
	background-repeat:no-repeat;
	font-size: 22px;
	font-weight: normal;
	color: #105b9c; /* blue */
	padding-left:24px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #105b9c; /* blue */
}

h3 {
	font-size: 22px;
	font-weight: normal;
	color: white;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
		border-radius: 0px 0px 20px 0px;
		-moz-border-radius: 0px 0px 20px 0px;
		-webkit-border-radius: 0px 0px 20px 0px;
}


		/*-------------------------*/
		/* Boxes                   */
		/*-------------------------*/

		.vide {
			float:left;
		}

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

.bp_slim,
.bp_delete,
.bp
{
	font-size: 14px;
	color:white;
	height:22px;
	display:inline;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer !important;/*** IE6 ***/
	margin-top: 10px;
	margin-bottom: 10px;
	border-style:none;
	background:	#105b9c; /* blue */
	padding:2px;
	padding-right:4px;
	padding-left:4px;
}

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

.bp_slim:hover,
.bp:hover
{
	background-color:#6fa044;
}

.bp_delete:hover
{
	background-color:red;
}

.bp_home
{
	font-size: 15px;
	color:white;
	display:block;
	width:100%;
	margin-top:1px;
	margin-bottom:1px;
	padding-top:8px;
	padding-bottom:7px;
	cursor:pointer !important;/*** IE6 ***/
	border-style:none;
	background:	#105b9c; /* blue */
	text-decoration:none;
	text-align:center;
}

.bp_home:hover
{
	background-color:#6fa044;
	text-decoration:none;
}


.bp_onglet ,
.bp_onglet_active {
	border-style:none;
	font-size: 17px;
	font-weight: normal;
	display:inline;
	padding: 10px 25px 5px 25px;
	margin-right:10px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius:  10px 10px 0px 0px;
	-webkit-border-radius:  10px 10px 0px 0px;
	background-color:#919191;
	cursor:pointer !important;/*** IE6 ***/
	color:white;
	*color:#aaa;
	*color:#35414e;
}

.bp_onglet_active
{
	background-color:	#105b9c; /* blue */
	*background-color:#6fa044;
	*background-color:#cecece;
	*background-color:#eee;
	color:white;
	text-decoration:none;
}

.bp_onglet:hover
{
	*background-color:#cecece;
	background-color:#6fa044;
	text-decoration:none;
}

/*-------------------------*/
/*         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;
}

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


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

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

.pagination
{
	font-family: arial, sans-serif;
	font-size: 13px;
	float:right;
	padding-top:5px;
	letter-spacing:1px;
	color:grey;
}

.pagination a
{
	color:#35414e;
	font-weight: bold;
}

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

.box_error {
	background:	#105b9c; /* blue */
	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: -20px;
	margin-left: 50px;
	display: inline;
	cursor:pointer !important;/* IE6 */
	z-index:0;
}

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

textarea {
	font-family: arial, sans-serif;
	font-size: 12px;
	width: 810px;
	max-width: 950px;
	margin-top:10px;/* IE8 */
	margin-top:10px!important!;/* IE7 */
	margin-top:10px!important;/* IE6 */
	background:#faffbd;
}

input, select {
	margin-top:10px;/* IE8 */
	margin-top:10px!important!;/* IE7 */
	margin-top:10px!important;/* IE6 */
	background:#faffbd;
}

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

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

		.colonne150 {
			float:left;
			width:150px;
			margin-right:25px;
		}

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

		.fermer {
			display:none;
		}

		.created {
		}

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

.event {
	position:absolute;
	z-index:253;
	float:left;
	width:258px;
}

.event_txt {
	width:370px;
	margin-top:50px;
	margin-left:-125px;
	text-align:center;
	position:absolute;
	z-index:255;
  color: white;
  font-size: 12px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-webkit-transform:rotate(-45deg); /* Opera, Chrome, and Safari */
	float:left;
}

.event_txt2 {
	text-align:center;
	position:absolute;
	width:115px;
	margin-top:35px;
	margin-left:-10px;
	z-index:255;
  color: white;
  font-size: 12px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-webkit-transform:rotate(-45deg); /* Opera, Chrome, and Safari */
}

.event_pic {
	float:left;
}

.event_pic2 {
	width:160px;
}

.img_box {
	width:160px;
}

.thum {
/***	overflow:hidden;***/
}
.thum ul {
	list-style:none;
	margin:0px;
	padding:0px;

}


