* { padding:0; margin:0; border:0; }
body { background:url(images/fond-body.jpg) repeat-x; text-align:center; }
body,div,p,input,textarea { font-family:"Trebuchet ms", helvetica, sans-serif; font-size:11px; color:#000; }
h1, h2 { font-family:Georgia, "Times New Roman", Times, serif; }
h1 { font-size:20px; font-weight:bold; padding:6px 0 0 10px; text-align:left; color:#FFF; }
h2 { font-size:12px; color:#EB4259; }
h3 { font-size:14px; color:green; padding:2px; }
h4 { font-size:14px; color:red; padding:2px; }
a { text-decoration:none; color:#FFF; }
#contenu a { color:#EB4259; }
ul { list-style-type:none; }
form { padding:10px 0 0 0; }
p { padding:5px 0 0 0; }
img { border:0; }
.clear { clear:both; }
.erreur { color:red; }
.border-lien { border:2px solid #7F6A63; padding:2px; color:#7F6A63; }
#accessibilite { display:none; }
#shadowbox_counter { color:#FFF; }

#haut { margin:auto; width:860px; text-align:left; background:url('images/fond-haut.jpg') no-repeat; }
#logo { margin:0; }
#menu { padding:39px 0 0 0; height:33px; clear:both; }
#menu-jm { padding:59px 0 0 0; height:13px; clear:both; }
#menu li { display:block; float:left; margin:0 0 0 10px; text-align:left; text-indent:20px; }
#menu-jm li { display:block; float:left; margin:0 0 0 5px; text-align:left; text-indent:16px; }
#menu li a { display:block; width:110px; height:26px; padding:0; background:url(images/menu.gif) 0 -12px no-repeat; }
#menu-jm li a { display:block; width:90px; height:23px; padding:3px 0 0 0; background:url(images/menu.gif) 0 -12px no-repeat; }
#menu li a:hover, #menu-jm li a:hover { background-position:0 6px; }
#menu li a span { color:#FFF; font-size:15px; }
#menu-jm li a span { color:#FFF; font-size:11px; }
#menu #menu-accueil-2, #menu #menu-photos-2, #menu #menu-videos-2, #menu #menu-portraits-2, #menu #menu-livre-or-2, #menu #menu-plan-2, #menu #menu-invites-2,
#menu-jm #menu-accueil-2, #menu-jm #menu-inscription-2, #menu-jm #menu-salons-2, #menu-jm #menu-faq-2, #menu-jm #menu-presse-2, #menu-jm #menu-gestion-2, #menu-jm #menu-annuaire-2 { background-position:0 6px; }
#menu-jm #menu-accueil, #menu-jm #menu-accueil-2 { width:60px; }
#menu-jm #menu-demo { width:54px; }
#menu-jm #menu-inscription, #menu-jm #menu-inscription-2 { width:118px; }
#menu-jm #menu-salons, #menu-jm #menu-salons-2 { width:90px; }
#menu-jm #menu-boutique, #menu-jm #menu-annuaire, #menu-jm #menu-annuaire-2 { width:110px; }
#menu-jm #menu-faq, #menu-jm #menu-faq-2 { width:45px; }
#menu-jm #menu-presse, #menu-jm #menu-presse-2 { width:55px; }

#contenu { width:850px; padding:65px 0 0 10px; text-align:left; }
#contenu ul { list-style-type:disc; }

#portrait-accueil { float:left; margin:8px 15px 5px 0; border:2px dotted #EB4259; }
#portrait-site { float:left; margin:6px 15px 5px 6px; border:2px solid #EB4259; }
#message-accueil { padding:4px 0 0 0; }
.portrait { border:2px dotted #EB4259; }

#rubriques { float:left; width:130px; }
#rubriques ul { list-style-type:none; }
#rubriques ul li { margin-bottom:10px; }
#contenu-rubrique { float:left; margin-left:15px; width:690px; }
.contenu-blog { padding:0 0 15px 0; }
.photos-blog { float:left; margin:8px 15px 5px 0; max-width:250px; }
.message-blog { padding:4px 0 0 0; }
.message-blog ul { margin-left:15px; }
.message-article { width:400px; border:1px solid #EB4259; padding:5px; margin:10px 0 0 0; }
 .message-article p { font-size:9px; }
 
.photos-decoration { float:left; margin:8px 15px 5px 0; max-width:300px; }
.photos-decoration-2 { float:left; margin:8px 15px 5px 0; max-width:250px; }
.message-decoration { width:700px; border:1px solid #EB4259; padding:5px; margin:10px 0 0 0; }
 .message-decoration p { font-size:9px; }

#annuaire_rubriques { float:left; width:180px; }
#annuaire_rubriques ul { list-style-type:none; }
#annuaire_rubriques ul li { margin-bottom:8px; }
#annuaire_sites { float:left; margin-left:5px; width:650px; }
 .annuaire_screen { float:left; margin:0 15px 0 0; border:2px solid #EB4259; width:150px; height:100px; }
 .annuaire_sites_contenu { border:1px solid #E5E5E5; width:650px; padding:5px; margin:0 0 15px 0; }
 .annuaire_sites_contenu_description { padding:0; }
 #form-annuaire-rechercher label { width:100px; display:block; float:left; text-align:left; padding:0 0 10px 0; }
  #form-annuaire-rechercher #select_long1 { width:170px; }
	#form-annuaire-rechercher #select_long2 { width:250px; }
.annuaire_sites_top { float:left; width:150px; padding:0 50px 0 0; }
 .annuaire_screen_top { border:2px solid #EB4259; width:150px; height:100px; }

.salon { border:1px solid #E5E5E5; width:700px; padding:5px; margin:15px 0 0 0; }
 .photo-salon { float:left; margin:0 15px 5px 6px; border:2px solid #EB4259; width:150px; height:200px; }
 .description-salon { padding:0; }

#boutons-accueil li { display:block; float:left; margin-top:9px; }
 #bouton-demonstration { margin:0; }
 #bouton-inscription { margin-left:60px; }

#form-livre-or label, #form1 label { width:240px; display:block; float:left; text-align:left; padding:0 0 20px 0; }
#form-livre-or input, textarea, select, #form1 input { float:left; margin-left:5px; background-color:#FFF; border:2px solid #7F6A63; }
input { background-color:#FFF; border:2px solid #7F6A63; }
#form-livre-or p, #form1 p { clear:both; }
.navigation-livre-or li { float:left; margin:15px 5px 0 0; }
.navigation-livre-or a { display:block; background-color:#FFF; color:#7F6A63; text-decoration:none; border:2px solid #7F6A63; padding:3px; height:15px; }
.en-cours { display:block; border:2px solid #7F6A63; background-color:#EB4259; color:#FFF; padding:3px; height:15px; }
.livre-or, .videos { padding:10px 0 5px 0; border-bottom:2px dotted #EB4259; }
.livre-or h2 { margin:0; }
.livre-or p { padding:0 0 0 1px; }
.img_video { float:left; margin:8px 10px 10px 0; border:2px solid #EB4259; height:120px; }
.commentaire_video { float:left; margin:10px 0 0 10px; }
.photo { border:2px solid #EB4259; height:90px; }
.blanc { color:#FFF; font-size:10px; }
.blanc a { color:#FFF; }
.blanc a:hover { color:#FFF; }
.plan-acces { width:100%; padding:5px; margin:0 0 20px 0; }
.plan-acces h2 { font-size:14px; font-weight:bold; }

#bas { color:#FFF; width:100%; height:45px; padding:105px 0 0 0; background:url('images/fond-bas.gif') repeat-x; }

#menu-admin { padding:59px 0 0 0; height:13px; clear:both; position:absolute; }
#menu-admin li { display:block; float:left; margin:0 0 0 5px; text-align:left; text-indent:16px; }
#menu-admin li a, #menu-admin .sous-menu-admin li a { display:block; width:65px; height:23px; padding:3px 0 0 0; background:url(images/menu.gif) 0 -12px no-repeat; }
#menu-admin #admin-multimedia, #menu-admin #admin-multimedia-2 { width:90px; }
#menu-admin li a:hover, #menu-admin .sous-menu-admin li a:hover, #menu-admin .menu-admin-taille2 ul li a:hover, #menu-admin .menu-admin-taille3 ul li a:hover { background-position:0 6px; }

#menu-admin #admin-plan, #menu-admin #admin-plan-2 { width:90px; }
#menu-admin #admin-accueil, #menu-admin #admin-accueil-2 { width:130px; }
#menu-admin #admin-invites, #menu-admin #admin-invites-2 { width:110px; }
#menu-admin #admin-bienvenue-2, #menu-admin #admin-accueil-2, #menu-admin #admin-multimedia-2, #menu-admin .sous-menu-admin #admin-photos-2, #menu-admin .sous-menu-admin #admin-videos-2,
#menu-admin .sous-menu-admin #admin-portraits-2, #menu-admin #admin-invites-2, #menu-admin #admin-livre-or-2, #menu-admin #admin-packs-2, #menu-admin #admin-templates-2, #menu-admin #admin-deconnexion-2,
#menu-admin #admin-plan-2, #menu-admin #admin-rubriques-2, #menu-admin #admin-message1-2, #menu-admin #admin-message2-2,
#menu-admin #admin-invites1-2, #menu-admin #admin-invites2-2, #menu-admin #admin-invites3-2, #menu-admin #admin-invites4-2, #menu-admin #admin-commentaires-2 { background-position:0 6px; }

#menu-admin .sous-menu-admin { display:none; list-style-type:none; margin:0; padding:0; border:0; }
#menu-admin .sous-menu-admin li { float:none; margin:0; padding:0; border:0; background:#EB4259; }
#menu-admin .sous-menu-admin li a { width:90px; display:block; color:#FFF; margin:0; background:url(images/menu.gif) 0 -12px no-repeat; }
#menu-admin .menu-admin-taille2 .sous-menu-admin li a { width:130px; display:block; color:#FFF; margin:0; background:url(images/menu.gif) 0 -12px no-repeat; }
#menu-admin .menu-admin-taille3 .sous-menu-admin li a { width:110px; display:block; color:#FFF; margin:0; background:url(images/menu.gif) 0 -12px no-repeat; }
#menu-admin li:hover > .sous-menu-admin { display:block; }