/* Style sheet for Sylvie Poirier, Photographe */
/* By Natmark-Concept inc. Copyright - All rights reserved. */

body {
	margin: 0px; padding: 0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:left;
	color: #d6d6d6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	}

img { border: none; }
html { height: 100.1%; } /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */

/* Menu vertical */
#menu { background-color:#000000; font-family: Arial, Helvetica, sans-serif; }
#menu a.on:link { display: block; width: 155px; border: 1px solid; border-color: #CDB591; background-color: #695F46; color: #d6d6d6; text-decoration: none; background-image:  url("../images/rollover_menu.gif"); background-repeat: no-repeat; font-size: 13px; font-weight: bold; margin-left: 15px; margin-top: 5px; padding-left: 20px; padding-top: 3px; padding-bottom: 2px; }
#menu a.on:visited { display: block; width: 155px; border: 1px solid; border-color: #CDB591; background-color: #695F46; color: #d6d6d6; text-decoration: none; background-image:  url("../images/rollover_menu.gif"); background-repeat: no-repeat; font-size: 13px; font-weight: bold; margin-left: 15px; margin-top: 5px; padding-left: 20px; padding-top: 3px; padding-bottom: 2px; }
#menu a:link { display: block; width: 155px; border: 1px solid; border-color: #000000; background-color:#000000; color: #d6d6d6; text-decoration: none; font-size: 13px; font-weight: bold; margin-left: 15px; margin-top: 5px; padding-left: 20px; padding-top: 3px; padding-bottom: 2px; }
#menu a:visited { display: block; width: 155px; border: 1px solid; border-color: #000000; background-color:#000000; color: #d6d6d6; text-decoration: none; font-size: 13px; font-weight: bold; margin-left: 15px; margin-top: 5px; padding-left: 20px; padding-top: 3px; padding-bottom: 2px; }
#menu a:hover { display: block; width: 155px; border: 1px solid; border-color: #CDB591; background-color: #695F46; color: #d6d6d6; text-decoration: none; background-image:  url("../images/rollover_menu.gif"); background-repeat: no-repeat; font-size: 13px; font-weight: bold; margin-left: 15px; margin-top: 5px; padding-left: 20px; padding-top: 3px; padding-bottom: 2px; }
#menu a:active { display: block; width: 155px; border: 1px solid; border-color: #CDB591; background-color: #695F46; color: #d6d6d6; text-decoration: none; background-image:  url("../images/rollover_menu.gif"); background-repeat: no-repeat; font-size: 13px; font-weight: bold; margin-left: 15px; margin-top: 5px; padding-left: 20px; padding-top: 3px; padding-bottom: 2px; }
#menu .submenu { border: none; background-color:#000000; color: #d6d6d6; font-family: Arial, Helvetica, sans-serif; }
#menu a.submenuon:link { padding: 10px 0px 10px 25px; border: none; background-color:#000000; display: block; color: #d6d6d6; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 15px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; }
#menu a.submenuon:visited { border: none; background-color:#000000; display: block; color: #d6d6d6; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 15px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; padding-left: 25px; }
#menu a.submenu:link { border: none; background-color:#000000; display: block; color: #d6d6d6; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 15px; padding-left: 25px; }
#menu a.submenu:visited { border: none; background-color:#000000; display: block; color: #d6d6d6; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 15px; padding-left: 25px; }
#menu a.submenu:hover { border: none; background-color:#000000; display: block; color: #d6d6d6; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 15px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; padding-left: 25px; }
#menu a.submenu:active { border: none; background-color:#000000; display: block; color: #d6d6d6; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 15px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; padding-left: 25px; }

/* Cadre spécial pour la page profil */
.tableau { background-color: #000000; font-size: 12px; text-align: justify; color: #d6d6d6; border: solid #CDB591; border-width: 1px; border-collapse: collapse; }
p.tableau { background-color: #000000; font-size: 12px; border: none; color: #d6d6d6; text-align: justify; line-height: 16px; margin-top: 15px; margin-right: 15px; margin-left: 15px; font-family: Arial, Verdana, Helvetica, sans-serif; }

/* Cadre pour les pages générales */
#content { border: 1px solid; height:auto; border-color: #CDB591; background-color: #000000; color: #d6d6d6; text-align: left; margin-top: 15px; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; padding-left:12px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; }
#content p { background-color: #000000; font-size: 12px; color: #d6d6d6; text-align: justify; line-height: 16px; margin-top: 0px; }
#content p.center { background-color: #000000; font-size: 12px; color: #d6d6d6; text-align: center; }
#content h1 { background-color: #000000; color: #CDB591; font-weight: bold; font-size: 14px; margin-bottom: 0px; }
#content h2 { background-color: #000000; color: #CDB591; font-weight: bold; font-size: 13px; margin-bottom: 0px; }
#content a:link { background-color: #000000; font-size: 12px; color: #CDB591; text-decoration: underline; } 
#content a:visited { background-color: #000000; font-size: 12px; color: #CDB591; text-decoration: underline; }
#content a:hover { background-color: #000000; font-size: 12px; color: #CDB591; text-decoration: overline; }
#content a:active { background-color: #000000; font-size: 12px; color: #CDB591; text-decoration: underline; }
#content .title { background-color: #000000; font-size: 12px; color: #CDB591; font-weight: bold; margin-bottom: 0px; }
#content .descriptive { background-color: #000000; font-size: 12px; color: #d6d6d6; margin-left: 0px; font-weight: normal; margin-top: 0px; padding-left: 25px; line-height: 13px; }
#content .tableaux { background-color: #000000; font-size: 12px; text-align: justify; color: #d6d6d6; border: solid #CDB591; border-width: 1px; border-collapse: collapse; }
#content ol, ul, li { background-color: #000000; font-size: 12px; list-style-image: url(../images/bullet_list.gif); color: #d6d6d6; }
#content blockquote { background-color: #000000; font-size: 12px; color: #d6d6d6; font-style: italic; }
#content dt { background-color: #000000; font-size: 12px; color: #CDB591; font-weight: bold; }
#content dd { background-color: #000000; font-size: 12px; color: #d6d6d6; margin-left: 0px; padding-left: 25px; }
#content hr { background-color: #000000; color: #CDB591; width: 100%; height: 1px; text-decoration: none; }
#content .small { background-color: #000000; color: inherit; font-size: 10px; }
#content a.small:link { background-color: #000000; color: #CDB591; text-decoration: underline; font-size: 10px; }
#content a.small:visited { background-color: #000000; color: #CDB591; text-decoration: underline; font-size: 10px; }
#content a.small:hover { background-color: #000000; color: #CDB591; text-decoration: overline; font-size: 10px; }
#content a.small:active { background-color: #000000; color: #CDB591; text-decoration: underline; font-size: 10px; }

/* Footer */
.footer { background-color: #000000; color: #CDB591; font-size: 10px; }
a.footer:link { background-color: #000000; color: #CDB591; text-decoration: none; font-size: 10px; }
a.footer:visited { background-color: #000000; color: #CDB591; text-decoration: none; font-size: 10px; }
a.footer:hover { background-color: #000000; color: #CDB591; text-decoration: underline; font-size: 10px; }
a.footer:active { background-color: #000000; color: #CDB591; text-decoration: underline; font-size: 10px; }

/* Couleurs */
.blanc { background-color: #ffffff; color: #000000; }
.beigefonce  { background-color: #695F46; color: #000000; }
.beigepale { background-color: #CDB591; color: #000000; }
.rouge { background-color: transparent; color: #FF3300; }

/* Script portfolio 
.cl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl {display: inline-table;}
*/
/* Hides from IE-mac \
* html .clearfix {height: 1%;}
.cl {display: block;} 
/* End hide from IE-mac */
/*
html>body dl#portfolio dd { width:98px; text-align: center; } /*largeur du cadre autour de l'image*/
/* dl#portfolio { margin: 0 0 0 25px; padding: 0 0 0px 0; width: 485px; background:transparent; }
dl#portfolio dt { height: 0px; padding: 0px; line-height: 14px; font-weight: bold; display: block; background: transparent;	}
dl#portfolio dd { float: left; padding:10px; margin: 0; width:98px; }
dl#portfolio dd a { margin-bottom: 0; padding: 3px; border: 1px solid #CDB591; display: block; }
dl#portfolio dd a:hover { border: 1px solid #B50038; background-color: #000000; } */