body {
	background: url('/images/background.gif');
	font-family: Verdana;
	font-size: 11px;
	padding-top: 10px;
}

a {
	text-decoration: none;
	color: #000;
}
a.chevron {
	font-weight: bold;
	margin-left: 1em;
}
a:hover {
	text-decoration: underline;
	color: #4b4b4d;
}

h3 {
	margin-bottom: 1em;
}

h2 {
	margin-bottom: 2em;
}

p {
	margin-bottom: 1em;
	text-align: justify;
	line-height: 17px;
}

p.center {
	text-align: center;
}

/* STRUCTURE */
div#bande {
	float: left;
	height: 144px;
	position: absolute;
	width: 100%;
	background: url('/images/bande.png') 0px 83px repeat-x;
	z-index: -1;
}
div#marge {
	float: left;
	width: 20%;
	}
img#logo {
	margin: auto;
	display: block;
	margin-top: 30px;
}
div#menu {
	height: 37px;
	width: 700px;
	margin-left: 50px;
}

div#content {
	width: 780px;
	margin-left: 20%;
	position: relative;
}
div#content-top {
	height: 14px;
	width: 780px;
	background-image: url('/images/content-top.png');
}
div#content-main {
	background-color: #fff;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 2.5em 3em 0em 4em;
}
div#content-bottom {
	height: 14px;
	width: 780px;
	background-image: url('/images/content-bottom.png');
}
div#footer {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 27px;
}
div#footer-corner {
	height: 27px;
	position: relative;
	width: 10px;
	background: url('/images/footer/corner.png');
	float: left;
}
div#footer-main {
	margin-left: 10px;
	background-color: white;
	padding-right: 7px;
	height: 27px;
}
div#footer-main img{
	height: 25px;
}
img#footer-gap {
	width: 5px;
}
img#footer-mentions {
	width: 90px;
}
img#footer-remerciements{
	width: 83px;
}
img#footer-faq{
	width: 22px;
}
img#footer-hebergement {
	width: 164px;
}

/* MENU */
div#menu ul li{
	float:left;
}
div#menu ul li a {
	display: block;
	height: 37px;
}
div#menu ul li a#menu-concept {
	width: 78px;
	background-image: url('/images/menu/concept.png');
}
div#menu ul li a#menu-offre {
	width: 52px;
	background-image: url('/images/menu/offre.png');
}
div#menu ul li a#menu-equipe{
	width: 60px;
	background-image: url('/images/menu/equipe.png');
}
div#menu ul li a#menu-references{
	width: 95px;
	background-image: url('/images/menu/references.png');
}
div#menu ul li a#menu-realisations{
	width: 97px;
	background-image: url('/images/menu/realisations.png');
}
div#menu ul li a#menu-contact{
	width: 75px;
	background-image: url('/images/menu/contact.png');
}
div#menu ul li a:hover, div#menu ul li a.current{
	background-position: bottom;
}

/* Arrangements particuliers */
ul#contact {
	font-size: 16px;
	text-align: center;
	margin: 4em;
}
ul.nuage {
	margin-bottom: 2em;
}

table#equipe {
	text-align: center;
	width: 100%;
}
div#col-2 {
	width: 330px;
	float: left;
	margin-left: 3em;
}
div#col-1 {
	width: 330px;
	float: left;
}

.encours {
	float: left;
	font-weight: bold;
	width: 20%;
}
.encours ul {
	height: 3.6em;
	overflow: hidden;
	width: 120px;
}
.encours ul li {
	line-height: 1.2em;
	text-align: center;
}
.vignette {
  width: 120px;
  height: 120px;
  overflow: hidden;
  background: #edf1f4;
  z-index: -0;
}
#pagination {
	position: absolute;
	margin-top: -2.5em;
	margin-left: -2em;
	font-weight: bold;
	font-size: 1.1em;
}
.vignette img {
	z-index: -1;
}
.vignette #supprimer {
	position: absolute;
	width: 16px;
	height: 16px;
	margin-top: 104px;
	z-index: 1;
	display: none;
	background-image: url('/images/delete-icon.png');
}
.vignette:hover #supprimer {
	display: block;
	z-index: 1;
}

#sousmenu {
	position: absolute;
	float: right;
	right: 10em;
	top: 3em;
}
#sousmenu li {
	float: left;
}
#sousmenu li a {
	display: block;
	background-position: top;
	height: 37px;
}
#sousmenu li a:hover {
	background-position: bottom;
}
#sousmenu-affiches {
	width: 71px;
	background-image: url('/images/sousmenu/affiches.png');
}
#sousmenu-logos {
	width: 56px;
	background-image: url('/images/sousmenu/logos.png');
}
#sousmenu-plaquettes {
	width: 88px;
	background-image: url('/images/sousmenu/plaquettes.png');
}
#sousmenu-webdesigns {
	width: 92px;
	background-image: url('/images/sousmenu/webdesigns.png');
}
#sousmenu-autres {
	width: 58px;
	background-image: url('/images/sousmenu/autres.png');
}
#tri-type-client {
	height: 1em;
	position: relative;
	left: 75px;
	width: 600px;
	clear: both;
}
#tri-type-client li {
	margin-right: 1em;
	float: left;
}
p.alert {
	color: red;
	font-weight: bold;
}

/* Formulaire */

label:first-child , input+label, label+label, span+label {
	display: block;
	margin-top: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

label[for=id_typeencours-1] {
	display: inline;
	font-weight: normal;
}

input[type=text] {
	width: 225px;
}

input#encours {
	margin-bottom: 1em;
	display: block;
}