/*
A FAIRE :
  - Revoir le dimentionnement de la  police de tout le document en taille relative (em)
	  (http://www.blog-and-blues.org/weblog/2004/05/24/214-font-size-em)

	-  Mettre des images <img> pour les images-boutons et pour l'image-logo
	-  Mettre  une couleur de fond pour les div qui contiennent des images de fond

	- Refaire le dimensionnement automatique de la boite d'aborescence des rayons
*/

/* ======================= ASPECT GENERAL DU SITE ============================*/
/*Entête */
#header {
  height      : 68px;
  cursor      : pointer;
	text-align  : center;
	/* respectivement marge haute,droite, basse et gauche */
	margin      : 0px 17px 0px 17px;
	background  : url(../images/backHeadMiddle.png) repeat-x ;
}

/*coins de l'entête*/
#headcornerleft, #headcornerright {
  display           : inline;
  position          : absolute;
	top               : 5px;
	width             : 17px;
	height            : 68px;
  background-repeat : no-repeat;
}

#headcornerleft {
	left             : 5px;
	background-image : url(../images/backHeadLeft.png);
}

#headcornerright {
	right             : 5px;
	background        : url(../images/backHeadRight.png);
	background-repeat : no-repeat;
}

div#header div#logo {
	position:relative;
	background-image  : url(../images/logo.png);
	top               : 10px;
	background-repeat : no-repeat;
	height            : 50px;
	width             : 700px;
	margin-left       : auto;
	margin-right      : auto;
}

#livre {
 	background-image  : url(../images/livre.png);
	background-repeat : no-repeat;
	width							: 266px;
	height            : 64px;
	position          : absolute;
	left              : 23px;
	top               : 8px;
}
/*Entête */

/* Menu */
#menubox {
  height           : 60px;
	margin-right     : 21px;
	margin-left      : 21px;
	background       : url(../images/backMenuMiddle.png) repeat-x;
	padding-top      : 1px;
	cursor           : default;
}

#menucornerleft,#menucornerright {
  display           : inline;
	position          : absolute;
	top               : 73px;
	width             : 21px;
	height            : 60px;
	background-repeat : no-repeat;
}

#menucornerleft {
  left             : 5px;
	background-image : url(../images/backMenuLeft.png);
}

#menucornerright {
  right            : 5px;
	background-image : url(../images/backMenuRight.png);
}

ul#menu {
  text-align      : center;
	list-style-type : none ;
/*	margin          : 17px 0px 10px 0px !important;
	margin          : 9px  0px 4px  0px;*/
	margin-top      : 8px;
}



ul#menu li {
	margin-left : 15px;
	padding     : 0;
	display     : inline;
	text-align  : left;
	font-family : "Times New Roman", Times, serif;
	color       :	#3366CC;
}

span.itemtext {
  position : relative;
	top      : -15px;
	left     : 0px;
}
/* lien ou boite contenu dans un element du menu*/
/*ul#menu a, ul#menu div {
	background-repeat   : no-repeat;
	padding             : 10px 0px 14px 45px !important;
	padding             : 10px 0px 10px 45px;
	height              : 41px;
}*/

ul#menu a {
  cursor : pointer;

}

ul#menu a:hover {
  cursor          : pointer;
	text-decoration : none;
}

/* pour les images sans lien*/
ul#menu div {
	display : inline;
}

/* Fin images du menu*/
div#container {
  margin : 5px;

/*	border : gray 1px solid;*/
}

/* Produits */

/* Boite qui contient le menu à gauche de l'écran*/
div#prod_menu_container{
/*	float        : left;*/
/*	display : none;*/
	position     : absolute;
	left         : 5px;
/*	min-width    : 170px;*/
  width        : 160px;
	margin-right : 5px;
	z-index      : 100;
}

/* conteneur d'une rubrique du menu*/
div.prod_item_container {
  margin-bottom : 5px;
/*	background-color:#a8a9bb;*/
}

/* Titre de la rubrique */
div.prod_title {
	 position         : relative;
	 text-indent      : 35px;
	 height           : 29px;
	 color            : white;
	 font-weight      : bold;
	 font-family      : "Arial Narrow";

	 /*background       : url(../images/prodTitle.png) no-repeat;*/
   margin : 0px 10px 0px 10px;
	 background:url(../images/prodTitleMiddle.png) repeat-x;
}

div.prod_cornerleft, div.prod_cornerright {
  display  : inline;
  position : absolute;
	height   : 29px;
	width    : 10px;
}

div.prod_cornerleft {
	background : url(../images/prodTitleLeft.png) no-repeat;
	left       : -10px;
}

div.prod_cornerright {
  background : url(../images/prodTitleRight.png) no-repeat;
	right : -10px;
}


/* texte de la rubrique*/
div.prod_title span {
  position  : relative;
	top       : 7px;
}

/* ensemble des champs du formulaire de recherche article*/
fieldset#prod_search_fldset {
	position       : relative;
  width          : 140px;
  padding-left   : 3px;
	border         : none;
}

/* champ de saisie des infos de recherche */
input#searchtxt,input#searchcde {
  width : 134px;
}

input#searchtxt {
  margin-bottom : 5px;
}

/* prod_box est la boite qui contient encadre le contenu d'une rubrique */

div.prod_outerbox,div.prod_box {
	border-left   : #074263 1px solid;
	border-right  : #074263 1px solid;
	border-bottom : #074263 1px solid;
}

div.prod_outerbox {
  background-color:#FFFFFF;
}

div#rayon_container {
}

div#rayon_box {
	overflow : auto;

  /*background    : url(../images/back_paper.png) repeat;*/
	width         : 150px;
}

div.prod_innerbox {
 border : #659aba 1px solid;
 margin : 0px 1px 1px 1px;
  background-color:#FFFFFF;

}

div.prod_box {
  border-top : #074263 1px solid;
}

div.prod_box,div#main {
/*	background-image : url(../images/back_paper.png);			*/
}


div#imgRayons,div#imgLoupe {
	position : absolute;
}

div#imgRayons {
  background :url(../images/rayons.png) no-repeat;
	top        : 8px;
	left       : 10px;
	width      : 27px;
	height     : 20px;
}

div#imgLoupe {
	top        : 10px;
	left       : 10px;
	width      : 16px;
	height     : 16px;
	background : url(../images/loupe.png) no-repeat;
}

div#rayon_box dl {
	font-family : "Arial Narrow",Arial;
/*	font-size:14px;*/
	margin-top  : 5px;
}

div#rayon_box dt {
	margin      : 2px 0px 2px 5px;
	font-weight : bold;
	cursor      : default;
}

div#rayon_box dd
{
  margin-left : 15px;

}



/* Produits */

/* Corps */
body {
  margin           : 5px;
	background-color : #F8F8F8;
	/*font-size        : 62.5%;*/
}

#main {
		border      : gray 1px solid;
		overflow    : auto;
		margin-left : 160px;
		border      : ridge #074263 2px;
}
/* Corps */

/* Pied de page */
div#footer {
 clear        : left;
 text-align   : center;
 background   : url(../images/backFootMiddle.png) repeat-x;
 margin       : 0px 15px 0px 15px;
 height       : 34px;
}

div#footer div {
  display : inline;
}

div#footertext {
	position : relative;
	top      : 5px;
	color    : #FFFFFF;
}

#footercornerleft, #footercornerright {
  position          : absolute;
	width             : 15px;
	height            : 34px;
	background-repeat : no-repeat;
}

#footercornerleft {
  left             : 5px;
	background-image : url(../images/backFootLeft.png);

}

#footercornerright{
	right            : 5px;
	background-image : url(../images/backFootRight.png);
}

div#footer a:hover {
  color:#FFFF00;
}

div#footer a {
	color       : #FFFFFF;
  font-family : "Times New Roman", Times, serif;
}
/* Pied de page */

/* Classes générales*/
.whiteFont {
  color : #FFFFFF;
}

.smallFont {
  font-size : small;
}

.bold,.redBoldFont,.blueBoldFont {
  font-weight : bolder;
}

.register {
	 color     : red;
	 font-size : 12px
}

a:hover.registerLink {
   font-weight : bolder;
	 color       : blue;
}

.red,.redBoldFont {
  color       : red;
}

.blueBoldFont {
  color       : blue;
}

.inLineDisplay {
  display : inline;
}

.notopbottom {
  margin-top: 0px;
	margin-bottom: 0px;
}


/* Classes générales*/

/* formatage générale balises  */
a:hover {
  color           : #FF0000;
  text-decoration : underline
}

a {
  color           : #3366CC;
  text-decoration : none;

}

img {
  border : 0;
}
/* formatage générale balises  */

/* ======================= FORMULAIRES ============================*/

/*>>>>>>>> GENERIQUE <<<<<<<<<< */
/*table {
  border : none;
}*/

/* tous les label*/
label {
  color       : black;
  font-family : "Times New Roman", Times, serif;
}

/* Groupe de champs*/
fieldset {
  border-style : double;
}

/*>>>>>>>> CLASSES <<<<<<<<<< */

/*Couleur du fond pour les champs de saisie*/
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  background-color : #E1F0FF;
}

.inputBgColor {
  background-color : #E1F0FF;
}

/* texte du label d'un champ input*/
.fldLabel {
	float      : left;
	/*position   : relative;*/
  text-align : right;
}

input#searchtxt,input#searchcde {
  color      : gray;
  font-style : italic;
}

/*>>>>>>>> USER <<<<<<<<<< */
.userTitle {
  color       : #CA0000;
  font-family : "Times New Roman", Times, serif;
  font-weight : bold;
	text-align  : center;
	margin-top  : 4px;
}

#go {
  margin-top : 20px;
}

div#erruser {
  font-size:2px;
}

.userFldSet {
  background-color : #EBD8D8;
  border-color     : #CA0000;
  border-width     : 3px;
	padding-top      : 8px;
	padding-bottom   : 10px;
	border-style     : outset;
}

.userFldBox {
  margin-bottom : 2px;
  margin-left   : 1px;
}

/* texte du label des champ input des utilisateur*/
div.userFldBox label  {
  width:120px;
}

span.userFldinLine {
	position : absolute;
	left     : 600px;
}

/*.userFldSet table {
  width : 100%;
}
*/

/*>>>>>>>> LOGIN <<<<<<<<<< */

/* Boite d'image d'arrière plan qui contient loginBox*/
#loginBg {
	background-image  : url(../images/loginBg.png);
	/* astuce pour afficher la transparence des PNG avec IE*/
	background-repeat : no-repeat;
	width             : 340px;
	height            : 195px;
	position          : relative;
	/* centre la boite de login*/
  margin-left       : auto !important;
	margin-right      : auto !important;
  margin-top        : 10%;
}

/* Contient le groupe de champs */
#loginBox {
  position : relative;
	top      : 40px !important;
  top      : 30px;
}

/* Groupe de champ */
#loginFldSet {
  width        : 270px;
  border-color : #FFCC33;
  padding      : 10px;
  /* centre le groupe de champs*/
  margin-left  : auto !important;
  margin-right : auto !important;
}

/* un champ (description + input) */
.LoginField {
  margin : 5px;
}

#loginFldSet legend {
  font-weight : bold;
  color       : #3333CC;
  font-family : Arial, Helvetica, sans-serif;
}

/* titre à gauche du champ input*/
div.loginField label {
	width : 85px;
	left  : 10px !important;
	left  : 0px;
}

/* contient le bouton de validation*/
#loginBox div {
  margin-top : 5px;
  text-align : center;
}

/* Bouton de validation*/
#loginSubmit input {
  cursor : pointer;
}

div#map {
	text-align : center;
	/*display:table;*/
	margin-top : 50px;
	margin-right : auto;
	margin-left : auto;
}

div#map div {

	/*width : 305px;*/
	margin-bottom : -5px;

}
div#map img {
	margin-right : -4px;
}

/* ======================= TABLEAUX ============================*/


table {
  position        : relative;
  border-collapse : collapse; /*toutes les bordures des cellules coïncides */
  border           : 3px outset #fbbb13;
	margin          : auto;
	/*margin-top      : 5px;*/
  /*margin-bottom   : 5px;*/
	border-spacing  : 0px;
	cursor          : default;
	z-index         : 10;
	background      : #efefef;

}

.legend, table caption {
   margin: auto; /* Centre le titre du tableau */
   font-size     : 12pt;
   color         : black;
   font-weight   : bold;
   margin-top    : 10px;
   margin-bottom : 10px;
}

td input {
 direction : rtl;
}

th {
  background-color : #dadab6;   /*Couleur de l'entête du tableau*/
  /* Style de la police*/
  font-size   : 10pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  cursor      : default;
}

th,td {
  border : 1px solid gray; /* Couleur, style et épaiseur des bordures des cellules*/
}

colgroup {
  border : 1px solid gray;
}

td {
  font-family : Geneva, Arial, Helvetica, sans-serif;
  font-size   : 11pt;
}

th.numeric,td.numeric {
  font-family : "Arial Narrow";
  font-size   : 12pt;
}

.leftAlign {
  text-align : left;
}

td.numeric, .rightAlign {
  text-align : right;
}

.centerAlign {
  text-align : center;
}

.alternate {
  background-color : #d0dfea;
}

/*couleur de la/des ligne(s) du tableau est selectionée(s)*/
.selectedRow {
	background-color : #fffec9;
}

/* classes de surcharge pour annuler la mise en forme par défaut*/
.border {
  border : 1px solid gray; /* Couleur, style et épaiseur des bordures des cellules*/
}

.noBorder {
  border : none;
}

.noBgCol {
  background : none;
}

tr img {
  cursor : pointer;
}

div#pages {
  font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size   : small;
	cursor      : pointer;
}

div#pages img {
  position     : relative;
	top          : 2px;
	margin-right : 10px;
}

img#next  {
  position    : reltative;
	margin-left : 10px;
}

div#pages span {
 cursor : default;
}

div#pages span,div#pages a:hover {
  font-size       : medium;
	text-decoration : none;
	font-weight     : bold;
}

table#refObsDevis {
	margin-top : 5px;
}

table#refObsDevis td {
	padding-bottom : 5px;
	padding-left   : 4px;
	text-align     : left;
	vertical-align : top;
}

table#refObsDevis input {
	direction  : ltr;
}

table#refObsDevis label {
	font-weight : bold;
}


table#refObsDevis tr, table#refObsDevis td,table#refObsDevis {
	border     : none;
	background : none;
}

/* Code couleurs disponibilités"*/
.AP {
	background-color:rgb(255,255,0);
}


.AE {
	background-color:rgb(255,188,7);
}

.PR {
	background-color:rgb(215,255,195);
}

.ED {
	background-color:rgb(215,255,195);
}

.ER {
	background-color:rgb(0,255,170);
}

.IN {
	background-color:rgb(255,0,0);
}

.EP {
	background-color:rgb(255,170,145);
}

/* légende des couleurs dispo*/

.EC {
	background-color:yellow;
}

table#legendDispo {
	border : none !important;
	border-collapse:separate !important;
	background:none !important;
	border-spacing:5px !important;
}

table#legendDispo tr {
	margin : 2px !important;
}

table#legendDispo td {
	border : none !important;
	text-align : left !important;
}



/*couleur de la/des ligne(s) du tableau est selectionée(s)*/
.selectedRow {
	background-color : #fffec9;
}


.numeric {
  text-align : right;
}

/* ======================= ETAPES ============================*/
#stepBox {
  height        : 60px;
	/*width         : 457px;*/
  text-align    : center;
	position      : relative;
	margin-left   : auto !important;
	margin-right  : auto !important;
	margin-top    : 10px;
	margin-bottom : 10px;
}

div#stepBox img {
  border : none;
}

/* ======================= FILTRES ============================*/

.hidden {
	visibility : hidden;
	width      : 0px;
}

label.hidden {
	margin-right : -25px;
}

.curpoint {
	cursor : pointer;
}

/**/

div#furtherSearch {
  font-size:12px;
	text-align:center;
	margin-bottom:5px;
}

/* ======================= RECHERCHE AVANCEES ============================*/

fieldset.formsignin,fieldset.search {
	width        : 500px;
	margin-left  : auto;
	margin-right : auto;
	background-color:#FFFFCC;
	border: 4px double gray;
	padding : 5px;
}

p.signinTitle, p.rechTitle {
 text-align:center;
 margin : 2px 0px 0px 0px;
 font-weight:bold;
 color:#3333CC;
 font-family:"Times New Roman", Times, serif;
}


div.signinFldBox,div.searchFldBox {
	margin-bottom : 2px;
	margin-left   : 5px;
}

div.searchFldBox label,div.signinFldBox label  {
	color : #525252;
}

div.searchFldBox label.fldLabel {
	width      : 140px;
	text-align : left;
}

div.submitSearch,div.submitsign {
	margin-top : 10px;
	text-align : center;
}

/* ======================= FORMULAIRE D'INSCRIPTION ============================*/

div.signinFldBox label.fldLabel {
  text-align : right !important;
}

p.signinTitle {
	margin-top : 20px;

}

/*fieldset.formsignin {
	width : 500px;
	margin-left : auto;
	margin-right: auto;
	background-color:#FFFFCC;
}

div.signinFldBox {
	margin-bottom :2px;
}
div.submitsign {
	margin-top : 10px;
	text-align:center;

}
*/

div.signinFldBox label.fldLabel {
	width      : 110px;
	text-align : left;
}



/*================ MESSAGE DE BIENVENUE SUR LA PAGE DU FORMLAIRE =================*/
div.LegendSignUp {
	/*background-color:#57DAFB;*/

	margin-top  : 10px;
	text-align  : center;
  color       : #F47A00;
  font-family : "Times New Roman", Times, serif;
  font-size   : 18px;
}

div.signinAdressFact {
  color:#3333CC;
}

/*================ MESSAGE D'INVITATION DE SELECTION DU MAGASIN =================*/


div.location_invit {
  margin-top  : 0px;
	color       : red;
	font-weight : bold;
}

div.checkAdrs {
	font-weight : bold;
	text-align  : center;
	margin      : 10px 0px 10px 0px;

}

div.block {
	margin-bottom : 10px;
}

/*================ CONDITIONS DE VENTE =================*/


.titrearticle {
  text-decoration: underline;

}

.titreconditions {
  text-shadow:black;
  font-size:20pt;
  color:black;
  border-width:12px;
  border-style:ridge;
  border-color:darkblue;
  /*padding:1cm;*/
  /*text-align:justify;*/
}

.menuconditions {
  text-align:justify;
}


/*================ RECHERCHE AVANCEE =================*/
.motssupp {
 text-align:justify;
 font-size:8pt;
 color:black;
 /*margin      : 10px 0px 10px 0px;*/
 margin-left:155px;
 margin-right:155px;
}