/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
/* Import des style pour la charte */
@import "charte.css";
@import "lightbox.css";
@import "mail.css";
/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
.invisible{
	display:none;
}
.paragraph{
  background-image: url(../images/charte/paragraph.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  text-align: center;
  font-weight: bold;
  width: 570px;
  height: 30px;
}
.small_table{
  background-image: url(../images/accueil/small-table.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  font-weight: bold;
  text-align: center;
  line-height: 17px;
  width: 250px;
  height: 60px;
}
.left{
  float: left;
}
.right{
  float: right;
}
.separator{
  width: 570px;
  border-bottom: 1px solid #ff2a00;
  clear: both;
  height: 10px;
  margin-bottom: 10px;
  display: table;
}
.separator1{
  width: 890px;
  clear: both;
  height: 10px;
  margin-bottom: 10px;
  display: table;
}
.separator2{
  width: 718px;
  float: left;
  border-bottom: 1px solid #2ba5cc;
  height: 10px;
  margin-bottom: 10px;
  display: table;
}
.separator3{
  width: 570px;
  border-bottom: 1px solid #2ba5cc;
  clear: both;
  height: 10px;
  margin-bottom: 10px;
  display: table;
}
.separator4{
  width: 890px;
  border-bottom: 1px solid #2ba5cc;
  clear: both;
  height: 10px;
  margin-bottom: 10px;
  display: table;
}
.invisible_box{
  width: 15px;
  height: 120px;
  float: left;
  display: table;
}
#adresse_contact{
  background-image: url(../images/contact/adresse-contact.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  text-align: left;
  width: 180px;
  height: 130px;
}
#adresse_contact_content{
  padding-top: 46px;
  padding-left: 35px;
  line-height: 13px;
}
.background_page{
  background-image: url(../images/contact/background-page.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 890px;
  display: table;
}
.box{
  background-image: url(../images/charte/box.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: 15px;
  margin-top: 5px;
  padding-bottom: 5px;
  float: left;
  width: 200px;
  height: 200px;
}
.box_title{
  height: 40px;
  text-align: center;
}
.box_content{
  text-align: center;
  height: 117px;
}
.box_bottom{
  text-align: center;
}
.color_b{
  color: #ffffff;
}
#fiche_produit_top{
  background-image: url(../images/charte/fiche-produit-top.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 890px;
  height: 33px;
}
#fiche_produit_middle{
  background-image: url(../images/charte/fiche-produit-middle.jpg);
  background-position: left top;
  background-repeat: repeat-y;
  display: table;
  width: 890px;
}
#fiche_produit_bottom{
  background-image: url(../images/charte/fiche-produit-bottom.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 890px;
  height: 33px;
}
.fiche_produit_top{
  background-image: url(../images/charte/fiche-produit-top.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 890px;
  height: 33px;
}
.fiche_produit_middle{
  background-image: url(../images/charte/fiche-produit-middle.jpg);
  background-position: left top;
  background-repeat: repeat-y;
  text-align: justify;
  display: table;
  width: 890px;
}
.fiche_produit_bottom{
  background-image: url(../images/charte/fiche-produit-bottom.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 890px;
  height: 33px;
}
#fiche_produit_middle table {
  border-collapse:collapse;
	background:#EFF4FB url(../images/charte/teaser.gif) repeat-x;
	border-left:1px solid #686868;
	border-right:1px solid #686868;
	font:0.8em/145% verdana;
	color: #333;
}
#fiche_produit_middle td, th {
	padding:5px;
}
#fiche_produit_middle caption {
	padding: 0 0 .5em 0;
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	background: transparent;
}
/* =links
----------------------------------------------- */
#fiche_produit_middle table a {
	color:#950000;
	text-decoration:none;
}
#fiche_produit_middle table a:link {}
#fiche_produit_middle table a:visited {
	font-weight:normal;
	color:#666;
	text-decoration: line-through;
}
#fiche_produit_middle table a:hover {
	border-bottom: 1px dashed #bbb;
}
/* =head =foot
----------------------------------------------- */
#fiche_produit_middle thead th, tfoot th, tfoot td {
	color:#fff
}
#fiche_produit_middle tfoot td {
	text-align:right;
}
/* =body
----------------------------------------------- */
#fiche_produit_middle tbody th, tbody td {
	border-bottom: solid 1px #333;
  border-top: solid 1px #333;
}
#fiche_produit_middle tbody th {
	white-space: nowrap;
}
#fiche_produit_middle tbody th a {
	color:#333;
}
#fiche_produit_middle .odd {}
#fiche_produit_middle tbody tr:hover {
	background:#fafafa;
}
.recherche{
	background:url(../images/charte/recherche.jpg) no-repeat left top;
	cursor:pointer;
	width:80px;
	height:20px;
	border:none;
	margin:0 auto;
}
.rechercheover{
	background:url(../images/charte/recherche-over.jpg) no-repeat left top;
	cursor:pointer;
	width:80px;
	height:20px;
	border:none;
	margin:0 auto;
}
.envoyer{
	background:url(../images/charte/envoyer.jpg) no-repeat left top;
	cursor:pointer;
	width:168px;
	height:20px;
	border:none;
	margin:0 auto;
}
.envoyerover{
	background:url(../images/charte/envoyer-over.jpg) no-repeat left top;
	cursor:pointer;
	width:168px;
	height:20px;
	border:none;
	margin:0 auto;
}
.news_top{
  background-image: url(../images/charte/news-top.jpg);
  background-position: left top;
  background-repeat: no-repeat;
	display: table;
  width: 890px;
  height: 21px;
}
.news_middle{
  background-image: url(../images/charte/news-middle.jpg);
  background-position: left top;
  background-repeat: repeat-y;
	display: table;
	height: 100%;
  text-align: justify;
  width: 890px;
}
.news_bottom{
  background-image: url(../images/charte/news-bottom.jpg);
  background-position: left top;
  background-repeat: no-repeat;
	display: table;
  width: 890px;
  height: 21px;
}
.details_bottom{
  background-image: url(../images/charte/details-bottom.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 890px;
  height: 110px;
}
.lien:link, .lien:visited{
	text-decoration:underline;
	letter-spacing:0;
}
.lien:hover, .lien:active{
	text-decoration:none;
	letter-spacing:0;
}
.background-electronique{
  background-image: url(../images/electronique/background-electronique.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 890px;
  height: 110px;
}
.index_paragraph{
  width: 718px;
  text-align: justify;
  float: left;
}
