@import url("css/menu.css");


/*- CSS Document --------------------------------------------------------------------------------------------------------*/
.clear_float{clear:both; line-height:0; font-size:0; height:0;}


body {
	background-color: white;
	/*background-image: url(images/banderose.jpg);*/
	background-repeat: repeat-x;	
	margin:0px; padding:0px;
	
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #999;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-shadow-color: #333;
	scrollbar-arrow-color: #000;
	scrollbar-track-color: #FFF;	
	}


/*- ControlPanel Style ---------------------------------------------------------------------------------------------------*/



/*- Default Style --------------------------------------------------------------------------------------------------------*/
body, input, select table{color:#414042; font-family:Arial, Helvetica, sans-serif;}
body, input, select, table{font-size:12px;}


/*- Design Style ---------------------------------------------------------------------------------------------------------*/
#template{text-align:center;}
#logo_style{padding:10px 0 10px 30px;}
#center_left{width:930px; margin-left:20px; margin-top:2px;}
#center_style{float:right;}
#bottom_left{width:930px; margin-top:10px; margin-left:20px; border-top:1px dotted #999999;}
#contentpanel_style{text-align:left;}


/*- Top Menu -------------------------------------------------------------------------------------------------------------*/
#top_style{float:right; margin-right:20px;}
#top_style ul{list-style:none; padding:0; margin:0;}
#top_style li{float:left; margin:0 0.15em;}


/*- Main Menu ------------------------------------------------------------------------------------------------------------*/
#menu_left{background:#BE9E56 ; width:930px; height:26px; min-height:25px; margin-left:20px;}
#menu_style{float:left; margin-left:5px;}
#menu_style ul{list-style:none; padding:0; margin:0;}
#menu_style li{margin:0 0.15em;}
#menu_style li a{color:#F3D9BB;}


/*- Search Styles ---------------------------------------------------------------------------------------------------------*/
#search_style{float:right; margin-right:10px;}
#search_style input.SearchTextBox{float:left; z-index:10; height:15px; padding-left:5px; margin:4px; border:1px solid #CCC; width:130px; color:#777;}
#search_style input.SearchBtn{float:left; height:15px; margin:4px; background:#BE9E56; color:#F3D9BB; border:none;}



/*- Container ------------------------------------------------------------------------------------------------------------*/
#container{background:#FFF; text-align:left;} /*width et margin auto dans ce contexte permet de centrer la page*/


/*- Container top --------------------------------------------------------------------------------------------------------*/
#c_top{}


/*- Container content ----------------------------------------------------------------------------------------------------*/
#c_content{}


/*- Container bottom -----------------------------------------------------------------------------------------------------*/
#c_bottom{background:#EEEEEE; border-top:3px solid #999999;}
#c_bottom #copyright_style{float:left; width:50%; text-align:right;}
#c_bottom #privacy_style{float:left; width:50%; text-align:left;}


/*- Container copyright --------------------------------------------------------------------------------------------------*/
#c_copyright{height:40px; padding-top:30px;}
#c_copyright #copyright_style{float:left; width:50%; text-align:right;}
#c_copyright #privacy_style{float:left; width:50%; text-align:left;}




/*- Panel Style ----------------------------------------------------------------------------------------------------------*/
#toppanel, #bottompanel{padding:0; margin:0;}
#contentpanel{width:740px; padding:0px; margin:0; }
#leftpanel{padding:0 10px 0 0; width:180px; min-width:180px; overflow:hidden;}
#rightpanel{padding:0 0 0 0; width:0; min-width:0; overflow:hidden;}
/*#leftpanel{padding:0 25px 0 0; width:180px; min-width:180px;}*/
/*#rightpanel{clear:both; line-height:0; font-size:0; height:0; padding:0; margin:0;}*/




/*- BEGIN --- Modules ----------------------------------------------------------------------------------------------------*/

/*- Direct link box -------*/
.mod_directlinklist{background:#EEE; margin-left:200px; height:115px; min-height:125px; padding:0 2px;}
.mod_directlinklist .mod_directlinkbox{float:left; width:237px; height:110px; min-height:100px; margin:2px; padding:5px; background:#FFF;}
.mod_directlinkbox ul{float:left; list-style:none; padding:0; margin:5px 5px 10px 5px;} 
.mod_directlinkbox il{margin:1px 0;}


/*- Menu lateral ----------*/
.mod_mnunav ul{list-style:none; padding:0; margin:25px 5px 20px 5px;}
.mod_mnunav li{margin:1px 0;}


/*- Newsletter ------------*/
.mod_newsletter{width:725px; height:40px; min-height:40px; margin:5px 0; border-top:1px dotted #999999;border-bottom:1px dotted #999999;}
.mod_newsletter #mod_newsletter_lbltitle{float:left; margin:10px 5px;}
.mod_newsletter #mod_newsletter_lbltext{float:left; margin:10px 5px;}
.mod_newsletter form{float:left;}
.mod_newsletter input.emailtextbox{float:left; z-index:10; height:15px; padding-left:5px; margin:10px 4px; border:1px solid #CCC; width:130px; color:#777;}
.mod_newsletter input.emailbtn{float:left; height:15px; margin:10px 2px; background:#FFF; border:none;}


/*- SmallMedia ------------*/
.mod_smallmedia{text-align:left;}
.mod_smallmedia .smallmediabox{float:left; width:244px; margin:5px 0; text-align:left;}
.mod_smallmedia .spacer{float:left; width:4px; margin:0 auto; padding:0 auto;}

/*- END --- Modules ------------------------------------------------------------------------------------------------------*/


pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	width: 99%; /* remove horizontal scroll-bar when viewing in IE7 */
}









.suggestedprod{
	background-image:url('images/bggam.png');
	background-repeat:no-repeat;
	background-position:top right;
}


/*
============================================================================================================
BOX
------------------------------------------------------------------------------------------------------------

============================================================================================================
*/

.box label{
	font-weight:bold;
}

.box span{
	
}

.box input{

}

.box .field{
	border:none;
}
/*
.box #addcart{
	background-color:#E8E8E8;
	width:200px;
	height:100px;
	border:none;
	font-size:24px;
	cursor:hand;
}
*/
.box #topleft{
	background-image:url('images/box_topleft.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;
	width:10px;	
}

.box #top{
	background: url('images/box_top.jpg'); 
	background-repeat:repeat-x;
	background-position:bottom;
}

.box #topright{
	background-image:url('images/box_topright.jpg');
	background-repeat:no-repeat;
	background-position:bottom left;
	width:10px;	
}

.box #left{
	background: url('images/box_left.jpg'); 
	background-repeat:repeat-y;
	background-position:top right;
	width:10px;	
}

.box #content{
	background-color:#E8E8E8;	
}

.box #right{
	background-image:url('images/box_right.jpg');
	background-repeat:repeat-y;
	background-position:top left;
	width:10px;	
}

.box #bottomleft{
	background-image:url('images/box_bottomleft.jpg');
	background-repeat:no-repeat;
	background-position:top right;
	width:10px;	
}

.box #bottom{
	background: url('images/box_bottom.jpg'); 
	background-repeat:repeat-x;
}

.box #bottomright{
	background-image:url('images/box_bottomright.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	width:10px;	
}

/*
------------------------------------------------------------------------------------------------------------
END ---// BOX
------------------------------------------------------------------------------------------------------------
*/