/** Navigation **/
ul,li {list-style-type:none;}
#nav {background: transparent;}
#nav, UL#nav, UL#nav LI, UL.lists {padding:0; margin:0;}
UL#nav LI {border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 6px;}
UL#nav LI A:link, UL#nav LI A:visited  {padding-left: 15px; margin-left: 5px; background: url(images/navinit.gif) no-repeat center left; padding-right: 3px; border-top: 0px; padding-bottom: 2px; font: bold 15px/21px "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; color: #666; margin-right: 0px; padding-top: 2px; border-bottom: 0px;  text-decoration: none; background-color: #fff;}
UL#nav LI A:hover {padding-left: 20px; margin-left: 5px; background: url(images/navhover.gif) no-repeat center left; color: #CF7628;background-color: #fff;}
UL#nav LI A:active {background: url(images/navactive.gif) no-repeat center left; color: #CF7628; background-color: #fff;}
BODY#homepage UL#nav LI#nav-homepage A, BODY#portfolio UL#nav LI#nav-portfolio A, BODY#articles UL#nav LI#nav-articles A, BODY#photos UL#nav LI#nav-photos A, BODY#casestudies UL#nav LI#nav-casestudies A, BODY#about UL#nav LI#nav-about A, BODY#cv UL#nav LI#nav-cv A, BODY#link UL#nav LI#nav-link A, BODY#contact UL#nav LI#nav-contact A {padding-left: 15px; margin-left: 5px; background: url(images/navpoint.gif) no-repeat center left; background-color: #fff; color: #821A09; border-bottom: 0px}
/** UL#nav LI#nav-portfolio A, UL#nav LI#nav-photos A, UL#nav LI#nav-casestudies A {background: url(images/navcinit.gif) no-repeat center left;}
UL#nav LI#nav-portfolio A:hover, UL#nav LI#nav-photos A:hover, UL#nav LI#nav-casestudies A:hover {background: url(images/navchover.gif) no-repeat center left;} 
BODY#portfolio UL#nav LI#nav-portfolio A, BODY#photos UL#nav LI#nav-photos A, BODY#casestudies UL#nav LI#nav-casestudies A {background: url(images/navcpoint.gif) no-repeat center left;} **/
UL#nav LI.sub A:link, UL#nav LI.sub A:visited {padding-left: 15px; margin-left: 20px; background: url(images/navinit.gif) no-repeat center left; padding-right: 3px; border-top: 0px; padding-bottom: 2px; font: bold 14px/21px "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif; color: #666; margin-right: 0px; padding-top: 2px; border-bottom: 0px;  text-decoration: none;background-color: #fff;}
UL#nav LI.sub A:hover {padding-left: 20px; margin-left: 20px; background: url(images/navhover.gif) no-repeat center left; color: #CF7628;background-color: #fff;}
UL#nav LI.sub A:active {background: url(images/navactive.gif) no-repeat center left; color: #CF7628; background-color: #fff;}
BODY#portfolio UL#nav LI#on A, BODY#portfolio UL#nav LI#off A, BODY#portfolio UL#nav LI#obj A, BODY#portfolio UL#nav LI#logo A, BODY#photos UL#nav LI#pro A, BODY#photos UL#nav LI#travel A, BODY#photos UL#nav LI#theatre A, BODY#casestudies UL#nav LI#vnet A, BODY#casestudies UL#nav LI#sm A, BODY#casestudies UL#nav LI#rechercher A , BODY#casestudies UL#nav LI#ubikann A{background: #fff url(images/navspoint.gif) no-repeat center left; color: #C25C2A;}
UL#nav LI#nav-about {border-bottom: 0px;}



/** Text **/
BODY, P, h5 {font-size: 14px; color: #333333; font-family: Arial, Helvetica, sans-serif;background: #fff;}
h1 {font: 22px/1.4em "Trebuchet MS", "Verdana", sans-serif; font-weight: bold; color: #330000; padding-top: 0px; margin-top: 0px;background: #fff;}
h2 {font: 16px/1.1em "Trebuchet MS", "Verdana", sans-serif; font-weight: bold; color: #821A09; margin: 4px 0 6px 0; padding: 0;background: #fff;}
h3 {font: 15px/1.0em "Trebuchet MS", "Verdana", sans-serif; font-weight: bold; color: #BC541B; margin: 4px 0 4px 0; padding: 0;background: #fff;}
.mdtxt {font-size: 12px;}
.blk {color: #666;background: #fff;}
h5 {font-weight:normal; padding: 0; margin: 4px 0 4px 0;}

/** Links **/
h5 a:link, A.ac:link {color: #CF7628; text-decoration: none; border-bottom: 1px solid #CF7628;background: #fff;}
h5 a:visited, A.ac:visited {color: #8D3729; text-decoration: none; border-bottom: 1px solid #8D3729;background: #fff;}
h5 a:hover {color: #330000; background-color: #fff; border-bottom: 1px solid #330000; text-decoration: none;}
h3 a:link, h3 a:visited {color: #AA5222; border-bottom: 0px;text-decoration: none;background: #fff;}
A.ac:hover, .ac a:hover, h3 a:hover {color: #330000; border-bottom: 1px solid #330000; text-decoration: none;background: #fff;}
a.img:hover, #page-content a.img, #page-content a.img:hover {background-color: transparent;border-bottom:0px;}

/** General **/
img {border:0px;}
.phpadl {padding:0 10px 5px 10px;}
.phpadr {padding:0 10px 0 0;}
.phpadr2 {padding:0 10px 4px 0; margin: 7px 0 0 0;}
.flleft {float:left;}
.flright {float:right;}
.aright {text-align: right;}
.aleft {text-align: left;}
.center {text-align: center;}
.xhtml_img {margin: 5px 10px 0px 0px;}
.css_img {margin: 2px 10px 0px 0px;}
.valcss, .valxhtml {display: block;background: url(images/valcss.gif) no-repeat;margin: 0;height: 15px;width: 80px; border-bottom:0px;}
.valxhtml {background: url(images/valxhtml.gif) no-repeat;}
.picto {width: 220px;}
.rmg10 {margin: 0 10px 0 0;}
.rmg15 {margin: 0 15px 0 0;}
.brdr {border: #666 1px solid;}
.orng, .orng a:link, .orng a:visited, .orng a:hover {color: #CF7628; font-weight: bold; margin-right: 1px; border-bottom: 0px;text-decoration: none;background: #fff;}
.orng a:visited {color: #8D3729;background: #fff;}
.orng a:hover {color: #330000;background: #fff;}
.bold {font-weight: bold;}
.error {color: #CC3333; font-weight: bold;background: #fff;}
.clearleft {clear: left;}
.clearright {clear: right;}

UL.lists, UL.pnts {list-style-type: none; padding: 10px 0; margin-bottom: 15px;}
UL.lists LI {background: url(images/firbal.gif) no-repeat center left;margin-top: 4px;padding: 4px 0 4px 8px;}
UL.lists LI.point {background: url(images/firbal_pnt.gif) no-repeat center left;}
UL.lists LI:hover {background: url(images/firbal_hv.gif) no-repeat center left;}
UL.lists LI A:link, UL.lists LI A:visited {margin-left: 10px; text-decoration: none; color: #CF7628; border-bottom: 1px solid #CF7628;background: #fff;}
UL.lists LI A:visited {border-bottom: 1px solid #8D3729; text-decoration: none; color: #8D3729;background: #fff;}
UL.lists LI A:hover {border-bottom: 1px solid #330000; text-decoration: none; color: #330000;background: #fff;}
UL.lists LI.noimg {background: url(images/spc.gif) no-repeat center left;}

UL.pnts {margin: 0px;}
UL.pnts LI {background: url(images/tribal.gif) no-repeat top left;margin-top: 4px;padding-left: 15px;}
UL.pnts LI A:link, UL.lists LI A:visited {margin-left: 10px; text-decoration: none;}
UL.pnts LI A:hover {text-decoration: underline;}
.pisky {width:450px;}

UL.runin, UL.runin LI {display: inline; padding: 0; margin: 0;}
UL.runin LI {line-height:20px;}
UL.runin LI {padding: 0 4px 0 0}
html[xmlns] UL.runin LI {background: url(images/firbal.gif) no-repeat center left;padding: 0 4px 0 15px;}


/** Image Replacement **/
h4 {font-size: 13px;}
h4 span {display: none;}
.copy h4, .thumbta h4, .thumbtb h4 {margin:0; padding:0;}
.copy h4 {background: url(images/copyright.gif) no-repeat; height: 37px; width: 477px;}
.thumbta h4, .thumbtb h4 {float: left; background: url(images/thumbttla.gif) no-repeat; height: 30px; width: 275px;}
.thumbtb h4 {background: url(images/thumbttlb.gif) no-repeat;}