* {

margin : 0;

padding : 0;

}

body {

font-family : Arial;

font-size : 12px;

background-color :#252575;

background-image:url("../image/background.jpg");

background-position:center;

background-repeat:repeat-y;

}

.bold{

font-weight : bold;

}



















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

************************************* le content englobe tous les blocs ****************************************

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

#content {

width : 1000px;

margin : auto;

}





















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

************************************* le header correspond au haut de page *************************************

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

#header {

width : 1000px;

height : 150px;

background-image : url("../image/header.jpg");

padding-top : 5px;

}

#logo{

float:left;

padding-left:10px;

}

#anim_header {

clear:right;

float:right;

padding-right:20px;

}

#menu {

float:right;

padding-right:30px;

}

#menu li {

list-style-type : none;

color : #7f7f7f;

font-size : 12px;

font-weight : bold;

margin-left : 20px;

float : left;

}

#menu li a {

color : #7f7f7f;

text-decoration : none;

}

#menu li a:hover {

color : #000000;

text-decoration : underline;

font-weight : bold;

}





















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

******************************** le corps englobe le menu vertical, le data et le footer************************

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

#corps {

width : 1000px;

background-image : url("../image/data.jpg");

background-repeat : repeat-y;

margin : 0;

}





















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

************************************* le menu vertical à gauche*************************************************

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

#menu_left {

float : left;

width : 250px;

height:650px;

}

.menu_sous_titre {

margin : 10px 5px;

padding-left : 10px;

padding-bottom : 5px;

font-weight : bold;

font-size : 14px;

color : #252575;

border-bottom : 1px solid #dbdbdb;

}

#menu_left ul {

margin : 0 5px; /* régler marge de la liste pour internet explorer*/

padding-left : 5px; /* régler marge de la liste pour firefox et safari*/

}

#menu_left li {

font-size : 14px;

padding : 5px;

list-style-type : none;

}

#menu_left li a {

color : black;

text-decoration : none;

}

#menu_left li a:hover {

color : #252575;

text-decoration : none;

font-weight : bold;

}

#menu_left li img {

padding-right : 5px;

}

#menu_left form {

margin : 10px 5px;

padding-left : 10px;

}

#logoSite{

float:left;

padding-left:10px;

}



#anim_video {

padding : 4px;

}





















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

le data englobe la partie centrale des pages où l'on peut retrouver le menu de gauche

	index.html 

	liste_vo.php 

	liste_vn.php 

	fiches_occasions.php 

	fiches_neufs.php 

	affaires.php 

	vehicules_neufs.php

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

#data {

float : left;

width : 750px;

min-height : 500px;

padding-bottom:20px;

}

#data h5{

text-align:center;

font-size:14px;

color:#CF00A4;

}

#data .retour{

text-align:center;

}

#data .retour a{

font-weight:bold;

font-size:12px;

color:#252575;

text-decoration:none;

}

#data .retour a:hover{

color:#252575;

text-decoration:underline;

}





















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

************************ la data_block correspond aux différentes blocs des pages data *************************

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

.data_block{

margin:10px 20px;

padding:10px;

border:thin solid #DBDBDB;

background-color:#F4F4F4;

}

.data_block h1{

font-size : 14px;

font-weight : bold;

color : #252575;

margin-left:10px;

padding-bottom : 10px;

}

.data_block h2{

font-size : 12px;

color : #252575;

margin-left:10px;

padding-bottom : 10px;

}

.data_block h3{

font-size : 14px;

font-weight : bold;

color : #252575;

margin-left:10px;

padding-bottom : 10px;

}

.data_block h4{

font-size : 14px;

font-weight : bold;

color : #252575;

margin-left:10px;

padding-bottom : 10px;

}

/*retrait de ces CSS pour le référencement le 19/08/10

.data_block h2{

font-size : 12px;

font-weight : bold;

color : #252575;

margin-left:10px;

padding-bottom : 10px;

text-align:right;

.data_block h4{

font-size : 12px;

font-weight : bold;

color : #CF00A4;

margin-left:10px;

padding-bottom : 10px;

text-align:center;

}*/

.data_block ul{

margin-left:30px;

}

.data_block a{

font-size:12px;

color:#CF00A4;

font-weight:bold;

text-decoration:none;

}

.data_block a:hover{

color:#CF00A4;

text-decoration:underline;

}

.data_block form select{

width:200px;

}

.data_block form input{

width:195px;

}





















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

le data_page englobe la partie centrale des pages où l'on ne retrouve pas le menu de gauche

	offre_reprise.php

	identifiants.php

	informations.php

	modifications.php

	contact.php

	mentions_legales.php

	questions.php

	equipe.php

	pro_inscription.php

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

#data_page{

margin:auto;

width : 750px;

min-height:650px;

background-color:white;

padding-bottom:20px;

}

#data_page a{

color:#252575;

text-decoration:none;

}

#data_page a:hover{

color:#252575;

text-decoration:underline;

}

#data_page h1{

text-align:center;

font-size:14px;

color: #252575;

padding:15px;

}

#data_page h2{

font-size:12px;

color: #252575;

text-decoration:underline;

padding:10px;

}

#data_page h3{

font-size:12px;

padding:5px 20px;

}

#data_page h4{

text-align:center;

font-size:12px;

padding:10px 20px;

color:#252575;

}

#data_page ul{

width:650px;

margin:auto;

}

#data_page span{

font-weight:bold;

text-decoration:underline;

color:#cf00a4;

}

#form_admin{

padding:10px;

text-align:center;

width:600px;

margin:auto;

}

#form_data_page{

margin:auto;

padding:10px;

border:thin dashed black;

width:600px;

}

#form_data_page table {

margin:auto;

}

#form_data_page table td{

width:250px;

vertical-align:top;

padding: 5px 0px;

}

#form_data_page select{

width:150px;

}

#ulAdmin{

text-align:center;

}

#ulAdmin li{

font-size : 14px;

font-weight:bold;

padding : 5px;

list-style-type : none;

}

#ulAdmin li img{

padding-right : 5px;

}

#adminHeader{

width:600px;

float:right;

font-size:10px;

color:#252575;

font-weight:bold;

}

#adminHeader td{

width:300px;

}

#adminHeader td form{

text-align:right;

}

#adminHeader a{

color:#252575;

text-decoration:none;

}

#adminHeader a:hover{

color:#252575;

text-decoration:underline;

}

#coup_de_coeur_admin{

width:600px;

margin:auto;

vertical-align:middle;

text-align:center;

color:#252575;

font-weight:bold;

}

#coup_de_coeur_admin td{

width:100px;

}

#coup_de_coeur_admin td span{

cursor:pointer;

color:#252575;

font-weight:bold;

}

#coup_de_coeur_admin th{

background-color:#cf00a4;

color:white;

width:100px;

}

#affaires_admin{

width:600px;

margin:auto;

vertical-align:middle;

text-align:center;

color:#252575;

font-weight:bold;

}

#affaires_admin td{

width:100px;

}

#affaires_admin td span{

cursor:pointer;

color:#252575;

font-weight:bold;

}

#affaires_admin th{

background-color:#cf00a4;

color:white;

width:100px;

}

#modeles_admin{

width:600px;

margin:auto;

vertical-align:middle;

text-align:center;

color:#252575;

font-weight:bold;

}

#modeles_admin td{

width:200px;

height:20px;

}

#modeles_admin td span{

cursor:pointer;

color:#252575;

font-weight:bold;

}

#modeles_admin th{

background-color:#cf00a4;

color:white;

width:200px;

}

#gammes_admin{

width:600px;

margin:auto;

vertical-align:middle;

text-align:center;

color:#252575;

font-weight:bold;

}

#gammes_admin td{

width:100px;

}

#gammes_admin td span{

cursor:pointer;

color:#252575;

font-weight:bold;

}

#gammes_admin th{

background-color:#cf00a4;

color:white;

width:100px;

}

#vn_admin{

width:600px;

margin:auto;

vertical-align:middle;

text-align:center;

color:#252575;

font-weight:bold;

}

#vn_admin td{

width:100px;

}

#vn_admin td span{

cursor:pointer;

color:#252575;

font-weight:bold;

}

#vn_admin th{

background-color:#cf00a4;

color:white;

width:100px;

}

#professionnels_admin{

width:600px;

margin:auto;

vertical-align:middle;

text-align:center;

color:#252575;

font-weight:bold;

}

#professionnels_admin td{

width:150px;

height:50px;

}

#professionnels_admin td span{

cursor:pointer;

color:#252575;

font-weight:bold;

}

#professionnels_admin th{

background-color:#cf00a4;

color:white;

width:150px;

}

#annonces_admin{

width:600px;

margin:auto;

vertical-align:middle;

text-align:center;

color:#252575;

font-weight:bold;

}

#annonces_admin td{

width:100px;

height:50px;

}

#annonces_admin td span{

cursor:pointer;

color:#252575;

font-weight:bold;

}

#annonces_admin th{

background-color:#cf00a4;

color:white;

width:150px;

}



.tabStats{

font-size:10px;

border:1px solid #252575;

width:700px;

margin:auto;

vertical-align:middle;

text-align:center;

color:#252575;

font-weight:bold;

}

.tabStats td{

border:1px solid #AFAFAF;

width:100px;

height:50px;

vertical-align:top;

}

.tabStats td span{

cursor:pointer;

color:#252575;

font-weight:bold;

}

.tabStats th{

background-color:#cf00a4;

color:white;

width:100px;

}

#stats{

font-size:10px;

width:700px;

}

#stats h3{

font-size:10px;

width:350px;

}

#stats ul{

width:350px;

margin-left:40px;

}

#stats td{

width:350px;

vertical-align:top;

}

#stats span{

font-weight:bold;

color:red;

text-decoration:none;

}

#galerieImage{

width:660px;

text-align:center;

margin:auto;

}

#galerieImage table{

float:left;

}

#galerieImage img{

cursor:pointer;

}

















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

la data_pro englobe la partie centrale des pages pro, elles ont globalement la même structure que le data hormis le fait qu'il n'y a pas de menu à gauche

	fiches_pro.php

	liste_vo_pro.php

	professionnels.php

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

#data_pro{

margin:auto;

width : 750px;

min-height : 650px;

background-color:white;

padding-bottom:20px;

}

#data_pro div{

padding:10px;

}

#data_pro h5{

text-align:center;

font-size:14px;

color:#CF00A4;

}

.data_block_pro{

margin:auto;

margin-bottom:10px;

padding:10px 30px;

border:thin solid #DBDBDB;

width:700px;

background-color:#F4F4F4;

}

.data_block_pro h1{

font-size : 14px;

font-weight : bold;

color : #252575;

margin-left:10px;

padding-bottom : 10px;

}

.data_block_pro h2{

font-size:12px;

color: #252575;

padding:5px 15px;

}

.data_block_pro a{

color:#252575;

text-decoration:none;

}

.data_block_pro a:hover{

color:#252575;

text-decoration:underline;

}

.data_block_pro form select{

width:200px;

}

.data_block_pro form input{

width:195px;

}

#data_pro .retour{

text-align:center;

}

#data_pro .retour a{

font-weight:bold;

font-size:12px;

color:#252575;

text-decoration:none;

}

#data_pro .retour a:hover{

color:#252575;

text-decoration:underline;

}

#fenetreProfessionnel{

color:#252575;

font-size:16px;

font-weight:bold;

}

#tab_infos{

width:400px;

margin:auto;

font-size:12px;

color:#252575;

font-weight:bold;

}

#tab_infos td{

padding : 10px;

}





















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

********************** le data_affaires correspond au contenu de la page affaires.php***************************

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

#data_affaires{

border:thin solid #DBDBDB;

padding:5px 15px;

width:700px;

margin:auto;

}

#data_affaires h1{

text-align:center;

color:#252575;

padding:20px;

font-size:20px;

}

#tab_affaires{

width:700px;

}

#tab_affaires td{

vertical-align:top;

}

#tab_affaires_left{

width:350px;

cursor:pointer;

}

#tab_affaires_left td{

cursor:pointer;

vertical-align:middle;

}

#tab_affaires_left .td_left{

text-align:center;

width:60px;

}

#tab_affaires_left .td_right{

width:290px;

vertical-align:middle;

}

#tab_affaires_right{

width:300px;

}

#tab_affaires_right td{

text-align:center;

width:350px;

}

#tab_affaires span{

font-size : 20px;

font-weight : bold;

}





















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

********************** le data_vehicules_neufs correspond au contenu de la page vehicules_neufs.php*************

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

#data_vehicules_neufs{

border:thin solid #DBDBDB;

padding:5px 15px;

width:700px;

margin:auto;

position:relative;

}

#data_vehicules_neufs h1{

text-align:center;

color:#252575;

padding:20px;

font-size:20px;

}

#data_vehicules_neufs h2{

text-align:center;

color:#252575;

font-size:12px;

}

#data_vehicules_neufs h2.haut{

font-size:24px;

font-weight:bold;

color:black;

float:right;

}

#data_vehicules_neufs a{

color:#252575;

text-decoration:none;

}

#topVN{

width:650px;

margin: 20px auto;

background-color:#F4F4F4;

}

#tabVN{

width:650px;

text-align:center;

padding:10px;

margin:auto;

}

#tabVN td{

vertical-align:top;

width:325px;

}

#tabVNLeft{

width:320px;

cursor:pointer;

}

#tabVNLeft span{

font-size : 14px;

font-weight : bold;

}

#formVN{

text-align:left;

background-color:white;

padding:5px;

}

#formVN select{

width:150px;

}

#galerieVN table{

float:left;

cursor:pointer;

}

#galerieVN h2{

text-align:left;

clear:both;

padding-top:10px;

font-size:16px;

}

#galerieVN .tabGalerieVN{

text-align:center;

width:130px;

}

#galerieVN .tabGalerieVN span{

background-color:#CF00A4;

color:white;

display:block;

font-weight:bold;

}

#galerieVN .tabGalerieVN td{

height:70px;

}

#clearGalerie{

width:700px;

clear:both;

}





















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

**********le data_fiches_occasions correspond au contenu de la page fiches_occasions.php et fiches_pro.php*******************************

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

#data_fiches_occasions{

border:thin solid #DBDBDB;

padding:5px 15px;

width:700px;

margin:auto;

}

#data_fiches_occasions h1{

background-color:#cf00a4;

text-align:center;

margin:15px 0px;

font-size:16px;

color:white;

}

#data_fiches_occasions h2{

text-align:center;

font-size:16px;

}

#data_fiches_occasions h5{

text-align:center;

font-size:14px;

color:#CF00A4;

}

#data_fiches_occasions p{

text-align:center;

}

#data_fiches_occasions ul{

list-style-type:disc;

}

#data_fiches_occasions p{

text-align:center;

}

#data_fiches_occasions a{

color:black;

font-weight:bold;

text-decoration:none;

}

#data_fiches_occasions a:hover{

text-decoration:underline;

}

#data_fiches_occasions h1.mail {

color:#CF00A4;

background-color:white;

text-align:center;

font-size:16px;

}

#tabPhoto{

width:500px;

}

#tabPhoto td{

text-align:center;

vertical-align:top;

}

#tabDescription{

width:700px;

margin:auto;

border:thin solid white;

font-weight:bold;

}

#tabDescription td{

height:20px;

padding:5px;

}

.td_espace{

width:20px;

}

.td_bleu_clair{

background-color : #D1DEDF;

width:170px

}

.td_bleu_gris{

background-color : #959E9F;

width:170px

}

#tabEquipement{

width:600px;

margin:auto;

}

#tabEquipement td{

padding:20px;

width:200px;

}

#form_fiches_occasions{

padding:20px;

}

#form_fiches_pro{

padding:20px;

}

#tabForm{

border:thin dashed black;

padding:10px;

margin:auto;

}

#tabForm td{

vertical-align:top;

min-width:150px;

}





















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

********************** le data_fiches_neufs correspond au contenu de la page fiches_neufs.php **********

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

#data_fiches_neufs{

border:thin solid #DBDBDB;

padding:5px 15px;

width:700px;

margin:auto;

}

#data_fiches_neufs h1{

background-color:#cf00a4;

text-align:center;

margin:15px 0px;

font-size:16px;

color:white;

}

#data_fiches_neufs h2{

text-align:center;

font-size:16px;

}

#data_fiches_neufs h5{

text-align:center;

font-size:14px;

color:#CF00A4;

}

#data_fiches_neufs p{

text-align:center;

}

#data_fiches_neufs ul{

list-style-type:disc;

}

#data_fiches_neufs p{

text-align:center;

}

#data_fiches_neufs a{

color:black;

font-weight:bold;

text-decoration:none;

}

#data_fiches_neufs a:hover{

text-decoration:underline;

}

#photo{

text-align:center;

}

#data_fiches_neufs h1.mail {

color:#CF00A4;

background-color:white;

text-align:center;

font-size:16px;

}

#tabDescription{

width:700px;

margin:auto;

border:thin solid white;

font-weight:bold;

}

#tabDescription td{

height:20px;

padding:5px;

}

.td_espace{

width:20px;

}

.td_bleu_clair{

background-color : #D1DEDF;

width:170px

}

.td_bleu_gris{

background-color : #959E9F;

width:170px

}

#tabEquipement{

width:600px;

margin:auto;

}

#tabEquipement td{

padding:20px;

width:200px;

}

#form_fiches_neufs{

padding:20px;

}

#tabForm{

border:thin dashed black;

padding:10px;

margin:auto;

}

#tabForm td{

vertical-align:top;

min-width:150px;

}























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

********************** le pop correspond au fenêtre popup de la catégorie coup de coeur ************************

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

.pop{

display:inline;

}

.pop img{

padding:15px 10px;

cursor:pointer;

}

.pop div{

display:inline;

position:absolute;

margin-left:100px;

margin-top:-50px;

background-color:#cf01a4;

}

.pop table{

font-weight:bold;

color:white;

font-size:16px;

height:100px;

text-align:center;

border:thin solid black;

width:150px;

cursor:pointer;

}





















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

********************** le referencement correspond à la partie réferencement de la page index.php **************

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

#referencement{

padding:10px 5px;

margin: 0px 0px 20px 0px;

}

#referencement h4 {

font-weight:bold;

clear:both;

font-size : 12px;

color : #252575;

margin-left:10px;

padding-bottom : 10px;

}

#referencement .gauche{

float : left;

width:25%;

margin:0px;

padding:0px;

}

#referencement .gauche a{

text-decoration:none;

color:#000;

font-size:11px;

}

#referencement .gauche a:hover{

text-decoration:none;

color: #252575;

}





















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

******** liste_vo correspond au tableau de la page liste_vo.php, liste_vn.php et liste_vo_pro.php***************

************ les propriétés qui suivent font réference aux différentes cellules du tableau *********************

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

#liste_vo{

width : 730px;

text-align:center;

border-color : white;

color : #252575;

}

#liste_vo th{

text-align : left;

background-color : #cf00a4;

color : white;

padding-left:5px;

}

#liste_vo tr{

cursor:pointer;

}

#liste_vo th img{

float:right;

margin:3px;

}

#liste_vn{

width : 730px;

text-align:center;

border-color : white;

color : #252575;

}

#liste_vn th{

text-align : left;

background-color : #cf00a4;

color : white;

padding-left:5px;

}

#liste_vn tr{

cursor:pointer;

}

#liste_vn th img{

float:right;

margin:3px;

}

#thPhoto{

width : 75px;

}

#thMarque{

width : 100px;

}

#thModele{

width : 100px;

}

#thVersion{

width : 110px;

}

#thKm{

width : 80px;

}

#thAnnee{

width : 80px;

}

#thPrix{

width : 150px;

}

#thTitre{

width : 150px;

}

#thEnergie{

width : 80px;

}

#thCouleur{

width : 80px;

}

#thType{

width : 80px;

}

.tdPhoto img{

width : 75px;

height : 50px;

}

.tdMarque{

font-weight : bold;

}

.tdModele{

font-weight : bold;

}

.tdVersion{

font-weight : bold;

}

.tdKm{

font-weight : bold;

}

.tdAnnee{

font-weight : bold;

}

.tdPrix span{

font-size : 20px;

font-weight : bold;

}

.tdPrix .marchand{

font-size:12px;

background-color:#CF00A4;

color:white;

padding:3px;

}

.tdTitre{

font-weight : bold;

}

.tdEnergie{

font-weight : bold;

}

.tdCouleur{

font-weight : bold;

}

.tdType{

font-weight : bold;

}

#tab_form{

width:700px;

margin:auto;

text-align:center;

}

#tab_form tr{

vertical-align:top;

}

.nbrPage a{

font-size:14px;

color: #252575;

text-decoration:none;

padding-left:2px;

}

.nbrPage .pageSelect{

font-weight:bold;

text-decoration:underline;

}

#popupVN{

text-align:center;

width:500px;

margin: 20px auto;

}

#popupVN h1{

padding:10px;

text-align:center;

color:#252575;

padding:20px;

font-size:20px;

}

#popupVN h2{

padding:20px;

text-align:center;

color:#252575;

font-size:12px;

}

#popupVN img{

padding:15px;

}

#popupVN #tabPopupVN{

text-align:center;

margin:auto;

}

#popupVN #tabPopupVN td{

width:500px;

margin:0;

}

#popupVN #popupTop{

text-align:right;

height:60px;

background-image:url("../image/popupTop.jpg");

}

#popupVN #popupTop h1{

text-align:right;

padding:20px 30px;

font-size:16px;

cursor:pointer;

}

#popupVN #popupData{

background-image:url("../image/popupData.jpg");

}

#popupVN #popupBottom{

height:30px;

background-image:url("../image/popupBottom.jpg");

}





















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

********************** le clear va permettre d'égaliser la hauteur du bloc menu_left et du bloc data ***********

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

.clear {

clear : both;

display : block;

width : 1000px;

overflow : hidden;

height : 2px;

background-color : #252575;

margin : 0;

padding : 0;

}





















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

*************************************** le footer correspond au pied de page ***********************************

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

#footer {

clear : both;

width : 1000px;

height:20px;

background-color : #81879f;

}

#footer h1{

text-align : center;

font-size : 11px;

color : white;

}

#footer a{

text-align : center;

font-size : 11px;

color : white;

text-decoration:none;

}

#footer a:hover{

text-decoration:underline;

}





















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

******************************** les inclassables se trouvant dans plusieurs pages *****************************

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



/*propriéte permettant d'alterner les couleurs des balises tr dans les différents tableaux du site*/

.tr_bleu_clair{

background-color : #D1DEDF;

}

.tr_bleu_gris{

background-color : #959E9F;

}



/*message d'alerte lors de l'envoi d'un formulaire*/

.alert{

font-size:16px;

text-align:center;

font-weight:bold;

text-decoration:underline;

color:#cf00a4;

}



/*message d'erreur pour les champs de formulaire mal rempli*/

.error{

font-size:12px;

font-weight:bold;

text-decoration:underline;

color:#cf00a4;

}