@import "charte.css";

/* styles globaux
**********************/
*{
  margin: 0;
  padding: 0;
  }
.clearer{
  clear: both;
  }
a:active, a:focus, *{
  outline: none;
  }
a img{
  border: none;
  }
#content p{
  margin: 0 0 5px;
  font: 11px/16px Arial, Helvetica, sans-serif;
  color: #555;
  }
#content p.notitle{
  margin: 40px 0 5px;
  }
#content p.warning{
  background: url(../images/charte/warning.png) top left no-repeat;
  padding: 0 0 2px 25px;
  }
#content a{
  text-decoration: none;
  color: #1671D8;
  }
#content a:hover{
  text-decoration: underline;
  }
#content .center{
  text-align: center;
  }
#content .medium{
  font-size: 1.4em;
  line-height: 1.3em;
  }
#content .smallcaps{
  font-variant: small-caps;
  }
#content .bold{
  font-weight: bold;
  }
#content .vert{
  color: #790;
  }
#content .bleu{
  color: #169ED8;
  }
#content h2{
  font: bold 18px Arial, Helvetica, sans-serif;
  color: #1B88B9;
  margin: 15px 0 10px;
  clear: both;
  }
#content li{
  margin: 0 0 5px 15px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #555;
  }

/* bitmap headlines
**********************/
#content h1.bitmap{
  height: 132px;
  overflow: hidden;
  font: 24px/300px Arial, Helvetica, sans-serif;
  clear: both;
  }
#content h1.bitmap#bienvenue{
  background: url(../images/contenu_vrac/h1_bienvenue.png);
  }
#content h1.bitmap#promotions{
  background: url(../images/contenu_vrac/h1_promotions.png);
  }
#content h1.bitmap#entreprise{
  background: url(../images/contenu_vrac/h1_entreprise.png);
  }
#content h1.bitmap#cgv{
  background: url(../images/contenu_vrac/h1_cgv.png);
  }
#content h1.bitmap#contact{
  background: url(../images/contenu_vrac/h1_contact.png);
  }
#content h1.bitmap#demandes{
  background: url(../images/contenu_vrac/h1_demandes.png);
  }
#content h2.bitmap{
  height: 82px;
  overflow: hidden;
  font: 24px/200px Arial, Helvetica, sans-serif;
  clear: both;
  }
#content h2.bitmap#devis{
  background: url(../images/contenu_vrac/h2_devis.png);
  }

/* dynamic headlines
**********************/
#content h1.flashed,
#content h1.print{
  height: 132px;
  overflow: hidden;
  clear: both;
  background: url(../images/contenu_vrac/h1_blank.png);
  color: #1B88B9;
  }
#content h1.flashed .main_headline,
#content h1.print .main_headline{
  display: block;
  margin: 18px 0 0 23px;
  font: bold 30px Arial, Helvetica, sans-serif;
  }
#content h1.flashed .sub_headline,
#content h1.print .sub_headline{
  display: block;
  margin: -5px 0 0 50px;
  font: bold 36px Arial, Helvetica, sans-serif;
  }

/* listing prod
**********************/
#content #CheminDeFer{
  font: bold 12px "Trebuchet MS",Arial,Sans-Serif;
  letter-spacing: 2px;
  font-variant: small-caps;
  color: #BBB;
  margin: 5px 0 10px
  }
#content #CheminDeFer a{
  border-bottom: 1px dotted #BBB;
  color: #BBB;
  }
#content #CheminDeFer a:hover{
  text-decoration: none;
  border-bottom-style: solid;
  }
#content .prod_item{
  width: 212px;
  height: 180px;
  float: left;
  overflow: hidden;
  border: 1px solid #D4D4D4;
  padding: 3px;
  margin: 0 8px 15px 0;
  }
#content .prod_item div{
  width: 50%;
  float: left;
  text-align: center;
  }
#content .prod_item img.prod{
  border: 1px solid #D4D4D4;
  }
#content .prod_item h2{
  font: 12px Arial, Helvetica, sans-serif;
  text-align: center;
  color: #149FDA;
  background: #EEE;
  margin: 0 0 10px 3px;
  padding: 3px;
  }
#content .prod_item p{
  text-align: justify;
  margin: 0 0 10px 3px;
  padding: 0 2px;
  }
#content .prod_item p.promo{
  text-align: center;
  font: bold 20px Arial, Helvetica, sans-serif;
  color: #F00;
  }
  
/* fiche prod
**********************/
#content #prod_detail{
  border: 1px solid #D4D4D4;
  padding: 7px 7px 0;
  margin: 0 0 15px;
  }
#content #prod_detail div{
  width: 329px;
  float: left;
  }
#content #prod_detail #pict{
  margin: 0 10px 0 0;
  }
#content #prod_detail div.clearer{
  width: auto;
  float: none;
  margin: 0;
  }
#content #prod_detail #image_produit,
#content #prod_detail img.prod_mini{
  border: 1px solid #D4D4D4;
  padding: 4px;
  margin: 0 4px 3px 0;
  }
#content #prod_detail #image_produit{
  margin: 0 0 8px;
  display: block;
  }
#content #prod_detail h2{
  font: 12px Arial, Helvetica, sans-serif;
  text-align: center;
  color: #149FDA;
  background: #EEE;
  margin: 0 0 10px;
  padding: 3px;
  }
#content #prod_detail p{
  text-align: justify;
  margin: 0 0 10px 3px;
  padding: 0 2px;
  }
#content #prod_detail p.promo{
  text-align: center;
  font: bold 20px Arial, Helvetica, sans-serif;
  color: #F00;
  }

/* fiche prod > table
**********************/
#content .skin_frontTable{
  width: 100%;
  border: 1px solid #D4D4D4;
  border-collapse: collapse;
  font: 11px Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 5px 0;
  }
#content .skin_frontTable th{
  color: #135C7D;
  background: #CBE6F1 url(../images/charte/th_bck.png) repeat-x;
  border: 1px solid #70ADC7;
  padding: 5px;
  }
#content .skin_frontTable td{
  color: #555;
  border: 1px solid #D4D4D4;
  padding: 5px;
  }
#content .skin_frontTable td select{
  color: #555;
  font: 11px Arial, Helvetica, sans-serif;
  }
#content #form_login{
  padding: 0 25px;
  }
#content #opt_prod2 label,
#content #form_login label{
  font: 11px Arial, Helvetica, sans-serif;
  color: #555;
  }
#content #opt_prod2 input,
#content #opt_prod2 select,
#content #form_login input,
#content #form_login select{
  margin: 0 20px 0 0;
  font: 11px Arial, Helvetica, sans-serif;
  color: #555;
  }
#content #opt_prod2 #opt_submit,
#content #form_login #log_submit{
  color: #000;
  padding: 0 5px;
  }

/* panier
**********************/
#content #tpanier dt{
  color: #135C7D;
  border-bottom: 1px solid #D4D4D4;
  margin: 8px 0 0;
  padding: 3px;
  font-weight: bold;
  }
#content #tpanier dd{
  border-bottom: 1px dotted #D4D4D4;
  font-style: italic;
  }
  
#ajoutMarquage {
	position:absolute;
	background-color:#FFF;
	margin:0;
	padding:0;
	z-index:1000;
	/*display:none;*/
}

.clickable{
	cursor:pointer;
}

#ajoutMarquage .skin_frontTable{
  border: 1px solid #D4D4D4;
  border-collapse: collapse;
  font: 11px Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 5px 0;
  }
#ajoutMarquage .skin_frontTable th{
  color: #135C7D;
  background: #CBE6F1 url(../images/charte/th_bck.png) repeat-x;
  border: 1px solid #70ADC7;
  padding: 5px;
  cursor:default;
  }
#ajoutMarquage .skin_frontTable td{
  color: #555;
  border: 1px solid #D4D4D4;
  padding: 5px;
  }
#ajoutMarquage .skin_frontTable td select{
  color: #555;
  font: 11px Arial, Helvetica, sans-serif;
  }

/* l'entreprise
**********************/
#content .minicolleft{
  float: left;
  width: 320px;
  margin: 0 7px 10px 0;
  padding: 0 15px 10px 0;
  background: url(../images/charte/minicol_left_bck.png) top right no-repeat;
  }
#content .minicolright{
  float: left;
  width: 320px;
  margin: 0 0 10px 7px;
  padding: 0 0 10px 15px;
  background: url(../images/charte/minicol_right_bck.png) top left no-repeat;
  }

/* formulaires
**********************/
#content .extendcolleft{
  float: left;
  width: 458px;
  margin: 0 7px 10px 0;
  padding: 0 15px 10px 0;
  background: url(../images/charte/minicol_left_bck.png) top right no-repeat;
  }
#content .narrowcolright{
  float: left;
  width: 166px;
  margin: 0 0 10px 7px;
  padding: 0 0 10px 5px;
  }

/* lexique
**********************/
#content h2#weather1{
  background: url(../images/contenu_vrac/weather1.png) no-repeat;
  text-indent: 35px;
  margin: 10px 0 5px;
  padding: 5px 0;
  }
#content h2#weather2{
  background: url(../images/contenu_vrac/weather2.png) no-repeat;
  text-indent: 35px;
  margin: 10px 0 5px;
  padding: 5px 0;
  }
#content h2#weather3{
  background: url(../images/contenu_vrac/weather3.png) no-repeat;
  text-indent: 35px;
  margin: 10px 0 5px;
  padding: 5px 0;
  }
#content p#floppy{
  background: url(../images/contenu_vrac/floppy.png) 0px 5px no-repeat;
  padding: 0 0 0 55px;
  }

/* espace client
**********************/
#content .formError{
  color: #F00;
  text-align: center;
  }
#content .semicol{
  float: left;
  width: 290px;
  margin: 0 20px 10px 0;
  }
#content .semicolright{
  float: left;
  width: 290px;
  text-align: left;
  }
#content .formaligned{
  text-indent: 10px;
  line-height: 30px;
  }
  
  /* -------------- Page espace_client --------------- */
#listeCommande{
  font: 11px Arial, Helvetica, sans-serif;
  }
#listeCommande dt{
  color: #135C7D;
  background: #CBE6F1 url(../images/charte/th_bck.png) repeat-x;
  border: 1px solid #70ADC7;
  padding: 5px;
  }
#listeCommande dd{
  float: left;
  color: #555;
  padding: 5px;
  border-right: 1px dotted #D4D4D4;
  }
#listeCommande dd.refCommande,
#listeCommande dd.lienCommande{
  width:15%;
  }
#listeCommande dd.dateCommande{
  width:31%;
  }
#listeCommande dd.agentCommande{
  width:32%;
  }
#listeCommande dd.clearer{
  float: none;
  border: none;
  }
  
/* Masquage image upload in progress */
.fileUploadProgress{ /* image afficher le temps de l'upload */
	display:none;
	vertical-align:middle;
}
#infoCommandeClient .retard input{
	background-color:red;
}

div.link a{
width:164px;
height:39px;
background:url(../b1.png);
display:block;}
div.link a:hover{
width:164px;
height:39px;
background:url(../b1hover.png)}
#pour a{
color:#779900}