/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{
	text-align:left;
	background-color: #02549E;
}
.top-tail{ background:url(images/top-tail.gif) top repeat-x #fff;}
.bot-tail{ background:url(images/bot-tail1.gif) bottom repeat-x;}

img {
	vertical-align:top;
	border: 0;
}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.231em; color:#02549E;}
input, select { vertical-align:middle; font-weight:normal;}

.style2 {color: #FFFFFF}
.ProduitsSideMenu {color: #FFFFFF; font-size: 19pt}
.ProductTitle {color: #02549E; font-size: 24pt; }
.ProductTitleSml {color: #02549E; font-size: 18pt; }
.ProductTextTitle {color: #02549E; font-size: 11pt; }
.ProductText {color: #02549E; font-size: 9.5pt; }
.ProductText a:link {color: #02549E; font-size: 9.5pt; }
.ProductText a:visited {color: #02549E; font-size: 9.5pt; }
.ProductText a:active {color: #02549E; font-size: 9.5pt; }

.shadeform	{ FONT: 12px arial, verdana, sans-serif;
		  COLOR: #02549E;
		  background-image: url("images/shadeform.gif");
		  margin-top:1px;
		  BORDER: #000000 1px solid;
		}

a {color:#02549e; outline:none;}
a:hover{
	text-decoration:none;
	color: #02549e;
}
a:link {
	text-decoration: none;
	color: #02549e;
}
a:visited {
	text-decoration: none;
	color: #02549e;
}
a:hover {
	text-decoration: none;
	color: #02549e;
}
a:active {
	text-decoration: none;
	color: #02549e;
}
p {padding-top:16px;}
h2{ font-size:2.692em; color:#d92b00; line-height:1.942em; padding-bottom:20px; letter-spacing:-1px;}
h2 strong{ display:block; margin-top:-37px;}
h3{ font-size:1.615em; color:#000; line-height:3.619em; margin-bottom:-18px; word-spacing:-2px;}
h6{ font-size:1.231em; line-height:1.067em; font-style:italic; font-weight:normal; color:#2f4b5b; margin:-36px 0 20px 0;}
cite{ display:block; font-size:1.154em;}
.strong2, em{ display:block; font-size:1.154em; font-style:italic; font-weight:normal;}
em{ display:inline;}

/* ============================= main layout ====================== */
.imgindent {margin:0 17px 0 0; float:left;}
.phone{ float:right; padding-right:25px;}
.space1{
	margin-left:45px;
}
.space2{ margin-left:27px;}
.space3{ margin-left:70px;}
.padding1{ padding-top:13px;}
.padding2{ padding-top:22px;}

/* ============================= header ====================== */
#header .top{ width:100%; overflow:hidden; height:95px;}
#header .logo{ padding-top:5px;}
#header p{ float:right; padding-top:10px; color:#000;}
#header .menu{ margin:15px 0 0 -36px; float:left; height:18px;}
#header .menu li{ float:left; color:#fff; font-weight:bold; padding-left:36px;}
#header .menu a{ color:#fff; text-decoration:none; display:inline-block; margin-right:36px;}
#header .menu a:hover{ color:#ddd;}
#header .menu a:focus{ color:#ff0000;}
#header .menuon li{ float:left; color:#ddd; font-weight:bold; padding-left:36px;}

#header .column-1{
	padding-top:10px;
}
#header .column-2{ padding:15px 0 0 4px;}
#header .header-text{
	background:url(images/header-text-bg.gif) no-repeat 0 0;
	height:271px;
	font-size:1.154em;
	line-height:1.067em;
	color:#ffffff;
	padding-top: 21px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 36px;
}
#header .header-list{ margin:-7px 0px -7px 0;}
#header .header-list li{ background:url(images/header-list-marker.gif) no-repeat 0 12px; padding-left:24px; font-style:italic; line-height:2em;}
#header .header-list a{ color:#fff; text-decoration:none; display:block; background:url(images/line.gif) bottom repeat-x;}
#header .header-list a:hover{ background:#3366cc; padding-left:0px;}
#header h2{ color:#fff; font-size:2.333em; margin-left:-10px; line-height:1.029em;}

/* ============================= content ====================== */
#content{ padding:5px 0 46px 0;}
.extra-padding{ padding-bottom:33px !important;}
.box1{ background:url(images/box1-corner-left-top.gif) left top no-repeat #ecf1f4; margin-top:4px;}
.box1 .right-top{ background:url(images/box1-corner-right-top.gif) right top no-repeat;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.gif) left bottom no-repeat;}
.box1 .right-bot{ background:url(images/box1-corner-right-bot.gif) right bottom no-repeat;}
.box1 .indent{ padding:20px 10px 18px 23px;}
.box1 a{ display:inline-block; margin-right:13px;}

.box2{ background:url(images/box2-bot-tail.gif) bottom repeat-x #f6f9f9; width:100%;}
.box2 .left-border{ background:url(images/box2-border.gif) left repeat-y;}
.box2 .right-border{ background:url(images/box2-border.gif) right repeat-y;}
.box2 .top-border{ background:url(images/box2-border.gif) top repeat-x;}
.box2 .left-top{ background:url(images/box2-corner-left-top.gif) left top no-repeat;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat;}
.box2 .indent{ padding:10px 30px 49px 34px;}
.box2 h2{ letter-spacing:-1px; padding-bottom:5px;}
.box2 .strong1{ font-size:0.846em; line-height:1.091em; color:#56595b; padding:13px 15px 0 0;}
.box2 .strong1 span{ display:block; font-weight:normal; color:#75797b; padding-left:6px;}

.text1{ font-size:0.846em; line-height:1.273em;}
.text1 strong{ display:block; color:#d92b00; font-size:1.455em; font-weight:normal; line-height:1.125em; padding-bottom:10px;}
.unline{ border-bottom:solid 1px #d3d7d9; padding-bottom:17px; margin-bottom:17px;}
.link{ display:inline-block; background:url(images/link-bg.gif) no-repeat 0 6px; padding-left:20px; color:#b40202; font-weight:bold; margin-top:23px;}

.list li{ background:url(images/list-marker.gif) no-repeat 0 12px; padding-left:24px; font-style:italic; line-height:2em; font-size:1.154em;}
.list a{ text-decoration:none; display:block; background:url(images/line2.gif) bottom repeat-x;}
.list a:hover{ background:#e9e9ea; padding-left:5px;}

/* ============================= footer ====================== */
#footer .menu{ width:100%; overflow:hidden; color:#fff;}
#footer .menu ul{ float:none; margin:38px 0 2px -8px;}
#footer .menu li{ float:none; padding-left:8px;}
#footer .menu a{ text-decoration:none; display:inline-block; margin-right:8px;}
#footer .menu a:hover{ color:#fff;}
#footer strong{ color:#fff;}
#footer .column-1 a{ text-decoration:none;}
#footer .column-1 a:hover{ color:#fff;}
#footer .column-3 a{ display:inline-block; margin-top:15px;}

#footer h3{ color:#fff; padding:5px 0 0 0;}
#footer .imgindent{ float:right; margin:35px 0 0 -5px;}

/* ============================= forms ============================= */
#SearchForm{ float:right; padding-top:38px;}
#SearchForm .input1{ border:solid 1px #2f2f2f; margin-right:-1px; background:#141414; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#434343; padding:9px 2px 7px 15px; width:196px;}

#SubscribeForm{ padding-top:3px;}
#SubscribeForm input{ border:solid 0; background:#edf2f4; display:block; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; padding:4px 2px 5px 3px; width:204px;}
#SubscribeForm a{ float:right; color:#edf2f4; text-decoration:none; display:inline-block; margin:6px 74px 0 0; background:url(images/form-link-tail.gif) top repeat-x; padding:3px 10px 5px 10px; border:solid 1px #424240;}
#SubscribeForm a:hover{ background:#51524e;}

#ContactForm{ padding-top:0px;}
#ContactForm label{ display:block; height:39px;}
#ContactForm input{ border:solid 1px #cad2d5; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; padding:0 2px 0 3px; width:215px;}
#ContactForm textarea{ border:solid 1px #cad2d5; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; padding:0 2px 0 3px; width:215px; height:135px; overflow:auto;}
#ContactForm .link{ float:right; margin:25px 0 0 17px;}