/*--------------- MEP Generale ----------------- */

body {
margin:0px;
padding:0px;
background-color:#333;
}


#conteneur{
	position: absolute;
	left: 50%;
	margin-top:10px;
	margin-left: -475px;
	padding:0;
	width:950px;
}

#tetiere{
margin: 0px;
padding:0px;
background:transparent url(images/pages_tetiere.jpg) no-repeat right top ;
height:99px;
width:950px;
}

#contenu{
margin:0px;
width:950px;
}


/*------------------ Partie centrale 2 colonnes ------------------------*/
#partie_centrale{
float:right;
width:853px;
/*height:550px;*/
min-height:525px;
margin:0px;
padding:25px 25px 40px 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
background:#FFF url(images/pages_fond_droit.jpg) repeat-y right top;
}


/*----------- partie gauche ---------*/
#gauche{
float:left;
width:610px;
text-align:justify;
}

#titre{
margin-bottom:20px;
padding:0;
width:295px;
height:50px;
background:#FFF url(images/pages_titre_fond.jpg) no-repeat 0 0;
}

h4{
padding-top:25px;
margin:0px;
width:290px;
font-family: Arial, sans-serif;/*'Arial Black',*/
font-size:13px;
font-weight:bold;
color:#000;
text-align:center;
letter-spacing:1px;
}

/*----------- moteur de recherche  fiche vehicule ----------*/

#moteur_recherche_fr{
width:615px;
height:95px;
background:#FFF url(images/pages_moteur_rech.jpg) no-repeat 0 0;
}

#moteur_recherche_en{
width:615px;
height:95px;
background:#FFF url(images/pages_moteur_rech_GB.jpg) no-repeat 0 0;
}
.titres_moteur{
font-size: 12px;
font-weight: bold;
}
.moteur{
width:220px;
}


/*----------- moteur de recherche  pieces detachees ----------*/

#moteur_rech_pieces_fr{
width:615px;
height:95px;
background:#FFF url(images/moteur_pieces_fr.jpg) no-repeat 0 0;
}

#moteur_rech_pieces_en{
width:615px;
height:95px;
background:#FFF url(images/moteur_pieces_GB.jpg) no-repeat 0 0;
}


/*---- Pieces & accessoires ----*/
#pieces_result{
 	width:610px;
	height:200px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border:1px solid #656565;
 
 }

#tit_pieces{
width:131px;
height:28px;
background:#fff url(images/titre_piecesdetaches2.png) top right no-repeat;
margin:8px 0px 0px 0px;
padding:6px 5px 0px 25px;
font-weight:bold;
}
#photo_pieces{
 width:91%;
 height:100%;
background-color:#fff;
margin:5px 5px 5px 10px;
padding:0px;
border:1px solid #999;
text-align:center;
}
#legende_pieces{
width:140px;
margin:5px;
padding:0px;
text-align:center;
font-size:11px;
color:#000;
}



 /*---------------- MEP resultats recherche  Fiches -------------*/
#pager
{
	font-weight:bold;
	font-size:12px;
	margin: 10px 0 10px 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#pager a
{
	
	border: 1px solid #999;
	margin: 0 1px 0 1px;
	padding:1px;
	background: #fff;
	color:#000;
	text-decoration: none;
}

a#pager-current
{
	background: #E7AE0E;
	color: #000;
	border: 1px solid #0E0E0F;
	margin: 0px 2px 0px 2px;
	padding:1px;
	text-decoration: none;
}

#pager a:hover
{
	border: 1px solid #0E0E0F;
	color:#000;
	background:#E7AE0E;
	text-decoration: none;
}

 /*-- tab résultats --*/
 #resultats {
	width:610px;
	margin: 0;
	padding: 0;
 }
 
 #fiche_result{
 	width:610px;
	height:179px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border:1px solid #656565;
 
 }
 
 #result_gauche{float: left;}

 #photo_result img{
 width:180px;
 height:129px;
 background-color:#ccc;
 border:1px solid #666;
 margin: 10px;
 padding:0px;
 }
 
 #photo_result a{
 text-decoration: none;
 }
 
 #textes_result{
 float:right;
 width:400px;
 height:120px;
 margin-top: 30px;
 padding:0px;
 
 }
 .titres_result{
 font-size:13px;
 font-weight:bold;
 }
 
 .logo_marques{
 margin-right:10px; 
 border: none;
 }


/*----------- partie droite ---------*/
#droite{
float:right;
width:210px;
}

/*-- nos partenaires --*/
h2, h7, h1#blog{
margin:20px 0px 5px 0px;
padding:0px;
font-weight:bold;
font-size:12px;
color:#000;
border-bottom:2px solid #000;
line-height:14px; 
height: 14px; 
}
a h2
{
font-weight:bold;
}
#vehicule_h2
{
font-size:12px;
color:#000;
border-bottom:0px solid #000;
line-height:0px; 
font-weight:bold;
}

h1
{
margin : 0px; 
padding: 0px; 
height: 74px; 
}

#pub_petite{
width:205px;
height:60px;
background-color:#ccc;
margin:5px 0px 5px 0px;
padding:0px;
text-align:center;
font-weight:bold;
font-size:12px;
color:#000;
border:1px solid #999;
}
#pub_grande{
width:205px;
height:205px;
background-color:#ccc;
margin:5px 0px 5px 0px;
padding:0px;
text-align:center;
font-weight:bold;
font-size:12px;
color:#000;
border:1px solid #999;
}

#contact_droite{
width:205px;
background-color:#000;
margin:5px 0px 5px 0px;
padding:0px;
text-align:center;
font-weight:bold;
font-size:12px;
color:#000;
border:1px solid #999;
}

/*----------- pied page --------------*/
#pied{
clear:both;
width:950px;
height:30px;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}
#pied_fond{
margin:0px 0px 0px 47px;
padding:0px;
width:903px;
height:10px;
background:#333 url(images/pages_pied_fond.jpg) no-repeat 0 0;
}
#pied_textes{
width:903px;
height:30px;
margin:0px 0px 5px 45px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCC;
text-align:center;
}

/*--------------- Liens -----------------*/


a:link{ font-family:Arial;  font-size:11px; color:#FA6D1B; text-decoration:underline;}
a:active{font-family:Arial;  font-size:11px; color:#FA6D1B; text-decoration:underline;}
a:hover{font-family:Arial;  font-size:11px; color:#666; text-decoration:none;}
a:visited{font-family:Arial;  font-size:11px; color:#FA6D1B; text-decoration:underline;}

/*-- menu onglets jaune --*/
#menu_onglet li.jaune a:link{ font-family: 'Arial Black', Gadget, sans-serif; font-size:12px; color:#000; text-decoration:none;}
#menu_onglet li.jaune a:active{font-family: 'Arial Black', Gadget, sans-serif; font-size:12px; color:#000; text-decoration:none;}
#menu_onglet li.jaune a:hover{font-family: 'Arial Black', Gadget, sans-serif; font-size:12px; color:#CC0000; text-decoration:none;}
#menu_onglet li.jaune a:visited{font-family: 'Arial Black', Gadget, sans-serif; font-size:12px; color:#000; text-decoration:none;}
/*-- menu onglets noir --*/
#menu_onglet li.noir a:link{ font-family: 'Arial Black', Gadget, sans-serif; font-size:12px; color:#fff; text-decoration:none; letter-spacing:1px;}
#menu_onglet li.noir a:active{font-family: 'Arial Black', Gadget, sans-serif; font-size:12px; color:#fff; text-decoration:none;letter-spacing:1px;}
#menu_onglet li.noir a:hover{font-family: 'Arial Black', Gadget, sans-serif; font-size:12px; color:#EAB00E; text-decoration:none; letter-spacing:1px;}
#menu_onglet li.noir a:visited{font-family: 'Arial Black', Gadget, sans-serif; font-size:12px; color:#fff; text-decoration:none; letter-spacing:1px;}



/*-------------- Tetiere ----------------*/


#sous_logo{
	float:right;
	margin:15px 30px 15px 0px;
	text-align:center;
}
#sous_logo a
{
	font-family: 'Arial Black', Gadget, sans-serif;
	font-size:14px;
	color:#fff;
	width:195px;
	line-height:14px;
	text-decoration: none;
}


/*-------------- Langues ----------------*/

#langues{
float:left; 
margin:30px 0px 0px 12px;
padding:0px;
width:35px;
}

ul#lang{
margin:0px;
padding:0px;
list-style:none;
}
li#lang{
margin:0px 0px 2px 0px;
padding:0px;
width:35px;
height:31px;
background:transparent url(images/fond_langues.jpg) 0 0 no-repeat;
text-align:center;
 }

 .dapeaux{margin:6px 0px 2px 6px; padding:0px;}



/*-------------- MEP menu Onglets ----------------*/
#onglets{
margin:0px 4px 0px 47px;
height:23px;
border-bottom:1px solid #000;
}
ul#menu_onglet{
	margin:0px 0px 0px 10px;
	padding:0;
	list-style:none;
}
li.jaune{
	float:right;
	background: url(images/pages_onglet_j_left.jpg) no-repeat left top;
    margin:0;
    padding:0 0 0 10px;
}
li.noir{
	float:right;
	background: url(images/pages_onglet_n_left.jpg) no-repeat left top;
    margin:0 0 0 4px;
    padding:0 0 0 10px;
}
#menu_onglet  li.jaune a{
      float:left;
	  display:block;
      background: url(images/pages_onglet_j_right.jpg) no-repeat right top;
      padding:4px 6px 2px 0px;
      text-decoration:none;
      white-space:nowrap;
}
#menu_onglet  li.noir a{
      float:left;
	  display:block;
      background: url(images/pages_onglet_n_right.jpg) no-repeat right top;
      padding:4px 6px 2px 0px;
      text-decoration:none;
      white-space:nowrap;
}
/*--------------- Atelier ----------------------*/

/*---- reparations ---*/
#photo_reparation{
width:220px;
/*height:180px;*/
height:100%;
background-color:#ccc;
margin:5px;
padding:0px;
border:1px solid #999;
}

/*---- Tranport---*/
#photo_transport{
width:200px;
height:180px;
background-color:#ccc;
margin:5px;
padding:0px;
border:1px solid #999;
}
#photo_degargement{
width:265px;
height:180px;
background-color:#ccc;
margin:5px;
padding:0px;
border:1px solid #999;
}




/*--------------- Fiche vehicule ---------------*/
.SlidingPanels {
	float: left;
	position: relative;
	width: 600px;
	padding: 0px;
	border: none;
}

.SlidingPanelsContentGroup {
	position: relative;
	float: left;
	width: 10000px;
	margin: 0px;
	padding: 0px;
	border: none;
}

.SlidingPanelsContent {
	float: left;
	width: 600px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	padding-right:10px;
	border: none;
}

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.slidingTabPanelWrapper {
	background:url(fiches_spry/tab_shadow.png) bottom center no-repeat;
	border-bottom:1px solid #969696;
	height:30px;
	margin:5px 0 5px 0;
	display: none;
}

	
#car_fiche{
	background:url(fiches_spry/tab_shadow.png) bottom center no-repeat;
	border-bottom:1px solid #969696;
	height:25px;
	}	

.slidingTabPanel {
	list-style:none;
	/*margin:0 auto;*/
	margin:0px 0px 0px 280px;
	padding:0;
	width:200px;
	height:30px;
}
.slidingTabPanel LI {
	list-style:none;
	float:left;
	width:50px;
	margin:0 2px;
}
.tabActive {
	position:relative;
	top:1px;
	display:block;
	width:50px;
	height:30px;
	cursor:default;
	outline:none;
}
.tab {
	position:relative;
	top:1px;
	display:block;
	width:50px;
	height:30px;
	background-position:-100px;
	cursor:pointer;
	outline:none;
}
.tab:hover {
	background-position:-50px;
}
#nutshell {
	/*background-image:url(spry/tab_specs.png);*/
	background-image:url(fiches_spry/tab_options.png);
}
#widgets {
	/*background-image:url(spry/tab_options.png);*/
	background-image:url(fiches_spry/tab_photos.png);
}

/*------------ Gallery Photos fiche vehicules ----------*/

#gallery {
	width:580px; 
	margin:0px 0px 0px 5px;
	padding:0px 4px 0px 4px;
	border:1px solid #969696;
	background-color:#fff;
}

#imagettes{
	float: left;
 	margin:4px;
 	padding: 0px;
	
 }
 #imagettes img {
	border:2px solid #666;
	background-color:#999;
	
 }
 
div.spacer {
 	clear: both;
	height:5px;
 }


/*--- MEP ---*/
h2{margin:0px; font-size:13px;font-weight:400;}

#sstit{
	height:35px;
	margin:20px 0px 20px 0px;
	padding-left:10px;
}
/*------ Pour la fiche dans l'administration --------------------------------------*/
.general{background:url(images/fond_sstit_general.png) bottom left no-repeat;}
/*--------------------------------------------------------------------------------*/
.specs{background:url(fiches_spry/fond_sstit_specs.png) bottom left no-repeat;}
.options{background:url(fiches_spry/fond_sstit_options.png) bottom left no-repeat;}
.photos{background:url(fiches_spry/fond_sstit_photos.png) bottom left no-repeat;}


.titre_fiche{
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#FA6D1B;
}

#photo_fiche{
width:250px;
height:180px;
background-color:#ccc;
margin:5px 0px 5px 0px;
padding:0px;
text-align:center;
font-weight:bold;
font-size:12px;
color:#000;
border:1px solid #999;
}
#prix{
background-color:#D7D7D7;
text-align:center;
font-weight:bold;
font-size:12px;
color:#000;
border:1px solid #999;
padding:2px;
}


/*-- photos --*/

div.spacer {
 	clear: both;
	height:5px;
}
 
#fondfiche{
	clear: both;
	border-bottom:1px solid #969696;
	height:20px;
	}
#piedfiche{
	clear: both;
	background:url(fiches_spry/tab_shadow.png) bottom center no-repeat;
	border-bottom:1px solid #969696;
	height:20px;
	text-align:right;
	font-weight:bold;
	padding-top:5px;
	}
#retourresult{
clear: both;
background:url(fiches_spry/fond_shadow.png) top center no-repeat;
font-weight:bold;
margin-top:0px;
height:20px;
}

/*------------------ Contacts et formulaire -----------------*/

.champs {border:1px solid #ccc;}
#directions{ 
width:130px;
margin:10px 0px 10px 25px;
padding:5px;
border:1px solid #666;
background-color:#003399;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}
.plan{border:1px solid #999;}

/* ---------------- SEO ------------------------*/
#like_text a
{
	color:#000;
	text-decoration: none;
	border:0px;
}