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 {
	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;
	}