a img{
  border:0;
}

ul{
  list-style:none;
  margin:0;
  padding:0;
}

.clear{
  clear:both;
}

a{
	color:#68441b;
	text-decoration:underline;
}

a:hover{
	color:#8b2100;
	text-decoration:underline;
}

body {
margin: auto;
padding:0px;
background:#f8ebdc url(img/plop.jpg) no-repeat  center top;
font-family: "Georgia", Arial, Helvetica, sans-serif;
font-style:italic;
font-size: 15px;  
color:#68441b;
}

body#qui {
background:#f8ebdc url(img/bck-q.jpg) no-repeat  center top;
}

body#serv {
background:#f8ebdc url(img/bck-s.jpg) no-repeat  center top;
}

body#contactpage {
background:#f8ebdc url(img/bck-c.jpg) no-repeat  center top;
}

body#folio {
background:#f8ebdc url(img/bck-f.jpg) no-repeat  center top;
}

body#foliox {
background:#faf1e6;
}

h1 {
font-size: 18px; 
font-weight:normal;
margin:0 auto;
padding:15px 40px 0;
color: #68441b;
clear:both;
}

h2 {
font-size: 18px; 
font-weight:normal;
margin:0 auto;
padding:0;
color: #68441b;

}

#line {
height:65px;
position:absolute;
top:0px;
left:0px;
width:800px;
z-index:10;
}
	
#speech {
	width:695px;
	margin:auto;
	float:left;
}

#speech-g {
	width:50px;	
	font-size: 56px; 
	color: #68441b;
	float:left;
}

#speech-d {
	width:50px;	
	font-size: 56px; 
	color: #68441b;
	float:right;
}
	
.big {
font-size: 56px; 
font-weight:normal;
margin:0;
padding:0;
color: #68441b;
clear:both;
}

#main{
width:800px;
margin:auto;

}

#menu{
width: 580px;
text-align: left;
margin: auto;
padding: 14px 0px 12px 0px;
}

#menu li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
		
#menu ul {
margin: 0px;
padding: 0px 0px 0px 0px;
}
	
#menu ul li a {
font:20px "Georgia", Arial, Helvetica, sans-serif;
font-style:italic;
color:#68441b;
padding: 0px;
margin: 0px 12px 0px 0px;
text-decoration: none;
}

#menu ul li a:hover {
color: #8b2100;
text-decoration: none;
}

.menu-none {
font:20px "Georgia", Arial, Helvetica, sans-serif;
font-style:italic;
color: #8b2100;
padding: 0px;
margin: 0px;
text-decoration: none;
}

#info{
clear:both;
Width:930px;
height:70px;
margin:auto;
border-bottom:1px solid #e5d4bb;
}


#titre {
clear:both;
color:#68441B;
float:left;
font-family:"Georgia",Arial,Helvetica,sans-serif;
font-size:81px;
font-style:italic;
margin:58px 0 0 50px;
_margin:70px 0 0 50px;
text-align:right;
width:300px;
}

#spec {
float:left;
width:300px;
margin:30px 0 0 40px;
_margin:50px 0 0 40px;
font-size:18px; 
text-align:left;
color:#68441b;
}

#plus {
float:right;
width:650px;
margin:-12px auto 0;
font-family: "Georgia", Arial, Helvetica, sans-serif;
font-style:italic;
font-size: 28px; 
text-align:left;
color:#68441b;
}

#vinz{
width:930px;
margin: 8px auto 0;
font-family: "Georgia", Arial, Helvetica, sans-serif;
font-style:italic;
font-size: 12px; 
text-align:center;
color:#e5d4bb;
}

#vinz a {
color:#e5d4bb;
text-decoration:none;
}

#vinz a:hover,#vinz a:focus,#vinz a:active {
color:#e5d4bb;
text-decoration:underline;
}


#content{
margin: 110px auto 0;
position:relative;
z-index:5;

}

#content-q{
margin: 100px auto 0;
width:690px;

}

#content-mail{
margin: 100px auto 0;
width: 690px;
}

#text-contact{
  width: 250px;
  float: left;
  padding: 0px 20px 10px 0px;
}

#coo{
  width: 200px;
 float:left;
 padding: 0 0 0 20px;

}

.gauche {
  margin:0;
  padding: 0px 10px 10px 0px;
  float: left;

}

.droite {
  margin:0;
  padding: 0px 0px 10px 0px;
    float: left;

}

#qui_droite {
margin: 0 0 0 10px;
float:right;
width:455px;
}

#qui_gauche {
margin: 0 10px 0 0;
float:left;
width:455px;
text-align:justify;
}

#my_skills{
  width: 280px;
  float: left;
}

#my_skills p{
text-align:justify;
}

#my_skills h2{
  font-size: 16px;
  color: #FFB800;
  margin: 0px 0px 24px 0px;
}

#my_skills ul li{
  width: 280px;
  float: left;
  margin: 0px 0px 2px 0px;
}

#my_skills ul li span{
  float: left;

}

#my_skills ul li img{
  float: right;
}

#slideshow {
	margin:110px auto;
	width:940px;
	background:transparent;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:680px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:680px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
}

.slide {
  margin:10px auto;
  width:680px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:300px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:120px;
  height:302px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/hand-l.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/hand-r.png) no-repeat 0 0;
}


#pageContainer {
  margin:0 auto;
  padding: 28px 0 0;
  width:940px;
  background:transparent;
}

.slide p {
  margin:0px 20px 0px 0px;
  color:#68441B;
  font-size:14px;
  
}

.slide h2 {
  margin:0 20px 15px 0;
  font-size:16px;
  color:#68441B;
}
.slide img {
  float:left;
  margin:0 20px 0 15px;
  border:none;
}

.slide{
padding:10px 0;
}


#teasers{
  width: 960px;
  padding:20px 0 0;
}

#teasers h2{
  font-size: 18px;
  margin: 0px 0px 12px 0px;

}

#teasers p{
  font-size: 14px;
  line-height: 135%;
}

.teaser_container{
  width: 216px;
  float: left;
  padding: 0px;

}

.teaser_container02{
  width: 216px;
  float: left;
  padding: 0px 21px 0px 21px;

}

#preview{
	width:690px;
	padding:5px 0;
	clear:both;
	}