body { font-family: Arial, Helvetica, sans-serif; color: #333;  background: #FFF; margin: 0; padding: 0; text-align: center}

#zone {margin: 0 auto; padding: 0; width: 40.7em; text-align: left}
#top  {width: 100%;	height: 128px; margin: 0; padding: 0; text-align: right }
#top img {position: relative; float:left; top: 31px; margin: 0; padding: 0}
#artalinks {font-size: 0.65em; font-weight: bold; letter-spacing: 0.15em; padding: 92px 5px 0 0; margin: 0; text-align: right}
#artalinks li {display: inline; padding: 0 10px 0 10px; margin: 0}
#artalinks ul {margin: 0; padding: 0}
#prelude {position: absolute; top: 8px; left: 8px; font-size: 0.7em}
#menu { background: url(../gfx/menu_fond.gif) repeat-x; height: 22px; padding: 0; margin: 3px 0 0 0; width: 100.1%}
#menuleft {width: 10px; height: 22px; background: transparent url(../gfx/menu_left.gif) top left no-repeat; position: relative; float: left}
#menuright {width: 10px; height: 22px; background: transparent url(../gfx/menu_right.gif) top right no-repeat; position: relative; float: right}
#nav { float: right; font-size: 0.7em; font-weight: bold; padding-top: 3px}
#nav ul {list-style: none; margin: 0}
#nav li {display: inline; padding: 0 2px }

#path {color:#666; background: inherit; font-size: 0.65em; letter-spacing: 0.1em; padding-top: 4px}

#footer { background: url(../gfx/footer_fond.gif) top repeat-x; font-size: 0.68em; letter-spacing: 0.18em; word-spacing: 1em; margin: 0; text-align: center; width: 100.2%}
#footerleft {width: 10px; height: 10px; background: url(../gfx/footer_left.gif) no-repeat; position: relative; float: left}
#footerright {width: 10px; height: 10px; background: url(../gfx/footer_right.gif) no-repeat; position: relative; float: right}
#fontsize {position: absolute; width: 200px; top:8px; left:50%; margin: 0 0 0 16em; padding: 0; font-size: 0.7em}

#content {background: #FFF; color:inherit; margin: 0; width: 100%; font-size: 0.8em; border-left: #CCC solid 1px; border-right: #CCC solid 1px}
#contenthead p {margin: 0.2em 50% 0 10px}
#contenthead h1 {padding: 22px 0 0 10px}
.contentleft { margin: 0 48% 0 0; padding: 0 }
.contentleft h1 {padding-left: 10px; margin-top: 1em}
.contentright {float: right; padding: 0; margin:0; top: 0; width: 23.7em; color:#000; background: inherit}
.contentleft p  { margin: 0.2em 0 0.4em 0; padding: 0 8px; text-align: justify;}
.contentright p { margin: 0.3em 0 0.5em 0; padding: 0 8px}
.contentcenter {padding: 8px}

.arta {visibility: hidden; display: inline; padding: 0; margin: 0 }
.hide {display: none}
.small {font-size: 0.85em; text-decoration: none; margin-left: 1.5em}
.smallp {float: right; margin: 0; padding: 0; font-size: 0.85em}
.normal {font-size: 1.15em; text-decoration: none}
.big {font-size: 1.45em; text-decoration: none}
.red {color: #DC143C; background: inherit;}
.illuleft {margin: 0 10px; float: left }
.illuright {margin-left: 10px; float: right }
.right {float : right }
/*
a.info {position: relative; text-decoration: none}
a.info span {display: none}
a.info:hover {background: none; z-index: 500}
a.info:hover span {display: inline; position: absolute; top: -20px; left: 5px; background: #FC0; color: #333; text-align: center; padding: 2px}
*/
ol { margin: 5px 0 1em 20px; padding: 0; list-style: none }
ul { margin: 5px 0 0.9em 30px; padding: 0; list-style: url(../gfx/puce.gif) }
li.artamedia {background: url(../gfx/px_media.gif) center left no-repeat }
li.artaweb {background: url(../gfx/px_web.gif) center left no-repeat}
li.artagraphic {background: url(../gfx/px_graphic.gif) center left no-repeat}
li.artaphot {background: url(../gfx/px_phot.gif) center left no-repeat}
h1 { font-size: 0.95em;	margin: 5px 0 0 0; padding: 0 0 0.2em 0 }
h2 { font-size: 0.9em;	margin: 0 0 0.5em 0; padding: 0.1em 0 0.1em 8px}
h3 {font-size: 0.8em; margin: 0.7em 0 0.5em 0; padding: 0 0 1px 8px}
h4 {font-size: 0.9em; font-weight: normal; text-decoration: underline; margin: 0 0 0 8px; padding:0}
h5 {font-size: 0.85em; text-decoration: underline; margin: 0.2em 0 0.6em 0}
h6 {font-size: 0.8em; text-align: right; color: #AAA; background: inherit; margin: 0 0 0.25em 0; border-top: #AAA dashed 1px}
hr {clear: both; margin: 0; padding: 0; height: 1px; line-height: 1px; visibility: hidden}
address {margin-left: 10px; font-style: normal; color: #606060; background: inherit}
img, fieldset, abbr, em, acronym  {border: none}

/*FORMULAIRES*/
form {margin: 0; padding: 0}
label {cursor: pointer; padding: 0; margin: 0}
textarea {overflow: auto}
select, input, textarea {border: 1px solid #BBB; background-color:#FCFCFC;  font: 0.8em Arial, Helvetica, sans-serif; margin: 0.25em 0 0.5em 0; padding: 0 0 0 0.25em; color: #666}
#contentleft label{font-size: 0.9em; color: #666; background: inherit;}
input.btn {border:none; margin:0 0.25em; padding: 0}

/*LIENS*/
a.webplus:hover { background-color: #CC3333;  color: #FFF; text-decoration: none }
a.graphicplus:hover { background-color: #FFCC00; color: #FFF; text-decoration: none }
a.photplus:hover { background-color: #3333CC; color: #FFF; text-decoration: none }
a.mediaplus:hover { background-color: #999999; color: #FFF; text-decoration: none }

a:hover, #nav a:link, #nav li a:visited, #path a:link, #path a:visited,
a.media:link, a.web:link, a.graphic:link, a.phot:link,
a.media:visited, a.web:visited, a.graphic:visited, a.phot:visited,
a.mediaplus:link, a.webplus:link, a.graphicplus:link, a.photplus:link, 
a.mediaplus:visited, a.webplus:visited, a.graphicplus:visited, a.photplus:visited {text-decoration: none}

#nav li a:hover, #path a:hover {text-decoration: underline}
#path a:link, #path a:visited {color: #000; background: transparent}
#fontsize a:hover {color:#000; background: inherit}
#footer a, #footer a:link {color: #AAA; background:transparent}
#artalinks a.media:hover, #footer a.media:hover { color: #999; background: transparent}
#artalinks a.web:hover, #footer a.web:hover { color: #CC3333; background: transparent}
#artalinks a.graphic:hover, #footer a.graphic:hover { color: #FFCC00; background: transparent}
#artalinks a.phot:hover, #footer a.phot:hover { color: #3333CC; background: transparent}

a.powered {display:none; visibility:hidden}
#SML a:link, #SML a:visited, #SML a:hover {text-decoration:none!important}