@charset "utf-8";
/* CSS Document */


/*
///////////////////////////////////////////////////////////////////////
///                     structure globale du site
///////////////////////////////////////////////////////////////////////
*/

body {/*font deriere le site*/
background-color: #4d0e14;
background-position:center;
background-image:url(images/fondSuite.png);
margin-top:0px;}
div#bandeau{	/*background: #eed ;*/
	text-align: center ;
	font-size: 0.7em;
font-family:arial;
	color: #FFFFFF ;
} 
/*Format des Lien dans le site...*/
a:link { color :#222270 ;   TEXT-DECORATION:underline}
a:hover { color :#222270 ;  font-weight:bold; } 
a:visited { color :#502270 ;   } 

h2{text-align:center;}

p{font-family:arial;}

/*n de siret...*/
#Siret a:link { color :#EEEEEE ;  text-decoration:none ; }
#Siret a:visited { color :#EEEEEE ;  text-decoration:none ; } 
div#Siret
{	/*background: #eed ;*/

position:relative;
bottom:9px; 
left:-43px; 
/*position: absolute;*/
	color: #EEEEEE;
	font-style: italic;
	font-size: 10px;
	a:link {color: red ; text-decoration: underline overline ;}
} /*L'occasion de l'accordparation Vente Locassion...*/
#Loccasionde a:link { color :#FFFFFF ;  text-decoration:none ; }

#Loccasionde a:visited { color :#DDDDDD ;  text-decoration:none ; } 

div#Loccasionde
{	/*background: #eed ;*/

position:relative;
bottom:-15px; 
left:-43px; 
/*position: absolute;*/
	color: #FFFFFF;
	font-style: italic;
	font-size: 12px;
	a:link {color: red ; text-decoration: underline overline ;}
} /*L'occasion de l'accoon*/

#header ul
{

/*position des textes dans le header (acceuil mentions guales...)*/
position:absolute;
right:33px;
display: block;
list-style: none;
color:#FFFFFF;margin: 0 0;}

/*style du texte mension */
#header ul li a{color: #999999; text-decoration:none;font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}

/*la barre a droite de chaque lien*/
#header ul li
{
border-right: 1px solid #999999;  
display: inline;
margin: auto;
text-align: center;
width: auto;
padding: 0px 4px;
}
/*la barre a droite du dernier lien (stope)*/
#header ul li.last
{
border-right: 0px solid #ffffff;
}

#header ul li a {color:#ffffff;}

/*ensemble du site*/
#container
{
margin: 0 auto;
width: 935px;/*largeur du site*/
}

/*bandeau*/
#header
{	
	position: relative;
	height: 166px;
	background: transparent url(images/banner.png) no-repeat;
margin: 0 auto;}
/*font et police de l'ensemble du site (blanc)*/
#main
{
	overflow: hidden;
	background: url(images/bg_main.png) repeat-y;
	font-size: 13px;
font-family:arial;
margin-left:27px;
padding-left:15px;
width:auto;}
/*ordre des colonnes*/
#left_col,#right_col
{
	float: left;
}
/*colonne de gauche => menu*/
#left_col
{

	width: 207px;/*taille colonne de gauche*/
  
}
/*colonne de droite => contenu*/
#right_col
{
	width: 630px;/*taille de la colonne de droite*/
    position: relative;
font: 1em Georgia ;
	padding-bottom: 15px; 
padding-left:9px;}



#right_col p
{	
	/*texte normal*/
}
/*description de l'instrument dans la fiche produit*/
#FicheProduitHaut
{
    width: 630px;
	margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#description
{clear:both;
padding-bottom:4px;}

div#description p
{clear:both;
	/*background: #eed ;*/
	
	margin: 6px 5px ;
	text-align: left ;
	font: 1em Georgia, serif ;

}
div#descriptionSousTitre
{	color : #AF4E00;
	margin-bottom: 10px;
	margin-top: 17px;
	font: 1.2em Georgia, serif ;
}
div#signature /*en voi possible en collisimmo recommand...contact : */
{ color : #AF4E00;
	margin-bottom: 15px;
	margin-top: 17px;
	font: 1.1em Georgia, serif ;
}

div#infoFicheProduit
{	float: left;
        margin-top:0px;
        padding-top:0px;
	width: 172px ;
	text-align: left;
	color: #AF4E00 ;
padding-bottom:0px;
	font: 1.1em Georgia, serif ;
}

div#infoFicheProduit li{width:156px;
background: #f3f0e2 url(images/bg_f) repeat-x;
list-style:none;
padding-bottom:8px;
padding-top:7px;
padding-left:3px;
text-align:center;border-bottom:1px #e7e7e7 solid;
margin:2px 9px 3px 4px;}

div#infoFicheProduit li span{
color:black;}

div#infoFicheProduit ul{
background: url(images/bg_ficheprod) no-repeat;
background-position: right bottom;
list-style:none;
padding-top:1px;
padding-bottom:10px;
padding-left:0px;
margin-top:0px;
font-weight:bold;
font-family:arial;
}

div#infoFicheProduit li.prix{
margin-top:140px;padding-top:12px;
padding-bottom:12px;
font-size:13pt;color:green;
text-align:center;
font-family:arial;
border-top:1px #e7e7e7 solid;
border-bottom:1px #e7e7e7 solid;
background-color:#f3f0e2;
}

div#infoFicheProduit li.prix span{
font-size:13pt;color:black;
}

div#infoFicheProduit li.achat{
padding-top:6px;width:159px;
padding-bottom:2px;
padding-left:0px;
border-bottom:1px #e7e7e7 solid;
margin:2px 9px 3px 4px;}


#right_col table/*chaque tableau de la liste ou de l'histoire de l'accoon*/
{	
margin-bottom: 15px;/*marge a droite pour qu ele centrage ne mette pas le titre trop a droite de l aphotos*/

}
/*Titre d'article*/
#right_col h1
{	
margin-right: 40px;/*marge a droite pour qu ele centrage ne mette pas le titre trop a droite de l aphotos*/
text-align: center;
font: bold 20px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color : #AF4E00;
}
#right_col h2
{	
margin-right: 40px;/*marge a droite pour qu ele centrage ne mette pas le titre trop a droite de l aphotos*/
font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color : #880000;
}
#right_col h3
{	
margin-right: 40px;/*marge a droite pour qu ele centrage ne mette pas le titre trop a droite de l aphotos*/
text-align: center;
font:  12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

}
/*style des contours d'enttes de menus*/
.glossymenu{
margin: 0px 0px 0px 1px;/*marge en haut */
padding-left: 3px;
width: 184px; /*taille du menus*/
/*border: 1px solid #555555;*/
border-bottom-width: 0;
}

.glossymenu ul{
margin:0px 0px;
padding: 0px 0px;}

.glossymenu li{
list-style:none;
}

.glossymenu a.menuitem{

/*
////////////////////////////////
           Menus => d'enttes de menus
////////////////////////////////
*/
/*background: white url(http://www.micmac-webservices/jean/images/glossyback.gif) repeat-x bottom*/ 

font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
background: #f7eee4;
color: #880000;
border-bottom :1px solid #b5b4b4;
/*background: #EEEEDD;*/
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 185px;
padding: 4px 0;
padding-right: 7px;
padding-left: 10px;
text-decoration: none;
}





.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 7px;
right: 0px;
border: none;
}

.glossymenu a.menuitem:hover{

/*survol d'un  menus*/
background: #e9e8e7;

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
}

.glossymenu .border_top{
border-top: 1px solid #b5b4b4;width:202px;
list-style:none;}


div#MenuTitre
{	float: left;
        margin-top:0px;

	text-align: left;
	/*border: 1px solid #dcb ;*/
	/*border-right: 1px solid #000000 ;*/

}
div#MenuImg
{float: left;
    width: auto ;
	/*background: #eed ;*/
	margin: 0px 0px ;

}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
/*
//////////////////////////////////////////////////
                sous menus
////////////////////////////////////////////////
*/


list-style-type: none;
margin: 0;
padding: 0;


}

/*sous */
.glossymenu div.submenu ul li{
border-left: 5px solid #FFFFFF;/*contour blanc a gauche pour faire une marge*/
border-right: 2px solid #FFFFFF;/*contour blanc a droite pour faire */
border-bottom: 1px  dotted  #CCCCCC;/*pointile*/
width:196px;}

.glossymenu div.submenu ul li.last {
width:196px;
border-bottom: 1px  solid #b5b4b4;/*pointile*/
}

.glossymenu div.submenu ul li a{

display: block;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
/*color: #AF4E00 ;*/
color: black;
font-weight: bold;
text-decoration: none;

/*padding: 2px 0;
*/padding-left: 5px;
/*background: transparent url(http://www.accordeon-occasion.fr/images/glossyback2.gif) no-repeat;*/
}

.glossymenu div.submenu ul li a img{border:1px solid #880000;margin-top:5px;}

.glossymenu div.submenu ul li a:hover{

/*survol d'un sous menus*/
background: #DFDCCB;
color: #4444FF;
/*background: transparent url(http://www.accordeon-occasion.fr/images/glossyback2.gif) no-repeat;*/
}


.thumbNormal {
border:4px solid #000000;
}
/*sous menus en cours*/
.thumbSelected {
border:4px solid #ff0000;
}
/*
//////////////////////////////////////////////////
                Liste
////////////////////////////////////////////////
*/
div#Separateur
{  	
	width: 400px ;
	margin: 10px 100px ;
	/*border-left: 1px solid #AF4E00;*/
	border-bottom: 1px solid #AF4E00;
background: #FCF9F0;
}
/*
//////////////////////////////////////////////////
                prof
////////////////////////////////////////////////
*/

div#prof
{   clear:both; /*Pour dent*/
margin-left:30px;
background: url(images/boxprof_win.gif) repeat-y;
font-family:arial;
width: 567px ;
}

div#prof h3
{
font-size:11pt;
font-family:arial;}

div#profTitre
{   clear:both; /*Pour dent*/
	width: 567px ;
     height:82px;
	text-align : center; 
        background: url(images/boxprof_top.gif) no-repeat;
padding-top:15px;
}

div#profTitre span
{   font-style:italic;
color:#880000;
font-weight:bold;
font-size:10pt;}

div#profGauche
{	
	width: auto;
padding-right:13px;
padding-left:23px;
}

div#profGauche p
{	
	width: auto;
padding-right:5px;
}




div#profDroite
{	
	float: right;
	width: 230px ;
	border-left: 3px solid white;
	border-bottom: 3px solid white;
	text-align:left;
padding-left:10px;
margin-left:3px;
margin-bottom:3px;
margin-right:0px;}

div#profFin
{   clear:both; /*Pour ent*/
 background: url(images/boxprof_bot.gif) no-repeat;
height:15px;	
width: 567px ;



}

/*
//////////////////////////////////////////////////
                galerie photos
////////////////////////////////////////////////
*/

div#galerie
{	margin: 0px 0px 5px 8px ;
	width: 441px;
	color: #555555;
	float: left;
border:none;
height:auto;
}
div#galerie p
{	
}

ul#galerie_mini
{  width: 430px;
	margin-left: 3px; margin-top:4px;
	padding:0 0;
	list-style:none;
}

ul#galerie_mini li
{	margin-right: 2px ;
	float: left ;

}

ul#galerie_mini li a img
{
	margin: 1px 0px ;
	border: 1px solid #AF4E00 ;
}


dl#photo
{width: 430px ;
	clear: both ;
	margin: 4px 0px 0px 2px ;
float:left;border:none;}



dl#photo dt
{
	font:  1.5em Georgia, serif ;
	color: #000000 ;
}

dl#photo dd
{
	margin: 0 0 ;
	color: #000000 ;
}

dl#photo img
{
	border: 1px solid #AF4E00 ;
}
	
	
		/*
//////////////////////////////////////////////////
                mika
////////////////////////////////////////////////
*/

#box, #box_prod, #box2 {
margin-left:2px;
clear:both;
font-family:arial;}

#box h3{
font-weight:bold;
font-family:arial;}

#right_col h2.box {
text-align:center;
width:630px;
font-size:16px;
background: #ffffff url(images/box_top.jpg) no-repeat;
padding-top:18px;
padding-bottom:9px;
margin-left:0px;
margin-bottom:0px;}

#box h2, #box_prod h2{
text-align:center;
width:630px;
font-size:16px;
background: #ffffff url(images/box_top.jpg) no-repeat;
padding-top:18px;
padding-bottom:24px;
margin-left:0px;
margin-bottom:0px;}

#box2 h2{
text-align:center;
width:630px;
font-size:16px;
background: #ffffff url(images/box_top.jpg) no-repeat;
padding-top:18px;
padding-bottom:9px;
margin-left:0px;
margin-bottom:0px;}

#box .content{
background: #ffffff url(images/box_win.jpg) repeat-y;	
width:630px;
height:auto;
overflow:hidden;
margin-top:-15px;}

#box2 .content{width:625px;
background: #ffffff url(images/box2_win.gif) repeat-y;	
height:auto;
overflow:hidden;
margin-top:0px;
margin-left:2px;
margin-bottom:0px;
padding-bottom:0px;
border:none;}

#box_prod .content{
background: #ffffff url(images/box_win3.jpg) repeat-y;	
width:630px;
height:auto;
overflow:hidden;
margin-top:-15px;}

#box .content p, #box_prod p{
line-height:20px;
padding-left:20px;
padding-right:18px;
text-align:justify;}

#box .content img{
padding-top:0px;}

#box .content .lft{
float:left;
width:445px;
height:auto;
margin-top:1px;}

#box .content .rgt{
float:left;
margin-right:0px;
margin-top:1px;
height:auto;
width:auto;
padding-bottom:0px;
padding-left:6px;
border-left:1px #e2e2e2 solid;}

#box .tarif, #box_prod .tarif {
background: #ffffff url(images/box_bot.jpg) no-repeat;	
width:610px;
height:32px;
clear:both;
padding-left:20px;
padding-top:5px;}

#box2 .foot {
background: #ffffff url(images/box2_foot.gif) no-repeat;	
width:450px;
height:5px;
clear:both;
margin-left:3px;
padding-top:5px;}


#box_achat {
width:306px;
float:left;
padding-left:5px;}

#box_achat .content4 p{
padding-left:20px;
padding-right:20px;
padding-top:10px;
line-height:1.5;
text-align:justify;
height:140px;}

#box_achat .content4{
background: #ffffff url(images/boxpay_win.gif) repeat-y;
}

#box_achat h2{
background: #ffffff url(images/boxpay_top.gif) no-repeat;
width:306px;
height:34px;
padding-top:10px;
float:left;}

#box_achat #foot {
background: #ffffff url(images/boxpay_bot.gif) no-repeat;	
width:306px;
height:10px;
clear:both;
}

#box_achat img{
margin-left:32px;
padding-top:5px;
padding-bottom:5px;}

#box_achat p.addresse {
float:left;
margin:0 0;
padding-top:0px;
height:auto;}

#box_achat img.choix_pay {
margin-left:12px;
margin-top:15px;
border:none;}

#box_achat img.bon_com {
float:left;
margin:0 0 ;
height:78px;}

#box .tarif span {
color:green;
padding-right:20px;}

#box .but_achat {float:right;margin-right:8px;margin-top:-2px;}

#box ul{
margin-left:0px;clear:both;}

#box ul li{padding:5px;
width:120px;
display:inline-block;
list-style:none;
}


#box .content ul.legend li {
margin-bottom:10px;
vertical-align:top;}

#right_col .content2 {
height:auto;
background: #ffffff url(images/box_win2.jpg) repeat-y;
}

#right_col .content3 {
height:auto;padding-top:10px;
background: #ffffff url(images/box_win3.jpg) repeat-y;
margin-top:-15px;
margin-bottom:-12px;padding-bottom:10px;}

#right_col .content3 p{
height:auto;
background: #ffffff url(images/box_win.jpg) repeat-y;
padding-left:20px;
padding-right:20px;}

#right_col .content3 img{
padding-left:20px;
padding-right:20px;}

#right_col .content2 .liste_sep ul.liste  {
margin-left:10px;
margin-right:14px;
padding-left:0px;
padding-right:2px;
margin-top:0px;
margin-bottom:0px;
padding-top:5px;
list-style:none;}

#right_col .content2 .liste_sep {
background-color:#f3f0e2;	
width:606px;
height:70px;


margin-left:10px;

clear:both;
float:left;
margin-bottom:-8px;
margin-top:0px;}

#right_col .content2 img.liste_line {	
width:606px;
clear:both;
margin-left:10px;margin-bottom:-1px;}

#right_col .content2 .liste_sep ul.liste li {
margin-top:0px;
margin-bottom:0px;
float:left;}

#right_col .content2 .liste_sep ul.liste img {
width:80px;
height:60px;
}

#right_col .content2 .liste_sep li.img {
width:120px;
height:60px;
}

#right_col .content2 .liste_sep ul.liste li.mid {
width:380px;
padding-top:20px;}

#right_col .content2 .liste_sep ul.liste li.mid span {
color:green;}


#right_col .tarif {
background: #ffffff url(images/box_bot.jpg) no-repeat;	
width:610px;
height:32px;
clear:both;
padding-left:20px;
padding-top:5px;}

#right_col .content2 .liste_sep ul.liste li.rgt {
width:80px;
padding-top:20px;}


#footer {
background: transparent url(images/footer.png) no-repeat;	
width:890px;
height:22px;
margin-left:27px;}

#header ul.hoverlinks {
float:left;
margin-left:390px;
position:relative;
margin-top:23px;}

#header ul.hoverlinks li{
border:none;
list-style:none;
padding:0px;
}

#header ul.hoverlinks li a{height:31px;
padding-top:0px;
padding-bottom:0px;
display:block;width:200px;clear:both;}

#header ul.hoverlinks li a.hoversmall {height:31px;
padding-top:0px;
padding-bottom:0px;
display:block;width:100px;float:left;clear:none;}

#box p {margin:6px 0px 6px 0px;}

#header ul.hoverlinks li a:hover{
background: transparent url(images/bg_hoverlinks.png) no-repeat;width:245px;}

#header ul.hoverlinks li a.hoversmall:hover{
background: transparent url(images/bg_hoverlinks2.png) no-repeat;width:140px;}

ul.menu_cat li {height:28px;padding-top:2px;padding-left:10px;text-align:left;width:192px;list-style:none;background: transparent url(images/bg_menucat.jpg)repeat-x;border-bottom :1px solid #b5b4b4;
background-position: left bottom;}
ul.menu_cat2 li {height:28px;padding-top:2px;padding-left:10px;text-align:left;width:192px;list-style:none;background: transparent url(images/bg_menucat.jpg)repeat-x;border-bottom :1px solid #b5b4b4;
border-top :1px solid #b5b4b4;background-position: left bottom;}
ul.menu_cat {padding:0 0;margin: 0 0;font-weight:900;width:203px;letter-spacing:1px;color:#541702;}
ul.menu_cat img {padding:0 0;margin-left:-3px;float:left;}
ul.menu_cat span {padding-top:5px;float:left;padding-left:15px;}
ul.menu_cat2 {padding:0 0;margin: 0 0;font-weight:bold;width:203px;letter-spacing:1px;color:#541702;}
ul.menu_cat2 img {padding:0 0;margin-left:-3px;float:left;}
ul.menu_cat2 span {padding-top:5px;float:left;padding-left:15px;}

#designer{
width:100%;
text-align:center;
}
#designer a img {border:none;}
#designer a:hover, #designer a:active, {border:none;background: transparent url(images/bg_hoverlinks2.png) no-repeat;width:250px;
padding-top:7px;padding-right:10px;}
#designer a:visited  {border:none;width:250px;
padding-top:7px;padding-right:10px;}

#panier {position:absolute;top:139px;right:52px;color:#fff;}

#panier .submit {
background:none;border:none;color:#FFFFFF;
}