@charset "utf-8";


/* CSS Document */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  src: local('Oswald-Regular'), local('Oswald-Regular'), url(oswald-regular.woff) format('woff'), url(oswald-regular.ttf) format('ttf'), url(oswald-regular.svg) format('svg'), url(oswald-regular.eot) format('eot');
}
body{
	margin: 0;
	padding: 0;
	background:#000;
	overflow-x: hidden;
}
#pegecoV3 a{
color:#888779;
text-decoration:none;
	font-weight: normal;
}
#pegecoV3 a:hover{
}

#pegecoV3 p{
}

#pegecoV3 p, ul, span{
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif;
	font-weight:normal;
	font-style:normal;
}

#pegecoV3 img{
	border: 0;
}

#pegecoV3 h1, #pixels{
	font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 10px;
	font-weight:700;
	font-style:normal;
}

#pegecoV3 h2{
	font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 2em;
	font-weight:200;
	font-style:normal;
}

#pegecoV3 h3{margin: 0;}

#pegecoV3 #header h1, #pegecoV3 #pixels{
	color: #48941A;
}



#pegecoV3 .float-right{ text-align: center;
	margin: 0 auto;
position: relative;
	clear:both;
	display:block;
}



#pegecoV3 #nav{
	background: #000;
	border-radius: 0 5px 5px 0;
	font-size: 11px;
	left: -40px;
	list-style: none;
	position: fixed;
	text-align: center;
	top: 50px;
	z-index: 9999;
	margin: 0 auto;
}
#pegecoV3 #nav img{ 
	padding-top: 5px;}
#pegecoV3 #nav a{ 
	padding-top: 5px; color: #B5B5A9; opacity:.7;}
	
#pegecoV3 #nav a:hover{ opacity:1; }
	
#pegecoV3 #nav li{
width: 60px;
	height: 60px;
	margin: 0 5px 10px 0;	
}



#pegecoV3 #travaux{background: transparent;
	color: #000;
	margin: 0 auto;
	padding: 0;
}
#pegecoV3 #travaux div {
	margin-top: 10px;
	font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif;
	font-size-adjust:0.531;
	font-weight:200;
	font-style:normal;
	text-align:center;
}
#pegecoV3 #second{background: transparent url(../images/header.jpg) center top no-repeat fixed;
	color: white;
	margin: 50px auto 0 auto;
	overflow: visible;
	padding: 0;
	z-index: 2;
}

#pegecoV3 #second .bg{background: transparent url(../images/plan1.png) center top no-repeat fixed;
	width: 100%;
	height: 2701px;
	margin: 800px auto;
	padding: 0;
	position: absolute;
	z-index: 3;
	overflow: visible;
}
#pegecoV3 #second p {margin-top: 740px; overflow: visible;}
#pegecoV3 #second p.book-desc{ font-size:0.9em; margin:10px 150px 50px 180px; text-align:center; min-height:140px; /*background: #123456; */ }
#pegecoV3 #second p.book-desc span{ color:#faf8eb; line-height: 60px; text-align: center; font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif; font-size: 1.7em; font-weight:100; }
#pegecoV3 #second p.book-desc img{ float: left;}
#pegecoV3 #second .welcome{margin-top: -100px; height: 3280px; z-index:10; background: transparent url(../images/plogo.png) center 729px no-repeat;}
#pegecoV3 #services{ position: relative; z-index: 999; margin: 800px auto; max-width: 400px; }
#pegecoV3 #services h2{ font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif; margin: 5px auto 5px auto; font-size: 2.1em;}
#pegecoV3 #services span{ color: #b5b5a9;  margin: 0 auto; padding-top: 45px; font-size: 1.05em;}
#pegecoV3 #services p{ color: #b5b5a9; margin: 102px 30px; padding-top: 5px; font-size: 1.05em;}
#pegecoV3 #services a{ color: #faf8eb;}
#pegecoV3 #services a:hover{ color:#b5b5a9 ;}
#pegecoV3 #second .story{
	color: #B5B5A9;
	margin: 0 auto 40px auto;
	overflow: auto;
	background: transparent url(../images/page-bg.png) center top no-repeat;
}

#pegecoV3 #second .story .float-left {
	margin: 0 auto;
	padding: 80px 0 0 0;
	max-width: 1280px;
	overflow-x: hidden;	
}

/* categories */
#pegecoV3 #elements-cat{background: transparent url(../images/header-bighead.jpg) center top no-repeat;
	color: white;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	z-index: 100;
	width: 100%;
}

#pegecoV3 #elements-post{background: transparent url(../images/header-bigbighead.jpg) center top no-repeat;
	color: white;
	height: 363px;
	margin: 0 auto;
	overflow: visible;
	z-index: 100;
	width: 100%;
}
#pegecoV3 #elements-mobile{background: transparent url(../images/header-mobilehead.jpg) center top no-repeat;
	color: white;
	height: 100%;
	margin: 0 auto;
	overflow: visible;
	z-index: 100;
	width: 100%;
}
#pegecoV3 #cathead { width:100%;margin: 0 auto; color: #888779; }
#pegecoV3 #cathead img {margin-top: 310px; margin-bottom: 10px; }
#pegecoV3 #cathead .float-right{background: #faf8eb; width: 980px; text-align: center;}
#pegecoV3 #elements-cat h2{
	margin: 0 auto 10px auto;
	font-size: 1.2em;
	overflow: hidden;
	z-index: 100;
	width: auto;
	 text-transform: uppercase;
}
#pegecoV3 #elements-cat h2.rouge{ color: #B26455;}
#pegecoV3 #elements-cat h2.vert{ color: #7AB065;}
#pegecoV3 #elements-cat h2.bleu{ color: #5694BF;}
#pegecoV3 #elements-cat h2.noir{ color: #888779;}
#pegecoV3 #second-cat{background: transparent;
	color: white;
	margin: 0px auto;
	overflow: visible;
	padding: 0;
	z-index: 100;
}
#pegecoV3 #second-cat .story{
	color: #B5B5A9;
	margin: 0 auto 0 auto;
	min-width: 320px;
	overflow: auto;
	max-width: 100%;
}

#pegecoV3 #second-cat .story .float-left {
	margin: 0 auto;
	padding: 0 0 0 0;
	position: relative;
	max-width: 100%;	
	overflow-x: hidden;	
}

#pegecoV3 .sep{ background: transparent url(../images/sep1.png) center 70px no-repeat; height: 120px;}
#pegecoV3 .sep-small{ background: transparent; height: 30px;}
#pegecoV3 #clients { border: none; background: #faf8eb; color: 888779; }
#pegecoV3 #clients .logos{ margin:0 30px 50px 30px; text-align: center; }
#pegecoV3 #clients .logos img{ border-right: dotted 1px #888779; border-bottom: dotted 1px #888779; margin-top: 7px; margin-right: 7px; opacity: 0.7; }
#pegecoV3 #clients h2{ color: #888779; }
#pegecoV3 #clients p.book-desc{ font-size:1em; margin:0 150px 50px 130px; text-align: left; color: #888779; }
#pegecoV3 .sep2{ background: transparent url(../images/sep2.png) left top no-repeat; height: 50px;}
#pegecoV3 .sep2b{ background: #faf8eb url(../images/sep2b.png) center 5px no-repeat; height: 50px; }

#pegecoV3 .sep3{ background: transparent url(../images/sep3.png) center 70px no-repeat; height: 620px;}



#pegecoV3 #contacts{width: 100%;
	color: white;
	padding: 0 0 500px 0;
	background: transparent url(../images/foot.jpg) left top no-repeat;
}
#pegecoV3 #contacts img{}
#pegecoV3 #contacts p {margin-top: 0px; overflow: visible;}
#pegecoV3 #contacts .contact{
	margin: 0 auto;
	max-width: 980px;
	overflow-x: hidden;	
}
#pegecoV3 #contacts .contact .float-right{
	margin: 0 10px;
	max-width: 980px;
	overflow-x: hidden;	
	/* background: transparent url(../images/ADN.png) center top no-repeat; */
}
#pegecoV3 #contacts .contact .float-right h2{
	font-family: 'Oswald', "Helvetica Neue", Arial, Helvetica, Verdana, Sans-Serif;
	margin: 20px 0 20px 0; 
	font-size: 2.3em;
}
#pegecoV3 #contacts span{ color: #faf8eb;  margin: 0 auto; font-size: 0.95em;}
#pegecoV3 #contacts .contact .float-right p.phone{font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif;  font-size: 2.5em; color: #faf8eb; width: auto; margin: 20px 0; float: none; text-align:center;}
#pegecoV3 #contacts .contact .float-right p.mail{font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif; font-size: 1.3em;width: auto; margin: 20px 0; float: none; text-align:center;}
#pegecoV3 #contacts .contact .float-right p.mail a{  font-size: 1.1em; text-decoration: none;color: #BED1D8; font-weight: normal;}
#pegecoV3 #contacts .contact .float-right p.mail a:hover{ text-decoration: none;  color: #5C8C8D; font-weight: normal;}
#pegecoV3 #contacts .contact .float-right p.info{width: 300px;  margin: 20px auto; float: none; text-align:center;}
#pegecoV3 #contacts .contact .float-right p.social{width: 300px;  margin: 20px auto; float: none; text-align:center;}
#pegecoV3 #contacts .contact .float-right p.social img{margin-left:7px; margin-right: 7px;}

/* -----------------------------------------------------------------------


Pegeco Style


-----------------------------------------------------------------------
#pegecoV3 #pegepost{
	background: #faf8eb;
	text-align:center;
	position:relative;
	z-index:1300;
}
#pegecoV3 #principal {  width: 100%; text-align: center; color: #888779; }
#pegecoV3 #principal .head { text-align: left; margin-top: 0; padding-bottom: 15px;}
#pegecoV3 #principal .head ul{  margin: 30px 10px 10px 10px; padding: 10px 10px 10px 20px; border-top: double #faf8eb 3px; border-bottom: double #faf8eb 3px;}
#principal .head li{ padding-bottom: 5px; padding-left: 10px; margin: 5px 10px; height: auto; border-bottom: dotted #888779 1px; }
#principal .head span{ font-weight: bold; }
#principal .head img {float: left; margin: 0 10px;}

#principal.services .head { text-align: left; margin: 0 20px; }
#principal.services .head p{float: left; width: 420px; min-height: 575px; margin: 0 2px 30px 28px;}
#principal.services .head p span{padding: 0 10px 0 0; font-weight:normal; text-transform: none; font-size: 0.9em;}
#principal.services .head p span a{font-weight: bold;}
#principal.services .head p span a:hover{color: #B5B5A9;}
#principal.services .head p span.liveinspace{font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif; padding: 0; font-weight:normal; text-transform: none; font-size: 2em;}
#principal.services .head img {float: left; margin: 0 10px 30px 10px;}
#principal.services .head ul{ max-width: 960px; margin: 30px 10px 0 10px; padding: 10px 10px 10px 20px; border-top: double #faf8eb 3px; border-bottom: double #faf8eb 3px;}
#principal.services .head li{ padding-bottom: 5px; margin: 25px 0 0 80px;   border-bottom: dotted #888779 1px; }
#principal.services .head span{ font-weight: bold; text-transform: uppercase; }
#principal.services .head span.rouge{ color: #B26455;}
#principal.services .head span.vert{ color: #7AB065;}
#principal.services .head span.bleu{ color: #5694BF;}
#principal.services .head span.noir{ color: #888779;}
#principal.services .head ul img {position: absolute; float: left; margin: 20px 10px 30px 10px;}
#end-timeline{ clear: both; margin-top: 77px;  text-align: center; z-index: 999;}

#pegepost hgroup{
	background: #faf8eb;
}
#pegepost hgroup h1{
	margin:0 0;
	font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 37px;
	line-height: 40px;
}
#pegepost hgroup h2 img{
	background:transparent;
}
#wrapper {
width : 100%;
float : left;
clear : both;
padding : 20px 0;
}
#main {
margin : 0 -394px 0 0;
float : left;
}
.pagination {
margin : 0 10px;
padding : 20px 0;
clear : both;
font-size : 110%;
}
.pagination a {
text-decoration : none;
}
.pagination a:hover {
text-decoration : none;
}
.post {
margin : 0 10px;
padding : 0;
}
.post-date {
margin : 0;
font-size : 90%;
}
.post-title {
margin : 0;
font-size: 1.9em;
line-height : 2.2;
}

.post-category {
font-size : 90%;
}
.post-category a {
text-decoration : none;
border-bottom : 1px dotted;
}
.post-excerpt a, .post-excerpt a:link, .post-content a, .post-content a:link {
text-decoration : none;
}
.post-excerpt a:hover, .post-content a:hover {
text-decoration : none;
}
.post-tags {
margin : 0 0 1.5em 0;
clear : both;
}
.post-tags ul {
margin : 0;
}
.post-tags ul li {
display : inline;
}
.post-tags ul li a {
text-decoration : none;
}
.read-it {
margin : 0;
font-size : 90%;
text-transform : lowercase;
clear : both;
}
#content {
background:#fff;
width: 99%;
margin: 0px auto;
}
#content-404{
background:#000;
max-width: 980px;
margin: 0px auto;
padding-left: 40px;
color: #fff;}
#content-404 h2{
padding-left: 40px;}
#content-404 p{
padding-left: 40px;}

.post {
background:#fff;
margin : 0 10px;
padding : 0;
}


*/



/* FOOTER */

#pegecoV3 #footer {
position:relative;
width: 100%;
bottom:30px;
margin : 0 0;
padding : 1px 0 0 0;
clear : both;
text-align: left;
z-index:1;
color : #faf8eb;
}

/* FOOTER CATEGORIES NAVIGATION, NO JQUERY SLIDE EFFECT */
#pegecoV3 #footer-categories-nav {
width : 100%;
float : left;
clear : both;
}
#pegecoV3 #footer-content {
width : 100%;
float : left;
clear : both;
margin : 0;
padding : 20px 0;
}
#pegecoV3 #footer-content a {
text-decoration : none;
border-bottom : 1px dotted;
}
#pegecoV3 #footer-nav {
width : 100%;
position : absolute;
margin : 0;
padding : 0;
bottom : 0;
left : 0;
background : transparent;
height : auto;
}
#pegecoV3 #footer-nav h2.post-title { max-width: 840px; margin: 0 auto; font-size: 1.6em; text-indent: 0; text-align: center; color: #faf8eb; text-transform: uppercase;}
#pegecoV3 #footer-nav h2.post-title a{ 
background: #888779;
margin: 20px 0 0 0;
border-radius: 40px;
padding: 7px 40px;
font-size: 0.75em;
font-weight: normal;
}
#pegecoV3 #footer-nav h2.post-title a.rouge{ 
background: #B26455;
}
#pegecoV3 #footer-nav h2.post-title a:hover.rouge{ 
background: #944E43;
}
#pegecoV3 #footer-nav h2.post-title a.bleu{ 
background: #5694BF;
}
#pegecoV3 #footer-nav h2.post-title a:hover.bleu{ 
background: #3C759B;
}
#pegecoV3 #footer-nav h2.post-title a.vert{ 
background: #7AB065;
}
#pegecoV3 #footer-nav h2.post-title a:hover.vert{ 
background: #4A733C;
}
#pegecoV3 #footer-nav h2.post-title a.noir{
color: #000; 
background: #E2DDB6;
}
#pegecoV3 #footer-nav h2.post-title a:hover.noir{ 
background: #C4B868;
}
#pegecoV3 #footer-nav p.post-excerpt { max-width: 840px;}
#pegecoV3 #footer-nav p.post-excerpt img{ float: right; border: 1px solid #faf8eb; margin-left: 2px; margin-top: -29px;}
#pegecoV3 #footer-nav .post-excerpt {
display : block;
margin : 0 auto;

padding : 0 0 16px 60px;
color : #faf8eb;
line-height: 18px;
text-align: left;
}
#pegecoV3 #footer-nav a {
color : #faf8eb;
}

/* COMPONENT */

#pegecoV3 #pegeco-classics{ margin: 0 auto; }

#pegecoV3 ul#classics { position: absolute; width: 300px; top: 3600px; background: none; height:auto; padding: 5px 21px; text-align:left; z-index: 9997;}
#pegecoV3 ul#classics li {width: 300px; margin-right: 10px; text-transform: uppercase; font-size: 0.75em; list-style: none; }
#pegecoV3 ul#classics li img{margin: 0 5px 0 0; padding-top: 5px; text-decoration: underline; }
#pegecoV3 ul#classics li span{ margin-top: -8px; vertical-align:middle;}

	#pegecoV3 ul#classics li a.tag1 {color: #B26455; vertical-align:middle;}
	#pegecoV3 ul#classics li a.tag2 {color: #5694BF;}
	#pegecoV3 ul#classics li a.tag3 {color: #7AB065;}
	#pegecoV3 ul#classics li a.tag4 {color: #888779;}
	#pegecoV3 ul#classics li a.on {opacity: .6;text-decoration: line-through; cursor: default;}
						
#pegecoV3 .pegeco-classics {
	list-style: none;
	background: #faf8eb;
	font-size: 14px;
}
#pegecoV3 .pegeco-classics ul { margin: 10px 0 0 -30px }
#pegecoV3 .pegeco-classics li {
	display: inline-block;
	margin: 0 14px 0 0;
	width: 300px;
	max-width: 300px;
	height: 340px;
}

#pegecoV3 .pegeco-classics li h3.desc {
	font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, Verdana, Sans-Serif; 

font-size: 1.4em; 
font-weight: normal;
	 text-transform: uppercase;
text-align: center; 
min-height: 26px;  
padding-top: 8px;
margin: 0 0 20px 0;
	max-width: 300px;}
#pegecoV3 .pegeco-classics li h3.desc a{ text-decoration: none; color:#888779; }
#pegecoV3 .pegeco-classics li a{  background:#E6E4CD; }
#pegecoV3 .pegeco-classics li a:hover{ background: #000; color:#faf8eb;  }
#pegecoV3 .pegeco-classics li a:hover img{ opacity: 0.25;  }
#pegecoV3 .pegeco-classics li a.classtitle {background: none;  color:#faf8eb;}
#pegecoV3 .pegeco-classics li a.classtitle:hover {cursor: inherit; }
#pegecoV3 .pegeco-classics li a.classtitle img{    padding-top: -40px; }
#pegecoV3 .pegeco-classics li a.classtitle:hover img{ opacity: 1;  }
#pegecoV3 .pegeco-classics li h3.catdesc { 
/*-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px; */
font-size: 1em; 
font-weight: 700; 
text-align: left; 
text-indent: 24px; 
min-height: 30px; 
font-weight: normal; 
color:#888779; 
background: url(../images/catbg.png); margin: 20px 0 0 0; padding-top: 2px;
	max-width: 300px;}
#pegecoV3 .pegeco-classics li h3.catdesc img{ float: right; border-left: 2px solid #faf8eb;
background: #888779; }
#pegecoV3 .pegeco-classics li h3.catdescnone { 
/*-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px; */
font-size: 1em; 
font-weight: 700; 
text-align: left; 
text-indent: 24px; 
min-height: 30px; 
font-weight: normal; 
color:#888779; 
background: url(../images/catbg.png); margin: 20px 0 0 0; padding-top: 2px;
	max-width: 300px;}
#pegecoV3 .pegeco-classics li > a,
#pegecoV3 .pegeco-classics li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}

/* end COMPONENT */

@media only screen and (max-width:1080px){ 
#pegecoV3 #contacts .contact .float-right{
	margin: 0 10px;
	background: transparent url(../images/ADN.png) center top no-repeat;
}
#pegecoV3 #contacts .contact .float-right p.phone{width: auto; margin: 20px 0; float: none; text-align:center;}
#pegecoV3 #contacts .contact .float-right p.mail{width: auto; margin: 20px 0; float: none; text-align:center;}
#pegecoV3 #contacts .contact .float-right p.info{width: 300px;  margin: 20px auto; float: none; text-align:center;}
}

@media only screen and (max-width:1024px) {
#pegecoV3 #nav{

width: 100%;
	background: transparent;
	border-radius: 0;
	list-style: none;
	position: fixed;
	text-align: center;
	top: 0;
	margin: 0 10px;
	z-index: 9999;
}
#pegecoV3 #nav img{ 
	padding-top: 5px; width: 80%; height: 80%;}
#pegecoV3 #nav a{ 
	padding-top: 5px; color: #B5B5A9; opacity:.7; font-size: 0px;}
	
#pegecoV3 #nav a:hover{ opacity:1; }
	
#pegecoV3 #nav li{
	background: #000;
width:40px;
padding: 0 5px;
float: left;
height: 40px;
border-radius: 0 0 5px 5px ;	
}

}


@media only screen and (max-width:980px){
#pegecoV3 #principal {max-width: 100%;} 
#pegecoV3 #principal img{ max-width: 100%; } 
#pegecoV3 #principal .head ul{ max-width: 90%; margin: 15px 0 0 0; padding: 10px 0 10px 0; border-top: dotted #888779 1px; border-bottom: dotted #888779 1px;}
#pegecoV3 #principal .head li{ margin: 0 10px 0 0; height: auto; min-width: 90%; max-width: 85%; border-bottom: none; }
#pegecoV3 #principal .head img {display: none;  }
#pegecoV3 #principal.services .head p{ display: block; clear: both; height: auto; float:none; width:90%; margin: 40px auto 0 auto;}
#pegecoV3 #principal.services .head p img{ display: block; clear: both; float:none; margin: 20px -40px;}
#pegecoV3 #principal.services .head ul img{ display: block; float: none;margin: 20px auto; }

#pegecoV3 #end-timeline{ clear: both;  text-align: left; margin: 10px 30px; position: absolute; z-index: 101;}
#pegecoV3 #end-timeline img{display: block; margin: 15px -12px;}

#pegecoV3 ul#classics { width: 100%; top: 3600px;}
#pegecoV3 ul#classics li { margin: 0 15%; }
#pegecoV3 .pegeco-classics ul { margin: 10px 0 0 -30px }
#pegecoV3 .pegeco-classics li{
	margin: 0 20px 0 0;
}
}
@media only screen and (max-width:829px){

#pegecoV3 ul#classics {top: 3620px;}
#pegecoV3 ul#classics li { margin: 0 10%; }
}





@media only screen and (max-width:740px){
#pegecoV3 #classics{display: none;}
#pegecoV3 #letri{display: none;}
#pegecoV3 ul#classics li {width: 300px; margin: 0 10%; text-transform: uppercase; font-size: 0.75em; list-style: none; } 

#pegecoV3 #services p{ }

#pegecoV3 #second p.book-desc{ margin:0 10px;}
#pegecoV3 #second p.book-desc img{ }
#pegecoV3 #second-mobile p.book-desc{ margin:0 30px; text-align: center;}

#pegecoV3 #clients { width: 100%; border: none; background: #faf8eb; margin: 0 0; }
#pegecoV3 #clients p.book-desc{ font-size:1em; margin:0 20px 50px 20px; text-align: left; }	
}