/*
Original design: This is me (v1.2 - Sep 12, 2012) - A free xhtml/css website template for andreasviklund.com.
For more information, see http://andreasviklund.com/templates/this-is-me/

Includes:
jQuery from http://jquery.org/
Poptrox jQuery plugin by nodethirtythree: http://www.nodethirtythree.com/jquery_plugins.html
jQuery.ScrollTo and jQuery.LocalScroll by Ariel Flesler: http://flesler.blogspot.com/
Icons fom http://www.komodomedia.com/
*/



*{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
body{background-color:#FFFFFF; overflow-y:hidden; overflow-x:scroll; overflow-y:scroll; }
ol,ul{list-style:none;list-style-image:none;list-style-position:outside;list-style-type:none;}
a img{border:none;}
a{color:#000;text-decoration:none; font-family:  Helvetica, Arial, sans-serif;}
a:hover,a:focus{color:#666;text-decoration:none; }
p , h1, h2, h3, h4, h5 {font-family:  Helvetica, Arial, sans-serif; font-size: 16px; color:#716d6a;}
h2 {font-size: 19px; }

.right{float:right;margin:0 0 5px 15px;}

#mainwrap{margin:0 auto;overflow:hidden;position:relative;width:1300px;}

#cardstyle{background-color:#fff;border:1px solid #d4d4d4;height:860px;margin:25px auto 10px auto;overflow:hidden;padding:6px;position:relative;width:1280px;}

#content{background-color:#FFFFFF;height:860px;overflow:hidden;position:relative;width:1280px;}
#pagecontainer{position:relative;width:99999px;}
.section{float:left;height:860px;margin-right:50px;padding:0 10px 25px;position:relative; width:1280px; }

.divgray {

	background-color:#F1ECE8;
	margin:195px 130px 10px 130px;
	overflow: hidden;
	clear:both;
	list-style:none; 
}


.divgray img{

	clear:both;
	float:left;
	margin:35px 12px 10px 35px;
	cursor:pointer;

}

div.divgray p {

/*	font-style:italic;*/
	line-height:21px;
	color:#716d6a;
	text-align: justify; 
	text-justify: newspaper;
	font-style:italic;
	line-height:38px; 
	margin:25px 15px 15px 15px;
}	



div.divgray h3 {
	margin:15px auto 17px 30px;
	color:#AEB40D;
}


.divgray_home {
	background-color:#F1ECE8;
	position:relative;
	margin-top:200px;
	margin-left:128px;
	margin-right:120px;
	height:570px;
	overflow:visible;
}

.divgray_home img{
	position:absolute;
}


.divgray_gallerie {
	padding:40px 40px 40px 40px;
}


.divgray_gallerie img{
	float:none;
	width:111px;
	margin:1px 1px 1px 1px;
}


.divgray_contact  {
	position:absolute;
	height:600px; 
	top:170px;
	left:230px;
	width:190px;
	background-color:#F1ECE8;
	
}

.divgray_contact h3 {
margin:340px 20px 30px auto;
text-align:right; 
color:#A5A700; 
}

.divgray_contact p {
text-align:right;
margin-right:20px;
line-height:20px;
}

.divgray_pale_contact {
height:600px; position:absolute; left:450px; width:670px;
}

div.divgray_pale_contact img {
	margin-left:80px; margin-top:60px; width:450px;
}
.divgray_bib {
	position:absolute;
	top:170px;
	left:230px;
	width:190px;
	height:655px;
	background-color:#F1ECE8;
	overflow: hidden;
	clear:both;
	list-style:none; 
	
}


div.divgray_bib h3, div.divgray_bib p{
    margin: 0; 
    padding: 0;
    text-align: center;
}

div.divgray_bib h3 {
	font-weight:bold;
	
}
.divgray_pale_bib {
	position:absolute;
	top:170px;
	left:450px;
	width:680px;
	height:655px;
	background-color:#f7f6f4;

}

div.divgray_pale_bib p {

	line-height:22px;
	color:#716d6a;
	text-align: justify; 
	text-justify: newspaper;
	margin:auto 60px auto 60px ;
}

div.divgray_pale_bib h3 {
	margin: 20px auto 5px 60px;
		color:#AEB40D;
}

.retour {
	position:absolute;
	top:750px;
}



.facebook {
	position:absolute;
	left:90px;
	top:480px;
	
}
.facebook img {
	width:40px;
	
}

.pageinfo {
	position:absolute;
	right:900px;
	top:75px;
	margin-bottom:40px;
	color:#AEB40D;
	z-index:1;
	font-size: 19px;
	text-align:right;
	padding: 0px 0px 0px 0px;
}

.pageinfo h2 {
		font-size:19px;
		font-weight:bold;
}

.pageinfo h3 {
		font-size: 19px;

}

.pageinfo h4 {
		font-size: 19px;

}

.pageinfo h5 {
		font-size: 19px;
		font: 'Helvetica Light', 'Helvetica', Arial, sans-serif;
}

.pageinfo a {

		font-size:40px;
}

.menuright {

		position:absolute;
		float: right;
		right:180px;
		top:125px;
		z-index:10;
		
}
.menuright a{
	font-size:35px;
	text-decoration: none;
}



.menuwrap {
	position:absolute;
	clear:both;
	right:165px;
	color:#716d6a;
	margin:75px auto auto auto;
	padding: 0px 0px 0px 0px;
	z-index:2;
}

.menuwrap li { display:inline;}
.menuwrap li a {color:#716d6a; text-decoration: none; font-size:19px;}
.separator  {color:#aeb40d}



.menubottom {
	float:left;
	margin:auto auto auto 265px;
	
}
.menubottom h2 {
	margin:30px 0px 30px 0px;
}
.menubottom a {
	color:#AEB40D; text-decoration: none
}



.textbottom {
	float:left;
	margin:0px 175px auto 175px;
	text-align: justify; 
	text-justify: newspaper;
	line-height:30px;
	font-style:italic;
}

/*.poptrox-nav-previous {

	color:#BBBBBB;
	font-size:20px;
}*/




.poptrox-popup{background:#fff;border-radius:12px;box-shadow:0px 0px 50px #111;padding:1em 1em 3em;position:relative;}
.poptrox-loader{background:url('images/loader.gif') top center no-repeat;border-radius:8px;display:block;margin:55px 0 0;text-indent:-9999em;}
.poptrox-caption{bottom:1em;left:1em;position:absolute;}
.poptrox-closer{bottom:1em;position:absolute;right:1em;}


#social ul{padding:2px 0;}
#social li{display:block;float:left;height:46px;margin:0 14px 12px 0;overflow:hidden;width:252px;}
#social li a{color:#666;display:block;float:left;height:32px;overflow:hidden;padding:0 0 3px;width:252px;}
#social li a:hover,#social li a:focus{color:#333;text-decoration:none;}
#social img{float:left;margin:0 16px 0 10px;}
#social strong{color:#333;display:block;font-size:14px;font-weight:700;}


#footer{color:#999;text-align:center;width:100%; font-size:14px;}
#footer a{color:#999;}