/* Global Styles */

body {
	margin:0px;
	}
	
td {
	color:#666;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}


	
a {
	color: #FF6600;
	font-size: 11px;
	}


	
a:hover {
	color: #316AC5;
	font-style: italic;
	font-size: 10px;
	}


/* ID Styles */

#navigation td {
	border-bottom: 1px solid #F4FFE4;
	}

	
#navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	background: #FFFFFF;
	color:#FF6600;
	}
	
#logo 	{
	font:24px Arial, Helvetica, sans-serif;
	color: #316AC5;
	letter-spacing:0.2em;
	line-height:30px;
	width: 200px;
	position: absolute;
	left: 170px;
	top: 173px;
	height: 101px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #FF6600;
	letter-spacing:0.4em;
	line-height:18px;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:0.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	letter-spacing:0.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #316AC5;
	line-height:26px;
	letter-spacing:0.21em;
	}
	
.subHeader {
	color: #FF6600;
	line-height:16px;
	letter-spacing:0.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

.quote {
	color: #003FFF;
	line-height:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}
	
.smallText {
	color: #666666;
	line-height: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #316AC5;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	text-align: center;
	}
	
.titre-tarif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003FFF;
	border-top-width: thin;
	border-right-width: inherit;
	border-bottom-width: thin;
	border-left-width: inherit;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF6600;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	text-align: center;
}
.sstitre-tarif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #FF6600;
	text-align: left;
}
.TEX-AVERTISSEMENT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003FFF;
	background-position: center;
	text-align: center;
	width: 350px;
}
.floating-img {
	float: left;
	margin-right: 7px;
	border: thin solid #003FFF;
}
#catalogue2 {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #666;
	letter-spacing: 0.1em;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #2062B0;
	border-bottom-color: #FBD705;
	margin-top: 10px;
	margin-bottom: 10px;
	z-index: 3;
	position: relative;
}
#catalogue1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	width: 300px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #003FFF;
	border-bottom-color: #FED904;
}
#imgcatalogue1 {
	width: 400px;
	visibility: visible;
	left: 50%;
	position: absolute;
	z-index: 2;
	top: 70%;
	text-align: center;
}
#imgproduit {
	width: 600px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #003FFF;
	border-bottom-color: #003FFF;
	background-image: url(images/doc_index/bandeau-cycle-ocean.jpg);
}

#imgcatalogue4 {
	width: 400px;
	position: absolute;
	top: 70%;
	left: 50%;
	visibility: visible;
	text-align: center;
	z-index: 9;
}
#imgfond {
	background-image: url(images/doc_index/img-fond-index.png);
	width: 600px;
	background-repeat: no-repeat;
	background-position: center center;
}
#bullecat1 {
	width: 40px;
	position: fixed;
	visibility: visible;
}
#cataloguen°1 {
	width: 300px;
}
#bullen°1 {
	background-color: #000;
	width: 30px;
	z-index: 10;
	position: static;
	left: 200px;
}
#catalogue3 {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #666;
	letter-spacing: 0.1em;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #003FFF;
	border-bottom-color: #FBD707;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#imgcatalogue3 {
	width: 400px;
	visibility: visible;
	left: 50%;
	top: 70%;
	position: absolute;
	z-index: 6;
	text-align: center;
}
#catalogue4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	letter-spacing: 0.1em;
	width: 200px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: double;
	border-top-color: #2062B0;
	border-bottom-color: #FBD707;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}


#imagefond {
	background-attachment: fixed;
	background-color: #D6D6D6;
	background-image: url(images/doc_index/IMG_9163.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.titrecatalogue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #003FFF;
	letter-spacing: 0.2em;
	text-align: center;
	width: 600px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #F60;
	border-bottom-color: #F60;
	padding-top: 10px;
	padding-bottom: 10px;
}
#BASELINE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003FFF;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #F60;
	border-bottom-color: #F60;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 900;
	letter-spacing: 0.2em;
	font-variant: small-caps;
	text-align: center;
}

#baseligneindex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;
	color: #000;
	letter-spacing: 0.1em;
	text-align: center;
	width: 550px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #F60;
	border-bottom-color: #F60;
	top: 100%;
	position: absolute;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 8;
}

#imagefond {
	background-attachment: fixed;
	background-image: url(images/doc_index/IMG_9173.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 600px;
	left: 20px;
	top: 10px;
	right: 50px;
	bottom: 30px;
}
#boosterzoom {
	width: 600px;
}
#imagemannequin {
	width: 650px;
}
#imagemannequin {
	background-attachment: fixed;
	background-image: url(images/doc_index/img-fond-index.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 600px;
	visibility: visible;
}
.tableau {
	background-image: url(images/doc_index/img-fond-index.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bolder;
	color: #000;
	background-color: #000;
}
.tableautarif {
	border: thin solid #751615;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #999;
	letter-spacing: 0.2em;
	text-align: left;
	background-image: url(images/doc-tarif/2011/IMG_9163.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#loc5 {
	background-image: url(images/doc-tarif/2011/mbk-booster.jpg);
	position: absolute;
	z-index: 5;
	width: 550px;
	top: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	visibility: hidden;
}

.tableau tr td p .bodyText {
	text-align: center;
}
.tableau tr td p .bodyText {
	text-align: center;
}
.tableau tr td p #oveto {
	text-align: center;
}
.tableau tr td #booster {
	text-align: center;
}
#titrecatalogue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FDD803;
	background-color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: thick;
	border-bottom-width: thick;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F60;
	border-right-color: #F60;
	border-bottom-color: #F60;
	border-left-color: #F60;
	letter-spacing: 0.3em;
	text-align: center;
}
#loc1 {
	background-image: url(images/doc-tarif/2011/mbk-booster.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 550px;
	z-index: 1;
	top: 700px;
	position: absolute;
	visibility: hidden;
}
#loc3 {
	background-image: url(images/doc-tarif/2011/mbk-flameXt.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	visibility: hidden;
	z-index: 3;
	width: 550px;
	top: 15px;
}
#loc4 {
	position: absolute;
	z-index: 4;
	width: 550px;
	top: 10px;
	visibility: hidden;
	background-image: url(images/doc-tarif/2011/peugeotsatelis.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#loc2 {
	background-image: url(images/doc-tarif/2011/mbk-oveto.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
	width: 550px;
	visibility: hidden;
	position: absolute;
	top: 25px;
}
#titrecatalogue table tr td {
	text-align: left;
	color: #000;
	font-size: 14px;
}
#fondpage {
	background-image: url(images/doc_index/site2011/3bullesfondquadri.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	width: 393px;
	left: 958px;
	top: 447px;
	height: 329px;
}
#partenaire {
	font-size: 0.8em;
	font-weight: normal;
	font-variant: small-caps;
	color: #206297;
	text-align: justify;
	margin-left: 15px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #2062B0;
}
#bonplans {
	font-size: 0.8em;
	font-weight: bold;
	color: #BA1617;
}
#quisommesnous {
	font-size: 0.8em;
	color: #000;
	text-align: justify;
	margin-left: 15px;
}
#infopratique {
	font-size: 0.8em;
	color: #2062B0;
	text-align: justify;
	margin-left: 15px;
}