body {
text-align: center;
background:#222222;
background-image:url(./imgsite/back.png);
}
div#divgene {
position: relative;
visibility: visible;
z-index: 6;
background-image: url(./imgsite/fonddef.png);
top: 25px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 600px;
}
div#divgenepro {
position: relative;
visibility: visible;
z-index: 6;
background-image: url(./imgsite/fondpro.png);
top: 25px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 600px;
}
div#divgenepart {
position: relative;
visibility: visible;
z-index: 6;
background-image: url(./imgsite/fondpart.png);
top: 25px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 600px;
}
div#divgeneae {
position: relative;
visibility: visible;
z-index: 6;
background-image: url(./imgsite/fondae.png);
top: 25px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 600px;
}
div#divgeneproindex {
position: relative;
visibility: visible;
z-index: 6;
background-image: url(./imgsite/fond9pr.png);
top: 25px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 900px;
}
div#divgenepartindex {
position: relative;
visibility: visible;
z-index: 6;
background-image: url(./imgsite/fond9pa.png);
top: 25px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 900px;
}
div#divgeneaeindex {
position: relative;
visibility: visible;
z-index: 6;
background-image: url(./imgsite/fond900.png);
top: 25px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 900px;
}
div#divindex {
position: relative;
visibility: visible;
z-index: 6;
background-image: url(./imgsite/fondind.png);
top: 25px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 600px;
}
div#divpro {
position: absolute;
top: 24px;
left: 542px;
visibility : visible;
z-index : 1;
width: 240px;
height: 195x;
background-image: url(./imgsite/imgpro_na.png);
/*background:#FFAA00;*/
text-align: center;
}
a.pro {
display: block;
width: 240px;
height: 195px;
background-image: url(./imgsite/imgpro_na.png);
}
a.pro:hover {
background-image: url(./imgsite/imgpro_ov.png);
}
a.part {
display: block;
width: 348px;
height: 131px;
background-image: url(./imgsite/imgpart_na.png);
}
a.part:hover {
background-image: url(./imgsite/imgpart_ov.png);
}
a.auto {
display: block;
width: 270px;
height: 148px;
background-image: url(./imgsite/imgauto_na.png);
}
a.auto:hover {
background-image: url(./imgsite/imgauto_ov.png);
}
a.logo {
display: block;
width: 250px;
height: 139px;
background-image: url(./imgsite/logo.png);
}
a.logo:hover {
background-image: url(./imgsite/logoov1.png);
}
div#divpart {
position: absolute;
top: 448px;
left: 87px;
visibility : visible;
z-index : 3;
width: 348px;
height: 131px;
background-image: url(./imgsite/imgpart_na.png);
/*background:#AAFF00;*/
text-align: center;
}
div#divauto {
position: absolute;
top: 263px;
left: 380px;
visibility : visible;
z-index : 2;
width: 270px;
height: 148px;
background-image: url(./imgsite/imgauto_na.png);
/*background:#FF00AA;*/
text-align: center;
}
div#divlogo {
position: absolute;
top: 25px;
left: 25px;
visibility : visible;
z-index : 4;
width: 250px;
height: 139px;
background-image: url(./imgsite/logo.png);
/*background:#000000;*/
text-align: center;
}
div#divprinpae {
position: absolute;
top: 175px;
left: 60px;
visibility : visible;
z-index : 4;
width: 600px;
height: 720px;
background:transparent;
text-align: left;
}
div#divprinp {
position: absolute;
top: 175px;
left: 60px;
visibility : visible;
z-index : 4;
width: 600px;
height: 420px;
background:transparent;
text-align: center;
}
div#diverreur {
position: absolute;
top: 33%;
left: 25%;
visibility : visible;
z-index : 10;
width: 50%;
height: 33%;
background:#CCCCCC;
text-align: center;
display:block;
/*border-color:red;*/
border:2px red;
border-style: ridge;
}
div#divfooter {
position: relative;
visibility: visible;
z-index: 8;
/*background: #AA2233;*/
margin-top: 30px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 25px;
text-align: center;
background-image: url(./imgsite/imgfooter.png);
}
div#divfooter2 {
position: relative;
visibility: visible;
z-index: 8;
/*background: #AA2233;*/
margin-top: 30px;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 25px;
text-align: center;
background-image: url(./imgsite/imgfooter.png);
top: 900px;
}
/*gestion des formulaires*/
form {
//background-color:#FAFAFA;
background-color:transparent;
padding:10px;
width:500px;
font-family:"trebuchet ms",sans-serif;
}
fieldset {
padding:20px;
margin-bottom:10px;
}
legend {
color:#a0522d;
font-weight:bold
}
label {
margin-top:20px;
display:block;
font-size:90%;
}
label.inline {
display:inline;
}
input {
border:1px solid black;
background-color:#A6BEDE;
font-family:"trebuchet ms",sans-serif;
}
input[type=radio] {
margin-right:50px;
background-color:transparent;
border:none;
}
select, option {
background-color:#A6BEDE;
font-family:"trebuchet ms",sans-serif;
}
textarea {
border:1px solid black;
background-color:#A6BEDE;
font-family:"trebuchet ms",sans-serif;
}
a.info {
position:relative;
z-index:24; background-color:#A6BEDE;
color:#000;
text-decoration:none
}
a.info:hover {
z-index:25;
background-color: #C84F00
}
a.info span {
display: none;
}
a.info:hover span{
display:block;
position:absolute;
top:2em;
left:2em;
width:15em;
border:1px solid #C84F00;
background-color:#A6BEDE;
color: #C84F00;
text-align: justify;
font-weight:none;
padding:1px;
}