* { padding: 0; margin: 0; } /* Attention, supprime notamment l'affichage des listes à puce !*/

body {
  background-color: #C0C0C0;
  font-family: Calibri, Verdana, Arial, sans-serif;
  font-size: 1em;
}
img {
	border: 0px;
}
h1 {
	font-weight: bold;
	font-size: 2em;
	color: #e4202d;
	margin: 15px 0px 10px 0px;
}
h2 {
	margin: 15px 0px 10px 0px;
}
/* Titres pour colonne de droite */
h3 {
	font-size: 1.3em;
	margin: 15px 0px 10px 0px;
}
h4 {
	font-size: 1em;
	color: #e4202d;
	margin: 7px 0px 3px 0px;
}
p {
	line-height: 1.5em;
}

sup { /* Evite la variation de hauteur de ligne avec la balise sup */
	vertical-align: text-top;
}

/* Fin des titres pour la colonne de droite */
strong {
	color: #D62725;
}
table {
	border-style: none;
	border-collapse: collapse;
}
#site {
	background-color: #d1d1d1;
	width: 970px;
	border: 1px solid #000000;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.droite {
	float: right;
}
.gauche {
	float: left;
}
/* Entête */
#entete {
	color:#4b4b4d;
	width: 930px;
	/* pour se trouver au dessus du "cadre" du site */
	margin-top:-30px;
	margin-left:20px;
}
/* Menu d'entête (barre du haut) */
#entete_menu {
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: right;
}

#entete_menu a, #entete_menu a:link, #entete_menu a:visited {
	color: #3f4a53;
	text-decoration: none;
}
#motosport {
	font-size: 2em;
	font-weight: normal;
	margin: 30px 0px 20px 0px;
}
#entete_menu a:hover {
	text-decoration: underline;
}
/* Espacement autour du bloc menu*/
#navigation {
	width: 970px;
	margin-left: 2px;
	/*color: #333;
	background: #8AA1B6;*/
}

/* Menu */
.kwickswrap{
	
}
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0 0 0 10px;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 69px;
	height: 120px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 4px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 4px; /*Set to same as spacing option. */	
}
.kwicks li a{
	display: block;
	height: 120px; /* Même hauteur que kwicks li */
}
#kwick_moto-125 { 
	background-image:url('navigation/moto-125.jpg');
}
#kwick_moto-tourer {
	background-image:url('navigation/moto-tourer.jpg');
}
#kwick_moto-naked {
	background-image:url('navigation/moto-naked.jpg');
}
#kwick_moto-cross { 
	background-image:url('navigation/moto-cross.jpg');
}
#kwick_moto-trial { 
	background-image:url('navigation/moto-trial.jpg');
}
#kwick_moto-sport { 
	background-image:url('navigation/moto-sport.jpg');
}
#kwick_moto-custom { 
	background-image:url('navigation/moto-custom.jpg');
}
#kwick_moto-enduro { 
	background-image:url('navigation/moto-enduro.jpg');
}
#kwick_scooter-125 { 
	background-image:url('navigation/scooter-125.jpg');
}
#kwick_scooter-50 { 
	background-image:url('navigation/scooter-50.jpg');
}
#kwick_scooter-maxi { 
	background-image:url('navigation/scooter-maxi.jpg');
}
#kwick_occasions { 
	background-image:url('navigation/occasions.jpg');
}
#kwick_locations { 
	background-image:url('navigation/locations.jpg');
}
.kwicks .horizontal #kwick_occasions {
	margin-right: 0px; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks .vertical #kwick_occasions {
	margin-bottom: 0px; /* cancel margin on last kiwck (if you set a margin above) */
}
/* Fin du menu */

/* Contenu (colonne de gauche) */
#contenu {
	float: left;
	color: #333;
	background: #FFFFFF;
	width: 750px;
	margin: 10px;
	display: inline;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 5px;
}
#contenu ul {
	margin: 0px 0px 3px 20px;
}
#contenu td {
	padding: 2px;
}
/* Colonne de droite */
#colonne_droite {
	color: #333;
	background: #FFFFFF;
	width: 170px;
	float: left;
	margin: 10px 10px 10px 0px;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 5px;
	font-size: 0.8em;
}
/* Liste à puce pour la colonne de droite */
#colonne_droite ul {
	margin-left: 15px;
	list-style-type: square;
}
/* Box pour la présentation des modèles sur la pages modeles.php (par catégorie) */
#contenu .bloc-225 {
	border: 1px solid #d1d1d1;
	/* background-color: #f9f9f9; */
	float: left;
	display: block;
	width: 225px;
	margin: 0px 10px 10px 0px;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 5px;
	cursor: pointer;
}
#contenu .bloc-225 h2 {
	font-size: 1em;
	margin-top: 0px;
}
#contenu .bloc-225 a {
	color: #e4202d;
	text-decoration: none;
}
/* Bloc standard, 100% largeur, comme sur la page index */
.contenu_bloc {
	border: 1px solid #d1d1d1;
	/* background-color: #f9f9f9; */
	margin: 0px;
	padding: 5px;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.contenu_bloc  h2 {
	margin-top: 0px;
}
/* Bloc standard, 370px de largeur au total (50% de #contenu), comme sur la page index. A utiliser en combinaison avec .gauche ou .droite. */
.contenu_bloc370 {
	border: 1px solid #d1d1d1;
	/* background-color: #f9f9f9; */
	width: 360px;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.contenu_bloc370 h2 {
	margin-top: 0px;
}
/* Présentation des modèles */
#tarif {
	float: right;
	display: block;
	width: 330px;
	margin: -54px 0px 0px 0px;
	text-align: right;
}
#tarif .prix {
	font-weight: bold;
	font-size: 2em;
	color: #e4202d;
	clear: both;
}
#fiche-technique {
	width: 275px;
	height: 318px;
	margin: 0px 0px 5px 0px;
	float: right;
	padding: 10px;
	background-color: #ebebeb;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#fiche-technique h2 {
	font-size: 1.3em;
	color: #D62725;
}
#fiche-technique strong {
	color: #333;
}
#fiche-technique-complete {
	padding: 10px;
	background-color: #ebebeb;
}
/* hack pour cacher le bloc fiche-technique-complete à l'écran et pouvoir l'afficher à l'impression */
.ecran-cache {
	display: none;
}
#gallerie {
	display: block;
	width: 740px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	background-color: #ebebeb;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	clear: both;
}
#gallerie img {
	margin: 0px 5px 0px 0px;
}
/* Pied de page */
#pied {
	font-size: 0.7em;
	color:#4b4b4d;
	width: 930px;
	margin: 10px;
	clear: both;
}
/* Affichage des catégories sous forme d'images, lorsqu'aucune catégorie n'est sélectionnées (modeles.php), reprise des images définies pour le menu. Paramètres repris du menu. */
.categories {
	list-style: none;
	margin: 0;
	padding: 0;
}
.categories li{
	width: 220px;
	height: 120px;
	margin-bottom: 10px;
}
.categories li a{
	display: block;
	height: 120px;
}
/* Pied de page */
#pied {
	font-size: 0.7em;
	color:#4b4b4d;
	width: 930px;
	margin: 10px;
	clear: both;
}
#pied .c {
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}
#pied ul li {
	list-style: none;
	position: relative;
	margin: 0 0 0 10px;
	padding: 0;
}
#pied a, #pied a:link, #pied a:visited {
	color: #4b4b4d;
	text-decoration: none;
}
#pied a:hover {
	color: #D62725;
	text-decoration: underline;
}
#pied a.type, #pied a:link.type, #pied a:visited.type {
	text-decoration: none;
	font-weight: bold;
	color: #D62725;
}
#pied a:hover.type {
	color: #4b4b4d;
	text-decoration: underline;
}
#pied .categorie {
	font-weight: bold;
}