body {
background: #fbf8f0 url(images/fondpage.jpg) top left repeat;
}

hr {
clear:both;
border-bottom:solid 1px #c9c7c2;
border-top:solid 1px #fbf8f0;
border-right:solid 1px #fbf8f0;
border-left:solid 1px #fbf8f0;
}

strong {
color:#756956;
}

/* @font-face {
font-family: "TrajanPro";
font-style: normal;
font-weight: normal;
src: url("../fonts/trajanpro.otf") format("opentype");
}
*/

h1, h2 {
color:#8e816b;
font-weight: normal;
font-family: "TrajanPro", Trajan Pro, Times New Roman, serif;
margin:0;
padding:0;
text-shadow: 2px 2px 1px #fff; 
text-transform:capitalize;
}

h1 {

}

h2 {
margin-bottom:1em;

}

.wrapper {
clear:both;
padding-top:50px;
background: transparent url(images/fondtitre.gif) top right no-repeat;
}

.title02 {
padding-top:40px;
height:31px!important;
background: transparent url(images/fondtitre2.gif) top right no-repeat;
}

.title03 {
padding-top:30px;
height:41px!important;
background: transparent url(images/fondtitre3.gif) top right no-repeat;
}

h2 span {
display:block;
width:97%;
margin:0 auto;
max-width: 1100px;
}

h3, h3 a {
color:#877962!important;
margin-top:0!important;
}

h3 span {
font-weight: normal!important;
font-style: italic;
}

#quick-info {
width:100%;
background: #cac7c2;
margin:0;
}

#dropdown {
display: none;
}

#dropdown {
width:100%;
background: #cac7c2;
margin:0;
padding-bottom:3px;
}

#dropdown label {
display: block;
font-weight: 200;
}

#dropdown fieldset {
margin:0;
padding:0;
}

#dropdown input, #dropdown textarea {
padding:10px;
font-size:1em;
border:solid 1px #8f8b88;
background: #fef9f3;
}

#dropdown input {
width:90%;
}

#dropdown textarea {
width:328px;
}

#dropdown p {
width:650px;
}

.row01 {
float:left;
width:300px;
}

.row02 {
width:350px;
}

.button-container {
width:650px;
text-align: right;
}

.button-container button {
width:173px;
border:solid 1px #8f8b88;
background: #8e816b;
color:#fff;
font-weight: bold;
text-transform: uppercase;
padding:10px;
margin:0;
font-size:0.8em;
}

.cancel {
color:#8e816b!important;
background:#c6c1ba!important;
margin-right:3px;
}


#quick-info p {
margin:0 0 0 47%;
padding:2px 0 6px 0;
max-width: 1100px;
color:#8e816b;
font-size:0.9em;
}

#quick-info p span, #quick-info p a {
color:#393939;
font-weight: 400;
}

.container {
margin:0 auto;
padding:0 0 2em 0;
width:98%;
max-width: 1100px;
/* border:solid 1px #000; */
}

.enveloppe01 {
padding:20px 0;
background:url(images/fondpage2.gif);
}

/*
.middlebox {
margin-top:-40px;
margin-bottom:-5px;
padding-bottom:1em;
}
*/

.galerie-projets {
width:960px;
margin:-50px auto -20px auto;
}

.projet {
border:solid 1px #cac7c2;
height:250px;
z-index: 1000;
}

.projet a {
display:block;
height:0;
padding-top:250px;
overflow: hidden;
}

.mm {
background: transparent url(images/mm.jpg) top center no-repeat;
}

.topbox {
margin-top:40px;
padding-bottom:0;
}

#logo img {
padding:40px 0 20px 0;

}

#menu {
padding:123px 0 20px 0;
}


#menu ul {
list-style-type: none;
display: inline;
}

#menu li {
font-weight: 200;
display: inline;
font-size:1.2em;
}

#menu li a {
outline: none;
display: block;
float:left;
margin:0 12px 0 0;
padding:5px 10px;
color:#000;
text-decoration: none;
font-size:0.9em;
background-color: #fbf8f0;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-property: background-color;
-moz-transition-duration: 0.5s;
transition-property: background-color;
transition-duration: 0.5s;
}

#menu li a:hover, .menu-active a {
background: #b2d6c8!important;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.menu-last a {
margin:0;
}

.summary-zone {
display:block;
width:47%;
min-width: 360px;
/* border:solid 1px #000; */
float:left;
}

.summary-zone p, .summary-zone h3 {
margin-right:1em;
}

.intro-zone {
background: transparent url(images/degrade.gif) top right no-repeat;
}

.content-zone {
margin-left:47%;
}


.intro a {
text-decoration: none; 
border-bottom: solid;
border-bottom-width: 1px;
}

#footer {
width:100%;
padding:2em 0 0 0;
background: #cac7c2 url(images/fondfooter2.gif) top left repeat-x;
}

#footer h4 a {
text-decoration: none!important;
color:#000!important;
}

.list01 {
list-style-type: none;
margin-left:0;
}

.list01 li {
margin:0.8em 0;
font-weight: 200!important;
padding-left:24px;
background: transparent url(images/puce.gif) center left no-repeat;
}

.first {
margin:0!important;
}

.adresse {
margin-bottom:0;
}

.fiche {
font-size:1.5em;
line-height: 1.1em;
}

.fiche a {
text-decoration: none;
display: block;
padding-left:70px;
height:56px;
padding-top:7px;
background: transparent url(images/fiche.gif) top left no-repeat;
}

#footer h4, #dropdown h4 {
color:#000!important;
font-weight: normal;
font-family: "TrajanPro", Trajan Pro, Times New Roman, serif;
margin:0;
padding:0;
text-shadow: 1px 1px 1px #fff; 
text-transform:capitalize;
}

#dropdown h4 {
padding-top:1em;
}

#footer p {
font-size:0.8em;
text-shadow: 1px 1px 2px #fff; 
}

.about {
padding-right:1em;
}

.end-footer {
background: transparent url(images/footer.gif) top center no-repeat;
padding-top:1em;
clear: both;
text-align: center;
}

.end-footer a {
color:#000;
}

.liste-billets {
margin:1em 0 1.5em 0;
padding:0;
list-style-type: none;
}

.liste-billets li {
font-size:0.8em;
/* text-shadow: 1px 1px 2px #fff; */
margin:0.5em 0;
}

.liste-billets li a {
color:#f9f1e6;
font-weight: 400;
text-decoration: none;
display:block;
background: transparent url(images/puce2.gif) 0 0.5em no-repeat;
padding-left:15px;
}

.liste-billets li a:hover {
text-decoration: underline;
}

.last-tweet, .tweet {
background: #f6f1e6;
margin:1em 3em 0 0;
padding:1em;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 1px 1px 13px #999;  
-webkit-box-shadow: 1px 1px 13px #999;
box-shadow: 1px 1px 13px #999;
}

.followus {
margin:0 0 2em 0;
padding:7px 0 0 80px;
background: transparent url(images/tweets.gif) top left no-repeat;
display:block;
height:32px;
}

.followus a {
color:#000;
}

.last-tweet h5, .tweet h5 {
color:#8e816b;
margin:0;
padding:0;
}

.tweet ul, .tweet li {
list-style-type: none;
margin:0;
padding:0;
font-size:small;
}

.last-tweet p, .tweet li {
margin:0.5em 0 0 0;
padding:0;
}

.last-tweet a, .tweet a {
color:#000;
}

.socials {
list-style-type: none;
margin:1em 0;
padding:0;
}

.socials li {
display: inline;
margin:0;
padding:0;
}

.socials li a {
display: block;
width:30px;
height:0;
padding-top:31px;
margin:0 10px 0 0;
overflow: hidden;
float:left;
}

.twitter a {
background: transparent url(images/socials.png) 0 0 no-repeat;
}

.twitter a:hover {
background-position: 0 -31px;
}

.facebook a {
background: transparent url(images/socials.png) -60px 0 no-repeat;
}

.facebook a:hover {
background-position: -60px -31px;
}

.linkedin a {
background: transparent url(images/socials.png) -30px 0 no-repeat;
}

.linkedin a:hover {
background-position: -30px -31px;
}

.viadeo a {
background: transparent url(images/socials.png) -90px 0 no-repeat;
}

.viadeo a:hover {
background-position: -90px -31px;
}

.gowalla a {
background: transparent url(images/socials.png) -120px 0 no-repeat;
}

.gowalla a:hover {
background-position: -120px -31px;
}

.google a {
background: transparent url(images/socials.png) -150px 0 no-repeat;
}

.google a:hover {
background-position: -150px -31px;
}

.dismoiou a {
background: transparent url(images/socials.png) -180px 0 no-repeat;
}

.dismoiou a:hover {
background-position: -180px -31px;
}

.pagesjaunes a {
background: transparent url(images/socials.png) -210px 0 no-repeat;
}

.pagesjaunes a:hover {
background-position: -210px -31px;
}

.map {
background: transparent url(images/plan.gif) top right no-repeat;
}

.people {
padding-top:3em;
}

.staff {
margin:0 0 50px 210px;
}

.people p {
margin-left:210px;
margin-right:20px;
}

.people h3, .fonction {
margin:0!important;
padding:0;
}

.people ul {
list-style-type: none;
margin-left:210px;
}

.photo-staff {
float:left;
border:solid 5px #ffffff;
margin-right:2em;
-moz-box-shadow: 1px 1px 13px #999;  
-webkit-box-shadow: 1px 1px 13px #999;
box-shadow: 1px 1px 13px #999;
-moz-transform: rotate(8deg);  
-webkit-transform: rotate(5deg); 
transform: rotate(5deg); 
}

.galery_main, .galery_typic, .galery_end {
border:solid 5px #ffffff;
-moz-box-shadow: 1px 1px 13px #999;  
-webkit-box-shadow: 1px 1px 13px #999;
box-shadow: 1px 1px 13px #999;
}

.galery_typic {
margin:5px 20px 5px 0;
}

.galery_end {
margin:5px 0;
}

.ref-highlight {
margin:20px 5px;
width:99.09%;
height:300px;
border:solid 1px #cac7c2;
background: transparent url(images/kanopeestore.jpg) top center no-repeat;
}

.ref-highlight a {
display:block;
height:35px;
padding:265px 0 0 20px;
overflow: hidden;
color:#877962;
text-decoration: none;
text-shadow: 2px 2px 1px #fff; 
}

.reference, .reference-vide {
color:#877962;
text-shadow: 2px 2px 1px #fff; 
border:solid 1px #cac7c2;
width:145px; /* 145px */
height:145px;
float:left;
margin:5px; /* 5px */
text-align: center;
font-size:80%;
line-height: normal;
background: transparent url(images/fondref.jpg) top left;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

.reference a, .reference-vide a {
color:#877962;
text-decoration: none;
}

.reference a:hover, .reference-vide a:hover {
color:#000;
}

.reference-vide {
background: transparent url(images/fondref-vide.jpg) top left;
border:solid 1px #e3dfd9;
}

.reference img {
margin:5px 0;
}

.reference-vide p {
margin-top:55px;
font-weight: bold;
}

.showreel-title {
clear:both;
padding-top:20px!important;
}

.illustr01 {
float:right;
}

.prestation {
clear: both;
margin:3em 0;
}

.prestation h3 {
font-size:1.4em;
}


.prestation-infos {
background: #fff;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0 0 5px #858585;
-moz-border-radius: 10px;
-moz-box-shadow: 0 0 5px #858585;
border-radius: 10px;
box-shadow: 0 0 5px #858585;
}

.prestation-infos p {
margin:0.5em;
font-size:0.8em;
}

.prestation-desc {
margin-right:200px;
}

.prestation-plus h5 {
text-align: center;
color:#fff;
text-shadow: 1px 1px 2px #000;
margin-top:1.5em;
/*
-moz-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
*/
}

.prestation-plus ul {
margin:0 10px 0 30px;
padding:0;
list-style-type: none;
/*
-moz-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
*/
}

.prestation-plus li {
margin:1em 0;
font-size:0.7em;
line-height: normal;
}

.plus {
vertical-align: middle;
}

.prestation-cout {
padding:5px;
}

.prestation-cout span {
background: #b2d6c8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:0.5em;
}

.prestation-exemples {
display:block;
float:right;
padding:-5px 0 5px 0;
}

.prestation-plus {
float:right;
width:193px;
height:205px;
background: transparent url(images/postit.jpg) top left no-repeat;
}

.highlight {
color:#4d9d7e!important;
}

/* Easy Slider */
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */

	#slider {
	border-left:solid 1px #c9c7c2;
	}
	
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:510px;
		height:300px;
		overflow:hidden; 
		}	
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		margin-left:50%;
		left:-390px;
		top:970px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:362px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
	
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		background-color: #cac7c2;
		color:#8e816b;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#b2d6c8;
		color:#000;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */