/* /////////////////////// COPYRIGHTS ///////////////////////

Author: Mars Rouge
Url: http://www.marsrouge.com
Email: hello@marsrouge.com

/* /////////////////////// GLOBAL SETTING /////////////////////// */

body {
	font-family:"Futura";
    height: 100%;
    margin: 0;
    padding: 0;
	overflow-x: hidden;
    overflow-y: hidden;}
	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
ol,ul,li{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
	
/* /////////////////////// FONT /////////////////////// */
	
@font-face {
    font-family: 'Futura';
    src: url('../font/futura-webfont.eot');
    src: url('../font/futura-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/futura-webfont.woff') format('woff'),
         url('../font/futura-webfont.ttf') format('truetype'),
         url('../font/futura-webfont.svg#Futura') format('svg');
    font-weight: normal;
    font-style: normal;}
		
h1 {
	font-size:24px;
	text-transform:uppercase;
	padding:0;
	margin:0;}
	
h2 {
	font-size:18px;
	padding-bottom:30px;}
	
h3 {
	font-size:14px;
	text-transform:uppercase;
	padding-bottom:20px;}
	
h3.redok a {
	color:#be1e2d;
	text-decoration:none;}

h3.redok a:hover {
	color:#FFF;}
	
p {
	font-size:14px;
	font-weight:lighter;
	line-height:16px;}
	
.center-contact h3 {
	padding:0;}
	
.center-contact a {
	color:#CCC;
	text-decoration:none;}
	
.center-contact a:hover {
	color:#FFF;
	text-decoration:underline;}
	
.gray {color:#CCC;}
.darkgray {color:#808285;}
.black {color:#414042;}
.white {color:#FFF;}
.red {color:#be1e2d;}
.redok {color:#be1e2d;}


.voir {
	display:inline-block;
	color:#FFF;
	background-color:#be1e2d;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	margin-top:20px;
	padding:8px 10px 8px 10px;}
	
.voir:hover {
	color:#be1e2d;
	background-color:#FFF;}
	
/* /////////////////////// BACKGROUND HOUSE /////////////////////// */
	
#house0 {background:#939598;}
	
#house1 {background:#333;}

#house2 {background:#780a2d;}
	
#house3 {background:#939598;}
	
#house4 {background:#333;}
	
#house5 {background:#780a2d;}
	
#house6 {background:#939598;}
	
#house7 {background:#333;}
	
#house8 {background:#780a2d;}
	
#house9 {background:#780a2d;}

#content {
	background-color:#666;}
	
.contenu {
    margin: 0 auto;}
	
/* /////////////////////// HABILLAGE /////////////////////// */

#logo a {
	position:fixed;
	top:55px;
	left:66px;
	width:162px;
	height:83px;
	background-image:url(../img/logo-marsrouge.png);}

#media-facebook a:hover,
#media-vimeo a:hover,
#media-googleplus a:hover,
#logo a:hover {
	background-position:bottom;}	
	
#menu {
	position:fixed;
	top:201px;
	left:66px;
	width:162px;}
	
#media-facebook a {
	position:fixed;
	top:96px;
	right:66px;
	width:57px;
	height:57px;
	background-image:url(../img/logo-facebook.png);}

#media-vimeo a {
	position:fixed;
	top:155px;
	right:66px;
	width:57px;
	height:57px;
	background-image:url(../img/logo-vimeo.png);}

#media-googleplus a {
	position:fixed;
	top:214px;
	right:66px;
	width:57px;
	height:57px;
	background-image:url(../img/logo-googleplus.png);}

	
#navigation {
  width: 162px;
  list-style: none;
  margin: 0;
  padding: 0;}

#navigation li a {
font-size:15px;
  display: block ;
  color:#FFFFFF;
  text-transform:uppercase;
  text-decoration: none;
  padding-bottom:7px;
  padding-top:7px;
  border-bottom:solid 1px #FFF;}

#navigation li a:hover {
	color:#be1e2d;}
	
#mentions a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	position:fixed;
	left:66px;
	bottom:54px;}
	
	
#sitemap a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	position:fixed;
	left:66px;
	bottom:34px;}
	
#mentions a:hover,
#sitemap a:hover {
	color:#be1e2d;}
	
#langues p {
	color:#CCC;
	font-size:12px;
	font-weight:normal;
	position:fixed;
	right:66px;
	top:54px;}
	
#langues a {
	color:#FFFFFF;
	text-decoration:none;}
	
#langues .act {
	color:#be1e2d;}
	
#langues a:hover {
	color:#be1e2d;}
	
/* /////////////////////// CONTENU /////////////////////// */

.center-accueil {
	padding-left:108px;
	width:800px;
	height:800px;
	margin:auto;}

.center-audiovisuel {
	padding-left:80px;
	width:766px;
	margin:auto;
	margin-top:66px;}
	
.float-audiovisuel {
	float:left;
	width:700px;}
	
.center-graphisme {
	padding-left:80px;
	width:629px;
	margin:auto;
	margin-top:66px;}
	
.center-web {
	padding-left:80px;
	width:645px;
	margin:auto;}
	
.center-webzine {
	padding-left:80px;
	width:713px;
	margin:auto;
	margin-top:66px;}
	
.center-presse {
	width:678px;
	margin:auto;
	padding-left:80px;}
	
.center-print {
	width:770px;
	margin:auto;
	margin-top:66px;
	padding-left:80px;}
	
.center-contact {
	width:660px;
	margin:auto;
	padding-left:80px;}
		
.center-hope {
	padding-left:105px;
	width:800px;
	margin:auto;
	margin-top:66px;}
	
	

.center-clients {
	padding-left:80px;
	width:629px;
	margin:auto;
	margin-top:66px;}
	

.description {
	margin-left:28px;
	float:left;
	width:350px;}
	
.description-audiovisuel {
	width:280px;}
	
.description-accueil {
	margin:auto;
	width:350px;}
	
.description-web {
	margin-top:66px;
	margin-left:28px;
	float:left;
	width:350px;}
	
.description-contact {
	width:380px;
	padding-top:66px;
	margin-left:320px;}
	
.description-presse {
	width:388px;
	padding-top:66px;
	margin-left:310px;}

.description-print {
	width:350px;
	margin-left:450px;}
	
.description-clients {
	margin:auto;
	width:550px;
	padding-top:66px;}
	
#gauche a {
	margin-top:50px;}
	
.illustration-accueil {
	margin:auto;
	width:350px;
	height:206px;
	background-image:url(../img/marsrouge-hello.png);
	background-repeat:no-repeat;}

.illustration-audiovisuel {
	height:470px;
	width:436px;
	margin-left:350px;
	background-image:url(../img/marsrouge-oktomat.png);
	background-position:bottom;
	background-repeat:no-repeat;}
	
.illustration-graphisme {
	height:512px;
	margin-left:430px;
	background-image:url(../img/marsrouge-boisson.png);
	background-repeat:no-repeat;}

.illustration-web {
	height:505px;
	margin-left:420px;
	background-image:url(../img/marsrouge-ampoule.png);
	background-repeat:no-repeat;}

.illustration-hope {
	height:557px;
	width:800px;
	background-image:url(../img/marsrouge-hope.png);
	background-repeat:no-repeat;}

.illustration-webzine {
	margin-left:450px;
	padding-top:130px;}
	
#bunq {
	padding-top:40px;}

.illustration-contact {
	float:left;
	width:278px;
	height:430px;
	margin-top:66px;
	background-image:url(../img/marsrouge-notebook.png);}
	
.illustration-presse {
	float:left;
	width:262px;
	height:345px;
	margin-top:66px;
	/*background-image:url(../img/marsrouge-diptyque.png);*/}
	
.illustration-print {
	float:left;
	width:399px;
	height:365px;
	background-image:url(../img/marsrouge-pantone.png);}
	
.center-mentions {
	width:510px;
	margin:auto;
	margin-top:66px;}
	
	
#client-mulhouse a:hover,
#client-cci a:hover,
#client-dmc a:hover,
#client-novartis a:hover,
#client-boomerang a:hover,
#subject a:hover,
#elsassprint a:hover,
#bunq a:hover {
	background-position:bottom;}	
	
#client-mulhouse a {
	display:block;
	width:249px;
	height:86px;
	background-image:url(../img/logo-mulhouse.png);}
	
#client-cci a {
	display:block;
	width:296px;
	height:69px;
	background-image:url(../img/logo-cci.png);}
	
#client-dmc a {
	display:block;
	width:199px;
	height:122px;
	background-image:url(../img/logo-dmc.png);}
	
#client-novartis a {
	display:block;
	width:272px;
	height:44px;
	background-image:url(../img/logo-novartis.png);}
	
#client-boomerang a {
	display:block;
	width:120px;
	height:120px;
	background-image:url(../img/logo-boomerang.png);}
	
#subject a {
	display:block;
	width:237px;
	height:59px;
	background-image:url(../img/logo-subject.png);}

#bunq a {
	display:block;
	width:237px;
	height:73px;
	background-image:url(../img/logo-bunq.png);}
	
#elsassprint a {
	display:block;
	margin-top:20px;
	width:274px;
	height:104px;
	background-image:url(../img/logo-elsassprint.png);}



.sitemap{
	margin-top: 110px;
}

.sitemap a{
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 15px;
}