/*------------------------------------------------------*
  *-------------    ICARE-NET.COM ---  CSS DECO  ----*
  *------------------------------------------------------*/

body {
	scrollbar-face-color: #CCCCCC;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #000000;
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/deco/motif.gif);
}



 /*------------------------------------------------------*
  *-----------------------------------     CSS PAGES     ----*
  *------------------------------------------------------*/


.page{
	background-color: #E8AE00;
	width: 770px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #666;
}




 /*------------------------------------------------------*
  *-----------------------------------     CSS TABLEAU     ----*
  *------------------------------------------------------*/

.tableau_1{
	background-color: #990000;
	border: thin solid #333;
	width: 300px;
}



 /*------------------------------------------------------*
  *-----------------------------------     CSS BORD IMAGE     ----*
  *------------------------------------------------------*/


.bord_image {
	border: 1px solid #FFFFFF;
}

.bord_image_plan {
	border: 1px solid #000;
}



 /*------------------------------------------------------*
  *-----------------------------------     CSS EFFETS     ----*
  *------------------------------------------------------*/

#zone_defilante {
	margin-top:5px;
	margin-left:5px;
	width: 370px;
	height: 250px;
	margin-bottom:5px;
	overflow: auto;
	}




.transparence {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	}
.bord_anim {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFF00;
	border-bottom-color: #FFFF00;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFF00;
}
.bord_bande {

	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFF00;
	border-left-color: #FFFF00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
}
.bord_image2 {

	border: 1px solid #FFFFFF;
}
h1 {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left: 10px solid #fff;
	margin: 8px 0 0 10px;
	letter-spacing: 0.1em;
}

h1 a.retour, a.retour:hover, a.retour:visited
{
    color: #FFFFFF;
}
/* ####################################### */
/* ##########	MENU PRODUITS	########## */
/* ####################################### */

#menu {list-style-type:none; padding:0; margin:0; background-color:#76ACCE;}
#menu ul {list-style-type:none; padding:0; z-index:2000; margin:1px 0 0 0;}
#menu li {float:left; padding:0; margin:0;  position:relative;background-color:#4677AF;line-height:23px;height:23px;}
#menu :hover ul :hover ul li {	float:left;	margin:0; padding:0; position:relative;	background-color:#3D6898; /*padding:2px 0;*/line-height:24px;	height:24px;}
#menu :hover ul :hover ul li:hover {background-color:#76ACCE;}

#menu li a {
	display:block;
	color:#FFFFFF;
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:24px;
	height:24px;
	width:192px;
	text-decoration:none;
	text-align:center;
	padding:0; margin:0; 
}
#menu li a:hover, #menu li.sub ul li a:hover {
	font-weight:bold;
	background-color:#76ACCE;
}

#menu li.sub /*li du lien du premier déroulant*/{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*padding: 2px 0;*/
	line-height:24px;
	height:24px;
	/*margin:0 2px;*/
	padding:0; margin:0 1px 1px 0; 
	background-image: url(../images/deco/fond_cat.jpg);
	background-repeat:repeat;
	text-transform: uppercase;
}
#menu li.sub a /* lien du premier déroulant*/{
	background:none;
	font-weight:normal;
}
#menu li.sub a:hover /*lien lorsque le premier déroulant est ouvert */{
	font-weight:bold;
}

/* SOUS SOUS MENU */
#menu li.sub2 /*li du lien pour ouvrir le second déroulant */{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0; margin:0; 
	/*margin:0;
	padding: 2px 0;*/
	line-height:24px;
	height:24px;
}
#menu li.sub2 a /* lien pour ouvrir le second déroulant */{
	background-image:url(../images/deco/fleche_nav.gif);
	background-repeat:no-repeat;
	background-position:165px 7px;
}
#menu li.sub2 a:hover /*lien lorsque le second déroulant est ouvert*/{
	background-color:#76ACCE;
	background-position:180px 7px;
	font-weight:bold;
}

/* DEUXIEME DEROULANT */
#menu ul.sousmenu li a, #menu ul.left li a {
	background-color:none;
	background:none;
	font-weight:normal;
}
#menu ul.sousmenu li a:hover, #menu ul.left li a:hover {
	background-color:#76ACCE;
	background:none;
	font-weight:bold;
}
/* FIN DU DEUXIEME DEROULANT */


/* for IE5.5 and IE6 only */
#menu table {border-collapse:collapse;position:absolute;top:-1px;left:0;z-index:80;font-size:11px;}

#menu :hover {
}
#menu :hover > a {
}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {position:absolute; left:-9999px; width:192px; font-weight:normal;}

#menu :hover ul{left:0;top:23px; background:url(transparent.gif);} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul a:hover ul {padding:0 3px; left:189px; top:-1px; font-weight:normal; width:192px;}
#menu :hover ul :hover ul :hover ul {padding:0 3px; left:187px; top:-4px; font-weight:normal;}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {padding:0 3px; left:-195px; top:0px; font-weight:normal;}

/* ####################################### */
/* ########## FIN MENU PRODUITS ########## */
/* ####################################### */

.div_categorie {
	width: 180px;
	margin: 5px;
	border: 1px solid #FFFF00;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 1.2;
	padding:0 0 10px 0;
	float: left;
}
.div_categorie h2 {
	
}
.div_categorie a {
	color:#FFFFFF;
	margin: 0;
	padding: 2px 4px;
	text-align: justify;
	display:block;
	text-decoration: none;
}
.div_categorie a:hover {
	text-decoration: underline;
	background-color: #497cb2;
}
#menu_gch {


}
#contenu_produits {
	clear: both;
	padding: 10px 0;

}
.navigation {
	padding: 8px 20px;
	margin: 4px 0;
	color: #FFFFFF;
}
.navigation a {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: left;
	padding: 0 10px 0 0;
	background-repeat: no-repeat;
	background-image: url(../images/deco/fleche_nav.gif);
	background-position: top right ;
	margin: 0 5px 0 0;
}
.navigation a:hover {
	font-style:italic;
	color:#FFFF66;	
}
.item_liste {
	height: 115px;
	width: 540px;
	margin: 2px auto;
	border: 1px solid #FFFF66;
	padding: 5px;
}
.item_liste h2, .item_liste h2 a {
	color: #FFFFFF;
	font-family: verdana;
	margin: 0 10px;
	padding: 10px 0;
	letter-spacing: 0.25em;
	text-decoration:none;
	font-size: 14px;
}
.item_liste h2 a:hover {
	text-decoration:underline;
}
.item_liste img.thumb {
	float: left;
	margin: 0 10px 0 0;
	clear: both;
}
.item_liste p {
	color: #FFFFFF;
	font-size: 11px;
	margin: 10px 0;
}
.item_liste span.prix {
	color: #FFFF66;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.25em;
	display: block;
	float: right;
	margin: 0 10px;
	padding: 10px;
}
.item_detail {
	width: 650px;
	margin: 0 auto;
	border: 1px solid #FFFF66;
	padding: 5px;
}
.item_detail h2 {
	color: #FFFFFF;
	font-family: verdana;
	margin: 0 10px;
	padding: 10px 0;
	letter-spacing: 0.25em;
	font-size:14px;
}
.item_detail img.thumb {
	float: left;
	margin: 0 10px 0 0;
	clear: both;
}
.item_detail p {
	color: #FFFFFF;
	font-size: 11px;
	margin: 50px 0 0 0;
}
.item_detail span.prix {
	color: #FFFF66;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.25em;
	display: block;
	float: right;
	margin: 0 10px;
	padding: 10px;
}