/* ------------------[ GENERIC ]------------------ */
* {
	margin:0;
	padding:0;
}
body {
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#eee url(../i/bcktop.jpg) top center no-repeat;
	color:#585858;
}
/* linkology */
a, a:link, a:visited {
	color:#F90;
	text-decoration:none;
}
a:hover, a:active {
	color:#F90;
	text-decoration:underline;
}

a img {
	border:none;
}

/* CANCEL FLOAT */
.both {
	clear:both;
	background:none !important;
	margin:0;
	padding:0;
}
/*Title*/
h1 {
	background-image:url(../i/h1.gif);
	height:24px;
	width:755px;
	color:#FFF;
	font-size:110%;
	line-height:24px;
	padding-left:5px;
	margin:20px 0 10px;
}
h2 {
	font-size:80%;
	font-weight:700;
	text-transform:uppercase;
	padding:15px 0 5px;
}
h3 {
	font-size:150%;
	font-weight:bold;
	text-transform:uppercase;
	padding:15px 0 10px;
}
.code {
	margin:10px 20px;
	background-color:#EAEAEA;
	font-weight: bold;
	width: 275px;
}
.left {float:left;}
.right {float:right;}
.strong {font-weight:700;}
.center {text-align:center}
.clear {clear:left;}
p.small-text {
	font-size:10px;
	font-style:italic;
	line-height:14px;
	margin-top:10px;
}
ul {
	color:#585858;
	line-height:1.4em;
	padding-left:10px;
}
li {
	background-image: url(../i/puce.png);
	background-repeat: no-repeat;
	padding-left:10px;
	margin:2px;
	list-style-type: none;
}
sup {color:#F90;}

/* ------------------[ CONTAINER # content]------------------ */
#center {
	width:100%;
	margin:14px 0;
}
#container {
	width:760px;
	background:transparent url(../i/bckmid.jpg) repeat-y top left;
	padding:10px 18px 0px;
	text-align:left;
	margin:0 auto;
}

/* ------------------[ HEADER ]------------------ */
#header {
	height:80px;
	margin-bottom:30px;
}
#header #logo {
	background:transparent url(../i/cbsi.jpg) top left no-repeat;
	margin-bottom:10px;
}
#header #logo a, #header #logo a:link, #header #logo a:visited, #header #logo a:hover, #header #logo a:active {
	display:block;
	width:276px;
	height:54px;
}
#header #logo a span {
	display:none;
}
#header #topnav ul {
	background-color:#e9e9e9;
	height:22px;
	padding:0px 10px 0;
	line-height:1.2em;
}
#header #topnav ul li {
	float:left;
	list-style-type:none;
	background:transparent url(../i/bcktopnav.gif) right no-repeat;
	font-weight:700; 
	color:#999;
	margin:4px 10px 0 0;
	padding:0 10px 0 0;
}
#header #topnav ul li.last {
	list-style-type:none;
	background:none;
}
#header #topnav ul li a, #header #topnav ul li a:link, #header #topnav ul li a:visited {
	color:#66001a;
}
#header #topnav ul li a:hover, #header #topnav ul li a:active {
	color:#999;
}
/* ------------------[ FOOTER ]------------------ */
#footer {
	width:760px;
	background:transparent url(../i/bckbot.jpg) no-repeat;
	padding:14px 18px 0px;
	text-align:left;
	margin:0 auto;
}
 #footer p span,#footer p span a {
	font-weight:700;
	color:#585858;
}
/* ------------------[ HP ]------------------ */
/*HP - intro*/
#intro {
	position:relative;
	width:745px;
	height:125px;
	margin-top:15px;
}
#intro p {
	position:absolute;
	top:0;
	left:0;
	width:280px;
}
#newformart {
	position:absolute;
	top:2px;
	left:320px;
	height:26px;
	width:193px;
}
#flashformat {
	position:absolute;
	top:2px;
	left:554px;
	height:26px;
	width:193px;
}
.titreintro {
	border-bottom-width:2px;
	border-bottom-style:dotted;
	border-bottom-color:#999;
	color:#F90;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:15px;
}
.imageintro {
	margin-top:15px;
}
/* HP - tableau */
#hptableau {
	margin:0 auto;
	width:740px;
	border-collapse:collapse;
	vertical-align:middle;
	text-align:left;
}
#hptableau td, #hptableau th {padding:1px 2px;}
#hptableau .widthcat {width:40%;}
#hptableau .widthtaille , #hptableau .widthformat {width:30%;}
.hptableauentete {
	background-color:#C3D9FF;
	font-weight:700;
	text-align:left;
	font-size:1.2em;
}
.hptableaucategorie { 
	vertical-align:top;
	font-weight:700;
}
.hptableaugris { background-color:#F2F2F2;}
.hptableaublanc { background-color:#fff;}
.hptableaured { background-color:#FF0000;}
#hptableau a {color:#585858;}
#hptableau a:hover {color:#F90;}

#specstable {
	margin-left:10px;
	width:97%;
}
.specstablebgblue {
	background:#C3D9FF none repeat scroll 0 0;
	font-weight:700;
	text-align:left;
	font-size:1.2em;
}
.specstablebggris {
	background:#F2F2F2 none repeat scroll 0 0;
}
#specstable a {
	color:#585858;
}
#specstable a:hover {
	color:#F90;
}
#logosite {
	text-align:center;
	padding-bottom : 15px;
}
.tablelogosite {
width:400px;
margin:0 auto;
}

.imaged {
	padding-left:100px;
	border-top-color:#AFAFAF;
	margin-top:20px;
	margin-bottom:20px;
}
p.margin {
	margin: 10px 0;
}
p.margin30 {
	margin: 30px 0;
}

/*----------------spec tableau content ------------*/

#content table#specs_table {
	border:2px solid #D4D4D4;
	width:100%;
	margin:5px 0 20px;
	font-size:11px;
	text-align:left;
}

#content table#specs_table td {
	padding:10px;
	vertical-align:top;
}

#content table#specs_table th {
	padding:5px;
	vertical-align:bottom;
}

#content table#specs_table .category {
	border-right:1px solid #E5E5E5;
	font-weight:700;
}

#content table#specs_table .borderleft {
	border-left:1px solid #E5E5E5;
}

#content table#specs_table .borderbottom, #content table#specs_table th {
	border-bottom:1px solid #E5E5E5;
}

#content table#specs_table table#specs_sub_table {
	border:none;
	margin:-10px 0 0 0;
}

/* taille des différentes col
#content table#specs_table .category {width:5%;}
#content table#specs_table .poids {width:13%;}*/


/*-----------------------gallerie content*/
#gallerie li {
	list-style:none;
	list-style-image:none;
	padding:0;
	margin:0;
	display :inline;
}
#gallerie li .carre li {
	display:block;
	padding-left:10px;
	margin:0;
}
.carre {
	width:249px;
	float:left;
	margin-bottom:20px;
	margin-top:30px;
}

.carre h2 {
	font-size:80%;
	font-weight:700;
	text-transform:uppercase;
	padding:5px 0 5px 0;
}
.carre img {
	border:thick solid #CCC;
}



.right {display:none;}
a, a:link, a:visited { color:#FFF; text-decoration:none; }
a:hover, a:active { color:#FFF; text-decoration:none;}
#specstable a:hover { color:#FFF; }
#header #topnav ul li a, #header #topnav ul li a:link, #header #topnav ul li a:visited { color:#fff; }
#header #topnav ul li a:hover, #header #topnav ul li a:active {	color:#fff; }
#footer p span,#footer p span a {	font-weight:700;	color:#fff;}