@import url(nav.css);

body {
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #FFFFFF;
	font-family: "Trebuchet MS", arial, sherif;
	font-size: 100%;
	background-image: url(../images/asp.gif);
}
#banniere {
	margin: 5px;
	border: 0px;
}
.oneColFixCtr #container {
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	font: bold;
	font-size: 17px;
	width: 760px;
	vertical-align: middle;
	}
.oneColFixCtr #mainContent {
	padding: 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
		}
#photo {
	height: 250px;
	width: 250px;
	margin: 10px;
}
#titre {
	width: 450px;
	background-image: url(../images/produit_titre.png);
	background-repeat: no-repeat;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	height: 105px;
}
#descriptions {
	background-image: url(../images/croix_rouge.png);
	background-repeat: no-repeat;
	color: #F68356;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 24px;
	height: 30px;
	margin-top: 0px;
}
#caracteristiques  {
	color: #06A6E2;
	text-transform: uppercase;
	font-size: 24px;
	background-image: url(../images/fleche_bleu.png);
	background-repeat: no-repeat;
	font-weight: bolder;
	height: 30px;
	margin-top: 0px;
}
#applications      {
	background-image: url(../images/picto_homme.png);
	background-repeat: no-repeat;
	color: #000000;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bolder;
	height: 30px;
	top: auto;
	margin-top: 0px;
}	
	
#titre .sstitre {
	color: #000000;
	font-size: 17px;
	text-transform: none;
}
#titre .titre {
	font-size: 22px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: -14px;
}
.oneColFixCtr #container #mainContent #caracteristique p {
	font-weight: bold;
	text-transform: uppercase;
	color: #008CC8;
	font-size: 18px;
	width: 450px;
	margin-left: 10px;
}
.oneColFixCtr #container #mainContent #application p {
	font-weight: bold;
	text-transform: uppercase;
	color: #008CC8;
}
.oneColFixCtr #container #mainContent #nom p {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: black;
}
.oneColFixCtr #container #mainContent #application li {
	list-style: disc;
	margin-top: 5px;
	margin-left: 40px;
}
.oneColFixCtr #container #mainContent #caracteristique ul {
	margin-top: 5px;
	margin-left: 40px;
	list-style-image: url(../images/flechebleue2.gif);
	list-style-type: none;
}
.oneColFixCtr #container #mainContent #caracteristique ul li {
	list-style-type: disc;
	width: 300px;
}
.oneColFixCtr #container #mainContent #caracteristique ul ul  {
	list-style-image: none;
}
.oneColFixCtr #container #mainContent #caracteristique .ecart {
	margin-left: 30px;
}
.Style4 {color: #000000}
.Style5 {font-size: 14px}


#fond_texte{
	background-image: url(../images/fond_couloir.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.Style6 {
	font-size: 36px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bolder;
	vertical-align: middle;
}
.Style7 {
	font-size: 36px;
	color: #000000;
}
.Style8 {
	font-size: 36px;
	color: #000000;
}