* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style: none;
	font-family: Tahoma, "Times New Roman", "Serif";
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	line-height: 20px;
}

html,
body {
	width: 100%;
}

body {
	background: url('images/bg.jpg') repeat 50% 0;
	overflow-x: hidden
}

div.contenu {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
}

div.conteneur-2 div.contenu {
	overflow: auto;
}

div.contenu p {
	text-align: center;
	font-size: 14px;
}

div#header {
	position: relative;
	width: 100%;
	height: 360px;
	background: url('images/bg-header.jpg') no-repeat 50% 0;
}

.home div#header,
.error404 div#header {
	height: 340px;
}

div#header div#nav-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: url('images/bg-4.jpg') repeat-x 50% 0;
	box-shadow: 0 0 2px #888;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888;
}

div#header div.contenu {
	height: 58px;
	padding: 13px 0 0 0;
	/*background: url('images/titre.png') no-repeat 0 0;*/
}

div#header div.contenu p,
div#footer div.contenu p {
	float: left;
	text-align: left;
}

div#header div.contenu ul,
div#footer div.contenu ul {
	float: right;
}

div#header div.contenu ul li,
div#footer div.contenu ul li {
	float: left;
}

div#header div.contenu ul li a,
div#footer div.contenu ul li a {
	padding: 0 0 0 10px;
	text-align: right;
}

div#header div.contenu p,
div#header div.contenu ul li,
div#header div.contenu ul li a,
div#footer div.contenu p,
div#footer div.contenu ul li,
div#footer div.contenu ul li a {
	font-family: Tahoma, Arial, "Sans Serif";
	font-size: 11px;
	color: #aaa;
	text-shadow: 1px 1px 0 #fff;
	/*filter:progid:DXImageTransform.Microsoft.DropShadow(color='#ffffff',offX='1',offY='1');*/
}

div#header div.contenu ul li a:hover,
div#footer div.contenu ul li a:hover {
	/*color: #a61567;*/
	color: #777;
}

div#header div.ribbon {
	position: relative;
	margin: 0 auto;
	margin-top: -71px;
	width: 53px;
	height: 76px;
	background: url('images/ribbon-header.png') no-repeat 0 0;
}

div#screenshots {
	position: relative;
	width: 1000px;
	height: 312px;
	margin: 0 auto;
	background: url('images/screenshots.png') no-repeat 50% 0;
}

ul#competences {
	position: relative;
	width: 635px;
	height: 107px;
	margin: 0 auto;
	margin-top: 40px;
}

ul#competences li {
	position: relative;
	float: left;
	width: 107px;
	height: 107px;
	margin: 0 10px;
	background-image: url('images/competences.png');
	background-repeat: no-repeat;
}

ul#competences li.webdesign {
	background-position: 0 0;
}

ul#competences li.integration {
	background-position: -107px 0;
}

ul#competences li.wordpress {
	background-position: -214px 0;
}

ul#competences li.jquery {
	background-position: -321px 0;
}

ul#competences li.w3c {
	background-position: -428px 0;
}

div#bouton-accueil {
	position: relative;
	margin: 0 auto;
	margin-top: 7px;
	width: 419px;
	height: 52px;
	background: url('images/bouton-accueil.png') no-repeat 0 0;
}

div#bouton-accueil a {
	position: absolute;
	display: block;
	top: 0;
	height: 52px;
}

div#bouton-accueil a#voir-portfolio {
	left: 0;
	width: 230px;
}

div#bouton-accueil a#contactez-moi {
	right: 0;
	width: 170px;
}

div.conteneur {
	position: relative;
	width: 100%;
	background-repeat: repeat;
	background-position: 50% 0;
	box-shadow: 0 0 2px #333;
	-moz-box-shadow: 0 0 2px #333;
	-webkit-box-shadow: 0 0 2px #333;
}

/*.archive div.conteneur {
	box-shadow: 0 0 2px #555;
	-moz-box-shadow: 0 0 2px #555;
	-webkit-box-shadow: 0 0 2px #555;
}*/

.home div.conteneur-2,
.error404 div.conteneur-2 {
	z-index: 9;
}

.home div.conteneur-3,
.error404 div.conteneur-3 {
	z-index: 8;
}

div.conteneur-2 {
	background-image: url('images/bg-2.jpg');
}

div.conteneur-3 {
	background-image: url('images/bg-3.jpg');
}

div.conteneur-4 {
	background-image: url('images/bg-4.jpg');
}

div.pointilles {
	position: relative;
	width: 100%;
	height: 7px;
	background-repeat: repeat-x;
	background-position: 0 0;
}

div#header div#nav-bg div.pointilles {
	position: absolute;
	bottom: 0;
}

div.conteneur-2 div.pointilles {
	background-image: url('images/pointilles-2.png');
}

div.conteneur-3 div.pointilles {
	background-image: url('images/pointilles-3.png');
}

div.conteneur-4 div.pointilles,
div#header div.pointilles,
div#footer div.pointilles {
	background-image: url('images/pointilles-4.png');
}

div.pointilles-haut {
	background-position: 0 100%;
}

div.pointilles-bas {
	background-position: 0 0;
}

.archive div.conteneur div.contenu,
.single div.conteneur div.contenu {
	padding: 40px 0 21px 0;
	text-align: center;
}

.category div.conteneur div.contenu {
	padding: 40px 0;
	overflow: auto;
}

.single div.conteneur div.contenu {
	display: table;
}

div.conteneur.conteneur-end div.contenu,
.home div.conteneur.conteneur-vide div.contenu,
.error404 div.conteneur.conteneur-vide div.contenu,
.archive div.conteneur.conteneur-3 div.contenu {
	display: block;
	padding: 0;
	height: 40px;
}

.category div.conteneur.conteneur-3 div.contenu {
	padding: 40px 0;
	height: auto;
}

.category div.conteneur.conteneur-3 div.contenu p {
	color: #fff;
}

.category div.conteneur.conteneur-end div.contenu {
	padding: 0;
	height: 40px;
}

.archive div.conteneur-2,
.single div.conteneur-2 {
	z-index: 9;
}

.archive div.conteneur.conteneur-end,
.single div.conteneur.conteneur-end {
	z-index: 8;
}

.archive div.conteneur-2 div.contenu {
	width: 980px;
	padding-left: 10px;
	padding-right: 10px;
}

div.contenu div.thumb {
	position: relative;
	float: left;
	width: 314px;
	height: auto;
	margin: 0 12px 19px 0;
	line-height: 0;
	overflow: hidden;
	background: #453c41 url('images/plus.png') no-repeat 50% 50%;
	box-shadow: 0 0 10px #222;
	-moz-box-shadow: 0 0 10px #222;
	-webkit-box-shadow: 0 0 10px #222;
}

div.contenu div.thumb img {
	width: 314px;
	height: auto;
	opacity: 1;
}

.archive div.contenu div.thumb:hover img {
	opacity: 0.75;
}

.single div.contenu div.thumb,
.single div.contenu div.thumb img {
	width: 1000px;
	margin: 0;
}

.archive div.contenu div.thumb div {
	position: relative;
	display: none;
	width: 314px;
	height: 24px;
	padding: 0;
	background: url('images/browser-thumb.png') no-repeat 0 0;
}

.single div.contenu div.thumb div {
	position: relative;
	width: 1000px;
	height: 24px;
	background: url('images/browser.png') no-repeat 0 0;
}

.archive div.conteneur div.contenu p,
.archive div.conteneur div.contenu a,
.archive div.conteneur div.contenu ul.competences li {
	text-align: left;
	font-size: 12px;
}

.archive div.contenu div.thumb a,
.single div.contenu div.thumb a {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 0;
}

div.conteneur div.contenu div.client {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	height: 52px;
	margin-bottom: 22px;
	overflow: hidden;
}

div.conteneur div.contenu div.client div.client-center {
	position: relative;
	float: left;
	height: 52px;
	background-image: url('images/bg-client-center.png');
	background-repeat: repeat-x;
	background-position: 0 0;
}

div.conteneur-2 div.contenu div.client div.client-center {
	background-position: 0 100%;
}

div.conteneur div.contenu div.client div.client-titre,
div.conteneur div.contenu div.client div.client-competences {
	position: relative;
	float: left;
	height: 52px;
	padding: 0 48px 0 0;
	background-image: url('images/bg-client-center-2.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
}

div.conteneur div.contenu div.client div.client-competences {
	padding: 0 0 0 48px;
	background-position: 0 -52px;
}

div.conteneur-2 div.contenu div.client div.client-titre,
div.conteneur-2 div.contenu div.client div.client-competences {
	background-position: 100% -104px;
}

div.conteneur-2 div.contenu div.client div.client-competences {
	background-position: 0 -156px;
}

div.conteneur div.contenu div.client div.client-date {
	position: relative;
	float: left;
	height: 52px;
	padding: 0 8px;
	background: none;
}

div.conteneur div.contenu div.client div.client-side {
	position: relative;
	float: left;
	width: 26px;
	height: 52px;
	background-image: url('images/bg-client-side.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
}

div.conteneur div.contenu div.client div.client-side:first-child {
	background-position: 0 0;
}

div.conteneur-2 div.contenu div.client div.client-side {
	background-position: 100% 100%;
}

div.conteneur-2 div.contenu div.client div.client-side:first-child {
	background-position: 0 100%;
}

div.conteneur div.contenu div.client p {
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	font-family: "Times New Roman", "Serif";
	font-size: 15px;
	/*text-transform: uppercase;*/
}

div.conteneur div.contenu div.client div.client-date p {
	padding: 16px 0 0 0;
}

div.conteneur div.contenu div.client div.client-titre p {
	float: right;
	*float: left;
	text-align: right;
}

div.conteneur-3 div.contenu div.client div.client-titre p,
div.conteneur-3 div.contenu div.client div.client-competences p {
	color: #8f4c6e;
	text-shadow: 1px 1px 0 #5f193d;
}

div.conteneur-3 div.contenu div.client div.client-date p {
	color: #560d32;
	text-shadow: 1px 1px 0 #823c60;
}

div.conteneur-2 div.contenu div.client div.client-titre p,
div.conteneur-2 div.contenu div.client div.client-competences p {
	color: #61555c;
	text-shadow: 1px 1px 0 #181215;
}

div.conteneur-2 div.contenu div.client div.client-date p {
	color: #1e151a;
	text-shadow: 1px 1px 0 #564b51;
}

div.conteneur-4,
.archive div.conteneur-4,
.single div.conteneur-4 {
	box-shadow: 0 0 2px #888;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888;
}

div.conteneur-4 div.contenu,
.archive div.conteneur-4 div.contenu,
.single div.conteneur-4 div.contenu {
	padding: 20px 0 24px 0;
}

div.conteneur-4 div.contenu p,
div.conteneur-4 div.contenu p span,
.home div.conteneur-4 div.contenu p,
.error404 div.conteneur-4 div.contenu p,
.archive div.conteneur-4 div.contenu p,
.single div.conteneur-4 div.contenu p,
.home div.conteneur-4 div.contenu p a,
.error404 div.conteneur-4 div.contenu p a,
.archive div.conteneur-4 div.contenu p a,
.single div.conteneur-4 div.contenu p a {
	font-size: 14px;
	color: #41383d;
	text-align: center;
}

.category div.conteneur-2 div.contenu p,
.category div.conteneur-3 div.contenu p {
	font-size: 14px;
	color: #fff;
	text-align: center;
}

div.conteneur-4 div.contenu p a {
	margin: 0;
	padding: 0 10px 0 17px;
	background: url('images/puce.png') no-repeat 0 60%;
}

div.conteneur-4 div.contenu p a:first-child {
	padding: 0 10px 0 0;
	background: none;
}

.home div.conteneur-4 div.contenu p a,
.error404 div.conteneur-4 div.contenu p a {
	padding: 0;
	background: none;
}

.home div.conteneur-4 div.contenu p a:hover,
.error404 div.conteneur-4 div.contenu p a:hover,
div.conteneur-4 div.contenu p a:hover,
div.conteneur-4 div.contenu p a.active {
	color: #8f406f;
}

div.wpcf7 input {
	position: relative;
	padding: 15px 20px;
	color: #fff;
	background: none;
}

div.wpcf7 input, x:-moz-any-link, x:default{ /* Firefox */
	padding: 19px 20px;
}

div.wpcf7 br {
	display: none;
}

div.wpcf7 p {
	line-height: 0;
}

div.wpcf7 div {
	position: relative;
	float: left;
	margin: 0 20px 0 0;
	line-height: 0;
}

div.wpcf7 div label,
div.wpcf7 div span {
	position: absolute;
	top: 0;
	left: 0;
}

div.wpcf7 div label {
	padding: 15px 20px;
	color: #ad6288;
}

div.wpcf7 div.input-email {
	width: 200px;
	height: 52px;
	background: url('images/bg-input-mail.png') no-repeat 0 0;
}

div.wpcf7 div.input-message {
	width: 640px;
	height: 52px;
	background: url('images/bg-input-message.png') no-repeat 0 0;
}

div.wpcf7 div.input-submit {
	margin: 0;
	float: right;
	width: 120px;
	height: 52px;
	background: url('images/bg-input-submit.png') no-repeat 0 0;
}

div.wpcf7 div.input-submit img {
	display: none;
}

div.wpcf7 span.your-email input {
	width: 160px;
}

div.wpcf7 span.your-message input {
	width: 600px;
}

div.wpcf7 input[type=submit] {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 52px;
	cursor: pointer;
}

div.wpcf7 span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax {
	display: none;
}

div.wpcf7 div.wpcf7-response-output {
	position: relative;
	display: none;
	width: 1000px;
	color: #ad6288;
	margin: 0;
	padding: 20px 0 6px 0;
	text-align: center;
	text-shadow: 1px 1px 0 #692046;
	/*filter:progid:DXImageTransform.Microsoft.DropShadow(color='#692046',offX='1',offY='1');*/
}

div#filter {
	display: none;
}

div#footer {
	position: relative;
	width: 100%;
	margin: 50px 0 0 0;
	background: url('images/bg-4.jpg') repeat 50% 0;
	box-shadow: 0 0 2px #888;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888;
}

div#footer div#footer-content {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

div#footer div.contenu {
	height: 32px;
	margin-top: -45px;
	padding: 13px 0 0 0;
}

div#footer div.ribbon {
	position: relative;
	margin: 0 auto;
	margin-top: -33px;
	width: 53px;
	height: 76px;
	background: url('images/ribbon-footer.png') no-repeat 0 0;
}