*
{
margin: 0px;
padding: 0px;
font-family: Arial, Verdana, sans-serif;
}

body
{
width: 700px;
margin: auto;
margin-top: 0px 0px 10px 0px;
background-color: #e5e4e3;
text-shadow:0 1px 0 rgba(255,255,255,.5);
-webkit-font-smoothing: subpixel-antialiased;
}

#corps
{
width: 670px;
margin: 0px 0px 0px 100px;
padding: 10px 0px 20px 0px;
background: #ffffff;
}

#about
{
width: 630px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 50px 20px;
background: #ffffff;
}

#about p
{
padding: 0px 10px 20px 20px;
}


#contact
{
width: 245px;
margin: 0px 0px 0px -135px;
padding: 0px;
float: left;
}

#contact p
{
margin: 10px 0px 0px 10px;
}

#contact p img
{
margin: 0px 8px 0px 0px;
}

#header
{
width: 670px;
margin: 0px 0px 50px 70px;
padding: 0;
}

#menu
{
width: 700px; 
height: 35px;
padding: 0px;
margin: 0px 0px 0px 120px;
border-width: 0px;
}

#menu-cv
{
margin: 0px 0px 0px 15px;
}

#menusocial
{
padding: 0px;
margin: 0px 0px 0px 370px;
border-width: 0px;
}

#menu a, #menu img, #menu a img
{
padding: 0px;
margin: 0px 0px 0px 0px;
border-width: 0px;
}

.projet:hover, .projet:active
{
background-color: ;
color: ;
}

#projet
{
padding: 20px 20px 20px 20px;
margin: 0px 0px 0px 0px;
}


#footer
{
width: 500px;
height: 58px;
background: #e5e4e3;
margin: 0px 0px 0px 150px;
text-align: center;
text-decoration: none;
line-height: 130%;
color: #FFFFFF;
font-size: 0.8em;
text-align: center;

}

#footer p, #footer a
{
color: #434343;
text-decoration: none;
text-align: center;
padding-top : 15px;
}


h1
{
font-size: 1.6em;
color: #434343;
text-align: left;
font-weight: bold;
margin: 35px 0px 20px 18px;
}

h2
{
font-size: 0.9em;
color: #434343;
font-weight: bold;
margin-top: 35px;
margin-bottom: 3px;
}

h3
{
font-size: 0.9em;
color: #ff0060;
font-weight: normal;
margin-left: ;
margin-top: 5px;
margin-bottom: ;
}

p
{
color: #434343;
font-size: 0.8em;
text-align: left;
text-indent: 00px; 
line-height: 150%;
padding: 0px 10px 5px 20px;
 }
 
ul
{
color: #434343;
font-size: 0.8em;
text-align: left;
text-indent: 00px; 
line-height: 150%;
padding: 0px 10px 5px 50px;
list-style-image: url("images/puce.png");
 }
 
strong
{
color: #ff0060;
font-weight: bold;
margin-top: 0.5%;
margin-bottom: 0.5%;
}

#no-underline a
{
text-decoration: none;
}

#no-underline img
{
margin: 0px 5px 0px 5px
}

a img 
{
border: 0px;
padding: 0px;
border-width: 0px;
margin-bottom: 0px;
margin-top: 0px;
}

img 
{
padding: 0px;
margin-bottom: 0px;
margin-top: 0px;
}

a
{
text-decoration: underligne;
font-size: 1em;
color: #434343; 
}


/*
	Diapo
*/
#container  {
	width:580px;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:600px;
	height:341px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides, #slides2, #slides3{
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

#slides .next,#slides .prev, #slides2 .next,#slides2 .prev, #slides3 .next,#slides3 .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:570px;
	height:270px;
	overflow:hidden;
	position:relative;
}

#slides .next, #slides2 .next, #slides3 .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

#pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/


.caption p, .caption2 p, .caption3 p, .caption4 p  {
	font-size:0.8em;
	line-height:1.1;
	color:#fff;
}

.caption, .caption2, .caption3, .caption4 {
	position:absolute;
	bottom:-35px;
	height:26px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.7);
	width:540px;
	text-shadow:none;
}