body{ background:url(images/2009/bg_degrade.gif) repeat-x #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;margin: 0;padding: 0;}
*{ margin:0; padding:0; border:0;}
#conteneur {position: relative;width:876px;margin: 0 auto; padding:0; background:url(images/2009/bg_ombre.gif) repeat-y; width:879px; padding:0 18px;}
.pointer{ cursor:pointer;}
hr{clear:both; visibility:hidden;}
.juridique{font-size:0.8em; color:#666666; /*font-style:italic;*/}
#footer{height:15px;width:842px;.margin-top:-3px;/*IE6 & IE7*/	background-color: #D6D929;}
#footer p{	margin:0;	padding:0;	text-align:right;	font-size:0.8em;	color:#003366;	padding-right:5px;}
#footer p a{	color:#003366;	text-decoration:none;}

/********** index **********/
#recherche{.margin-top:-3px;/*IE6 & IE7*/}
#faq{ position:absolute; top:540px; left:60px;}
#faq div{font-weight:bold; float:left; width:180px; padding:0 0 0 40px; margin:0 50px 0 0; cursor:pointer;}
#faq div a{	color:#FFFFFF;	text-decoration:none;}
#type1{	position:absolute;	top:385px;	left:80px;}
#type2{	position:absolute;	top:445px;	left:80px;}
#type1 div, #type2 div{float:left; width:90px; color:#FFFFFF;height:25px; padding-top:35px; text-align:center; background:url(images/pixel.gif);}
#nos_offres{
	position:absolute;
	top:365px;
	left:343px;
	cursor:default;
	width: 486px;
}
#nos_offres div{color:#FFFFFF; font-size:0.85em; padding-bottom:2px;}

/********** faq **********/
.faq{ width:90%; margin:0 5%;}
.faq h1{color:#B6CA33; font-size:14px;}
.faq h2{color:#0062AB; font-size:12px; padding:10px 0 2px 0;}

/********** offre **********/
#menu_g{ width:165px; float:left;}
#faq_{	position:absolute;	top:144px;	left:17px;	color: #FFFFFF;}
#faq_ div{	font-weight:bold;	float:left;	padding:0 40px 0 25px;	margin:0 40px 0 0;	cursor:pointer;}
#faq_ div a{ color:#FFFFFF; text-decoration:none;}
#type1_{ position:absolute; top:210px; left:20px;}
#type2_{ position:absolute; top:255px; left:20px;}
#type1_ div, #type2_ div{float:left; width:70px; color:#FFFFFF;height:13px; padding-top:35px; text-align:center; font-size:0.8em;}
.bouton{ background:url(images/btn.gif); width:50px; height:32px; color:#004494; margin:0; padding:0; line-height:30px; text-align:center; cursor:pointer;}

/********** detail **********/
#contenu {width:670px; overflow: hidden; float:left;}
#prod {width:100%; margin:20px auto 0 auto;}
#prod h2{font-size:1.6em;}
#prod #left{width:54%; float:left;}
#prod #right{width:45%; float:right;}
#prod #right p.txt{line-height:1.5em; text-align:right;/* width:300px;*/}
#prod #right p.txt label{float:left; /*width:110px;*/ text-align:left;}
#prod .reduc{float:right; color:#285f8e; font-weight:bold; font-size:1.2em; background-image:url(../images/reduc_vert.gif); width:72px; height:72px; text-align:center; vertical-align:middle;}
#prod .reduc p{padding-top:32px;font-size:1em;color: #003366;}
#prod .prix{margin:30px 0 10px 0;padding: 1px 5px;/*background-color:#c1f236;border:1px solid #96bf03;color:#1a3100;*/font-weight:bold;font-size: 16px;color: #669900;font-family: Verdana, Arial, Helvetica, sans-serif;}
#prod .encadre{border:1px solid #666666; width:90%; padding:5px;font-size:0.8em; }
#prod .encadre p.txt{text-align:left; line-height:1em; line-height:1.3em;}
#prod .encadre p.txt2 label{float:left; width:100px; text-align:left;}
#prod .gris{color:#666666; font-size:0.8em;}
.bouton_grd{ background:url(images/btn_grd.gif); width:220px; height:40px; color:#004494; margin:0; padding:0; cursor:pointer; font-weight:bold; font-size:12px; line-height:30px;}
.bouton_grd img{padding:5px 0 0 10px; vertical-align:middle;}
/*onglet*/
.TabbedPanels {margin:0px; padding:0px; float:left; clear:none; width:100%; position:relative; padding-top:33px;}
.TabbedPanelsTabGroup {margin:0;padding:0; position:absolute; top:0;}
.TabbedPanels *{font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
.TabbedPanelsTab {float:left; list-style:none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer;float:left;background:url(../images/arr-plan/onglet_left.gif) no-repeat left top; margin:0 2px 0 0;padding:0 0 0 5px;}
.TabbedPanelsTab p{float:left; background:url(../images/arr-plan/onglet_right.png) no-repeat right top;padding:10px 7px 8px 2px; text-decoration:none;font-weight:bold;}
.TabbedPanelsTabHover  {background-position:left -100px;color:#333;}
.TabbedPanelsTabHover p{background-position:right -100px;}
.TabbedPanelsTabSelected{background-position:left -100px;}
.TabbedPanelsTabSelected p{background-position:right -100px;padding-bottom:9px;color:#333;}
.TabbedPanelsContentGroup {clear: both;height:auto; line-height:normal; border: solid 1px #CCC;min-height:300px !important;height:300px ;height:auto !important; padding:10px;}
.TabbedPanelsContent p{line-height:1.5em; width:100%;}
.TabbedPanelsContent p input{text-align:right;}
.TabbedPanelsContent p:hover{font-weight:bold;}
.TabbedPanelsContent p label{float:left; width:250px; text-align:left;}
.TabbedPanelsContent p label.grd{float:left; width:600px; text-align:left;}
.TabbedPanelsContent p.impair{background-color:#F3F3F3;}
.TabbedPanelsContent p.partie{font-size:1.2em;margin:0; padding:3px 0; font-weight:bold; }
.TabbedPanelsContentVisible {}
/*region*/
#prod #claque_region {border:1px solid #d5d4d4;}
#prod #claque_region p{margin: 2px 10px;}
#prod #claque_region p:hover{font-weight:bold;}
#prod #claque_region p.txt:hover{font-weight:normal;}
#prod #claque_region p label{float:left; width:280px; text-align:left;}
#prod #claque_region p.impair{background-color:#F3F3F3;}
#prod #claque_region #titre_region{background:url(../images/degrade.gif) repeat-x; height:20px; margin:0;}
#prod #claque_region #titre_region span{font-weight:bold; line-height:1.5em; padding-left:1em; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

/********** accordion **********/
/*.modele{width:30%; float:left; margin:5px; border:1px solid #999999; padding:3px;}
.modele .logo{}
.modele h3{margin:0; padding:0; font-size:1.1em;}
.reduc{float:right;color:#285f8e;font-weight:bold;font-size:1.6em;background-image:url(../images/reduc_vert.gif); width:72px; height:72px; text-align:center; vertical-align:middle;}
.reduc p{padding-top:22px; font-size:1.0em;}
.modele .photo{float:left;}
.modele .prix{float:right; margin:30px 0 10px 0; padding: 3px 5px; background-color:#c1f236; border:1px solid #96bf03; color:#1a3100; font-weight:bold;}
.modele .zoom{float:right;}*/
.autre_modele{width:658px; margin:0; padding:0 5px;}
.autre_modele a{text-decoration:none; color:#000000;}
.autre_modele p.titre{font-weight:bold; font-size:1.2em;color:#000099; padding:10px 0 5px 0;}
.autre_modele table{border-collapse:collapse;}
.autre_modele table td{padding:2px; font-size:0.8em;}
.autre_modele .nom{font-weight:bold; font-size:1.2em; }
.autre_modele .moto{}
.autre_modele .pourcent{color:#003366;font-weight:bold;}
.autre_modele .prix p{padding: 1px 2px;/*background-color:#c1f236;border:1px solid #96bf03;color:#1a3100;*/	font-weight:bold;color: #97BE0D;}

#wrap {width:670px; overflow: hidden; background: #fff url("../images/wrapbg.gif") repeat-y top left;float:left;}
h2.toggler {text-indent:1em; color:#789abe;width:100%; margin:0; padding:0; height:20px; cursor:pointer; background:url(images/accordion_2.gif); cursor: pointer; z-index:50;}
h2.first_toggler {background:url(images/accordion.gif);}
h2.toggler a{color:#ffffff; text-decoration: none; font-size:11px;}
h2.toggler a:hover, h2.toggler:hover { color:#ffffff;}
div.accordion { background:#FFFFFF url(images/accordion_corps.gif) repeat;}
#top_round { height: 10px; font-size: 1px; /* ie whitespace */}
#bottom_round { height: 10px; font-size: 1px; /* ie whitespace */ background:url(images/accordion_pieds.gif);} 
.top_dark { background: url("../images/top_dark.gif") no-repeat top left;}
.top_light { background: url("../images/top_light.gif") no-repeat top left;}
.bottom_dark { background: url("../images/bottom_dark.gif") no-repeat top left;}
.bottom_light { background: url("../images/bottom_light.gif") no-repeat top left;}
.first { padding-top: 5px;}.last { padding-bottom: 5px;}
#content {width: 100%;margin: 0 auto;}
.TabbedPanels {margin:0px; padding:0px; float:left; clear:none; width:100%; position:relative; padding-top:33px;}
.TabbedPanelsTabGroup {margin:0;padding:0; position:absolute; top:0;}
.TabbedPanels *{font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
.TabbedPanelsTab {float:left; list-style:none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer;float:left;background:url(../images/arr-plan/onglet_left.gif) no-repeat left top; margin:0 2px 0 0;padding:0 0 0 5px;}
.TabbedPanelsTab p{float:left; background:url(../images/arr-plan/onglet_right.png) no-repeat right top;padding:10px 7px 8px 2px; text-decoration:none;font-weight:bold;}
.TabbedPanelsTabHover  {background-position:left -100px;color:#333;}
.TabbedPanelsTabHover p{background-position:right -100px;}
.TabbedPanelsTabSelected{background-position:left -100px;}
.TabbedPanelsTabSelected p{background-position:right -100px;padding-bottom:9px;color:#333;}
.TabbedPanelsContentGroup {clear: both;height:auto; line-height:normal; border: solid 1px #CCC;min-height:300px !important;height:300px ;height:auto !important; padding:10px;}
.TabbedPanelsContent p{line-height:1.5em; width:100%;}
.TabbedPanelsContent p input{text-align:right;}
.TabbedPanelsContent p:hover{font-weight:bold;}
.TabbedPanelsContent p label{float:left; width:250px; text-align:left;}
.TabbedPanelsContent p label.grd{float:left; width:600px; text-align:left;}
.TabbedPanelsContent p.impair{background-color:#F3F3F3;}
.TabbedPanelsContent p.partie{font-size:1.2em;margin:0; padding:3px 0; font-weight:bold; }
.TabbedPanelsContentVisible {}


/********** slimbox *********/
#lbOverlay {position: absolute;z-index: 9999;left: 0;width: 100%;background-color: #000;cursor:not-allowed;}
#lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;left: 50%;overflow: hidden;background-color: #fff;}
.lbLoading {background: #fff url(../loading.gif) no-repeat center;}
#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {	background: transparent url(../prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {	background: transparent url(../nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(../closelabel.gif) no-repeat center; margin:5px 20px 0 5px;outline: none;}
#lbCaption, #lbNumber {	margin-right: 71px;}
#lbCaption {font-weight: bold;}
