@CHARSET "UTF-8";

/********************************************************************************
 * Page : Accès
 */
img{border:0 none;}
div#g_map { height: 327px; width: 495px; }

div#gmap_marker h1 { margin-bottom: 15px; }
div#gmap_marker p { font-size: 12px; }

div#page-wrap
{
	background-image: url("img/all-page-wrap-bg.jpg");
	background-position: top;
	background-repeat: repeat-y;
	margin-bottom: 50px;
}

div#page-wrap div#header
{
	position: relative;
	top: 40px;
	height: 180px;
	margin-bottom: 40px;
}

div#page-wrap div#header h1
{
	height: 180px;
	background-image: url("img/all-header-logo.jpg");
	position: absolute;
}

div#page-wrap div#header div#branding
{
	/*background-color: #fff;*/
	height: 160px;
	position: absolute;
	right: 0;
	width: 720px;
}

div#page-wrap div#header div#branding img
{
	margin: 0 5px 0 0;
	width: 710px;
        position: absolute;
}


/*-- Main Menu - (super sprite menu :D) --*/
div#main-menu { float: right; }
div#main-menu ul { list-style: none; }
div#main-menu ul li { float: left; }

div#main-menu ul li a
{
	background-image: url("img/all-main-menu-sprite.jpg");
	background-repeat: no-repeat;
	color: #ff0;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 2px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	height: 19px;
	width: 108px;
}

.menuactive



div#main-menu ul li a#home { background-position: 0 0; }
div#main-menu ul li a#home.menuactive, div#main-menu ul li a#home:hover
{ background-position: 0 -25px; color: #000; font-weight: bold; }

div#main-menu ul li a#robs { background-position: -110px 0; }
div#main-menu ul li a#robs.menuactive, div#main-menu ul li a#robs:hover
{ background-position: -110px -25px; color: #000; font-weight: bold; }

div#main-menu ul li a#points { background-position: -221px 0; }
div#main-menu ul li a#points.menuactive, div#main-menu ul li a#points:hover
{ background-position: -221px -25px; color: #000; font-weight: bold; }

div#main-menu ul li a#products { background-position: -332px 0; }
div#main-menu ul li a#products.menuactive, div.products div#main-menu ul li a#products, div#main-menu ul li a#products:hover
{ background-position: -332px -25px; color: #000; font-weight: bold; }

div#main-menu ul li a#video { background-position: -442px 0; }
div#main-menu ul li a#video.menuactive, div#main-menu ul li a#video:hover
{ background-position: -442px -25px; color: #000; font-weight: bold; }

div#main-menu ul li a#contact { background-position: -553px 0; }
div#main-menu ul li a#contact.menuactive, div#main-menu ul li a#contact:hover
{ background-position: -553px -25px; color: #000; font-weight: bold; }

div#main-menu ul li a#access { background-position: -663px 0; }
div#main-menu ul li a#access.menuactive, div#main-menu ul li a#access:hover
{ background-position: -663px -25px; color: #000; font-weight: bold; }

table td
{
  vertical-align: top;
}
/*-- Top Links --*/
div#top-links
{
	position: absolute;
	top: 10px;
	right: 0;
	float: right;
	width: 300px;
}

div#top-links p.sitemap
{
	border-right: 2px solid #ffff3e;
	padding-right: 10px;
	width: 60px;
}

div#top-links p.sitemap a
{
  color: #ffff3e;
  font: 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

/*-- super sprite languages --*/
div#languages { width: 232px; height: 0; float: right; }
div#languages h4 { display: none; }
div#languages ul { list-style: none; }
div#languages a {	float: right; }
div#languages span span
{
  text-indent: -20000px;
  display: block;
  float: right;
  width: 35px;
  height: 20px;
  background-image: url("img/all-flags-sprite-trans.png");
  background-repeat: no-repeat;
  text-indent: -20000px;
}
div#languages a span
{
  display: block;
  width: 35px;
  height: 20px;
  background-image: url("img/all-flags-sprite-trans.png");
  background-repeat: no-repeat;
  text-indent: -20000px;
}
#lang-fr { background-position: 0 0; }
a span#lang-fr:hover
{ background-position: 0 -40px; }
span span#lang-fr { background-position: 0 -20px; }

#lang-nl { background-position: -40px 0; }
a span#lang-nl:hover
{ background-position: -40px -40px; }
span span#lang-nl { background-position: -40px -20px; }

#lang-en { background-position: -80px 0; }
a span#lang-en:hover
{ background-position: -80px -40px; }
span span#lang-en { background-position: -80px -20px; }

#lang-de { background-position: -120px 0; }
a span#lang-de:hover
{ background-position: -120px -40px; }
span span#lang-de { background-position: -120px -20px; }

#lang-it { background-position: -160px 0; }
a span#lang-it:hover
{ background-position: -160px -40px; }
span span#lang-it { background-position: -160px -20px; }

#lang-es { background-position: -200px 0; }
a span#lang-es:hover
{ background-position: -200px -40px; }
span span#lang-es { background-position: -200px -20px; }


/*-- Page - 3 columns --*/
div#main
{
  position:relative;
  background-color: #333;
  background-image: url("img/all-main-bg.jpg");
  background-position: top left;
  background-repeat: repeat-x;
  width: 100%;
}

div#left-column
{
  float: left;
  background-color: #333;
  background-image: url("img/all-left-column-bg.jpg");
  background-position: top left;
  background-repeat: no-repeat;
  width: 200px;
  margin: 20px 0 5px 5px;
  padding: 10px 5px;
}
* html div#left-column
{
  margin-left: 2px;
}

div#center-column
{
  float: left;
  width: 525px;
  margin: 20px 0 5px 5px;
}

div#right-column
{
  float: right;
  background-color: #333;
  background-image: url("img/all-right-column-bg.jpg");
  background-position: top left;
  background-repeat: no-repeat;
  width: 230px;
  margin: 20px 7px 5px 0;
  padding: 10px 5px;
}

div#left-column, div#center-column, div#right-column
{
  height: 600px;
}
html>body div#left-column, html>body div#center-column, html>body div#right-column
{
  height: auto;
  min-height: 600px;
}

/*-- Left blocks --*/
div#left-column div.block
{
  background-color: #253551;
  margin: 0 auto 15px;
  padding-bottom: 5px;
  width: 193px;
}

div#left-column div.block h4
{
  background: url("img/all-left-column-h4.jpg") top left;
  color: #ffff3e;
  font: 11px/28px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 28px;
  margin: 0 auto;
  padding-left: 10px;
  width: 183px;
}

div#left-column div.block p
{
	padding: 5px 0 0 10px;
}


/*-- Right blocks --*/
div#right-column div.block
{
	background-color: #253551;
	margin: 0 auto 15px;
	padding-bottom: 5px;
	width: 220px;
}

div#right-column div.block h4
{
	background: url("img/all-right-column-h4.jpg") top left;
	color: #ffff3e;
	font: 13px/35px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 35px;
	margin: 0 auto;
	padding-left: 5px;
	width: 215px;
}

/*-- Center content --*/
div#center-column h2
{
	font: 15px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
}

div#center-column div.content
{
	background-color: #fff;
	position: relative;
}

div#center-column div.content p.robs
{
	background-image: url("img/logo_white.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	height: 79px;
	margin-bottom: 20px;
	text-indent: -20000px;
	width: 138px;
}

div#center-column div.content p.special1
{
	color: #253551;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -0.1px;
	position: absolute;
	top: 30px;
	left: 150px;
}

h3.title
{
	background: url("img/produits-title.jpg") top left no-repeat;
	color: #253551;
	font: 14px/24px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 24px;
	margin: 0 5px 5px;
	padding-right: 10px;
	text-align: right;
}

div.chapter
{
  margin: 0 auto 5px;
  padding: 5px 0;
  width: 515px;
}

div.chapter h3
{
  background: url("img/accordeon-title.jpg") top left no-repeat;
  color: #fff;
  font: 14px/24px Arial, Helvetica, sans-serif;
  height: 24px;
  padding-left: 25px;
  width: 490px;
}

div.chapter div.contenu
{
  font: 11px/15px Arial, Helvetica, sans-serif;
  padding: 10px;
}

div.chapter .padded{
  padding-left: 20px;
  margin-bottom: 5px;
}

div.content .padded{
  padding-left: 20px;
  margin-bottom: 5px;
}

ul#sitemap{
  font: 11px arial, Helvetica, sans-serif;
  margin-left: 25px;
}

div.contenu ul li{
  margin-bottom: 7px;
  margin-left:13px;
  padding-left:2px;
}

div.contenu h4,div.contenu h5{
  font-size: 13px;
  color: #144da7;
  margin-bottom: 10px;
  }

/*-- Footer --*/
div#footer
{
	background-color: #1b2f44;
}



p.erreurs { border: 1px solid #b00; background-color: #fdd; margin: 10px auto; padding: 10px 5px; text-align: center; }



/********************************************************************************
 * Page : Produits
 */
table { margin-bottom: 10px; border-collapse: collapse; }

.center { text-align: center; }

td { 
    padding: 2px;
     }

td span { display: block; text-align: center; }

table.green tr.bordered td,
table.green tbody.bordered tr td { border: 1px solid #81c317; }

table.orange tr.bordered td,
table.orange tbody.bordered tr td { border: 1px solid #ff7b01; }

tbody.bordered tr td,
tr.bordered td { border: 1px solid #1b3b91; }


tr.yellow td { background-color: #ff0; }

table.dimensions thead td,
table tr.blue td,
table td.blue,
table td span.blue,
table td h5.blue {
	background-color: #1b3b91;
	color: #ff0;
	margin-bottom: 0;
}

table.dimensions.green thead td,
table tr.green td,
table td.green,
table td span.green,
table td h5.green {
	background-color: #81c317;
	color: #ff0;
	margin-bottom: 0;
}

table.dimensions.orange thead td,
table tr.orange td,
table td.orange,
table td span.orange,
table td h5.orange {
	background-color: #ff7b01;
	color: #ff0;
	margin-bottom: 0;
}

table.profil td { padding: 15px 5px; border: 1px solid #1b3b91; }

table.accessories td { padding: 0; width: 245px; }
table.accessories td span { padding-left: 5px; text-align: left; }

div#picto-compo { margin-top: 20px; }
div#picto-compo div.legend { border: 1px solid #1b3b91; float: right; width: 200px; margin-left: 10px;}
div#picto-compo div.legend.green { border: 1px solid #81c317; float: right; width: 200px; }
div#picto-compo div.legend.orange { border: 1px solid #ff7b01; float: right; width: 200px; }
div#picto-compo div.legend h5 { background-color: #1b3b91; color: #ff0; font-size: 11px; font-weight: bold; padding: 5px; }
div#picto-compo div.legend.green h5 { background-color: #81c317; color: #ff0; font-size: 11px; font-weight: bold; padding: 5px; }
div#picto-compo div.legend.orange h5 { background-color: #ff7b01; color: #ff0; font-size: 11px; font-weight: bold; padding: 5px; }
div#picto-compo div.legend ul { list-style-type: none; padding: 5px; }
div#picto-compo div.legend ul li { height: 15px; padding-left: 25px; }
div#picto-compo div.legend ul li span { background-color: #fff; display: block; line-height: 15px; padding-left: 5px; }

div.chapter div.contenu h5 { font-size: 11px; margin: 15px 0 10px; }
div#picto-compo div.legend h5 { margin: 0; }
div.chapter div.contenu p { margin-bottom: 5px; text-align:justify; }

.mention { font-size: 9px; font-style: italic; }

.bold { font-weight: bold; }

h4.title { color: #1b3b91; font-size: 13px; margin: 10px 0 5px; text-decoration: underline; }

table.notice td.desc { padding:0; width:285px; vertical-align:top; }
table.notice td.desc h5 { margin-top: 0px; padding: 2px; }
table.notice td.desc p { padding: 2px; }


#galerie
{
  margin-left:45px;
  position:inherit;
}

#cntnt01moduleform_1 label
{
  display: none;
}

#searchResult
{
  margin-top: 15px;
  margin-left: 35px;
}
#searchResult li
{
  list-style:circle;
  margin-top:7px;
}
#searchResult li span
{
  float: right;
  margin-right: 10px;
}
#searchResult li span.searchhilite
{
  float: none;
}

#resultMessage
{
  margin: 10px;
  font-size: 12px;
  float:right;
}

table#referenceTable
{
  margin-right: auto;
  margin-left: auto;
  width: 470px;
  border-style: solid;
  border-width: 1px;
  border-color:#144DA7;
}
table#referenceTable h2
{
  color: #144DA7;
  font-size: 17px;
  width: 164px;
}
.error_message
{
  background-color:#FFDDDD;
  border:1px solid #BB0000;
  margin:10px auto;
  padding:10px 5px 10px 30px;
  text-align:left;
}
.hidden
{
  display: none;
}

#autre
{
  display:none;
}
.contactform
{
  font-size: 11px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 30px;
}
.contactform td
{
  padding-right:15px;
}

#compo td
{
  text-align: center;
}

#compo thead td
{
  font-size:14px;
  font-weight:bold;
  padding-bottom:12px;
}

#contact_envoye
{
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}