/* CSS Document */

head, html, body	{
				width: 100%;
				margin: 0px;
				padding: 0px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #353795;
				}
				
#frise	{
		width: 100%;
		height: 229px;
		margin-top: 93px;
		background: url(../interface/degrade.gif) repeat-x top left;
		}
		
#main	{
		z-index: 1;
		position: absolute;
		top: 0px;
		left: 50%;
		width: 762px;
		margin-left: -381px;
		/*border: 1px solid;*/
		}
		
h1	{
	float: left;
	width: 224px;
	height: 141px;
	margin: 0px;
	padding: 0px;
	border-left: #044380 1px solid;
	}
	
#index_menu	{
			clear: left;
			float: left;
			width: 192px;
			height: 127px;
			margin: 0px;
			padding: 26px 33px 0px 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			background: url(../interface/index_menu_gauche.jpg) no-repeat top left;
			text-align: right;
			}
#index_menu li	{list-style-type:none; float:right; width:100px; padding:4px 26px 4px 0px; border-bottom:#28658f 1px solid; background: url(../interface/puce.gif) no-repeat 118px 10px;}
#index_menu li a	{color: #FFFFFF; text-decoration:none;}
#index_menu li a:hover	{text-decoration:underline;}
			
.illustration	{
				float: left;
				width: 251px;
				height: 297px;
				margin: 0px;
				margin-bottom: 24px;
				/*_margin-left: -3px;*/
				padding: 0px;
				border: none;
				/*border-bottom: #FFFFFF 1px solid;*/
				}
				
#ul_commun, #ul_commun_uk	{
			z-index: 2;
			position: absolute;
			top: 298px;
			left: 0px;
			width: 682px;
			height: 19px;
			margin: 0px;
			padding: 0px;
			padding-left: 80px;
			padding-top: 4px;
			background: url(../interface/fond_index_menu.jpg);
			border-bottom: 1px solid;
			}
#ul_commun_uk	{
			padding-left:60px;
}
#ul_commun li, #ul_commun_uk li	{position:absolute; display:inline; list-style-type:none;}
#ul_commun li	a#, ul_commun_uk li a	{float:left;}
#ul_commun li	a:hover, #ul_commun_uk li  a:hover	{}
#ul_commun li	a img, #ul_commun_uk li a img	{display:block; border:none;}
			
#ul_top	{
		float: left;
		width: 282px;
		height: 19px;
		margin: 0px;
		padding: 0px;
		padding-top: 74px;
		padding-right: 3px;
		background: pink;
		border-right: #044380 1px solid;
		border-bottom: #000000 1px solid;
		background: #FFFFFF url(../interface/degrade2.gif) no-repeat top left;
		letter-spacing: 1px;
		font-size: 9px;
		}
#ul_top li	{display:inline; float:right; list-style-type:none; padding-left:8px; padding-right:8px;}
#ul_top li a	{color:#5e5e5f; text-decoration:none;}
#ul_top li a:hover	{text-decoration:underline overline;}

#drapeau{
	position:absolute;
	width: 80px;
	height:25px;
	top:12px;
	left:650px;}
	
#drapeau li	{
	display:inline;
	float:left;
	list-style-type:none;
	}
	
#drapeau li	a{
	display:block;
	color:#5e5e5f;
	text-decoration:none;
	width:30px;
	height:25px;
	}
		
#contenu	{
			position: absolute;
			top: 331px;
			left: 0px;
			width: 760px;
			min-height:490px;
			_height:490px;
			margin: 0px;
			padding: 16px 0px 20px 0px;
			border: #044380 1px solid;
			border-bottom: 0px;
			border-top: none;
			background: url(../interface/fond_contenu.jpg) repeat-y top left;
			}
#contenu p	{margin: 0px; padding: 0px; text-align:justify;}
			
#ombre_contenu	{
				width: 760px;
				height: 10px;
				margin: 0px;
				padding: 0px;
				background: url(../interface/ombre_contenu.jpg) no-repeat left top;
				font-size: 0px;
				line-height: 0px;
				border-left: #044380 1px solid;
				border-right: #044380 1px solid;
				}
			
#pied_page	{
			display: block;
			position: absolute;
			top: 100%;
			left: -1px;
			width: 762px;
			margin: 0px;
			padding: 0px;
			padding-top: 14px;
			background: /*pink*/ url(../interface/ombre_bas_page.gif) no-repeat left top;
			color: #04427e;
			font-size: 9px;
			letter-spacing: 2px;
			border-top: #044380 1px solid;
			}
#pied_page p	{text-align: center;}
			
.menu_deroule	{
				z-index: 7;
				position: absolute;
				display: block;
				top: 18px;
				left: -18px;
				width: 175px;
				margin: 0px;
				padding: 0px;
				background: #044380;
				border: #28658f 1px solid;
				}
.menu_deroule li	{display:block; float:left; width:170px;}
.menu_deroule li a	{display:block; float:left; width:155px; border-bottom:#28658f 1px solid; padding-top:5px; padding-bottom:8px; padding-left:15px; font-size:10px; color:#FFFFFF; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.menu_deroule li a:hover	{text-decoration:underline;}

#index_h2	{
			width: 172;
			height: 13px;
			font-size: 0px;
			line-height: 0px;
			margin: 0px 0px 12px 0px;
			padding: 0px;
			background: url(../interface/index_titre.gif) no-repeat top left;
			}
			
.suite	{background:url(../interface/puce_suite.gif) no-repeat 1px 5px; padding-left:11px; color:#818182; text-decoration:none; letter-spacing:2px;}
.suite:hover	{text-decoration:underline;}

#index_images	{
				float:left;
				width:152px;
				}
#index_images img	{float:left; margin: 12px 0px 0px 12px; border:#04427f 1px solid;}

#index_form	{
			float: left;
			width: 300px;
			padding: 6px 0px 0px 0px;
			_padding: 0px 0px 0px 0px;
			margin: 0px;
			background:url(../interface/index_produits.gif) no-repeat 4px top;
			}
#index_form	fieldset {border:none; margin:-6px 0px 0px 0px; _margin-top:0px; padding:0px;}
#index_form	fieldset label	{color:#818182; letter-spacing:2px; font-size:11px; margin:0px; padding:0px;}
#index_form	.index_input	{margin-top:2px; border:#044380 1px solid; text-align:center; font-size:9px; color:#044380; width:148px; _width:144px;}
#index_form .submit	{cursor:pointer; display:block; width:91px; height:23px; background:url(../interface/index_bouton_rechercher.gif) no-repeat left top; border:0px; margin:12px 0px 0px 93px; padding:0px}
				
/* Evolution du site 080828 */

h3.orange, h3.orange a{
	background:none;
	color:#bc480f;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
}
		
h3.orange a:hover {
	text-decoration:underline;
}
		
p.blackC {
	color:black;
	line-height:15px;
}
				
#listeProduits	{
	background:#e8f1fa;
	width:708px;
	list-style-type:none;
	overflow:auto;
	margin:30px 0;
	padding:0;
}

#listeProduits li {
	display:block;
	float:left;
	position:relative;
	width:330px;	
	padding:5px 12px 12px 12px;
}	


#listeProduits li.paire {
	background:#f7faff;
}				
			
.retourLigne {
	clear:left;
}

#listeProduits li h4 {
	margin:0;
	padding-bottom:7px;
	
}



#listeProduits li h4 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#02397c;
	font-size:17px;
	text-decoration:none;
}

#listeProduits li h4 a:hover{
	color:#194b8a;
}
			
#listeProduits li img {
	display:block;
	position:relative;
	float:left;
	margin-right:7px;
}

#listeProduits li a img {
	border:none;
}
				
#listeProduits li p {
	color:#4b5258;
	font-size:11px;
	margin-top:10px;
}				

#main #contenu #listeProduits li p a, #main #contenu #encart p a {
	color:#484f55;
	text-decoration:none;
	background:url(../interface/puce_suite.gif) no-repeat 0px 7px;;
	padding-left:10px;
	padding-right:5px;
	
}

#main #contenu #listeProduits li p a:hover,#main #contenu #encart p a:hover {
	text-decoration:underline;
}

#listeProduits li ul li {
	display:inline;
}

#main #contenu h4 {
	color:#252527;
	text-transform:uppercase;
	padding:15px 0 0px 0;
}
				
#main #contenu #encart {
	position:relative;
	float:left;
	background:#e8f1fa;
	width:209px;
	padding:0 16px 16px 16px;
	margin-left:23px;
	font-size:11px;
	margin-top:80px;

}			
				
#main #contenu #encart h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#02397c;
	font-size:17px;
	text-decoration:none;
	text-transform:none;
	line-height:17px;
}
				
#main #contenu #encart	ul {
	margin:25px 0 0 13px;
	*margin-left:22px;
	_margin-top:0;
	padding:0;
	list-style-type:none;
	list-style-image:url(../interface/puce_suite.gif);
	text-indent:-5px;
	color:#454c52;
}			

#main #contenu #encart	ul a{
	text-decoration:none;
	color:#454c52;	
}

#main #contenu #encart	ul a:hover{
	text-decoration:underline;
}

#main #contenu #encart p {
	color:#454c52;
	text-align:left;
}				
				
.tableauProd {

}
				
.tableauProd tbody .tabLegend th {
	background:#d6e3f0;
	text-transform:uppercase;	
}
				
.tableauProd tr {	
	height:30px;
	background:#e8f1fa;	
}

.tableauProd tbody tr:hover {
	background:#faf1e8;
}
				
.tableauProd .tabPaire, .tableauProd .tabPaire tr{
	background:#f7faff;	
}
				
.tableauProd a{
	text-decoration:none;
}

.tableauProd a:hover{
	text-decoration:underline;
}
				
#contenuElements, #contenuElements2, #contenuElements3, #resultatsElements {
	display:block;
	position:relative;
	float:left;
	/*width:215px;*/
	width:320px;
	border:1px solid #d6e3f0;	
	padding:0;
	
}			
#contenuElements, #contenuElements2, #contenuElements3{
	height:150px;
}	

#listeElements, .listeElements {
	margin:0px;
}

#resultatsElements {
	min-height:150px;
	_height:150px;
	margin:0px;
}
#overflow, #overflow2, #overflow3{
	overflow:auto;
	height:150px;
}

.listeElements li, #listeElements li, #resultatsElements li{
	height:18px;
	padding:4px 0 0 25px;
	list-style:none;
	margin:0;
}

.headerLi {
	background:#D6E3F0;
	text-transform:uppercase;
	font-weight:bold;
}

#listeElements li:hover , .listeElements li:hover {
	background:#f7faff;
}

.listeElements li a, #listeElements li a, #resultatsElements li a{
	text-decoration:none;
}

.fleche, #fleche {
	height:150px;
	position:relative;
	float:left;
	padding:10px;
}


#listeElements .active, .listeElements .active, #resultatsElements li:hover {
	background:#faf1e8;
}