/*
  $Id: stylesheet.css,v 1.1.1.1 2005/11/03 15:22:21 stepibou Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* ------- CSS OSC --------- */
@import url(css/general.css);

@import url(css/boxes.css);
@import url(css/menu.css);
@import url(css/whatsnew_infobox.css);
@import url(css/products_listing.css);
/*
@import url(css/menu.css);

@import url(css/categories_dropdown.css);
*/



/* - general - */
body {
   width: 100%;
   margin: 0; padding: 0;
   text-align: center;
   font-size: 62.5%;
   font: 0.8em Arial,Georgia,Tahoma,sans-serif;
   color: #000;
   background: #fff;
}

.newProducts {
	display: none;
	}

/* ----------------------------------------------------- */
/* ------------------------- template ------------------ */
/* ----------------------------------------------------- */

#page{
        position: relative;
        width : 950px;
        margin: 0 auto 0 auto;
        text-align: left;
        background: transparent;
        /*background-color: #193766;*/
}

/* Header
********************************************/
#top{
        /*height: 123px;
        width: 100%;
        margin : 0 0 0 0px;
        background: #fff url(images/top_back.png) top left repeat-x;*/

}

#topLogo {
        float: left;
        height: 100px;
        width: 950px;
        background: #fff url(images/top.png) top left no-repeat;
}

#topRight {
        /*float: right;
        height: 123px;
        width: 24px;
        background: #fff url(images/top_right.png) top left no-repeat;*/
}

#top h1 {
        text-indent: -9999px;
}

#navi_bar {
       position: absolute;
       z-index: 100;
       top: 80px;
       left: 0px;
       padding: 0 40px 0 40px;
       margin: 0 0 0 0px;
       height:18px;
       background: transparent;
       color: #fff;
}

#navi_bar a {
	   color: #fff;
}

#breadCrumb {
       float: left;
}

#long_date {
       float: right;
}

.clear_both {
       clear: both;
}

/* Content
********************************************/
#sidebar_left {
	    background:  url(images/carte-bleu.gif) no-repeat;
        float: left;
        left : 0px;
        margin: 0px 0px 0px 0px;
        padding: 110px 10px 0px 0px;
        width: 165px;
        border : 0;
}

#pageContent {
        float: left;
        /*overflow : auto ;*/
        min-height: 518px;
        /*background: #ffffff url(images/degrad.gif) bottom repeat-x;*/
        /*border-style: solid;
        border-color: #193766;
        border-width: 1px;*/
        /*background: #ffffff url(images/arrondi.jpg) bottom ;*/
        border: solid;
        border-width: 1px;
        border-color: #014f72;        
		width:580px;
        margin: 0px 0px 0px 0px;
        padding: 0px 5px 5px 5px;

}

#pageContent_IE {
        float: left;
        width: auto;
        min-width:400px;
        margin: 0px 10px 0px 10px;
        padding: 5px;
}

#sidebar_right {
        float: right;
        right: 0px;
        width : 165px;
        border : 0;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}

/* Footer
********************************************/
#footer{
        clear: both;
        /*margin: 10px 0px 0px 0px;*/
        height: 5px;
        border: 0px solid #000;
        /*background: #fff url(images/bottom_back.png) top left repeat-x;*/
        /*background: #ffffff url(images/barre-bas.gif) bottom no-repeat;*/
        background-color: white;
        padding: 20px 0px 0px 0px;
		color: #fff;
        text-align:center;
}

#footer #footerLeft {
		clear: both;
		height: 5px;
		background-color: #014f72;
		/*float: left;
        height: 50px;
        width: 700px;
        background: #fff url(images/bottom_left.png) top left no-repeat;*/
}

#footer #footerRight {
		/*float: right;
        height: 50px;
        width: 24px;
        background: #fff url(images/bottom_right.png) top left no-repeat;*/
}

#footer p.copyright {
		position: relative;
		top: 0px !important;
		margin-top: 0px !important;
		
		/*margin-top: -90px;*/
		color: #193766;
		font-size: 11px;
		background-color: white;
}

#postit {
padding-top: 20px;
 width: 165px;
 height: 148px;
 background: url(images/post-it-contact.gif) bottom no-repeat;	
}

#footer .copyright a {
		color: #fff;
		text-decoration: underline;
}

#footer .copyright a:hover {
		text-decoration: none;
}

/*-------------------------*/


/* ------- forms --------- */
input#search {
  width:130px;
  border: 1px solid #1596d2;
  padding: 1px;
  font-size: 0.9em;
}

/* ------- original --------- */
SPAN.newItemInCart {color: #f00; }
SPAN.greetUser { color: #f0a480; font-weight: bold;}
SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; }
SPAN.errorText { color: #f00;}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }


/* titre h1 french et english */
h1.french, h1.english
{
	/*padding: 10px;*/
	/*margin-top: 22px;*/
	padding-top: 22px;
	padding-left: 10px;
	background: #ffffff url(images/part_haut.gif) right top no-repeat;
	/*border-width: 0px 0px 1px 0px;
	border-color: #014f72;
	border: solid;*/
	/*background-color: transparent;*/
	color: #014f72;
	height: 58px;
	font-family: arial;
	font-size: 18px;
}

/* mise en page de la page d'index */


.textMain, #new_page_text
{
	padding-left: 210px;
	background: url(images/locaux.jpg) no-repeat;
	padding-right: 10px;
	color: #000055;
	margin-left: 10px;
}

#contact_text
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	color: #000055;
}

#contact .extraDiv1
{
	float: left;
}

#new_page_text
{
background: url(images/hotline.gif) no-repeat;
}

#casycash_text
{
	background: url(images/casycash.gif) no-repeat;
	padding-left: 210px;
	padding-right: 10px;
	/*padding: 20px;*/
	color: #000055;
	margin-left: 10px;
}

#casycash_text a, #casycash_text a:hover
{
	text-decoration:none;
	color: #000055;
}

#casycash, #casymedia, #casybox, #casygab, #casycard, #casybox_fixe, #casybox_wifi, #casybox_gprs {
background: url(images/part_haut.gif) right top no-repeat;
	}

#casycash .french, #casymedia .french, #casybox .french, #casygab .french, #casycard .french, #casycash .english, #casymedia .english, #casybox .english, #casygab .english, #casycard .english, #casybox_fixe .english, #casybox_fixe .french, #casybox_wifi .english, #casybox_wifi .french, #casybox_gprs .english, #casybox_gprs .french
{
	padding-top: 40px;
	float: left;
	padding-left: 10px;
	background: #ffffff /*url(images/part_haut.gif) right top no-repeat*/;
	color: #014f72;
	height: 58px;
	font-family: arial;
	font-size: 18px;
	
}

#casymedia_text
{
	clear: both;
	background: url(images/casymedia.gif) no-repeat;
	padding-left: 210px;
	padding-right: 10px;
	/*padding: 20px;*/
	color: #000055;
	margin-left: 10px;
}

#casybox_text
{
	clear: both;
	background: url(images/casybox.gif) no-repeat;
	padding-left: 210px;
	padding-right: 10px;
	/*padding: 20px;*/
	margin-left: 10px;
	color: #000055;
}

#casybox_fixe_text
{
	clear: both;
	background: url(images/casybox_fixe.gif) no-repeat;
	padding-left: 210px;
	padding-right: 10px;
	/*padding: 20px;*/
	color: #000055;
	margin-left: 10px;
}

#casybox_wifi_text
{
	clear: both;
	background: url(images/casybox_wifi.gif) no-repeat;
	padding-left: 210px;
	padding-right: 10px;
	/*padding: 20px;*/
	color: #000055;
	margin-left: 10px;
}

#casybox_gprs_text
{
	clear: both;
	background: url(images/casybox_gprs.gif) no-repeat;
	padding-left: 210px;
	padding-right: 10px;
	/*padding: 20px;*/
	color: #000055;
	min-height: 200px;
	margin-left: 10px;
}

#casygab_text
{
	clear: both;
	background: url(images/casygab.gif) no-repeat;
	padding-left: 210px;
	padding-right: 10px;
	/*padding: 20px;*/
	color: #000055;
	min-height: 200px;
	margin-left: 10px;
}

#casycard_text
{
	clear: both;
	background: url(images/casycard.gif) no-repeat;
	padding-left: 210px;
	padding-right: 10px;
	/*padding: 20px;*/
	color: #000055;
	min-height: 200px;
	margin-left: 10px;
}

#flashcontent {
padding-left: 220px;
	}

/*
.extraDiv1
{
width: 500px;
height: 100px;
background: #fff url(images/bottom_right.png) top left no-repeat;

}
*/