/* */

.ro {background: url(../site/images/bg-menu.gif) repeat left top;}
.re {}
a.important{ font-weight: bold; }	
.hack { line-height: -5px; font-size: 1px;}

/*------------------------------------------------ 
MENU
-------------------------------------------------*/


/*-*/
#menu { margin: 0 0 10px 25px; background: url(../site/images/bg-menu.gif) repeat left top; width: 710px; }
#menutable { border: 1px solid #ccc; padding: 10px; width: 710px;}
#menu ul {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 1em; padding-top: 0px; list-style-type: none}
#menu li {font-weight: bold; font-size: 1.2em; color: #b00020}
#menu li li {display: inline; font-weight: normal; font-size: 0.83em}
#menu li a {border-right: white 1px solid; padding-right: 0.5em; border-top: white 1px solid; display: block; padding-left: 0.5em; padding-bottom: 0.15em; margin: 1px 0px; border-left: white 1px solid; color: #00214a; padding-top: 0.15em; border-bottom: white 1px solid}
#menu li a:hover {color: #900; border-left-color: #ccc; border-bottom-color: #ccc; margin: 1px 0px; border-top-color: #ccc; background-color: #fff; text-decoration: none; border-right-color: #ccc}
#menu p {line-height: 1.5}


#logintable { border: 1px solid #ccc; padding: 3px 10px 5px 20px; margin: 2px 0 0 0; width: 710px; }

.searchform {text-align: left; margin: 0.25em; padding: 0 0.25em 0.5em 1em; background: url(../site/images/dots.gif) repeat-x left top; }
.searchform h3 { margin: 0 0 10px 0; }


body { margin: 0; padding: 0; font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; text-align: center; }

#wrapper {  position: relative; margin: 0 auto; padding: 0 16px; text-align: left; width: 792px; voice-family: "\"}\""; voice-family: inherit; width: 808px; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main-body { width: 760px; clear:left; }
/* End IE5-Mac hack */


/* ----------------------------------------
NAVIGATION
------------------------------------------- */
#nav1 { width:80px; margin: 0 0 10px 0; padding: 0 0 0 20px; float: left; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size: 11px; }

/* commented backslash hack v2 \*/
#nav1 { width: 120px; }
/* end hack */

.dotted {  margin: 0 0 5px 0; line-height: 30px; background: #fff url(../site/images/dots.gif) repeat-x left top; width: 100%; }


/* ----------------------------------------
BACKGROUNDS
------------------------------------------- */
body#marc { background: #92AF2A; }
body#jone { background: #FEFF00; }
body#baptiste { background: #FF840E; }

body#home { background: #C0DCC0 url(../site/images/bg-home.jpg) repeat-x left top; } /* background: #F2F2F2 url(../site/images/bg-hiver.jpg) */
body#home div#wrapper { background: #C0DCC0 url(../site/images/bg-home.jpg) repeat-x left top; } /*  background: #F2F2F2 url(../site/images/bg-hiver.jpg) */
body#home div#main-body { background: #FFF; }

body#marc div#wrapper { background: #92AF2A url(../site/images/bg-vert.jpg) repeat-y left top; }
body#jone div#wrapper { background: #FEFF00 url(../site/images/bg-jone.jpg) repeat-y left top; }
body#baptiste div#wrapper { background: #FF840E url(../site/images/bg-orange.jpg) repeat-y left top; }

/* ----------------------------------------
PAGE HEADER GRAPHICS
------------------------------------------- */
body#home #main-body, body#jone #main-body, body#marc #main-body, body#baptiste #main-body { padding-top: 195px; }
#page-header { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 792px;  height: 205px;  }

body#home div#page-header { background: url(../site/images/head-anco.jpg) no-repeat left top; }
body#jone div#page-header { background: url(../site/images/head-jone.jpg) no-repeat left top; }
body#marc div#page-header { background: url(../site/images/head-marc.jpg) no-repeat left top; }
body#baptiste div#page-header { background: url(../site/images/head-baptiste.jpg) no-repeat left top; }


/* ----------------------------------------
CONTENT DIVS
------------------------------------------- */
#content { border-left: 1px dotted #ccc; width: 560px; voice-family: "\"}\""; voice-family:inherit; width: 559px; margin: 0 20px 0 10px; padding: 0 0 0 10px; float: left; }
#contentfull { width: 705px; padding: 0; margin: 0 0 0 20px; }

#blogbox1 { height: 105px; width: 235px; background: url(../site/images/blogjones.jpg) no-repeat 0 0; }	
#blogbox2 { height: 105px; width: 235px; background: url(../site/images/blogbaptiste.jpg) no-repeat 0 0; }
#blogbox3 { height: 105px; width: 235px; background: url(../site/images/blogmarc.jpg) no-repeat 0 0; }
.bloghome { padding: 75px 0 0 40px; vertical-align: bottom; width: 180px; font-size: 11px; line-height: 12px; }
#blogbox1 p a:visited, #blogbox2 p a:visited, #blogbox3 p a:visited, #blogbox1 p a:link,#blogbox2 p a:link, #blogbox3 p a:link { font-size: 11px; color: #FF840E; line-height: 12px; background: none; text-decoration: none; }
#blogbox1 p a:hover, #blogbox2 p a:hover, #blogbox3 p a:hover, #blogbox1 p a:active,#blogbox2 p a:active, #blogbox3 p a:active { font-size: 11px; color: Silver; line-height: 12px; background: none; text-decoration: none; }

#footer { width: 760px; background-color: #000; }
#footer p { color: #999; font-size: 10px; padding: 10px; }
#footer p a:link, #footer p a:visited { color: #999; border: none; }
#footer p a:hover, #footer p a:active { color: #ffb40e; border: none;  }

/* ----------------------------------------
TEXT FORMATTING
------------------------------------------- */
body { font-size: 1em; color: #333; }
p, ul, dl, ol, blockquote   { font-family: "Lucida Grande", "Lucida Sans", Lucida, Tahoma, Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Lucida Sans", Lucida, Verdana, sans-serif;  margin: .15em 0 .25em 0; }
p { font-size: 12px; line-height: 18px; color: #333; margin: .25em 0 .50em 0; }
h1 { font-size: 22px; margin: 0 0 .15em 0; color: #7F969A; font-weight: normal; }
h2 { font-size: 18px; line-height: 18px; color: #900; margin: 0.25em 0 .25em 0; }
h3 { font-size: 16px; color: #900; margin: 0.25em 0 .10em 0; }
h4 { font-size: 12px; margin: 0.25em 0 .10em 0; }
h5 { font-size: 10px; }
h6 { font-size: 10px; font-weight: bold; padding-bottom: 3px; border-bottom: 1px solid #ccc; } /* USE FOR TOP OF COLUMN SUB-HEADING */

cite { font-size: 11px; color: #333; line-height: 13px; font-weight: bold; }
em { font-style: italic; font-weight: normal; /*background-color: #ff6;*/ }


/* ----------------------------------------
LIST STYLES
------------------------------------------- */
dl { font-size: 12px; color: #333; line-height: 16px; }
dt { margin: 0 0 3px 0; }
dd { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; }
ol { font-size: 11px; line-height: 16px; }
div#content ul { font-size: 11px; line-height: 18px; margin: .25em 0; }
ul li { font-size: 12px; }
#menu ul li { font-size: 12px; }


/* ----------------------------------------
 LINKAGE
------------------------------------------- */
a#btnmenu { background:none; text-decoration: none; }
a {background: url(../site/images/a.gif) repeat-x left bottom; color: #00214a; text-decoration: none}
a:visited {color: #00214a}
a:hover, div#nav1 a:hover {background: none transparent scroll repeat 0% 0%; color: #ffb40e; text-decoration: underline}
a:active {color: #ffb40e}

img a:link { background:none; text-decoration: none; }

.newsplus a { color: #900000; background:none;  }


#menu-click { background:none; text-decoration: none; }
#menu1 { background:none; text-decoration: none; }
div#menu1 a {background: none; display: block; color: #900;}
div#menu1 a:visited {background: none; display: block; color: #900;}
div#menu1 a:hover {color: #fff; background: #900; border-left-color: #ccc; border-bottom-color: #ccc; border-top-color: #ccc; border-right-color: #ccc; text-decoration: none;}



/* ----------------------------------------
MISC FORMATTING
------------------------------------------- */
div#page-header h1 { display: none; }
img.float-right { float: right; margin: 0 0 5px 5px; }
img.float-left { float: left; margin: 0 5px 5px 0; }


/* ------------------------
 SPECIAL TYPE FORMATTING
-------------------------- */
p.intro { font-size: 12px; font-weight: bold; color: #222; line-height: 18px; margin: 0 0 0.1em 0; }
p.news-signature { font-size: 10px; color: #999; line-height: 12px; margin: -2px 0 10px 0;}
#news { padding : 0 5px 5px 5px; background: url(../site/images/bg-menu.gif) repeat left top; border:1px dotted #999; }
.contact { font-size: 10px; }
.btnmenu { position: relative; margin: 175px 0 0 37px; }
.btnplus { margin: 0px 0 1px 10px; vertical-align: bottom;}

/*--------------hr.title { height:3px; border: none; background-color: #7F969A; margin: -4px 0 0 0; }    */

.hide { display: none; }
.date { font-size: 10px; text-transform: uppercase; margin: 0; padding: 0; font-weight: bold; }
.more { margin: 0 0 2em 0; padding: 0; }

h2.client-list { margin: 20px 0 0 2px; }
body#portfolio h1 { margin-top: 20px; color: #7F969A; }

h3 a:link,  h3 a:visited { color: #333; text-decoration: none; } 
h3 a:hover { color: #91AE2E; text-decoration: underline; }

/* ------------------------s
 TABLES 
-------------------------- */
.entetetableau {background: url(../site/images/bg-menu.gif) repeat left top; color: #900;}
.lignetableauclaire {background-color: #fff}
.lignetableaufoncee {background-color: #eee}

table#menutable { font-size: 1em;}
#statsgrid table { font-size: 0.8em; }
table { font-size: 12px; }