/*
marron 		7a6a53
marron gris 948c75
gris 		d5ded9
blue		99b2b7
beige		dad3b6
*/

* { color:#7a6a53; font-family:"Georgia", serif; line-height:17px; margin:0; padding:0; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* styles globaux applicables sur toutes les pages */
body { background:url(./pics/body-bg.gif) no-repeat center top #fff; }

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

#navigation { margin-bottom:120px; margin-top:292px; overflow:auto; text-align:center; }
#navigation ul { margin:0 auto 0 auto; width:567px; }
#navigation li { float:left; }
#navigation li a { display:block; height:33px; }
#navigation li a span { display:none; }
#navigation #curriculum a { background:url(./pics/menu-curriculum.gif) no-repeat; width:222px; }
#navigation #curriculum a:hover { background-position: 0 -33px; }
#navigation #contact a { background:url(./pics/menu-contact.gif) no-repeat; width:154px; }
#navigation #contact a:hover { background-position: 0 -33px; }
#navigation #portfolio a { background:url(./pics/menu-portfolio.gif) no-repeat; width:191px; }
#navigation #portfolio a:hover { background-position: 0 -33px; }

h1 { background:url(./pics/leaf-right.gif) no-repeat right top; border-bottom:1px solid #dad3b6; height:58px; position:relative; }
h1 span { bottom:0; display:block; font-weight:bold; font-size:18pt; margin-bottom:5px; position:absolute; }

#renseignements #civilite #nom { margin-left:120px; }
#renseignements #adresse,
#renseignements #mes-contacts { background:#dad3b6; padding:0 5px; }
#renseignements #adresse { float:left; width:50%; }
#renseignements #adresse span { color:#948c75; display:block; font-family:Verdana, sans-serif; font-size:10px; }
#renseignements #mes-contacts { text-align:right; }
#renseignements #mes-contacts span,
#renseignements #mes-contacts span strong { color:#948c75; display:block; font-family:Verdana, sans-serif; font-size:10px; }

#curriculum-vitae { font-family:Georgia, serif; }
#curriculum-vitae h2 { margin-top:70px; }
#curriculum-vitae h2 span { color:#99b2b7; font-weight:normal; font-size:17pt; }
#curriculum-vitae dl { margin-top:20px; }
#curriculum-vitae dl dt { float:left; font-size:10pt; font-weight:bold; margin-left:20px; }
#curriculum-vitae dl dd { background:url(./pics/leaf-list.gif) no-repeat left top; display:block; font-size:10pt; margin-left:160px; padding:5px 0 5px 40px; line-height:20px; }
#curriculum-vitae dl dd.details { border-left:4px solid #99b2b7; color:#99b2b7; background:none; font-size:12px; font-family:"Segoe UI", sans-serif; width:500px; margin:0 0 15px 250px; padding:6px ; line-height:14px; text-align:justify; }
#curriculum-vitae #logiciels,
#curriculum-vitae #programmation,
#curriculum-vitae #cursus-2006 { margin-top:20px; }
#curriculum-vitae #loisirs dd { margin-top:20px; }
#curriculum-vitae a { color:#99b2b7; text-decoration:none; font-weight:bold; }
#curriculum-vitae a:hover { text-decoration:underline; }

#contact p.erreur span { display:block; margin:30px 0 0 336px; padding-left:7px; border-left:4px solid #99b2b7; color:#99b2b7; background:none; font-size:12px; font-family:"Segoe UI", sans-serif; width:300px; }
#contact form p { margin:30px 0 0 0; clear:both; overflow:auto; }
#contact form p label { color:#99b2b7; padding:3px; font-size:15pt; display:block; float:left; width:300px; text-align:right; margin-right:30px; }
#contact form p label em { display:block; font-size:8pt; margin:3px 0 0 0; }
#contact form p input[type=text] { font-family:Georgia, serif; width:300px; font-size:15pt; padding:5px; }
#contact form p textarea { width:300px; height:200px; padding:5px; }
#contact form p#submit { text-align:right; padding-right:150px; }
#contact form p#submit input { background:#dad3b6; padding:10px 20px 10px 20px; border:0; }
#contact form p#submit input:hover { background:#99b2b7; cursor:pointer; color:#fff; }

#portfolio div.creation { position:relative; clear:both; margin-bottom:70px; }
#portfolio div .infos { width:150px; position:relative; border-left:1px solid #d5ded9; float:right; height:100%; background:url(./pics/leaf-right.gif) no-repeat 5px 0; padding:0 10px; margin:0 0 70px 0; }
#portfolio div .infos span { display:block; font-size:10px; padding-bottom:10px; font-family:Verdana, sans-serif; }
#portfolio div .infos span.date { padding:60px 0 10px 0; color:#99b2b7; font-size:14pt; font-family:Georgia, serif; }
#portfolio div img { border:0; }
#portfolio h2 { padding:5px; }
#portfolio h2 span { color:#99b2b7; font-weight:normal; font-size:17pt; font-family:Georgia; letter-spacing:-1px; }
#portfolio h3 span { font-family:Verdana, sans-serif; color:#948c75; font-weight:normal; font-size:10px; padding-left:5px; }

#footer { border-top:1px solid #d5ded9; height:100px; margin-top:30px; }