body
{
	margin : 0;
	padding: 0;
	font-family: Arial, "Times New Roman", Times, sans-serif;
	color: #eee;
	font-size: 0.9em;
	background-color:#FFFFFF;  /*couleur de fond bleu gris*/
	background-image: url('../images/fond.gif');
}

#container /*element qui contient l'en tete, le menu, le corps et le pied de page*/
{
	background-color: #ED002F; /*couleur de fond rouge*/
	border: 1px solid black; /*une  bordure noire est presente autour du container*/
	padding-bottom: 0px; /* permet de faire accoler au bord du container le pied de page*/
	width: 90%;  /* définit la largeur du container principal*/
	margin-top : 10px; /*un espace de 10 px sera présent entre le dessus de la page et le container*/
	margin-right: 5%;
	margin-left: 5%;
	min-width:  680px; /* permet de ne pas reduire le container a une taille minimale*/
	max-width:  1280px; /*permet de pas augmenter de trop la taille du container*/
}

#en_tete
{
	background: #cdcdcd url('../images/logo/reniermotos.jpg') no-repeat left; /**/
	height: 105px; /* hauteur de l'image de la banniere*/
	border-bottom: 1px solid black;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px; /* permet d'espacer un minimum la banniere du corps principal de la page*/
	padding-bottom: 0px;
}

a
{
	text-decoration:  none;  /*retire toutes les decos par défaut de liens de toutes la pages*/
}

#conteneur_gauche  /*fait flotter un conteneur de 200px de large a gauche de la page dans le container. Ce conteneur gauche contiendra le menu, le logo du W3C,...*/
{
	float:  left;  
	width:  200px;
	margin-left:  5px;
}

#menu ul  /*désactive l'affichage par défaut des listes à puce du menu*/
{
	margin-top:  10px;
	margin-left:  0px;
	padding-left:  0px;
	list-style-type:  none;
}

#menu a
{
	display:  block;  /*transforme le lien en bloc*/
	padding:  3px; /*decalle le lien de 3px vers la droite*/
	width:  150px;
#	border-bottom:  1px solid black; /*applique une bordure de couleur blanc gris au dessous de chaque lien*/
}

#menu a:hover, #menu dt:hover
{
	background-color: #8E0C11;  /*Applique une couleur de fond rouge bordeaux lorsque on survole l'element avec la souris */
	color: #fff;  /*on accentue l'effet avec une couler de police blanche*/
}

#menu a:link, #menu a:visited
{
	color: #eee; /*ceci permet d'appliquer tjrs la meme couleur aux liens qui ont déja été visité*/
}

#photo_menu, .photo_equipe /*influence l'affichage des photos des motos hondas du conteneur gauche et les photos de l'equipe de la page garage*/
{
	border: 1px solid black;
	padding:  3px;
}

#valide img /*ceci influence le bloc qui contient le logo de validite XHTML du W3C dans le conteneur gauche*/
{
	padding-left:  3px; /*aligne l'image au meme niveau que le menu : a 3px du bord gauche de la page*/
	padding-right:  0px;
	padding-top:  0px;
	padding-bottom:  0px;
	border: none;  /*ce parametre retire les bordure de l'image, celle-ci etant un lien*/
}

#corps 
{
	background-color: #FFFFFF; /*couleur de fond rouge*/
	color: #000000;
	margin-left: 220px;  /*ce parametre place le corps à 20px à droite du conteneur gauche*/
	margin-right: 5px; /*le corps possede une marge laterale droite à 5px du bord du container*/
	border: 1px solid black; /*le corps possède une bordure noire sur tout ces cotes*/
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px; /*ce parametre cree un ecart de 10px entre le corps et le pied de page*/
}

h1
{
	margin-top : 0px;
	margin-bottom : 0px;
}

#corps h2
{
	font-size:  1.5em; /*ce paremetre definit la taille par defaut des titres h1 et h2*/
	color:  red; /*la couleur du texte sera blanc afin d'augmenter le contraste*/ 
	background-color: #cdcdcd; /*la couleur de fond est grise*/
}

#corps h2
{	
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	border-bottom:  1px solid white; /*entoure d'une bordure les titres h2*/
	text-align:  center;  /*centre le contenu de h2*/
}

h3
{
	font-size:  1.2em; /*definit la taille des titres h3*/
	margin-left: 10px; /*decalle le cote gauche du titre h3 de 10px vers la droite*/
	margin-right: 10px; /*decalle le cote droit du titre h3 de 10px vers la gauche*/
	border-left:  3px solid white; /*bordure gauche epaisse*/
	border-bottom:  1px solid white; /*bordure inferieure fine*/
	text-indent:  5px; /*indente le titre de 5px vers la droite*/
}

.tab h4, .centre
{
	text-align:  center;
}

#corps p
{
	margin-left: 10px; 
	margin-right: 10px;
}

#corps a
{
	color: #0000FF;  /*definit la couleur par défaut des liens contenu dans le corps*/
}

fieldset
{
	width:  80%;  /*definit la place occupée par le contour des formulaires*/
	margin-left:  auto; /*permet de centrer le formulaire dans les pages*/
	margin-right:  auto;
	margin-top:  5px;
	margin-bottom:  5px;
}

.photo
{
	border: 1px solid black; /*applique une bordure noire*/
	text-align: center; /*centre l'element*/
	padding: 3px;
	margin-left:  auto;
	margin-right:  auto;
	display:  block;
}

table
{
	margin-left:  auto; /*permet de centrer l'element*/
	margin-right:  auto;
}

.tab, .tab td
{
	text-align:  center; 
	border:  1px solid white; /*applique une bordure au tableau*/
	border-collapse:  collapse; /*colle les bordures des cellules avec celles du tableau*/
	padding-left:  3px; /*applique une marge interne*/
	padding-right:  3px;
	padding-top:  0px;
	padding-bottom:  0px;
	background-color: #336799; /*applique une couleur bleu claire au tableau*/
	font-size:  1em;
}

.tab img
{
	border: 2px solid black; /*applique une bordure noire autour des photos contenues dans le tableau*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.logo /*l'element logo est l'image de la marque dans les tableaux des vehicules neufs*/
{
	margin-top: 5px;
	margin-bottom: 5px;
}
.cellule /*l'element cellule*/
{
	border: 1px solid white;
	padding: 3px;
}

#pied_de_page
{
	text-align:  center;  /*centre le texte contenu dans le pied de page*/
	margin-top:  10px; /*creer une marge entre le corps de la page et le pied de page*/
	margin-bottom:  0px;
	margin-right:  0px;
	margin-left:  0px;
	padding: 0px; /*pas de marges internes*/
	clear:  both; /*Stoppe le float du conteneur gauche*/
	background-color: #336799; /*definit la couleur de fond du pied de page*/
	border-top:  1px solid black;
}

#pied_de_page p  /*permet de creer un pied de page fin*/
{
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

#pied_de_page a  /*influence les liens contenus dans le pied de page*/
{
	color:  white;
	font-family:  Arial, "Times New Roman", Times, sans-serif;
	font-weight: bold;
}

#pied_de_page a:hover /*souligne l'adresse mail contenue dans le pied de page*/
{
	text-decoration:  underline;
}

#map  /*definit l'afichage de l'api google map*/
{
	margin-left:  auto;
	margin-right:  auto;
	border:  1px solid white;
	width: 430px;
	height: 370px;
}

#info /*influence le comportement du bloc d'information sur le permis de la page vehicules neufs*/
{
	font-style:  italic;
	margin-top:  30px;
	border:  1px dotted white;
}

#marque /*influence le comprtement du menu des marques de la pages vehicules neufs*/
{
	margin-top:  25px;
	text-align:  center;
	font-size:  1.2em;
}

#marque li /*influence le comprtement du menu des marques de la pages vehicules neufs*/
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	margin-left:  3px;
	border-bottom:  1px solid white;
}

#marque li:hover /*influence le comprtement du menu des marques de la pages vehicules neufs*/
{
	background-color: #8e0c11;
}

#marque a:hover /*influence le comprtement du menu des marques de la pages vehicules neufs*/
{
	text-decoration:  none;
}

#devise /*case jaune qui attire fort l'attention*/
{
	margin-left:  auto;
	margin-right:  auto;
	width:  80%;
	color : black;
	background-color:  #FEDE23;
	border:  2px solid black;
	margin-top:  15px;
	font-variant:  small-caps;
	font-size:  1.1em;
	text-align:  center;
	font-weight:  bold;
}

.promo
{
	float:  left;
}

.tabpromo, .tabpromo td
{
	text-align:  center; 
	border:  1px solid white; /*applique une bordure au tableau*/
	border-collapse:  collapse; /*colle les bordures des cellules avec celles du tableau*/
	padding-left:  5px; /*applique une marge interne*/
	padding-right:  5px;
	padding-top:  5px;
	padding-bottom:  5px;
	background-color: #336799; /*applique une couleur bleu claire au tableau*/
	font-size:  1em;
}

.tabpromo img
{
	border: 1px solid black; /*applique une bordure noire autour des photos contenues dans le tableau*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

iframe
{
	background-color= #FFFFFF; /*Applique un fond d'ecran blanc a la frameset de vroom*/
}