html{
background: #252554 url(/images/fonds_acier.png);
}
body {
position:relative;
width:1024px;
margin-left:auto;
margin-right:auto;
font-family: Arial, Helvetica, sans-serif;
font-size:75%; text-align:justify;
color:#00008B;
}
img { border:0pt;
}
#basdepage{
clear:both;
float:left;
width:1024px;
height:101px;
background: url(/images/basdepage.jpg) no-repeat ;
}
#corps, #erreurPage {
float:right;
background: url(/images/corps.jpg) no-repeat;
height:600px;
width : 824px;
margin:0px;
padding:0px;
}
#texte,#contenu,#produits{
position:relative;
background:transparent;
height:560px;
width:790px;
padding:10px;
border-style: solid;
border-color: #FF7F50;
border-width: 1px 1px 1px 1px;
}
#texte,#produits{
background:#DCDCDC;
}
.enhanced{
color:#FF8C00;
}
#erreurPage{
text-align:center;
padding-top:50px;
height:550px;
color: #FFFACD ;
}
#banniere {
width:1024px ;
height:100px;
background: url(/images/bandeau.jpg) no-repeat ;
cursor:pointer;
}
#banniere .titre{
margin-right:0px ;
margin-left:750px;
font-size: 16px;
font-style: italic;
padding-top:3px;
padding-right:10px;
color:white ;
}
#banniere .menu {
color: yellow ;
float: right ;
}
h1{
background:white;
display:block;
padding:11px;
margin:1px;
margin-bottom:5px;
border-top:2px solid #00008B;
border-bottom:2px solid #00008B;
font-size:130%;
font-style:italic;
}
h2{
text-decoration:underline;
}
.marqueAdagio,.marqueAndante,.marqueAllegro,.concertoweb,.enhanced{
font-weight:bold;
font-style:italic;
font-size: 120%;
background:#FFFFFF;
padding-right:3px;
padding-left:3px;
border-top:1px solid #2926AF;
border-bottom:1px solid #2926AF;
color:#2926AF;
}
.marqueAndante{
color:#53E627;
border-color:#53E627;
}
.marqueAllegro{
color:#F90404;
border-color:#F90404;
}
.concertoweb{
color:#FF8C00;
border-color:#FF8C00;
}
.enhanced{
color:#FF8C00;
border-color:#FF8C00;
}
h2{
font-size:115%;
font-style:italic;
margin: 2px;
margin-top:15px;
padding:3px;
}
#menus {
float:left ;
background: #FF951F url(/images/menu_haut.jpg) no-repeat;
height:350px;
width : 160px;
margin:0px;
padding:20px;
}
#publicite,#cartouche {
clear:left ;
float:left ;
background: #FF951F url(/images/menu_bas.jpg) no-repeat;
width : 170px;
height:170px;
margin:0px;
padding-left:15px;
padding-right:15px;
padding-top:30px;
padding-bottom:10px;
}
.menu {
width:148px;
display:block;
text-align:center;
background: transparent ;
margin-top:0px;
margin-left:5px;
}
.menu a{
display:block;
margin-top:5px;
padding:3px;
border-width: 1px 1px 1px 1px;
}
.menu a:link, .menu a:visited {
padding-top:7px;
background: white url(/images/bouton.jpg);
color: #4B0082;
font-size: 11px ;
font-style:normal;
height:18px;
font-variant: small-caps;
}
.menu a:hover {
color:yellow ;
}
.stabilo{
background : yellow;
color:red;
font-weight:bold;
}
.exemple{
font-style:italic;
background:yellow;
color:blue;
}
.information{
background: url(/images/information.jpg) top left no-repeat;
width:110px;
height:60px;
padding:20px;
color:#FE7726;
font-weight:bold;
text-align:center;
}
#package1,#package2,#package3{
float:left;
width: 250px;
padding-top: 0px;
background: url(/images/packagebleu_haut.jpg) top left no-repeat;
margin-top:0px;
margin-left:10px;
padding-bottom: 0px;
height:150px;
}
#package2{
background: url(/images/packagejaune_haut.jpg) top left no-repeat;
}
#package3{
background: url(/images/packagerouge_haut.jpg) top left no-repeat;
}
.package{
float:left;
width: 205px;
height:220px;
padding:20px;
color:#FFF;
padding-top:0px;
cursor:pointer;
margin-right:10px;
margin-left:3px;
}
.package .flash{
font-variant: small-caps;
margin:2px;
font-weight:bold;
font-style:italic;
width:190px;
margin-left:0px;
}
#packageVotreDossier{
background: url(/images/fondsPackageVotreDossier.jpg) top left no-repeat;
}
#packageNotreSolution{
background: url(/images/fondsPackageNotreSolution.jpg) top left no-repeat;
}
#packageNotreSolutionBleu{
background: url(/images/fondsPackageNotreSolutionBleu.jpg) top left no-repeat;
}
#packageNotreSolutionRouge{
background: url(/images/fondsPackageNotreSolutionRouge.jpg) top left no-repeat;
}
#packageNotreSolutionAllegro{
background: url(/images/fondsPackageNotreSolutionAllegro.jpg) top left no-repeat;
}
#packageNotreSolutionAndante{
background: url(/images/fondsPackageNotreSolutionAndante.jpg) top left no-repeat;
}
#packageNotreSolutionAdagio{
background: url(/images/fondsPackageNotreSolutionAdagio.jpg) top left no-repeat;
}
#packageVosAvantages{
background: url(/images/fondsPackageVosAvantages.jpg) top left no-repeat;
}
.package img{
float:left;
margin-top:95px;
width:50px;
height:50px;
z-index:7;
top:10px;
margin-right:0px;
}
.package h3{
text-align:center;
color:#00008B;
background:#FFF;
font-variant:small-caps;
font-style:italic;
font-size:140%;
padding-bottom:5px;
padding-top:5px;
margin-top:16px;
border-top:2px solid #00008B;
border-bottom:2px solid #00008B;
}
#produits h2{
background:#EEEEEE;
padding-left:15px;
}
#produits img,
#package1 img,#package2 img,#package3 img{
margin:0px;
float:left;
}
#package1,#package2,#package3{
cursor:pointer;
}
#package1 .flash,#package2 .flash,#package3 .flash{
font-variant: small-caps;
margin:2px;
font-weight:bold;
font-style:italic;
}
#package1 ul,#package2 ul,#package3 ul{
margin:0px;
padding-left:15px;
}
#font-family h3, #package2 h3, #package3 h3{
text-align:center;
color:white;
padding-right:25px;
padding-top:5px;
font-style:italic;
}
#package1 #package1Bloc,
#package2 #package2Bloc,
#package3 #package3Bloc
{
background: url(/images/packagebleu.jpg) bottom left no-repeat;
margin:0px;
padding-bottom:35px;
padding-left:15px;
padding-right:32px;
padding-top:1px;
font-size:80%;
height:150px;
}
#package2 #package2Bloc {
background: url(/images/packagejaune.jpg) bottom left no-repeat;
}
#package3 #package3Bloc {
background: url(/images/packagerouge.jpg) bottom left no-repeat;
}
#produits .alerte {
float: right ;
width: 200px;
height: 110px;
margin: 10px ;
padding-left : 10px ;
padding-right : 10px ;
background: #FFDEAD ;
border-style: solid;
border-color: #777777;
border-width: 2px 2px 2px 2px;
border-left: #BBBBBB;
border-top: #BBBBBB;
color: #B22222 ;
}
#produits .remarque {
font-size:85%;
font-style:italic;
}
#produits li{
margin-left:16px;
}
.contactImg{
float:left;
border:1px solid #00008B;
}
#contribution {
float:right ;
width:820px;
}
#contribution img{
float:right;
}
#contribution .atoomic{
margin-right:10px;margin-left:10px;
padding-right:10px;
}
#onglets{
height:22px;
padding:2px;
padding-top:5px;
padding-bottom:0px ;
/* background:#DADCDC; */
background: transparent;
font-size:7pt;
border-style: solid;
border-color: #EAECEB ;
border-width: 0px 0px 1px 0px;
margin:0px;
}
.onglet, .ongletSelecte, .ongletImpossible
{
float:left;
width: 96px;
height:12px;
padding:5px;
padding-top:8px;
text-align:center;
cursor: pointer;
background: url(/images/onglet.jpg) no-repeat 0px 3px;
}
.onglet{
color:#D3D3D3;
}
.onglet:hover{
background: url(/images/ongletSurvol.jpg) no-repeat 0px 3px;
color:#191970;
}
.ongletSelecte{
background: url(/images/ongletSelecte.jpg) no-repeat 0px 3px;
}
.ongletImpossible{
cursor:default ;
}
#actionBoutonBleu,#actionBoutonClignotant {
background: #E0E0E0 url(/images/bouton_bleu.gif) no-repeat top ;
border-style: solid;
border-color: #FFFFFF navy navy #FFFFFF ;
border-width: 1px 1px 1px 1px;
width:50px;
height:12px;
font-size:8px;
text-align:center;
padding-top:35px;
cursor:pointer;
}
#actionBoutonClignotant {
background: #E0E0E0 url(/images/bouton_bleu_cligno.gif) no-repeat top ;
}
#orange2, #orange1, #orange3, #orange4, #orange5, #orange6, #orange7 {
/* color:red; */
/* background:yellow;*/
display:none;
padding-left:10px;
padding-right:10px;
font-weight:bold;
}
#lien{
cursor:pointer;
visibility:hidden;
border:1px solid red;
background:#E83A17;
text-align:center;
padding:15px;
font-style:italic;
width:400px;
height:50px;
margin:-5px;
margin-left:75px;
color:#FFF;
font-weight:bold;
}
a:link, a:visited {text-decoration:none;}
#motto{
background:#FE941C url(/images/motto.jpg);
color:#FE941C;
border:1px solid white;
text-align:center;
padding:14px;
margin:10px;
font-size:160%;
}
li{padding:4px;}
#detailOccasion{
width:790px;
background:#444;
}
#listeOccasions{
height:550px;
overflow:auto;
}
#tableOccasion{
width:770px;
background:#EBECEE;
}
#tableOccasion a {
color:navy;
text-decoration:none;
}
#tableOccasion .remarque{
width:100%;
color:#2C65F8;
font-variant:small-caps;
text-align:center;
font-weight:bold;
background:#FFFA68 url(/images/lisseJaune.png);
}
#tableOccasion .standard{
width:100px ;
text-align:center;
font-variant:small-caps;
}
#tableOccasion .kilometrage {
width:80px;
text-align:right;
font-size:130%;
font-weight:bold;
}
#tableOccasion .annee{
width:90px;
text-align:center;
font-size:130%;
font-weight:bold;
}
#tableOccasion .prix{
width:100px;
text-align:right;
font-size:160%;
}
#tableOccasion .topAchat{
margin-top:-80px;
margin-left:0px;
}
#tableOccasion .topVendu{
margin-top:-80px;
margin-left:0px;
}
#tableOccasion .vehicule{
height:100px;
width:650px;
}
#tableOccasion .vignette,.image{
height:80px;
width:106px;
}
.image{
cursor: pointer;
width:106px;
height:80px;
}
#tableOccasion .denomination{
width:300px;
font-size:100%;
padding-left:5px;
font-style:italic ;
color:#555;
}