html { }

body{  background: #333333; color: #333333; line-height: 120%; padding-top : 10px; padding-bottom : 20px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; }

#page{ width: 95%; background-color:#333333; border: 0px; margin: 15px auto; }
#pageleft  {float: left; width: 84%;  background-color: #CCCCCC; border: 1px solid black; }
#haut{ float: left; width: 100%; background-color:#FFFFFF; border:0px; }
#haut img {float:left; border:0; width:100%; }
#bas{ float: left; width: 100%; }
#pageright{float: left; width: 15%; text-align: left; margin:0;}
#footer{   float:left;  width: 84%;  height:5%; margin-top:10px; background-color: #FFCC00; border: 1px solid black;}

#colleft{  float:left;  width: 20%;  text-align: left;        background-color:#FFFFFF; }
#main{     float:left;  width: 55%;  margin: 0px 1px 0px 1px; background-color:#FFFFFF; }
#colright{ float:left;  width: 24.4%;                           background-color:#FFFFFF; }

/* Les éléments HTML en général
-------------------------------------------------------- */

#content { margin : 2em 1em 0em 1em; }
#content2 { margin : 2em 1em 0em 1em; }
#content3 { margin : 2em 1em 0em 1em; }

fieldset {border-width:0; }
#loupe {width : 4%; padding-left : 5%; float : left; }

h1 { font-size : 100%; }
h2 { font-size : 100%; color : #f90; }
h3 { font-size : 100%; }
h4 { font-size : 100%; padding : 1em 0 0.5em 0; } 
h5 { font-size : 80%; }
h6 { font-size : 60%; }
#pageright h2 { font-size : 130%; color : #f90; margin-left:1.3em;font-weight:bold; line-height:140%;}
#pageright h3{ color:#FFFFFF; font-size: 110%; font-weight:bold; margin-left:1.3em; margin-right:0.5em; margin-bottom:0.5em; margin-top:1.5em;}
#pageright h4{ color:#333333; background-color: #FFCC00; font-size: 100%; margin-left:1.3em; margin-right:0; margin-top:0.5em; text-align:left; padding-left: 0.5em; padding-right:0.5em;}
#pageright img{ margin-left:1.3em; margin-top:0.5em; margin-bottom:2em; width: 80%;}
#pageright li {font-size: 80%;margin-left: -1.7em;}
pre, code { font-size : 120%; }
pre {  width : 100%; overflow : auto; border : 0; }
fieldset { border : 1px solid white; }
.field label { display : block; }
.dm_videowall {margin-left: 0em;}
input { border : 0; font-size : 80%; background : #006699; color : #ddd; }
textarea { border : 0; width : 100%; font-size : 100%; background : #eeeeee; color : #aaa; }

a { color : #A00; text-decoration : none;}
a:visited { color : #f90; }
a:hover { color : #0f0; }
img { border-width : 0; }
a img { border : 0; border-width : 0; }
a:hover img, a:active img { border-width : 0; }
.rssfeed { font-size: 80%; text-decoration: none; line-height:120%;}
.rssfeed a { font-size: 100%; text-decoration: none; line-height:120%; color:#F00;}

.post { text-align : justify; margin-bottom : 3em; }
.post-title { color : #222299; font-size: 120% ; text-align: left; line-height: 120%; font-weight: bold;}
.post-title a { color : #222299; text-decoration : none; font-size:120%; text-align:left; line-height:120%; font-weight: bold; }
.post-title a:hover { color : #EE1111; text-decoration : none; font-size:120%; text-align:left; line-height:120%; font-weight: bold; }
.post-titbreves { color : #006699; font-size:100% ; text-align: left; line-height: 120%;}
.post-titbreves a { color : #f90; text-decoration : none; font-size:100%; text-align:left; line-height:120%; }
.post-titbreves link { color : #f90; text-decoration : none; font-size:100%; text-align:left; line-height:120%; }
.post-content { color: #555; font-size: 100%; line-height: 130%; font-weight:normal;}
.post-info { color : #fa0; padding-bottom : 1ex; }
.post-info a { color : #fa0; text-decoration : none; }
.post img { float : left; padding : 8px 8px 8px 0; }

.post-content blockquote { font-family : Georgia, serif; font-style : italic; }
.post-info-co { text-align : right;  font-size: 70%; font-weight:normal; color:#f90;}
#trackbacks blockquote, #comments blockquote { border : 1px solid #eee; margin : 1em 0; padding : 1ex 1em;}