html{
	font-family : arial;
}

a {
	color : black;
	text-decoration : none;
}

a:hover {
	color : grey;
	color : gray;
}

li{
	list-style-type:none;
	margin-top : -5px;
}

ul{
	margin-top : -5px;
	margin-bottom : 2px;
}

#contenu{
	width : 1024px;
	height : 600px;
	margin : auto;
	border : grey 1px solid;
}

#logo a{
	background : url('../img/logo.png');
	width : 375px;
	height : 237px;
	float : left;
}

#logo a:hover{
	background : url('../img/logohover.png');
}

#portfolio{
	margin-left : 10px;
	float : left;
}

#portfolio a{
	color : grey;
	font-size : 12px;
}

#portfolio a:hover{
	color : black;
}

#portfolio table{
	border-collapse : collapse;
}

.hautgauchep{
	background : url('../img/portfolio/hautgauche.jpg') no-repeat;
	width : 18px;
	height : 40px;
}

.logop{
	background : url('../img/portfolio/logo.jpg') no-repeat;
	width : 122px;
	height : 40px;
}

.hautcentrep{
	background : url('../img/portfolio/hautcentre.jpg') repeat-x;
	height : 40px;
}

.hautdroitep{
	background : url('../img/portfolio/hautdroite.jpg') no-repeat;
	width : 15px;
	height : 40px;
}

.centregauchep{
	background : url('../img/portfolio/centregauche.jpg') repeat-y;
	width : 18px;
	height : 10px;
}

.centredroitep{
	background : url('../img/portfolio/centredroite.jpg') repeat-y;
	width : 20px;
	height : 10px;
}

.basgauchep{
	background : url('../img/portfolio/basgauche.jpg') no-repeat;
	width : 18px;
	height : 16px;
}

.bascentrep{
	background : url('../img/portfolio/bascentre.jpg') repeat-x;
	height : 16px;
}

.basdroitep{
	background : url('../img/portfolio/basdroite.jpg') no-repeat;
	width : 15px;
	height : 16px;
}

#cv{
	margin-top : 300px;
	margin-left : -800px;
	float : left;
}

#cv a{
	color : black;
	font-size : 14px;
}

#cv a:hover{
	color : grey;
	color : gray;
}

#cv table{
	border-collapse : collapse;
}

#contenucv{
	overflow : auto;
	height : 268px;
}

#pagecv table{
	border-collapse : collapse;
}

.hautgauchecv{
	background : url('../img/cv/hautgauche.jpg') no-repeat;
	width : 22px;
	height : 49px;
}

.logocv{
	background : url('../img/cv/logo.jpg') no-repeat;
	width : 221px;
	height : 49px;
}

.hautcentrecv{
	background : url('../img/cv/hautcentre.jpg') repeat-x;
	height : 49px;
}

.hautdroitecv{
	background : url('../img/cv/hautdroite.jpg') no-repeat;
	width : 19px;
	height : 49px;
}

.centregauchecv{
	background : url('../img/cv/centregauche.jpg') repeat-y;
	width : 22px;
	height : 12px;
}

.centredroitecv{
	background : url('../img/cv/centredroite.jpg') repeat-y;
	width : 24px;
	height : 12px;
}

.basgauchecv{
	background : url('../img/cv/basgauche.jpg') no-repeat;
	width : 20px;
	height : 26px;
}

.bascentrecv{
	background : url('../img/cv/bascentre.jpg') repeat-x;
	height : 26px;
}

.basdroitecv{
	background : url('../img/cv/basdroite.jpg') no-repeat;
	width : 19px;
	height : 26px;
}

#contact table{
	border-collapse : collapse;
}

#contact{
	margin-top : 100px;
	margin-left : 500px;
	float : left;
}

#pagecontact table{
	border-collapse : collapse;
	margin : auto;
}

#pagecontact input{
	background : url('../img/contact/input.jpg') no-repeat;
}

#pagecontact textarea{
	background : url('../img/contact/textarea.jpg') no-repeat;
}

#pagecontact b{
	color : red;
	font-weight : normal;
	font-size : 12px;
}

#pagecontact i{
	color : green;
	font-size : 12px;
}

.hautgauchecontact{
	background : url('../img/contact/hautgauche.jpg') no-repeat;
	width : 21px;
	height : 45px;
}

.logocontact{
	background : url('../img/contact/logo.jpg') no-repeat;
	width : 115px;
	height : 45px;
}

.hautcentrecontact{
	background : url('../img/contact/hautcentre.jpg') repeat-x;
	height : 45px;
}

.hautdroitecontact{
	background : url('../img/contact/hautdroite.jpg') no-repeat;
	width : 18px;
	height : 45px;
}

.centregauchecontact{
	background : url('../img/contact/centregauche.jpg') repeat-y;
	width : 21px;
	height : 11px;
}

.centredroitecontact{
	background : url('../img/contact/centredroite.jpg') repeat-y;
	width : 18px;
	height : 11px;
}

.basgauchecontact{
	background : url('../img/contact/basgauche.jpg') no-repeat;
	width : 21px;
	height : 18px;
}

.bascentrecontact{
	background : url('../img/contact/bascentre.jpg') repeat-x;
	height : 18px;
}

.basdroitecontact{
	background : url('../img/contact/basdroite.jpg') no-repeat;
	width : 18px;
	height : 18px;
}

#liens table{
	border-collapse : collapse;
}

#liens{
	margin-top : -100px;
	margin-left : 100px;
	float : left;
}

#liens img{
	border : none;
}

.hautgaucheliens{
	background : url('../img/liens/hautgauche.jpg') no-repeat;
	width : 18px;
	height : 35px;
}

.logoliens{
	background : url('../img/liens/logo.jpg') no-repeat;
	width : 79px;
	height : 35px;
}

.hautcentreliens{
	background : url('../img/liens/hautcentre.jpg') repeat-x;
	height : 35px;
}

.hautdroiteliens{
	background : url('../img/liens/hautdroite.jpg') no-repeat;
	width : 16px;
	height : 35px;
}

.centregaucheliens{
	background : url('../img/liens/centregauche.jpg') repeat-y;
	width : 18px;
	height : 14px;
}

.centredroiteliens{
	background : url('../img/liens/centredroite.jpg') repeat-y;
	width : 16px;
	height : 14px;
}

.basgaucheliens{
	background : url('../img/liens/basgauche.jpg') no-repeat;
	width : 18px;
	height : 23px;
}

.bascentreliens{
	background : url('../img/liens/bascentre.jpg') repeat-x;
	height : 23px;
}

.basdroiteliens{
	background : url('../img/liens/basdroite.jpg') no-repeat;
	width : 16px;
	height : 23px;
}

#footer{
	font-size : 12px;
	text-align : center;
}

#footer a{
	text-decoration : none;
	color : black;
}

#footer a:hover{
	color : grey;
	color : gray;
}

#videoski a{
	font-size:16px;
	color:black;
	margin-left:-40px;
}

#videoski a:hover{
	color:grey;
}