/* CSS Document */
body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg_body.jpg) repeat-x left top  #919191;
	color:#321903;	
}
*  {
	margin: 0;
}
h2, h3 , h4 , h5 , p {
	
	display:block;
	margin: 0 ;
	padding:0;
}

ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;	
}
.clr
{
	clear:both;
	font-size:0;	
	
}

.align-left {

height:10px;
width:402px;
overflow:hidden;
float:left;


}
.topbtm{

height:8px;
width:402px;
overflow:hidden;
margin:40px 0 0 0;
float:left;
}
/********************************************************************************/
#page
{
	margin:0 auto;
	width:955px;
	/*display:table;*/
	padding-bottom:15px;
	height:750px;
	position: relative;
	
}
#header-acc
{
	height:180px;
	width:814px;
	position:relative;
	float:left;
	background: url(images/header-acc.jpg) no-repeat 0 top;
	
}
#header-acc.int {
	background: url(images/header-int.jpg) no-repeat 0 top;
}
#header-acc.cont {
	background: url(images/header-cont.jpg) no-repeat 0 top;
}
#bloc_left
{
	float:left;
	width:141px;
	text-align:right;
	/*width:118px;
	padding:0 0 0 23px;*/
}
#bloc_right
{
	float:left;
	width:814px;
}
.logo
{
	margin:10px 0 0 197px;
	float:left;
}
.logo-int
{
	margin:10px 0 0 37px;
	float:left;
}
.camera {
	position:absolute;
	top:10px;
	left:-14px;
	z-index: 2000;
}
/******************************Menu*******************************************/
#menu
{
	float:left;
	width:390px;
	padding:32px 0 0 232px;
	clear:left;
}
#menu li
{
	float:left;		
}
#menu  a
{
	display:block;	
	height:58px;

}	

#accueil a
{
	background:url(images/acc-off.jpg) no-repeat left top;
	width:58px;
	height:58px;
	padding-right:22px;
}
#accueil a:hover
{
	background:url(images/acc-on.jpg) no-repeat left top;
	height:58px;
	width:58px;	
}
#accueil.actif a{
	background:url(images/acc-on.jpg) no-repeat left top;
	height:58px;
	width:58px;
	}

#studio a
{
	background:url(images/studio-off.jpg) no-repeat left top;
	width:110px;
	height:60px;
	padding-right:25px;
}
#studio a:hover
{
	background:url(images/studio-on.jpg) no-repeat left top;
	height:60px;
	width:110px;
}

#studio.actif a{
	background:url(images/studio-on.jpg) no-repeat left top;
	height:60px;
	width:110px;
	}
#labo a
{
	background:url(images/labo-off.jpg) no-repeat left top;
	width:83px;
	height:55px;
	padding-right:21px;
}
#labo a:hover
{
	background:url(images/labo-on.jpg) no-repeat left top;
	width:83px;
	height:55px;
}
#labo.actif a{
	background:url(images/labo-on.jpg) no-repeat left top;
	width:83px;
	height:55px;
	}

#contact a
{
	background:url(images/contact-off.jpg) no-repeat left top;
	width:71px;
	height:55px;
	
}
#contact a:hover
{
	background:url(images/cont-on.jpg) no-repeat left top;
	width:71px;
	height:55px;}
#contact.actif a{
	background:url(images/cont-on.jpg) no-repeat left top;
	width:71px;
	height:55px;
	}

/*********************************************************************************************/
#content
{
	float:left;
	width:814px;
	position:relative;
}
.cont_acc
{
	background:url(images/bg_content_acc.jpg) no-repeat right top;
}
.cont_int
{
	background:url(images/fnd-content-int.jpg) no-repeat 0 1px;
	position:relative;
}
.cont_cont
{
	background: url(images/contenu-contact.jpg) no-repeat 0 1px;
	height:499px;
	position:relative;
}


.photo2
{
	position:absolute;
	top:18px;
	left:-20px;
}

/*----------------------Index-----------------------------*/
.studio-bloc {
	background:url(images/fnd-studio.jpg) no-repeat 236px 26px ;
	color:#506999;
	padding:26px 0 0 260px;
	width:410px;
	height:130px;
	text-align:left;

}
.studio-bloc h3{
	color:#0E2761;
	text-align:center;
	font-weight:bold;
	padding:8px 0;
	font-size:14px;
}
.studio-p {
	margin:0;
	padding: 0;
}
.moyen-bloc {
	background:url(images/fnd-moyen.jpg) no-repeat 305px 10px ;
	color:#506999;
	padding:10px 0 0 320px;
	width:320px;
	height:230px;
	text-align:left;
}
.moyen-bloc h3{
	color:#0E2761;
	text-align:center;
	font-weight:bold;
	padding:3px 0;
	font-size:14px;
}
.moyen-bloc a{
	color:#506999;
	text-decoration:none;
}
.moyen-bloc a:hover{
	color:#000;
}
.lampe {
position:absolute;
top:-174px;
right:4px;
}
/*------------------------------Studio--------------------*/
.studio-left {
float:left;
width:346px;
}
.log1 {
float:left;
margin:10px 0 0 140px;
}
.log2
{
float:left;
margin:5px 0 0 5px;
}
.log3
{
float:right;
margin:36px 30px 0 30px;
}
.log4
{
float:left;
margin:70px 0 0 30px;
}
.log5
{
float:right;
margin:120px 0 0 0;
}
.log6
{
float:right;
margin:10px 110px 0 0;
clear:both;
}
.log7
{
	float:right;
	margin:10px 24px 0 0;
}
.tirage {
	background:url(images/px-bloc.png) repeat-y;
	_background:none;
	width:402px;
	color:#393D92;
	text-align:center;
	padding:20px 0 20px 0;
	font-weight:bold;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/px-bloc.png', sizingMethod='scale');
	float:left;

}
#tiragmarg{
margin:20px 0 0 0;
}
.p-tirage {
	width:240px;
	padding:0 162px 0 0 ;
	background:url(images/log6.gif) no-repeat 20px 30px;
}
.port-app {
position:absolute;
top:22px;
right:60px;
}
.log6-tir {
float:left;
margin:0 0 0 20px;
}
.log1-tir {
position:absolute;
top:6px;
right:150px;
}
.album-app {
position:absolute;
top:187px;
right:352px;
}
#notreat.tirage {
	padding:0;
	font-weight:normal;
	text-align: left;

}

.p-notreat {
	width:280px;
	padding:10px 2px 0 102px;
	text-align: right;
}
.magazine {
	position:absolute;
	top:320px;
	right:62px;
}
.log8
{
	float:left;
	margin:10px 0 0 0;
}


.studio-lien a{
	float:left;
	margin:6px 0 0 6px;
	width:109px;
	height:19px;
	background:url(images/studio.png) no-repeat;
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/studio.png', sizingMethod='crop');
	display:block;
}
.studio-lien a:hover{
	width:109px;
	height:19px;
	background:url(images/studio-hover.png) no-repeat;
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/studio-hover.png', sizingMethod='crop');
}
/*-----------------------Contact--------------------------*/
.carte {
	position:absolute;
	top:20px;
	left:30px;
	z-index:1;
}
.txt-cont {
	position:absolute;
	top:220px;
	left:-4px;
	z-index:2;

}


.contacter-n {
	position:absolute;
	top:300px;
	left:55px;
	z-index:3;
}
.contacter {
float:left;
padding:270px 0 0 270px;
width:210px;
color:#102948;
font-size:15px;
font-weight:bold;
}
.adr {
background:url(images/picto1.gif) no-repeat;
padding:0 0 7px 50px;
}
.tel{
background:url(images/picto2.gif) no-repeat;
padding:4px 0 10px 50px;
}
.mail {
background:url(images/picto.gif) no-repeat;
padding:4px 0 20px 50px;
}
.sep {
margin:8px 0 8px 58px;
}


/*---------------Mentions Légales------------*/

#contenu-mentions {
	background: url(images/contenu-contact.jpg) no-repeat 0 1px;
	position:relative;
	float:left;
	width:421px;
	padding:10px 360px 0 10px;
	text-align:justify;
	font-size:11px;
	font-weight:normal;
}
.contenu-mentions-h2{
	padding:3px 0 10px 19px;
	color:#FFB400;
	font-size:13px;
	clear:both;
	height:17px;
	background:url(images/puce4.gif) no-repeat 0 30%;
	font-weight:bold;

}
.contenu-mentions-h3{
	color:#000;
	font-size:12px;
	background:url(images/puce1.gif) no-repeat 0 5px;
	padding:0px 0 0px 20px;
	font-weight:bold;
}
#contenu-mentions p{
	padding:0 0 5px 15px;
}
/*-----------------------CSS footer------------------------*/
#footer {
	width:483px;
	margin:0 auto;
	text-align:center;
	padding:3px 0 10px 0;
	color:#083055;
	clear:both;

}
#footer.ind-foot {
padding:50px 0 10px 0;
}
#footer.int-foot {
padding:50px 0 10px 0;
}
#footer ul {
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	padding:8px 0 10px 0;
	
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#FFF;
	
}
 
#footer li a:hover{
	color:#083055;
}

#footer p{
	font-size:11px;
}

#footer span{
	position:relative;
	top:5px;
}


#logo_top {
	text-align:center;
	line-height:20px;
} 


#logo_top a{
	font-size:9px;
	border:none;
	color:#FFF; 

}

#logo_top a:hover{
	color:#083055;
}