@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
background:url(../assets/images/header_bg.jpg) repeat-x #F2F2F2;
color:#6D2E6B;
font-family:Helvetica;
}

a {
color:#E2007A;
}

#header {
height:185px;
margin:auto;
width:750px;
padding-left:165px;
}

h1 a {
background:url(../assets/images/logo_unflux.jpg) no-repeat top left;
float:left;
width:360px;
height:54px;
margin-top:54px;
margin-bottom:54px;
}

h1 span {
display:none;
}

#path_content {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
float:left;
margin:auto;
margin-top:2px;
width:750px;
}

#block {
margin:auto;
width:900px;
margin-top:6px;
}

#menu {
width:150px;
float:left;
margin-right:-15px;
list-style:none;
text-align:right;
padding:23px 13px 0 0;
}

#menu li {
list-style:none;
margin-bottom:3px;
}

#menu li a, #menu li .selected {
background:#6D2E6B;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:1px 5px 1px 5px;
text-decoration:none;
}

#menu li .projets-selected a {
background:#DDDDDD;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}

#menu li .selected {
background:#DDDDDD;
}

#menu li a:hover {
background:#B3B3B3;
}
/*
.nobold {
font-weight:normal;
}*/

#content {
width:750px;
float:left;
}

h2 {
margin-left:15px;
margin-right:15px;
margin-top:6px;
}

.agence {
background:url(../assets/images/bulle-agence.gif) no-repeat;
width:133px;
height:36px;
}

.equipe {
background:url(../assets/images/bulle-equipe.gif) no-repeat;
width:141px;
height:36px;
}

.references {
background:url(../assets/images/bulle-references.gif) no-repeat;
width:190px;
height:36px;
}

.projets {
background:url(../assets/images/bulle-projets.gif) no-repeat;
width:143px;
height:36px;
}

.contact {
background:url(../assets/images/bulle-contact.gif) no-repeat;
width:145px;
height:36px;
}

.retourvide {
height:16px;
}

.retour span {
display:none;
}

.retour a {
background:transparent url(../assets/images/bt-retour.gif) no-repeat;
width:83px;
height:16px;
margin-left:15px;
float:left;
}

.retour a:hover {
background:transparent url(../assets/images/bt-retour-over.gif) no-repeat;
width:83px;
height:16px;
}

h2 span {
display:none;
}

p {
margin-left:15px;
margin-right:15px;
}

h3.helve {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:50px;
margin-left:15px;
margin-right:15px;
}

.image {
width:178px;
float:left;
margin:1px;
background:#B3B3B3;
}

.image-texte {
margin:10px;
}

.image-img {
height:178px;
}

.image-img img {
border:none;
}

.georgia {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:9px;
}

.white {
color:#FFFFFF;
}

#agence-img {
margin:auto;
width:750px;
padding:0 15px;
}

#agence .grey, #references .grey {
color:#666666;
font-weight:bold;
font-size:12px;
margin-top:10px;
text-align: justify;
}

#agence .grey span {
	color: 	#6D2E6B;
}

#agence .petit, #references .petit {
margin-top:5px;
font-size:10px;
color:#666666;
}

#agence .georgia, #references .georgia {
font-size:17px;
}

.equipe-membre {
width:750px;
height:235px;
padding:0 15px;
margin:10px 0 -5px 0;
}

.equipe-membre .equipe-photo {
width:240px;
height:240px;
float:left;
}

.equipe-membre .equipe-info {
width:452px;
height:212px;
float:left;
padding:10px;
border-top:solid 4px #B3B3B3;
border-right:solid 4px #B3B3B3;
border-bottom:solid 4px #B3B3B3;
border-left:solid 4px #B3B3B3;
background:#FFFFFF;
}

.equipe-info {
background:#FFFFFF;
}

.equipe-info h3 {
margin-left:15px;
margin-bottom:0;
}

.equipe-info h4 {
background:none;
color:#B3B3B3;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:26px;
padding:0;
margin:0 0 0 15px;
}

#equipe p {
color:#B3B3B3;
font-weight:bold;
font-size:12px;
margin-top:17px;
text-align: justify;
}

#web {
margin-bottom:70px;
margin-left:15px;
}

#contact p {
margin:20px 15px;
}

#contact .georgia {
font-size:20px;
}

#contact .grey {
color:#666666;
}

#contact .georgia span {
color:#B3B3B3;
}

#contact .bold {
font-weight:bold;
font-size:12px;
}

#contact .bold-big {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.bold-big span {
color:#666666;
}

#contact .bold span {
color:#666666;
}

.clear {
clear:both;
}

.pointilles {
border-top:dashed 1px #6D2E6B;
margin:30px 0px 20px 0px;
}

#print, #multimedia {
margin-left:15px;
}

#info {
border:4px solid #B3B3B3;
background:#FFFFFF;
padding:35px 50px 43px 50px;
margin-left:15px;
margin-right:15px;
margin-top:10px;
}

h3 {
margin-left:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
padding-top: 7px;
}

#contact .image-unflux {
margin: 10px 0px 0px 14px;
}

#info h4 {
margin-left:0;
color:#B3B3B3;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
margin-bottom:7px;
}

#info p {
font-size:13px;
margin:20px 0 0 0;
color:#666666;
text-align: justify;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
margin-left:15px;
padding-left:5px;
margin-top:10px;
padding-right:5px;
padding-top:1px;
background:#B3B3B3;
color:#FFFFFF;
float:left;
}

#footer_lign {
background:#6D2E6B;
height:4px;
margin:20px 0px 20px 0px;
}

#footer_content {
margin:auto;
width:750px;
font-family:HelveticaNeue, Helvetica;
font-size:9px;
padding-left:165px;
padding-bottom:20px;
}

#footer_content span {
font-weight:bold;
}

#references #logos {
	width: 720px;
	margin-left: 15px;
}

#references #logos .logo {
	height: 119px;
	width: 119px;
	float: left;
	margin-left: 1px;
	margin-top: 1px;
}

#references #logos .clear {
clear: both;
}