/* --------------------------------------------------------------------- ELEMENTS GENERAUX --------------------------------------------------------------------- */

* {
	border: 0;
	margin: 0;
	padding: 0;
	}

html {
	font-size: 100%;
	}

body {
	background: #c8c9cb url('../images/design/tresse.jpg') top center repeat;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #a5a5a5;
	}
	
body.intro {
	background: #c8c9cb url('../images/design/tresse-sombre.jpg') top center repeat;
	}

#site {
	background: #fff;
	width: 990px;
	height: 680px;
	margin: 10px auto 0;
	}

a {
	color: #d4d4d4;
	}

a:hover {
	color: #a5a5a5;
	}

h1 {
	}
	
h2 {
	color: #585a58;
	font-weight: normal;
	}
	
p {
	color: #acacac;
	text-align: justify;
	padding: 0 10px;
	font-size: 0.7em;
	line-height: 1.2em;
	}
	
ul {
	list-style-type: none;
	}
	
img {
	border: 1px solid #b4b4b2;
	}

/* -------------------------------------------------------------------------------- BLOCS ---------------------------------------------------------------------------------- */

#header {
	height: 70px;
	}
	
#footer {
	width: 990px;
	margin: 0 auto;
	}

/* ------------------------------------------------------------------------------ #HEADER -------------------------------------------------------------------------------- */

#logo {
	float: left;
	margin-right: 70px;
	}
	
#logo img {
	border: none;
	}

/* ---------------------------------------- MENU ---------------------------------------- */
	
ul#menu {
	font-size: 1.1em;
	list-style-type: none;
	line-height: 34px;
	}

ul#menu li {
	float: left;
	margin-left: 50px;
	}
	
ul#menu li a {
	color: #d7d7d7;
	text-decoration: none;
	}
	
ul#menu li a:hover, ul#menu li.active a {
	color: #b4b4b2;
	}
	
ul#menu li ul.sous_menu {
	display: none;
	}
	
/* ------------------------------------------------------------------------------ #CONTENU ------------------------------------------------------------------------------- */

#site.page-intro {
	background: #fff url('../images/design/stephane-kelian-intro.jpg') center center no-repeat;
	}
#site.page-accueil img.accueil, #site.page-home img.home {
	border: none;
	margin: 70px 0 0 270px;
	}
#site.page-campagne, #site.page-campaign {
	background: #fff url('../images/contenu/background-page-campagne.jpg') bottom left no-repeat;
	}
#site.page-contact {
	background: #fff url('../images/contenu/contact.jpg') bottom left no-repeat;
	}
#site.page-maintenance {
	background: #fff url('../images/design/stephane-kelian-maintenance.jpg') center center no-repeat;
	}

/* ------------------------------------ UNIVERS ------------------------------------  */

/* BLOCS */

.left, .center, .right {
	float: left;
	}
	
.left, .right {
	width: 305px;
	}
	
.center {
	width: 380px;
	}
	
/* LEFT */

.left ul {
	margin: 20px 0 0 20px;
	}

.left ul li  {
	margin-top: 10px;
	}

.left ul li a {
	text-decoration: none;
	color: #d7d7d7;
	font-weight: bold;
	font-size: 0.75em;
	}

.left ul li a:hover, .left ul li.active a {
	text-decoration: none;
	color: #b4b4b2;
	}
	
.left img {
	margin-left: 17px;
	}
	
.page-univers .left img {
	margin-top: 90px;
	}

.page-univers .left img.no-border {
	margin: 250px 0 0 0;
	}
	
/* RIGHT */

.page-univers .right {
	width: 295px;
	}

.right h2 {
	width: 265px;
	margin: 100px auto;
	}

.right span.titre {
	font-weight: bolder;
	font-style: italic;
	}
	
.right img {
	margin-left: 17px;
	}
	
/* CENTER */

.page-univers .center {
	width: 390px;
	}

/* ------------------------------------ COLLECTION ------------------------------------  */

/* BLOCS */

.page-collection.left, .page-collection .center, .page-collection .right  {
	margin-top: 150px;
	}
	
.page-collection .left .hiver, .page-collection .center .hiver, .page-collection .right .hiver {
	border: none;
	}

.page-collection .left .hiver {
	margin-top: 20px;
	}
	
.page-collection .center .hiver, .page-collection .right .hiver {
	margin-top: 65px;
	}

#site.page-collection #pdf {
	float: right;
	margin: 5px 50px 0 0;
	}

/* ---------------- TENDANCES ---------------- */

p.text-top {
	width: 600px;
	margin: -90px 0 0px 320px;
	font-size: 0.7em;
	font-weight: bold;
	}
	
/* CENTER */
	
.page-collection img {
	margin: 0;
	}

.page-collection .center img {
	margin-left: 25px;
	}

/* ----------------------------------- BOUTIQUE -----------------------------------  */

p#maps {
	width: 950px;
	text-align: center;
	}

p#maps a {
	font-size: 1.6em;
	}

/* ----------------------------------- CAMPAGNE -----------------------------------  */

ul#campagne {
	float: right;
	margin-right: 30px;
	}
	
ul#campagne li {
	margin-top: 10px;
	}
	
#ShadowBox img, #ZoomSpin img, #ZoomClose img {
	border: none;
	}

/* ----------------------------------- PRESSE -----------------------------------  */

#site.page-presse #pdf, #site.page-press #pdf {
	margin: 10px 0 0 12px;
	}
	
.page-presse #contenu .left img, .page-press #contenu .left img {
	margin-top: 200px;
	}

.page-presse #contenu .left img.no-border, .page-press #contenu .left img.no-border {
	margin-top: 110px;
	}

.page-presse #contenu .left ul#parutions, .page-press #contenu .left ul#parutions {
	width: 250px;
	}
	
.page-presse #contenu .left ul#parutions li, .page-press #contenu .left ul#parutions li {
	display: inline;
	float: left;
	}

.page-presse #contenu .left ul#parutions li img, .page-press #contenu .left ul#parutions li img {
	margin: 0 6px 0;
	padding: 0;
	}
	
.page-presse #contenu .center, .page-press #contenu .center {
	font-size: 0.9em;
	line-height: 1.3em;
	color: #585a59;
	}
	
.page-presse #contenu .center a, .page-press #contenu .center a {
	color: #585a59;
	}

.page-presse #contenu .center a:hover, .page-press #contenu .center a:hover {
	color: #a5a5a5;
	}

.page-presse #contenu .center ul, .page-press #contenu .center ul {
	margin-top: 100px;
	}

.page-presse #contenu .right, .page-press #contenu .right {
	margin: 100px -20px 0 0;
	float: right;
	}

/*---------------------------------- CONTACT ---------------------------------- */

.page-contact #contenu ul#coord {
	float: left;
	font-size: 0.8em;
	margin: -40px 0 0 40px;
	}

.page-contact #contenu ul#coord li img {
	border: none;
	margin-top: 20px;
	}

.page-contact #contenu  form {
	margin:70px 0 0 440px;
	}
	
.page-contact #contenu  form ul li {
	margin: 10px 0 0 10px;
	}

.page-contact #contenu  form ul li label {
	width: 7em;
	float: left;
	color: #2b2b2b;
	}
	
.page-contact #contenu  label, .page-contact #contenu  input {
	width: 20em;
	font-size: 0.8em;
	}
	
.page-contact #contenu input, .page-contact #contenu textarea {
	border-top: 1px solid #2b2b2b;
	border-left: 1px solid #2b2b2b;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	font-family: Verdana,Tahoma,sans-serif;
	font-size: 0.8em;
	}

.page-contact #contenu input:focus, .page-contact #contenu textarea:focus {
	border: 1px solid #2b2b2b;
	background: #f5f5f5;
	}

.page-contact #contenu  ul li input.bouton {
	background: none;
	border: none;
	width: 10.0em;
	height: 45px;
	cursor: pointer;
	margin-left: 170px;
	font-size: 1.2em;
	color: #b4b4b2;
	}
	
.page-contact #contenu  p.obligatoire {
	float: right;
	color: #b4b4b2;
	font-weight: bold;
	font-style: italic;
	font-size: 0.7em;
	}
	
.success, .error h3 {
	font-size: 1.0em;
	color: #b4b4b2;
	}
	
.success, .error {
	font-size: 0.8em;
	font-style: italic;
	color: #2b2b2b;
	margin: 20px 0 0 540px;
	}

/* ------------------------------ MENTIONS LEGALES ----------------------------- */

#site.page-mentions-legales h2, #site.page-legal-notice h2 {
	margin-left: 10px;
	}

ul#mentions {
	margin-left: 10px;
	}

ul#mentions li {
	font-size: 0.7em;
	}

ul#mentions li img {
	border: none;
	float: right;
	margin: 0 10px 0 40px;
	}

ul#mentions li p {
	font-size: 1.0em;
	padding: 0 10px 0 0;
	}

ul#mentions dl, ul#mentions h3 {
	margin: 10px 0;
	}

ul#mentions dl dt {
	float: left;
	margin-right: 10px;
	font-weight: bold;
	}
	
ul#mentions a {
	color: #585a59;
	}

ul#mentions a:hover {
	color: #a5a5a5;
	}

/* -------------------------------------- LANG --------------------------------------  */

#lang {
	width: 990px;
	margin-top: 580px;
	}
	
#lang ul {
	float: right;
	margin-right: 15px;
	}

#lang ul li {
	float: left;
	margin-left: 15px;
	}

#lang ul li a {
	background: url('../images/design/carre.jpg') center left no-repeat;
	padding: 0 0 0 20px;
	color: #b4b4b2;
	font-weight: bold;
	font-size: 0.7em;
	text-decoration: none;
	}

#lang ul li a:hover {
	text-decoration: underline;
	}

/* -------------------------------------------------------------------------------- AUTRES CLASSES -------------------------------------------------------------------------------- */

.clearer {
	clear: both;
	}
	
.no-border {
	border: none;
	}

#pdf {
	width: 180px;
	}
	
#pdf a {
	background: url('../images/design/carre.jpg') left center no-repeat;
	padding-left: 20px;
	text-decoration: none;
	}
	
#pdf a:hover {
	text-decoration: underline;
	}

#footer ul {
	float: right;
	}

#footer ul li {
	float: left;
	margin-left: 10px;
	}
	
#footer ul li a {
	font-weight: bold;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;	
	}
	
#footer ul a:hover {
	color: #585a58;
	}