@charset "utf-8";
@import url(reset.css);
/**
 * BODY
 ***********************************************************
 ***********************************************************
 */
html {
	background:#ffffff url('../images/bck_html.jpg') no-repeat top center;
}
body {
	background:#ffffff url('../images/bck_body.jpg') no-repeat bottom center;
	color:#220504;
	display:block;
	font-family:arial, helvetica, sans-serif;
	font-size:75%;
	font-weight:normal;
	line-height:160%;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	position:relative;
	width:990px;
}
a {
	color:#c3003f;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	color:#c3003f;
	font-family:'trebuchet ms', arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:1px;
	line-height:120%;
	margin:10px 0;
	text-transform:uppercase;
}
.alert, .mentions_obligatoires {
	color:#BB3434;
	text-align:center;
}
form fieldset {
	border:none;
	margin:2px 0px 0px 0px;
	padding:0px;
}
form fieldset legend {
	display:none;
	visibility:hidden;
}
form fieldset label {
	clear:left;
	float:left;
	line-height:160%;
	margin:2px 0px;
	width:165px;
}
select, input, textarea {
	font-family:arial, helvetica, sans-serif;
	font-size:0.9em;
	margin:2px 0px;
	padding:1px;
}
select {
	line-height:200%;
}
hr {
	clear:both;
	display:block;
	height:0px;
	margin:0px;
	padding:0px;
	visibility:hidden;
}

/**
 * BOX 01
 ***********************************************************
 ***********************************************************
 */
div.box_d {
	background: url("../images/box_d.gif") right repeat-y;
	margin:0px;
	padding:0px 10px 0px 0px;
}
div.box_g{
	background: url("../images/box_g.gif") left repeat-y;
	margin:0px;
	padding:0px 0px 0px 10px;
}
div.box_hd {
	background: url("../images/box_hd.gif") right no-repeat;
	margin:0px;
	overflow:hidden;
	padding:0px 10px 0px 0px;
}
div.box_h {
	background: url("../images/box_h.gif") top repeat-x;
	height:10px;
	margin:0px;
	overflow:hidden;
	padding:0px;
}
div.box_hg {
	background: url("../images/box_hg.gif") left no-repeat;
	margin:0px;
	overflow:hidden;
	padding:0px 0px 0px 10px;
}
div.box_bd {
	background: url("../images/box_bd.gif") right no-repeat;
	margin:0px;
	overflow:hidden;
	padding:0px 10px 0px 0px;
}
div.box_b {
	background: url("../images/box_b.gif") top repeat-x;
	height:10px;
	margin:0px;
	overflow:hidden;
	padding:0px;
}
div.box_bg {
	background: url("../images/box_bg.gif") left no-repeat;
	margin:0px;
	overflow:hidden;
	padding:0px 0px 0px 10px;
}

/**
 * HEADER
 ***********************************************************
 ***********************************************************
 */
div#header {
	background:#ffffff url('../images/bck_header.jpg') no-repeat top left;
	/*border:1px solid #6E6E6E;*/
	display:block;
	height:195px;
	margin:0px;
	overflow:hidden;
	padding:0px;
	position:relative;
}
div#header a.logo {
	color:#ffffff;
	display:block;
	height:100px;
	position:absolute;
	bottom:0;
	width:400px;
}
div#header a.logo span {
	visibility:hidden;
}
div#header p.contact {
	bottom:0;
	color:#e2001a;
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
	padding:20px;
	position:absolute;
	right:0;
}
div#header p.contact a {
	color:#e2001a;
}
div#header div#language {
	display:none;
	position:absolute;
	right:0;
	visibility:hidden;
}

/**
 * MENU
 ***********************************************************
 ***********************************************************
 */
ul#menu {
	clear:both;
	display:block;
	height:58px;
	margin-top:-10px;
	position:relative;
	z-index:1;
}
ul#menu li {
	float:left;
}
ul#menu li a {
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	line-height:55px;
	height:58px;
	text-align:center;
}
ul#menu li a span {
	visibility:hidden;
}
ul#menu li a.qui-sommes-nous {
	background:transparent url('../images/menu_qui-sommes-nous.gif') no-repeat top left;
	display:block;
	width:177px;
}
ul#menu li a.usb {
	background:transparent url('../images/menu_usb-high-tech.gif') no-repeat top left;
	display:block;
	width:125px;
}
ul#menu li a.bagagerie {
	background:transparent url('../images/menu_bagagerie.gif') no-repeat top left;
	display:block;
	width:124px;
}
ul#menu li a.textile {
	background:transparent url('../images/menu_textile.gif') no-repeat top left;
	display:block;
	width:94px;
}
ul#menu li a.developpement-durable {
	background:transparent url('../images/menu_developpement-durable.gif') no-repeat top left;
	display:block;
	width:214px;
}
ul#menu li a.sur-mesure {
	background:transparent url('../images/menu_sur-mesure.gif') no-repeat top left;
	display:block;
	width:121px;
}
ul#menu li a.nous-interroger {
	background:transparent url('../images/menu_nous-interroger.gif') no-repeat top left;
	display:block;
	width:135px;
}


/**
 * CONTAINER
 ***********************************************************
 ***********************************************************
 */
div#container {
	background:#ffffff url('../images/bck_container.jpg') repeat-y top;
}

/**
 * LEFT
 ***********************************************************
 ***********************************************************
 */
div#left {
	/*border:1px solid #6E6E6E;*/
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
	min-height:350px;
	overflow:hidden;
	padding:40px 0px 0px 10px;
	position:relative;
	width:180px;
}
* html div#left {
	height:350px;
}
div#left h1 {
	text-align:right;
}
div#left form fieldset label {
	color:#c3003f;
	font-size:1.2em;
	font-weight:bold;
	display:block;
	text-align:right;
	width:100%;
}
div#left form fieldset select {
	margin-bottom:10px;
	width:100%;
}
div#left ul {
	list-style-type:square;
	padding-left:15px;
}
div#left ul li a {
	color:#220504;
}

/**
 * RIGHT
 ***********************************************************
 ***********************************************************
 */
div#right {
	/*border:1px solid #6E6E6E;*/
	display:block;
	float:right;
	margin:0px 0px 0px 5px;
	min-height:350px;
	overflow:hidden;
	padding:40px 0px 0px 5px;
	position:relative;
	width:185px;
}
* html div#right {
	height:350px;
	overflow:visible;
}

/**
 * PAGE
 ***********************************************************
 ***********************************************************
 */
div#page {
	background:#ffffff;
	display:block;
	min-height:350px;
	overflow:hidden;
	margin:0px;
	min-height:800px;
	padding:5px;
	position:relative;
}
* html div#page {
	overflow:visible;
	height:1%;
  min-width:580px;
}
div#page h1 {
	margin:20px 0px;
	text-align:center;
}
div#page h2 {
	color:#87888a;
	margin:10px 0px;
	text-transform:none;
}
div#page p {
	margin:5px 0px;
}

/**
 * Qui-sommes nous // Sur-mesure
 ***********************************************************
 ***********************************************************
 */
body.qui-sommes-nous div#container, body.sur-mesure div#container {
	background:none;
}
body.qui-sommes-nous div#container div.title, body.sur-mesure div#container div.title {
	height:150px;
}
body.qui-sommes-nous div#left, body.sur-mesure div#left {
	background:transparent url('../images/bck_qsn_left.jpg') repeat-y top right;
	margin-right:25px;
	padding:0px;
	width:290px;
}
body.qui-sommes-nous div#left img, body.sur-mesure div#left img {
	display:block;
	margin:15px auto 15px auto;
	width:200px;
}
body.qui-sommes-nous div#right, body.sur-mesure div#right {
	width:50px;
}
body.qui-sommes-nous div#page h1, body.sur-mesure div#page h1 {
	text-align:left;
}
body.qui-sommes-nous div.title h1 {
	background:transparent url('../images/bck_qsn_h1.jpg') no-repeat top left;
	display:block;
	float:left;
	height:73px;
	margin:35px 0px 0px 90px;
	width:200px;
}
body.sur-mesure div.title h1 {
	background:transparent url('../images/bck_surm_h1.jpg') no-repeat top left;
	display:block;
	float:left;
	height:110px;
	margin:15px 0px 0px 90px;
	width:528px;
}
body.qui-sommes-nous div.title h1 span, body.qui-sommes-nous div.title h1 span {
	visibility:hidden;
}
body.sur-mesure div.title h1 span, body.sur-mesure div.title h1 span {
	visibility:hidden;
}
body.qui-sommes-nous div.title h2, body.qui-sommes-nous div#page h2 {
	background:transparent url('../images/bck_qsn_h2.jpg') no-repeat top left;
	display:block;
	float:right;
	height:33px;
	margin:75px 45px 0px 0px;
	width:300px;
}
body.sur-mesure div.title h2, body.sur-mesure div#page h2 {
	background:transparent url('../images/bck_surm_h2.jpg') no-repeat top left;
	display:block;
	float:right;
	height:33px;
	margin:75px 45px 0px 0px;
	width:300px;
}
body.qui-sommes-nous div.title h2 span, body.qui-sommes-nous div#page h2 span {
	visibility:hidden;
}
body.sur-mesure div.title h2 span, body.sur-mesure div#page h2 span {
	visibility:hidden;
}
body.qui-sommes-nous div#page p, body.sur-mesure div#page p {
	line-height:22px;
	margin:15px 0px;
}
body.qui-sommes-nous div#page ul, body.sur-mesure div#page ul {
	list-style-type:square;
	padding-left:15px;
}
body.contact-plan div#left, body.contact-plan div#right {
	width:150px;
}
body.contact-plan div#page iframe {
	display:block;
	margin:auto;
	width:640px;
}
body.contact-plan div#page p {
	margin-left:15px;
}
body.contact-plan div#page img {
	display:block;
	margin:25px auto;
	width:450px;
}

/**
 * FOOTER
 ***********************************************************
 ***********************************************************
 */
div#footer {
	display:block;
	clear:both;
	font-size:1.6em;
	font-weight:bold;
	line-height:150%;
	margin:0px;
	padding:0px;
	position:relative;
}
div#footer p.baseline {
	color:#c3003f;
	margin-bottom:5px;
	text-align:center;
}
div#footer p.contact {
	background:#919192 url('../images/bck_footer.gif') no-repeat center right;
	color:#ffffff;
	padding:25px 0px;
	text-align:center;
}
div#footer p.contact a {
	font-size:1.4em;
}
div#footer p.links {
	color:#6c6c6d;
	font-size:0.8em;
	text-align:center;
	text-decoration:underline;
}
div#footer p.links a {
	color:#6c6c6d;
}
div#footer select#SelLanguage {
	display:none;
	position:absolute;
	right:0;
	visibility:hidden;
}
