/* CSS Document */
.spiderOff {display:none;}

body {
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	list-style:none;
	
}

#header_accueil {
	display:block;
	height: 104px;
	width: 1086px;
	background-image: url(../../images/accueil/icebag_01.jpg);
	position:relative;
	z-index:3000;
	
}
/* Div Absolute pour permettre le retour � l'accueil sur le logo*/
#header_logo{width:150px; height:150px; position:absolute;  top:20px; left:80px;}
#header_logo a{display:block; width:150px; height:150px;}

#contenu_centre
{
	display:block;
	clear:both;
	width:1086px;
}

#footer{
	display:block;
	height:108px;
	width:1086px;
	clear:both;
	background-image: url(../../images/commun/design/fonds/icebag_08.jpg);
}

#bande2
{
	width: 1086px;
	display:block;
	clear:both;
	
}
#bande2a, #bande2b, #bande2c{
height: 232px;
display:block;
float:left;
	
}
#bande2a{
	background-image: url(../../images/commun/design/fonds/icebag_02.jpg);
	width: 92px;

	}

#bande2b{
	background-image: url(../../images/commun/design/fonds/icebag_03.jpg);
	width: 886px;
		
}
#bande2c{
	background-image: url(../../images/commun/design/fonds/icebag_04.jpg);	
	width: 108px;
	position:relative;

	
}



.titre_page_news
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}


#recherche{
display:bloc;
float:left;
	height: 46px;
	width: 1086px;

}

#bloc_recherche_menu
{
position:relative;
float:left;

	margin:25px 0 0 230px !important;/* ca c'est pour tout sauf IE6  */
	margin:25px 0 0 160px;/*  IE6  */
	
width: 550px;

}
#bloc_form_i{

margin:20px 0 0 785px;

}
#bloc_form{

margin:8px 0 0 785px;

}



#menu {
clear:both;
height: 58px;
margin:0px 0 0 280px;
}

#header {


	height: 104px;
	width: 1086px;
	background-image: url(../../images/accueil/icebag_01.jpg);
	
}


#form input{
	width:108px;
	height:15px;
	border-color:#949494;
	border-style:solid;
	border-width:1px;
	margin-left:1px;
	color:#000000;
	font-family:tahoma;
	font-size:11px;
	background-color: #cdd1d4;
		}
		
.ecisinput{
	width:200px;
	height:15px;
	border-color:#949494;
	border-style:solid;
	border-width:1px;
	margin-left:1px;
	color:#000000;
	font-family:tahoma;
	font-size:11px;
	background-color: #cdd1d4;
		}
.ecisinput_button{
	width:200px;
	height:20px;
	border-color:#949494;
	border-style:solid;
	border-width:1px;
	margin-left:1px;
	color:#000000;
	font-family:tahoma;
	font-size:11px;
	background-color: #cdd1d4;
		}
.ecisinput_dropdownlist{
	width:200px;
	height:20px;
	border-color:#949494;
	border-style:solid;
	border-width:1px;
	margin-left:1px;
	color:#000000;
	font-family:tahoma;
	font-size:11px;
	background-color: #cdd1d4;
		}
	
.ecisTabStyle
{
    border-color:#949494;
	border-style:solid;
	border-width:1px;
	background-color: #cdd1d4;
}			
.ecisTabStyle .ajax__tab_header 
{
	height:20px;
	text-align: left;
	vertical-align: middle;
}
.ecisTabStyle .ajax__tab_outer 
{
	margin-left:5px;
	margin-right:5px;
}
.ecisTabStyle .ajax__tab_inner 
{
	padding-left: 5px;
}
.ecisTabStyle .ajax__tab_tab 
{
	height:15px;
	color:#000000;
	font-family:tahoma;
	font-size:11px;
	border-color:white;
	border-style:solid;
	border-width:1px;
}
.ecisTabStyle .ajax__tab_body 
{
	background-color:Black;
}
.ecisTabStyle .ajax__tab_hover 
{
	text-decoration: underline overline;
}
.ecisTabStyle .ajax__tab_active 
{
	font-weight: bold;
}


#marque{margin:30px 0 0 200px;
width:600px;
}
/*//Bloc qui contient le Flash et l'identification*/



#footer_inter{
	display:block;
	height:108px;
	width:1086px;
	clear:both;
	background-image: url(../../images/commun/design/fonds/icebag_08b.jpg);

}

/*VERSION PAGE INTERIEURE*/

#bande2a_inter, bande2b_inter, #ban_collection_pro, #ban_collection_part, #bande2c_inter, #ban_boutique,#ban_col_det_part,#banniere_pro{
height: 167px;
display:block;
float:left;
}

#bande2a_inter{
	background-image: url(../../images/commun/design/fonds/icebag_inter_04.jpg);
	width: 92px;
	}
	
#bande2b_inter
{
	background-image: url(../../images/commun/design/fonds/collect_particuliers.jpg);
	width: 886px;
	}
	
#bande2c_inter{
	background-image: url(../../images/commun/design/fonds/icebag_inter_06.jpg);	
	width: 108px;
}


/*les diff�rentes version de banni�res*/

#ban_collection_pro{
	background-image: url(../../images/commun/design/fonds/collect_pro.jpg);
	width: 886px;
}
#ban_collection_part{
	background-image: url(../../images/commun/design/fonds/collect_particuliers.jpg);
	width: 886px;
}
#ban_boutique{
	background-image: url(../../images/commun/design/fonds/banner_boutique.jpg);
	width: 886px;
}
#ban_col_det_part{
	background-image: url(../../images/commun/design/fonds/banner_det_design.jpg);
	width: 886px;
}
#banniere_pro{
	background-image: url(../../images/commun/design/fonds/banniere_pro_fr.jpg);	
	width: 886px;
}

/*DIV pour diaporama en fondu*/
.ImageFade 
    {
          width:311px;
          height:415px;
          overflow:hidden;
          margin:0px auto;
          text-align:center;
          padding:20px;
          border:1px dashed gray;
          background-color:Silver;
      }
	  
/*----------------DEFITION DU MENU LATERAL DROIT le 3005_2011---------------*/	  
	  
#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #000;
	
	width: 134px;/*font: 1.2em arial, sans-serif;*/
}

/*-----DEFINITION DU PREMIER NIVEAU---------*/
/*#navigation li.menu_debut_1l a, #navigation li.menu_debut_1l a:hover, #navigation li.menu_debut_1l a span {
	background-position: 0 0;
	height:28px;
	padding:26px 20px 0px 23px;
	line-height:12px;
	width:100px;
 	word-wrap: break-word; /* pour le retour à la ligne de IE*/
	
/*Pour caler les lignes sur une seule ligne*/
#bande2c #menu_lat #navigation li a.1_ligne{padding-top:13px; height:24px;}

#navigation li.menu_debut_1l a, #navigation li.menu_debut_1l a:hover{
	background-position: 0 0;
	height:28px;
	padding:26px 20px 0px 20px;
	line-height:12px;
	width:100px;
 	word-wrap: break-word; /* pour le retour à la ligne de IE*/
}




/*#navigation a, #navigation span  {
	word-wrap: break-word;
	display: block;
	width: 100px;
	padding:0px 50px 0px 18px;
	height:37px;
	color: #c3c5ca;
	font-weight:100;
	text-decoration: none;
	background: #000 url(../../images/commun/sprite.jpg) 0 0 no-repeat;
	
}*/
#navigation a {
	word-wrap: break-word;
	display: block;
	width: 100px;
	padding:0px 50px 0px 18px;
	height:37px;
	color: #c3c5ca;
	font-weight:100;
	text-decoration: none;
	background: #000 url(../../images/commun/sprite.jpg) 0 0 no-repeat;
	
}


/*#navigation li.menu_fin_1l a, #navigation li.menu_fin_1l a:hover, #navigation li.menu_fin_1l a span {
	background-position: 0 -258px;
	height:44px;
	padding:10px 10px 0px 20px;
	line-height:12px;
	vertical-align:top;
}*/
#navigation li.menu_fin_1l a, #navigation li.menu_fin_1l a:hover {
	background-position: 0 -258px;
	height:44px;
	padding: 5px 10px 0px 20px;
	line-height:15px;
	vertical-align:top;
}

/*#navigation li a,#navigation li a:hover, #navigation li span,#navigation li.toggleSubMenu a,#navigation li.toggleSubMenu a:hover, #navigation li.toggleSubMenu span, #navigation li a span  {
	background-position: 0 -220px;
	height:24px;
	line-height:12px;
	padding-top:13px;
	width:120px;
}*/
#navigation li a,#navigation li a:hover,#navigation li.toggleSubMenu a,#navigation li.toggleSubMenu a:hover {
	background-position: 0 -220px;
	height:28px;
	line-height:12px;
	padding-top:9px;
	width:120px;
}
#navigation li.l2 a, #navigation li.l2 a:hover{padding-top:9px; height:28px; width:90px;}
#navigation li.l2 .subMenu a, #navigation li.l2 .subMenu a:hover{padding-top:13px; height:24px; width:100px;}


#navigation li.toggleSubMenu a {background-position: 0 -366px;}
#navigation li.toggleSubMenu a:hover {background-position: 0 -404px;}


/*-----DEFINIETION DU DEUXIEME NIVEAU---------*/
		/*#navigation li .subMenu li a, #navigation li .subMenu li a span{
	background-position: 0 -145px;
	height:24px;
	padding-top:13px;
	
}*/

	#navigation li .subMenu li a{
	background-position: 0 -145px;
	height:24px;
	padding-top:13px;
	
}

#navigation li .subMenu li{ list-style:none;}

/*-----DEFINIETION DU HOVER---------*/

	
#navigation li.menu_debut_1l a:hover{background-position: 0 -54px; color:white;}
	
#navigation li.menu_fin_1l a:hover {
	background-position: 0 -312px; color:white;}
#navigation li a:hover {
	background-position: 0 -182px;  color:white;
	}
#navigation li .subMenu li a:hover, #navigation li .subMenu li.menu_fin_1l a:hover {
background-position: 0 -108px; list-style:none; 
 
}

#navigation a:hover, #navigation a:focus, #navigation a:active { text-decoration: none; }
#navigation .subMenu {
	font-size: .9em;
	/*margin: 0 0 -2px 0;*/
	padding: 0;
	/*border-bottom: 1px solid #666;*/
}

/* A SUPPRIMER SEULEMENT POUR LA DEMO */

#main{ background:url(../../images/temp.jpg) 0 0 no-repeat; width:1202px; height:925px;}
#main2{ background:url(../../images/temp_d.jpg) 0 0 no-repeat; width:1202px; height:925px;}
#menu_lat{
	position:absolute;
	/*left:1107px;*/
	left:0px;
	/*top:191px;*/
	top:0px;
	z-index:1;
}
