/**
 * main.css
 * @author Cyril CHANDELIER
 * @version 1.2
*/

@font-face          {font-family: Paperclip-bold; src: url(font/paperclip-bold.otf);}

html                {background-color:#fff;}
body                {border-top:7px solid #0092D2; font-family:Helvetica,Arial;}

#wrapper            {display:block; width:960px; margin:0 auto; min-height:100%;}
header              {display:block; width:140px; float:left; padding:0 20px 0 0; margin:25px 0 0 0;}
section             {display:block; width:580px; float:left; margin:25px 20px 0 0;}
aside               {display:block; width:200px; float:right; padding-top:90px; font-size:15px;}
footer              {display:block; width:580px; padding:0 0 10px 140px; text-align:center; bottom:0px; clear:both;}
nav                 {display:block;}

strong              {font-weight:bold;}
img                 {border:none;}
img:hover           {opacity:0.9;}
em                  {color:#004B69; font-style: normal; font-family: Paperclip-bold, Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6   {font-weight:bold; margin-bottom:15px; color:#0092D2; font-family: Paperclip-bold, "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:0 1px 1px #888;}
h1                  {font-size: 40px;}
h2                  {font-size: 35px;}
h3                  {font-size: 30px;}
h4                  {font-size: 25px;}
h5                  {font-size: 20px;}
h6                  {font-size: 15px;}
a                   {text-decoration:none; color:#004B69;}
a:hover             {opacity:0.6;}

section div         {margin-bottom:20px;}

#main, .comment     {text-align:justify; font-size:15px; line-height:25px; padding:0 20px 0; -webkit-border-radius:8px; -moz-border-radius:8px; margin-bottom:40px;}
#main img           {max-width:540px; margin:10px 0;}
.lastmajcv          {font-size:12px;}

/* Comments */
#comments ul li                  {padding:0; background:none; clear:both;}
#comments div.author             {float:right; margin-right:-220px; width:200px;}
#comments div.author .author     {display:block;}
#comments div.author .date       {font-size:11px; color:#999; font-weight:normal;}
#comments div.avatar img         {float:left; margin-left:-120px; border:1px solid #333;  padding:1px; -webkit-border-radius:3px; -moz-border-radius:3px;}

/* Comment */
#comment                    {text-align:left;}
#comment .instructions      {float:left; margin-left:-180px; width:140px;}
#comment .comment textarea  {width:98%; height:190px; font-size:15px;}
#comment .author            {float:right; margin-right:-200px; margin-top:-20px; width:180px;}
#comment .author label      {display:block; font-weight:bold;}
#comment .author input      {width:176px; font-size:15px; margin-bottom:15px;}

/* Menu */
header nav ul          {margin:0; padding:0; width:140px;}
header nav ul li       {list-style:none; background:none; margin:0; padding:0;}
header nav ul a        {display:block; font-size:20px; text-shadow:0 1px 1px #888;}
header nav ul a:hover  {opacity:1; color:#0092D2;}

/* table */
table td { padding:10px; }

table.comp { width:100%; padding:0px; }
table.comp td { width:300px; line-height: 16px; height:16px; border-collapse:collapse; }
table.comp td.stars { width:75px; }

.moi { width:250px; border:2px dashed #0092D2; }