@charset "UTF-8";
/* CSS Document */
/* /////////////////////////// MAIN ///////////////////////////////// */
body, html{
	position:absolute;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	overflow-x:hidden;
	}
body{
	font-size:0.875em;
}
h1, ul, li{
	font-weight:bold;
	font-size:0.875em;
	list-style-type:none;
}
p {
	font-size:0.875em;
	
}
#clear{
	clear:both;
}
img{
	border:none;
}
#chargeur{
	width:366px;
	height:55px;
	position:absolute;
	visibility:hidden;
	background-image:url(../images/interface/chargement.gif);
	background-repeat:no-repeat;
	z-index:10;
	opacity:0;
}
/* ///////////////////////////////////////////////////////////////////////////////////// Gauche
/* ////////////////////////////////////////////////////////////////////// INTERFACE ///////////////////////////////////////////////////////////// */
#gauche{
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	height:150px;
	min-width:800px;
}
/* /////////////////////////// LOGO ///////////////////////// */
#logo{
	margin-left:20px;
	float:left;
}
#logopicture{
	height:84px;
	width:80px;
	background-color:#ffffff;
	margin-top:20px;
	float:left;
}
#logo h1{
	float:left;
	margin-top:18px;
	margin-left:20px;
}
/* /////////////////////////// menu ///////////////////////// */
#menu{
	float:right;
	margin-top:18px;
	margin-right:60px;
}
#Mstudio, #Mportfolio, #Mcontact{
	float:left;
	margin:0;
	padding:0;
	height:14px;
	overflow:hidden;
	cursor:pointer;
}
#Mstudio h1, #Mportfolio h1, #Mcontact h1{
	margin:0 0 10px 0;
}
#Mcontact{
	margin-left:0px;	
}
#Mportfolio{
	margin-left:25px;	
}
#menu li, #menu ul{
	margin:0;
	padding:0;
}
.home, .fr, .en{
	cursor:pointer;
}
.home a:link, .fr a:link, .en a:link, .contact a:link, .portfolio a:link, .studio a:link,.fr a:visited, .en a:visited, .home a:visited, .contact a:visited, .portfolio a:visited, .studio a:visited{
	color:#666;
	text-decoration:none;
	background-color:#fff;
	cursor:pointer;
}
.home a:hover{
	color:#FF454B;
	background-color:#fff;
}
.fr a:hover, .en a:hover{
	color:#FF454B;
	background-color:#fff;
}
.contact a:hover{
	color:#666699;
	background-color:#fff;
}
.portfolio a:hover{
	color:#66CCCC;
	background-color:#fff;
}
.studio a:hover{
	color:#99CC33;
	background-color:#fff;
}
/* ////////////////////////////////////////////////////////////////////// contenu ///////////////////////////////////////////////////////////// */
#contenu{
	display:block;
	width:100%;
	margin-top:150px;
}
/* ////////////////////////////////////////////////////////////////////// page type ///////////////////////////////////////////////////////////// */
#Carticle{
	width:100%;
	height:0;
	overflow:hidden;
}
#article{
	min-width:1260px;
}
#articleTXT{
	width:420px;
	margin-left:124px;
	margin-top:20px;
	float:left;
}
#articleIMG{
	width:450px;
	margin-top:20px;
	float:left;
}
#articleTXT h1{
	font-weight:bold;
	font-size:0.875em;
	margin-left:120px;
}
#articleTXT h3{
	font-weight:bold;
	font-size:1.5em;
	margin-left:120px;
}
#articleTXT h2,#articleTXT ul{
	font-weight:lighter;
	font-style:italic;
	font-size:0.75em;
	margin-left:0px;
	padding:0;
}
#articleTXT p{
	font-weight:normal;
	font-style:normal;
	font-size:0.75em;
	text-align:justify;
	margin-left:120px;
	margin-bottom:30px;
}
#articleTXT li{
	font-weight:normal;
	font-style:normal;
	font-size:1em;
	margin-left:120px;
	padding:0;
}
.imageArticle{
	margin:10px 0 40px 120px;
}
.fleche{
	margin-top:20px;
	margin-left:120px;
	cursor:pointer;
}
/* ///////////////////////////////////////////////////////////////////////////////////////// Droite
*/
#droite{
	position:absolute;
	margin:0;
	padding:0;
	top:0px;
	width:100%;
	height:100%;
	background-color:#FFF;
}
#droite img{
	margin:0;
	padding:0;
}
.superbg{
	margin:0;
	padding:0;
}
#comments{
	position:absolute;
	width:500px;
	height:500px;
	background-image:url(../images/interface/backdetail.png);
	background-repeat:no-repeat;
	top:-500px;
	left:-500px;
}
#video{
margin:0;
padding:0;
background-image:url(../images/interface/backvideo.jpg);
background-repeat:repeat-x;
background-position:bottom;
background-color:#dfdfdf;
}
.lavideo{

}
/* /////////////////////////// vignettes flottantes ///////////////////////////////// */
.identites,.imprimes,.web,.videos,.photos,.campagnes, .vign0, .vign1, .vign2, .vign3, .vign4, .vign5, .vign6, .vign7, .vign8, .vign9, .vign10, .vign11, .vign12, .vign13, .vign14, .vign15, .vign16, .vign17, .vign18, .vign19, .vign20, .vign21, .vign22, .vign23, .vign24{
	position:absolute;
	top:300px;
	left:-98px;
	cursor:pointer;
}