@import url(sIFR.css);
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a {outline: none;}
a:focus{-moz-outline-style: none;}
.l {float:left}
.r {float:right}
ul {padding:0; margin:0; list-style:none;}
#m { margin:0 auto 0 auto; width:890px; }

/* head */
#top { border-bottom:1px solid #DBDBDB; float:left; padding:16px 0 6px 0 }
#top .a { float:left; width:500px; color:#999; font-size:11px }
#top .a span { font-size:8px }
#top .b { float:left; text-align:right; width:390px }
#top .b a  { text-decoration:none; color:#999; font-size:10px }
#top .b a:hover { color:#0078AD; text-decoration:underline }

#ban { height:170px; width:890px; float:left; border-bottom:1px solid #DBDBDB }
#ban img { margin:58px 0 0 30px; border:0 }
#ban .a { background-color:#0078AD; width:210px; height:170px; float:left }
#ban .a a { display:block; width:210px; height:170px }
#ban #Bandeau { height:170px; width:680px; float:left }

#men { float:right; height:33px; }
	#nav .btn { color:#666; display:block; height:24px; padding:9px 25px 0 25px; text-decoration:none; cursor:pointer;}
	#nav .btn:hover { border-bottom:4px solid #0078AD; height:20px }
	#nav .btnOn { color:#666; display:block; border-bottom:4px solid #0078AD; height:20px; padding:9px 25px 0 25px; text-decoration:none; cursor:pointer; }
	#nav li { float:left; }
	#nav .ma { margin:0 0 0 20px;  }
	#nav li ul { position:absolute; left:-999em; .clear:both; z-index:999; background-color:#FFFFFF; border:1px solid #D3D3D3; border-bottom:0; }
	#nav li ul a { display:block; padding:9px 10px 9px 10px; width:148px; border-bottom:1px solid #D3D3D3; text-decoration:none; color:#666 }
	#nav li ul li { clear:both; }
	#nav li ul a:hover { color:#FFF; background-color:#0078AD; }
	#nav li ul ul { margin: -39px 0 0 168px; }
	#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; border-top:1px solid #D3D3D3 }
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; }


#ari { float:left; width:875px; border-top:1px solid #DBDBDB; height:28px; background-image:url(../img/bg_ari.jpg); background-repeat:repeat-x; padding:14px 0 0 15px; font-size:10px; color:#999 }
#ari a { text-decoration:none; color:#666; font-size:10px; }
#ari a:hover { text-decoration:underline; }
#ari span { font-size:12px; color:#0078AD; padding-right:20px }

/* body */
#c { float:left; width:890px }
#c #g { float:left; width:690px; }
#c #g #lab_dom { padding:0 0 20px 0; float:left; width:670px }
#c #g #lab_dom a { display:block; float:left; width:205px; margin:0 15px 0 0 }
#c #g #txt { float:left; width:660px; color:#666; line-height:18px; padding:20px 0 25px 0 }
#c #g #txt a {color:#0078AD }
#c #g #txt .bi { text-decoration:none; color:#0078AD; font-size:13px; font-weight:bold }
#c #g #txt .bi:hover { text-decoration:underline }
#c #g #txt #a {float:left; width:228px; padding-right:10px }
#c #g #txt #b {float:left; width:422px; padding-top:10px }
.sIFR-active #titr { float:left; width:690px; visibility:hidden; font-family:Arial; line-height:1em; display:block; font-size:35px; height:50px }
.sIFR-active #stitr { float:left; width:690px; visibility:hidden; font-family:Arial; line-height:1em; display:block; font-size:20px; height:22px }
#c #g #gamme { float:left; width:310px; margin-right:20px }
#c #g #gamme .t { background-color:#F9F9F9; padding:10px 10px 20px 10px; line-height:16px; font-size:12px }
#c #g span { display:block; padding:4px 0 0 10px; color:#0078AD }
#c #g span a {color:#0078AD; }
#c #g .cat { color:#000; display:block; padding:15px 0 0 0 }
#c #d { float:left; width:175px; background-image:url(../img/sep_droite.png); background-repeat:no-repeat; padding-left:25px; height:500px; }
#c #d .p5 { padding-top:5px }
#c #d .p30 { padding-top:50px }
#c #d a { color:#0078AD }

.q td { padding-bottom:10px }
	.q .stitre { padding:30px 0 15px 0; font-size:16px; color:#0078AD }
	.q .te { border:1px solid #CCC; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px}
	.q .w180 { width:180px }
	.q .w200 { width:200px }
	.q .w100 { width:100px }
	.q .w300 { width:400px; height:35px; }
	.q .w400 { width:500px; height:50px; }
	.q .mb20 { margin-bottom:20px }
	.q .ch { margin-left:20px }


/* contact */
#coor { padding:10px 0 20px 0; float:left; width:660px; line-height:16px; color:#333 }
#coor a { color:#0078AD }
#coor #a { float:left; padding:10px 0 0 20px; width:230px }
#coor #b { float:left; padding-top:10px; }

.titre2 {font-weight:bold; font-size:13px; }
#form{ background-image:url(../img/bg_recherche.jpg); background-repeat:repeat-x; float:left; border:1px solid #CCCCCC; width:660px; font:13px arial; color:#333333;}
#form .titre2{ padding:16px 0 4px 16px;}
#form p{ margin:0 0 0 0; padding:0 16px 10px 16px;}
#form .erreur{ color:#FF3300;}

#form ul{ list-style:none; margin:0 0 0 0; padding:0 16px 0 16px; float:left;}
#form ul li {line-height:28px; clear:both; float:left; width:600px;}
#form ul li label{ width:120px; float:left; }
#form ul li input{ height:16px; font:13px arial; color:#333333; width:214px; border:1px solid #CCCCCC; float:left; margin:4px 0 0 0;}
#form ul li textarea{ height:86px; font:13px arial; color:#333333; width:410px; border:1px solid #CCCCCC; float:left; margin:4px 0 0 0;}

#form ul li .email { font:13px arial; color:#10ACCD; text-decoration:none; padding:0 0 0 10px; background:url(../img/puceb.jpg) left no-repeat; float:left; margin:24px 0 0 80px;}
#form ul li .email:hover { text-decoration:underline; }

#form ul li .button { background-color:#0078AD; display:block; float:right; text-align:center; font:12px Arial; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:10px 10px 10px 10px; margin:16px 0 16px 80px;}
#form ul li .button:hover{ background-color:#CCCCCC; }

/* produit */
#ssm { width:190px; padding:15px 40px 0 0; float:left }
#ssm #pdf { padding:150px 0 20px 0; }
#ssm #pdf a { text-decoration:none; color:#0078AD; }
#ssm #pdf a:hover { text-decoration:underline; }
#ssm #a {width:190px; border-bottom:1px solid #CCC; height:24px;}
#ssm #a a { display:block; width:190px; height:24px; background-repeat:no-repeat;}
#ssm #a a:hover { background-position:left -24px;}
.sIFR-active #pce #titr { font-size:30px; height:50px; width:385px }
.sIFR-active #pce #stitr { width:385px }
#pce { float:left; width:385px; padding:20px 20px 0 0; }
#pce #content { color:#555; line-height:18px; clear:both; padding:15px 0 30px 0}
#pce #content strong, #pce #content b, #pce #content u { color:#0078AD }
#pic { float:left; padding-top:25px; margin-bottom:20px }

/* foot */
#foot { float:left; width:890px; border-top:1px solid #DBDBDB; padding:10px 0 20px 0; font-size:10px; color:#666 }
#foot a { text-decoration:none; color:#666;}
#foot a:hover { color:#0078AD; text-decoration:underline; }
#foot .a { float:left; width:600px }
#foot .b { float:left; width:290px; text-align:right }