/***** template stylsheet *****/
html, body, p, ul, li, h1, h2, h3, h4, h5, h6, form, ul, li, img {
	border: 0;
	padding: 0;
	margin: 0;
}

body {
	color: #49474a;
	font: normal 12px arial, Helvetica, sans-serif;
}

/*** link ***/
a:visited, a:link {
	color: #000;
	text-decoration: none
}

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

/*** title ***/

h1, h2 {
	font-size: 16px;
	margin: 0 20px 15px 0;
	padding: 0;
	color: #000;
	font-weight: normal;
	border-bottom: 1px solid #cbcbcb
}

/*** form / img ****/

img.image_float_right {
	float: right;
	margin: 0 0 0 20px;
}

img.image_float_left {
	float: left;
	margin: 0 40px 0 0;
	padding: 0;
}

img.image_block_center {
	text-align: center;
	display: block; /* no !important */
	margin: 0 auto;
}

img.float { float: left }

.imgCol{float:right;}

.imgCol img{
	clear:both;
	margin-bottom:5px;}
	
img.abs{
	position:absolute;
	top:0;
	left:0;}

/*** ID ***/

#f5{
	position:absolute;
	z-index:9999;
	top:0;
	left:0;
	width:100%;
	color:#000;}

#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-top: 1px;
	min-height: 800px;
	overflow: hidden
}

#wrapper.ssp #content {min-height: 600px;}

#wrapper.home {
	min-height: 500px;
	padding-top: 330px
}

#abs{
	position:absolute;
	top:100px !important;
	z-index:9999;
	left:270px;
	width:356px;
	height:120px;
 
}


#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 290px;
}

#left {
float:left;
margin-top:45px;
}

#headerLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 255px;
	min-height: 250px;
}

#headerRight {
	position: absolute !important;
	top: 0;
	right: 0;
	width: 740px;
}

#headerRight .bloc {
	margin: 0;
	padding: 0
}

#menu_top {
	position: absolute;
	top: 5px;
	right: 10px;
	text-align:right
}

#menu_top a {
	font-size: 11px;
	padding: 0 10px;
	color: #19253c
}

#menu_top a:hover {
	color: #006ab3
}

#credits {
	float: right;
	margin-top: 30px;
	margin-right: 20px;
}

#credits a {
	color: #555555;
	font-size: 10px;
	padding: 0 10px
}

#shadow {
	float: right;
	margin-top: 0;
	width: 1000px;
	height: 17px;
	background: url(/images/new/shadow.png)
}

.group {
	color: #555;
	font-size: 10px;
	margin-left: 40px
}

span.rgpd{font-size:10px}

a#logo_home {
	display: block;
	width: 260px;
	height: 186px;
	background: url(/images/logo_home.png)
}

a#logo_lig {
	display: block;
	width: 260px;
	height: 186px;
	background: url(/images/lig.png)
}


a#logo {
	display: block;
	width: 260px;
	height: 186px;
	background: url(/images/logo.png)
}

.pad{
	padding:0;
	background:#F03}

.mask {
	margin-top: 6px;
	background: #552164
}

.signalisation .mask {background: #796264}
.sti .mask {background: #19253c}
.display .mask{ background:#306787}
.led .mask{ background:#6a866a}
.mobilite .mask{background:#4fb254}


#onglets {
	margin-top: 10px;
	width: 162px;
	height: 21px;
}


#lang {
	display: block;
	position: absolute;
	z-index: 55;
	right: 195px;
	top: 47px;
	height: 15px;
	color: #151316;
	font-weight: bold;
	width: 25px;
}

ul#langmenu li{
	list-style:none}

ul#langmenu li a{
	display: block;
	width: 22px;
	height: 14px;
	float: left;
	margin-left: 0px;
	background: url(/images/flag/french_off.jpg)
}

ul#langmenu.FR li a{ 
display: block;
	width: 22px;
	height: 14px;
background: url(/images/flag/brits_off.jpg)}


#searchBloc {
	position: absolute;
	top: 35px;
	right: 8px;
	width: 250px;
	height: 19px;
	margin-bottom: 1px;
}

input#query {
	width: 130px;
	height: 17px;
	padding: 0;
	border: none;
	border: 1px solid #7f9db9;
	margin: 9px 0 0 74px
}

input#ok {
	border: none;
	float: right;
	margin-top: 9px;
	margin-right: 0px;
	cursor: pointer;
	width: 22px;
	height: 19px;
	background: url(/images/search.png)
}

/* model link */

.wrapLink {
	position: relative;
	float: left;
	width: 218px;
	height: 204px;
	color: #403d3d;
	margin: 0 15px 20px 0;
	/*overflow: hidden;*/
	border: 1px solid #cfcede;
	-moz-box-shadow: 3px 3px 3px 0px #cfcfcf;
	-webkit-box-shadow: 3px 3px 3px 0px #cfcfcf;
	-o-box-shadow: 3px 3px 3px 0px #cfcfcf;
	box-shadow: 3px 3px 3px 0px #cfcfcf;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=3);
}

.nouveaute{
	position:absolute;
	z-index:9999;
	top:-5px;
	right:-15px;
	width:53px;
	height:42px;
	background: url(/images/puce_new_.gif)}

.product .nouveaute{
	right:250px;}

.wrapLink h2 {
	font-size: 14px;
	padding: 0 20px;
	text-align: center;
	border: none;
	font-weight: normal;
}

.wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 198px;
	height: 50px;
	padding: 10px;
	background: url(/images/opaq.png)
}

.signalisation .wrap:hover 		{ background: #796264;color: #989898; }
.sti .wrap:hover 				{ background: #19253c;color: #fff; }
.ssp .wrap:hover 				{  background: #5a4162;color: #fff; }
.signalisation .wrap:hover h2 	{  color: #fff; }
.wrap:hover h2 	{ color: #989898; }
.display .wrap:hover{background:#306787}
.mobilite .wrap:hover{background:#5a4162}

span.arrows {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 15px;
	font-weight: bold
}

.signalisation .wrap:hover span.arrows {
	color: #fff
}

.bloc {
	margin-bottom: 20px;
	margin-right: 20px;
}

/* product */

.desc {
	float: left;
	width: 435px;
}

.desc h2 {
	border: none;
	color: #49474a
}

.product {
	position: relative;
	margin-bottom: 25px;
	cursor: pointer
}

.product:hover {
	margin:-1px 0 24px -1px;
	border: 1px solid #d6d6d6;           
}

.product:hover img{margin: 0 49px 0 0;}

.product h2 {
	font-size: 13px;
	font-weight: normal;
	color: #646464;
	padding: 5px;
	border: none;
	background: #d6d6d6
}

.img_prod {
	float: right;
	margin: 0 50px 0 0;
}

#margin{margin:50px;}


.asso{
	width:120px;
	float:left;
	min-height:135px;
	margin:0 18px 20px 0}

.asso:hover{
	margin:-1px 17px 19px -1px;
	border: 1px solid #d6d6d6; }

.asso h3{
	font-size:11px;
	font-weight:normal;
	margin-bottom:15px;
	text-transform: lowercase}	

/* equipe */

#equipe {
	position: absolute;
	top: 236px;
	left: 0;
	width: 255px;
	height: 102px;
}


.catalog {
	position: absolute;
	top: 136px;
	right: 0;
	width: 208px;
	height: 79px;
	background: #5a4162;
	color:#fff;	
}

#newsPark{
	position:absolute;
	width:208px;
	bottom:6px;
	right:0}
.ssp .bloc.nouv{
	margin-top:50px
}


.catalog.blocInfo{
	padding-top:20px;
	height: 59px;
	top: 209px;}

.catalog.blocInfo a{color:#fff}

.catalog.blocInfo.its{
	padding-top:20px;
	height: 39px;
	top: 229px;}
#news{
	position:absolute;
	top:229px !important;
	right:1px;
	width:207px;
	padding-top:0px;
	padding-left:20px;
	height: 59px !important;
	color:#fff;
}
#news a{color:#fff}
#wrapper.rent .catalog,#wrapper.rent .titleMenu{display:none}

.catalog .bloc img{opacity:1 !important}

.signalisation .catalog {background: #796264}
.sti .catalog {background: #19253c}
.display .catalog{background:#306787}
.led .catalog{ background:#6a866a !important}
.mobilite {background:#5a4162}


#marginLeft {
	float: left;
	width: 257px;
	margin-top: 295px;
	font: normal 12px arial, Helvetica, sans-serif;
}


.titleMenu {
	height: 43px;
	width: 229px;
	padding: 12px 0 0 28px;
	color: #fff;
	background: #5a4162;
}

.signalisation .titleMenu {background: #796264}
.sti .titleMenu {background: #19253c}
.display .titleMenu{background:#306787}
.led .titleMenu{ background:#6a866a !important}


.news {
	margin: 15px 0;
	height: 43px;
	width: 229px;
	padding: 5px 0 0 28px;
	color: #fff;
	background: #5a4162;
}

.signalisation .news {background: #796264}
.sti .news {background: #19253c}
.display .news{background:#306787}

.news span {font-size: 16px}

.titleMenu span {font-size: 16px;}


.bloc.nouv{
	color:#fff;
	margin-top:9px !important;
	padding:5px !important}

.bloc.nouv h2{color:#fff}

#wrapper.signalisation .bloc.nouv{ background:#796264;}
#wrapper.sti .bloc.nouv{ background:#19253c;}
#wrapper.ssp .bloc.nouv{ background:#5a4162;}
.bloc.nouv marqueeaffdyn,.bloc.nouv marqueeaffdyn a
{color:#fff !important}

#wrapper.display .bloc.nouv{ background:#306787}
#wrapper.display #lang{display:none}


#content {
	width: 710px;
	margin-top: 340px;
	min-height:400px;
	float: right;
}

#content .bloc ul{margin-left:15px;}

/******** kwicks ***********/

.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin: 0 0 0 20px;
	height: 415px;
	padding: 0;
	overflow: hidden
}

.kwicks li {
	float: left;
	height: 415px;
	background: url(/images/new/slide1.jpg) center;
}

.kwicks a, .kwicks h2 {color: #fff}

.title {
	color: #fff;
	text-align: center;
	padding: 10px 1px;
	margin: 0;
	background: #999;
	height: 30px;
	opacity: 0.9
}

#wrapper.sti li.active:hover .title{background: #19253c}
#wrapper.sti li.active:hover .bot{background: #19253c}

#wrapper.signalisation li.active:hover .title{background: #796264}
#wrapper.signalisation li.active:hover .bot{background: #796264}

#wrapper.ssp li.active:hover .title{background: #5a4162}
#wrapper.ssp li.active:hover .bot{background: #5a4162}

#wrapper.display li.active:hover .title{background: #306787}
#wrapper.display li.active:hover .bot{background: #306787}

#wrapper.mobilite li.active:hover .title{background: #5a4162}
#wrapper.mobilite li.active:hover .bot{background: #5a4162}

.title h2 {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight:normal !important;
	border: none;
}

.bot {
	color: #fff;
	text-align: left;
	padding: 4px;
	margin-top: 263px;
	height: 94px;
	overflow: hidden;
	opacity: 0.9;
	position: relative;
	background: #999
}

.bot p {
	font-size: 12px;
	text-align: left;
	margin-bottom: 5px;
}

.bot span {
	display: block;
	height: 65px;
}

span.truncate {
	line-height: 10px;
	font-size: 10px;
}

span.fullText {
	display: none
}

.arrow {
	position:absolute;
	bottom: 5px;
	left:5px;
	width: 18px;
	height: 10px;
	background: url(/images/arrow.png) no-repeat
}

.kwicks li .title, .kwicks li .bot	{ color: #fff }
.kwicks li .title a 				{ color: #fff }
.kwicks:hover li 					{ opacity: 0.7 }
.kwicks li.active:hover .bot span	{ font-size: 11px }

.kwicks li.active:hover .bot p {
	font-size: 15px;
	margin-bottom: 10px
}
.kwicks li.active:hover .title h2 {
	font-size: 16px;
	border: none;
}
.kwicks li.active:hover {
	opacity: 1 !important
}
.kwicks li.active .title h2 {
	border: none;
	font-weight: normal
}


.clear {
	clear: both;
	display: block;
	background-color: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

ul#sitemap li {
	padding: 0;
	margin: 0
}
ul#sitemap a {/* A SUPPRIMER **/
	font-size: 10px;
	padding: 0;
	margin: 0;
	color: #666
}

/* detail */

#spec {
	float: left;
	width: 720px;
	margin: 20px 0 10px 0;
	height: 27px;
	padding: 1px 0 0 0;
	background: #d6d6d6
}

#spec h2 {
	float: left;
	font-size: 13px;
	font-weight: bold;	
	color: #000;
	text-transform: uppercase;
	padding: 5px 0 0px 10px;
	margin: 0;
	border: none;
}

.ref, .price {
	width: 230px;
	float: left;
	color: #5f5f5f;
	text-align: left;
	margin-top: -18px;
	padding: 2px 0 2px 10px;
	background: #f8f8f8
}

.price {margin-top: -10px;}

.ref span,.price span {color: #cf0000}

a#pdf,a#logiciel,a#manuel {
	display: block;
	width: 147px;
	height: 17px;
	float: left;
	margin-right:10px;
	background: url(/images/pdf.png)
}

a#logiciel{background: url(/images/logiciel.png)}
a#manuel{background: url(/images/manuel.png)}

.alignCenter{text-align:center}

img.marginBot {
	position:relative;
	text-align:center;
	margin: 25px auto 15px auto
}

#prod_desc {
	float: left;
	width: 480px;
	text-align:justify
}

#prod_photos {
	position: absolute;
	top: 430px;
	right: 0;
	width: 220px;
}

#prod_photos img{
	display:block;
	text-align:center;
	position:relative;
	margin:10px auto;}

#prod_desc table {
	margin-top: 25px;
	width:480px
}


table td{
	vertical-align:top}
#prod_desc tbody td {
	padding: 5px;
	vertical-align:top
}

#prod_desc tbody tr:nth-child(odd) {background-color: #f1f1f1; }
#prod_desc tr:nth-child(even) {background-color: #fff;}

.resp {
	width: 181px;
	margin-top: 10px;
	margin-left: 38px;
}

span.blue {color: #669cbe}

h6 {
	border-top: 1px solid #4d7c98;
	border-bottom: 1px solid #c1c1c1;
	font-size: 12px;
	margin: 5px 0;
}

h5 {
	color: #337eb5;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #c1c1c1;
	text-transform: uppercase;
	margin: 20px 0 10px 0

}

.resp p {
	margin-top: 4px;
	font-size: 11px;
	border-top: 5px solid #4d7c98
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#foot{
	text-align:right}

#foot ul{
	list-style:none;
	text-transform:uppercase;
	color:#bfbfbf;
}

#foot a{color:#bfbfbf !important}

#foot a:hover{color:#000}

#adminIcon{
	position:relative;
	z-index:99999}
	
.cadreBlanc{
	position:absolute;
	width:300px;
	z-index:99999;
	text-align:justify;
	padding:20px;
	background:#FFF;
	opacity:0.99
}