/* Import des style pour la charte */
@import "charte.css";

/****************************************/
/*
/* 			TEXTES GENEERIQUES 			
/*
/****************************************/

p{
font:1.1em Arial, Helvetica, sans-serif;
padding:5px 20px 5px 20px;
color:#950000;
text-align:justify;
}
a{
font:Arial, Helvetica, sans-serif;
color:#0d2490;
text-decoration: none;
}
a:hover{
	text-decoration:none;
	color:#cc0000;
}



/****************************************/
/*
/* 			Blocks
/*
/****************************************/

#block-top{
	width:100%;
	height:auto !important;
	background:#fff url(../images/charte/bg-block-bottom-bienvenue.gif) bottom left no-repeat;
	padding-bottom:15px;
	margin-bottom:10px;
}
#block-top h2{
	width:100%;
	height:28px;
	background:url(../images/charte/bg-block-titre-bienvenue.gif) repeat-x;
	text-indent:20px;
	padding-top:5px;
	color:#fff;
	font:1.8em Arial, Helvetica, sans-serif;
}
.block-big{
	clear:right;
	width:100%;
	background:#fff url(../images/charte/bg-block-big-bottom.gif) bottom left no-repeat;
	padding-bottom:15px;
	margin: 0 0 10px;
}
.block-big h2{
	width:100%;
	height:28px;
	background:url(../images/charte/bg-block-big-titre.gif) left top no-repeat;
	text-indent:20px;
	padding-top:10px;
	color:#0d2490;
	font:1.8em Arial, Helvetica, sans-serif;
}
.block-big img.floatleft{
  margin: 10px 0 10px 20px;
  float: left;
  }  

/* intégration
***************************/

/* styles génériques
***************************/
a, a:focus, a:active{
  outline: none;
  }
a img{
  border: 0;
  }
.bold{
  font-weight: bold;
  }
.fullcenter{
  text-align: center;
  margin: 10px 0;
  }
.fullcenter img{
  margin: 0 5px;
  }
#contenu ul{
  margin: 10px 20px 0 0;
  }
#contenu li{
  height: auto;
  font: 12px Arial, Helvetica, sans-serif;
  color:#950000;
  text-align: justify;
  margin: 0 0 5px 35px;
  }
.small{
  font-size: 10px;
  }
.alignright{
  text-align: right;
  padding: 0 20px;
  }

/* catalogue
***************************/
.thumbs{
  float: left;
  width: 370px;
  padding: 0 30px;
  border-right: 1px solid #CCC;
  }
.prodimages {
	text-align:left;
	margin-top:10px;
}
.prodimages img {
	margin:0px 5px 5px 0;
}
.prodinfo{
  float: left;
  width: 200px;
  margin: 10px 0 0 20px;
  }
.prodinfo p{
  padding: 0 0 5px;
  }
.prodinfo label{
  font: bold 12px Arial, Helvetica, sans-serif;
  color:#950000;
  }
.prodinfo .row input{
  width: 177px;
  height: 22px;
  border: none;
  background: url(../images/contact/form_input.gif) no-repeat;
  padding: 7px 15px 0;
  position: relative;
  left: -5px;
  font-size: 9px;
  }
.prodinfo .rowsubmit input{
  width: 207px;
  height: 29px;
  background: none;
  padding: 0;
  position: relative;
  left: -10px;
  margin: 0 0 0 5px;
  }
  
.ssrubriques {
	font-size:14px;
	text-align:left;
	margin:5px 0 0 20px;
	font-style:italic;
	font-weight:bold;
}

/* panier
***************************/
#tpanier{
  width: 629px;
  margin: 15px 0 0 20px;
  }
#tpanier th{
  background: #950000;
  border-left: 1px solid #950000;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #950000;
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #FFF;
  padding: 5px;
  }
#tpanier td{
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  font: 11px Arial, Helvetica, sans-serif;
  color: #950000;
  padding: 5px;
  }

/* devis
***************************/
#formContact .alignright{
  padding: 10px 5px 5px;
  }
#formContact .rowradio{
  text-align: right;
  }
#formContact .rowradio label{
  text-align: right;
  font: 12px Arial, Helvetica, sans-serif;
  color:#950000;
  position: relative;
  top: -4px;
  }
#formContact .rowradio input{
  margin: 3px 8px;
  }
#formContact #rowadresse2 label{
  margin: 0 5px 0 0;
  }
#formContact .row textarea#adresselivr{
  height: 51px;
  background: url(../images/contact/form_textarea1.gif) no-repeat;
  }
#formContact .row textarea#adresselivr:focus{
  background-position: 0 -59px;
  }
/* contact
***************************/
#formContact{
  width: 457px;
  float: right;
  padding: 0 10px 0 0;
  margin: 25px 15px 15px 0;
  border-right: 1px solid #820105;
  }
#formContact .row{
  text-align: right;
  }
#formContact .row label{
  text-align: right;
  font: 12px Arial, Helvetica, sans-serif;
  color:#950000;
  }
#formContact .row input{
  width: 177px;
  height: 22px;
  border: none;
  background: url(../images/contact/form_input.gif) no-repeat;
  padding: 7px 15px 0;
  font-size: 9px;
  }
#formContact .row input:focus{
  background-position: 0 -29px;
  }
#formContact #rowadresse label, #formContact #rowcommentaire label{
  margin: 0 5px 0 0;
  }
#formContact .row textarea{
  width: 438px;
  border: none;
  padding: 4px 4px 4px 15px;
  font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  }
#formContact .row textarea#adresse{
  height: 51px;
  background: url(../images/contact/form_textarea1.gif) no-repeat;
  }
#formContact .row textarea#commentaire{
  height: 95px;
  background: url(../images/contact/form_textarea2.gif) no-repeat;
  }
#formContact .row textarea#adresse:focus{
  background-position: 0 -59px;
  }
#formContact .row textarea#commentaire:focus{
  background-position: 0 -103px;
  }
#formContact #rowsubmit input{
  width: 207px;
  height: 29px;
  background: none;
  padding: 0;
  margin: 0 0 0 5px;
  }
#formContact #rowsubmit input:active, #formContact #rowsubmit input:focus{
  outline: none;
  }
#contenu #contactTxt{
  width: 140px;
  margin: 25px 20px 0 0;
  float: right;
  }
#contenu #contactTxt p{
  padding: 0;
  margin: 0 0 5px;
  }
.champRequis{
  color: #FF0000;
  }