* { behavior: url(iepngfix.htc) }
html {
background-color: #ffffff;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 5px;
}
a:active{ text-decoration:none; color:#B8292F;}
a:visited{ text-decoration:none; color:#B8292F;}
a:hover{ text-decoration:none; color:#B8292F; }
a:link {
text-decoration:none;
color: #B8292F;
}
a.acc:active{ text-decoration:none; color:#B8292F;}
a.acc:visited{ text-decoration:none; color:#B8292F;}
a.acc:hover{ text-decoration:none; color:#B8292F; font-size:18px; line-height:14px;}
a.acc:link {
text-decoration:none;
color: #B8292F;
}
a.prod:active{ text-decoration:none; color:#B8292F;}
a.prod:visited{ text-decoration:none; color:#B8292F;}
a.prod:hover{ text-decoration:none; color:#B8292F; font-size:18px; line-height:18px;}
a.prod:link {
text-decoration:none;
color: #B8292F;
}
a.neutre:active{ text-decoration:none; color:#007DC5;}
a.neutre:visited{ text-decoration:none; color:#007DC5;}
a.neutre:hover{ text-decoration:none; color:#007DC5; font-size:13px; line-height:12px; font-weight:bold;}
a.neutre:link {
text-decoration:none;
color: #007DC5;
}
a.mention:active{ text-decoration:none; color:4800FF;}
a.mention:visited{ text-decoration:none; color:#4800FF;}
a.mention:hover{ text-decoration:none; color:#4800FF;}
a.mention:link {
text-decoration:none;
color: #4800FF;
}
#boite {
margin:0;
padding:0;
width: 1024px;
background-image: url(../icono/fd_acc-g.jpg);
background-repeat: repeat-y;
height: 100%;
margin-left:auto;
margin-right:auto;
border: 1px solid #999999;
background-position: 0px;
overflow: visible;
}
#menu {
float: left;
width: 167px;
background-image: url(../icono/fd_acc-g.jpg);
background-repeat: repeat-y;
height: 100%;
}
.pos {
float:right;
}
#logo {
position: absolute;
width: 167px;
margin-left:auto;
margin-right:auto;
}
#droite {
margin-left: 167px;
min-height: 695px;
background-image: url(../icono/fd_cont.jpg);
background-repeat: repeat-y;
z-index: 10;
}
#droitepdf {
margin-left: 167px;
min-height: 695px;
background-image: url(../icono/fd_cont.jpg);
background-repeat: repeat-y;
z-index: 100;
}
#droiteprod {
margin-left: 167px;
min-height: 695px;
background-image: url(../icono/2fd_cont2.jpg);
background-repeat: repeat-y;
}
#droite2{
margin-left: 167px;
min-height: 695px;
background-image: url(../icono/Nos-Produits.jpg);
background-repeat: no-repeat;
}
#pied {
padding-top: 3px;
width: 1024px;
margin-left:auto;
margin-right:auto;
color: #4800FF;
text-align:center;
font-size: 12px;
}
#b1 a.bouton1 {
position: relative;
left: 43px;
top: 410px;
display: block;
border:0;
height: 45px; width: 140px;
vertical-align: middle;
background: url(../icono/b1_s1.png) 0 0 no-repeat;
}
#b1 a:hover.bouton1 {
background-position: 0 -48px
}
#b1sel a.bouton1 {
position:relative;
left: 54px;
top: 410px;
display: block;
border:0;
height: 45px; width: 131px;
vertical-align: middle;
background: url(../icono/sel_societe.png) 0 0 no-repeat
}
#b2 a.bouton2 {
position:relative;
left: 32px;
top: 430px;
display: block;
border:0;
height: 45px; width: 150px;
vertical-align: middle;
background: url(../icono/b2_s2.png) 0 0 no-repeat;
}
#b2 a:hover.bouton2 {
background-position: 0 -48px
}
#b2sel a.bouton2 {
position:relative;
left: 52px;
top: 430px;
display: block;
border:0;
height: 45px; width: 131px;
vertical-align: middle;
background: url(../icono/sel_produit.png) 0 0 no-repeat;
}
#b3sel a.bouton3 {
position:relative;
left: 52px;
top: 450px;
display: block;
border:0;
height: 45px; width: 138px;
vertical-align: middle;
background: url(../icono/sel_contact.png) 0 0 no-repeat
}
#b3 a.bouton3 {
position:relative;
left: 29px;
top: 450px;
display: block;
border:0;
height: 45px; width: 150px;
vertical-align: middle;
background: url(../icono/b3_s3.png) 0 0 no-repeat;
}
#b3 a:hover.bouton3 {
background-position: 0 -48px
}
#b4 a.bouton4 {
position:relative;
left: 56px;
top: 470px;
display: block;
border:0;
height: 87px; width: 140px;
vertical-align: middle;
background: url(../icono/grd_Rappel-auto.png) 0 0 no-repeat;
}
#b4sel a.bouton4 {
position:relative;
left: 56px;
top: 470px;
display: block;
border:0;
height: 87px; width: 140px;
vertical-align: middle;
background: url(../icono/grd_Rappel-auto.png) 0 0 no-repeat;
}
#b5 a.bouton5 {
position:relative;
left: 23px;
top: 10px;
display: block;
border:0;
height: 22px; width: 122px;
vertical-align: middle;
background: url(../icono/actuplus.png) 0 0 no-repeat
}
#b5 a:hover.bouton5{
background-position: 0 -23px
}
#news {
position: absolute;
width: 167px;
height: 300px;
margin-left:auto;
margin-right:auto;
top:110px;
background-image: url(../icono/actu.png);
background-repeat: no-repeat;
background-position: 0px 0px;
text-align: left;
}
#pscroller1{
position:relative;
top:25px;
left:11px;
height: 250px;
width:137px;
padding-top: 0px;
padding-left:4px;
padding-right: 1px;
font-size:12px;
/*border: 1px solid #000000;*/
}
#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}
#pscroller1 a{
text-decoration: none;
font-size:13px;
color: #0000ff;
font-weight:bold;
}
#icone a.bouton {
display: block;
border:0;
height: 28px; width: 155px;
vertical-align: middle;
background: url(../icono/suite.gif) 0 0 no-repeat
}
#icone a:hover.bouton {
background-position: 0 -31px
}
.acctxt {
width: 620px;
font-size: 14px;
color: #000000;
text-align: justify;
margin-left:auto;
margin-right:auto;
text-indent:20px;
padding-bottom: 5px;
/*border: 1px dotted #000000;*/
}
h2 {
position:relative;
top:3px;
font-size:24px;
color: #666666;
margin-right: 15px;
text-align: right;
}
.an {
padding-left: 20px;
padding-right: 20px;
text-align:justify;
font-size: 14px;
color: #000000;
}
h3 {
color: #336699;
font-size: 14px;
}
#archive a.bouton {
display: block;
border:0;
height: 28px; width: 155px;
vertical-align: middle;
background: url(../icono/suite.png) 0 0 no-repeat
}
.ita {
font-size: 10px;
font-style:italic;
text-align: center;
color: #666666;
}
.tab {
margin:0;
padding:0;
font-size: 14px;
color: #0066cc;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 500px;
}
textarea {
margin:0;
padding:0;
text-indent: 5px;
width: 250px;
height: 50px;
background-color: transparent;
border: none;
background-image: url(../icono/area_appel.png);
overflow: auto;
}
input[name=cp] {
margin:0;
padding:0;
width:45px;
}
input {
margin:0;
padding:0;
width: 250px;
}
input[name=go] {
margin:0;
padding:0;
width: 100px;
}
input[name=rappel] {
margin:0;
padding:0;
margin-left: 203px;
width: 100px;
}
checkbox {
margin:0;
padding:0;
width:45px;
}
input[type=checkbox] {
margin:0;
padding:0;
width:45px;
}
input[name=ctel] {
margin:0;
padding:0;
width:45px;
}
input[name=ville] {
margin:0;
padding:0;
width:143px;
}
input[name=tel] {
margin:0;
padding:0;
width:99px;
}
input[name=fax] {
margin:0;
padding:0;
width:98px;
}
.err {
color: red;
font-size: 16px;
}
legend {
margin:0;
padding:0;
margin-left: 17px;
}
fieldset {
margin:0;
padding:0;
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: left;
color: #003399;
padding-bottom: 5px;
border: 0;
}
#news3 {
position: absolute;
width: 167px;
height: 300px;
margin-left:auto;
margin-right:auto;
top:110px;
background-image: url(../icono/m_box.png);
background-repeat: no-repeat;
background-position: 0px 0px;
text-align: center;
}
#conteneur {
position: relative;
}
.gagnezw {
position: absolute;
color: #0066cc;
font-size: 25px;
padding-left: 50px;
padding-top: 120px;
z-index:10;
}
.gagnezb {
position: absolute;
color: #ffffff;
font-size: 25px;
padding-left: 51px;
padding-top: 121px;
z-index: 9;
}
.telp {
float: right;
}
.telg1 {
position: absolute;
color: #0066cc;
font-size: 18px;
padding-left: 50px;
padding-top: 250px;
}
.telg2 {
position: absolute;
color: #0066cc;
font-size: 14px;
padding-left: 50px;
padding-top: 275px;
text-align: left;
width: 310px;
}
.telg3 {
position: absolute;
color: #0066cc;
font-size: 18px;
padding-left: 50px;
padding-top: 400px;
width: 310px;
}
.telg4 {
position: absolute;
color: #0066cc;
font-size: 14px;
padding-left: 50px;
padding-top: 470px;
text-align: left;
width: 310px;
}
.telg5 {
position: absolute;
color: #0066cc;
font-size: 18px;
padding-left: 50px;
padding-top: 555px;
}
.telg6 {
position: absolute;
color: #0066cc;
font-size: 14px;
padding-left: 50px;
padding-top: 580px;
text-align: left;
width: 310px;
}
.puce1 {
position: absolute;
top: 245px;
left: 30px;
width: 20px;
height: 31px;
background-image: url(../icono/p1.png);
background-repeat: no-repeat;
}
.puce2 {
position: absolute;
top: 550px;
left: 30px;
width: 20px;
height: 31px;
background-image: url(../icono/p2.png);
background-repeat: no-repeat;
}
.telform {
position: absolute;
top: 290px;
left: 410px;
color: #0066cc;
font-size : 14px;
}
input[type="text"] {
text-indent: 5px;
background-color: transparent;
background-image: url(../icono/chps_appel.png);
height: 20px;
width: 150px;
border:none;
}
input[type="radio"] {
background-color: transparent;
height: 15px;
width: 20px;
border:none;
}
input[type="submit"]{
padding-bottom: 3px;
color: #B51621;
font-weight:bold;
background-color: transparent;
background-image: url(../icono/go_chps_appel.png);
height: 25px;
width: 82px;
border:none;
cursor:pointer;
}
input[id="sp"]{
padding-bottom: 3px;
color: #B51621;
font-weight:bold;
background-color: transparent;
background-image: url(../icono/2go_chps_appel.png);
height: 25px;
width: 75px;
border:none;
cursor:pointer;
}
input[type="button"]{
padding-bottom: 3px;
color: #B51621;
font-weight:bold;
background-color: transparent;
background-image: url(../icono/3go_chps_appel.png);
height: 25px;
width: 75px;
border:none;
cursor:pointer;
}
input[type="button"]{
padding-bottom: 3px;
color: #B51621;
font-weight:bold;
/*background-color: transparent;*/
/*background-image: url(../icono/go_chps_appel.png);*/
height: 25px;
width: 100px;
/*border:none;*/
cursor:pointer;
}
input[type="image"]{
width: 50px;
}
.position {
position: absolute;
left: 100px;
width: 200px;
}
.envoi {
position: absolute;
left: -35px;
}
#droiterel {
position: relative;
margin:0;
padding:0;
z-index:0;
}
.liencara {
position: absolute;
width: 190px;
height: 35px;
top:200px;
left: 290px;
}
.liencla {
position: absolute;
width: 190px;
height: 35px;
top:255px;
left: 202px;
}
.lienapli {
position: absolute;
width: 190px;
height: 35px;
top:260px;
left: 485px;
}
.lienmc {
position: absolute;
width: 160px;
height: 35px;
top:320px;
left: 422px;
}
.gh {
position: absolute;
z-index: 20;
text-align: center;
color: #007DC8;
font-size: 13px;
width: auto;
height: auto;
top:130px;
left: 48px;
}
.gb {
position: absolute;
text-align: center;
color: #007DC8;
font-size: 13px;
width: auto;
height: auto;
top:480px;
left: 20px;
}
.db {
position: absolute;
text-align: center;
color: #007DC8;
font-size: 13px;
width: auto;
height: auto;
top:430px;
left: 480px;
}
.pl2 {
position: absolute;
width: auto;
height: auto;
top:400px;
left: 710px;
}
.pl3 {
position: absolute;
width: auto;
height: auto;
z-index:0;
top:190px;
left: 260px;
}
a.info{
position:relative;
z-index:24;
text-decoration:none}
a.info:hover{z-index:25; }
a.info span{display: none}
a.info:hover span{
/*le contenu de la balise span ne
sera visible que pour l'état a:hover */
display:block;
position:absolute;
top: 3em; left:2em; width: 170px;
border:1px solid #ffffff;
background-color:#eeeeee; color:#6699cc;
text-align: left;
font-weight:none;
padding:1px;
}
a.info2{
position:relative;
z-index:24;
text-decoration:none}
a.info2:hover{z-index:25; }
a.info2 span{display: none}
a.info2:hover span{
/*le contenu de la balise span ne
sera visible que pour l'état a:hover */
display:block;
position:absolute;
top:-60px; left:200px; width: 170px;
border:1px solid #ffffff;
background-color:#eeeeee; color:#6699cc;
text-align: left;
font-weight:none;
padding:1px;
}
a.info3{
position:relative;
z-index:24;
text-decoration:none}
a.info3:hover{z-index:25; }
a.info3 span{display: none}
a.info3:hover span{
/*le contenu de la balise span ne
sera visible que pour l'état a:hover */
display:block;
position:absolute;
top:-115px; left:15px; width: 170px;
border:1px solid #ffffff;
background-color:#eeeeee; color:#6699cc;
text-align: left;
font-weight:none;
padding:1px;
}
/*menu horizontal*/
#m1appli a.bouton_m1a {
float: left;
margin-left: 60px;
display: block;
border:0;
height: 80px; width: 166px;
vertical-align: middle;
background: url(../icono/m2.png) 0 0 no-repeat
}
#m1appli a:hover.bouton_m1a {
background-position: 0 -82px
}
#m1 a.bouton_m1 {
float: left;
margin-left: 90px;
display: block;
border:0;
height: 80px; width: 166px;
vertical-align: middle;
background: url(../icono/m2.png) 0 0 no-repeat
}
#m1 a:hover.bouton_m1 {
background-position: 0 -82px
}
#m1s a.bouton_m1 {
float: left;
margin-left: 61px;
margin-top: -20px;
display: block;
border:0;
height: 120px; width: 220px;
vertical-align: middle;
background: url(../icono/classification.png) 0 0 no-repeat
}
#m2 a.bouton_m2 {
float: left;
left: 1px;
top: 10px;
display: block;
border:0;
height: 80px; width: 166px;
vertical-align: middle;
background: url(../icono/m1.png) 0 0 no-repeat
}
#m2 a:hover.bouton_m2 {
background-position: 0 -82px
}
#m2s a.bouton_m2 {
float: left;
margin-left: 1px;
margin-top: -20px;
display: block;
border:0;
height: 120px; width: 220px;
vertical-align: middle;
background: url(../icono/cara.png) 0 0 no-repeat
}
#m3 a.bouton_m3 {
float: left;
left: 1px;
top: 10px;
display: block;
border:0;
height: 80px; width: 166px;
vertical-align: middle;
background: url(../icono/m3.png) 0 0 no-repeat
}
#m3 a:hover.bouton_m3 {
background-position: 0 -82px
}
#m3s a.bouton_m3 {
float: left;
margin-left: 1px;
margin-top: -20px;
display: block;
border:0;
height: 120px; width: 220px;
vertical-align: middle;
background: url(../icono/appli.png) 0 0 no-repeat
}
#m4 a.bouton_m4 {
float: left;
left: 1px;
top: 10px;
display: block;
border:0;
height: 80px; width: 166px;
vertical-align: middle;
background: url(../icono/m4.png) 0 0 no-repeat
}
#m4 a:hover.bouton_m4 {
background-position: 0 -82px
}
#m4s a.bouton_m4 {
float: left;
margin-left: 1px;
margin-top: -20px;
display: block;
border:0;
height: 120px; width: 220px;
vertical-align: middle;
background: url(../icono/cles.png) 0 0 no-repeat
}
/*menu horizontal*/
/*********/
#menucl {
list-style-type:none;
padding:0;
margin:0;
padding-left: 50px;
left: 10px;
padding-top: 180px;
width:100px;
z-index:100;
}
#menucl ul {list-style-type:none; padding:0; margin:0;}
#menucl li {float:left;
background-image: url(../icono/slide_0.png);
background-repeat: repeat-y;
}
#menucl li.sub {}
#menucl li, #menucl li a {display:block; color:#0066cc; font-family:arial, sans-serif; font-size:14px; line-height:30px; width:350px; text-decoration:none; cursor:pointer; font-weight:bold; text-align:left; text-indent:30px;}
#menucl table {border-collapse:collapse; padding:0; margin:0 -1px -1px;}
#menucl ul,
#menucl :hover ul ul,
#menucl :hover ul :hover ul ul {position:absolute; left:-9999px; width:150px;}
#menucl :hover {color:#0066cc; background: url(../icono/slide_0.png) no-repeat; z-index:500; white-space:nowrap;}
#menucl :hover > a {color:#0066cc; background: url(../icono/slide_0.png) no-repeat; z-index:500; white-space:nowrap; font-size:16px;}
#menucl :hover ul {position:static; height:95px; margin-top:-1px; width: 120px; padding-left: 0px;}
#menucl :hover ul :hover ul,
#menucl :hover ul :hover ul :hover ul {display:block; position:absolute; left:120px; top:0; height:auto; z-index:500; border:1px solid #fff;}
#menucl :hover ul li, #menucl :hover ul li a {width:200px; text-align:left; padding-left: 20px; }
#menucl :hover ul li.fly a {background: #ffffcc url(slide/arrow.jpg) no-repeat 120px center;}
#menucl :hover ul :hover {position:relative; z-index:100;}
#menucl a:hover ul li.fly a:hover {background:#000000 url(slide/arrow.jpg) no-repeat 120px center; color:#fff;}
#menucl :hover ul li.fly:hover > a {background:#000000 url(slide/arrow.jpg) no-repeat 120px center; color:#fff;}
#menucl :hover ul :hover ul li,
#menucl :hover ul :hover ul li a
{background:#000000;}
#menucl :hover ul :hover ul :hover ul li {background:#000000; z-index:500;}
#menucl :hover ul :hover ul li.fly a {background: #000000 url(slide/arrow.jpg) no-repeat 120px center;}
#menucl :hover ul :hover ul :hover {z-index:500; background:#000000; color:#ff0;}
#menucl a:hover ul a:hover ul li.fly a:hover {background:#000000 url(slide/arrow.jpg) no-repeat 120px center; color:#fff;}
#menucl :hover ul :hover ul li.fly:hover > a {background:#000000 url(slide/arrow.jpg) no-repeat 120px center; color:#fff;}
#menucl :hover ul :hover ul :hover ul li,
#menucl :hover ul :hover ul :hover ul li a {background:#000000;}
#menucl :hover ul :hover ul :hover ul :hover {background:#000000; color:#fff;}
#menucl :hover ul :hover ul :hover ul :hover a {color:#fff;}
/**********/
.liste {
position: absolute;
top: 270px;
margin-left: 90px;
width: 208px;
height: 36px;
color: #ffff00;
font-weight: bold;
text-align: left;
font-size: 16px;
background-image: url(../icono/liste.png);
background-repeat: no-repeat;
padding-top: 8px;
padding-left: 8px;
}
.liste2 {
position: absolute;
top: 270px;
margin-left: 460px;
width: 208px;
height: 36px;
color: #ffff00;
font-weight: bold;
text-align: left;
font-size: 16px;
background-image: url(../icono/liste.png);
background-repeat: no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/*liste prod*/
.clear {
clear: both;
padding-top: 1px;
}
.affiche {
float: left;
color: #007DC9;
font-size: 14px;
line-height:14px;
font-size: 12px;
}
.affiche1 {
float: left;
color: #007DC9;
font-size: 14px;
line-height:14px;
margin-left: 57px;
font-size: 12px;
}
.affiche2 {
float: left;
margin-left: 158px;
color: #007DC9;
font-size: 14px;
line-height:14px;
font-size: 12px;
}
.affiche3 {
float: left;
margin-left: 258px;
margin-top: 20px;
color: #007DC9;
font-size: 14px;
line-height:14px;
font-size: 12px;
}
.affiche4 {
float: left;
margin-left: 360px;
margin-top: 20px;
color: #007DC9;
font-size: 14px;
line-height:14px;
font-size: 12px;
}
.affiche5 {
float: left;
margin-left: 460px;
margin-top: 20px;
color: #007DC9;
font-size: 14px;
line-height:14px;
font-size: 12px;
}
.affiche6 {
float: left;
margin-left: 560px;
margin-top: 20px;
color: #007DC9;
font-size: 14px;
line-height:14px;
width:400px;
font-size: 12px;
}
.affiche7 {
float: left;
margin-left: 661px;
margin-top: 20px;
color: #007DC9;
font-size: 14px;
line-height:14px;
width:400px;
font-size: 12px;
z-index: 0;
}
.lettre {
position: relative;
float: left;
top: -50px;
}
.pagination {
position: absolute;
color: #B8292F;
font-size: 14px;
margin:0;
padding:0;
position: relative;
float: right;
margin-left: 470px;
}
.imgp {
position: absolute;
top: 6px;
left: -15px;
}
.imgp2 {
position: relative;
top: 6px;
left: 0px;
}
.imgpa {
position: absolute;
padding-top: 6px;
padding-left: 39px;
}
/*moteur*/
.an {
padding-left: 15px;
padding-right: 15px;
text-align:justify;
font-size: 14px;
color: #000000;
}
.tabaf {
max-width: 800px;
background: url(../icono/fond_tab.png);
background-repeat: repeat;
}
.tatd {
max-width: 800px;
background: url(../icono/bg_trans.png);
background-repeat:repeat;
}
.newsr3 {
position: relative;
width: 160px;
height: 225px;
left:-1px;
top:0px;
background-image: url(../icono/result3.png);
background-repeat: no-repeat;
background-position: 12px 10px;
text-align: left;
}
.newsr {
position: relative;
width: 160px;
height: 300px;
left:3px;
top:0px;
background-image: url(../icono/result.png);
background-repeat: no-repeat;
background-position: 12px 10px;
text-align: left;
}
.fr {
position: relative;
top: 35px;
left:17px;
width: 133px;
text-align: left;
font-size: 12px;
font:Arial, Helvetica, sans-serif;
}
a.infobulle {position:relative; color:#007DC5; padding-left:20px;}
a.infobulle span {display:none;}
a.infobulle:hover span {
display:block;
position:absolute;
top:0;
left:-65px;
background-image: url(../icono/fd_bulle.jpg);
color:#007DC5;
font-size:13px; line-height:12px; font-weight:bold;
width: 250px;
}
.moteuretanche{
}
.moteurdecale{
padding-left: 80px;
color: #0066cc;
font-size: 14px;
text-align: justify;
}
.bas {
margin:0;
padding:0;
position: absolute;
margin-left: 50px;
top: 220px;
}
:focus {outline:none}