@charset "utf-8";
/* CSS Document */

@import url(commun.css) ;

body {font-family: Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;color: #C32A8E; overflow:visible; padding:0; }
a {color: #C32A8E; text-decoration:none; overflow-y:scroll; overflow-x:none;}

#main {width:860px; margin-left:auto; margin-right:auto;}

img {border: none;}
h1, h1 a{font-size:11px; font-weight:normal; margin-top: 17px; width:110px; height: 24px; text-decoration:none; border:none;}
h1 img {margin: 0px; padding:0px; margin-right: 3px; margin-left: -1px;}
h2 {display : none;}
h3, h3 a{font-size:10px; font-weight:normal; margin: 15px 0 3px 0; text-align:center; text-decoration:none;}
h5, h5 a{font-size:10px; font-weight:normal; margin: 30px 0 3px 0; margin-left: 3px; width:inerhit; text-align:right; text-decoration:none;}
br.espace {margin-bottom: 10px;}

#nom {width: 120px; float: left; height: 30px; margin-top: 300px; border: 1px #FFFFFF solid; cursor:default;}

#fonction1 {width: 170px; float: left; margin: 270px 0 0 0; background:url(images/portfolio/portfolio_web-b.gif) center bottom no-repeat; padding: 30px 0 33px 0; text-align: center;}
#fonction1 img {display:none;}
#fonction1:hover {margin-top : 1px; height: auto;display:block;}
#fonction1:hover img {display: block; margin: auto;}
#fonction1 h3 {background:url(images/portfolio/portfolio_web-h.gif) center top no-repeat;height: 30px;display:block; padding: 0; margin: 0;}
#fonction1 span {display:none;}

#fonction2 {width: 180px; float: left; margin: 270px 0 0 0; background:url(images/portfolio/portfolio_graphics-b.gif) center bottom no-repeat; padding: 30px 0 33px 0; text-align: center;}
#fonction2 img {display:none;}
#fonction2:hover {margin-top : 1px; height: auto;display:block;}
#fonction2:hover img {display: block; margin: auto;}
#fonction2 h3 {background:url(images/portfolio/portfolio_graphics-h.gif) center top no-repeat;height: 30px;display:block; padding: 0; margin: 0;}
#fonction2 span {display:none;}

#fonction3 {width: 170px; float: left; margin: 270px 0 0 0; background:url(images/portfolio/portfolio_video-b.gif) center bottom no-repeat; padding: 30px 0 33px 0; text-align: center;}
#fonction3 img {display:none;}
#fonction3:hover {margin-top : 1px; height: auto;display:block; min-height: 299px;}
#fonction3:hover img {display: block; margin: auto;}
#fonction3 h3 {background:url(images/portfolio/portfolio_video-h.gif) center top no-repeat; height: 30px; display:block; padding: 0; margin: 0;}
#fonction3 span {display:none;}

#fonction4 {width: 170px; float: left; margin: 270px 0 0 0; background:url(images/portfolio/portfolio_and-b.gif) center bottom no-repeat; padding: 30px 0 33px 0; text-align: center;}
#fonction4 img {display:none;}
#fonction4:hover {margin-top : 1px; height: auto;display:block; min-height: 299px;}
#fonction4:hover img {display: block; margin: auto;}
#fonction4 h3 {background:url(images/portfolio/portfolio_and-h.gif) left top no-repeat; height: 30px; display:block; padding: 0; margin: 0;}
#fonction4 span {display:none;}

#bio {width:140px; float: right; text-align:right; padding-right:60px;}