/* ---------------------------------------------
   RESET CSS */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, abbr, address, cite, code, del, dfn, em, img, 
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 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; }

ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* END RESET CSS 
   --------------------------------------------- */

/* ---------------------------------------------
   DEFAULT STYLES */

body { 
	font:13px/1.231 sans-serif; *font-size:small; /* hack retained to preserve specificity */
}

select, input, textarea, button { font:99% sans-serif; }

body, select, input, textarea { 
	color: #444;
	font-size:.85em;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

html { overflow-y: scroll; }

a { outline: none; }

a, a:active, a:visited { color: #0077cc; }
a:hover { color: #0099cc; text-decoration:underline; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

#nav ul, #nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
 
textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE: */
button { width: auto; overflow: visible; }
button { color:#444; font-size:10px; font-family:Arial, "Trebuchet MS"; }
 
.ie7 img { -ms-interpolation-mode: bicubic; }


/* END DEFAULT STYLES
   --------------------------------------------- */

/* ---------------------------------------------
   START TOUT SHOOT STYLES */
body {
	background:#fff url('../img/bg_new_new.png') no-repeat center -50px;
}

@font-face {
	font-family: 'bentonmoddispsemibold';
	src: url('./bentonmoddisp-semibold-webfont.woff2') format('woff2'),
			 url('./bentonmoddisp-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.insta-link {
	position: absolute;
	display: inline-flex;
	align-items: center;
	top: 657px;
  right: 339px;
	color: #505050 !important;
	text-decoration: none;
	font-family: 'bentonmoddispsemibold', Arial, sans-serif;
	font-size: 17px;
	line-height: 1;
}

.insta-link:hover {
	text-decoration: none;
	color: #8c8689 !important;
}
.insta-link:hover > svg {
	fill: #8c8689;
}

.insta-link > svg {
	width: 22px;
	height: 22px;
	margin-left: 6px;
	margin-top: -2px;
	fill: #505050;
}

#main { display:block; margin:0 auto; height:842px; width:980px; position:relative; }
	
	.ie6 #portfolio1, .ie6 #portfolio2, .ie6 #mainContact,
	.ie7 #portfolio1, .ie7 #portfolio2, .ie7 #mainContact { background:url('../img/pixel-blanc-40-pourcent.png') repeat top left; }
	
	#content { position:relative; z-index:1; height:1px; }
	
	#content #portfolio1, #content #portfolio2, #content #mailContact { display:block; position:absolute; cursor:pointer; text-indent:-9999px; }
	#content #portfolio1 { width:115px; height:20px; top:362px; left:85px; }
	#content #portfolio2 { width:115px; height:20px; top:400px; left:85px;  }
	#content #mailContact { width:130px; height:35px; top:685px; right:340px; }
	#content #portfolio1:hover, #content #portfolio2:hover, #content #mailContact:hover { background:url('../img/pixel-blanc-40-pourcent.png') repeat top left; }
	
	#content h1 { /*display:block;*/ /*text-indent:-9999em;*/ }
	#content .desc { /*display:block;*/ /*text-indent:-9999em;*/ }
	#content .coord { /*display:block;*/ /*text-indent:-9999em;*/ }
	#content h1, #content .desc, #content .coord { display:none; }
	
	
	/* Mini Slideshow STYLES */
  
	#slideshow {  }
	
		#sdOverlay, #sdWraper, #sdContent, #sdPrev, #sdNext, #sdClose { display:none; }
	
		#sdOverlay { position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; }
		
		#sdHiddenOverlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:0; }
			.ie6 #sdHiddenOverlay { position:absolute; width:2000px; height:2000px; top:-50px; left:-500px; background:url('../img/pixel-noir-40-pourcent.png') repeat top left; }
		#sdWraper { position:relative; top:50%; padding:70px 120px; margin:0 auto; height:auto; display:block; width:200px; height:200px; /*zomm:1;*/ background-color:#fff; overflow:hidden; }
			.ie6 #sdWraper, .ie7 #sdWraper { top:20px; }
			
		#sdContent { margin:0 auto; display:block; height:auto; width:100%; overflow:hidden; }
		#sdLoading { display:none; width:100%; height:100%; position:absolute; z-index:99999; top:0; left:0; background:#fff url('../img/loading.gif') no-repeat center center; }
			.ie6 #sdLoading { left:30%; }
			.ie7 #sdLoading { height:2000px; }
		
		#sdPrev, #sdNext, #sdClose { cursor:pointer; position:absolute; width:50px; height:50px; text-indent:-9999px; }
		#sdPrev { left:20px; bottom:73px; background:url('../img/sprite_btns.png') no-repeat bottom left; }
		#sdPrev.hover { background-position:bottom right; }
		
		#sdNext { right:20px; bottom:73px; background:url('../img/sprite_btns.png') no-repeat center left; }
		#sdNext.hover { background-position:center right; }
		
		#sdClose { right:10px; top:10px; background:url('../img/sprite_btns.png') no-repeat top left; }
		#sdClose.hover { background-position:top right; }
		

#loadingBay1, #loadingBay2 { position:absolute; top:-9999px; display:none; visibility:hidden; }

body > #sd1, body > #sd2 {
  visibility: hidden;
  position: absolute;
  top: 0;
  width: 470px;
  height: 650px;
  overflow: hidden;
}

/* END TOUT SHOOT STYLES
   --------------------------------------------- */



.hidden { display: none; visibility: hidden; }
.invisible { visibility: hidden; }

/* Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
	content: "\0020"; display: block; height: 0; visibility: hidden;	
}

.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ---------------------------------------------
   Styles pour les écrans dont la width est inférieure à 640px 
--------------------------------------------- */
@media (max-width: 640px) { 

	/* passer tous les éléments de largeur fixe en largeur automatique */ 
	body {
		width:auto !important;
		margin:auto !important;
		padding:auto !important;
		background-position:-115px -52px;
	}

	#sdOverlay {
		width:1000px;
		height:1000px;
	}
	
	/* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */ 
	img, table, td, blockquote, code, pre, textarea, input, object, embed, video { 
		max-width: 100% !important; 
	}
	#sdWraper {
		top:25%;
	}

}
	

/* END MOBILE STYLES
   --------------------------------------------- */