@import "paiement.css";
/*************************************************
				STYLES BALISES GENERIQUES
*************************************************/
body {
	margin:0;
	padding:0;
	background:#fff;
	color:#444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url('http://www.planet-motors.com/img/bg.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-color:#000000;
	text-align:left;
}

img, a, p, table { behavior: url(iepngfix.htc); border:none; text-align:left}  Support du PNG par ie6 

.liste { padding:0; margin:0 0 7px 0}

a img.opacite { cursor:pointer; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.opacite {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8; }

/*************************************************
				STYLES DU TEXTE
*************************************************/
#infos_vendeur, #date_part
{
	font-size:14px;
	color:#006bbd;
}
caption
{
	font-size:14px;
	color:#006bbd;
	font-weight:bold;
	text-transform:none;
}

h2.lien_detail {font-weight:bold; font-size:14px; text-transform:uppercase; padding:0; margin:0; color:#006bbd }
h2.lien_detail .span_detail_version {
	font-size:13px;
	color:#444444;
	text-transform:none;
}



.bleu{color: #006bbd; font-weight:bold}
.rouge{color: #F90019; font-weight:bold}
.blue{color: #006bbd; font-weight:bold}
.blanc{color: #ffffff;}
.h1_resultats {
	color:#000;
	font-size:14px;
}
.h1_resultats1 {
	color:#E30026;
	font-size:14px;
}
h1{ color:#000; font: Arial, Helvetica, sans-serif bold; font-size: 14px; padding-left:10px; margin:0}
h2 {font-weight:bold; font-size:14px; text-transform:uppercase; padding:0; margin:0; color:#aaaaaa }
h3{ color:#000; font: Arial, Helvetica, sans-serif bold 13px; height:21px; line-height:21px; margin:0}
h3.titre{ background:url(img/fond_titre_h3.png) no-repeat; color:#fff; font: Arial, Helvetica, sans-serif bold 13px; height:25px; line-height:25px; padding-left:10px; margin:0}


form{margin:0;padding:0}
input, select, textarea, #cryptogram{
	border:1px solid #ccc;
	color:#333;
	font-size:12px;
	}



a.infobulle{
    position:relative; 
    z-index:24;
    text-decoration:none}

a.infobulle:hover{z-index:25; background-color:#ff0; }

a.infobulle span{display: none;	}

a.infobulle:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:15em;
    border:1px solid #4097e1;
    background-color:#efefef; color:#4097e1;
    text-align: left;
    font-weight:none;
    padding:5px;
    
    }
	
	
	
	/******************************************
	***************Bande-footer****************
	******************************************/
	
    #new-footer
	{
		background:url("img/footercss.png");
		background-repeat:repeat-x;
		padding-top:5px;
		margin-bottom:0px;
		margin-top:10px;
		width:100%;
		height:250px;
		color:white;
		text-align:center;
		font-weight:bold;
	}	
	
#iconfb
{
background:url(img/fb.png);
width:24px;
height:23px;
margin-top:15px; 

position:absolute;
}	

#icontw
{
background:url(img/tw.png);
width:24px;
height:23px;
margin-top:15px; 
margin-left:25px;
position:absolute;
}	
	
#iconde
{
background:url(img/de.png);
width:24px;
height:23px;
margin-top:15px; 
margin-left:50px;
position:absolute;
}	
	
#icondi
{
background:url(img/di.png);
width:24px;
height:23px;
margin-top:15px; 
margin-left:75px;
position:absolute;
}	
	
#iconyt
{
background:url(img/yt.png);
width:24px;
height:23px;
margin-top:15px; 
margin-left:100px;
position:absolute;
}
	
#icongo
{
background:url(img/go.png);
width:24px;
height:23px;
margin-top:15px; 
margin-left:125px;
position:absolute;
}

#iconya
{
background:url(img/ya.png);
width:24px;
height:23px;
margin-top:15px;
margin-left:150px;
position:absolute;
}	
	
#iconrs
{
background:url(img/rs.png);
width:24px;
height:23px;
margin-top:15px; 
margin-left:175px;
position:absolute;
}


#iconarg
{
background:url();
width:55px;
height:17px;
margin-top:-16px; 
margin-left:6px;

position:absolute;
}	
	

	/*/////////////////////////////////////////////////////////////
						Top 10 des Femmes
	/////////////////////////////////////////////////////////////*/

	
#femme1	
{
background:url("img/bandeBlock.png");
width:337px;
height:80px;
}
#femme1:hover
{
background:url("img/Bande.png");
width:337px;
height:80px;
}

#femme2	
{
background:url("img/bandeBlock.png");
width:337px;
height:80px;
}
#femme2:hover
{
background:url("img/Bande.png");
width:337px;
height:80px;
}

#femme3	
{
background:url("img/bandeBlock.png");
width:337px;
height:80px;
}
#femme3:hover
{
background:url("img/Bande.png");
width:337px;
height:80px;
}


	/*/////////////////////////////////////////////////////////////
						Top 10 des Jeunes
	/////////////////////////////////////////////////////////////*/
	
#jeune1
{
background:url("img/bandeBlock.png");
width:337px;
height:80px;
}
#jeune1:hover
{
background:url("img/Bande.png");
width:337px;
height:80px;
}

#jeune2	
{
background:url("img/bandeBlock.png");
width:337px;
height:80px;
}
#jeune2:hover
{
background:url("img/Bande.png");
width:337px;
height:80px;
}

#jeune3	
{
background:url("img/bandeBlock.png");
width:337px;
height:80px;
}
#jeune3:hover
{
background:url("img/Bande.png");
width:337px;
height:80px;
}
	
	/*/////////////////////////////////////////////////////////////
						Top 10 des Ventes
	/////////////////////////////////////////////////////////////*/

#vente1	
{
background:url("img/bandeBlock.png");
width:337px;
height:80px;
}
#vente1:hover
{
background:url("img/Bande.png");
width:337px;
height:80px;
}

#vente2	
{
background:url("img/bandeBlock.png");
width:337px;
height:80px;
}
#vente2:hover
{
background:url("img/Bande.png");
width:337px;
height:80px;
}

#vente3	
{
background:url("img/bandeBlock.png");
width:337px;
height:80px;
}
#vente3:hover
{
background:url("img/Bande.png");
width:337px;
height:80px;
}



/*///////////////////////////////////////////////////////////////////////*/


#hauttop
{
color: white;
text-align:left;
padding-left:30px;
background:url("img/hautblock.png");
width:307px; 
height:61px;
}

#basblock
{
text-align:left;
padding:10px;
color: white;
background:url("img/basblock.png");
width:317px; 
height:76px;
}

/*///////////////////////////////////////////////////////////////////////*/

#footermarque
{
background:url("img/bande-auto.png");
width:1028px;
height:260px;

padding-top:3px;
padding-left:3px;
margin-left:6px;
margin-bottom:25px;
margin-top:0px;
text-decoration:none;
}

#paraupfoot
{
background:url("img/Bande-texte.png");
padding-top:3px;
margin-left:-5px;
margin-bottom:0px;
margin-top:-19px;
width:1032px;
height:151px;
color:white;
text-align:center;
line-height:19px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}	

#parabotfoot
{
background:url("img/Bande-footer.png");
padding-top:5px;
margin-left:-5px;
margin-bottom:0px;
margin-top:3px;
width:1032px;
height:196px;
color:white;
text-align:center;
font-weight:bold;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}	

.soulignhoover:hover
{
text-decoration:underline;
}
.soulignhoover
{
text-decoration:none;
}
	
	
#titreconseil
{
background-color:#0c90d5;
padding: 3px;
color:white;
font-size:18px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#lesconseils
{
position: absolute;
width:400px;
}


/**************************************************
*****************FOOTER-AUTO***********************
**************************************************/

.audiclass
{
margin-left:25px;
color:white;
}

.alfaclass
{
margin-left:-10px;
color:white;
}

.bmwclass
{
color:white;
}

.citroenclass
{
margin-left:20px;
color:white;
}

.daciaclass
{
margin-left:-10px;
color:white;
}

.ferrariclass
{
color:white;
}

.fiatclass
{
color:white;
}

.fordclass
{
color:white;
}

/**************************************************************************************************************************************************************************************************************/

/**************************************************
************Page Vheicule "detail.php"*************
**************************************************/

#prix-du-veh
{
margin-top:-30px;
margin-left:400px;
background: url("img/prix-du-veh.png") no-repeat;
color:white;
padding-left:20px;
padding-top:5px;
height:36px;
width:113px;
}

#bande-h1
{
margin-top:10px;
padding-top:20px;
padding-left:20px;
background:url("img/bande-hi.png") repeat-x;
height:61px;
width:670px;
}



/*************************************************
				liens
*************************************************/
a{text-decoration:none;color: #444444;}
a:hover {text-decoration:none;color: #006bbd;}





.lien_nav { color:#666666; text-decoration:none; font-size:10px}
.lien_nav:hover { color:#666666; font-size:10px}

.lien_bleu { color:#006bbd; text-decoration:none;  font-weight:bold}
.lien_bleu:hover { color:#006bbd; font-weight:bold}

.lien_bas_droite {color: #444444;}
.lien_bas_droite:hover {text-decoration:none; color:#444444}

.lien_bandeau_bas {text-decoration:none;color: #444444; font-weight:normal}
.lien_bandeau_bas:hover { color:#444444; font-weight:normal}

.lien_detail_vehicule { text-decoration:none; color:#006bbd; }
.lien_detail_vehicule:hover { color:#006bbd; }
.lien_detail_vehicule:visited { color:#444; }

.lien_detail_vehicule_accueil { text-decoration:none; color:#444444; }
.lien_detail_vehicule_accueil:hover { color:#006bbd; }
.lien_detail_vehicule_accueil:visited { color:#444444; }


/*************************************************
				STYLES CONTENU DU SITE
*************************************************/
div#conteneur {
	margin:auto;
	width:1045px;
	/*background: url('img/repetition.jpg') repeat-y ;*/
	position:relative;
}

.s9 {font-size:9px}
.s10 {font-size:10px}
.s11 {font-size:11px}
.s13 {font-size:13px}
.s14 {font-size:14px}
.msg {color:#CC0000; font-weight:bold}
.border{border:1px solid #4a4a4a}

/************************************************
				ENTETE
************************************************/

div#entete {
	background:url(img/banniere-logo.png) no-repeat;
	height:100px;
	margin:0;padding:0;	
	margin-left : 10px;
	margin-top:-10px;
}

#location
{
	vertical-align:bottom;
}

#location img
{
	margin-right : 11px;
}

#logoheader
{
	margin-top:-10px;
}

/*****************************************************
				MENU horizontal
*****************************************************/

ul#menu {
	background:url(img/menu.png) no-repeat;
	height:50px;
	margin:0 0 0 0;
	padding:0 0 0 px;
	list-style-type:none;
}
ul#menu li {
	display:inline;
	margin:0;padding:0;
}

ul#menu li a {
	display:block;
	float:left;
	margin:0;
	padding:0 50px 0 50px;
	color:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	height:50px;
	line-height:50px;
	/*background:url(img/separation.jpg) no-repeat left;*/
}

ul#menu li.accroche a {
	margin:0;
	padding:0 30px 0 30px;
	color:#fff;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	height:50px;
	line-height:50px;
}

ul#menu li a:hover, ul#menu li a.active {
	/*background:url(img/bt-on.png) no-repeat center ;*/
	color:#009cff;
}

/************************************************
				FORMULAIRE DE RECHERCHE
************************************************/

input.searchsubmit
{
	border:none;
	background : url(img/labande.png) no-repeat top center;
	width : 391px;
	height : 26px;
	color:white;
	font-weight:bold;
	margin-left:-25px;
	margin-bottom:4px;
	
}

input.searchsubmit:hover
{
	cursor : pointer;
	color:white;
}

td.searchsubmit
{
	height : 48px;
	text-align : right;
	vertical-align : bottom;
}



/*hack chrome / safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	td.searchsubmit
	{
		height : 32px;
	}
}



/*****************************************************
				SOUS MENU horizontal
*****************************************************/

ul#sous_menu {
	background:url(img/fond_sous_menu.png) no-repeat;
	height:25px;
	width:470px;
	margin:0 0 0 0;
	padding:0 0 0 0px;
	list-style-type:none;
}
ul#sous_menu li {
	display:inline;
	margin:0;padding:0;
	width:470px;
	cursor:pointer;

}

ul#sous_menu li a {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:116px;
	text-align:center;
	color:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	height:25px;
	line-height:25px;
	/*background:url(img/separation.jpg) no-repeat left;*/
}


ul#sous_menu li a:hover, ul#sous_menu li a.active {
	background:url(img/bt-on.png) no-repeat center ;
}



/*****************************************************
				MENU CATEGORIES VEHICULES
*****************************************************/

ul#categorie {
	height:44px;
	background:url(img/btn/categories_off.gif) no-repeat;
	margin:0;padding:0 0 0 25px;
	width:399px;
}
ul#categorie li {
	display:inline;
	margin:0;padding:0;
}
ul#categorie li a {
	display:block;
	height:44px;
	float:left;
	margin:0;
	padding:0 ;
	line-height:44px;
	text-decoration:none;
	filter:alpha(opacity=0);-moz-opacity:0;opacity:0
}

ul#categorie li a:hover, ul#categorie li a.active {
	filter:alpha(opacity=100);-moz-opacity: 1;opacity:1
}



/***********************************************************
				CORPS
***********************************************************/
div#corps {
}

div#contenu {
	text-align:left;
	margin:0;
	padding:0;
	height:498px;
}

html>body #contenu {
	height:auto;
	/*min-height:498px;*/
} 

div#bandeau-page {
	height:250px;
}

div#contenu_modifiable {
	border:none;
	padding:0 10px;
	margin:0px ;
}


.fleche {
	position:absolute;
	top:158px;
	left:75px;
	margin:0;
	padding:0;
}

ul.model{
	list-style:none;
}
ul.model li{
	float:left;
	width:25%;
	font-size:11px;
}
.clear{
	margin:0;
	padding:0;
	height:0;
	clear:both;
}

/****************************************************
				BANDEAU BAS
****************************************************/
div#bandeau-bas {
	/*background: url('img/bandeau-bas.png') no-repeat;
	height:104px;*/
	color:#FFF;
	padding:10px 10px;
	font-weight:bold;
	text-align:center;
}
img.icon-footer {
	margin: 0 5px 0 0;
}

resoc {
	position:fixed;
}





/************************************   retour_action   ***********************************/
#retour_action{
	border: solid 3px #6799E3;
	background-color:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#6799E3;
	padding:20px;
	text-align:center;
	z-index:1000;

	position:fixed;
	width:350px;
	left: 50%;
	top: 35%;
	margin-top:-10px;
	margin-left:-175px;
}

*html #retour_action { /* only ie6 : hack position fixe */
        position: absolute;
        top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight + 300);
}








#nav, #nav ul{

                margin:0;

                padding:0;

                list-style-type:none;

                list-style-position:outside;

                position:relative;

                line-height:1.5em;

                cursor:pointer;

}

 

#nav a{

                display:block;

                padding:0px 8px;

                color:#000;

                text-decoration:none;

               

}

 

#nav a:hover{

                background:url('images/fond_menu_li.gif') right no-repeat;

                color:#000;

}

 

#nav li{

                float:left;

                position:relative;

                background-color:#444444;

}

 

#nav li.premier_niveau{

                color:#FFF;

                float:left;

                position:relative;

                background-color:transparent;

                font-weight:bold;

                padding-right:6px;

}

 

#nav li.premier_niveau a:hover{

                background-color:transparent;

}

 

#nav a.sous_menu{

                background:url('images/arrow_r.gif') right no-repeat;

}

 

#nav a.sous_menu:hover {

                background:url('images/fond_menu_l_sous_menu.gif') right no-repeat;

}

 

 

#nav ul {

                position:absolute;

                display:none;

                width:13.5em;

                top:1.5em;

}

 

#nav li ul a{

width:12em;

height:29px;

line-height:29px;

float:left;

}

 

#nav ul ul{

top:auto;

}             

 

#nav li ul ul {

left:12.5em;

margin:0px 0 0 10px;

}

 

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{

display:none;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{

display:block;

}

/*****************************************************
				PAGE CGV
*****************************************************/
table.cgv {
position: relative;
}
table.cgv .icon-h1 {
position:  absolute;
margin: -20px 0 0 0;
}
table.cgv h1 {
padding: 0 0 0 50px;
}
table.cgv h2 {
padding: 0 0 0 20px;
color: #006bbd;
background: transparent url(img/icon-text.png) no-repeat left top;
}
table.cgv p {
padding: 0 20px;
}
/*****************************************************
				PAGE TARIFS
*****************************************************/
h2.icon-red-car {
padding: 0 0 0 60px;
color: #ad110a;
height: 30px;
font-size: 16px;
background: transparent url(img/icon-red-car.png) no-repeat left -15px;
}
h2.icon-grey-car {
padding: 0 0 20px 60px;
color: #666;
height: 30px;
font-size: 16px;
background: transparent url(img/icon-grey-car.png) no-repeat left -15px;
}
table.tab-tarif {
	margin: 0 0 20px 0;
	width: 100%;
}
table.tab-tarif th {
	margin: 0;
	padding: 8px 15px;
	font-size:  13px;
	color: #fff;
	background: transparent url(img/tab1_09.png) repeat-x left bottom;
}
table.tab-tarif tr {
	background-color:  #e0e0e0;
}
table.tab-tarif tr.une-ligne-sur-deux {
	color:#000;
	background-color:  #bfbfbf;
}
table.tab-tarif td {
	margin: 0;
	padding: 5px 15px;
	width: 100px;
}

/*************************************************
				FORM
*************************************************/

#form {
	margin: 0;
	padding: 0 350px;
	width: 300px;
}
#form ul {
	padding: 0;
	margin: 0;
}
#form ul li {
	list-style: none;
	text-align: left;
	clear: both;
	padding: 0 25px 8px 25px;
	margin: 0;
}
#form ul li i {
	font-style: italic;
	color: #ad110a;
}
#form ul li input {
	float: right;
}
#form label {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	text-align: center;
	display: block;
}
#form label.red-heading {
	color: #ad110a;
}
#form #submit {
	color: #fff;
	border: none;
	height: 27px;
	line-height: 27px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	clear: both;
	float: none;
	font-family: Arial;
	background: transparent url(img/btn/submit-bg.gif) repeat-x left top;
}
span.note {
	padding: 0 0 20px 0;
	text-align: center;
	font-style: italic;
	display: block;
}