/* Start of CMSMS style sheet 'main' */
/********************
DEFAULT
*********************/
* { margin:0;padding:0; }
html { height: 100%; }
img { border: 0 none; }
body { border: 0px; height: 100%; margin: 0px; padding: 0px; }
td { background: transparent; border: 0px; margin: 0px; padding: 0px; }
p { margin: 0em; text-align:left;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding: 0px; text-align:left;}
ul { list-style-type: square; margin: 1em 0 1em; padding: 0; padding-left: 2em; text-align:left;}
form { margin:0; padding: 0; text-align:left;}
img { border: 0;}
div { font-size: 1em; text-align:left;}
a,
a:link 
a:active { text-decoration:none; background-color: inherit; cursor:pointer; color:#663366;}
a:visited {cursor:pointer;text-decoration:none;}
a:hover {text-decoration: underline;cursor:pointer;}
a:active, a:focus, input[type="image"] {outline: 0;}
.clearer { clear: both; line-height: 0; height: 0; }


/********************
MAIN
*********************/
body {
	text-align: left;
	font-family: Arial, verdana, sans-serif;
	font-size: 75.01%;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	background-color: #fff;
	letter-spacing:0.5px;
	color:#000;
	overflow:hidden;
}
a{
	color:#999;
	text-decoration:none;
}
a:hover{
	color:#000;
	text-decoration:none;
}



#container_bloc{
	margin-left:30px;
	height:520px;
	width:100000px;
	margin-top:120px;
}


#top{
	position:fixed;
	top:0px;
}
#logo{
	background-image:url(images/logo.png);
	width:84px;
	height:104px;
	margin-top:16px;
	margin-left:30px;
	float:left;
	cursor:pointer;

}
#menu_principal{
	float:left;
	margin-left:66px;
	width:180px;

}
#menu_secondaire{
	float:right;
	width:180px;
	display:none;
}
.menu{
	margin-top:28px;
	line-height:10px;
	text-transform:uppercase;
	list-style:none;
	font-size:10px;
}
.sous_menu{
	float:left;
}
.menu li{
	margin-bottom:4px;
}

.gallery{
	position:absolute;
	overflow:auto;
	height:100%;
	width:100%
}

.block{
	float:left;
	height:520px;
	margin-right:5px;
	cursor:pointer;
}
.block_pdf{
	float:left;
	margin-right:5px;
	cursor:pointer;
}

.photo{
	height:500px;
	background-color:#f9f9f9;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.legende{
	margin-top:5px;
	font-family:georgia;
	font-size:10px;
}
.serie{
	float:left;
	padding:5px 10px 10px 10px;
	height:485px;
	width:130px;
	background-color:#eee;
	margin-right:5px;
	font-size:14px;
	text-transform:uppercase;
	color:#999;
	line-height:20px;
	font-weight:bolder;
	cursor:pointer;
}
.serie_pdf{
	float:left;
	width:130px;
	margin-top:-495px;
	margin-left:10px;	
	font-size:14px;
	text-transform:uppercase;
	color:#eee;
	line-height:20px;
	font-weight:bolder;
}

.container_fleche{
	position:fixed;
	height:500px;
	width:100px;
	display:none;
}
.fleche{
	height:500px;
	width:100px;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
}
#fleche_next{
	background-image:url(images/fleche_next.png);
	cursor:pointer;
}
#fleche_previous{
	background-image:url(images/fleche_previous.png);
	cursor:pointer;
}

#message{
	position:fixed;
	height:0px;
	width:0px;
	top:150px;
	left:30px;
}
#bio{
	background-color:#f4f4f4;
	text-transform:uppercase;
	height:470px;
	width:640px;
	padding:15px;
	font-family:georgia;
	font-size:11px;
	line-height:16px;
	color:#666;
}
#bio p{
	margin-bottom:11px;
}
#bio_fr{
	width:305px;
	float:left;
}
#bio_en{
	width:305px;
	float:right;
}

.pdf{
	width:130px;
	height:480px;
	float:left;
	padding:10px;
	margin-right:5px;
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
	line-height:20px;
}
#contact{
	background-color:#f4f4f4;
	height:470px;
	width:300px;
	padding:15px;
	font-family:georgia;
	text-transform:uppercase;
	font-size:11px;
	line-height:16px;
	color:#666;
}


.studio_c1{
	float:left;
	width:200px;
}
.studio_c2{
	float:left;
	width:200px;
}
.studio_c3{
	float:left;
	width:200px;
}
.studio{
	background-color:#f4f4f4;
	height:470px;
	width:600px;
	padding:15px;
	font-family:georgia;
	text-transform:uppercase;
	font-size:11px;
	line-height:16px;
	color:#666;
}
/* End of 'main' */