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

body { margin: 0; background-color:#FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #D6D6D6;
	scrollbar-shadow-color: #757575;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-arrow-color: #D6D6D6;
 }
.clearboth { clear: both }

#navigation_top { margin: 15px 12px 35px 0  }
	#navigation_top img { border: 0 }
 
#jacques_thomann { margin: 0 }
	#jacques_thomann img { border: 0; margin-left: 7px; padding: 0 }

#poutre_haut { width: 100%; background-color: #DFDFDF; margin: 0 1px 1px 1px; height: 11px }

#conteneur_global { width: 100%; background-image:url('images/fond_gris_1px.gif'); background-repeat:repeat-x; height: 478px }

#conteneur_global2 { display: block; width: 1100px  }

	#colonne_gauche { float: left; border-right: 1px solid #ffffff }
		#menu_haut { width: 200px; height: 392px; padding: 19px 3px 10px 12px; border-bottom: 1px solid #ffffff }
		#menu_bas { width: 217px; height: 55px; background-color: #A8A8A8 }

	#conteneur_central { float: left; width: 655px; border-right: 1px solid #ffffff }
		#poutre_haut_centre { width: 655px; background-color: #A8A8A8; margin: 0; height: 29px; border-bottom: 1px solid #ffffff; padding:0 }
		#contenu { width: 655px; height: 375px; border-bottom: 1px solid #ffffff; background-color:#FFFFFF; overflow: auto; padding-top: 16px  }

		#poutre_bas_centre { width: 655px; background-color: #CCCCCC; margin: 0; height: 55px; }
			#poutre_bas_centre img { border: 0; margin-right: 8px }

	#colonne_droite { float: left; width: 178px; border-right: 1px solid #ffffff }
		#droite_commentaire1 { width: 178px; height: 422px; background-image:url(images/fond_pixel_gris.gif) }
		#droite_commentaire1_court { width: 178px; height: 322px; background-image:url(images/fond_pixel_gris.gif) }
		#menu_droite { width: 178px; height: 100px; background-image:url(images/fond_pixel_gris.gif) }
		#droite_commentaire2 { width: 178px; height: 55px; background-color: #999999 }

/* ////////////////// IMAGES ///////////////// */
.vignette { float: left; margin: 20px 23px 0 20px; border: 1px solid #f5f5f5 }
.zoom { margin: 34px 0 0 4px; border: none }
.indes { padding-top: 67px; }

/* ///////////////// FORMULAIRE ////////////// */
label { float: left; display: block; width: 110px; line-height: 22px;  }
input { border: 1px solid #ccc; background-color:#FFFFFF; font: 11px Verdana; color: #999 }
.form_contact { width: 260px; height: 16px }
.form_contact_area { width: 260px; height: 100px }
.submit { margin: 5px 0 0 110px !important; margin: 5px 0 0 113px; padding: 1px 4px 2px 4px !important; padding: 0;
		height: 18px; font: 11px Arial, Helvetica, sans-serif; color: #999; border: 1px solid #999;
		background-color: #fff }


/* //////////////// TYPOS //////////////// */
h1 { font: bold 18px Verdana; color:#999999; margin: 0 0 5px 0 }
h2 { font: bold 14px Verdana; color:#999999; margin-top: 0 }
h3 { font: bold 12px Verdana; color:#FF9900; margin-top: 0 }
h4 { font: 16px Verdana; color:#999999; margin-top: 0 }

.texte_accueil { padding-top: 26px }

#contenu #texte { font: 11px Verdana; line-height: 16px; color: #757575; padding: 15px 10px 12px 20px }
#contenu #texte a { color: #006666; text-decoration:none }
#contenu #texte a:hover { color: #000000; text-decoration:none }
#texte td { font: 11px Verdana; line-height: 16px; color: #757575; padding: 15px 10px 12px 20px }

#poutre_haut_centre h1 { font: bold 14px Verdana; margin: 5px 0 0 20px; color: #fff  }

#poutre_bas_centre p { font: 11px Arial; color: #ffffff; margin: 16px 8px 0 20px }
#poutre_bas_centre a { color: #666666; text-decoration:none }
#poutre_bas_centre a:hover { color: #ffffff; text-decoration:none }

#droite_commentaire1 p { margin: 247px 6px 12px 6px; font: 12px Arial; color: #666666; text-align:right }
#droite_commentaire1_court p  { margin: 166px 6px 12px 6px; font: 12px Arial; color: #666666; text-align:right }
.auteur { font-style:italic; color: #999999 }

#droite_commentaire2 p { margin: 3px 6px 3px 6px; font: 12px Arial; color: #ffffff; text-align:right }

#pied_page { font: 11px Arial; color: #999999; padding: 4px }



/* //////////////////// MENU /////////////////////// */

/* ///////// menu niveau 1 //////////// */
ul#menu_niveau1 { padding: 0; margin: 0 }
	ul#menu_niveau1 li { list-style-type: none; padding: 0; font: bold 13px Arial, Helvetica, sans-serif; color: #666666; line-height: 20px }
	ul#menu_niveau1 li a { color: #666666; text-decoration:none }
	ul#menu_niveau1 li a:hover { color: #000000; text-decoration:none }
	ul#menu_niveau1 li a.actif { color: #666666; text-decoration:none; background-image:url(images/icone_menu_niv1_on.gif); background-repeat:no-repeat; padding: 0 0 0 12px; background-position: 0 3px }
	ul#menu_niveau1 li a.actif:hover { color: #000000; text-decoration:none  }

/* ///////// menu niveau 2 //////////// */
ul#menu_niveau2 { padding: 0; margin: 0; }
	ul#menu_niveau2 li { list-style-type: none; font: 11px Arial, Helvetica, sans-serif; color: #666666; line-height: 20px }
	ul#menu_niveau2 li a { color: #666666; text-decoration:none; background-image:url(images/icone_menu_off.gif); background-repeat:no-repeat; background-position: 0 4px; padding: 0 0 0 14px; }
	ul#menu_niveau2 li a:hover { color: #000000; text-decoration:none }
	ul#menu_niveau2 li a.actif { color: #333333; text-decoration:none; background-image:url(images/icone_menu_on.gif); background-repeat:no-repeat; padding: 0 0 0 14px; background-position: 0 4px }
	ul#menu_niveau2 li a.actif:hover { color: #000000; text-decoration:none }