/***************** STYLE GLOBAUX *****************/
a img{ border:none;}
a:active, a:focus{ outline:none;}
/***************** STYLE CONTENU *****************/
#contenu h1{ font:normal 18px Arial, Helvetica, sans-serif; color:#000; margin:0 0 12px; border-bottom:1px solid #6cb50b; height: 22px; line-height: 22px;}
#contenu h2{ font:bold 14px Arial, Helvetica, sans-serif; color: #666666; letter-spacing:1px; margin:0 0 7px;}
#contenu h3{ font:bold 12px Arial, Helvetica, sans-serif; color: #666666; letter-spacing:1px;}
#contenu h4{ font:bold 14px Arial, Helvetica, sans-serif; color: #666666; letter-spacing:1px; border-bottom:1px solid #6cb50b; height: 22px; line-height: 22px;}
#contenu h5{ font:bold 15px Arial, Helvetica, sans-serif; color: #666666; letter-spacing:1px;}
#contenu p{ font:11px/1.2em Arial, Helvetica, sans-serif; text-align:justify; color:#666666;}
#contenu p em{ font-weight:bold; font-size:12px; line-height:1.3em;}
#contenu p.couleur, span.couleur{ font-weight:bold; color:#000;}
#contenu a:link, #contenu a:visited{ color:#6cb50b; text-decoration:none;}
#contenu a:hover, #contenu a:active{ color:#6cb50b; text-decoration:underline;}
/***************** STYLE FOOTER *****************/
#footer p{ font:9px/30px Arial, Helvetica, sans-serif; color:#fff; text-align:right; padding:0 10px 0 0;}
#footer a:link, #footer a:visited{ text-decoration:none; color:#fff;}
#footer a:hover, #footer a:active{ text-decoration:underline; color:#fff;}
.invisible{	display:none;}
.diagram{ width: 320px; height: 180px; float: right; text-align: center;}

ul.list{ float:left; width: 100%;}
.list li{
	list-style-type:none;
	background-image: url(../images/charte/pointer.jpg);
	background-position: 5px 8px;
	background-repeat:no-repeat;
  font-size: 11px;
  text-align: justify;
  text-decoration: none;
  color: #666;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
.mb5{ margin-bottom: 5px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr25{ margin-right: 25px;}
.mr30{ margin-right: 30px;}
.mr35{ margin-right: 35px;}
.ml2{ margin-left: 2px;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml13{ margin-left: 13px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 20px;}
.ml25{ margin-left: 25px;}
.ml30{ margin-left: 30px;}
.ml35{ margin-left: 35px;}
.ml40{ margin-left: 40px;}
.ml150{ margin-left: 150px;}
.mt3{ margin-top: 3px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt17{ margin-top: 17px;}
.mt75{ margin-top: 75px;}
.mt50{ margin-top: 50px;}
.mt20{ margin-top: 20px;}
.mt24{ margin-top: 24px;}
.mt30{ margin-top: 30px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.m10{ margin: 10px;}
.pr5{ padding-right: 5px;}
.pr10{ padding-right: 10px;}
.pr15{ padding-right: 15px;}
.pr20{ padding-right: 20px;}
.pr30{ padding-right: 30px;}
.pr45{ padding-right: 45px;}
.pr50{ padding-right: 50px;}
.pr55{ padding-right: 55px;}
.pl5{ padding-left: 5px;}
.pl10{ padding-left: 10px;}
.pl14{ padding-left: 14px;}
.pl15{ padding-left: 15px;}
.pl18{ padding-left: 18px;}
.pl20{ padding-left: 20px;}
.pl22{ padding-left: 22px;}
.pl25{ padding-left: 25px;}
.pl30{ padding-left: 30px;}
.pl60{ padding-left: 60px;}
.pl68{ padding-left: 68px;}
.pl70{ padding-left: 70px;}
.pl75{ padding-left: 75px;}
.pl80{ padding-left: 80px;}
.pl100{ padding-left: 100px;}
.pt2{ padding-top: 2px;}
.pt4{ padding-top: 4px;}
.pt5{ padding-top: 5px;}
.pt10{ padding-top: 10px;}
.pt11{ padding-top: 11px;}
.pt12{ padding-top: 12px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.pt25{ padding-top: 25px;}
.pt30{ padding-top: 30px;}
.pt35{ padding-top: 35px;}
.pt40{ padding-top: 40px;}
.pt75{ padding-top: 75px;}
.pt100{ padding-top: 100px;}
.pt103{ padding-top: 103px;}
.pt105{ padding-top: 105px;}
.pt145{ padding-top: 145px;}
.pb5{ padding-bottom: 5px;}
.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom: 15px;}
.pb25{ padding-bottom: 25px;}
.m5{ margin: 5px;}
.p5{ padding: 5px;}
.pt5{ padding-top: 5px;}
.pt8{ padding-top: 8px;}
.p10{ padding: 10px;}
.ps10{ padding: 0 10px 0 10px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.pt50{ padding-top: 50px;}
.h5{ height: 5px; line-height: 0px; font-size: 0px;}
.h10{ height: 10px; line-height: 10px; font-size: 10px;}
.h15{ height: 15px; line-height: 15px; font-size: 10px;}
.h20{ height: 20px; line-height: 20px; font-size: 10px;}
.h21{ height: 21px;}
.h40{ height: 40px;}
.h45{ height: 45px;}
.h50{ height: 50px;}
.centered{ text-align: center; clear: both; width: 100%; float: left; color:#666;}
.color_b{ color: #1d5866;}
.color_b1{ color: #82065c; text-transform: uppercase;}
.color_b2{ color: #3e5a82;}
.color_b3{ color: #fff;}
.color_b4{ color: #000;}
.up{ text-transform: uppercase;}
.upp{ text-transform: uppercase; font-size: 12px; font-weight: bold;}
.ten{ width: 100%; height: 10px; line-height: 0px; font-size: 0px;}
.fifteen{ width: 100%; height: 15px; line-height: 0px; font-size: 0px;}
.half{ width: 250px; float: left;}
.mailing:link, .mailing:visited{ text-decoration: none; color: #8806ce;}
.mailing:hover, .mailing:active{ text-decoration: underline; color: #8806ce;}
.linking:link, .linking:visited{ text-decoration: none; color: #720551;}
.linking:hover, .linking:active{ text-decoration: underline; color: #8806ce;}
.linking1:link, .linking1:visited{ text-decoration: none; color: #ffffff;}
.linking1:hover, .linking1:active{ text-decoration: underline; color: #ffffff;}
.footerlink:link, .footerlink:visited{ text-decoration: none; color: #8806ce;}
.footerlink:hover, .footerlink:active{ text-decoration: underline; color: #8806ce;}
.page:link, .page:visited{ text-decoration: none; color: #4da320;}
.page:hover, .page:active{ text-decoration: underline; color: #4da320;}
.left{ float: left;}
.right{ float: right;}
.clr{clear: both;}

#liens{ padding:5px;}
#liens div.lien{ padding: 5px 0; border: 1px solid #6cb50b;}
#liens div.thumb{ float:left; width:125px; text-align: center;}
#liens div.thumb a img{ padding: 1px; border: 1px solid #6cb50b; display: inline;}
#liens .txt{ float:left; text-align: center; width: 130px; color: #666;}
#liens h5{ font-weight:bold; text-transform:capitalize;}
#liens p{ color: #747474;}
.lien{ background: url(../images/listing/big-box.jpg) left top repeat; width: 100%; margin-bottom: 20px; border: 1px solid #6cb50b;}
.link-txt{ text-transform: capitalize; font-variant: small-caps;}
.pagination {float: left; clear:left; width:100%; text-align:center;}
.pagination span{padding:1px; margin: 0 50px 0 25px;}

.big-box{ background: url(../images/listing/big-box.jpg) left top repeat;}
#contenu .big-box p{ color: #1d5866;}
#contenu .big-box .p10 .pre{ color: #1d5866;}
#contenu .medium-box{ background: url(../images/listing/big-box.jpg) left top repeat; width: 490px; float: left;}
#contenu .medium-box p{ color: #1d5866;}
#contenu .medium-box1{ background: url(../images/listing/big-box.jpg) left top repeat; width: 330px;}
#contenu .medium-box1 p{ color: #1d5866; text-align: center;}
#contenu .small-box{ background: url(../images/listing/big-box.jpg) left top repeat; margin-top:22px; text-align: center; width: 160px; float: left;}
#contenu .small-box p{ color: #1d5866;}

#contenu .big-box a:link, #contenu .big-box a:visited{ color:#7f4301; text-decoration:none; font-size: 11px;}
#contenu .big-box a:hover, #contenu .big-box a:active{ color:#7f4301; text-decoration:underline; font-size: 11px;}
#contenu .medium-box a:link, #contenu .medium-box a:visited{ color:#7f4301; text-decoration:none; font-size: 11px;}
#contenu .medium-box a:hover, #contenu .medium-box a:active{ color:#7f4301; text-decoration:underline; font-size: 11px;}
#contenu .small-box a:link, #contenu .small-box a:visited{ color:#7f4301; text-decoration:none; font-size: 11px;}
#contenu .small-box a:hover, #contenu .small-box a:active{ color:#7f4301; text-decoration:underline; font-size: 11px;}

#contenu .big-box ul{ font-size: 11px;}
#contenu .big-box li{
	list-style-type:none;
	background-image: url(../images/charte/pointer.jpg);
	background-position: 5px 8px;
	background-repeat:no-repeat;
  font-size: 11px;
  text-align: justify;
  text-decoration: none;
  color: #1d5866;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}

.big-box-top{ background: url(../images/listing/big-box-top.gif) left top no-repeat; width: 680px; height: 20px;}
.big-box-middle{ background: url(../images/listing/big-box-middle.gif) left top repeat-y; width: 680px; margin: 0;}
.big-box-bottom{ background: url(../images/listing/big-box-bottom.gif) left top no-repeat; width: 680px; height: 20px;}
.full{ width: 100%; clear: both;}
.half{ width: 330px;}
.third{ width: 215px;}
.jum{ width: 50%; float: left;}
.jum1{ width: 45%; float: left;}

#contenu #tabs a:link, #contenu #tabs a:visited{ color:#fff; text-decoration:none;}
#contenu #tabs a:hover, #contenu #tabs a:active{ color:#1d5866; text-decoration:underline;}

fieldset, form, label{ margin: 0; padding: 0; border: none; outline: 0;}

.bg-contact{ background: url(../images/contact/bg-contact.jpg) left top no-repeat; float: left; width: 214px; height: 130px;}
#devis{ font-size: 11px; color: #666;}
#devis td{ color: #666;}

.white-box{ background-color: #fff; border: 1px solid #666;}
.separator{ width:100%;	height:0px; clear:both; padding:0; margin:5px 0; border-top: 1px solid #666; line-height: 0px; font-size: 0; overflow: hidden;}
#bulletin{ color: #666; font-size: 11px; width: 680px;}
#bulletin table{ border-collapse:collapse; border: 1px solid #666;}
#bulletin table td{ border-top: 1px solid #666; border-right: 1px solid #666; padding: 2px;}
.reset{
  border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
  text-decoration: none;
  text-transform: none;
  font-style: normal;
}
.theme{ float: right;text-align: center; width: 60px; color: #666;}
.recherche-select{
  background: url(../images/listing/big-box.jpg) left top repeat;
  border:1px solid #6cb50b;
  color: #1d5866; font-family: Arial; font-size: 11px;
  width: 110px;
  margin-top:0px;
}

.picture{ background-color: #fff; padding: 3px; border: 1px solid #ac9f85;}
.product-thumb{ background-color: #fff; padding: 3px; border: 1px solid #ac9f85;}
#contenu img{
	margin:5px 10px 5px 10px;
}


