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


/*
///////////////////////////////////////////////////////////////////////
///                     structure globale du site
///////////////////////////////////////////////////////////////////////
*/
body {/*font derière le site*/
	background-color: #4d0e14;
background-position:50% 0%;


	background-image:url(images/fondSuite.png);

}
div#bandeau{	/*background: #eed ;*/
	text-align: center ;
	font: 0.7em Georgia, serif ;
	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 ;   } 


/*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'accordéon*/
/*Lien dans la bannière Réparation 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'accordéon*/

#header ul
{

/*position des textes dans le header (acceuil mentions léguales...)*/
position: relative;
left: 550px;
top: -20px;
display: block;
list-style: none;
}

/*style du texte mension légales...*/
#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 (stopée)*/
#header ul li.last
{
border-right: 0px solid #ffffff;
}


/*ensemble du site*/
#container
{
margin: 0 auto;
width: 800px;/*largeur du site*/
background-color:#FFFFFF;
}

/*bandeau*/
#header
{	
	position: relative;
	height: 110px;
	background: transparent url(./images/banner2.jpg) no-repeat;
}
/*font et police de l'ensemble du site (blanc)*/
#main
{
	overflow: hidden;
	background-color:#FFFFFF;
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
/*ordre des colonnes*/
#left_col,#right_col
{
	float: left;
}
/*colonne de gauche => menu*/
#left_col
{

	width: 184px;/*taille colonne de gauche*/
  
}
/*colonne de droite => contenu*/
#right_col
{
	width: 580px;/*taille de la colonne de droite*/
	border-left: 1px solid #DDDDDD;/*contour blanc a droite du menu gauche pour faire une marge
auche pour faire une marge*/
    position: relative;
	background-color:#FFFFFF;
font: 1em Georgia ;
	padding: 15px; /*Marge a gauche de la colonne droite*/
}



#right_col p
{	
	/*texte normal*/
}
/*description de l'instrument dans la fiche produit*/
div#FicheProduitHaut
{
    width: auto ;
	/*background: #eed ;*/
	margin: 5px 5px ;
	text-align: justify ;
	font: 1em Georgia, serif ;
}


div#description
{clear:both;
    width: 500px ;
 
}
div#description p
{clear:both;
	/*background: #eed ;*/
	
	margin: 6px 2px ;
	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:300px;
	width: 100px ;
	text-align: left;
	/*border: 1px solid #dcb ;*/
	/*border-right: 1px solid #000000 ;*/
    font: italic 1.5em/1.5em Georgia, serif ;
	color: #AF4E00 ;
	font: 1.1em Georgia, serif ;
}
#right_col table/*chaque tableau de la liste ou de l'histoire de l'accordéon*/
{	
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*/
text-align: Left;
font: bold 14px "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'entêtes de menus*/
.glossymenu{
margin: 10px 0;/*marge en haut */
border-left: 5px solid #FFFFFF;/*contour blanc a gauche pour faire une marge*/
border-right: 5px solid #FFFFFF;/*contour blanc a droite pour faire une marge*/
padding: 0;
width: 174px; /*taille du menus*/
/*border: 1px solid #555555;*/
border-bottom-width: 0;

}

.glossymenu a.menuitem{

/*
////////////////////////////////
           Menus => d'entêtes 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: #FCF9F0;
color: #880000;
border-bottom :1px solid #999999;
/*background: #EEEEDD;*/
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-right: 5px;
padding-left: 10px;
text-decoration: none;
}





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

.glossymenu a.menuitem:hover{

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

}

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


}
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;/*pointillé en bas de chaque sous catégorie*/
}


.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: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 éviter les intéractions avec les div en float left précédent*/
	width: 450px ;

	text-align:center;
	border: 1px solid #dcb ;
	margin: 5px 5px ;


text-align : justify; 
/*border: 1px solid #dcb ;
/*border: 1px solid #CCCCCC ;*/

}

div#profTitre
{   clear:both; /*Pour éviter les intéractions avec les div en float left précédent*/
	width: 430px ;
	border: 1px solid #AF4E00;
	margin: 5px 5px ;
	background-color:#FCF9F0;
	
	text-align : center; 
	/*width: 519;

	/*border: 1px solid #dcb ;
	/*border-bottom: 1px solid #000000 ;
	border-right: 1px solid #000000 ;
	olor: #555555 ;*/


}
div#profGauche
{	
	width: auto;
	width: 430px ;
	margin: 0px 5px ;
	
	/*border: 1px solid #dcb ;
	/*border-right: 1px solid #000000 ;*/


	/*float: left;


	/*border-right: 1px solid #dcb ;
	
	/*color: #555555 ;*/

}
div#profDroite
{	
	float: right;
	width: 200px ;
	margin: 0px 5px ;
	border-left: 1px solid #AF4E00;
	border-bottom: 1px solid #AF4E00;
	
	/*background-color:#FF6699;*/
	/*border-right: 1px solid #dcb ;
	
	/*color: #555555 ;*/

}
div#profFin
{   clear:both; /*Pour éviter les intéractions avec les div en float left précédent*/
	width: 450px ;



}

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

div#galerie
{	margin: 5px 5px ;
	width: auto;

	border: 1px solid #dcb ;
	/*border-right: 1px solid #000000 ;*/
	color: #555555 ;

	float: left;
}
div#galerie p
{	margin-left: 5px  ;
	margin-top: 5px  ;
	color: #555555 ;

  	font: 1em Georgia, serif ;  
	
}

ul#galerie_mini
{  width: 430px ;
	margin-left: 5px ;
	padding: 0 ;
	list-style-type: 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: -2px 5px ;
  	/*border: 1px solid #880000 ;*/
}



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

dl#photo dd
{
	margin: 0 ;
		font:  1.5em/1.5em Georgia, serif ;
	color: #000000 ;
}

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