* {
outline:0;
margin:0;
padding:0;
}

img {
vertical-align:middle;
}

body {
background:#f2f5f7 url(../img/bg_body.gif) repeat-x top;
font-family:Trebuchet MS,Arial,Sans-Serif;
color:#5f5f5f;
font-size:13px;
line-height:1.66em;
}

a {
color:#38b;
text-decoration:none;
}

a:hover {
color:#94b;
text-decoration:none;
}

p {
line-height:1.4em;
}

h1,h2,h3,h4,h5 {
font-family:Myriad Pro, Trebuchet MS, Arial, Sans-Serif;
font-weight:800;
margin-bottom:10px;
}

h1#logo {
background:transparent url(../img/logo.png) no-repeat scroll 0 0;
text-indent:-4000px;
display:inline;
float:left;
height:75px;
width:600px;
margin-bottom:10px;
}

h1#logo a {
display:block;
height:75px;
}

h3 {
padding-bottom:5px;
border-bottom:1px dashed #ccc;
font-size:18px;
}

h4 {
font-size:17px;
border-bottom:1px solid #ccc;
}

#container {
width:740px;
margin:0 auto;
}

#header {
margin-top:100px;
margin-left:20px;
margin-right:20px;
}

#content {
height:300px;
padding:20px;
}

#content_wrapper {
background:url(../img/bg_content.png) center center;
margin:0 auto;
padding:20px;
}

#footer {
padding-bottom:20px;
text-align:right;
margin-left:20px;
margin-right:20px;
font-size:12px;
height:20px;
overflow:hidden;
}

#about {
background:url(../img/nav_qui-suis-je.gif) no-repeat top left;
}

#about_content img {
background:#fff;
border:5px solid #d9d9d9;
margin-right:10px;
margin-bottom:10px;
}

#social {
background:url(../img/nav_reseaux.gif) no-repeat top left;
}

#social_lists li:hover {
border:1px solid #e39784;
background:#fcd8d2;
}

#portfolio {
background:url(../img/nav_experiences.gif) no-repeat top left;
}

#portfolio_lists li:hover {
border:1px solid #9CCD44;
background:#E3FFB6;
}

#contact {
background:url(../img/nav_contact.gif) no-repeat top left;
}

#contact_card h4 {
width:245px;
}

#contact_card p {
padding-bottom:5px;
}

#contact_content #vcard {
padding:3px;
}

#contact_content #vcard:hover {
background:#fef1c7;
border:1px solid #f8c97f;
padding:2px;
}

#contact_card {
background:#fff;
width:250px;
border:1px solid #CCC;
font-size:14px;
margin:25px auto 0;
padding:20px;
}

#contact_card ul {
list-style:none;
margin:10px 0 0;
padding:0;
}

#contact_card li {
padding-bottom:10px;
}

.slider_toggle {
float:left;
display:block;
height:300px;
width:37px;
color:#fff;
text-decoration:none;
outline:none;
border-right:1px solid #cde99f;
cursor:pointer;
margin:0;
}

.slider_content {
height:300px;
float:left;
overflow:hidden;
color:#444;
}

.slider_content_wrapper {
padding:5px 15px;
}

.slider_content p {
width:450px;
margin-bottom:10px;
}

.slider_content img {
border:0;
}

#slider_container {
width:680px;
height:300px;
margin:0 auto;
}

li ul,li ol {
margin:0;
}

ul,ol {
padding-left:3.333em;
margin:0 1.5em 1.5em 0;
}

ul {
list-style-type:disc;
}

ol {
list-style-type:decimal;
}

dl {
margin:0 0 1.5em;
}

dd {
margin-left:1.5em;
}

table {
margin-bottom:1.4em;
width:100%;
}

thead th {
background:#c3d9ff;
}

th,td,caption {
padding:4px 10px 4px 5px;
}

tr.even td {
background:#e5ecf9;
}

fieldset {
border:1px solid #ccc;
margin:0;
padding:0 1.4em 1.4em;
}

legend {
font-weight:700;
font-size:1.2em;
}

input[type=text],input[type=password],input[type=file],input.text,input.title,textarea,select {
background-color:#fff;
border:1px solid #bbb;
}

input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus {
border-color:#666;
}

input[type=text],input[type=password],input.text,input.title,textarea,select {
margin:0.5em 0;
}

input.text,input.title {
width:300px;
padding:5px;
}

input.title {
font-size:1.5em;
}

textarea {
height:80px;
padding:5px;
}

input[type=checkbox],input[type=radio],input.checkbox,input.radio {
position:relative;
top:.25em;
}

form.inline {
line-height:3;
}

form.inline p {
margin-bottom:0;
}

.error,.notice,.success {
margin-bottom:1em;
border:2px solid #ddd;
padding:.8em;
}

.error {
background:#FBE3E4;
color:#8a1f11;
border-color:#FBC2C4;
}

.notice {
background:#FFF6BF;
color:#514721;
border-color:#FFD324;
}

.success {
background:#E6EFC2;
color:#264409;
border-color:#C6D880;
}

.error a {
color:#8a1f11;
}

.notice a {
color:#514721;
}

.success a {
color:#264409;
}

blockquote {
color:#666;
font-style:italic;
margin:1.5em;
}

sup,sub {
line-height:0;
}

abbr,acronym {
border-bottom:1px dotted #666;
}

address {
font-style:italic;
margin:0 0 1.5em;
}

del {
color:#666;
}

pre {
white-space:pre;
margin:1.5em 0;
}

pre,code,tt {
font:1em 'andale mono', 'lucida console', monospace;
line-height:1.5;
}

#lightbox {
background-color:#eee;
border-bottom:2px solid #666;
border-right:2px solid #666;
padding:10px;
}

#lightboxDetails {
padding-top:0.4em;
}

#overlay {
background-image:url(../img/lightbox/overlay.png);
}

* html #overlay {
background:url(../img/lightbox/blank.gif);
}

.cl {
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;
line-height:0;
}

.hd {
display:none;
}

.info {
font-size:13px;
}

#social_lists,#portfolio_lists {
margin:15px 0 0;
padding:0;
}

#social_lists li,#portfolio_lists li {
list-style:none;
float:left;
width:220px;
background:#fff;
border:1px solid #ccc;
margin:0 10px 10px 0;
padding:4px;
}

#social_lists a,#portfolio_lists a {
color:#555;
display:block;
}

#social_lists strong,#portfolio_lists strong {
display:block;
font-size:16px;
padding-top:5px;
}

#social_lists span,#portfolio_lists span {
padding-top:10px;
font-style:italic;
font-size:10px;
}

#social_lists img,#portfolio_lists img,#contact_card img {
padding-right:10px;
}

dl dt,th,label,strong,dfn,.strong {
font-weight:700;
}

tfoot,em,dfn {
font-style:italic;
}

#lightboxCaption,.fl {
float:left;
}

#keyboardMsg,.fr {
float:right;
}

#lightbox img,#overlay img {
border:none;
}