/* CSS Document */

/*corps  css pour toutes les pages*/
body { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.7em; text-align: left; color: #000000; text-decoration: none; font-weight: normal; }
img { border: 0; }
input { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px;  color: #172983; text-align: center; text-decoration: none; font-weight: bold; }
span { color: #2e3092; font-family: Helvetica; font-size: 0.6em; font-weight: bold; text-align: right; }
.serie { color: #2e3092; font-family: Helvetica; font-size: 0.9em; font-weight: bold; text-align: right; padding-right:3px; }
.tr { background-image: url(../imgb/bandegrise.png); height: 20px; background-repeat: no-repeat; margin-top: 12px; }
.trsilver { background-image: url(../imgb/bandejaune.jpg); height: 20px; background-repeat: no-repeat; margin-top: 12px; }
.✦ { color: #ff0000; }
.ocre { color: #f58345; font-weight: bold; font-size: 14px; } 
.bodya { font-family: Helvetica; color: #2e3092; text-decoration:none; font-size: 0.9em; text-align: right; font-weight: bold; }
.bodya:hover { font-family: Helvetica; color: #f39129; text-decoration:none; font-size: 0.9em; text-align: right; font-weight: bold; }

/*début des css pour les divs inhérents à toutes les pages*/
div#index {width: 770px; height: 570px; padding: 0; border: 1px solid #1e2436; margin: 0 auto 0 auto; }
div#global{ width: 764px; padding: 0; border: 1px solid #1e2436; height: 770px; margin: 0 auto 0 auto; }

/*les div bannière, menu et compteur-date-inscription à newsletter*/
div#header { height: 130px; position: relative; width: 764px; }
div#header embed {  margin: 0; clear: left; padding-top: 0; }
div#menuh { position: relative; width: 764px; height: 20px; }
div#date { position: relative; width: 764px; margin-top: 0; font-size: 0.7em;  color: #172983; padding: 0; text-align: right; height: 20px; }

/*les div au centre*/
div#centre { background-image: url(../imgb/fondc.jpg); width: 100%; height: 600px; clear: left; margin: 0 auto 0 auto; }
div#centrevl { background-image: url(../imgb/vl.jpg); width: 100%; height: 600px; clear: left; margin: 0 auto 0 auto; }
div#centrepl { background-image: url(../imgb/fondc.jpg); width: 100%; height: 600px; clear: left; margin: 0 auto 0 auto; }
div#centrepld { width: 100%; height: 600px; clear: left; margin: 0 auto 0 auto; background: url(../imgb/pl.jpg) no-repeat bottom; }
div#centrefda { background-image: url(../imgb/fda.jpg); width: 100%; height: 614px; clear: left; margin: 0 auto 0 auto; }

/*div du bas*/
div#footer { font-family: Trebuchet MS; font-size:7pt; text-align: center; width: 100%; clear: both; padding: 3px 0 0 0;  color: #172983; }
div#footer a { text-decoration: none; color: #172983; }
div#footer a:hover { color: #9d0d15; }

/*fin des css pour les divs inhérents à toutes les pages*/


/*div le la page accueil.php*/
div#actext { position: relative; left: 0; top: 0; width: 612px; height: 240px; padding: 60px 0 0 150px; }
div#actext blockquote { margin: 6px 0 0 34px; }
div#actext p { margin: 6px 0 0 0; text-indent: 28px; }
.merci { margin: 12px 0 0 350px; }
div#actext cite { margin: 0 0 0 320px; font-style: normal; }
div#acoeur { clear: left; margin: 0 0 0 0; width: 734px; height: 255px; padding: 0 0 0 30px;  background-image: url(../imgb/voitureno.png); }
div#acoeur p { margin: 35px 0 0 485px; color: #172983; }
/* css de la lettre L'  http://css.alsacreations.com/Tutoriels-et-articles-divers/Creer-une-lettrine-sur-du-texte*/
.lettrine { float: left; font-size: 3em; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; color: #FF0000; border: 0; margin: 1px; padding: 1px; line-height: 1em; }
.c {font-size: 2em; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; color: #FF0000;  margin-right: 1px; padding-right: 1px; }


/*div le la page Historique.php*/
div#histhg { float: left; width: 45%; height: auto; padding: 20px 0 0 40px; z-index: 1; }
div#histhg h1 { color: #FF0000; line-height: 18px; letter-spacing: 0.07em; font-size: 1.8em; }
div#histhg blockquote { margin: 0 0 0 26px; }
div#histhg p { margin: 12px 0 3px 0; }
div#histhg cite { font-style: normal; color:#FF0000; font-weight: bold; }
div#histhd cite { font-style: normal; color:#FF0000; font-weight: bold; }
div#histhg h4 { color: #FF0000; margin: 36px 0 0 0; font-size: 1.4em; }
div#histhg embed { clear: right; margin-left: 70px; }
div#histhd {float: right; right: 0; top: 0; width: auto; height: auto; padding: 10px 10px 0 0; z-index: 2; }
div#histhd blockquote { margin: 0 0 0 26px; }
div#histhd h1 { color: #FF0000; line-height: 30px; letter-spacing: 0.07em; margin: 12px 0 0 0; font-size: 1.8em; }
div#histhd embed { clear: right; margin-left: 70px;}
/*css de "Notre force" sur la page historique.php*/
div#histhd h5 { font-weight: bold; color:#FFFFFF; background-color: #FF0000; letter-spacing: 0.1em; font-size: 13px; font-family: Arial; height: 18px; width: 100px; margin: 12px 0 12px 0; visibility: visible; text-align: center; padding: 3px 0 0 0; }
div#histhg h5 { font-weight: bold; color:#FFFFFF; background-color: #FF0000; letter-spacing: 0.1em; font-size: 13px; font-family: Arial; height: 18px; width: 100px; margin: 12px 0 12px 0; visibility: visible; text-align: center; padding: 3px 0 0 0; }
/*div des pages produits*/
div#menuprdt { float: left; width: 200px; height: auto; padding: 0; z-index: 1; text-align: center; margin-top: 10px; }
div#menuprdt img { margin-top: 0; }
div#vl {float: right; width: 540px; height: 570px; padding: 5px 5px 0 0; z-index: 2; overflow:auto; margin-top: 5px; }
div#vlgb { float: right; width: 540px; height: 570px; padding: 5px 5px 0 0; z-index: 2; overflow:auto; margin-top: 5px; background: url(../imgb/vlgb.png) no-repeat center bottom; }
div#vlgb h1 { color: #2e3092; font-weight: normal; font-size: 1.8em; text-indent: 6px; margin-top: 30px; }
div#vlgb h2 { color: #ff0000; font-weight: normal; font-size: 1.3em; text-indent: 6px; letter-spacing: 0.07em; margin-top: 6px; width: auto; }
div#vl blockquote { margin: 3px 0 0 18px; }
div#vl p { margin: 12px 0 0 0; }
div#vl h1 { color: #2e3092; font-weight: normal; font-size: 1.8em; text-indent: 6px; margin-top: 30px; }
div#vl h2 { color: #ff0000; font-weight: normal; font-size: 1.3em; text-indent: 6px; letter-spacing: 0.07em; margin-top: 6px; width: auto; }
div#vl h3 { color: #ff0000; font-size: 1.3em; font-weight: normal; text-align: center; letter-spacing: 0.07em; margin-top: 6px; width: auto; }
div#vl h4 { color: #ff0000; font-weight: normal; font-size: 1.3em; text-indent: 6px; letter-spacing: 0.07em; margin-top: 5px; width: auto; }
div#vl h5 { font-size: 1.3em; margin-top: 0;}
div#vl h6 { color: #2e3092; font-weight: normal; font-size: 1.3em; text-indent: 6px; margin: 0 0 15px 0; }
.titrecomm{ color: #2e3092; text-indent: 6px; margin-top: 30px; font: bold 1.8em Geneva, Arial, Helvetica, sans-serif; }
.vlplcouv{ float: right; margin-top: -100px; margin-right: 170px; }
.imgisopn { clear: left; }
.imgiso { float: right; margin-right: 0; } 
.imgpdca { float: right; margin: 0; }
.imgptnc { float: right; margin-top: -15px; }
.imgpdb { float: left; margin-left: 60px; position: relative; }
.imgvlg { margin-left: 40px; position: fixed; position: relative; }
.imgvld { margin-left: 140px; margin-top: 0; position: relative; }
.imgfda { float: right; margin-right: 200px; }
.fdatable { border: 2px solid #999999; margin-left: 2px; }
.bqtrose { margin-left: 2px; }
.fdatdrose { background-color: #c0198d; color: #FFFFFF; padding: 4px; }
.bggris { background-color: #d3d4d6; padding-left: 3px; } 

/*css de la page pointdevente.php*/
div#mag {float: right; width: 540px; height: 580px; padding: 5px 5px 0 0; z-index: 2; overflow:auto; margin-left: 12px; color: #2e3092; }
div#mag h1 { color: #2e3092; font-weight: bold; font-size: 1.8em; margin-top: 50px; }
div#mag h2 { color: #2e3092; font-weight: bold; font-size: 1.2em; letter-spacing: 0.07em; text-indent: 6px; margin-top: 10px; }
div#mag h3 { color: #2e3092; font-size: 1.1em; padding: 5px 0 5px 0; text-decoration: underline; font-weight: normal; }
div#mag td { color: #172983; }

/* css du tableau comparatif qualité*/
.fondt { background-image:url(../imgb/fondt.jpg); font-size: 0.8em; }
.tableau { border: solid 1px #000000; }
.tablesilver { border: solid 1px #ff0000; background-color: #ffff33; }
.tdtitre { background-color: #0075a2; color: #ffffff; font-size: 1.8em; text-align: center; font-weight: bold; height: 40px; padding-top: 12px; letter-spacing: 0.07em; }
.tdsoustitre { background-color: #ffffff; color: #ff0000; font-size: 1.5em; text-align: center; height: 30px; letter-spacing: 0.07em; }
.tdgamme { background-color: #0075a2; color: #ffffff; font-size: 1.5em; text-align: center; font-weight: bold; letter-spacing: 0.07em; }
.tdviolet { background-color:#ccd8ed; padding-left: 6px; }
.tdrose { background-color: #f0bbd4; padding-left: 6px; }
.tdblanc { background-color: #ffffff; text-align: center; }
.design { color: #004c7d; font-size: 0.9em; }
.inforouge { color: #ff0606; font-size: 0.9em; }
.infobleu { color: #396bff; font-size: 0.9em;  }
.tdborder { border: 0; }
.rouge { color: #ff0000; font-weight: bold; font-size: 1em; }
.red { color: #ff0000; padding-top: 5px; }
.bleu { color: #2e3092; font-weight: normal; }
.blanc { color: #ffffff; font-weight: bold; }

/* css des tableau de la page produits_electrique.php*/
.table1vl17 { background: url(../imgb/vl17_table1.png) no-repeat; font: bold 10px Arial, Helvetica, sans-serif; text-align: center; }
.table2vl17 { background: url(../imgb/vl17_table2.png) no-repeat; font: bold 10px Arial, Helvetica, sans-serif; text-align: center; }
.table3vl17 { background: url(../imgb/vl17_table3.png) no-repeat; font: bold 10px Arial, Helvetica, sans-serif; text-align: center; }

/*css page remorque_caravanes.php*/
.tablevl18 { background: url(../imgb/vl18_table.png) no-repeat; font: bold 10px Arial, Helvetica, sans-serif; }

/*css page multimetre.php*/
.tablevl19 { background: url(../imgb/vl19_table.png) no-repeat; font: bold 10px Arial, Helvetica, sans-serif; text-align: center; }

/*css page fiche_et_socle.php*/
.pl7cbleu3 { background: url(../imgb/pl7_cadrebleu3.png) no-repeat center top; text-align: center; }
.pl7cbleu { background: url(../imgb/pl7_cadrebleu.png) no-repeat  center top; text-align: center; }
.pl7crouge { background: url(../imgb/pl7_cadrerouge.png) no-repeat  center top; text-align: center; }
.pl7cbl { background: url(../imgb/pl7_cbleu.png) no-repeat  center top; text-align: center; }
.pl9cbl { background: url(../imgb/pl_9cadre.png) no-repeat  center top; text-align: center; }
.pl10gris { background: url(../imgb/pl10_gris.png) no-repeat  center center; text-align: left; }
.pl14cadre { background: url(../imgb/pl14_cadre.png) no-repeat  left center; text-align: left; }
div#blisterswf {
	clear: right;
	position: absolute;
	width: 153px;
	height: 113px;
	top: -10px;
	left: 576px;
	
}
.fondorange {
	background: #fc8a03;
}
.cat { float: left; padding-top: 25px; width: 77px; height: 110px; }
.cd { float: left; padding-top: 25px; width: 77px; height: 110px; margin-left: 90px; }