body { background: #f4f3eb url(images/bkg-body.jpg) repeat-x top; font: normal 12px "Verdana", sans-serif; margin: 0px; padding: 0px; padding-left:10px; padding-right:10px ; color:#666}
.page {width:1100px}

.pub{background-color:#FDF7DF; font-weight:bold; color:#1E0412; border: dashed 2px #d9d7c3; text-align:center; padding:10px; margin:10px} 
.cam {width:200px; height:210px; background-image:url(Cam.gif); background-repeat:no-repeat; margin:5px; padding-top:15px}

a:link { text-decoration: none; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #319bd8; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #669900; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}


/* Header 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { width: 100%; padding: 5px 0px 5px 0px; border-bottom: solid 1px #d9d7c3; float: left; background: url(images/header-bkg.gif) no-repeat top; position: relative; margin-bottom: 10px;}
.header h1 { float: left; font-size:24px; letter-spacing: -1px; padding-left: 20px; padding-right:20px}
.header h1 a, .header h1 a:visited, .header .LogoText h1 a:hover { text-decoration: none; }

.header .rss { position: absolute; top: 20px; right: 10px; width: 390px; text-align: right;}
.header .rss li { display: inline; background: url(Ajouter-au-favoris.png) no-repeat left 2px; padding-left: 20px; margin-right: 5px; }

/* Menu 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu { width: 960px; padding: 0px; margin-bottom: 30px; float: left; }
.menu ul { padding-left: 20px;}
.menu li { display: inline; font: bold 14px/14px "Arial"; text-transform: lowercase; letter-spacing: -1px; float: left; }
.menu li ul { display: none;}
.menu li a { padding-left: 7px; margin-right: 1px; background: url(images/menu-left.png) no-repeat left top; float: left;}
.menu li a span { padding: 3px 7px 3px 0px; display: block; background: url(images/menu-right.png) no-repeat right top; float: right; }
.menu li a span { float: none; color: #fd822f;}
.menu li a:hover { background-position: 0% -20px; color:#fff; text-decoration: none;}
.menu li a:hover span { background-position: 100% -20px; color:#fff;}

.menu .current_page_item a { background: url(images/menu-left-h.png) no-repeat left bottom;  }
.menu .current_page_item a span, .menu .current_page_item a:visited span, .menu .current_page_item a:hover span { background: url(images/menu-right-h.png) no-repeat right bottom; color:#fff; }



/* Footer 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 100%; padding: 20px 0px; float: center;}
.footer p { font-size: 11px; color:#acaa9c; padding-left: 20px;}
.footer p a, .footer p a:visited { color:#acaa9c; text-decoration: underline;}
.footer p a:hover { color:#333; text-decoration: underline;}
.footer .theme { border-top: solid 1px #d9d7c3; padding-top: 3px; margin-top: 5px;}