/***********************************************/
/*  HANDHELD                                   */
/* layoutHelitowcart_4.css                     */
/*                                             */
/* These layout divs define the page layout.   */
/* First page with 3 column                    */
/* www.helitowcart.com                         */
/***********************************************/

body{margin:0;padding:0}

html{margin :0;padding:0}

h1 {color: black} 

h2 {font: 110% arial,sans-serif; font-weight:bold; color: black;}

body {
	background-color:#E9E9E9; 
	background-repeat: no-repeat;
	background-attachment: fixed;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 974px;
	margin:0 auto; /*center*/
}

body{font: 76% arial,sans-serif;text-align:center;}

#header{background: white;color: black}
#header p{margin:0; padding:0px 0px}

/***********************************************/
/* Header rows                                 */
/***********************************************/

#row1{
	max-width:240px;
	background-color: white;
	width: 974px;
}

#row2{
	background-color: white;
	width: 974px;
	margin-bottom: -5px;
}

#row3{display: none;}
#row3{
	background-color: white;
	width: 974px;
}

#containerMainPage{
width:974px; 
margin: 0 auto;
text-align:left;
background-color: white;
}

#container{
width:974px; 
margin: 0 auto;
text-align:left;
background-color: white;
}

#content {
float:left;
width:500px;
padding:5px 5px;
background-color: white;
}

#contentLarge {
float:left;
width:720px;
padding:5px 15px;
background-color: white;
}

#contentLargeCenter {
width:700px;
margin: 0 auto;
padding:5px 5px;
background-color: white;
}

#content h1{font: 160% arial,sans-serif;text-align:left; font-weight:bold; color: black}
#contentLarge h1{font: 160% arial,sans-serif;text-align:left; font-weight:bold; color: black}
#contentLargeCenter h1{font: 160% arial,sans-serif;text-align:left; font-weight:bold; color: black}

#right_top{display: none;}
#right_top{background:white; padding:5px 5px; border-left: solid 0px; border-bottom: solid 0px; z-index:10}
#right_top{float:right;width:450px;}
#right_top h1{font: 130% arial,sans-serif;text-align:left; font-weight:bold; color: black}

#right_topLarge{background:#E9E9E9; margin:5px; padding:5px 5px; border: solid 1px; z-index:10}
#right_topLarge{float:right;width:200px;}
#right_topLarge h1{font: 130% arial,sans-serif;text-align:left; font-weight:bold; color: black}

#video{float:right; background:white; z-index:1}

#right_bottom{display: none;}
#right_bottom{background:white; padding:5px 5px;}
#right_bottom{float: right;	clear: right; width: 440px; margin:5px; border: solid 1px;}
#right_bottom h1{font: 130% arial,sans-serif;text-align:left; font-weight:bold; color: black}

.left_line{float:left;width:490px; margin-left:5px;margin-bottom:5px;z-index:2}

.left{background:white; padding:5px 5px; border-left: solid 0px; border-bottom: solid 0px; z-index:10}
.left{float:left;width:280px;}

.left h1{font: 130% arial,sans-serif;text-align:left; font-weight:bold; color: #CC0000; text-decoration:underline}
.left h2{font: 110% arial,sans-serif;text-align:right; font-weight:bold; color: blue;}

.left_picture{text-align:center; float:right;width:180px;padding:5px; margin:2px; border:1px black solid}

#footer{clear:both; width:100%;margin-top:5px;background: white; border-top-style: solid; border-top-width: 1px;}

/***********************************************/
/*image container center page                  */
/***********************************************/

#picture1{text-align:center; margin:5px auto; margin-left:5px;} 
/*#picture1 {position: absolute; top: 125px; left: 175px; }*/

/***********************************************/
/* Links                                       */
/***********************************************/

a {
	color:#FFFFFF;   /*blanc*/
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:400; /* épaisseur du caractères des liens*/
	text-decoration:none;
	}
a:link {color:blue; text-decoration: none;}  /*avant une visite red special #CC0000*/    
a:visited {color:blue; text-decoration: underline;}  /*après une visite*/
a:hover {color:#CC0000; text-decoration: underline;}

/***********************************************/
/* MENU OLD, DELETE SOME DAY                   */
/***********************************************/

#nav ul {
	float: left; /*width: 96%!important; /* IE ignores this unlike Fx */;
	width: 100%; /*974px*/ /*width:925px !important; moz width*/ /*width:1074px; IE width*/;
	list-style: none;
	line-height: normal;
	background: white;
	font-weight: bold;
	border: solid black;
	border-width: 1px 0;
/*1px 0;*/	margin: 0 0 1em 0;

}

#nav a {
	display: block;    /*Premier niveau du menu, il est la partie apparente*/
	color: blue; /*couleur du lettrage du haut du menu ici*/
	text-decoration: none;
	padding: 6px 8px;
}

#nav a.daddy {
	background: url(rightarrow3.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li ul {
	position: absolute;  /*premier niveau de menu deroulant*/
	left: -999em;
	height: auto;
	width: 150px;
	font-weight: normal;
	border-width: 2px;
	margin: 0;
	z-index: 10; 
}

#nav li li {
	padding-right: 14px; 
	width: 136px;
}

#nav li ul a {
	width: 126px;
}

#nav li ul ul {
	margin: -24px 0 0 75px;   /* 146 */
	z-index: 10;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #DDDDDD;
}

#nav a:hover {color:black; }

/* May be needed for IE7 fix
#nav li:hover, #nav li.hover {
    position: static;
}
*/

#nav li:hover > a {
color:black!important;
}

.last {
float:right!important;
background-color: #DDDDDD;
border-left: 1px solid #DDDDDD!important;
border-right: 1px solid #DDDDDD;
}


/***********************************************/
/* MENU  NEW                                   */
/***********************************************/

.menu2 {
	padding: 0 0 0 0px; /* 5px = (dernier position) position du premier élément du menu versus la gauche */
	margin: 0;
	list-style: none;
	height: 25px;
	background: white;
	position: relative;
	font-family: arial, verdana, sans-serif;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
}
.menu2 li.top {
	display: block;
	float: left;
	position: relative;
	height: 25px;
	margin: 0 0 1em 0;
}
.menu2 li a.top_link {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	color: blue;
	text-decoration: none;
	font-size: 11px;
	padding: 0 0 0 0px;
	cursor: pointer;
}
.menu2 li a.top_link span {
	float: left;
	display: block;
	padding: 0 12px 0 12px;
	height: auto; /* 25px*/
}
.menu2 li a.top_link span.down {
	float: left;
	display: block;
	padding: 0 24px 0 12px;
	height: auto; /* 25px*/
	background: url('../../prodrop2/down.gif') no-repeat right top;
}
.menu2 li a.top_link:hover {color:black; background:#DDDDDD;}
.menu2 li a.top_link:hover span {color:black; background:#DDDDDD;}
.menu2 li a.top_link:hover span.down {color:black; background:#DDDDDD;}

.menu2 li:hover > a.top_link {color:black}
.menu2 li:hover > a.top_link span 
.menu2 li:hover > a.top_link span.down 


.menu2 table {border-collapse:collapse; width:8em; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:8.5em; height:0; margin:0; padding:0; list-style:none; line-height:normal;}

.menu2 :hover ul.sub {position:absolute; left:10px; top:20px; background: #fff; padding:1px 1px; border:1px solid black; width:8.5em; height:auto;} /* 93 */
.menu2 :hover ul.sub li {display: block;height: auto;position: relative;float: left;width: 8.2em;} /* 87 90 20px dimensiion des sous menu deroulant*/
.menu2 :hover ul.sub li a {display: block;font-size: 11px;height: auto;width: 8em;line-height: 20px;color: #000;text-decoration: none;border: 3px solid #fff;	border-width: 0 0 0 3px;text-align: center;} /* height:20px */
.menu2 :hover ul.sub li a.fly {background:#fff url('../../prodrop2/arrow.gif') 84px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#DDDDDD; color:black;} /*#DDDDDD white-space:nowrap; Dans les menu déroulants, couleur hoover, si pas de fleche a droite*/
.menu2 :hover ul.sub li a.fly:hover {color:black;}
.menu2 :hover ul li:hover > a.fly {background:#DDDDDD; color:black;} /*#DDDDDD Dans les menu déroulants, couleur hoover, avec fleche a droite*/


.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:97px; top:2px; background: #fff; padding:3px 0; border:1px solid black; width:8.5em; z-index:200; height:auto;} /*width:93px*/


/* Right side of the menu*/
.menu2 li:hover > a {
color:black!important;
}

.menu2 li.last {
float:right!important;
background-color: #DDDDDD;
border-left: 1px solid #DDDDDD!important;
border-right: 1px solid #DDDDDD;
padding: 0 12px 0 12px;
font-family: arial, verdana, sans-serif;
font-size: 11px;
line-height: 25px; /* centrer en hauteur */
height: 25px;
}

.menu2 li.last a{
text-decoration:none; /*assure que le dernier lien n'est pas souligne*/
}

.menu2 li.last a:visited{
color:blue; /*conserve la couleur bleu du dernier liens*/
}