/**
*Feuille de style de FireFox
**/
body{
	font-family:Arial ;
	margin:0px;
	padding:0px;	
	overflow:auto;	
}

#en_tete{
	position:relative;
	background-image: url("../images/entete.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;
	height:178px ;
	width:968px ;
}

#entete_pub{
	margin:-95px 0px 0px 391px ;	
}

#slogan{
	color:RGB(255,255,255) ;
	float:left ;
	font-weight:bold ;
	margin:75px 0px 0px 145px ;
}

#corps{
	position:relative;
	background:url(../images/menu/bande.jpg) left repeat-y;
	width:968px;
}

#menu_principal{
	position:relative;
	background:#2A4499;
	float:left ;
	min-width:183px ;	
}

#menu_principal ul{
	list-style-type:none ;
	margin-left:-30px;
}

#menu_principal li{
	display:block ;
	height:32px ;
	width:158px ;	
}

#menu_principal a.lien_menu{
	color:RGB(255,255,255) ;
	display:block;
	font-size:0.8em ;	
	text-decoration:none ;
	padding:10px 0px 0px 32px;
}

#menu_principal a.lien_menu:hover{
	color:RGB(142,200,1) ;	
}

#drapeau {
	text-align:center ;
}

#drapeau img{
	border:0px ;
}


#menu-1{
	background-image: url("../images/menu/stock.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;	
}

#menu-2{
	background-image: url("../images/menu/info.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;
}

#menu-3{
	background-image: url("../images/menu/contact.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;
}

#menu-4{
	background-image: url("../images/menu/boutonpanier.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;
}

#admin-menu-5{
	background-image: url("../images/menu/changer.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;
}

#menu-4{
	background-image: url("../images/menu/boutonpanier.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;
}

#admin-menu-1{
	background-image: url("../images/menu/stock.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;	
}

#admin-menu-2{
	background-image: url("../images/admin/menugestionmarques.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;
}

#admin-menu-3{
	background-image: url("../images/admin/menurevenirsite.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;
}

#admin-menu-4{
	background-image: url("../images/admin/menuterminersession.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;
}

#section_rechercher{
	background-image: url("../images/menu/fond_rechercher.jpg") ;
	background-position: left ; 
	background-repeat: no-repeat ;
	color:RGB(255,255,255) ;
	font-size:0.8em ;
	font-weight:bold ;
	height:400px ;
	text-align:center ;	
}

#libelle_chercher{
	padding:10px ;		
}

#section_rechercher select{
	margin:5px ;
	width:130px ;
}

#contenu{
	position:relative;
	float:left;
	min-height:553px;
	max-width:967px;
	width:750px;
	height:100%;
	padding:15px;
	background-color:white;
}

#pied_page{
	position:relative;
	clear:both;
	background-image: url("../images/pied.jpg") ;
	background-position: top left ; 
	background-repeat: no-repeat ;
	color:RGB(255,255,255) ;
	font-size:0.75em ;
	height:38px ;
	text-align:center ;
	width:968px;
	line-height:40px;
}

#pied_page a{
	color:white;
	text-decoration:none;
}

#contact_pied{
	float:left;
	width:630px;
}

#sitemap{
	float:left;
	width:180px;
	text-align:left;
	padding-left:10px;
	font-size:0.8em;
}

#akrobat{
	float:right;
	width:120px;
	font-size:0.8em;
}

.premiere_rubrique{
	float:left ;
	margin:10px 0px 0px 20px;
	text-align:center ;	
}

.tiret_footer{
	display:inline;
	text-align:center;
	margin:0px 15px;	
}

#tiret_footer_akrobat{
	display:inline;
	text-align:right;
}

.tiret_footer{
	display:inline;
	text-align:center;
	margin:0px 15px;
	
	
}

#formulaire_contact{
	width:100%;	
}


/*RAJOUT NATHAN*/


#bande{
	position:absolute;
	height:6px;
	background-color:red;
	top:0px;
	left:0px;	
}

#pagecontact{
	position:relative;
	/*border:1px solid red;	*/
	width:100%;
	height:100%;
}

#contact{
	position:relative;
	width:400px;
	color:#2A4499;
	font-family:arial;
	font-size:0.8em;
	border-right:1px solid #EBE9ED;
	margin-top:70px;
	margin-left:50px;
	line-height:20px;
}

#contact a{
	color:#2A4499;
	text-decoration:none;
}

#contact a:hover{
	color:#345391;
	text-decoration:none;
}

#chef{
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.3em;
}

#logocontact{
	position:absolute;
	top:10px;
	left:500px;	
}

/*CSS pour les listes des vehicules*/
.item_liste{

}

#page_liste{
	color:#2A4499;
	font-size:12px;
	line-height:20px;
}

/*CSS pour le formulaire admin*/
.inputadmin{
	width:150px;
}

/*CSS pour l'affichage des vehicules*/

.navigation{	
	clear:both;
	padding:25px;
	position:relative;
	text-align:center;
}

.navigation a{	
	color:#2A4499;
	font-size:0.8em;
	text-decoration:none;
	margin:0px 15px;
}

.precedent{	
	float:left;
	text-align:right;
	width:48%;
}

.suivant{	
	float:right;
	text-align:left;
	width:52%;
}

/*CSS pour l'affichage des vehicules ŕ modifier GERER-VEHICULES.TPL */

.gerer-navigation{	
	clear:both;	
	margin-bottom:0px;
	margin-top:15px;
	position:relative;
	text-align:center;
}

.gerer-navigation a{
	color:#2A4499;
	font-size:0.8em;
	text-decoration:none;
	margin:0px 15px;
}


.gerer-precedent{	
	float:left;
	text-align:left;
	width:40%;	
	padding-left:15px;
}

.gerer-precedent-img{	
background:url(../images/flechegauche.jpg) no-repeat left;
padding-left:15px;
}

.gerer-suivant{
	float:right;
	text-align:right;
	width:40%;	
	padding-right:35px;
}

.gerer-suivant-img{	
background:url(../images/flechedroite.jpg) no-repeat right;
padding-right:15px;
}



#listephoto{
	position:relative;	
}

#liste{
	margin:0px auto;	
	width:100%;	
}

.vignette{
	background:url(../images/listes/ongletbleu.jpg) no-repeat bottom right;
	float:left;
	height:129px;	
	margin:10px 25px 10px 25px;
	width:132px;	
	padding-bottom:14px;
	padding-bottom:9px;
}

.vignette_texte{
	font-size:0.7em;
	margin-bottom:0px;
	text-align:left;
	padding-left:5px;
	color:white;
	background:url(../images/listes/fleche-haut.JPG) left bottom no-repeat;
}

#texte_accueil{
	text-align:justify;
	width:100%;
	padding:15px 0px 20px 0px;	
	color:RGB(42,68,153);
	font-size:0.8em;

}

.image{
	
}

.dimension{
	height:100px;
	width:132px;	
}

img{
	border:0px;
}

/*CSS pour un vehicule en particulier*/
#cadrehaut{
	position:relative;	
}

#cadrehaut h1{
	font-size:1.2em;
	color:#2A4499;
	display:inline;	
}

#detailPhoto{
	float:left;
	padding:0px 0px 0px 20px;
	margin:-10px 0px 0px 0px; /*pour FIREFOX margin:-10px 0px 0px 0px; */
	color:#2A4499;
	font-size:0.8em;
	width:40%;
}

#detailPhoto strong{
	float: left; 
	width: 150px;
}

.donneedetails{
	text-align:right;
	font-weight:100;
}

.photovehicule{
	float:left;
	height:100px;
	border:2px solid #2A4499;
	margin:5px 15px 5px 0px;
	width:132px;
}
.photovehicule3{
	float:left;
	height:125px;
	margin:5px 5px 5px 0px;
	width:136px;
}

.clear{
	clear:both;
}

.photosmini{
	border:2px solid #2A4499;
	float:left;
	margin-right:20px;
}

#miniatures{

}

#trait{
	border-bottom:1px solid #2A4499;	
	height:5px;
	margin:25px;
	width:80%;
}

#btretour{
	margin-top:50px;
	text-align:center;
}

#btretour2{
	position:relative;
	text-align:center;
	float:left;
	margin-left:60px;
	margin-top:6px;	
}



#btretour2_txt{
	text-align:center;
	color:RGB(42,68,153);
	font-weight:bold;
	font-size:0.8em;
	text-decoration:none;

}
	
#btretour a{
	color:#2A4499;
	font-size:0.9em;
	text-decoration:none;
}

/* CSS gestion du panier */
#btpanier{	
	text-align:center;
	color:RGB(42,68,153);
	font-weight:bold;
	font-size:0.8em;
	float:left;
	margin-left:200px;
}

#btpanier_txt{
	margin-top:-17px;
}

/*CSS pour le formulaire admin de modification de véhicule*/

#listeinformation{
	list-style-type:square;
	
}

#pageinfo{
	color:#2A4499;
	font-size:0.8em;
	border-right:1px solid #EBE9ED;
	padding-right:10px;
	margin-top:75px;
	width:60%;	
}

#logoinfo{
	position:absolute;
	right:170px;
}

#titreinfo{
	font-size:1.0em;
	margin-left:20px;
	
}

/* CSS pour les liens du menu */
#lienstop{
	margin-left:20px;
	font-size:0.7em;
	color:#2A4499;
	font-weight:bold ;
}

#lienstop a{
	text-decoration:none;
	color:#2A4499;
}

/* CSS de la page gerer les vehicule du coté admin */
#admingerer{
	font-size:0.9em;
}

#admingerer span{
position:relative;
	float:left; 
	width:100px;
}

.vehiculedesc{
	border-right:1px solid RGB(193,193,193) ;
	border-left:1px solid RGB(193,193,193) ;
	float:left ;
	padding-left:3px ; 
	width:755px  ;
}

.vehiculedesc h1{
	font-size:1.2em;
	display:inline;
}

.haut_tableau{
	background:url('../images/admin/filhaut.jpg') bottom no-repeat;
	height:15px ;
	width:760px ;
}

.bas_tableau{
	background:url('../images/admin/filbas.jpg') top no-repeat;
	height:15px ;
	width:760px ;
	clear:both;
}

.vehiculedesc h1{
	color:#2A4499;
	padding-left:5px;
}

.carre1{
	float:left; 
	width:150px;
}

.carre2{
	float:left; 
	width:250px;
}

.carre3{
	float:left; 
	width:100px;
	margin-top:35px;
}

.carre4{
	float:left; 
	margin-top:35px;
}

.carre5{
	margin-top:15px;
	float:left; 
	width:150px;
}

.carre6{
	float:left; 
	width:450px;
	font-size:0.8em;
}


/**
* CSS Partie administration : login
**/
#admin_connexion{	
	margin:0 auto;
	text-align:center;	
	width:280px;
}

#cadre_haut{
	background:url('../images/admin/connection_cadrehaut.jpg') top no-repeat;
	color:white;
	font-weight:bold;
	height:23px ;
	width:267px ;
	font-size:0.8em;
}

#cadre_bas{
	background:url('../images/admin/connection_cadrebas.jpg') top no-repeat;
	height:15px ;
	width:267px ;
}

#cadre_admin{
	border-left:2px solid RGB(42,68,153);
	border-right:2px solid RGB(42,68,153);
	height:150px;
	width:253px;
	padding:50px 5px 0px 5px;
}

#cadre_admin span{
	float:left; 
	width:125px; 
	text-align:left;
	color:RGB(42,68,153);
	font-weight:bold;
	font-size:0.8em;
}

#carrehaut{
	
}

#carrehaut input{
	width:120px;
}

#carrebas input{
	width:120px;
}

#formadmin{
	font-size:0.9em;
}

#formadmin span{
	float: left;
	width: 200px;
}

#formadmin legend{
	color:#2A4499;
	font-weight:bold;
}

/**
* FIN CSS Partie administration : login
**/
.fond{
	float:left;
	height:150px;
	margin:0px 5px;
	width:140px;
	text-align:center;
}

.image{
	
}

.photovehicule2{
	float:left;
	margin-right:15px;
}

/**
** Organisation du formaulaire de suppression ou d'ajout de marques GERER-MARQUES.TPL
**/

#FormMarques{

}

#titreFormMarques{

}

#corpFormMarques{

}

#VisualiserFormMarques{

}

#listesFormMarques{
	list-style-type:none;
	line-height:17px;	
}

#listesFormMarques li{
	width:450px;	
}

#listesFormMarques input{
	
}

#listesFormMarques label{
	width:150px;
}

.marquesFormMarques{
	color:RGB(42,68,153);
	float:left;
	font-size:0.9em;
	padding-bottom:15px;
	width:150px;
}

.marquesFormLigne{
	
}

#AjouterFormMarques{

}

/* Ajout de vehicule ajout.tpl */

.legende{
	color:gray;
	display:inline;
	font-style:italic;
	font-size:0.8em;
}

.infosVehicule{
	font-weight:bold;
	font-size:0.8em;
	display:inline; 
	width:125px;
}

.infosVehiculeDroite{
	font-weight:bold;
	font-size:0.8em;
	display:inline; 
padding-left:30px;
}

#infosSelectMarque{
	width:100px;
}


#infosSelect{
	width:180px;
}

legend{
	font-size:1em;
	font-weight:bold;
	color:RGB(42,68,153);
}



/*CSS modif user*/
#gerer{
	font-size:0.8em;
}

/*CSS gestion pass*/
#erreur{
	color:red;
	font-weight:bold;
}


/*CSS ERREURS*/
.formPassP{
	color:red;
}

.vendu{
	color:red;
	font-size:2em;
	padding-top:50px;
}


.formadmin_carre{
	width:250px;
	float:left;
	padding-right:20px;
}

.vendu{
	width:130px;
	padding-top:30px;
	height:103px;
}

#vente{
color:red;
font-size:1.5em;
text-align:center;
display:inline;
}

#no_vehicule{
	text-align:center;
	color:RGB(42,68,153);
	font-size:1em;
	font-weight:bold;
}

/*CSS pour le sitemap*/
#sitemapfares h1{
	font-size:1.2em;
	color:#2A4499;
}

#sitemapfares p{
	font-size:0.8em;
	color: #999;
	font-weight:bold;
}

#sitemapfares ul
{
list-style-type: none;
text-align: left;
}

#sitemapfares ul li a
{

padding-left: 15px;
text-align: left;
font-size:1em;
font-weight:bold;
text-decoration: none;
color: #999;
}

#sitemapfares ul li a:hover
{
font-weight:bold;
color:RGB(42,68,153);
}

#infoslegales{
	font-size:0.8em;
	color:RGB(42,68,153);
}

#infoslegales h1{
	font-size:1.4em;
}

#infoslegales h2{
	font-size:0.95em;
}

.contactus{
	text-decoration:none;
	color:RGB(42,68,153);
}