/* CSS document by Max IMBERT - 2008*/
 
/* Remise à zero des paramètres du navigateur */
*{margin:0;padding:0;text-indent:0;border:0;font-family: "Trebuchet MS", arial, helvetica, sans-serif}

body{margin:4% 0 20px 10%;font-size: 75%}

/* ne fonctionne pas dans IE6 */
h4+p,h4+ul{margin-top:0}
#portfolio h5+p,#portfolio h4+div{margin-top:0}
p+h4,div+h4{margin-top:46px}


/* Police du texte dans un paragraphe, dans un tableau et dans une liste */
p,ul,#cv table{width:600px;margin:1.5em 0 1.5em 0}
p,li,tr{line-height:23px;font-size:1.3em}
th {font-style:italic; font-weight:normal}
em,h4,h5{font-weight:bold;font-style:normal}
.italique{font-style:italic}
.small{font-size:0.95em;letter-spacing:0.1em}
a{color:#FF3333}

.hide {display:none;}

tr{vertical-align:top}
th{text-align:left;font-weight:bold;}
td,th {padding:0 0 0.75em 0}


/* logo : Max IMBERT */
h1{font:8.3em Arial;line-height:115px;border-bottom:1px solid #000;width:100%;max-width:900px}
/* Titre dans les pages */
h4{font-size:1.5em;text-transform:uppercase;line-height:1.369em;letter-spacing:0.12em;color:#FF6600}
h5{font-size:1.3em;text-transform:capitalize;line-height:23px}


/* Navigation Principale */
#nav{list-style-type:none;width:800px}
#nav li{display:inline;padding-right:2.3em;font-size:2.6em;line-height:1em;color:#FF6600;font-weight:bold}
#nav li a{color:#000;font-weight:normal;text-decoration:none}
#nav li a:hover{color:#666}

/* Crédits + Validation w3c,en haut à droite */
#footer{position:absolute;top:5px;right:15px}


/* PAGE photo - Navigation de la page Photo */
#navPhoto{list-style-type:none;width:18%;min-width:175px;margin-left:580px}
#navPhoto li{font-size:1.8em;line-height:23px;border-bottom:1px solid #ddd;letter-spacing:0.2em;font-weight:bold;text-align:right;color:#FF6600;padding:0 15px 0 50px}
#navPhoto li a{font-size:0.7em;line-height:23px;color:#000;text-decoration:none;font-weight:normal;letter-spacing:0.15em}
#navPhoto li a:hover{color:#fff;background:#FF6600}
.photo{float:left}

#wrexham  {margin-top:2em;}
#wrexham ul li{margin-left:3em; margin-bottom:1em;}
#wrexham h4 {border-bottom:1px solid #ddd;}


/* PAGE : A Propos */
#apropos{background:url('max.jpg') no-repeat 0 0}
#apropos p{width:265px}
/* Décallage de 325 pixels pour la photo */
#apropos h4,#apropos p{margin-left:325px}


/* PAGE : CV */
table.competencesInfo { text-align:center; border-collapse:collapse;}
table.competencesInfo td { border-top:1px solid #bbb;border-bottom:1px solid #ddd;}
th.niveau { text-align:center; font-style:normal; }

/* Partie Contact du CV */
#contactinfo{padding-right:15px;text-align:right;border-right:2px solid #000;width:576px}
#contactinfo em{color:#000;font-size:1.1em}
#contactinfo p{margin:0;width:100%}
/* Indice de mise à jour  du CV*/
#update{padding:18px 0 5px 0}

/* PAGE Portfolio - Image du portfolio */
.floatLeft{margin-right:23px;float:left}
.floatRight{margin-left:23px;float:right}

#portfolio div{width:600px;clear:both;border-top:1px solid #ddd;padding-top:23px}
#portfolio div p{margin-bottom:0;/* Hack pour IE 6 : */display:inline}

/* PAGE : A Propos */
#presentation {  margin-top:5em; font-size:1.3em;}
#presentation p {margin-bottom:2em;width:550px;}
/* #presentation p{width:500px}*/

p.french {border-right:1px solid #666; padding-right:2em; text-align:right;}
p.english {padding-left:2em; border-left:1px solid #666; color:#666;}