/* 
================================
CombiSkin CSS Styles
================================
*/

body
{
    /* set default font size for skin (Titles etc. will then use a percentage to specify their sizes) */
    margin: 0;
    padding: 20px 0 0 0;
    line-height: 26px;
    font-family:Arial, Helvetica, sans-serif;
    color:#444444;
	/*background:url(images/bg.gif) repeat-x; */
    background-color: #FFF;
}

p, td, div, span
{
font-family:Arial, Helvetica, sans-serif;
}



/* 
   ==========================
   liens et images
   ==========================
*/


img
{
	border:0;
    }

a{
    text-decoration : none;
    }

/* 
   ==========================
    Wrapper
   ==========================
*/


#wrap
{
    width: 1024px;
    padding:0;
    margin:0 auto;
	background-color: #FFF;
	min-height:100%;

}

/* 
   ==========================
    Cap et banniere
   ==========================
*/

#cap
{
	width:1024px;
	height:26px;
	background-image: url(images/cap.gif);
}

#topBanner{
	float:left;
	width:1024px;
	height:169px;
	margin:0 auto;
}

#topBanLeftPart{
	float:left;
	width:254px;
	height:169px;
}

#leftLogo{
	float:left;
	width:34px;
	height:169px;
	background-image: url(images/leftLogo.gif);	
}

#logoAndSlogan{
	float:right;
	width:220px;
	height:169px;
}

#logo{
	float:right;
	width:220px;
	height:130px;
}

#slogan{
	float:right;
	width:220px;
	height:39px;
}

#topBanRightPart{
	float:left;
	/******  770 normalement*/
	width:765px;
	height:169px;
	
}

#topBanMidPart{
	float:left;
	width:596px;
	height:169px;
}

#topBanFlashBan{
	float:left;
	width:596px;
	height:130px;
	/*background-image: url(images/topBanFlashBan.gif);*/
}

#topBanBtmFlash{
	clear:both;
	width:596px;
	height:39px;
	
	
}	

#topBanBtmFlLeft{
	width:36px;
	height:39px;
	background-image: url(images/topBanBtmFlLeft.gif);
	float:left;
}

#topBanLanPart{
	float:right;
	height:39px;
	width:560px;
}

#topBanUpLan{
	width:560px;
	height:6px;
	float:left;
	padding:0;
	margin:0;
}

#topBanLanMenu{
	float:left;
	width:560px;
	height:33px;
	padding:0;
	margin:0;
	float:left;
}

/* 
   ==========================
    Langues
   ==========================
*/


#englishBtn
{	float:left;
	height:33px;
	width:90px;
	/*background-image: url(images/english.gif);*/
}

#englishBtnSlc
{	float:left;
	height:33px;
	width:90px;
	/*background-image: url(images/englishSlc.gif);*/
	}

#francaisBtn
{	float:left;
	height:33px;
	width:90px;
	/*background-image: url(images/francais.gif);*/
}

#francaisBtnSlc
{	float:left;
	height:33px;
	width:90px;
	/*background-image: url(images/francaisSlc.gif);*/

}

#italianoBtn
{	float:left;
	height:33px;
	width:90px;
	/*background-image: url(images/italiano.gif);*/
}

#italianoBtnSlc
{	float:left;
	height:33px;
	width:90px;
	/*background-image: url(images/italianoSlc.gif);*/
}

#americanBtn
{	float:left;
	height:33px;
	width:90px;
	/*background-image: url(images/italiano.gif);*/
}

#americanBtnSlc
{	float:left;
	height:33px;
	width:90px;
	/*background-image: url(images/italianoSlc.gif);*/
}

#deutschBtn
{	float:left;
	height:33px;
	width:85px;
	/*background-image: url(images/deutsch.gif);*/
}

#deutschBtnSlc
{	float:left;
	height:33px;
	width:85px;
	/*background-image: url(images/deutschSlc.gif);*/
}

#espanolBtn
{	float:left;
	height:33px;
	width:85px;
	/*background-image: url(images/espanol.gif);*/
}

#espanolBtnSlc
{	float:left;
	height:33px;
	width:85px;
	/*background-image: url(images/espanolSlc.gif);*/
}

#otherBtn{
	float:left;	
	height:33px;
	width:120px;
	/*background-image: url(images/other.gif);*/
}

#otherBtnSlc
{	float:left;
	height:33px;
	width:120px;
	/*background-image: url(images/otherSlc.gif);*/
}


/* 
   ==========================
    Boutons d'en haut a droite
   ==========================
*/


#topBanRightBtnPart{
	float:left;
	width:153px;
	height:169px;
}

#topBanReceive{
	float:left;
	width:153px;
	height:55px; /* 63px moins les 8px du padding du text;*/
	background-image: url(images/topBanReceive.gif);
	color:#fff;
	text-align:center;
	/*font-weight:bold;*/
	line-height:24px;
	padding: 8px 0 0 0;
}


#topBanReceive a{
	color:#fff;
	font-weight:normal;
}

#topBanReceive a:hover{
	color:#fff;
	text-decoration:underline;
}

#topBanReq{
	float:left;
	width:153px;
	height:106px;
	padding:0;
	margin:0;
}


#subTopBanner{
	width:1024px;
	height:28px;
	background-image: url(images/subTopBanner.gif) ;
	margin:0 auto;
	clear:both;
}


/* 
   ==========================
    Content Wrappers
   ==========================
*/


#firstWrapper{
	clear:both;
	width:1024px;
	min-height:100%;
	background-image: url(images/bgRepeat.gif);	
	margin:0 auto;	
	float:left;
}

#scdWrapper{
	float:left;
	width:1024px;
	min-height:100%;
	background-position:left bottom;
	background-repeat:no-repeat;
	background-image: url(images/btmMenu.gif);	
	}

/* 
   ==========================
   Menu Wrapper
   ==========================
*/


#menu{
	width:174px;
	min-height:450px;
/*	background-image: url(images/menu.gif);	*/
	margin-left:32px;
	float:left;
}

/* 
   ==========================
   Content
   ==========================
*/


#rightMainPart{
	float:left;
	width:788px;
	height:100%;
}

#middlePart{
	float:left;
	width:553px;
	height:100%;
}

#picAndVideo{
	float:left;
	width:553px;
	height:178px;
}

#picLift{
	float:left;
	width:336px;
	height:178px;
	/*background-image:url(images/picLift.jpg);*/
}

/* 
   ==========================
    Video
   ==========================
*/


#videoPart{
	float:left;
	width:217px;
	height:178px;
	padding:0;
	text-align:center;	
}

#video{
	float:left;
	width:217px;
	height:161px;
	padding:0;
	text-align:center;	
}

#moreVideos{
	float:left;
	/*width:217px;*/
	width:202px; /* 217px - 15px du padding */
	height:11px;
	background-image:url(images/arrow.gif);
	background-position: 3% 50%;
	background-repeat:no-repeat;
	text-align:left;	
	padding-left:15px;
	line-height:11px;
}

#moreVideos a:link, #moreVideos a:visited{
	font-weight:bold;
	color:#024c05;
}

#moreVideos a:hover{
text-decoration:underline;
	color:#2c8d2c;
}

/* 
   ==========================
    Increase
   ==========================
*/


#increase{
	float:right;
	width:553px;
	height:83px;
	background-image:url(images/increaseBox.gif);
	background-repeat:no-repeat;
	
}

#increaseEs{
	float:right;
	width:553px;
	height:83px;
	background-image:url(images/increaseBox.gif);
	background-repeat:no-repeat;
	
}


#increaseText{
	padding-top:14px;
	font-size:11px;
	font-weight:bold;
	color:#2c8d2c;
	text-align:center;
	line-height:18px;
}

#increase a{
 	text-decoration: none;
	font-weight:bold;
	color:#024c05;
 }
 
 #increase a:hover
 {
	text-decoration:underline;
	color:#2c8d2c;
 }
 
 
/* 
   ==========================
    News
   ==========================
*/


#newsBox{
	float:right;
	width:553px;
	height:188px;
	background-image:url(images/newsBox.gif);
	background-repeat:no-repeat;

}

#newsBoxRu{
	float:right;
	width:553px;
	height:188px;
	background-image:url(images/newsBoxRu.gif);
	background-repeat:no-repeat;

}

#newsBoxEs{
	float:right;
	width:553px;
	height:188px;
	background-image:url(images/newsBoxEs.gif);
	background-repeat:no-repeat;

}

#news{
	width:500px;
	height:100px;
	float:left;
	padding:70px 30px 0px 30px;
}

/* 
   ==========================
   Breadcrumb
   ==========================
*/


#breadCrumb
{
	width:500px;
	height:12px;
	text-align:right;
	float:right;
	padding:0 15px 0 0;
}

.breadcrumbStyle
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
}

#breadCrumb a
{
    text-decoration : none;
	color:#024c05;
	font-size:11px;
}

#breadCrumb a:hover
{
    text-decoration:underline;
	color:#2c8d2c;
}

/* 
   ==========================
    Content
   ==========================
*/

.title-static
{width:100%;
}
	

#contentPane{
	width:500px;
	min-height:450px;
	float:left;
}

#rightPane{
	width:231px;
	/*height:100%;*/
	height:400px;
	float:left;
}

/* 
   ==========================
   Combi Adv
   ==========================
*/


#combiAdv {
	width:235px;
	height:178px;
	float:left;
	background-image:url(images/combiAdv.gif);
	background-color:#f3f9f4;
	
}

#combiAdv.br {
	background-image:url(images/combiAdv-br.gif);
}

#combiAdv img
{
	margin:51px 0 0 56px;
	text-align:center;
}

/* 
   ==========================
    Combi Online
   ==========================
*/


#combiOnline{
	width:235px;
	height:189px; /* 234 normalement mais -45 a cause du padding*/
	float:left;
	background-image:url(images/combiOnline.gif);
	background-repeat:no-repeat;
	padding: 45px 0 0 50px;
}

#combiOnlinePane{
	width:200px;
	height:70px;
	float:left;
}

.loginBtn
{
	width:26px;
	height:19px;
	background:url(/Portals/0/Skins/combiSkin/images/login.gif);
	border:0;	
}

#dnn_ctr402_Login_DNN
{
	line-height:18px;
}



#dnn_ctr402_Login_DNN table td
{
	padding:2px;
}


/* 
   ==========================
    Combi Dealer
   ==========================
*/


#combiDealer{
	width:211px; /* 235px -24px du padding pour le text*/
	height:36px;
	float:left;
	background-image:url(images/combiDealer.gif);
	text-align:center;
	padding:0 0 0 24px;
}

#combiDealer a
{	text-decoration : none;
	color:#024c05;
	font-size:10px;
	font-weight:bold;
}

#combiDealer a:hover
{
    text-decoration:underline;
	color:#2c8d2c;
}

/* 
   ==========================
   Pied
   ==========================
*/


#pied{
	clear:both;
	width:1024px;
	height:66px;
	background-image: url(images/pied.gif);	
}

#footer
{
	text-align:center;
}




/* 
   ==========================
    Vertical Menu
   ==========================
*/

#menu ul
{
	margin:0;
	padding:20px 0 0 0;
}

#menu ul li, #menu ul li ul
{
	margin:0;
	padding:0;
}

#houseMenuV { 
	margin: 0;
	padding: 0px 0px 0px 0px;
	border: no-border;
	list-style: none;
	float: right;
	width: 174px;
	/*font-family: Kozuka Gothic Pro, Verdana;*/
	color: #FFF;
	background: transparent;
}

#houseMenuV ul
{
	display:none;
	padding: 0px 0px 0px 0px;
	margin:0;
}



#houseMenuV li { 
	border: 0;
	/*font-weight:bold;*/
	font-size: 11px;
	list-style: none;
	position: relative;
	float: right;
	width: 100%; /* width recognized by IE only to handle box model issues */
	line-height : 24px;
	text-align:left;
	background:url(images/menuArrow.png) no-repeat right;
   	background-position:90% 20%;
   	color:#FFF;
   	padding:0;
   	margin:0;
}

#houseMenuV li a{
	padding:0 0 0 10px;
	margin:0;
	color: #FFF;
}
	

#houseMenuV li a:link, #houseMenuV li a:visited
{
    /* main colour of the menu */
    display: block;
    text-decoration: none; /* added for opera */  
}

#houseMenuV li a:hover {
	color: #01c308;
	background-color:#024c05;
    display: block;
}

#houseMenuVCurrentItem, #houseMenuVCurrentLink {
	color: #01c308;
	background-color:#024c05;
}


#houseMenuVCurrentItem ul
{
	display:block;
}

#houseMenuVCurrentItem ul ul
{
	display:none;
	
}

#houseMenuV ul.currentNav, #houseMenuV ul ul.currentNav, #houseMenuV ul ul ul.currentNav
{
	display:block;
}

#houseMenuV ul.currentNav
#houseMenuV ul ul.currentNav
#houseMenuV ul ul ul.currentNav
{
	display:block;
	padding:0;
	margin:0;
}

#houseMenuV ul, #houseMenuV ul li
{
	padding:0;
	margin:0;
}

#houseMenuV ul li a
{padding: 0px 0px 0px 20px;
	margin:0;
}

#houseMenuV ul ul, #houseMenuV ul ul li
{
	padding:0;
	margin:0;
}

#houseMenuV ul ul li a
{padding: 0px 0px 0px 30px;
	margin:0;
}

#houseMenuV ul ul ul, #houseMenuV ul ul ul li
{
	padding:0;
	margin:0;
}

#houseMenuV ul ul ul li a
{padding: 0px 0px 0px 40px;
	margin:0;
}