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

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;
}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Fin du reset du document*/

body {
    background-color:#F2F2F2;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
}
.container {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    background:#F2F2F2;
    font-size: 1.2em;
    position: relative;
}
#sidenav {
    width: 220px;
    position: fixed; /*--Fix the sidenav to stay in one spot--*/
    float: left; /*--Keeps sidenav into place when Fixed positioning fails--*/
	padding: 0 10px 10px;
}
#content {
    float: right; /*--Keeps content to the right side--*/
    width: 700px;
    padding: 0 10px 10px;
}

*html #sidenav {
    position: absolute;
    left: expression( ( 0   ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) )   'px' );
    top: expression( ( 0   ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) )   'px' );
}


/* Textes*/
h1{
text-align: left;
text-decoration : none;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size : 27px;
font-style:italic;
color:#333333;
display:inline;
} 

h2{
text-align: left;
text-decoration : none;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size : 20px;
font-style:italic;
color:#333333;
display:inline;
} 

h3{
text-align: left;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size : 20px;
font-style:italic;
color:#00C3DB;
display:inline;
} 

h4{
text-align: left;
text-decoration : none;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size : 12px;
color:#333333;
display:inline;
line-height:normal;
} 
h4 a:link{
text-align: left;
text-decoration : none;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size : 12px;
color:#333333;
display:inline;
line-height:normal;
}
h4 a:hover{
text-align: left;
text-decoration : none;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size : 12px;
color:#00c3db;
display:inline;
line-height:normal;
}

h6{
text-align:left;
text-decoration: none;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size: 17px;
color:#333333;
display:inline;
line-height:normal;
}

h7{
text-align: left;
text-decoration : none;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size : 35px;
font-style:italic;
color:#333333;
display:inline;
}


/* Menu gauche*/
#logotype{
	height:140px;
	background-color:#F2F2F2;
	padding-top:50px;
	padding-left:80px;
}
.linemenu{
	background:#333333;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	width:220px;
	height:10px;
}
#menu{
	background-color:#F2F2F2;
	height:185px;
	padding-top:20px;
	padding-bottom:35px;
}
.menuportfolio{
width:180px;
height:37px;
background-image:url(images/menuportfolio.png);
background-repeat:no-repeat;
background-position:left;
}
.menuportfolio:hover{
width:180px;
height:37px;
background-image:url(images/menuportfolio.png);
background-repeat:no-repeat;
background-position:right;
}
.menuresume{
width:180px;
height:37px;
background-image:url(images/menuresume.png);
background-repeat:no-repeat;
background-position:left;
}
.menuresume:hover{
width:180px;
height:37px;
background-image:url(images/menuresume.png);
background-repeat:no-repeat;
background-position:right;
}
.menuphotos{
width:180px;
height:37px;
background-image:url(images/menuphotos.png);
background-repeat:no-repeat;
background-position:left;
}
.menuphotos:hover{
width:180px;
height:37px;
background-image:url(images/menuphotos.png);
background-repeat:no-repeat;
background-position:right;
}
.menuabout{
width:180px;
height:37px;
background-image:url(images/menuabout.png);
background-repeat:no-repeat;
background-position:left;
}
.menuabout:hover{
width:180px;
height:37px;
background-image:url(images/menuabout.png);
background-repeat:no-repeat;
background-position:right;
}
.menucontact{
width:180px;
height:37px;
background-image:url(images/menucontact.png);
background-repeat:no-repeat;
background-position:left;
}
.menucontact:hover{
width:180px;
height:37px;
background-image:url(images/menucontact.png);
background-repeat:no-repeat;
background-position:right;
}


/* General*/
.whitespacelarge{
	height:800px;
	width:700px;
}
.whitespacesmall{
	height:250px;
	width:700px;
}
.titrepartie{
	height:85px;
	width:700px;
	padding-top:105px;
}
.lineintro{
	background:#333333;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	width:700px;
	height:10px;
	margin-bottom:10px;
}
.linetop{
float:right;
width:700px;
height:11px;
}
.top{
	float:right;
	height:11px;
	width:114px;
	background-image:url(images/top.png);
	background-position:left;
	background-repeat:no-repeat;
}
.top:hover{
	float:right;
	height:11px;
	width:114px;
	background-image:url(images/top.png);
	background-position:right;
	background-repeat:no-repeat;
}



/* Introduction*/
#intro{
	height:310px;
	background-color:#F2F2F2;
	padding-top:110px;
	padding-bottom:20px;
}
.linecontent{
	background:#333333;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	width:700px;
	height:10px;
	margin-bottom:20px;
}


/* Réseaux sociaux*/
#linenetworks{
width:690px;
height:16px;
padding-left:10px;
}

ul {
padding:0;
margin:0;
list-style-type:none;
}
li {
float:left;
}
li a{
text-decoration:none;
}
a img{
border:none;
}
.socialtwitter{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logotwitter.png);
background-repeat:no-repeat;
background-position:left;
}
.socialtwitter:hover{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logotwitter.png);
background-repeat:no-repeat;
background-position:right;
}
.socialflickr{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logoflickr.png);
background-repeat:no-repeat;
background-position:left;
}
.socialflickr:hover{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logoflickr.png);
background-repeat:no-repeat;
background-position:right;
}
.socialtumblr{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logotumblr.png);
background-repeat:no-repeat;
background-position:left;
}
.socialtumblr:hover{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logotumblr.png);
background-repeat:no-repeat;
background-position:right;
}
.socialcargo{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logocargo.png);
background-repeat:no-repeat;
background-position:left;
}
.socialcargo:hover{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logocargo.png);
background-repeat:no-repeat;
background-position:right;
}
.socialvimeo{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logovimeo.png);
background-repeat:no-repeat;
background-position:left;
}
.socialvimeo:hover{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logovimeo.png);
background-repeat:no-repeat;
background-position:right;
}
.socialdelicious{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logodelicious.png);
background-repeat:no-repeat;
background-position:left;
}
.socialdelicious:hover{
width:115px;
height:16px;
margin-bottom:5px;
background-image:url(images/logodelicious.png);
background-repeat:no-repeat;
background-position:right;
}


/* Portfolio*/
ul.listeportfolio {
padding:0;
margin:0;
list-style-type:none;
}
li {
float:left;
}
li a{
color:#333333;
text-decoration:none;
}

#portfolio{
	background-color:#F2F2F2;
}

.lineportfolio {
	height:220px;
}

.boxtextsmall {
	padding:20px;
	background:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:118px;
	height:158px;
}

.boxtextlarge {
	padding:20px;
	background:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:298px;
	height:158px;
}

.boximage27 {
	background-image: url(images/portfolio_27.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage27:hover {
	background-image: url(images/portfolio_27.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage26 {
	background-image: url(images/portfolio_26.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage26:hover {
	background-image: url(images/portfolio_26.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage25 {
	background-image: url(images/portfolio_25.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage25:hover {
	background-image: url(images/portfolio_25.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage24 {
	background-image: url(images/portfolio_24.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage24:hover {
	background-image: url(images/portfolio_24.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage23 {
	background-image: url(images/portfolio_23.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage23:hover {
	background-image: url(images/portfolio_23.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage22 {
	background-image: url(images/portfolio_22.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage22:hover {
	background-image: url(images/portfolio_22.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage21 {
	background-image: url(images/portfolio_21.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage21:hover {
	background-image: url(images/portfolio_21.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage20 {
	background-image: url(images/portfolio_20.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage20:hover {
	background-image: url(images/portfolio_20.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage19 {
	background-image: url(images/portfolio_19.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage19:hover {
	background-image: url(images/portfolio_19.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage18 {
	background-image: url(images/portfolio_18.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage18:hover {
	background-image: url(images/portfolio_18.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage17 {
	background-image: url(images/portfolio_17.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage17:hover {
	background-image: url(images/portfolio_17.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage16 {
	background-image: url(images/portfolio_16.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage16:hover {
	background-image: url(images/portfolio_16.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage15 {
	background-image: url(images/portfolio_15.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage15:hover {
	background-image: url(images/portfolio_15.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boxtextsmall14 {
	padding:20px;
	background:#e6e6e6;
	background-image:url(images/portfolio_14_.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:118px;
	height:158px;
}
.boximage14 {
	background-image: url(images/portfolio_14.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage14:hover {
	background-image: url(images/portfolio_14.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage13 {
	background-image: url(images/portfolio_13.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage13:hover {
	background-image: url(images/portfolio_13.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage12 {
	background-image: url(images/portfolio_12.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage12:hover {
	background-image: url(images/portfolio_12.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage11 {
	background-image: url(images/portfolio_11.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage11:hover {
	background-image: url(images/portfolio_11.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage10 {
	background-image: url(images/portfolio_10.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage10:hover {
	background-image: url(images/portfolio_10.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage09 {
	background-image: url(images/portfolio_09.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage09:hover {
	background-image: url(images/portfolio_09.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage08 {
	background-image: url(images/portfolio_08.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage08:hover {
	background-image: url(images/portfolio_08.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage07 {
	background-image: url(images/portfolio_07.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage07:hover {
	background-image: url(images/portfolio_07.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage06 {
	background-image: url(images/portfolio_06.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage06:hover {
	background-image: url(images/portfolio_06.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage05 {
	background-image: url(images/portfolio_05.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage05:hover {
	background-image: url(images/portfolio_05.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage04 {
	background-image: url(images/portfolio_04.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage04:hover {
	background-image: url(images/portfolio_04.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage03 {
	background-image: url(images/portfolio_03.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage03:hover {
	background-image: url(images/portfolio_03.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage02 {
	background-image: url(images/portfolio_02.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage02:hover {
	background-image: url(images/portfolio_02.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:198px;
}
.boximage01 {
	background-image: url(images/portfolio_01.png);
	background-repeat: no-repeat;
	background-position:left;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}
.boximage01:hover {
	background-image: url(images/portfolio_01.png);
	background-repeat: no-repeat;
	background-position:right;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:338px;
	height:198px;
}


/* Portfolio*/
ul.listeawards {
padding:0;
margin:0;
list-style-type:none;
}
li {
float:left;
}
li a{
color:#333333;
text-decoration:none;
}

#awards{
	background-color:#F2F2F2;
}

.lineawards {
	height:180px;
}

.boxawards01 {
	padding:105px 20px 20px 20px;
	background:#e6e6e6;
	background-image:url(images/awards_01.png);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:178px;
	height:33px;
	text-align:center;
}
.boxawards02 {
	padding:105px 20px 20px 20px;
	background:#e6e6e6;
	background-image:url(images/awards_02.png);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:178px;
	height:33px;
	text-align:center;
}
.boxawards03 {
	padding:105px 20px 20px 20px;
	background:#e6e6e6;
	background-image:url(images/awards_03.png);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:178px;
	height:33px;
	text-align:center;
}
.boxawards04 {
	padding:105px 20px 20px 20px;
	background:#e6e6e6;
	background-image:url(images/awards_04.png);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:178px;
	height:33px;
	text-align:center;
}
.boxawards05 {
	padding:105px 20px 20px 20px;
	background:#e6e6e6;
	background-image:url(images/awards_05.png);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:178px;
	height:33px;
	text-align:center;
}
.boxawards06 {
	padding:105px 20px 20px 20px;
	background:#e6e6e6;
	background-image:url(images/awards_06.png);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:178px;
	height:33px;
	text-align:center;
}


/* Jobs*/
ul.listejobs {
padding:0;
margin:0;
list-style-type:none;
}

.linejobshigh {
	height:120px;
}
.linejobslow {
	height:100px;
}

#resume{
	background-color:#F2F2F2;
}

.boxtextjobslarge {
	padding:20px;
	width:538px;
	background:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.boxtextjobsmedium {
	padding:20px;
	width:478px;
	background:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.boxtextjobssmall {
	padding:20px;
	width:418px;
	background:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

.boxlogo09 {
	background-image: url(images/jobs_09.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:20px;
	width:98px;
	height:78px;
	background-color:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.boxlogo08 {
	background-image: url(images/jobs_08.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:20px;
	width:218px;
	height:98px;
	background-color:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.boxlogo07 {
	background-image: url(images/jobs_07.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:20px;
	width:98px;
	height:98px;
	background-color:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.boxlogo06 {
	background-image: url(images/jobs_06.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:20px;
	width:218px;
	height:98px;
	background-color:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.boxlogo05 {
	background-image: url(images/jobs_05.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:20px;
	width:98px;
	height:78px;
	background-color:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.boxlogo04 {
	background-image: url(images/jobs_04.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:20px;
	width:158px;
	height:98px;
	background-color:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.boxlogo03 {
	background-image: url(images/jobs_03.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:20px;
	width:218px;
	height:98px;
	background-color:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.boxlogo02 {
	background-image: url(images/jobs_02.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:20px;
	width:158px;
	height:98px;
	background-color:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.boxlogo01 {
	background-image: url(images/jobs_01.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:20px;
	width:218px;
	height:98px;
	background-color:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}


/* Studies*/
#studies{
	background-color:#F2F2F2;
}

ul.listestudies {
padding:0;
margin:0;
list-style-type:none;
}

.boxtextstudies {
	padding:20px;
	width:178px;
	height:158px;
	background:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}


/* Photos*/
ul.listephotos {
padding:0;
margin:0;
list-style-type:none;
}

#photos{
	background-color:#F2F2F2;
}

.linephotos {
	height:180px;
}

.boxtextphotos {
	padding:20px;
	background:#e6e6e6;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:118px;
	height:118px;
}
.boxtextphotos:hover {
	padding:20px;
	background-image: url(images/photos.png);
	background-repeat:no-repeat;
	background-position:center;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:118px;
	height:118px;
}
.boxphoto11 {
	background-image: url(images/annecy_fifa_01.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}
.boxphoto10 {
	background-image: url(images/annecy_fifa_02.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}
.boxphoto09 {
	background-image: url(images/paris_summer_01.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}
.boxphoto08 {
	background-image: url(images/paris_summer_02.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}
.boxphoto07 {
	background-image: url(images/lyon_00.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}
.boxphoto06 {
	background-image: url(images/paris_winter_01.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}
.boxphoto05 {
	background-image: url(images/paris_winter_02.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}
.boxphoto04 {
	background-image: url(images/paris_winter_03.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}
.boxphoto03 {
	background-image: url(images/annecy_00.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}
.boxphoto02 {
	background-image: url(images/nz_01.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}
.boxphoto01 {
	background-image: url(images/nz_02.png);
	background-repeat: no-repeat;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	width:158px;
	height:158px;
}


/* About*/
#about{
	background-color:#F2F2F2;
}

#presentation{
	padding:0px 10px;
	height:220px;
}



/* Footer*/
#footer{
	background-color:#F2F2F2;
}

#copyright{
	padding:5px;
}