* { margin:0; padding:0; list-style-type:none; border:0px none; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#000; }

/*--------------------  HACK HAUTEUR IE -------------------- */

* html #main-padding {
	height: 400px;
}

* html #side {
	height: 400px;
}

* html .bloc {
	height: 300px;
}

* html #diaporama {
	height: 310px;
}

* html .bloc-home {
	height: 255px;
}

* html .bobox {
	height: 35px;
}


/* -------------- LIENS -------------------- */

a, a:visited, a:active { text-decoration:none; color:#3b7ab2; font-weight:bold; }
a:hover { text-decoration:none;  }



/* ------------ STRUCTURES ------------------ */

 /* border:1px dotted #ff0000; ----- pour debug*/

		html {  }

		body {  background:#fff url('images/bg.jpg') top center repeat-x; }

		#box { width:950px; margin:0 auto; background:url('images/bg-box.jpg') top center no-repeat;}
		#deco1 { margin:0 auto; background:url('images/bg-deco.jpg') top center repeat-y;}  /* pour arrière plan décoratif ----- */
		#deco2 { margin:0 auto; background:url('images/bg-deco2.jpg') top center no-repeat;}  /* pour arrière plan décoratif ----- */

		#cadre_main {}

		#header { width:950px; }
	


		#breadcrumb { }

/* ------------ MENU TOP 950------------------ */
		
		#side-top { height:25px;}
		#menu-top {font-family: Trebuchet MS, Helvetica, verdana, sans-serif; margin: 0 20px; padding: 5px 5px; width:900px;background:#d7d7d7;}
	
	/* ------------ MENU li ------------------ */
		#menu-top ul {padding: 0;margin-bottom: 10px;}
		#menu-top li {text-align: left;margin: 0;padding: 0; display: inline;list-style-type: none; padding-left:20px;}
		#menu-top li a, {color: #000;text-decoration: none;height: 20px;}
		#menu-top li a:hover {color:#E82426;}

/* ------------ MENU LEFT ------------------ */
		
		#side-left { float:left; width:200px; padding-top:20px}
 		#menu-left {margin:5px;}
		


/* ------------ MENU RIGHT ------------------ */
		#side-right { float:right; width:200px; padding-top:0px; }
		#home-coupdecoeur {width:200px; background:url('images/bg-news.jpg') top center no-repeat; padding-top:0px; }


/* ------------ MAIN 950 ( 950 px site 1 colonne ) -------------------- */ 

		#main-padding { display:block; float:left; margin:0 0 20px 0; width:750px;  }
		#main { margin:0px 0px 10px 0; }
		
		#main-padding #main ul { margin:8px 0;  }
		#main-padding #main li {  padding:0 0 5px 0px; margin:0 0 0 25px;}
		#main-padding #main p { line-height:1.5em; margin:10px 0; text-align:left;}		



  /*********************************************************
                HOME
  **********************************************************/


/* ------------ BLOC HOME 1 ( 540 px site 3 colonnes )------------------ */

		.bloc-nouveautes { width:550px; margin:0px 0 0px 0px; padding-bottom:15px }
		.bloc-nouveautes h3 {text-align:left; background:url('images/picto-titre-home.png') center left no-repeat; padding:5px 0 5px 15px; margin: 5px 0px 0 30px; }
		.bloc-nouveautes .pic {float:right; width:255px; text-align:center;}
		.bloc-nouveautes .pic img {margin-right:0px;  border:1px solid #d7d7d7;  }  /* changer marge suivant largeur vignette */
  #main .bloc-nouveautes p {  padding-left :30px;} 
		.bloc-nouveautes .descriptif  {float:left; width:530px; padding-left:20px    }
		.bloc-nouveautes .detail { padding:2px; width:70px;  background:#3b7ab2; border-top:1px solid #c6d8e9;  border-bottom:1px solid #275075; margin-right:100px; margin:0 auto; text-align:center}
		.bloc-nouveautes .detail a { color:#FFFFFF;}
		
		.bloc-nouveautes .prix { padding:10px 0 0 15px;  width:520px; text-align:left;}	 
		
		.bloc-occasions { width:550px; margin:0px 0 0px 0px; padding-bottom:15px; height:350px; background:url('images/bg-home2.jpg') top center no-repeat; }
/* ------------ BLOC HOME 2 ( 260 px site 3 colonnes )------------------ */

		.bloc-home-2 { width:240px;  float:left; margin:0px 0 10px 5px; }
		.bloc-home-2 h3 { text-align:left; background:url('images/picto-titre-home.png') top left no-repeat; padding:0px 0 3px 15px; margin: 5px 0px 0 0px; height:40px; } /* changer height si titre long*/
		.bloc-home-2 .pic { width:200px; text-align:center; margin:0 auto; padding:4px 0;  }
		.bloc-home-2 .pic img { border:1px solid #d7d7d7;  } /* changer marge suivant largeur vignette */
 		.bloc-home-2  .descriptif  {float:left; width:230px; min-height:50px;   }
  #main .bloc-home-2 p { margin:5px 10px; } 
		.bloc-home-2 .detail {padding:2px; width:70px;  background:#3b7ab2; border-top:1px solid #c6d8e9;  border-bottom:1px solid #275075; margin:0 auto; text-align:center}
		.bloc-home-2 .detail a { color:#FFFFFF;}
		.bloc-home-2 .prix { padding:10px 0 0 10px;  text-align:center;}	  
		
/* ------------ BLOC HOME 3 ( 200 px site 3 colonnes )------------------ */

		.bloc-home-3 { width:200px;  float:left; margin:10px 0 10px 0px; }
		.bloc-home-3 h3 { text-align:left; background:url('images/picto-titre-home.png') top left no-repeat; padding:0px 0 3px 15px; margin: 0px 0px 0 10px; } /* changer height si titre long*/
		.bloc-home-3 .pic { width:200px; text-align:center; float:left; padding:4px 0; }
		.bloc-home-3 .pic img {  border:1px solid #d7d7d7;   } /* changer marge suivant largeur vignette */
  #main .bloc-home-3 p { margin:5px 10px; } 
		.bloc-home-3 .detail {padding:2px; width:70px; background:#3b7ab2; border-top:1px solid #c6d8e9;  border-bottom:1px solid #275075; margin:0 auto; text-align:center}
		.bloc-home-3 .detail a { color:#FFFFFF;}
		.bloc-home-3 .prix { padding:10px 0 0 10px;  text-align:left;}	  
		

  /*********************************************************
                PRODUIT 1er AFFICHAGE 
  **********************************************************/
		
/* ------------ BLOC PRODUIT 1 ( 540 px site 3 colonnes ) ------------------ */

		.bloc-produit-1 { width:730px; margin:10px 0 0 0px; padding:10px 0 20px 10px;}
		.bloc-produit-1 h3 { text-align:center;height:20px; margin:5px;  }
		.bloc-produit-1 .pic {float:left; width:320px;}
		.bloc-produit-1 .pic img {margin-left:0px; border:1px solid #3D383E; width:300px; } /* changer marge suivant largeur vignette */
		.bloc-produit-1 .descriptif {margin-right :0px; float:right; width:370px;   }/* changer le float pour placement*/ 
		.bloc-produit-1 .descriptif td {background:#efefef; }  
		.bloc-produit-1 .descriptif th {background:#fcfcfc; }  
#main .bloc-produit-1 p { margin:5px 10px; }
		.bloc-produit-1 .detail {padding:2px; width:70px; background:#3b7ab2; border-top:1px solid #c6d8e9;  border-bottom:1px solid #275075; margin:0 auto; text-align:center}
		.bloc-produit-1 .detail a { color:#FFFFFF;}
		.bloc-produit-1 .prix { padding:10px 0 0 0px; }	 
		

/* ------------ BLOC PRODUIT 2 ( 260 px site 1 colonne ) ------------------ */

		.bloc-produit-2 { width:260px;  float:left; margin:10px 0 0px  2px; padding:0 0 10px 0; }
		.bloc-produit-2 h3 { text-align:center;height:20px; margin:5px;  } /* changer height sit titre long*/
		.bloc-produit-2 .pic { width:260px;}
		.bloc-produit-2 .pic img {margin-left:30px; } /* changer marge suivant largeur vignette */
		.bloc-produit-2 .descriptif { width:260px;  }/* changer le float pour placement*/
  #main .bloc-produit-2 p { padding:5px 20px; margin:0; } 
		.bloc-produit-1
		.bloc-produit-2 .prix { padding:5px 10px 0 10px; width:240px; height:20px; text-align:left;}


/* ------------ BLOC PRODUIT 3 ( 175 px site 3 colonnes ) ------------------ */

		.bloc-produit-3 { width:175px;  float:left; margin:10px 0 0px  2px; padding:0 0 10px 0;  background:url('images/3c-bgvignette-3.jpg') center bottom no-repeat;  }
		.bloc-produit-3 h3 { text-align:center;height:20px; margin:5px;  } /* changer height sit titre long*/
		.bloc-produit-3 .pic { width:175px; }
		.bloc-produit-3 .pic img {margin-left:12px; } /*  largeur vignette 150 max */
		.bloc-produit-3 .descriptif { width:175px;  }/* changer le float pour placement*/
  #main .bloc-produit-3 p { padding:5px 20px; margin:0; } 
		.bloc-produit-3 .detail {padding:2px; width:70px; background:#3b7ab2; border-top:1px solid #c6d8e9;  border-bottom:1px solid #275075; margin:0 auto; text-align:center}
		.bloc-produit-3 .detail a { color:#FFFFFF;}
		.bloc-produit-3 .prix { padding:5px 10px 0 10px; width:150px; height:20px; text-align:left;}


/* ------------ BLOC OFFRE ( 540 px site 3 colonnes ) ------------------ */

		.bloc-offre-1 { width:680px; margin:0 auto; background:#fff url('images/bg-home.jpg') top left repeat-x; padding:5px 10px; border-bottom:1px solid #d5d5d5   }
		.bloc-offre-1 table {  border-bottom:1px solid #d8d8d8  }
		.bloc-offre-1 th { color:#000; font-size:1.2em; font-weight:bold; }
		.bloc-offre-1 td { padding:7px; }
		.etiquette { background:#000 url('images/picto-disponible.png') no-repeat left center; padding:12px 0 0 30px; color:#fff; font-size:1.2em; font-weight:bold; height:30px; }



/* ------------ BLOC PRODUIT 1 ( 540 px site 3 colonnes ) ------------------ */

		.bloc-texte-1 { width:700px; margin:10px 0 0 0px;padding:0 0 10px 15px;  }
		.bloc-texte-1 h3 { text-align:center;height:20px; margin:5px;  }
		.bloc-texte-1 .pic {float:left; width:320px;}
		.bloc-texte-1 .pic img { border:1px solid #525353; } /* changer marge suivant largeur vignette */
		.bloc-texte-1 .descriptif { float:left; width:380px;   }/* changer le float pour placement*/
  #main .bloc-texte-1 p { margin:5px 10px; }
		.bloc-texte-1 .detail {float:left; padding:2px; width:70px; background:#3b7ab2; border-top:1px solid #c6d8e9;  border-bottom:1px solid #275075; margin:0 auto; text-align:center}
		.bloc-texte-1 .detail a { color:#FFFFFF;}
		.bloc-texte-1 .prix { padding:10px 0 0 15px;  width:520px;text-align:left;}	 
		

/* ------------ BLOC DETAIL ------------------ */
	.bloc-detail { padding:10px 0 25px 0; width:730px; margin:0 auto; }
	.bloc-detail table {width:320px;  background:#b1cae0; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
	.bloc-detail .left { float:left; width:350px; padding:0px 0 0 10px; }
	.bloc-detail .right { float:right; width:350px;padding:5px 0 0 4px; margin-right:12px;  }
	.bloc-detail .descriptif  { width:600px; margin-left:20px; } 
	.bloc-detail .descriptif p { text-align:justify; } 
	#main-padding #main .bloc-detail a.lien { }
/* ------------ PARTENAIRES ------------- */ 
	.partenaire{ margin:5px 45px; float:right }
	.liens { margin:0 0 0 10px;}
	.thumbpic_liens { float:right; margin:0 0 5px 10px; border:1px solid #fff; }

/* ------------ PLAN --------------------- */

	.plan, .horaires {width:500px; margin:0 auto;   padding:3px 5px 3px 5px; background:#fff}
	.plan legend, .horaires legend { font-size:1.4em; font-weight:bold; padding:5px;}
	.plan dl dt, .horaires dl dt{font-weight:bold; }
	.plan dl dd, .horaires dl dd{width:200px; padding-left:5px;}
	.horaires ul li{width:200px; padding-left:5px;}
	.plan a, .horaires a {}
	.plan a:hover, .horaires a:hover, .plan a:visited, .horaires a:visited { text-decoration:underline;}
	
/* ------------ NAV PAGINATION ------------------ */
	
	
	.nav { float:right; width:500px; margin-right:10px; text-align:right;}
	.nav a:link, .nav a:visited { padding:3px 7px; background:#efefef; color:#666; border:1px solid #efefef; }
	.nav a:hover { background:#3a76ac; color:#fff; border:1px solid #3a76ac;  text-decoration:none; }
	.nav .actuel{ font-weight:bold; padding:3px 7px; border:1px solid #3a76ac; color:#fff; background:#3a76ac}


/* ------------ COMMUNS (dans la charte du site) --------------------- */
	.prix {  font-weight:bold; font-size:1.4em; margin:0px 0; padding:5px 0;}
	.prix-barre { font-size:1em; text-decoration:line-through;color:#666; }
	h2 { font-weight:bold; font-size:1.2em; }
	h3 {  color:#6591B9; font-size:1.1em; font-weight:bold; vertical-align:middle; padding:5px 0; margin:5px 0px;   }
	h4 {  font-weight:bold; font-size:1.1em; text-align:left; margin:0; }
	strong { font-weight:bold; }
	.annotation {font-style:italic; font-size:0.9em; color:#666;}
	
	/* ------------ ICONS --------------------- */
	.icon-pdf { background: url('images/icons/pdf.png') no-repeat left center; padding:0 0 5px 22px; }
	.icon-link { background: url('images/icons/link.png') no-repeat left center; padding:0 0 5px 22px; }
	/* ------------ ICONS --------------------- */
	
	.hidden, .menu-ref, .produit-ref { visibility:hidden; overflow: auto; display:none;}
	.retour { float:right; padding:2px; width:70px;  background:#3b7ab2; border-top:1px solid #c6d8e9;  border-bottom:1px solid #275075; margin:0 auto; text-align:center}
	.retour a { color:#FFFFFF;}
		
		#main-padding #main .retour a { color:#FFFFFF;}
		
	.top  { float:right; margin:5px; }		
	.top a { font-size:0.9em; color:#333333; } /* Skinner couleur */										
	
	div.hr { height: 10px; clear:both; border-bottom:1px solid #d7d7d7; margin:0 0 0 9px; }
	div.hr hr {   display: none; }	
	
	.vide { width:300px; font-weight:bold; margin:0 auto; padding-top:30px;}
	.alerte { background: #000; text-align: center ; padding: 5px 0px; font-weight:bold; }


  /*********************************************************
               RECHERCHE MENU
  **********************************************************/

	#recherche-right {width:200px;  float:right; padding: 0 0 15px 0;background:url('images/bg-rechercher.jpg') top left repeat-x; }
	#recherche-right .top { height:20px;  }
	#recherche-right form { margin:10px 0 0 10px ; width:180px;  }
	#recherche-right select { font-size:0.9em; border:1px solid #d7d7d7; vertical-align:middle; width:140px; vertical-align:middle;background:#fff; color:#000000; margin:2px;   }  /* Skinner couleur */
	#recherche-right .input-rech { padding:4px; font-size:0.9em; border:1px solid #d7d7d7; vertical-align:middle; width:145px; background:#fff; color:#000000;} /* Skinner couleur */
	#recherche-right option { vertical-align:middle; padding:2px; width:140px; color:#000000;  } /* Skinner couleur */
	#recherche-right label { float:left; width:150px; text-indent:10px; margin:0; }
	#recherche-right img { height:auto; size:auto; }
		


  /*********************************************************
               FORMULAIRE 
  **********************************************************/

	.formulaire { margin:5px 0px; padding:5px 0; color:#fff; width:400px; margin:0 auto;}
	.formulaire radio, .formulaire label, .formulaire input, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px; vertical-align:middle;  }
	.formulaire label { text-align: left; width: 120px; margin-right: 10px; color:#666; }

	/*LABEL 1 SEULE LIGNE AVEC INPUT EN DESSOUS*/
	.formulaire .label-titre { text-align: left; width: 400px; font-weight:bold; clear:both;}
	
	.formulaire input, .formulaire textarea, .formulaire select {padding:3px; border:1px solid #1F5C94;  background:#fff;  color:#000;   }
	.formulaire input, .formulaire textarea{ width:150px;  border:1px solid #B4B2B2; color:#000000;} /* charter bg couleur */ 
    .formulaire option { width:180px;  padding:2px 0;border-bottom:1px solid #d7d7d7; color:#000000;} /* charter bg couleur */ 	
    .formulaire .bouton { width:120px; cursor:pointer; font-weight:bold; padding:2px; color:#fff;  background:#3b7ab2; border-top:1px solid #c6d8e9;  border-bottom:1px solid #275075; }
	.formulaire .input-radio { background:transparent; border:0px solid #fff; width:auto; }
	.formulaire br { clear: left; }
	.formulaire img { width:auto; height:auto; }


  /*********************************************************
               DIAPORAMA 1 mosaique gauche / textes details
  **********************************************************/
	#diaporama1 { margin:10px auto; width:700px; }
	#diaporama1 .thumb { width:200px; float:left;  }
	#diaporama1 .thumb img { margin: 0 0 5px 0; border:1px solid #363636; width:90px; height:60px }
	#diaporama1 .big img {  float:left; border:1px solid #363636; }

  /*********************************************************
               DIAPORAMA
  **********************************************************/
	#diaporama { margin:10px auto; min-height:300px; width:350px; }
	#diaporama .thumb { width:350px; float:left;  }
	#diaporama .thumb img { margin: 0 0 5px 0; border:1px solid #d7d7d7; height:50px;  }
	#diaporama .big img {  float:left; border:1px solid #d7d7d7; width:345px;  }


  /*********************************************************
               TABLEAU
  **********************************************************/

	table { width:680px; border-collapse:collapse; margin:5px 0; border: 0px solid #cdcdcd; float:left; margin-right:10px; }

	th, td { text-align:left;  padding:3px 5px; font-size:0.9em;  }
	th { width:130px;  font-size:13px;  }
	td { width:350px; font-size:11px; }

    .offre-header { color:#fff; font-size:12px; font-weight:bold; padding:15px 0 15px 15px; background:#000;}


  /*********************************************************
               EQUIPE
  **********************************************************/

		.bloc-equipe { width:550px; margin: 0px 0 25px   0px;  border-bottom:1px solid #DFDFDF; background:#fff url('images/bg-home.jpg') top left repeat-x;}
		.bloc-equipe h3 { color:#FFFFFF; padding:15px 15px; background:#6591b9; margin:0 }		
		.bloc-equipe .pic {float:right; margin:10px; width:170px; text-align:right }
		.bloc-equipe .pic img { border:1px solid #DFDFDF; } /* changer marge suivant largeur vignette */*

		/* ROLLOVER 1ER AFFICHAGE */
		.bloc-equipe .pic img { } /* changer marge suivant largeur vignette */
		.bloc-equipe .descriptif { float:left; width:360px;   }/* changer le float pour placement*/
		.bloc-equipe p { padding:0px 10px; margin:0 }
 
	
/* ------------ COMBO ------------------ */	
			
	#combo { margin:5px 0 10px 0; }
	#combo select { border:1px solid #c0c4d5; padding:1px; }
	#combo label { padding-left:20px; background:url('images/search-folder-blue.gif') no-repeat left center; }


/* ------------ DL DT DD ------------------ */
		
	dl { margin: 5px 0; display:block; width:520px; float:left; }
	dl h3{  text-transform:uppercase;  }
	dt, dd { padding:5px 10px;  }
	dt { width: 170px; float: left; font-weight: bold;  text-transform:uppercase; }
	/* hack de commentaire avec un antislash pour ie5 mac \*/
	dt { clear:both; }
	/* end hack */
	dd { float: left; width:240px; line-height:1.4em;  }


			
/* ------------ DEBUT SITEMAP ------------------ */
	
	#sitemap  {width:900px; margin:0 auto;}	
	#sitemap h2 a {text-decoration:none;font-size:1.2em;  height:20px; text-transform:uppercase;}
	#sitemap p {list-style-type:none; background: url('images/icons/link.png') no-repeat left center; list-style-position:inside; }
	#sitemap p a { text-decoration:none; margin-left:18px; }
	
/* ------------ FIN SITEMAP ------------------ */


  /*********************************************************
               PIED DE PAGE
  **********************************************************/	
	
/* ------------ FOOTER ------------------ */

	#footer { margin:0 auto; height:108px;  background: url('images/footer-bg.jpg') center center repeat-x; text-align:center; }
	#copyright { text-align:center; font-size:0.9em; margin:5px auto; width:950px; margin:0 auto;  color:#333;   }
	#copyright a { color:#333; font-weight:normal; font-size:0.9em; }


	
/* ------------ FOOTER - CATEGORIES ------------------ */
	
	#categories-r  {width:950px; text-align:center; margin:0px auto; }
	#categories-r, #categories-r a , #categories-r a:hover{ text-align:center; text-decoration:none; font-size:0.8em; font-weight:100;}
	#categories-r p { margin:5px;}

	/* hack clear float */ 		
	.clr { clear: both; }
