@charset "utf-8";
@import url('map.css');

/* CSS Document */

body {
	background-color: #030305;
    background-image:url(../img/bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#header_flash {
	margin:0; 
	padding:0;
}

body, p, div, td
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
	color: #999999;
}

#choix_langues {
	float:right;
	margin-top:2px;
	margin-right:2px;
}

.grandtitre {
	font-size: xx-large;
	font-weight: bold;
	color:#FFCC00;
}

.category_box
{
	border: 1px solid black; 
	height: 121px;
	overflow: hidden;
}

#contenu {
	clear:both;
}

#footer {
	clear:both;
	color: white;
	text-align: center;
	font-size: 8pt;
	padding: 10px 0;
}

.page_title {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #F4CC13;
	font-weight: bold;
}
a
{
	color: #f4cc13;
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}



.boxImage2
{
	float: left; 
	margin-right: 10px;
	padding: 10px;
	background-image: url(../img/thumbbg.jpg);
}
.boxImageEquipment
{
	float: left; 
	margin-right:7px;
	padding: 7px 5px 7px 7px;
	background: url(../img/boxImage_bg.gif);
}

/* STYLE POUR PETIT CADRES ACCUEIL */

.boxRow
{
	width: 802px;
	padding-left: 55px;
}
.boxOuter
{
	background-image: url(../img/bottom-corners.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 396px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.boxInner
{
	background-image: url(../img/top-corners.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 10px;
}
.boxContent
{
	margin: 0 10px;
	background-color: #131313;
	height: 121px;
}
.boxImage
{
	float: left; 
	margin-right: 10px;
}
.boxImage2
{
	float: left; 
	margin-right: 10px;
	padding: 10px;
	background-image: url(../img/thumbbg.jpg);
}


p.boxTitle
{

	color: white;
	margin: 0;
	padding: 10px 0 0 0;
	font-weight: bold;
}
p.boxTitle span
{
	color: #f4cc13;
	font-weight: normal;
}
p.boxText
{
	color: #999999;
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 10px;
	line-height: 13px;
}
p.boxLink
{
	color: #f4cc13;
	margin: 0;
	padding: 0;
	font-size: 10px;
}
p.boxLink a
{
	color: #f4cc13;
	font-size: 10px;
}
p.boxLink a:hover
{
	color: #f4cc13;
	font-size: 10px;
	text-decoration: underline;
}
.smallBox
{
	float: left; 
	width: 396px; 
}

/* STYLE POUR LES CADRES DYNAMIQUES PHP */
.box_container
{
	float: left;
	padding: 0 10px 10px 0;
	margin: 0;
}
.tl 
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.tr 
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.bl 
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/bl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.br 
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.pad 
{
	padding: 10px;
}
.stripe_bg 
{
	border: 1px solid #000000;
	background-image: url(../img/stripe.gif);
}
.content_bg 
{
	border: 1px solid #131313;
	background-color: #131313;
}
.content_bg h2 
{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
}


/* STYLE POUR LE MENU CSS HORIZONTAL */
.nav
{
	clear:both;
	float:left;
}
.nav ul 
{
	margin: 0;
	padding: 0 0 0 2px;
	list-style: none;
}
.nav ul li 
{
	position: relative;
	float: left;
	text-align: left;
	width: 120px;
	background-image: url(../img/nav-bg2.gif);
	z-index: 2;
}
.nav ul li a 
{
	display: block;
	text-decoration: none;
	color: white;
	padding: 7px 0 0 7px;
	font-size: 15px;
	font-weight: bold;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	height: 20px;
}
.nav li:hover
{ 
	background-image: url(../img/nav-bg2-on.gif);
}
.nav li ul 
{
	position: absolute;
	top: 29px;
	left: 0;
	padding: 0;
	display: none;
}
.nav li ul li
{
	width: 121px;
}
.nav li ul li a
{
	font-size: 11px;
	font-weight: normal;
	border-top: 0;
	border-right: 1px solid #666666;
}
.nav li:hover ul
{ 
	display: block; 
}
.nav li:hover ul, li.over ul 
{ 
	display: block; 
}
.navLIover
{ 
	background-image: url(../img/nav-bg2-on.gif);
	color: #f4cc13;
}
.navLIover a, .navLIoverOn
{ 
	color: #f4cc13;
}
.nav li:hover a, .nav li:hover a:hover, .navLIover a
{ 
	color: #f4cc13;
}

/* Style pour cadre droite/gauche */

.box_container_left 
{
	float: left;
	width: 49%;
	padding: 0;
	margin: 0;
}
.box_container_right
{
	float: left;
	width: 49%;
	padding: 0;
	margin: 0;
	text-align:left;
}

.productDetail
{
	font-size: 12px;
	padding: 5px 0;
}
.productDetail
{
	text-align:left;
}
.productDetail ul
{
	list-style-image: url('../img/li.gif');
	padding: 0;
	margin: 15px 15px 0 15px;
}
.productDetail ul li
{
	color: #CCCCCC;
	font-size: 12px;
	padding-bottom: 20px;
}

.productInfo ul
{
	list-style-image: url('../img/li.gif');
	padding: 0;
	margin: 5px 0 0 0;
}
.productInfo ul li a
{
	color: #F4CC13;
	font-size: 12px;
	text-transform: uppercase;
}
.productInfo ul li a:hover
{
	text-decoration: underline;
}

/* NAVIGATION */
/* This is the part for the CSS menu - these settings are for a horizontal menu */
 #dmenu{                         /* menu list container */
     list-style-type: none;      /* disable the display of the list item bullets */
     position: static;           /* need this so that the z-index stuff works correctly */
     background-color: #fff;     /* the default background color within the main menu container */
     z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
         /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
 }
 #dmenu li{                      /* top-level menu element */
     list-style-type: none;      /* disable the display of the list item bullets */
     float: left;                /* this is to allow for the horizontal main menu */
     display: block;
 }

 #dmenu ul {                     /* third-level (or greater) menu element list elements */
     position: absolute;         /* this is so that it doesn't push that page content around on hover */
     list-style-type: none;      /* disable the display of the list item bullets */
     display: none;
     z-index: 99;                /* want to be sure this is above the rest of the menu */
 }

 #dmenu ul li {                   /* second-level or greater menu element links */
 }

 #dmenu li a{                    /* top-level menu element links */
     display: block;
 }
 
 #dmenu ul a {                   /* all the other level menu link elements */
     margin: 0px;
    	display: block;
 }

 #dmenu a:hover,                 /* top-level hovering properties */
 #dmenu li:hover{
     display: block;
	}
 
 #dmenu ul li:hover,             /* higher level hovering properties */
 #dmenu ul li a:hover{
     display: block;
 }

 #dmenu ul ul{                   /* higher-level list containers */
     display: none;              /* don't display by default */
     position: absolute;
     margin-left: 121px;         /* this should be the width of #dmenu ul li */
     margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
 }

 /* only non-MSIE browsers use this */
 #dmenu ul li>ul,
 #dmenu ul ul li>ul{
     margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
 }

 /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
 #dmenu li:hover ul ul,              
 #dmenu li:hover ul ul ul,
 #dmenu li:hover ul ul ul ul,
 #dmenu li:hover ul ul ul ul ul{
     display:none;
 }

 #dmenu li:hover ul,
 #dmenu ul li:hover ul,
 #dmenu ul ul li:hover ul,
 #dmenu ul ul ul li:hover ul,
 #dmenu ul ul ul ul li:hover ul{
     display:block;
 }