* { margin:0; padding:0; font-family:Georgia, Arial, "Trebuchet MS"; outline:none; }
body { background:url(../images/global/bg-gray.jpg) repeat-x; }
a img { border:none; }
.floatleft { float:left; }
.floatright { float:right; }
.spacer { clear:both; }

/* Display:none; */
#content_portfolio h1 span,
#content_contact h1 span,
#content_about h1 span,
.top a span, .display { display:none; }

/* Coins arrondis */
#content_contact input.text,
#content_contact textarea, 
#content_contact #submit { -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; border-radius: 5px;   }


/* General*/
.top { background:url(../images/global/bg-top.jpg) no-repeat center top; float:left; width:100%; height:85px; float:left;}
.top p {  width:870px; margin:0 auto; }
.top a { background:url(../images/global/text-top.png) no-repeat left top; width:23px; float:right; height:26px; margin:40px 0 0 0; }
.top a:hover { background:url(../images/global/text-top.png) no-repeat left bottom; }

/* Header */
#header { min-height:150px; width:950px; margin:0 auto; display:block; }
#header img { float:right; }

/* Menu - nav */
#header ul { float:left; width:500px; margin:0 30px 0 0; }
#header ul li { float:left; width:120px; list-style:none; }
#header ul li a { display:block; color:#0e1727; font-size:14px; text-decoration:none; margin:8px 0 0 0; text-align:center; }
#header ul li a:hover, #menu li#actif a {color:#a2b123; font-weight:bold; }
#header ul li.border a { border-left: 1px solid #EEEEEE; }

/* Portfolio */
#portfolio { background:#0f0f0f; float:left; width:100%; }
#content_portfolio {  width:950px; margin:0 auto; }
#content_portfolio h1 { background:url(../images/global/bg-title-portfolio.jpg) no-repeat left top; height:65px; float:left; width:100%; margin:5px 0; }
#content_portfolio article { width:300px; float:left; margin:5px 6px 25px 6px; } 
#content_portfolio article img { border:5px solid #000000; } 
#content_portfolio article h2 a { font-size:16px; text-decoration:none; color:#ffffff; margin:3px 5px; border-bottom:1px dotted #262626; display:block; } 
#content_portfolio article ul li { list-style:none; border-bottom:1px dotted #262626; padding:3px 0; margin:0 5px; } 
#content_portfolio article ul li a { font-size:12px; text-decoration:none; color:#666666; font-style:italic; } 
#content_portfolio article ul li a.website { color:#94b217; } 

#content_portfolio article img:hover { border:5px solid #94b217; } 
#content_portfolio article h2 a:hover, #content_portfolio article ul li a:hover { color:#94b217; } 

/* About */
#content_about {  width:950px; margin:0 auto; }
#content_about h1 { background:url(../images/global/bg-title-about.jpg) no-repeat left top; height:65px; float:left; width:100%; margin:5px 0; }
#content_about article { width:450px; float:left; margin:5px 20px 45px 0; } 
#content_about article p { font-size:12px; color:#555555; margin:0 0 7px 0; line-height:20px; } 
#content_about article ul li { font-size:12px; color:#555555; margin:0 0 3px 0; line-height:20px; list-style:none; } 
#content_about article h2 { font-size:12px; color:#555555; margin:0 0 7px 0; line-height:20px; } 
#content_about article a { font-size:12px; text-decoration:none; color:#94b217; font-style:italic; } 
#content_about article a:hover { color:#000000; } 

/* Contact */
#contact { background:#0f0f0f; float:left; width:100%; }
#content_contact article { width:450px; float:left; margin:5px 20px 45px 0; } 
#content_contact {  width:950px; margin:0 auto; }
#content_contact h1 { background:url(../images/global/bg-title-contact.jpg) no-repeat left top; height:65px; float:left; width:100%; margin:5px 0; }
#content_contact input.text { width:415px; height:40px; float:left; font-size:14px; color:#a8a8a8; background-color:#323232; border:none; margin:0 0 10px 0; padding:0 0 0 35px; background-repeat:no-repeat; background-position:10px top; }
#content_contact input#nom { background-image:url(../images/global/icons-user.jpg); }
#content_contact input#email { background-image:url(../images/global/icons-mail.jpg); }
#content_contact textarea { width:440px; height:140px; float:left; font-size:14px; color:#a8a8a8; background-color:#323232; border:none; margin:0 0 10px 0; padding:5px 0 0 10px; }
#content_contact #submit { width:150px; height:30px; float:right; font-size:14px; color:#ffffff; background-color:#94b217; border:none; margin:0 0 10px 0; }

#content_contact article p { font-size:12px; color:#ffffff; margin:0 0 7px 0; line-height:20px; } 
#content_contact article ul li { font-size:12px; color:#ffffff; margin:0 0 3px 0; line-height:20px; list-style:none; } 
#content_contact article h2 { font-size:12px; color:#ffffff; margin:0 0 7px 0; line-height:20px; } 
#content_contact article a { font-size:12px; text-decoration:none; color:#94b217; font-style:italic; } 
#content_contact article a:hover { color:#ffffff; }