html, body {width:100%;height:100%;margin:0;padding:0}
body {background:#333;font-size:.7em;font-family:Arial,Verdana,sans-serif;color:#6F7777}

a {text-decoration:none;font-style:italic;color:#999377}
a:hover {text-decoration:underline}

strong {font-weight:bold}
em {font-style:italic}

.titre {font-size:1.6em;background:#999377;color:#fff;font-family:Courier}
.left {float:left}
.right {float:right}
.clear {clear:both}
.textRight {text-align:right}

.pagination {margin:20px 0;padding:0;float:right}
.pagination strong {font-weight:bold}
.pagination li {margin:0 1px 0 0;float:left;font-size:1em}
.pagination a {color:#999377;display:block;padding:8px 12px;background:#fff;text-decoration:none}
.pagination .notActive {color:#000;;background:#fff;padding:8px 12px}
.pagination .selected {font-weight:bold}
.pagination a:hover {background:#999377;color:#000}

#header {width:100%;height:50px;margin:0;background:#fff;border-bottom:#6F7777}
#logo {width:120px;float:left}
#navTop {display:block;margin:0 0 0 60px;padding:0;float:left}

#navTop li {display:block;width:150px; margin:0 20px 0 0;padding:0;display:inline-block}
#navTop li.end {margin:0}
#navTop li a {color:#6F7777;line-height:50px;text-decoration:none;border:none;
  border-bottom:5px solid #6F7777;display:block;text-align:center} 
#navTop li a:hover, #navTop li a.selected {background:#999377;color:#fff}

#content {width:900px;display:block;margin:50px auto;min-height:500px;height:500px;height:auto !important}
#content h1 {width:700px;font-size:2em;color:#fff;font-family:Courier}
#content h2 {font-size:1.5em;font-family:Courier;margin:20px 0;color:#999377}


#content .realisation {margin:10px 0}
#content .realisation strong {font-weight:bold;color:#999377}
#content .realisation a {font-style:normal}

#content-main {width:100%; min-height:400px;height:400px;height:auto !important}

.content-left {width:220px;float:left;padding:0 10px;margin:10px 40px 20px 10px}
.content-left h2 {padding:10px;background:#fff;color:#999377}
.content-left p {padding:2px 0}
.content-left a {font-style:normal;font-weight:bold;color:#fff}

.content {margin:0 0 20px 0; background:#fff;
    border-bottom:solid 1px #6F7777;border-right:solid 1px #6F7777;
    border-top:solid 1px #999377;border-left:solid 1px #999377}
.content  h3 {font-family:courier;margin:0;font-size:1.4em;
  color:#999377; padding:10px 10px 0 10px}
.content  h3 a {font-style:normal;text-decoration:underline}
.content-main {background:#333; padding:10px;border-top:solid #999377 1px;
    border-left:solid #999377 1px;margin:10px}
.content-main code {font-family:courier;border-left:solid 4px #fff;color:#fff;
  padding:5px 10px;display:block;margin:10px 0;background:#999377}

#footer {width:100%;float:left;text-align:center;border-top:1px solid #6F7777;
  margin:20px 0 0 0;padding:0 0 10px 0;background:#999377;color:#fff}

#frmContact p {margin:0 0 10px 0}
#frmContact label{width:120px;text-align:right;margin-right:10px;padding:2px 0;float:left}
#frmContact input, #frmContact select{margin:0;padding:2px 0;font-size:1em;width:400px;border:none;background:#999377}
#frmContact textarea {margin:0;padding:0;font-size:1em;width:400px;height:200px;
  font-family:Arial,Verdana,sans-serif;border:none;background:#999377}
#frmContact .submit {font-weight:bold}

.competences {width:320px;margin:20px 0 0 0}
.competences li {margin:0 0 10px 0;padding:0 }
.competences li.titre {padding:10px}

.article {margin:40px 0 40px 0;clear:both}
.article h3 {font-family:courier;margin:0 0 10px 0;font-size:1.4em;
  color:#999377;border:solid 1px #999377;border-left:none;border-right:none;
  padding:10px 0 }
#content .article h3 a {color:#fff;text-decoration:underline;font-style:normal}
.article .corps {margin:10px 0 0 0}
.article code {font-family:courier;border-left:solid 4px #fff;color:#fff;
  padding:5px 10px;display:block;margin:10px 0;background:#999377}