/* CSS Document */

body {	font-family: Verdana,Arial, sans-serif;
	font-size:11px; color:#666;
	line-height: 15px;	margin-top: 0px;
	background-color: #fff;
	/*background-color: #f5f5f5;*/
			}
table{	font-family: Verdana,Arial, sans-serif;
	font-size:11px;	color:#666;
	line-height: 16px;	margin-top: 0px;
	background-color: #fff;
			}

p{
margin-top : 0px;
margin-bottom : 0px;

}

h1 {
/* sert pr le catalogue et les fiches titres oranges */
font-weight:bold;
font-size:16px;
color: #FF7F02;

/*margin-left:20px;*/
}
			
/* dynamique------------------------------ */

.h1 {
/*titres oranges */
font-weight:bold;
font-size:16px;
color: #FF7F02;
/*margin-left:20px;*/
}

/* balise h en bleu */
.h2couleur1{
font-weight:bold;
font-size:13px;
color: #0750D9;
}
.h3couleur1{
font-weight:bold;
font-size:11px;
color: #0750D9;

}
.h4couleur1{
font-weight:bold;
font-size:13px;
color: #0750D9;
}
/* balise h en orange */
.h2couleur2{
font-weight:bold;
font-size:13px;
color: #FF7F02;
}
.h3couleur2{
font-weight:bold;
font-size:13px;
color: #FF7F02;
}
.h4couleur2{
font-weight:bold;
font-size:13px;
color: #FF7F02;
}
.grasrougegros{
font-weight:bold;
font-size:13px;
color: #FF0000;
}


/* textes en couleurs*/
.bleu {
color: #0750D9;
}
.rouge{
color: #ff0000;
}
.noir{
color: #000;
}

 /* gras */ 
 
.grascouleur1{
color: #0750D9;/* bleu*/
font-size: 10px;
font-weight: bold;
}
.grascouleur2{
	color: #FF7F02;/* orange */ 
	font-size: 10px;
	font-weight: bold;
}
.grascouleur3{
 	color: #ff0000;/* rouge*/ 
	font-size: 10px;
	font-weight: bold;
}
.grasarialnoir{
	color: #0000;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.promos {
	font-weight:bold;
	font-size:16px;
	color: #0750D9;/* bleu*/
	margin-right:10px;
}

.qlimitee{
	font-weight:bold;
	font-size:16px;
	color: #333333;
	text-decoration: line-through;
}
.qlimiteedispo{
	font-weight:bold;
	font-size:16px;
	color: #333333;
	
}
.qrestant{
	font-weight:bold;
	font-size:18px;
	color: #ff0000;
	
}
.gras{
font-weight:bold;
}
/*autres */
.italique{
font-style: italic;
}

/*  fin css dynamique */


/* -------------------------------------------------------------------------*/

.normal{	font-family: Verdana,Arial, sans-serif;
	font-size:11px; color:#666;
	line-height: 15px;	margin-top: 0px;
			}

.marquepage2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;

}
.blancmenu{
margin-left: 8px;
color: #fff;
font-size: 12px;
font-weight: bold;
}

.blancpetit{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:10px;
	margin-left:10px;
	float: left;
	width: 145px;
}
/*----------dans le texte----- */


.news1{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-top:10px;
	
}
.news2{
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	margin-top:0px;

}


/*#######################        liens          ######################## */

/*-------------basiques dans le texte*/

a:link,a:visited  {
	color: #0750D9;
	text-decoration: underline;
}
a:hover,a:active {
	color: #FF7F02;
	text-decoration: underline;
}

/*  ---------------  nav droite haut    */ 


a.navdh:link,a.navdh:visited  {
font-family:arial, sans-serif;
font-weight:bold;
font-size:10px;
	color: #fff;
	text-decoration: none;
	}

a.navdh:hover,a.navdh:active  {
font-family:arial, sans-serif;
font-weight:bold;
font-size:10px;
color: #fff;
text-decoration: underline;
}

/* LIEN DYNAMIQUES MENU */

#colonne li a:link,#colonne  li a:visited {
color: #fff;
font-family: verdana,sans-serif;
font-size: 11px;
text-decoration: none;
letter-spacing: -0.1em;
	}

#colonne li a:active,#colonne li a:hover  {
color: #fff;
font-family: verdana,sans-serif;
font-size: 11px;
text-decoration: underline;
letter-spacing: -0.1em;
}



/* liens vers pages du site ds menu */
a.titrenav:link,a.titrenav:visited {
display:block;
float:left;
height: 18px;
font-size:10px;
font-family: verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-transform:uppercase;
margin-left: 8px;
margin-top:4px;
margin-bottom:4px;
text-decoration:none;
letter-spacing:0.1em;
padding: 0px 0px 0px 0px ;
				}

a.titrenav:active,a.titrenav:hover {
display:block;
float:left;
height: 18px;
font-size:10px;
font-family: verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
color:#B7EBFD;
text-transform:uppercase;
margin-left: 8px;
margin-top:4px;
margin-bottom:4px;
text-decoration:none;
letter-spacing:0.1em;
padding: 0px 0px 0px 0px ;
				}
	/* lien dans le bandeau orange à placer dans le back office*/
	
	
a.lienbandeau:link,a.lienbandeau:visited {

float:left;

font-size:10px;
font-family: verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-transform:uppercase;
text-decoration:none;

padding: 0px 0px 0px 0px ;
				}

a.lienbandeau:active,a.lienbandeau:hover {

float:left;

font-size:10px;
font-family: verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-transform:uppercase;
text-decoration:none;

padding: 0px 0px 0px 0px ;
				}
				
				
				/* fin lien bandeau orange*/
	
				
a.titrehome:link,a.titrehome:visited {
display:block;
float:left;
height: 22px;
font-size:10px;
font-family: verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
color:#47CFFE;
text-transform:uppercase;
margin-top:10px;
margin-bottom:2px;
text-decoration:none;
letter-spacing:0.1em;
padding: 0px 0px 0px 0px ;
				}

a.titrehome:active,a.titrehome:hover {
display:block;
float:left;
height: 22px;
font-size:10px;
font-family: verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
color:#D3F4FF;
text-transform:uppercase;
margin-top:10px;
margin-bottom:2px;
text-decoration:none;
letter-spacing:0.1em;
padding: 0px 0px 0px 0px ;
				}				



/* ##############    POSITION DES BLOCS        ##################*/ 
/* calque principal*/
#page{ background-color: #fff;
	position: relative;	width: 930px;	margin-bottom: 10px;
	margin-left:5px;	margin-top:0px;
	/*border: solid #ccc 1px;*/
	}
.cv{
width:160px;
float:right;
margin-right:15px;

}
#details{
margin-left:190px;
margin-top:3px;
margin-bottom:10px;
height:20px;
}
#detailspromos{
margin-left:20px;
margin-top:3px;
margin-bottom:10px;
height:20px;
}

#suivpreced
{
	width:200px;
	height:16px;
	float:right;
	margin-right:10px;
}


#infos{
	padding-bottom:7px;
	border-bottom: 1px dashed #0033CC;
	width:470px;
	clear:both;
	padding-top: 5px;
}
#prix{
	width:100px;
	height:20px;
	margin-left:15px;
	margin-top:3px;
	margin-bottom:10px;

}



#navdroitea {
position:relative;
float:left;
width:150px;
height:80px;
margin-top:1px;
}
#navdroiteb {
position:relative;
float:left;
width:130px;
height:70px;
margin-top:5px;
margin-left:10px;
}
#flashintro{
position:relative;
float:left;
margin-left:0px;
width:450px;	
height:83px;


}


 
/* ----------centre---------------*/

#centre {
	background-color: #fff;
	position:relative;
	float:left;
	width:750px;

		}
.col1{
	background-color: #fff;
	position:relative;
	float:left;
	margin-left:10px;
	width:495px;
	min-height:650px;
	height:auto!important;
	height:650px;
	
 }
 .colconditionsvente{
	background-color: #fff;
	position:relative;
	float:left;
	margin-left:10px;
	width:710px;
	min-height:650px;
	height:auto!important;
	height:650px;
	
 }
 
.col1categorie{
	background-color: #fff;
	position:relative;
	float:left;
	margin-left:10px;
	width:495px;
	min-height:650px;
	height:auto!important;
	height:650px;
	
 }
 .col1fiche{
	background-color: #fff;
	position:relative;
	float:left;
	margin-left:10px;
	width:460px;
	width:535px;
	min-height:650px;
	height:auto!important;
	height:650px;
	
 }
 .col2{
background-color: #fff;
margin-left:20px;
position:relative;
float:left;
width:210px;

 }
 .col2callback
 {
background-color: #fff;
margin-left:30px;
position:relative;
float:left;
width:200px;

 }
/* pour le calque des nouveautes*/
#col21{
	margin-left:20px;
	margin-top:5px;
	position:relative;
	float:left;
	width:209px;
	height:29px;
	background-image: url(/plv-automobile-img/derniers-produits.gif);
	background-repeat: no-repeat;
 }
 #col21promos{
	margin-left:20px;
	margin-top:5px;
	position:relative;
	float:left;
	width:209px;
	height:42px;
	background-image: url(/plv-automobile-img/promotion-haut.gif);
	background-repeat: no-repeat;
 }
#col22{
	/* modif taille de 220 a 210 le 6/12/2006*/
	margin-left:20px;
	position:relative;
	padding:0;
	float:left;
	width:210px;
	border: 1px solid #BABDBF;
 }

 #col23{position:relative;
	float:right;
	background-color: #fff;
	margin-right:3px;
	margin-top:0px;
	width:209px;
	height:20px;
	background-image: url(/plv-automobile-img/bas-derniers-produits.gif);
	background-repeat: no-repeat;
 }
 
 
 /* ul et li des derniers produits ajoutés*/
#col22 ul  {
display:block;
width:190px;
padding: 0px;
list-style-type: none;
margin-right: 4px;
margin-left: 5px;
background-color: #fff;
 }

#col22  li {
padding: 0px 0px 0px 0px ;
list-style-type: none;
margin: 0px 0px 0px 0px ;
width:190px;
	 }
#col22 li a{
	/* fin des nouveautes*/

}
 
 
#col2fiche{
	background-color: #fff;
	margin-left:20px;
	position:relative;
	padding:0;
	float:left;
	
	border: 1px solid #BABDBF;
	
 }

/* ---------photo superposee dynamique-------*/ 
#photosuperp{ 
	/* display:block; ici */ 
	position:relative;
	float:left;
	width:142px;
	height: 211px;
	margin-left:100px;
	margin-top:-170px;
	
	
	}
	/* style des photos */
/* .cadre { border :1px solid #E2E2E2;}*/	

/*  --------marque page-----*/ 

#marquepage{ 
	background-color: #fff;
	position:relative;
	float:left;
	width:495px;
	height: 18px;
	margin-left:12px;
	margin-top:8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0033CC;
		
	}

/* -----------contenant images dynamiques*/
#imgdynhaut{ background-color: #fff;
display:block;
float:left;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:105px;
width:680px;
}			
				


/* REGLAGES BARRE NAV GAUCHE*/
#colonne { 
	background-color: #4F9FDC;
	position:relative;
	float: left;
	margin-top:0px;
	width:177px;
	min-height:900px;
	height:auto!important;
	height:900px;
	background-attachment: fixed;
	background-image: url(/plv-automobile-img/degrad-nav2.jpg);
	background-repeat: repeat-x;
		
		}

#colonne ul  {
display:block;
float:left;
padding: 0px 0px 0px 0px ;
list-style-type: none;
margin-top:5px;
margin-left:0px;
margin-right: 0px;
margin-bottom: 0px;
 }

 #colonne  li {
padding: 0px 0px 0px 0px ;
list-style-type: none;
margin: 0px 0px 0px 0px ;
	 }
#colonne  li a{
display:block;
height: 15px;
width:177px;
padding-left:8px;

}

#footer{
background-color: #fff;
	position: relative;
	width: 930px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left:10px;
	clear: both;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	text-align:center;
	}
#logo
	{background-color: #fff;
	display:block;	float:left;	position:relative;
	width:930px;
	/* width:910px; ici */ 
	height: 82px;
	background-image: url(/plv-automobile-img/degrad-bandeau.jpg);
	background-repeat: repeat-x;
}
.photologo{
	float:left;
	margin-right: 20px; margin-bottom:20px;
}
	
 /*##################"""ELEMENTS DE FORMULAIRES #####################*/ 
/* NEWSLETTER inscription */
.butok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;text-align:left;color: #FFFFFF;
	border: 0px;margin-left:5px;margin-top:0px;
	height: 25px;	width:55px;
	background-image: url(/plv-automobile-img/degrad-but.jpg);
	background-repeat: repeat-x;
}

#formulaire {
	float: left;	height: 25px;	margin-top: 5px;	margin-left: 0px;	margin-bottom: 5px;
}
.formulaire_champs {
	display:block;	float:left;	position: relative;	width:135px;	height:18px;
	margin-left:5px;margin-right:0px;margin-top:0px;margin-bottom:0px;border: 1px solid #ccc;
	background-color:#fff;	color: #000;font:9px verdana,sans-serif;
	
}
.formulaire_news {
	display:block;	float:left;	position: relative;	width:80px;	height:18px;
	margin-left:5px;margin-right:0px;margin-top:0px;margin-bottom:0px;border: 1px solid #ccc;
	background-color:#fff;	color: #000;font:9px verdana,sans-serif;
	
}
#formcontact
{
	display:block;
	float:left;
	width:100%;
	/* border: 1px dotted #ccc;*/

}
#boutonannuler
{
	float:right;
	margin-right:20px;
	height:20px;
	border: 1px solid #990000;
}
#boutonenvoyer
{
	float:right;
	margin-right:20px;
	height:20px;
	border: 1px solid #009900;
}
				
/* ##########"    calage d'images      "##############" */ 				

.barre{
display:block;
position:relative;
float:left;
margin-left:4px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;

}
.home{
display:block;
position:relative;
float:left;
margin :11px 0px 0px 22px;

}
#dyn{
display:block;
position:relative;
float:left;
margin-left:1px;
border:1px solid #ccc;
width:166px;
height:105px;
}