/* CSS Document */

/* * * * * * * * * * * * * * * *\
*							   *
* Realised by Damien Courmont  *
*		Copyrigth (c) 2009	   *
*							   *
\* * * * * * * * * * * * * * * *\


/* AUTRE */
* { padding:0; margin:0; }
body{text-align:left; font-family:Arial, Helvetica; font-size:11px; font-weight:bold; }
a { font-family:Arial, Helvetica; font-size:11px; font-weight:bold; }
a:link { text-decoration: none; color:#999999; }
a:active { text-decoration: none; color:#000000; }
a:visited { text-decoration: none; color:#999999; }
a:hover { text-decoration: none; font-weight: none; color:#666666; }
a img { border: none; }
img { border:none; }
li { list-style-type:none; }
#pics_random { position:absolute; left:50%; top:50%; width:400px; height:500px; margin-top:-250px; /* moitié de la hauteur */ margin-left:-200px; /* moitié de la largeur */ }
/*----------*/

/* MENU */
#menu { top:0px; left:12px; width:190px; position:fixed; overflow:scrolling; height:scrolling; }

#menu img { margin: 0 0 0 0; }

#navigation .title_niv2 { padding-top:0px; padding-left:4px; }
#navigation .title_black { padding-top:2px; }
#navigation .title_gray{ padding-top:2px; }
#navigation .toggleSubMenu { padding-top:2px; }

/* Couleur de la catégorie de projet */
#menu span.color1 { color:#6E00CE; font-size:9px; font-style:italic; } /* illustration */
#menu span.color2 { color:#FF358B; font-size:9px; font-style:italic; } /* photography */
#menu span.color3 { color:#0066FF; font-size:9px; font-style:italic; } /* graphism */ 
#menu span.color4 { color:#00a892; font-size:9px; font-style:italic; } /* webdesign */
#menu span.color5 { color:#d10000; font-size:9px; font-style:italic; } /* clothing */
#menu span.color6 { color:#9400bf; font-size:9px; font-style:italic; } /* branding */
#menu span.color7 { color:#fe8f00; font-size:9px; font-style:italic; } /* Paintings */

/*--------*/


/* CONTENT */
#content { position:absolute; top:192px; left:220px; padding-bottom:40px; width:752px; }
#content img.typo_work { display:block; vertical-align:top; margin-top:30px; }
#content span.typo_precedent { color:#777777; float:left; font-size:11px; font-family:Arial, Helvetica; font-style:italic; font-weight:600; }
#content span.typo_suivant { color:#777777; float:right; font-size:11px; font-family:Arial, Helvetica; font-style:italic; font-weight:600; }
#content span.typo_gray { color:#777777; font-size:11px; font-family:Arial, Helvetica; font-weight:bold; }
#content span.typo_black { color:#333333; font-size:11px; font-family:Arial, Helvetica; font-weight:bold; }
#content .vertical_margin { margin-top:0px; }
#content .vertical_margin2 { margin-top:-22px; }
/*--------*/

/* CONTENT PERSONNAL WORK */
#content img.personnal-work { display:block; }
/*--------*/

/* CONTENT COMMERCIAL WORK */
#content img.commercial-work { display:block; }
/*--------*/

/* CONTENT LINKS & FRIENDS */
#content li.links_friends { vertical-align:bottom; text-align:left; font-size:12px; font-family:Arial, Helvetica; font-weight:bold; margin-bottom:2x; margin-top:2px; }
#content li.links_friends a { font-family:Arial, Helvetica; font-size:12px; font-weight:bold; color:#000000; }
#content li.links_friends a:hover { text-decoration: none; font-weight: none; color:#999999; }
/*--------*/

/* CONTENT ABOUT ME / CONTACT  and HOME*/
#content div.pointilles { background: url(../img/pointilles.png) 0 2px repeat; height:9px; margin-bottom:8px; width:750px; }

#content img.about { display:block; margin-top:-2px; }
#content img.home { display:block; margin-top:-2px; }

#content table { width:752px; vertical-align:bottom; }
#content td { vertical-align:bottom; text-align:left; }
#content td.th_clients { width:130px; padding-top:10px; padding-bottom:10px; vertical-align:bottom; }
#content td.th_exhibitions { width:385px; padding-top:10px; padding-bottom:10px; vertical-align:bottom; }
#content td.th_press { width:262px; padding-top:10px; padding-bottom:10px; vertical-align:bottom; }

#content td.clients { width:130px; color:#000000; text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
#content td.exhibitions { width:385px; color:#000000; text-align:left; font-size:11px; font-family:Arial, Helvetica; font-weight:normal; }
#content td.press { width:262px; color:#000000; text-align:left; font-size:11px; font-family:Arial, Helvetica; font-weight:normal; }

#content p.about_me { color:#000000; font-size:12px; font-family:Arial, Helvetica; font-weight:normal; margin-top:10px; padding-bottom:4px; padding-left:2px; }
#content p.about_me2 { color:#000000; font-size:12px; font-family:Arial, Helvetica; font-weight:normal; margin-top:10px; padding-bottom:4px; padding-left:2px; }

#content span.mail { vertical-align:text-top; font-size:12px; font-weight:normal; }
#content span.gray { color:#777777; font-size:11px; font-family:Arial, Helvetica; font-weight:normal; }
/*--------*/

/* GALLERIE PHOTOS */
.galleria{list-style:none; width:750px; }
.galleria li{display:block; width:29px; height:23px; overflow:hidden; float:left; margin:0 10px 10px 0; }
.galleria li a{display:none; }
.galleria_wrapper { margin-bottom:-8px; }
.galleria li div{position:absolute; display:none; top:0; left:180px; }
.galleria li div img{cursor:pointer; }
.galleria li.active div img,.galleria li.active div{display:block; }
.galleria li img.thumb{cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; }

.caption{ font-style:normal;color:#444444; }
.gallery{ width:750px;}
.gallery li { width:30px;height:23px;border:1px solid #777777; margin:2px 1px;background:#000; }

#main_image{  margin:8px 0 40px 0; height:500px;width:750px; }
#main_image img{ margin-bottom:10px; }

.nav{ width:750px; text-align:center; padding-top:15px;clear:both; font-family:Arial, Helvetica; font-size:11px; font-style:italic; }
/*--------*/