html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

body {
	font-smooth: never;
	margin: 0;
	padding: 0;
	background: #4A6C7D;
	font: 12px Arial, Helvetica, sans-serif;
	color: #4A6C7D;
	text-shadow: 0 0 0 #4A6C7D;
}


/* header */
#header {
	width: 954px;
	height: 185px;
	margin: 0 auto;
	background: url(../images/bg_header.jpg) no-repeat top left;
}
#header h1 {float:left; display:block; width:450px; height:67px; margin:60px 0 0 43px;}
#header h1 a { color:#ED8727; text-decoration:none; font-size:30px;}
#header h1 a span { color: #7094DD;}
#header h1 .slogan {color: #fff; font-size:12px;}


/* container */
#container {
	width: 942px;
	margin: 0 auto;
	padding: 0 6px;
	background: url(../images/bg_container.jpg) repeat-y top left;
}
#nav {
	float: left;
	display: inline;
	width: 912px;
	height: 24px;
	font-size: 11px;
	padding: 12px 15px 0 15px;
	background: url(../images/bg_nav.gif) repeat-x top left;
}
#nav a {color:#E97412;}
#nav a:hover {text-decoration:none;}
#nav p.left {float:left;}
#nav p.right {float:right;}
#menu1 {float:left; width:930px; height:55px; padding:0 6px;}
#menu1 ul {list-style-type:none;}
#menu1 ul li {display:inline;}
#menu1 ul li a {float:left; display:inline; width:407px; height:42px; margin:0 6px; padding:13px 0 0 46px; font-size:23px; line-height:1.2em; text-decoration:none;}
#menu1 ul li a.accastillage {background:url(../images/but_accastillage.gif) no-repeat top left; color:#435A65; text-decoration:none;}
#menu1 ul li a.accastillage:hover {background:url(../images/but_accastillage.gif) no-repeat bottom left;}
#menu1 ul li a.bateaux {background:url(../images/but_bateaux.gif) no-repeat top left; color:#703907; text-decoration:none;}
#menu1 ul li a.bateaux:hover {background:url(../images/but_bateaux.gif) no-repeat bottom left;}


/* left */
#left {float:left; display:inline; width:188px; margin:0 0 0 12px;}
.box1 {width:158px; margin-top:12px; padding:13px 15px 0 15px; background:url(../images/box1.gif) no-repeat top left;}
.box1_bt {width:188px; height:13px; margin-bottom:4px; overflow:hidden; background:url(../images/box1_bt.gif) no-repeat top left;}
.box1 p.title {display:block; height:35px; font-size:18px; margin:0 0 0 30px; line-height:0.85em; *line-height:0.87em;}
.box1 p.title span {font-size:12px;}
.box1 a.categ {display:block; width:150px; margin:15px auto 0 auto; color:#516C79; font-weight:bold; text-align:center;}
.box1 a.categ:hover {text-decoration:none;}
.box1 a img {width:150px;}
.box4 {width:158px; padding:13px 15px 0 15px; background:url(../images/box4.gif) no-repeat top left;}
.box4_bt {width:188px; height:13px; margin-bottom:4px; overflow:hidden; background:url(../images/box4_bt.gif) no-repeat top left;}
.box4 p.title {display:block; height:35px; font-size:18px; margin:0 0 0 30px; line-height:0.85em; *line-height:0.87em;}
.box4 p.title span {font-size:12px;}
.box4 ul {list-style-type:none; margin-top:7px;}
.box4 ul li a, .box4 ul li a.on {padding-left:8px; background:url(../images/arrow1.gif) no-repeat 0 5px; color:#516C79; text-decoration:none;}
.box4 ul li a:hover {text-decoration:underline;}
.box4 ul li a.on {font-weight:bold; color:#435A65; background:url(../images/arrow2.gif) no-repeat 0 5px;}
.box4 ul li a.on:hover {text-decoration:none;}

/* center */
#center1 {float:left; display:inline; width:542px;}
#center2 {float:left; display:inline; width:742px;}
#center3 {float:left; display:inline; width:742px;}
#center4 {float:left; display:inline; width:942px;}
.box3 {width:482px; margin:12px auto 0 auto; padding:13px 15px 0 15px; color:#6B6125; background:url(../images/box3.gif) no-repeat top left;}
.box3_bt {width:512px; height:13px; margin:0 auto 4px auto; overflow:hidden; background:url(../images/box3_bt.gif) no-repeat top left;}
.box3 p.title {display:block; height:35px; font-size:18px; margin:0 0 0 30px; line-height:0.85em; *line-height:0.87em;}
.box3 p.title span {font-size:12px;}
.box3 p {margin:17px 0 0 0; text-align:justify;}
#center1 h2 {font-size:18px; font-weight:normal; margin:15px 0 0 17px;}
.marques {margin:5px 0 0 10px; overflow:hidden;}
.marques div {float:left; display:inline; width:95px; height:58px; margin:0 4px 0 5px; padding-top:5px; text-align:center; background:url(../images/bg_marques.gif) no-repeat top left; overflow:hidden;}
.box5 {width:685px; margin:12px 0 0 15px; padding:13px 15px 0 15px; color:#435A65; background:url(../images/box5.gif) no-repeat top left;}
.box5_bt {width:715px; height:13px; margin:0 0 4px 15px; overflow:hidden; background:url(../images/box5_bt.gif) no-repeat top left;}
.box5 p.title {display:block; height:35px; font-size:18px; margin:0 0 0 30px; line-height:0.85em; *line-height:0.87em;}
.box5 p.title span {font-size:12px;}
.box5 p {margin:17px 0 0 0; text-align:justify;}
.box5 img {height:140px;}
.prod1 {float:left; display:inline; width:200px; height:174px; margin:10px 14px 0 14px; color:#435A65; font-weight:bold; text-align:center; overflow:hidden;}
.prod1:hover {text-decoration:none;}
.prod1 img {margin-bottom:2px;}

.prod11 {color:#435A65;font-weight:bold;text-align:center;font-size:12px;}
.prod11:hover {text-decoration:none}
#menu2, #menu3 {height:55px; margin-left:9px;}
#menu2 ul, #menu3 ul {list-style-type:none;}
#menu2 ul li, #menu3 ul li {display:inline;}
#menu2 ul li a, #menu3 ul li a {float:left; display:inline; height:42px; margin:0 0px 0 6px; padding:13px 0 0 46px; color:#435A65; font-size:23px; line-height:1.2em; text-decoration:none;}
#menu2 ul li a.but_produits {background: url(../images/but_produits.gif) no-repeat top left; width:155px;}
#menu2 ul li a.but_produits:hover {background:url(../images/but_produits.gif) no-repeat bottom left;}
#menu2 ul li a.but_installations {background:url(../images/but_installations.gif) no-repeat top left; width:138px;}
#menu2 ul li a.but_installations:hover {background:url(../images/but_installations.gif) no-repeat bottom left;}
#menu2 ul li a.but_faq {background:url(../images/but_faq.gif) no-repeat top left; width:85px;}
#menu2 ul li a.but_faq:hover {background:url(../images/but_faq.gif) no-repeat bottom left;}
#menu2 ul li a.but_tarifs {background:url(../images/but_tarifs.gif) no-repeat top left; width:115px;}
#menu2 ul li a.but_tarifs:hover {background:url(../images/but_tarifs.gif) no-repeat bottom left;}
#menu2 ul li a.but_contact {background:url(../images/but_contact.gif) no-repeat top left; width:105px;}
#menu2 ul li a.but_contact:hover {background:url(../images/but_contact.gif) no-repeat bottom left;}

#menu3 ul li a.but_produits {background: url(../images/but_produits2.gif) no-repeat top left; width:103px;}
#menu3 ul li a.but_produits:hover {background:url(../images/but_produits2.gif) no-repeat bottom left;}
#menu3 ul li a.but_installations {background:url(../images/but_installations2.gif) no-repeat top left; width:145px;}
#menu3 ul li a.but_installations:hover {background:url(../images/but_installations2.gif) no-repeat bottom left;}
#menu3 ul li a.but_contact {background:url(../images/but_contact2.gif) no-repeat top left; width:102px;}
#menu3 ul li a.but_contact:hover {background:url(../images/but_contact2.gif) no-repeat bottom left;}
#menu3 ul li a.but_tarifs {background:url(../images/but_tarifs.gif) no-repeat top left; width:115px;}
#menu3 ul li a.but_tarifs:hover {background:url(../images/but_tarifs.gif) no-repeat bottom left;}

.box6 {width:482px; margin:12px auto 0 auto; padding:13px 15px 0 15px; background:url(../images/box6.gif) no-repeat top left; color:#435A65;}
.box6_bt {width:512px; height:13px; margin:0 auto 4px auto; overflow:hidden; background:url(../images/box6_bt.gif) no-repeat top left;}
.box6 p.title {display:block; height:35px; font-size:18px; margin:0 0 0 30px; line-height:0.85em; *line-height:0.87em;}
.box6 p.title span {font-size:12px;}
.box6 p {margin:17px 0 0 0; text-align:justify;}
.box6 img {float:right; height:200px;}




#menu4 {float:left; width:936px; height:55px; padding:0 0 0 6px; overflow:hidden;}
#menu4 ul.big {list-style-type:none; margin-left:6px;}
#menu4 ul.big li, #menu4 ul.big li.last {float:left; display:inline; height:55px; padding-right:2px; background:url(../images/separator.gif) no-repeat top right;}
#menu4 ul.big li.last {background:none;}
#menu4 ul.big li a.m1, #menu4 ul.big li a.m2, #menu4 ul.big li a.m3, #menu4 ul.big li a.m4, #menu4 ul.big li a.m5, #menu4 ul.big li a.m6, #menu4 ul.big li a.m7,
#menu4 ul.big li a.m1_on, #menu4 ul.big li a.m2_on, #menu4 ul.big li a.m3_on, #menu4 ul.big li a.m4_on, #menu4 ul.big li a.m5_on, #menu4 ul.big li a.m6_on, #menu4 ul.big li a.m7_on {float:left; display:inline; text-decoration:none; text-align:center; color:#5C2F05; font-size:13px; text-transform:uppercase;}
#menu4 ul.big li a.m1, #menu4 ul.big li a.m1_on {padding:19px 14px 0 18px; *padding:19px 14px 0 18px !important; height:36px; background:url(../images/bg_menu4.gif) no-repeat top left;}

#menu4 ul.big li a.m2, #menu4 ul.big li a.m2_on {padding:19px 15px 0 15px; height:36px; background:url(../images/bg_menu4.gif) no-repeat top center;}
#menu4 ul.big li a.m2_on {background:url(../images/bg_menu4.gif) no-repeat bottom center;}

*+html #menu4 ul.big li a.m2, *+html #menu4 ul.big li a.m2_on {padding:19px 12px 0 13px;}
#menu4 ul.big li a.m2, #menu4 ul.big li a.m2_on {padding:19px 12px 0 13px\0/;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
#menu4 ul.big li a.m2, #menu4 ul.big li a.m2_on {padding:19px 12px 0 13px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#menu4 ul.big li a.m2, #menu4 ul.big li a.m2_on {padding:19px 11px 0 11px;}
}


#menu4 ul.big li a.m3, #menu4 ul.big li a.m4,
#menu4 ul.big li a.m3_on, #menu4 ul.big li a.m4_on {padding:12px 16px 0 16px; height:43px; background:url(../images/bg_menu4.gif) no-repeat top center;}
#menu4 ul.big li a.m5, #menu4 ul.big li a.m6,
#menu4 ul.big li a.m5_on, #menu4 ul.big li a.m6_on {padding:19px 16px 0 16px; height:36px; background:url(../images/bg_menu4.gif) no-repeat top center;}
#menu4 ul.big li a.m7, #menu4 ul.big li a.m7_on {padding:19px 15px 0 15px; *padding:19px 15px 0 15px !important; height:36px; background:url(../images/bg_menu4.gif) no-repeat top right;}
#menu4 ul.big li a.m1:hover, #menu4 ul.big li a.m1_on {background:url(../images/bg_menu4.gif) no-repeat bottom left;}
#menu4 ul.big li a.m2:hover, #menu4 ul.big li a.m3:hover, #menu4 ul.big li a.m4:hover, #menu4 ul.big li a.m5:hover, #menu4 ul.big li a.m6:hover,
#menu4 ul.big li a.m2_on, #menu4 ul.big li a.m3_on, #menu4 ul.big li a.m4_on, #menu4 ul.big li a.m5_on, #menu4 ul.big li a.m6_on {background:url(../images/bg_menu4.gif) no-repeat bottom center;}
#menu4 ul.big li a.m7:hover, #menu4 ul.big li a.m7_on {background:url(../images/bg_menu4.gif) no-repeat bottom right;}

html*#menu4 ul.big li a.m1, html*#menu4 ul.big li a.m1_on {padding:19px 10px 0 14px; height:36px; background:url(../images/bg_menu4.gif) no-repeat top left;}
html*#menu4 ul.big li a.m1:hover, html*#menu4 ul.big li a.m1_on {background:url(../images/bg_menu4.gif) no-repeat bottom left;}
html*#menu4 ul.big li a.m7, html*#menu4 ul.big li a.m7_on {padding:19px 12px 0 12px; height:36px; background:url(../images/bg_menu4.gif) no-repeat top right;}
html*#menu4 ul.big li a.m7:hover, html*#menu4 ul.big li a.m7_on {background:url(../images/bg_menu4.gif) no-repeat bottom right;}


#menu4 ul.big .small {clear:both !important; background:#f7ba81; width:129px; position:absolute; border:1px #f7ad6b solid; list-style-type:none; margin:55px 0 0 -2000px; *margin:0 0 0 -2000px; padding:0;}
#menu4 ul.big .small li {background:none !important; height:inherit !important; float:none !important; padding:0; margin:0;}
#menu4 ul.big .small a {clear:both !important; display:block !important; float:none !important; color:#5c2f05; text-decoration:none; padding:5px; background:none; width:auto; }
#menu4 ul.big .small a:hover {background-color:#f7ad6a;}
#menu4 ul.big li:hover .small, #menu4 ul.big li.sfhover .small  {margin:55px 0 0 0; *margin:0 0 0 0;}



.box7 {width:685px; margin:12px 0 0 12px; padding:13px 15px 0 15px; color:#703907; background:url(../images/box7.gif) no-repeat top left;}
.box7_bt {width:715px; height:13px; margin:0 0 4px 12px; overflow:hidden; background:url(../images/box7_bt.gif) no-repeat top left;}
.box7 p.title {display:block; height:35px; font-size:18px; margin:0 0 0 30px; line-height:0.85em; *line-height:0.87em;}
.box7 p.title span {font-size:12px;}
.box7 p {margin:17px 0 0 0; text-align:justify;}
.box7 a {color:#703907}
.bateaux {margin:20px 0 0 0;}
.bateaux a img {border:1px solid #FBDBC0;  margin:10px;}
.bateaux a.suite img {border:none;}
.bateaux2 {font-size:12px;text-decoration:none}
.bateaux2 span {font-size:16px;text-decoration:underline}
.bateaux2:hover span {text-decoration:none}
h3 {font-size:16px; font-weight:normal;}

.box8 {width:888px; margin:12px 0 0 12px; padding:13px 15px 0 15px; color:#703907; background:url(../images/box8.gif) no-repeat top left;}
.box8_bt {width:918px; height:13px; margin:0 0 4px 12px; overflow:hidden; background:url(../images/box8_bt.gif) no-repeat top left;}
.box8 p.title {display:block; height:35px; font-size:18px; margin:0 0 0 30px; line-height:0.85em; *line-height:0.87em;}
.box8 p.title span {font-size:12px;}
.box8 p {margin:0 0 17px 0; text-align:justify;}
.bateaux_detail {margin-top:20px;}
.bateaux_detail .img img {border:1px solid #FBDBC0; margin-left:12px; margin-bottom:12px;}
.fiche_technique {margin-top:5px;}
.fiche_technique td {padding:5px;}
.fiche_technique .r1 {background:#FBDBC0; border-bottom:1px solid #FFF; border-right:1px solid #FFF; font-weight:bold;}
.fiche_technique .r2 {background:#FEF2E9; border-bottom:1px solid #FFF; border-right:1px solid #FFF;}


/* right */
#right {float:left; display:inline; width:188px;}
.box2 {width:158px; margin-top:12px; padding:13px 15px 0 15px; color:#703907; background:url(../images/box2.gif) no-repeat top left;}
.box2_bt {width:188px; height:13px; margin-bottom:4px; overflow:hidden; background:url(../images/box2_bt.gif) no-repeat top left;}
.box2 p.title {display:block; height:35px; font-size:18px; margin:0 0 0 30px; line-height:0.85em; *line-height:0.87em;}
.box2 p.title span {font-size:12px;}
.box2 a.categ {display:block; width:152px; margin:10px auto 0 auto; color:#DF710D; font-weight:bold; text-align:center;}
.box2 a.categ:hover {text-decoration:none;}
.box2 a img {width:150px; border:1px solid #FBDBBF;}
#right .box1 {margin-top:0;}


/* footer */
#footer {
	width: 932px;
	height: 32px;
	margin: 0 auto;
	padding: 13px 11px 0 11px;
	color: #C1CFD5;
	font-size: 11px;
	background: url(../images/bg_footer.jpg) no-repeat top left;
}
#footer a {color: #C1CFD5; text-decoration:none}
#footer p.left {float:left;}
#footer p.right {float:right; text-align:right;}


/* items */
.cleaner {clear:both;}
p, ul, li, form, table, tr, td, h1, h2, h3, h4 {margin:0px; padding:0px;}
img {vertical-align:top; border:0px;}
a:focus {-moz-outline-style:none;}
a:active {outline:none;}
a {color:#435A65;}
a:hover {text-decoration:none;}
.inp1, .inp2, .inp3, .inp4, .inp5 {
	float:left;
	width: 151px;
	background: #FFF !important;
	border: 1px solid #A5ACB2 !important;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px 0 0 2px;
}
.inp2 {width:392px;}
.inp4 {width:392px; height:100px; overflow:auto;}
.inp3 {width:100px;}
.inp5 {width:250px; border:1px solid #FBDBBF;}
.but_envoyer {float:left; width:89px; height:22px; border:0; cursor:pointer; background:url(../images/but_envoyer.gif) no-repeat;}
.but_ok {float:left; width:36px; height:22px; margin:0 0 0 4px; border:0; cursor:pointer; background:url(../images/but_ok.gif) no-repeat;}


.error {color:#f00; font-size:11px;}

.sitemap {list-style: none}
.sitemap a {text-decoration: none; color: #6B6125}
.sitemap a:hover {text-decoration: underline;}
.sitemap li.level1 {font-size:16px}
.sitemap li.level2 {font-size:14px; margin-left:20px;}
.sitemap li.level3 {font-size:12px; margin-left:30px;}

/* 29.03.2011 */
.pdf {display:block; height:19px; padding:5px 0 0 32px; background:url(../images/icon_pdf.gif) no-repeat center left;} /*modificat*/
.mini {margin:10px 0 3px 4px;}

.table1 {width:100%; margin:0 0 0 0;}
.table1 th, .table1 td {padding:4px 5px;}
.table1 .r1 {background:#DCE4E9;}
.table1 .r2 {background:#F5F7F9;}

.box5 p.title2 {display:block; height:32px; padding-top:3px; font-size:18px; margin:0 0 0 30px;}
.box5 h3 {font-weight:bold; font-size:14px; margin:25px 0 15px 0;}
