/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; font-family:Helvetica,Arial,Sans-Serif;}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

html, body {border: 0; margin: 0; padding: 0;}
h2 {text-indent: -7888px;}

html {
	background: #ffffff url(images/gris.png) repeat-x;
	text-align: center;
}

body {
	padding-top: 40px;
	background: url(images/lignes.png) no-repeat center top;
	width: 902px;
	margin: 0 auto;
	position: relative;
  	text-align: left;
	display: table;
}
a:active, a:focus{
      outline:none;
}



#content {
	position: relative;
  	width: 100%;
	padding: 0px;
}

#gallery {
	position: relative;
	width: 902px;
	height: 376px;
	background: url(images/photo-gallery-fond.png) no-repeat center top;
}
#contact-area {
	position: relative;
	width: 902px;
	height: 376px;
	background: url(images/back-contact.jpg) no-repeat center top;
}
#legal-area {
	position: relative;
	width: 902px;
	height: 376px;
	background: url(images/back-legal.jpg) no-repeat center top;
}
#legal-area a {
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

#left{
	position:absolute;
	left: 52px;
	top:100px;
	width: 400px;
}
#right{
	position:absolute;
	left: 460px;
	top:100px;
	width: 400px;
}

#thumbs {
	position: absolute;
	left: 212px;
	text-align: center;
}

#galleries {
	position: absolute;
	left: 20px;
	text-align: center;
}


ul#links-gallery {
position: absolute;
top: 70px;
}
#links-gallery li {
    margin: 0;
    padding: 0;
	text-indent: -8989px;
}

#links-gallery li#gallery1 a:link, #links-gallery li#gallery1 a:visited {
    display: block;
    height: 27px;
    width: 181px;
	background:transparent url(images/gallery1.png) 0 -27px;
    padding: 0;
}

#links-gallery li#gallery1 a:hover, #links-gallery li#gallery1 a.active {
	background:transparent url(images/gallery1.png);
    padding: 0;
} 

#links-gallery li#gallery2 a:link, #links-gallery li#gallery2 a:visited {
    display: block;
    height: 27px;
    width: 181px;
    background:transparent url(images/gallery2.png) 0 -27px;
    padding: 0;
}

#links-gallery li#gallery2 a:hover, #links-gallery li#gallery2 a.active {
    background:transparent url(images/gallery2.png);
    padding: 0;
} 

#links-gallery li#gallery3 a:link, #links-gallery li#gallery3 a:visited {
    display: block;
    height: 27px;
    width: 181px;
    background:transparent url(images/gallery3.png) 0 -27px;
    padding: 0;
}

#links-gallery li#gallery3 a:hover, #links-gallery li#gallery3 a.active {
    background:transparent url(images/gallery3.png);
    padding: 0;
} 

div#contact-gallery {
	position: absolute;
	top: 141px;
	left: 20px;
  	width: 181px;
  	height: 196px;
  	text-indent: -8989px;
}

a.contact-hover:hover {
background-position: 0 -196px;
}

a.contact-hover {
background:transparent url(images/gallery-contact.png) no-repeat scroll 0 0;
display:block;
height:196px;
text-decoration:none;
width:181px;
text-indent: -8989px;

}


a.vignette img {
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;
}

a.vignette:hover img{
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}

#photos {
	position: absolute;
	top: 120px;
}

div#branding {
	position: absolute;
	top: 20px;
  	width: 256px;
  	height: 72px;
  	left: 0;
}

#branding h1{
	text-indent: -8989px;
}
#branding p{
	text-indent: -8987px;
}

ul#language {
position: absolute;
top: -26px;
right: 4px;
}
#language li {
    margin: 0;
    padding: 0;
    display: inline;
	text-indent: -8989px;
}

#language li#english a:link, #language li#english a:visited {
    display: block;
    float: left;
    height: 25px;
    width: 46px;
    background:#fff url(images/english.png);
    padding: 0;
}

#language li#english a:hover, #language li#english a.active {
    background:#fff url(images/english.png) 0 -25px;
    padding: 0;
} 

#language li#francais a:link, #language li#francais a:visited {
    display: block;
    float: left;
    height: 25px;
    width: 46px;
    background:#fff url(images/francais.png);
    padding: 0;
}

#language li#francais a:hover, #language li#francais a.active {
    background:#fff url(images/francais.png) 0 -25px;
    padding: 0;
} 

ul#navigation {
position: absolute;
top: 40px;
right: 0;
}
#navigation li {
    margin: 0;
    padding: 0;
    display: inline;
	text-indent: -8989px;
}


#navigation li#home a:link, #navigation li#home a:visited {
    display: block;
    float: left;
    height: 34px;
    width: 67px;
    background:#fff url(images/home.png);
    padding: 0;
}

#navigation li#home a:hover, #navigation li#home a.active {
    background:#fff url(images/home.png) 0 -34px;
    padding: 0;
} 


#navigation li#portfolio a:link, #navigation li#portfolio a:visited {
    display: block;
    float: left;
    height: 34px;
    width: 105px;
    background:#fff url(images/portfolio.png);
    padding: 0;
}

#navigation li#portfolio a:hover, #navigation li#portfolio a.active {
    background:#fff url(images/portfolio.png) 0 -34px;
    padding: 0;
} 

#navigation li#contact a:link, #navigation li#contact a:visited {
    display: block;
    float: left;
    height: 34px;
    width: 90px;
    background:#fff url(images/contact.png);
    padding: 0;
}

#navigation li#contact a:hover, #navigation li#contact a.active {
    background:#fff url(images/contact.png) 0 -34px;
    padding: 0;
} 

#footer {
	position: absolute;
	top: 600px;
	width: 902px;
	border-top:1px dashed #DFDFDF;
}


#links {
display:inline;
float:left;
margin:17px 0 0 22px;
}
#links ul {
list-style-type:none;
}
#links li {
float:left;
padding:0 10px;
}

#links a {
color:#505050;
display:block;
float:left;
font-family:Helvetica,Arial,Sans-Serif;
font-size:12px;
padding-bottom:2px;
text-decoration:none;
}
#links a:hover, #links a:active {
border-bottom:3px solid #acacac;
}

#site_info {
position: absolute;
color:#505050;
right:0;
font-weight:normal;
margin:17px 22px 0 25px;
font-family:Helvetica,Arial,Sans-Serif;
font-size:12px;
letter-spacing:-0.01em;
padding-bottom:2px;
text-decoration:none;
}


#site_info a {
text-decoration:none;
color:#505050;
font-weight:bold;
}

h3 {
line-height:17px;
font-size:11px;
font-weight:bold;
color:#ffffff;
}
h4 {
font-size:11px;
font-weight:normal;
}

p {
font-size:11px;
font-weight:normal;
color:#ffffff;
}

.photos{margin:4px 0 25px 0;}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#prev6{
float:left;
cursor:pointer;
background:transparent url(../blog/previous.png) no-repeat scroll 0 0;
display:block;
height:70px;
text-decoration:none;
width:33px;
}

#prev6.active, #prev6:hover{
background-position:-33px;
}

#next6{
float:left;
cursor:pointer;
background:transparent url(../blog/next.png) no-repeat scroll 0 0;
display:block;
height:70px;
text-decoration:none;
width:33px;
}

#next6.active, #next6:hover{
background-position:-33px;
}

 #blog1{
float:left;
cursor:pointer;
background:transparent url(../blog/photography_1.png) no-repeat scroll 0 0;
display:block;
height:70px;
text-decoration:none;
width:33px;
}

#blog1.active, #blog1:hover{
background-position:-33px;
}

#blog2{
float:left;
cursor:pointer;
background:transparent url(../blog/photography_2.png) no-repeat scroll 0 0;
display:block;
height:70px;
text-decoration:none;
width:33px;
}

#blog2.active, #blog2:hover{
background-position:-33px;
}

#blog3{
float:left;
cursor:pointer;
background:transparent url(../blog/photography_3.png) no-repeat scroll 0 0;
display:block;
height:70px;
text-decoration:none;
width:33px;
}

#blog3.active, #blog3:hover{
background-position:-33px;
}

#blog4{
float:left;
cursor:pointer;
background:transparent url(../blog/photography_4.png) no-repeat scroll 0 0;
display:block;
height:70px;
text-decoration:none;
width:33px;
}

#blog4.active, #blog4:hover{
background-position:-33px;
}

#blog5{
float:left;
cursor:pointer;
background:transparent url(../blog/photography_5.png) no-repeat scroll 0 0;
display:block;
height:70px;
text-decoration:none;
width:33px;
}

#blog5.active, #blog5:hover{
background-position:-33px;
}


#month{
position:absolute;
left:150px;
width:800px;
height:70px;
}

/* Form Styling */
#sub{
	position:relative;
	width:902px;
	height: 72px;
    background:#fff url(images/back-sub.png) no-repeat center top;
}
#sub-inter{
	position:relative;
	width:902px;
	height: 72px;
    background:#fff url(images/back-sub-portfolio.png) no-repeat center top;
}
#sub-contact{
	position:relative;
	width:902px;
	height: 72px;
    background:#fff url(images/back-sub-contact.png) no-repeat center top;
}


#subscribe{
	position:relative;
	width:471px;
	height: 53px;
	left: 473px;
}
	
#request{
	position:relative;
	left: 52px;
	top:100px;
}
	
	#request p {
	position: relative;
	left: 230px;
	top: 20px;
	font-family:Helvetica,Arial,Sans-Serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	padding-left:5px;
	}
	
	
	ol.form-request {
		
		float:left;
		margin:-20px 20px 0px 0px;
		padding:0px;
		list-style:none;
	
	}
	
	ol.form-request input {
	
		border:1px solid #ffffff;
		background-color:#ffffff;
		color:#666666;
		font-size:14px;
		padding:7px 7px 5px 7px;
		width:200px;
		margin:-1px 0px 0px 0px;

	}
	
	ol.form-request textarea { 
	
		border:1px solid #ffffff;
		background-color:#ffffff;
		color:#666666;
		font-size:14px;
		padding:7px 7px 5px 7px;
		height:60px;
		width:305px;
		margin:-1px 0px 0px 0px;
	
	}
	
	ol.form-request input:focus {
		background-color: #c5e8f3;
	}
	
	ol.form-request textarea:focus {
		background-color: #c5e8f3;
	}
	
	
	ol.form-request li {
	
		margin-bottom:10px;
	
	}
	
	ol.form-request label {
	
		display:block;
		color:#ffffff;
		font-family: Arial;
		padding:5px 0px 5px 0px;
		margin:0px;
		border:none;
		font-size:14px;
		font-weight:bold;
	}
	
	button#send {
	
		color:#ffffff;
		font-size:22px;
		font-family: Arial;
		font-weight:bold;
		cursor:pointer;
		margin:0;
		border:none;
		background: transparent;
	}
	

	#main-sub form {
	float:left;
	
	} 

	ol.forms {
		
		float:left;
		margin:-20px 20px 0px 0px;
		padding:0px;
		list-style:none;
	
	}
	
	ol.forms input {
		position : absolute;
		left: 172px;
		top: 19px;
		border:3px solid #b4b4b4;
		background-color:#ffffff;
		color:#999999;
		padding:3px 3px 2px 3px;
		text-align: center;
		font-size:14px;
		height: 19px;
		width:180px;
	}
	

	ol.forms input:focus {
		background-color: #c5e8f3;
	}
	
	
	ol.forms li {
	
		margin-bottom:10px;
	
	}
	
	ol.forms label {
	
		display:block;
		color:#414141;
		padding:5px 0px 5px 0px;
		margin:0px;
		border:none;
		font-size:14px;
		font-weight:bold;
	}
	
	button#submit {
	position: absolute;
	left: 365px;
	top: 12px;
	width: 40px;
	height: 33px;
	color:#ffffff;
	border:none;
	font-size:14px;
	cursor:pointer;
	margin:5px 0px 0 0;
	padding:5px 5px 5px 5px ;
	background: #ffffff url(images/ok.png) no-repeat scroll 0 0;
	text-indent: -8989px;
	}
	
	#submit:hover {
	border: none;
	background: #ffffff url(images/ok.png) repeat-x scroll 0 -33px;
}

	span.error {
	position: relative;
	left: 0px;
	top: 0px;
	font-family:Helvetica,Arial,Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background-color:#333333;
	padding-left:5px;
	}
	
	img.thanks {
	position: absolute;
	left: 240px;
	top: 20px;
	}
	
	p.thanks {
	position: absolute;
	left: 230px;
	top: 20px;
	font-family:Helvetica,Arial,Sans-Serif;
	font-size:16px;
	font-weight:bold;
	color:#505050;
	padding-left:5px;
	}
	
/* Form Styling */