/*******************************************************************/
/* hugo costard  -  kolorslab.com  - 2010 */
/***************************************************************/

/*******************************************************************/
/* STYLES COMMUNS */
/***************************************************************/


/***************************************************************/
/* hide from ie on mac */
/***************************************************************/
html, body, #website, #page {
background: none;
height: 100%;
/*overflow: hidden;*/
}

/***************************************************************/
/* end hide */
/***************************************************************/

body {
background: #000;
/*font-family: 100% Helvetica, Arial, sans-serif;*/
margin: 0;
padding:0;
}

/***************************************************************/
/* sections en html5 */
/***************************************************************/

header, nav, footer, figure, section {
display: block;
}

/* wrapper */ 

#wrapper {  
min-height: 1370px;
background: #000;
}

/* content */ 

#content {
width: 1204px; 
height: 1370px;
margin: 0 auto;
padding-top: 10px;
}

/* header */ 

header {
position: relative;
width: 1204px;
height: 235px;
}

/* section */ 

section {
clear: both;
background: url(imgs/visuel.png) center top no-repeat;
position: relative;
width: 1204px;
height: 737px;
}

/* footer */ 

footer {
clear: both;
background: url(imgs/footer.png) center top no-repeat;
width: 1204px;
height: 398px;
}

footer nav {
position: absolute;
margin-left: 440px;
top: 1032px;
bottom: 15px;
font-family: 'GraublauWeb', sans-serif;
font-size: 12px;
}

footer nav a {
position: relative;
color: white;
text-decoration: none;
padding: 4px 12px;
}

footer nav a:hover, footer nav a:focus {
text-decoration: none;
background-color: rgba(255,255,255,0.1);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color:#33beec;
}

footer nav a[href^="http:"]:hover {
background-image: url(imgs/puce_fleche_footer.gif);
/*background-position: 5px 10px;*/
background-position: 4px 50%;
background-repeat: no-repeat;
}

/***************************************************************/
/* CONTENEUR PORTFOLIO FLASH */
/***************************************************************/			

#page {  
background: #000;
display:block;
height: 1370px;
width: 1204px;
margin:0px auto;
}

#website {
visibility:hidden;
}

/***************************************************************/
/* CONTENEUR PUB ADSENSE */
/***************************************************************/

#adsense {
clear: both;
height: 100px;
margin-left: 238px;
padding-top: 35px;
}

/**********************************************************************/
/* @font-face GraublauWeb - Free Font by http://www.fonts.info */
/********************************************************************/ 

@font-face {
font-family: 'GraublauWeb';
src: url('../graublauweb-webfont.eot');
src: local('GraublauWeb'), url('../graublauweb-webfont.woff') format('woff'), url('../graublauweb-webfont.ttf') format('truetype'), url('../graublauweb-webfont.svg#webfontdfdJkSKU') format('svg'), url('../graublauweb-webfont.otf') format('otf');
font-weight: normal;
font-style: normal;
/*font-size-adjust: 0.54;*/
}

.GraublauWeb-Regular {
font-weight: normal;
font-style: normal;
line-height:normal;
font-family: 'GraublauWeb', sans-serif;
}

span {
color: #666;
display: block;
font-size: 0.8em;
margin: 0;
padding: 0;
} 

/***************************************************************/
/* paragraphes */
/***************************************************************/

h1 { 
display: inline-block;
margin: 50px 0 15px 40px ;
font-family: 'GraublauWeb', sans-serif;
font-size: 4em; 
line-height: 0.8;
color: #fff;
text-shadow: 0px 0px 1px #999; 
}

h1 span { 
display: inline-block;
font-family: 'GraublauWeb', sans-serif;
font-size: 0.4em; 
text-shadow: none; 
} 

h1 a, h1 a:visited {
color: #fff;
text-decoration: none;
}

h1 a:hover, h1 a:focus {
color: #0a2023;
text-decoration: none;
outline: none;
text-shadow: 0px 0px 7px #fff; 
}

h2.GraublauWeb-Regular { 
color: #33beec;
font-family: 'GraublauWeb', sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.4em;
margin: 9px 0 0  17px; 
} 

h3 {
color: #6CC;
display: block;
font-size: 1.65em;
margin: 200px 0 0  240px;
} 

h4 { 
color: #666;
font-family: 'GraublauWeb', sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.7em;
margin: 15px 0 0  17px; 
} 

h4 a, h4 a:visited {
color: #528fab;
text-decoration: none;
text-shadow: 0px 0px 2px #999; 
}

h4 a:hover, h4 a:focus {
color: #e7e7e7;
text-decoration: none;
outline: none;
text-shadow: none; 
}

/***************************************************************/
/* liens sur images */
/***************************************************************/
 
a img { 
border: none; 
background:none;
} 
 
/***************************************************************/
/* liste par défaut */
/***************************************************************/

ul, ol { 
margin: .75em 0 .75em 10px; 
padding: 0; 
list-style-type: none;
} 

li {
margin-bottom: 7px;
padding: 0px;
font-size: 14px;
}

ul# li{ 
font-family: 'GraublauWeb', sans-serif;
margin:0; 
padding:0px; 
display:block; 
float:left; 
position:relative; 
width:330px;
}
	

/* END */