* {
  margin: 0;
  padding: 0;
}

body {
	background-color: #CCC2C0;
	/*background-color: #B5ADAB;*/
	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: 910px;
  padding-left: 20px;
  margin: 0 auto;
}

header{
  width: 930px;
  padding-left: 0;
  overflow:hidden;
  margin-bottom: 16px;
}

#logo {
  float:left;
  margin-right: 20px;
}

#right_header {
  float: left;
  padding-top: 15px;
}

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

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: #CCC2C0;}

p.right {text-align: right;}

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

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

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


.blog {
  border: 1px solid #FFFFFF;
  padding: 18px;
  margin-bottom: 20px;
}
.last_post {
  font-size: 0.75em;
  color: #000000;
}
.last_post .surtitre {
  font-size: 0.8em;
  margin-top: 10px;
  margin-bottom: 5px;
}
nav ul .last_post h3 {
  margin-bottom: 10px;
  color: #FFFFFF;
}
nav ul .last_post h3 a {
  line-height: 1em;
  display: inline;
}
nav ul .last_post h3 a:hover {
  text-decoration: underline;
}
.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;
  font-size: 0.8em;
  margin-bottom: 20px;
}
.presentation .column {
  float: left;
  width: 45%;
  margin-right: 5%;
  padding-top: 12px;
}
.presentation .column.atouts {
  border: 1px solid #FFFFFF;
  padding: 11px;
  margin-right: 0;
}
.presentation ul,
footer 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;
  margin-bottom: 20px;
}
.presentation li {
  margin-bottom: 13px;
}
h2 {
  font-size: 1.1em;
  margin-bottom: 5px;
  height: 3em;
}

.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,
.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;
  background-color: rgba(255,255,255, 0.8);
  padding: 10px 0;
  color: #000000;
}
figure ul li { padding-left: 10px;}

.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: 385px;
  padding-right: 20px;
  border-right: 2px solid #E4DEDE;
  float: left;
  text-align:right;
}
.image img { width: 385px;}

.infos {
  position: absolute;
  top: 30px;
  right: 0;
  width: 247px;
  padding-left: 25px;
  font-family: georgia, times, serif;
}
.titre {
  font-weight: bold;
  font-size: 13pt;
}
.infos .date {
  font-weight: bold;
  text-align: right;
  text-transform: lowercase;
  font-size: 11pt;
  margin-bottom: 10px;
}
.type { line-height: 12px;}
.client {
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 1em;
}
div.description {
  color: #343434  ;
  font-size:10pt;
  line-height:1.4em;
  margin-bottom: 18px;
  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: 233px;
}

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

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

footer {
  clear: both;
  overflow: hidden;
  font-size: 0.8em;
  margin-bottom: 50px;
  border-top: 1px solid #FFFFFF;
  padding-top: 20px;
}
footer div {
  float: left;
  width: 25%;
}
footer h3 { margin-bottom: 10px;}
footer div p { margin-bottom: 5px; }
footer li { margin-bottom: 2px;}
footer > p {
  padding-top: 20px;
  text-align: center;
  clear: both;
  font-size: 0.85em;
  color: #656565;
}
footer > p a { color: #656565; text-decoration: none; }


.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;
}