/*========== GENERAL ==========*/

html { height:100%;}
body { margin:0; padding:0; background:#ffffff; }
.main_table{ width:100%; }
.site_center{ text-align:center; width:100%;}
.site_center1{ margin:0 auto; text-align:left; width:950px; }

body, div, td, select, input { font-family:verdana; font-size:12px; color:#3b3b3b; vertical-align:top;  text-align:left; }

img { border:0; }
img { vertical-align:top; }

.img_border, .img_has_border img { border:1px solid #000000; }

.col, .col1, .col2, .col3, .col1_1, .col1_2 { float:left; }
.fleft { float:left; }
.fright { float:right; }
.right1 { text-align:right}

.clear { clear:both; height:0px; }
.separate_x{ background:url(images/separate.gif) repeat-x center; }
.separate_y{ background:url(images/separate.gif) repeat-y center; width:80px; height:200px; }
.separate_y2{ background:url(images/separate.gif) repeat-y center; width:60px; height:200px; }

p { margin:0 0 18px 0; padding:0; text-align:left; }
.link { color:#d03721; text-decoration:none; }
.link:hover { text-decoration:underline; }

ul { margin:0; padding:0; list-style:none; }
ul li { background:url(images/list_bg.gif) no-repeat 0 4px; line-height:16px; text-indent:20px; margin-bottom:10px; }
ul li a { color:#505050; text-decoration:none; }
ul li a:hover { text-decoration:underline; }

a{ color:#3b3b3b; text-decoration:none; }
a:hover{ text-decoration:underline; }

.title2 { display:block; margin:0 0 25px 0; font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; color:#555555; line-height:28px; }
.title { display:block; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#555555; line-height:26px; }
.title  span { color:#d03721; }


/*---------- formulaire ----------*/
form { width:100%; }
.input { font-size:11px; padding:3px; background:#FFFFFF; border:1px #585858 solid; }
.button { padding:3px; background:#FFFFFF; border:1px #585858 solid; cursor:pointer; font-weight:bold; font-size:14px; text-decoration:none; }

.disabled { background:none; border:0; }

.save, .go, .cross, .regist { background:none; padding:5px 0 5px 30px; margin:0; border:0; text-align:left; }
.save:hover, .go:hover, .cross:hover, .regist:hover { text-decoration:underline; }
.go 	{ background:url(images/go.png) no-repeat 5px center; }
.cross 	{ background:url(images/cross.png) no-repeat 5px center; }
.save 	{ background:url(images/save.png) no-repeat 5px center; }
.regist	{ background:url(images/regist.png) no-repeat 5px center; }

.prod { background:url(images/prod2.png) no-repeat center; border:0; height:50px; width:250px; padding:0; margin:0; text-align:center; }

.buy { background:url(images/buy.png) no-repeat center; border:0; height:50px; width:210px; padding:0; margin:0; text-align:center; }
.buy2 { background:url(images/buy2.png) no-repeat center; color:#FFFFFF; border:0; height:50px; width:250px; padding:0; margin:0; text-align:center; }

label { cursor:pointer; }


.errorManager { display:block; margin:0 0 18px 5px; list-style-type:none; }
.errorManager .info { font-weight:bold; background:url(images/info.png) no-repeat left top; padding:2px 0 0 20px;
	min-height:16px; margin-bottom:4px; }
.errorManager .errorLi { font-weight:bold; background:url(images/erreur.png) no-repeat left top; padding:2px 0 0 20px;
	min-height:16px; margin-bottom:4px; }


/*---------- header ----------*/
#header{ height:300px; text-align:center;}


/*---------- content ----------*/
#content{ background:url(images/bg.gif) repeat-x top #FFFFFF; padding:40px;}
#content .content1 { width:870px; min-height:250px; clear:both; }
#content .indent { padding:0 0 0 0; }
#content .col2 { width:80px; }


/*---------- footer ----------*/
#footer { height:58px; padding:0; }
#footer .block{ height:58px; background:url(images/bg_footer.gif) repeat-x bottom #FFFFFF; color:#EEEEEE; font-size:11px; }
#footer .block .indent{ padding:25px 40px 20px 40px; }
#footer .block .indent .block1 { width:100%; text-align:center; font-size:11px; }
#footer .block .indent .block1 a{ color:#EEEEEE; text-decoration:none; }
#footer .block .indent .block1 a:hover{ text-decoration:underline; }


/*========== CONTENU ==========*/

/*---------- index ----------*/
#page1 #content .col1 { width:590px; }

#page1 #content .col1 .kiosque { font-size:32px; line-height:32px; }

#page1 #content .col1 .row1 { margin:0 0 20px 0; }

#page1 #content .col1 .row1 .col1_1 { width:250px; margin-right:38px; }
#page1 #content .col1 .row1 .col1_1 .img { margin:0 0 25px 0; }
#page1 #content .col1 .row1 .col1_1 ul li { padding-left:20px; background-image:url(images/list_bg3.gif); text-indent:0; font-weight:bold; text-align:left; }
#page1 #content .col1 .row1 .col1_1 .link { color:#d03721; }

#page1 #content .col1 .row1 .col1_2 { width:250px; margin-right:0px; }
#page1 #content .col1 .row1 .col1_2 .img { margin:0 0 25px 0; }
#page1 #content .col1 .row1 .col1_2 ul li { padding-left:20px; background-image:url(images/list_bg3.gif); text-indent:0; font-weight:bold; text-align:left; }
#page1 #content .col1 .row1 .col1_2 .link { color:#d03721; }

#page1 #content .col1 .row2 .col1_2 { width:320px; }
#page1 #content .col1 .row2 .col1_2 .row_a,
#page1 #content .col1 .row2 .col1_2 .row_b { width:500px; margin-bottom:10px; }
#page1 #content .col1 .row2 .col1_2 p { width:500px; }
#page1 #content .col1 .row2 .col1_2 .titre { width:500px; font-size:14px; font-weight:bold; color:#d03721; }
#page1 #content .col1 .row2 .col1_2 .row_a p{  text-align:left; }
#page1 #content .col1 .row2 .col1_2 .row_b p { float:right; text-align:right; }
#page1 #content .col1 .row2 .col1_2 .row_a .img { float:right; margin:0 0 20px 0px; }
#page1 #content .col1 .row2 .col1_2 .row_b .img { float:left; margin:0 0px 20px 0; }

#page1 #content .col3 { width:200px; }
#page1 #content .col3 ul li { margin:0 0 10px 0; text-align:justify; }


/*---------- actualites ----------*/
#page2 #content .col1 { width:200px; }
#page2 #content .col1 li { padding-left:20px; background-image:url(images/list_bg3.gif); text-indent:0; }

#page2 #content .col3 { width:590px; overflow:hidden; }
#page2 #content .col3 .indent_1 .row { cursor:pointer; }
#page2 #content .col3 .indent_1 .img { float:left; width:150px; margin:0 20px 20px 0; }
#page2 #content .col3 .indent_1 .txt { float:left; width:420px; margin:0 0 0 0; }
#page2 #content .col3 .indent_1 .titre { font-size:14px; font-weight:bold; color:#d03721; }

#page2 #content .col3 .menu .cat { float:left; width:240px; margin:0 50px 20px 0; }
#page2 #content .col3 .menu .cat p { text-transform:uppercase; font-weight:bold; margin:0 0 5px 0; }
#page2 #content .col3 .menu .cat select { width:200px; }

#page2 #content .col3 .indent_2 .info { text-transform:uppercase; text-align:right; }


/*---------- bancs_d_essai ----------*/
#page3 #content .col1 { width:200px; }

#page3 #content .col3 { width:590px; overflow:hidden; }
#page3 #content .col3 { width:590px; overflow:hidden; }

#page3 #content .col3 .menu .cat { float:left; width:240px; margin:0 50px 20px 0; }
#page3 #content .col3 .menu .cat p { text-transform:uppercase; font-weight:bold; margin:0 0 5px 0; }
#page3 #content .col3 .menu .cat select { width:200px; }

#page3 #content .col3 .indent_1 .row { cursor:pointer; }
#page3 #content .col3 .indent_1 .img { float:left; width:120px; margin:0 20px 20px 0; }
#page3 #content .col3 .indent_1 .txt { float:left; width:450px; margin:0 0 0 0; }
#page3 #content .col3 .indent_1 .titre { font-size:14px; font-weight:bold; color:#d03721; }

#page3 #content .col3 .indent_2 .info1 { border-bottom:1px solid #333333; padding-bottom:0px; margin:0; }
#page3 #content .col3 .indent_2 .info2 { }
#page3 #content .col3 .indent_2 .title2 { padding-top:20px; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#d03721; line-height:20px; }
#page3 #content .col3 .indent_2 .note { margin:0 0 18px 0; }
#page3 #content .col3 .indent_2 .note .note1 { float:left; width:150px; text-transform:uppercase; font-weight:bold; margin-bottom:5px; }
#page3 #content .col3 .indent_2 .note .note2 { float:left; width:400px; margin-bottom:5px; }
#page3 #content .col3 .indent_2 .fiche { margin:0 0 18px 0; }
#page3 #content .col3 .indent_2 .fiche .fiche1 { float:left; width:250px; text-transform:uppercase; font-weight:bold; margin-bottom:5px; }
#page3 #content .col3 .indent_2 .fiche .fiche2 { float:left; width:330px; margin-bottom:5px; }

/*---------- bancs_d_essai ----------*/
#page31 #content .col1 { width:220px; }

#page31 #content .col3 { width:200px; overflow:hidden; }

#page31 #content .col3 .menu .cat { float:left; width:240px; margin:0 50px 20px 0; }
#page31 #content .col3 .menu .cat p { text-transform:uppercase; font-weight:bold; margin:0 0 5px 0; }
#page31 #content .col3 .menu .cat select { width:200px; }

#page31 #content .col3 .row { cursor:pointer; }
#page31 #content .col3 .img { float:left; width:120px; margin:0 20px 20px 0; }
#page31 #content .col3 .txt { float:left; width:450px; margin:0 0 0 0; }
#page31 #content .col3 .titre { font-size:14px; font-weight:bold; color:#d03721; }

#page31 #content .col3 .indent_2 .info1 { border-bottom:1px solid #333333; padding-bottom:0px; margin:0; }
#page31 #content .col3 .indent_2 .info2 { }
#page31 #content .col3 .indent_2 .title2 { padding-top:20px; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#d03721; line-height:20px; }
#page31 #content .col3 .indent_2 .note { margin:0 0 18px 0; }
#page31 #content .col3 .indent_2 .note .note1 { float:left; width:150px; text-transform:uppercase; font-weight:bold; margin-bottom:5px; }
#page31 #content .col3 .indent_2 .note .note2 { float:left; width:400px; margin-bottom:5px; }
#page31 #content .col3 .indent_2 .fiche { margin:0 0 18px 0; }
#page31 #content .col3 .indent_2 .fiche .fiche1 { float:left; width:250px; text-transform:uppercase; font-weight:bold; margin-bottom:5px; }
#page31 #content .col3 .indent_2 .fiche .fiche2 { float:left; width:330px; margin-bottom:5px; }



/*---------- reportages ----------*/
#page4 #content .col1 { width:200px; }
#page4 #content .col1 ul.cat { text-transform:uppercase; font-weight:bold; margin:0 0 25px 0; }
#page4 #content .col1 ul.cat li { text-transform:none; font-weight:normal; margin:10px 0 0 0; background-image:url(images/list_bg3.gif);  padding-left:20px; text-indent:0; }

#page4 #content .col3 { width:590px; }
#page4 #content .col3 .indent_1 .row { cursor:pointer; }
#page4 #content .col3 .indent_1 .img { float:left; width:120px; margin:0 20px 20px 0; }
#page4 #content .col3 .indent_1 .txt { float:left; width:450px; margin:0 0 0 0; }
#page4 #content .col3 .indent_1 .titre { font-size:14px; font-weight:bold; color:#d03721; }

#page4 #content .col3 .menu .cat { float:left; width:240px; margin:0 50px 20px 0; }
#page4 #content .col3 .menu .cat p { text-transform:uppercase; font-weight:bold; margin:0 0 5px 0; }
#page4 #content .col3 .menu .cat select { width:200px; }

#page4 #content .col3 .indent_2 .info1 { text-transform:uppercase; border-bottom:1px solid #333333; padding-bottom:0px; margin:0; }
#page4 #content .col3 .indent_2 .info2 { text-transform:uppercase; }
#page4 #content .col3 .indent_2 .title2 { margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#d03721; line-height:20px; }
#page4 #content .col3 .indent_2 .note { margin:0 0 18px 0; }
#page4 #content .col3 .indent_2 .note .note1 { float:left; width:150px; text-transform:uppercase; font-weight:bold; margin-bottom:5px; }
#page4 #content .col3 .indent_2 .note .note2 { float:left; width:400px; margin-bottom:5px; }
#page4 #content .col3 .indent_2 .fiche { margin:0 0 18px 0; }
#page4 #content .col3 .indent_2 .fiche .fiche1 { float:left; width:250px; text-transform:uppercase; font-weight:bold; margin-bottom:5px; }
#page4 #content .col3 .indent_2 .fiche .fiche2 { float:left; width:330px; margin-bottom:5px; }


/*---------- disques ----------*/
#page5 #content .col1 { width:200px; }
#page5 #content .col1 ul.cat { text-transform:uppercase; font-weight:bold; margin:0 0 25px 0; }
#page5 #content .col1 ul.cat li { text-transform:none; font-weight:normal; margin:10px 0 0 0; padding-left:20px; text-indent:0; }

#page5 #content .col3 { width:590px; overflow:hidden; }
#page5 #content .col3 .indent_1 .row { cursor:pointer; }
#page5 #content .col3 .indent_1 .img { float:left; width:160px; margin:0 20px 20px 0; }
#page5 #content .col3 .indent_1 .txt { float:left; width:410px; margin:0 0 0 0; }
#page5 #content .col3 .indent_1 .titre { font-size:14px; font-weight:bold; color:#d03721; margin-bottom:5px; text-transform:uppercase; }
#page5 #content .col3 .indent_1 .artiste { font-size:14px; font-weight:bold; }

#page5 #content .col3 .menu .cat { float:left; width:240px; margin:0 50px 20px 0; }
#page5 #content .col3 .menu .cat p { text-transform:uppercase; font-weight:bold; margin:0 0 5px 0; }
#page5 #content .col3 .menu .cat select { width:200px; }

#page5 #content .col3 .indent_2 .img { float:left; margin:0 20px 20px 0; }
#page5 #content .col3 .indent_2 .txt { float:left; width:450px; margin:0 0 0 0; }
#page5 #content .col3 .indent_2 .artiste { font-size:14px; font-weight:bold; color:#d03721; margin-bottom:5px; text-transform:uppercase; }
#page5 #content .col3 .indent_2 .label { font-size:14px; font-weight:bold; }
#page5 #content .col3 .indent_2 .auteur { text-align:right; }
#page5 #content .col3 .indent_2 .note { float:left; width:250px; margin:0 0 20px 0; }
#page5 #content .col3 .indent_2 .note .note1 { float:left; width:100px; margin-bottom:5px; font-weight:bold; }
#page5 #content .col3 .indent_2 .note .note2 { float:left; width:150px; height:10px; margin:2px 0 2px 0; }


/*---------- annonces ----------*/
#page6 #content .col1 { width:220px; }
#page6 #content .col1 { width:220px; }
#page6 #content .col1 .row1 { background:url(images/cartouche_top.png) no-repeat center top;  }
#page6 #content .col1 .row2 { background:url(images/cartouche_top.png) no-repeat center top;  }
#page6 #content .col1 .title { padding:8px 0 0 20px; color:#FFFFFF; font-size:20px; font-weight:normal; margin:0 0 9px 0; font-variant:small-caps; } 
#page6 #content .col1 .indent { background:url(images/cartouche_bot.png) no-repeat center bottom; padding:10px 10px 20px 10px; margin-bottom:30px;  }
#page6 #content .col1 .input { width:184px; }
#page6 #content .col1 textarea { height:50px; }


#page6 #content .col3 { width:570px; }
#page6 #content .col3 .txt { border-bottom:1px solid #333333; margin-bottom:20px; }
#page6 #content .col3 .noline { border-bottom:0px; }
#page6 #content .col3 .ref { float:left; width:50%; margin:0; font-size:14px;  }
#page6 #content .col3 .tel { float:left; width:50%; margin:0; text-align:right; font-size:14px; }
#page6 #content .col3 .contenu {  }

/* #page6 #content .col3 .box_left  { float:left; width:140px; margin:0 50px 50px 0; }
#page6 #content .col3 .box_right { float:left; width:140px; margin:0 0 0 0; }
#page6 #content .col3 p { width:140px; } */


/*---------- produits ----------*/
#page7 #content .col1 { width:300px; }

#page7 #content .col3 { width:490px; }
#page7 #content .col3 .ind { border:1px solid #CCCCCC; background:#FFFFFF; padding:20px 20px 2px 20px; }
#page7 #content .col3 .input { width:432px; margin-bottom:7px; }
#page7 #content .col3 textarea { width:432px; height:100px; margin-bottom:7px; }
#page7 #content .col3 .separate_x { height:20px; }


/*---------- compte ----------*/
#page8 #content .col1 { width:220px; }
#page8 #content .col1 .row1, #page8 #content .col1 .row2 { background:url(images/cartouche_top.png) no-repeat center top;  }
#page8 #content .col1 .title { padding:8px 0 0 20px; color:#FFFFFF; font-size:20px; font-weight:normal; margin:0 0 9px 0; font-variant:small-caps; } 
#page8 #content .col1 .indent { background:url(images/cartouche_bot.png) no-repeat center bottom; padding:10px 10px 20px 10px; margin-bottom:30px;  }
#page8 #content .col1 .row2 .indent { margin-bottom:10px; }
#page8 #content .col1 .input { width:184px; }

#page8 #content .col3 { width:570px; }
#page8 #content .col3 .ind { border:1px solid #CCCCCC; background:#FFFFFF; padding:20px 20px 2px 20px; }
#page8 #content .col3 .titre { text-transform:uppercase; font-weight:bold; height:30px; }
#page8 #content .col3 .ind .link { background:url(images/list_bg.gif) no-repeat left center; padding:0 0 0 30px; }

#page8 #content .col3 .ind .col { width:170px; margin-right:20px; }
#page8 #content .col3 .ind .col_b { width:140px; margin-right:0px; }

#page8 #content .col3 .input { width:328px; margin-bottom:7px; }
#page8 #content .col3 select.input { width:336px; margin:0 0 7px 0; }

#page8 #content .col3 .separate_x { height:40px; background-position:center 10px; }

/*---------- panier & commandes ----------*/ 
#page8 #content .col3 .row1, #page8 #content .col3 .row2,
#page8 #content .col3 .row3 { margin-bottom:30px; }

#page8 #content .col3 .row1 .firstline { font-size:14px; font-weight:bold;  }
#page8 #content .col3 .row1 .des { float:left; width:240px; padding:5px; }
#page8 #content .col3 .row1 .qte { float:left; width:50px; padding:5px; text-align:left; }
#page8 #content .col3 .row1 .prx { float:left; width:80px; padding:5px; text-align:right; }
#page8 #content .col3 .row1 .tot { float:left; width:80px; padding:5px; text-align:right; }
#page8 #content .col3 .row1 .sup { float:left; width:25px; padding:5px; text-align:right; }

#page8 #content .col3 .row1 .dat { float:left; width:90px; padding:5px; }
#page8 #content .col3 .row1 .ref { float:left; width:140px; padding:5px; text-align:left; }
#page8 #content .col3 .row1 .pai { float:left; width:80px; padding:5px; text-align:center; }
#page8 #content .col3 .row1 .liv { float:left; width:80px; padding:5px; text-align:center; }
#page8 #content .col3 .row1 .cancel { float:left; width:170px; padding:5px; text-align:center; color:#999999; }
#page8 #content .col3 .row1 .ok { color:#009900; }
#page8 #content .col3 .row1 .ko { color:#CC0000; }

#page8 #content .col3 .row1 .line { background:#FFFFFF; }
#page8 #content .col3 .row1 .line:hover { background:#F3F3F3; }

#page8 #content .col3 .row2 .col3_1 ,
#page8 #content .col3 .row2 .col3_2 { float:left; width:50%; text-align:center; margin:0; }

#page8 #content .col3 .row2 .firstline { font-size:14px; font-weight:bold; margin-bottom:7px;  }
#page8 #content .col3 .row2 .col { width:50%; text-align:center; margin:0; }
#page8 #content .col3 .row2 .col input { margin:30px 20px 0 0; }

#page8 #content .col3 .row3 .total1 { float:left; width:350px; padding:5px; text-align:right; font-weight:bold }
#page8 #content .col3 .row3 .total1 span { text-transform:uppercase; }
#page8 #content .col3 .row3 .total2 { float:left; width:120px; padding:5px; text-align:right; font-weight:bold  }

#page8 #content .col3 .row4 .prods { float:right; width:50%; text-align:center; margin:0; }

/*---------- commandes ----------*/ 



/*---------- produits ----------*/
#page9 #content .col1 { width:200px; }
#page9 #content .col1 .row1 { margin-bottom:50px; }
#page9 #content .col1 ul.cat { text-transform:uppercase; font-weight:bold; margin:0 0 25px 0; }
#page9 #content .col1 ul.cat li { text-transform:none; font-weight:normal; margin:10px 0 0 0; padding-left:20px; text-indent:0; }

#page9 #content .col3 { width:590px; overflow:hidden; }
#page9 #content .col3 .indent_1 .row { cursor:pointer; }
#page9 #content .col3 .indent_1 .img { float:left; width:120px; margin:0 20px 20px 0; }
#page9 #content .col3 .indent_1 .txt { float:left; width:450px; margin:0 0 0 0; }
#page9 #content .col3 .indent_1 .titre, #page9 #content .col3 .indent_1 .tarif  { float:left; width:50%; font-weight:bold; color:#d03721;
	margin:0 0 0 0; line-height:22px; }
#page9 #content .col3 .indent_1 .titre { font-size:14px; }
#page9 #content .col3 .indent_1 .tarif { text-align:right; font-size:18px; }
#page9 #content .col3 .indent_1 .date {  border-top:1px solid #333333; }
#page9 #content .col3 .indent_1 .panier { height:50px; text-align:center; margin:0 0 60px 0; }