/* CSS Document */

body {
	background-image: url(../images/bodyback.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #F9F9F9;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*-DIV-*************************/
div.wrapper {
	background-image:url(../images/siteback.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 838px;
	min-height: 791px;
	margin: 0 auto;
	overflow: auto;
	border: 0px solid #000000;

}

div.profil {
	background-image:url(../images/siteback.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 967px;
	min-height: 936px;
	margin: 0 auto;
	overflow: auto;
	border: 0px solid #000000;
}


div.header {
	text-align: left;
	overflow: auto;
	width: 838px;
	border: 0px solid #000000;
}

div.menu {
	border: 0px solid #000000;
	float: left;
	margin-top: 115px;
}

div.bullet {
	background-color: #000000;
	width: 5px;
	height: 5px;
	margin-top: 10px;
	overflow: hidden;
	float: left;
}

div.topDeco {
	background-image: url(../images/top.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0 auto;
	overflow: auto;
	width: 721px;
	border: 0px solid green;
}

div.bottomDeco {
	background-image: url(../images/bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 721px;
	overflow: auto;
	border: 0px solid blue;
}

div.contentwrap {
	background-color: #5B0B0B;
	margin: 10px 7px 11px 6px;
	border: 0px solid red;
}

div.content {
	margin: 0 2px;
	width: 700px;
	border: 2px solid #000000;
	overflow: auto;
}

div.box {
	background-color: #D1D1D1;
	border: 2px solid #000000;
	width: 228px;
	height: 451px;
}

div.left {
	float: left;
}

div.middle {
	float: left;
	margin: 0 4px;
}

div.right {
	float: right;
}

div.portfolio {
	float: right;
	border-left: 2px solid #000000;
	width: 522px;
	min-height: 380px;
	padding-bottom: 10px;
	overflow: auto;
}

div.portfolioo {
	float: right;
	border-left: 2px solid #000000;
	width: 922px;
	min-height: 980px;
	padding-bottom: 10px;
	overflow: auto;
}

div.photorow {
	width: 522px;
	overflow: auto;
	border: 0px solid red;

}

div.photobox {
	display:;
	background-color: #FFFFFF;
	border: 2px solid #000000;
	width: 90px;
	height: 90px;
	margin: 10px 8px;
	margin-right: 34px;
	float: left;

}

div.footer {
	color: #7D7D7D;
	text-align: right;
	margin: 8px 0;
	padding-right: 75px;
	font-size: 10px;
	border: 0px solid #000000;
}

/*-TEXT***************************/
h1 {
	font-size: 10px;
	font-weight: bold;
	margin: 10px 5px 10px 8px;
}

p {
	margin: 12px 5px 0px 8px;
	padding: 0px;
}

p.popup {
	text-align: center;
	margin-bottom: 10px;
}

ul.categorie{
	margin: 0px 8px;
	padding: 0px;
	padding-bottom: 20px;
	list-style-type: none;
}

ul.contact {
	list-style-type: none;
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
	margin-bottom:0px;
}

/*-IMAGES-*************************/
img.logo {
	float: left;
	border: 0px solid #000000;
}

img.profil, img.contact {
	float: right;
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	border-left: 2px solid #000000;
}

img.contact {
	border-bottom: 2px solid #000000;
}

img.services {
	position: absolute;
	margin-top: 325px;
	margin-left: 9px;
	border: 2px solid #000000;
}

img.portfolio {
	border: 0px;
float:left;
}

img.popup {
	display: block;
	margin: 20px auto;
	border: 2px solid #000000;
}

img.carte {
	border: 2px solid #000000;
	margin: 8px 0px 0px 8px;;
	width: 250px;
	height: 200px;
}

/*-LINKS-*************************/
a.menu:link, a.menu:visited {
	float: left;
	line-height: 23px;
	margin: 0 15px;
	padding: 0 8px;
	color: #000000;
	font-size: 12px;
	background-color: #B6B6B6;
	text-decoration: none;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}

a.menu:hover {
	background-color: #5B0B0B;
	color:white;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
}

a.portfolio:link, a.portfolio:visited {
	color: #000000;
	text-decoration: underline;
	line-height: 15px;
}

a.portfolio:hover {
	text-decoration: none;
}

a.popup:link, a.popup:visited {
	color: #000000;
	text-decoration: underline;
	margin: 0 3px;
}

a.popup:hover {
	text-decoration: none;
}

a.footer:link, a.footer:visited {
	color: #7D7D7D;
	text-decoration: underline;
}

a.footer:hover {
	text-decoration: none;
}

/*---------------------------------*/
/*-CONTACT-------------------------*/
/*---------------------------------*/

p.contactMsg {
	margin-top: 10px;
	margin-bottom: 20px;
}

p.contactError {
	margin-top: 10px;
	margin-bottom: 20px;
	color: #A4191D;
	font-size: 12px;
	font-weight: bold;
}

form{
	border: 0px solid red;
	margin:0px;
	padding:0px;
}

label.contact, input.contact, textarea.contact {
	display: inline;
	width: 300px;
	float: left;
	margin-bottom: 10px;
	margin-left: 8px;
}

label.contact {
	text-align: left;
	width: 100px;
	padding-right: 10px;
}

textarea.contact {
	height: 100px;
}

input.contactSubmit {
	width: 150px;
	margin-left: 8px;
}

br.clear {
	clear: left;
}