* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'Museo300';
  src: url('fonts/museo300-regular-webfont.eot');
  src: local('☺'), url('fonts/museo300-regular-webfont.woff') format('woff'), url('fonts/museo300-regular-webfont.ttf') format('truetype'), url('fonts/museo300-regular-webfont.svg#webfontdQlABbV2') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Museo500';
  src: url('fonts/museo500-regular-webfont.eot');
  src: local('☺'), url('fonts/museo500-regular-webfont.woff') format('woff'), url('fonts/museo500-regular-webfont.ttf') format('truetype'), url('fonts/museo500-regular-webfont.svg#webfontdQlABbV2') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Museo700';
  src: url('fonts/museo700-regular-webfont.eot');
  src: local('☺'), url('fonts/museo700-regular-webfont.woff') format('woff'), url('fonts/museo700-regular-webfont.ttf') format('truetype'), url('fonts/museo700-regular-webfont.svg#webfontdQlABbV2') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {
  background-color: #c0b2b1;
	color: #FFFFFF;
	font-family: Georgia, Times, serif;
	font-size: 11pt;
	padding-left: 10px;
	padding-top: 10px;
}

header, nav, section, footer, figure { display: block;}

ul { list-style-type: none; }

a {
  color: #FFFFFF;
  text-decoration: none;
}
a img { border: 0;}

table td { vertical-align: top;}

header,
section#page,
footer {
  width: 930px;
  margin: 0 auto;
}

header{
  width: 930px;
  margin-bottom: 16px;
}

header .contact {
  font-family: 'Museo300';
  font-size: 1.2em;
  text-align: right;
}

header .contact img {
  vertical-align: middle;
}

h1 {
  font-family: 'Museo300', sans-serif;
  font-size: 18pt;
  text-transform: lowercase;
  float: left;
  padding-top: 7px;
  font-weight:normal;
  line-height: 0.90em;
  margin-bottom: 10px;

}
h1 .name span a  { color: #c0b2b1; background-color: #FFFFFF;}
h1 .name { font-size: 2em; letter-spacing: 2px; line-height: 0.9em; }

section[role=secondary] {
  float: left;
  width: 230px;
  clear: left;
}

nav ul { margin-bottom: 15px;}
nav ul a {
  display: block;
  line-height:18px;
}

img.fleche { border-right: 1px solid #FFFFFF;}
img.fleche.projets-perso { border-color: #c0b2b1;}

p.right {text-align: right;}

nav[role=secondary] img.fleche { border-color: #c6c1c1;}

footer h3,
#projects h3,
.home p.right {
  font-family: 'Museo700';
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 0.95em;
  letter-spacing: 1px;
  color: #FFFFFF;
  font-weight: normal;
}
footer h3 a,
#projects h3 a,
.home p.right a { border-bottom: 1px solid #FFFFFF; font-weight: normal;}

#projects ul {
  padding-left: 30px;
  list-style-type: disc;
}
#projects ul li { font-size: 0.9em;}
#projects ul li a,
#projects ul li {
  color: #5D5D5D;
}
#projects ul li a:hover { text-decoration: underline}

section[role=main] {
  width: 660px;
  margin-left: 270px;
}

.title_block {
  font-family: "Museo700";
  font-weight: normal;
  color: #938989;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.3px;
  background-color: #FFFFFF;
  padding: 1px 2px;
}

ul.links { color: #000000; margin-bottom: 20px;}
ul.links a { color: #656565;}
ul.links a:hover { text-decoration: underline;}

.last_post { color: #000000;}
.last_post h3 a { border: 0; text-transform: none; font-size: 1.3em; letter-spacing: 0; font-weight: normal;}
.last_post .surtitre {
  font-size: 0.75em;
  margin-top: 10px;
  margin-bottom: 5px;
  color: #FFFFFF;
}
.last_post .date {
  font-size: 0.8em;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.last_post .content { margin-bottom: 10px;}

nav ul .last_post .right_link a {
  display: inline;
}


/* Home */

.presentation {
  overflow: hidden;
  margin-bottom: 20px;
}
.presentation .column {
  float: left;
  width: 45%;
  margin-right: 5%;
  padding-top: 12px;
}
.presentation .column.portrait {
  line-height: 21px;
}
.presentation .column.portrait p {
  margin-bottom: 16px;
}
.presentation .column.atouts {
  padding: 11px 25px;
  margin-right: 0;
  width: 42%;
}
.presentation ul {
  list-style-type: disc;
  padding-left: 14px;
}
.presentation div p,
.presentation li,
footer div p,
footer li {
  color: #656565;
  margin-bottom: 3px;
}
.presentation div p, .presentation li { margin-bottom: 8px; }
.presentation img {
  border: 1px solid #FFFFFF;
  float: left;
  margin-right: 15px;
}
.presentation li {
  margin-bottom: 8px;
}
.presentation .right {text-align:right; margin-bottom: 0;}
.presentation .right img { margin: 0; border-width: 0 1px 0 0; float: none;}
h2 {
  font-size: 1.3em;
  margin-bottom: 10px;
  font-weight: normal;
  font-family: 'Museo500';
}

.right_link { text-align: right;}
.right_link a {
  background: transparent url(../images/puce_chevron.png) left center no-repeat;
  padding-left: 12px;
  color: #000000;
}
.right_link a:hover { text-decoration: underline;}

.highlights { overflow: hidden;}
.highlight { margin-bottom: 20px;}
figure {
  position: relative;
  margin-bottom: 10px;
}
.big figure > a.home_lien img { height: 300px; }
.big,
.big figure > img,
.big figure > a.home_lien img,
.big ul {
  width: 660px;
}
.small,
.small figure > img,
.small figure > a.home_lien img,
.small ul {
  width: 320px;
}
.highlight.left { float: left;}
.highlight.right { float: right;}
.highlight .category_link {
  position: absolute;
  top: 0;
  right: 0;
}
figure ul {
  position: absolute;
  left: 0;
  bottom: 3px;
  padding: 10px 0;
  padding-left: 20px;
}
figure ul li {
  font-family: 'Museo300';
  text-transform: lowercase;
  color: #FFFFFF;
  font-size: 1.5em;
}
figure ul li.client_highlight {
  font-family: 'Museo700';
  font-size: 1.6em;
}


.temoignage { margin-bottom: 20px;}

.temoignage .apos_gauche {
  background: transparent url(../images/apos_gauche.png) left top no-repeat;
  padding-left: 35px;
}
.temoignage .apos_droite {
  background: transparent url(../images/apos_droite.png) right bottom no-repeat;
  padding-right: 35px;
}


/* Liste */
.element {
  text-align: left;
  margin-bottom: 30px;
  position: relative;
  overflow:hidden;
}
.image {
  width: 350px;
  padding-right: 20px;
  border-right: 2px solid #E4DEDE;
  float: left;
  text-align:right;
}
.image img { width: 350px;}

.infos {
  position: absolute;
  top: 30px;
  right: 0;
  width: 247px;
  padding-left: 25px;
  font-family: georgia, times, serif;
}
#project h2 {
  font-size: 1.5em;
  margin-bottom: 0;
}
#project h3 {
  font-weight: normal;
  font-family: "Museo300";
  margin-bottom: 10px;
}
.titre {
  font-size: 13pt;
  font-family: "Museo700";
  font-weight: normal;
}
.infos .date {
  font-family: "Museo300";
  text-align: right;
  text-transform: lowercase;
  font-size: 11pt;
  margin-bottom: 10px;
}
.type { line-height: 12px;}
.client {
  font-size: 11pt;
  margin-bottom: 1em;
  font-family: "Museo300";
}
#profil h3,
#table_references h3,
#portfolio h3 {
  font-weight: normal;
  font-family: "Museo500";
}
#profil h4,
#table_references h4,
#portfolio h4 {
  font-weight: normal;
  font-family: "Museo300";
  margin-bottom: 10px;
}
#profil h3 { margin-bottom: 10px; font-weight: normal;}
div.description {
  color: #343434  ;
  font-size:10pt;
  line-height:1.4em;
  margin-bottom: 10px;
  text-align: justify;
}
div.description a {
  color: #000000;
  font-weight: bold;
}
.voir {
  position: absolute;
  bottom: 0;
  right: 0;
}
.nav {
  position: absolute;
  top: 0;
  right: 0;
}
.nav a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1.15em;
  text-transform: lowercase;
  /*float: left;*/
}
.nav a img { vertical-align: text-bottom;}




/* Project */
#project .type { margin-bottom: 10px;}
#project .infos {
  position: static;
  width: auto;
  padding: 0;
  margin-bottom: 20px;
}
#project .image {
  text-align: left;
  border: none;
  float: none;
  padding: 0;
  width: auto;
  margin-bottom: 10px;
}
#project .image img {
  width: 660px;
}




.hidden { display: none;}

#table_contact {margin-bottom: 20px;}
#table_contact td{ width: 50%;}
#table_contact td div.adresse {
  border: 1px solid white;
  margin:0 20px 10px 0;
  padding: 30px;
}
#table_contact td div.adresse p{
  font-size: 10pt;
  margin-bottom:10px;
}
#table_contact td div.adresse p.legende{ font-size: 8pt;}
#table_contact td div.adresse a{ color: #000000;}

#contact p {
  clear:both;
  padding-top: 5px;
}

#contact label {
  display: block;
  float: left;
}
#contact input {
  display: block;
  float: right;
}
#contact input,
#contact textarea {
  border: none;
}
#contact p label { width: 20%;}
#contact p input { width: 80%;}
#contact textarea {
  width:100%;
  height: 43px;
}
#contact #contact_submit {
  color: #606060;
  text-align: right;
  width: auto;
  background:transparent none repeat scroll 0 0;
  border:1px solid white;
  padding: 1px 10px;
  color: #FFFFFF;
}

#profil div.description,
#table_references div.description{
  height: auto;
}

#profil .titre,
#table_references .titre{
  margin-top: 0px;
}

#profil .titre { margin-bottom: 1em;}

#profil .infos,
#table_references .infos {
  position: static;
  padding: 0 0 0 20px;
  float: left;
  border-left: 2px solid #E4DEDE;
  width: 268px;
}

#profil .image,
#table_references .image {
  border:0;
}

table.lfmWidgetchart_5757b43b5245bdb280fd4c6ea318afc2 {
  float: left;
  margin-right: 5px;
}

footer {
  clear: both;
  overflow: hidden;
  margin-bottom: 50px;
  border-top: 1px solid #FFFFFF;
  padding-top: 20px;
}
footer div.left {
  float: left;
  width: 230px;
  margin-right: 20px;
}
footer div.center {
  float: left;
  width: 570px;
  margin-right: 20px;
}
footer div.right {
  float: right;
  width: 290px;
}

footer div.right p { margin-bottom: 15px;}
footer div.right p.contact {text-align: right}

footer h3 { margin-bottom: 10px; color: #FFFFFF; font-family: "Museo500"; font-weight: normal;}
footer div p { margin-bottom: 5px; }
footer li { margin-bottom: 2px;}
footer > p {
  text-align: center;
  font-size: 0.85em;
  color: #656565;
}
footer > p.copy {
  padding-top: 20px;
  clear: both;
}
footer > p a { color: #656565; text-decoration: none; }

footer .presentation .column {
  width: 320px;
  margin-right: 15px;
}

footer .vcard {
  margin-top: 8px;
  margin-bottom: 13px;
  display: block;
}
footer .name {color: #FFFFFF;}

footer .name {
  text-transform: lowercase;
  font-family: "Museo300";
}
footer .name span {
  font-size: 2.1em;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 0.9em;
}
footer .name span span  { color: #c0b2b1; background-color: #FFFFFF; font-size: 1em}

.twtr-doc .twtr-ft { display: none;}
ul .twtr-widget .twtr-tweet-wrap,
ul .twtr-hd {
  padding-left: 0;
  padding-right: 0;
}
.twtr-timeline {
  height: auto!important;
}