@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:#E6E6E6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
}



A:link { text-decoration: none; color: #F60 }
A:active { text-decoration: none; color: #F60; }
A:visited { text-decoration: none; color: #F60; }




.container {
    width: 1120px;
    margin: 0 auto;
    overflow: hidden;
    background:#E6E6E6;
    font-size: 1.2em;
    position: relative;
}


#navigazione {
    width: 140px;
    position: fixed; 
    float: left; 
	padding: 30px 10px 10px;
}

#content {
    float: right; 
    width: 920px;
    padding: 0 10px 10px;
}

*html #navigazione {
    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: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 27px;
	font-style:italic;
	color:#666;
	display:inline;
} 

h2{
	text-align: left;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 20px;
	font-style:italic;
	color:#666;
	display:inline;
} 

h3{
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 20px;
	color:#F60;
	display:inline;
} 

h4{
	text-align: left;
	text-decoration : none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 12px;
	color:#666;
	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:#666;
	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:#F60;
display:inline;
line-height:normal;
}


h6{
	text-align:left;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 17px;
	color:#666;
	display:inline;
	line-height:normal;
}

h7{
	text-align: left;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size : 35px;
	font-style:italic;
	color:#666;
	display:inline;
}


/* Menu gauche*/
#logo{
	height:60px;
	padding-top:30px;
	padding-left:0px;
}

.linemenu{
	background:#666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	width:160px;
	height:10px;
}


#menu{
	background-color:#E6E6E6;
	height:100px;
	padding-top:10px;
	padding-bottom:20px;
}


#sidenav {
    width: 180px;
    position: fixed; 
    float: left; 
	padding: 30px 10px 10px;
}









.azienda{
width:120px;
height:37px;
background-image:url(images/menu/azienda.png);
background-repeat:no-repeat;
background-position:left;
}

.azienda:hover{
width:120px;
height:37px;
background-image:url(images/menu/azienda.png);
background-repeat:no-repeat;
background-position:right;
}


.portfolio{
width:120px;
height:37px;
background-image:url(images/menu/portfolio.png);
background-repeat:no-repeat;
background-position:left;
}

.portfolio:hover{
width:120px;
height:37px;
background-image:url(images/menu/portfolio.png);
background-repeat:no-repeat;
background-position:right;
}


.contatti{
width:120px;
height:37px;
background-image:url(images/menu/contatti.png);
background-repeat:no-repeat;
background-position:left;
}

.contatti:hover{
width:120px;
height:37px;
background-image:url(images/menu/contatti.png);
background-repeat:no-repeat;
background-position:right;
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* General*/
.whitespacelarge{
	height:800px;
	width:920px;
}

.spazio_foto{
	height:50px;
	width:920px;
}

.whitespacesmall{
	height:250px;
	width:920px;
}

.titrepartie{
	height:85px;
	width:920px;
	padding-top:105px;
}

.lineintro{
	background:#666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	width:920px;
	height:10px;
	margin-bottom:10px;
}

.vai_su{
float:right;
width:920px;
height:20px;
}

.top{
	float:right;
	height:20px;
	width:280px;
	background-image:url(images/su1.png);
	background-position:left;
	background-repeat:no-repeat;
}

.top:hover{
	float:right;
	height:20px;
	width:280px;
	background-image:url(images/su2.png);
	background-position:right;
	background-repeat:no-repeat;
}



/* Introduction*/
#intro{
	height:310px;
	background-color:#E6E6E6;
	padding-top:110px;
	padding-bottom:20px;
}

.divisione1{
	background:#666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	width:920px;
	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;
}





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

#portfolio{
	background-color:#E6E6E6;
}

.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;
}



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

#awards{
	background-color:#E6E6E6;
}

.lineawards {
	height:180px;
}




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

#photos{
	background-color:#E6E6E6;
}

.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:#E6E6E6;
}

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



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

#copyright{
	padding:5px;
}