@import url(custom_styles.css);

/* CSS Document */
body{
background:url(../images/bg.gif) repeat-x;
margin: 0 auto;
text-align:center;
position:relative;
scrollbar-face-color: #f1ce62;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #521400;
scrollbar-arrow-color: #521400;
/*overflow-x: hidden;*/
}

#container, #branding_cadre{width:960px;}

#container{
	margin:20px auto;
  /*z-index: 50;*/
}

br.titre_rubrique {
display:block;
margin-top:105px;
}
/* BANDEAU HAUT 
----------------------------------------------------------------------------------------------------------------------- */

#branding{
	width:100%;
	height:91px;
	background:url(../images/bg_branding2.gif) repeat-x;
}

#branding_cadre{
	height:91px;
	background-image:url(../images/bg_branding.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	position:relative;
	margin:0 auto;
}

		#branding_cadre h1{display:none;}
		#branding_cadre h2 {display:none;}
		.logo{ position:absolute; top:15px; left:0;}
		.base_line{ position:absolute; top:5px; left:167px;}

/* Cartouches livraison et contact --------------------------------------------------------------------------------- */
#livraison, #contact {width:195px; height:70px; position:absolute; text-align:left; color:#fff;}
#livraison a { color:#fff;}
#contact a { color:#fff; font-size:0.8em;line-height:1; }

#livraison img, #contact img {float:left; margin:3px 12px 12px 12px;}
#contact img.mail {margin-top:0px;}
	.maj{ font-variant:small-caps; color:#fff; font-size:1.3em;}
	.tel {font-size:12px; line-height:1em;}

#livraison{
	background:url(../images/bg-llivraison.png) no-repeat;
	top:0;
	right:195px;
}

#contact{
	background:url(../images/bg-contact.png) no-repeat right top;
	top:0;
	right:0;
}

/* Selection de la langue --------------------------------------------------------------------------------- */

#select_language{ width:88%;text-align:right;}
#legend{font-size:0.8em; background-color:#FFCC66;}
#select_language select{ margin:2px 0 2px 0; border:1px solid #d0bb99;}
#select_language select button {background-color:#FF0000; border:1px solid #d0bb99;}

/* COLONNE GAUCHE
----------------------------------------------------------------------------------------------------------------------- */

#content_sub{
	width:180px;
	float:left;
	margin:0 30px 0 0;
}

/* CONTAINER CENTRE ET/OU DROITE
----------------------------------------------------------------------------------------------------------------------- */
#content_main{
  text-align:left;
	width:750px;
	float:left;
	position:relative;
}

/* NAVIGATION SECONDAIRE(mon panier)
----------------------------------------------------------------------------------------------------------------------- */

#nav_sub{
	width:320px;
	height:19px;
	background:url(../images/bg_nav_sub.png) no-repeat;
	position:absolute;
	top:64px;
	right:0;
	font-size : 0.9em;
}
	#nav_sub span{ font-weight:bold; margin-right:4px;}
	#nav_sub li {
		display:inline;
		text-align: left;
		padding: 0 0 0 0;
		line-height:16px;
		float:left;
		border-right: 1px solid #980000;
}
		.no_border{ border:none!important;}

	#nav_sub li a {
		color: #511400;
		text-decoration: none;
		display: block;
		padding: 0 8px 0 8px;
}

	#nav_sub li a:hover {
		color: #bd2f00;
}
	
/* NAVIGATION PRINCIPALE
---------------------------------------------------------------------------------------------------------------------- */
#nav_main{
	height:26px;
	background:url(../images/bg_nav_main.gif) repeat-x 0 0px;
  z-index:100;
  /*font-family:'Trebuchet MS',Verdana,sans-serif;*/
}

	#nav_main ul{
		width:960px;
		list-style-type:none;
		font-size:1.1em;
		font-weight:bold;
		color:#511400;
		margin:0 auto;

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   #nav_main ul { font-weight:normal; font-size:1.3em; }
   .bouton_test p span{font-weight:normal;}
}

	#nav_main li {
		text-align: left;
		height:26px;
		padding: 0 0 0 0;
		line-height:18px;
		float:left;
		border-left: 1px solid #edc04c;
		position:relative;
		z-index:101;
}

	#nav_main li a {
		color: #511400;
		text-decoration: none;
		display: block;
		height: 20px;
		border: none;
		padding: 3px 25px 3px 25px;
}
.last_onglet{border-right: 1px solid #edc04c;}


	#nav_main li a:hover {
		color: #fff;
		background:url(../images/bg_nav_main_over.gif) repeat-x;
		text-decoration: none;
    -moz-border-radius : 0 0 4px 4px;
    -khtml-border-radius : 0 0 4px 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -op-border-radius: 0 0 4px 4px;
    border-radius : 0 0 4px 4px;
		border: none;
}
.active{
  color: #fff!important;
  background:url(../images/bg_nav_main_over.gif) repeat-x;
  text-decoration: none;
  -moz-border-radius : 0 0 4px 4px;
  -khtml-border-radius : 0 0 4px 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -op-border-radius: 0 0 4px 4px;
  border-radius : 0 0 4px 4px;
}

/* MENU DEROULANT
---------------------------------------------------------------------------------------------------------------------- */
#nav_main ul ul {
visibility:hidden;
position:absolute;
background:url(../images/bg_sous_menu.gif) repeat-x;
background-color:#541602;
width:505px;
display:block;
font-size:0.9em;
padding:5px 0 5px 0;
}

#nav_main ul ul li{ 
	display:block; 
	width:190px; 
	height:50px;
	background-color:#fff; 
	margin:2px 5px 2px 5px;
	border:1px solid #ffeed4;
	padding:0 0 0 50px;
	position:relative;
}

#nav_main ul ul li img {
  position  : absolute;
  top       : 3px;
  left      : 5px;
  max-height: 45px;
  max-width : 45px;
  font-weight: normal;
}
	
#nav_main ul ul li a, #nav_main ul ul li a:visited{ text-decoration:underline; padding:0; color:#bd2f00;height:1.8em;}
#nav_main ul ul li a:hover{ background:none; color:#000;height:1.8em;}
#nav_main ul ul li p { font-size:0.8em; color:#000; line-height:1em;  font-weight: normal;}

#nav_main ul li:hover ul,
#nav_main ul a:hover ul{
visibility:visible;
}


/* FOOTER
---------------------------------------------------------------------------------------------------------------------- */

/*Lien haut de page--------------------------------------------------------------------------------------------------- */
#haut_page{
	width:960px; 
	border-bottom:1px solid #ccb591;  
	display:block;
	margin:0 auto 5px auto;}

#haut_page a{
 	display:block;
	width:108px;
	height:24px;
 	background:url(../images/bg_haut_page.png) no-repeat;
 	margin-left:832px;
 	color:#fff;
 	text-decoration:none;
	padding:7px 0 0 20px;
}

/*Navigation du footer--------------------------------------------------------------------------------------------------- */
#nav_ter{
  width:960px;
  height:150px;
  overflow:visible;
  margin:0 auto;
  padding-bottom: 20px;
  position:relative;
}

#nav_ter a{
	color:#ccb591;  
}


#nav_ter a:hover{color: #bd2f00;}

#monroman {
  width           : 150px;
  text-align      : left;
  float           : right;
}


#services, #rayons, #partners {
  white-space     : nowrap;
  text-align      : left;
  float           : right;
  margin-right    : 20px;
}

#rayons {
  width           : 150px;
  white-space     : normal;
}

/*Navigation bas de page, citation et copyright---------------------------------------------------------------------- */
#site_infos{
	height:130px;
	background:url(../images/bg_site_infos.gif) repeat-x;
	text-align:right;
	border-top:1px solid #ccb591;  
}

#site_infos_cadre{
	width:960px;
	margin:0 auto;
	text-align:right;
	position:relative;
}

#copyright{ position:absolute; bottom:0; left:0; text-align:left; 	font-size:0.9em;}

#site_infos img{ margin-top:20px;}
#nav_quatre li{ display:inline; padding:0 5px 0 5px; border-right:1px solid #bd2f00;}

#livres {
  width:295px;
  height:208px;
  background:url(../images/visu_footer.png) no-repeat;
  margin-bottom:-77px;
  float:left;
}

/* champs text en general */
textarea, input[type~=text], input[type~=password], select {
  border:1px solid #d0bb99;
  padding : 2px;
}

/* Bouton en général */
.bouton {
  display         : inline-block;
  /*float           : right;*/
  background        : #edc04c url(../images/bg_bt_savoirplus.gif) repeat-x;
  height            : 21px;
  border            : 1px solid #edc04c;
  text-align        : center;
  text-decoration   : none;
  color             : #000;
  padding           : 0px 3px 0px 3px;
  white-space       : nowrap;
  width             : auto;
}

input.bouton {
  padding           : 0px 0px 2px 0px;
  cursor            : pointer;
}

.bouton:hover {
  color             : #bd2f00;
  border            : 1px solid #bd2f00;
}

/* Boite de dialogue du panier (options/suggestions) */
div.dialog_box {
  background-color  : #f9f8f4;
  border            : 1px solid #a6895a;
  padding           : 0px 20px 0px 20px;
  text-align        : left;
  width             : 500px;
  z-index           : 400;
}

div.dialog_box .close {
  background        : url(../images/close.png) no-repeat;
  position          : absolute;
  top               : 10px;
  right             : 10px;
  width             : 25px;
  height            : 25px;
}
div.dialog_box .close:hover {
  background        : url(../images/close_over.png) no-repeat;
}

div.dialog_box .fond_titre{
  position          : absolute;
  margin            : 0;
  text-align        : left;
  /*width             : 100%;*/
  height            : 17px;
  color             : #fff;
  font-size         : 1em;
  font-weight       : bold;
  padding           : 3px 0 0 0;
  line-height       : 1;
}

div.dialog_box .fond_titre[class~=main]{
  background        : url(../images/bg_dialog_box_m.png) repeat-x;
  /*background-color  : red;*/
  top               : -16px;
  left              : 18px;
  right             : 18px;
  /*right             : 0px;*/
}

div.dialog_box .fond_titre[class~=left_corner]{
  background        : url(../images/bg_dialog_box_l.png) no-repeat;
  top               : -16px;
  left              : -1px;
  width             : 19px;
}

div.dialog_box .fond_titre[class~=right_corner]{
  background        : url(../images/bg_dialog_box_r.png) no-repeat;
  top               : -16px;
  right             : -1px;
  width             : 19px;
}

div.dialog_box .fond_titre .titre {
  position          : relative;
  padding-left      : 15px;
}

div.dialog_box .option {
  clear             : both;
}

div.dialog_box img.option {
  float             : left;
}

div.dialog_box p.option_prix {
  line-height       : 1.8em;
  font-weight       : bold;
  color             : red;
}

div.dialog_box .content p {
  font-weight       : normal;
}

div.dialog_box input[type~=text] {
  width             : 50px;
  height            : 15px;
  border            : 1px solid #d0bb99;
  float             : none;
  margin-bottom     : 10px;
  
}

div.dialog_box input[type~=submit] {

      background:url(../images/bg_bt_savoirplus.gif) repeat-x;
      display       : inline;
      height        : 19px;
      width         : auto;
      border        : 1px solid #edc04c;
      /*text-align:center;*/
      text-decoration: none;
      color         : #000;
      padding-bottom: 2px;
      margin        : 0px 0px 0px 10px;
      /*float:right;*/
}

div.dialog_box input[type~=submit]:hover { 
      color         : #bd2f00;
      border        : 1px solid #bd2f00;
}

div.dialog_box div.action_bar { 
      text-align    : right;
      margin        : 15px 0px 0px 0px;
      padding       : 0;
}

#panier_list {
  text-align        : left;
}

/*#panier_list ul {
  margin-left   : 30px;
}*/
#panier_box_options h3.low {
  font-size          : 250%;
  margin             : 0px -20px 5px -20px;
  padding            : 20px 40px 10px 40px;
  background-color   : #A6895A;
  color              : #F9F8F4;

}

#panier_box_options h3.low img {
  height             : 50px;
  border             : 0;
  vertical-align     : middle;
}

#panier_box_options table {
  margin-top        : 0px;
}

#panier_box_options input[type~=text] {
  margin-bottom     : 0px;
}

#panier_box_options table tbody {
  margin-bottom     : 30px;
}

#panier_box_options table th {
  font-size         : 150%;
}

.cadre {
  border            : 1px solid #d0bb99;
}

.souligne {
  border-bottom     : 1px solid #d0bb99;
}

.space_left {
  margin-left       : 5px;
}

.right {
  display           : block;
  float             : right;
}

ul.tarification {
  padding-left      : 20px;
    list-style-type : disc;
}

.avis[class~='entete'] {
  background-color  : #f0eace;
  padding           : 2px;
  border            : 1px solid #f0eace;
  border-bottom     : none;
  margin-bottom     : 0;
}

.avis[class~='contenu'] {
  background-color  : white;
  padding           : 4px;
  border            : 1px solid #f0eace;
  border-top        : none;
  border-bottom     : none;
  margin-top        : 0;
  margin-bottom     : 0;
}

.avis[class~='entete'][class~='not-valid'] {
  background-color  : #ffffaa;
}

p.avis[class~=entete] span.date{
  font-style        : italic;
}

ul.avis[class~=note]{
  list-style-type   : none;
  background-color  : #fafade;
  margin-bottom     : 10px;
  font-size         : 10px;
  border            : 1px solid #f0eace;
  border-top        : none;
  margin-top        : 0;
}

ul.note li {
  padding-left      : 20px;
}
.text-note {
  display           : inline-block;
  width             : 200px;
}

h2.info {
  color             : #449;
}

p.info {
  background-color  : #ddf;
  color             : #449;
  padding           : 2px;
  text-align        : center;
}

h2.error {
  color             : #722;
}

p.error {
  background-color  : #fdd;
  color             : #722;
  padding           : 2px;
  text-align        : center;
}

p.legend {
  font-style        : italic;
  font-size         : 0.9em;
  font-weight       : normal;
  text-align        : left;
}

ul.error_list {
  color             : red;
  text-shadow       : 0 0 2px white,  0 0 2px white,  0 0 2px white,  0 0 2px white,  0 0 2px white, 0 0 6px red, 0 0 3px red;
}