/*

-----------------------------------------------

CGI pour Prevost Car

----------------------------------------------- */





/* règles générales

----------------------------------------------- */

html,body {font: 80%/140% Verdana, Geneva, Arial,Helvetica,Sans-Serif; color: #333;}

body {margin: 0; padding: 0; text-align:center; background-color:#ffffff;}

td {padding: 2px; vertical-align: top;}

a img {border-width: 0; border-style: none; text-decoration: none}

a:link {color:#f85b26; text-decoration:underline; }

a:visited {color: #ff9900; text-decoration: underline;}	

a:hover {color: #0b0f7b; text-decoration: underline;}

a:active {color: #0b0f7b; text-decoration: underline;}



/* Contenant global

----------------------------------------------- */

/*Seulement pour page accueil*/

#containerAcc {

	

	width:620px;

	margin:0 auto;

	border:solid 1px #d5e1f3;

	text-align:left;

	color:#333;

	position:relative;

	background: #fff url(images/imgBgAcc.gif) no-repeat top;

	}

	/*toutes les autres pages*/

	#container {

	background-color: #fff;

	width:620px;

	margin:0 auto;

	border:solid 1px #d5e1f3;

	text-align:left;

	color:#333;

	position:relative;

	}

	

 /* corps de la page

----------------------------------------------- */

#contenu{

	margin:0;

	padding:0;

	display:block;

    width:600px;

border-top:1px solid #d5e1f3;

	}

	

	/* Bloc entête pour impression

----------------------------------------------- */

#entete{

	height:30px;

	display: block;

	width:100%;

	padding: 45px 0px 0px 0px;

	margin:0;

	}

	

	

/* Entête de page

----------------------------------------------- */

#headerAccueil {

	width:100%;

height:100px;

   margin:0;

   padding: 0px 0px 0px 0px;

	display:block;

	border-bottom: 1px solid #335ea5;

	}

	

 img.logo {

		padding: 60px 0 14px 40px;

	}

#header {

	width:100%;

height:100px;

   margin:0;

 padding: 0px 0px 0px 40px;

	display:block;

	border-bottom: 1px solid #335ea5;

	background-color:#d5e1f3;

	}	



/* menu principal dans le bandeau header

----------------------------------------------- */

#menuPrincipal{


	display: none;

}



#menuPrincipal ul {
display:none;
	

	}

	

	#menuPrincipal ul li {
display:none;
	

	}

	

#menuPrincipal ul li a{



	display:none;

	}

#menuPrincipal a:hover{
display:none;

	

	}

#menuPrincipal li.current a {
display:none;

	}

	



/* menu secondaire dans le bandeau header

----------------------------------------------- */

#menuSecondaire{



display: none;

}

#menuSecondaire ul {

display:none;

	

	}

#menuSecondaire ul li {

display:none;

	

	}

#menuSecondaire ul li a{

display:none;

	}

#menuSecondaire a:hover{

display:none;

	}

#menuSecondaire li.current{
display:none;

	}

/* Headings

----------------------------------------------- */

h1{

	color:#10147e;

	font-size: 1.9em;

	font-family: "HelveticaNeue Condensed", Tahoma, Helvetica, Arial, Sans-serif;

	background: url(images/flecheOrange.gif) no-repeat top 5px;

	margin: 25px 0 15px 8px;

	padding: 0px 0 0 30px;

	line-height: 0.9em;

}

h2{

	color: #f85b26;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 1.5em;

	font-weight: bold;

	background: url(images/flecheNoire.gif) no-repeat 5px;

	margin: 15px 0 15px 8px;

	padding-left: 30px;

}

h3{

	color: #333;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 1.1em;

	font-weight: bold;

	margin: 0 0 0 38px;

	padding: 10px 0 2px 0;

}

h4{

	color: #333;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 100%;

	font-weight: bold;

	margin: 0 0 0 00px;

	padding: 0px 0 2px 0;

}



h5{

	color: #ff5921;

	font-size: 11px;

	font-weight: bold;

	font-variant: small-caps;

	margin: 0px 12px 0px 8px;

	padding: 0px 0 0 30px;

}	

/* Colonne de gauche dans page accueil contenant les nouvelles

----------------------------------------------- */

#Nouvelle{

	width:190px;

	float: left;

	padding:0;

	margin:0;

}	

p.accueil{

	padding:5px 8px 10px 40px;

	margin:0;

} 





p.accueil a{

	background-image: url(images/flecheNoire.gif);

	background-position: 5px;

	background-repeat: no-repeat;

	color: #666;

	padding-left: 20px;

}

p.accueil a:hover{

	color:#f85b26;

}

p.accueil a:visited{

	color: #0b0f7b;

}

.date{

	color:#eb7101;

	font-weight:bold;

}

.filet{

	border: 1px;

	border-bottom-color: #D4E0F2;

	border-bottom-style: solid;

}

/* Contenu à droite des nouvelles dans la page accueil

------------------------------------------------*/

#contenuAcc{

	width:560px;

	margin:0;

	padding:0;

	float:right;

	}

	/* Contenu à droite des Publications

------------------------------------------------*/

.titrepublication{

background-color: #F0F5FB;

}

.titrepub{

	color: #F85B26;

	font-weight:bold;

	font-variant: small-caps;

}

		/* Colonne de droite dans page accueil contenant les événements

----------------------------------------------- */

#Events{

	width:188px;

	float: right;

	display: block;

	padding:0;

	margin:0;

	

}



#Events ul{

	margin: 0px 0 15px 8px;

	padding: 0px 0 0 48px;

	text-decoration:none;

	list-style-image: url(images/flecheNoire.gif) ; 

	list-style-position: outside;

	display: block;

	}

	

	#Events li{

	margin: 0px 10px 15px 0px;

	}

	

	#Events  a{

	color:#666;

	}





/* Colonne du centre contenant le flash et les quick links

----------------------------------------------- */

#flash{

	width:370px;

	float: left;

	display: block;

	padding:0;

	margin:0;

	background-color: #fff;

	border-left: 1px solid #fff;

	border-right: 1px solid #fff;

}

#btnGauche{

	width:100px;

	float:left;

	padding: 0;

	margin: 0;

	line-height: normal;

}

#centre{

	width:240px;

	float: right;

	padding: 0;

	margin: 0;

}

#btnCentre{

	width:120px;

	float:left;

	padding: 0;

	margin: 0;

	line-height: normal;

}

#btnDroit{

	width:120px;

	float:right;

	padding: 0;

	margin: 0;

	line-height: normal;

}

p.btn{

	padding: 5px 0 8px 38px;

	margin: 0;

}

p.btn2{

	padding: 5px 30px 8px 25px;

	margin: 0;

}

p.btn3{

	padding: 5px 20px 8px 20px;

	margin: 0;

}

	/* menu vertical dans les pages sauf accueil

----------------------------------------------- */

#menu{

	float: left;



	width:0;

	border-bottom: 1px solid #ccc;

	padding:0 0 20px 0;

	margin:0 0 40px 0;

	line-height:1.5em;

	text-align: left;

	display: none;

}

#menu img{

	padding: 0 0 15px 38px;

}

#menu a{

	text-decoration: none;

	color:#f85b26;

}

#menu a:hover{

	color:#f85b26;

	text-decoration: underline;

}

#menu ul {

	margin:0;

	padding-left:0;

	list-style-type: none;

	}

#menu ul ul{

	margin:0;

	padding-left:15px;

	}

#menu ul li {

	margin-left:38px;

	padding-left:0;

	}

#menu ul li#active{

	margin-left:30px;

}

#menu ul ul li {

	margin-left:10px;

	list-style: none;

}

#menu ul ul li a {

margin-left: 0px;

}



.current{

	padding-left:8px;

	color:#f85b26;

	font-weight:bold;

	text-decoration:none;

	background:  url(images/flecheOrangePetite.gif) no-repeat top 1px;

	}

	.subcurrent{

	padding-left:0px;

	color:#666;

	font-weight:bold;

	text-decoration:none;

	}

	

	#menu ul ul li a{

		color: #666;

	}

	#menu ul ul a:hover{

		color: #666;

	}

	

	p.boutique{

	margin: 0px 12px 0px 8px;

	padding: 0px 0 0 30px;

	color: #636563;

	font-size: 10px;

	}

		

	.sous-titreboutique{

	color: #ff5921;

	}

	

	p.merci{

	color: #ff9a00;

	font-weight: bold;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 5px 10px 5px 38px;

	margin: 0 px 12px 0 px 0px;

	}

	

	td.filetcalendrier{

	border: 1px;

	border-top-color: #ccc;

	border-top-style: solid;

	border-top-width: thin;

	padding: 0px;

	margin: 0px;

	text-align: left;

}

	

	/* contenu de droite dans les pages sauf accueil

----------------------------------------------- */

#contenuDroit{

	float:right;

	display: block;

	width:558px;

	border-left: 0px solid #fff;

	padding:0 0 40px 0;

	margin:0;

	height:100%;

	}

#contenuDroit p{

	padding: 5px 40px 5px 0;
text-align:justify;
	margin: 0 0 0 38px;

}

#contenuDroit ul{

	padding: 5px 40px 5px 20px;

	margin: 0 0 0 38px;

	list-style-position: outside;

	list-style-image: url(images/bullet.gif);

}

#contenuDroit li{

	padding-bottom:5px;

}

#preview{

	border: 1px solid #ccc;

margin: 0 0 0 40px;

padding: 0 0 0 0px;

width: 480px

}

td.market{

padding: 0px 0 5px 5px;

vertical-align: bottom;

}
td.marketCoach{
padding: 5px 15px 5px 0px;
vertical-align: top;
text-align: justify;
}

td.marketCoach img{
padding: 5px 38px 0 38px;
vertical-align: top;
float: left;
}
td.marketCoachThumbnail{
padding: 5px 15px 5px 38px;
vertical-align: top;
color:#F85B26;
}

td.marketCoachThumbnail img{
padding: 5px 20px 15px 0px;
}
td.marketimg{

padding: 0px 0 5px 0px;

}



td.boutique{

padding: 0px 5px 30px 15px;

color: #636563;

text-decoration: none;

font-size: 10px;

text-align: left;

}



.prix{

color: #ff9A00;   

vertical-align: bottom;

font-weight: bold;

}



.titreboutique{

color: #ff9A00; 

font-weight: bold;  

vertical-align: top;

}



.titrecalender{

color: #ff9A00; 

font-weight: bold;  

vertical-align: top;

font-size: 11px;

}



.moreP{

padding: 0px 5px 0px 12px;

background: url(images/flecheOrangePetite.gif) no-repeat 2px;

}



.datecalender{

color: #636563; 

font-weight: bold;  

}



td.boutiqueimg{

padding: 0px 0 30px 0px;

}



.previous{

	color: #636563;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 10px;

	background: url(images/flecheNoireDroite.gif) no-repeat 5px;

	margin: 15px 0 15px 35px;

	padding-left: 25px;

	}



.next{

	color: #636563;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 10px;

	background: url(images/flecheNoire.gif) no-repeat 2px;

	margin: 15px 0 15px 0px;

	padding-left: 22px;

	}



table.legende{

margin: 0 0 0 0px;

padding: 2px 5px 2px 5px;

border: 1px solid #D4E0F2;

width: 200px;

margin-bottom: 20px;

line-height: normal;

font-size: 90%;

}

table.conversion{

margin: 0 0 0 0px;

padding: 2px 5px 2px 5px;

border: 1px solid #D4E0F2;

}

table.nouvelles{

margin: 0 0 0 0px;

padding: 2px 5px 2px 5px;

border: 0px solid #D4E0F2;

}

td.conversion{

background-color: #F0F5FB;

}

td.conversionfilet{

border-bottom: 1px solid #D4E0F2; 

}

table.spec{

padding: 12px;

}

table.spec2{

padding: 8px;

}

.characteristique{

color:#F85B26;

}



.characteristique2{

color:#ff9A00;

}



.datenews{

	color: #F85B26;

	font-weight:normal;

	font-size: 90%;

	text-align: left;

}

.datenews{

	color: #F85B26;

	font-weight:normal;

	font-size: 90%;

	text-align: left;

}

table.mini{

margin: 10px 40px 0 38px;


}

table.mini img{

border: 1px solid #ccc;

padding-right: 0px;

vertical-align: top;

}

td.mini{
padding: 0 3px 3px 3px;
vertical-align: top;
line-height: normal;
text-align: left;

}
table.mini table.mini{
	margin: 0 0 0 38px;
}
td.publication{

padding: 5px;
border-bottom: 1px solid #D4E0F2;

}

.titreimg{

	color: #10147e;

	font-weight:bold;

}



.notavailable{

color: Red;

padding-left: 14px;

background-image: url(images/flecherouge.gif);

background-position: left;

background-repeat: no-repeat;

background-attachment: fixed;

}

#lien{

	margin-left: 38px;

}

#lien ul{

padding-left:0;

margin-left:17px;

	list-style-image: url(images/flecheNoire.gif);

	list-style-position: outside;	

}

#lien li a{

	color:#666;

	

}

#lien a:hover{

	color: #f85b26;

}

#lien a:visited{

	color: #10147e;

}

	/* contenu de droite pour les liens nouvelles

----------------------------------------------- */

#news{

	margin-left: 0 0 5px 38px;

}

#news ul{

padding-left:0;

margin-left:17px;

list-style-image: url(images/flecheNoire.gif);

list-style-position: outside;	

}

#news li a{

	color:#666;

	

}

#news a:hover{

	color: #f85b26;

}

#news a:visited{

	color: #10147e;

}

	/* FIN contenu de droite pour les liens nouvelles

----------------------------------------------- */

#tableau{
	padding: 5px 40px 5px 0;
	margin: 0 0 0 38px;
}

table.search{

	margin: 0;
	padding: 0;
	vertical-align: bottom;

}

td.search{
font-weight: bold;
	margin: 0px;
	padding:0 10px 3px 0;
	text-align: right;
	vertical-align: top;
	line-height: normal;
}
td.input{
	margin: 0px;
	padding:0 0 3px 0;
	text-align: left;
	font-size: 90%;
}



select, input{

font-size:1em;

}



.designbtn{

 border:1px solid #d5e1f3;

 margin:0px;

 padding-top:1px;

 padding-bottom:1px;

 font: bold 1em  Verdana, Geneva,Arial, Helvetica, sans-serif;

 background: url(../images/designBtn.gif) repeat-x;

 cursor: pointer;

}





.ligneCouleur{

	background-color:#f0f5fb;

	padding: 2px;

}



.ligneCouleurTexte{

	background-color:#f0f5fb;

	padding: 2px;

	text-align: left;

}



.ligneCouleurChiffre{

	background-color:#f0f5fb;

	padding: 2px;

	text-align: center;

}



.ligneBlancheChiffre{

	background-color:#ffffff;

	padding: 2px;

	text-align: center;

}



.ligneBlancheChiffre{

	background-color:#ffffff;

	padding: 2px;

	text-align: left;

}

 th a{

	font-family: Tahoma, Verdana, sans-serif;

	font-weight: normal;

}

	 /* onglets pour les caracteristiques

----------------------------------------------- */

	#onglets{

		font:  1em Tahoma, Verdana, Geneva, Arial, sans-serif;

		text-align:left;

		border-bottom:0px solid #d5e1f3;

		 padding-bottom: 2px;

		margin:3px 25px 0px 38px;

		background-color: #fff;

		line-height: 2em;

		

		

	}

	#onglets ul, #onglets li {

	display: inline;

	list-style-type: none;

	list-style:none;

	margin:0;

	padding:0;

	}

#onglets a{

	padding:2px 3px;

	color: #8FA6D8;

	text-decoration:none;

	margin:0 0 0 1px;

	 background-color: #ffffff;

	border: 1px solid #d5e1f3;

	line-height:12px;



	}

	#onglets li.current a{

		border-bottom:1px solid #d5e1f3;

		border-top:1px solid #d5e1f3;

		border-right:1px solid #d5e1f3;

		border-left:1px solid #d5e1f3;

		color:#f85b26;

		background-color: #fff;

		text-decoration:none;

		font-weight:normal;

		}

	#onglets a:hover{

		color:#0b0f7b;

	}

#caracteristic{

	border-bottom:1px solid #d5e1f3;

	border-top:1px solid #d5e1f3;

	border-right:1px solid #d5e1f3;

	border-left:1px solid #d5e1f3;

	margin:0 25px 0px 38px;

	padding:20px;

	}

#caracteristic table{

	width:100%;

	margin: 0;

	padding: 0;

}

	 /* onglets pour le Contact Us

----------------------------------------------- */

#contact table{

	font: 120% Tahoma, Verdana, Geneva, Arial, sans-serif;
	text-align:left;
	border-bottom:0px solid #d5e1f3;
	margin:0 25px 0px 38px;
	padding:10px 10px 5px 20px;
	background-color: #fff;
	width: 400px;

}

.ligneCouleur2{
	background-color:#f0f5fb;

	border:1px solid #d5e1f3;

}

img.ImageInText{
	margin-right:10px;
	border:1px solid #ccc;
	padding:0;
}

.ligneCouleur3{
	background-color:#ffffff;

	margin: 0 10px 0 38px;
}



	#contact ul, #info li {

	display: block;

	list-style-type: none;

	list-style:none;

	list-style-image: none;

	}

#contact a{

	color: #F85B26;

	text-decoration:none;

	background-color: #ffffff;

	}

	#contact li.current {

	color: #121882;

	font-weight:bold;

	display: block;

	list-style-type: none;

	list-style:none;

	list-style-image: none;

	}

	#contact a:hover{

		color:#0b0f7b;

	}		

	

	#adresse table{

	border-bottom:0px solid #d5e1f3;

	border-top:0px solid #d5e1f3;

	border-right:0px solid #d5e1f3;

	border-left:0px solid #d5e1f3;

	margin:0 25px 0px 38px;

	padding:10px 10px 5px 20px;

	width: 300px;

	}



/* div pour les photos et description des vendeurs

----------------------------------------------- */

#vendeur{

	padding:0;
	margin: 10px 68px 0px 38px;
	text-align:right;

}

#vendeur table{
text-align:right;
	width:400px;
	margin: 0;
	padding: 0;

}

#vendeur p{
text-align:right;
	padding:0 10px 5px 0;
	margin:0;

}

td.servicepicture{
	text-align:right;
}

.photo{
	width:62px;
	padding:0;

}
td.photo img{
	border: 1px solid #ECECEC;
	margin-left:3px;
}
#vendeur img{
	border: 1px solid #ECECEC;

}

/* Fil D'ariane

----------------------------------------------- */

#ariane{

	font:95% Verdana,Geneva, Sans-Serif; color: #727272;

padding:0;

margin: 25px 0 15px 38px;

}

	/* Bas de page

----------------------------------------------- */



#BasDePage {



	clear:both;

	margin:0 25px;

	padding:0;

	font-size:.9em;

	width:620px;

	background-color: #fff;

	}

#BasDePage p {

border-top: 1px solid #ccc;

	margin:0;

	padding:8px 0 8px 0;

	color:#7a7a7a;

}

