/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #191718 url(images2/bg.gif);
	background-repeat:repeat-x;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}

html {overflow-y: scroll;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	background:none;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
}

h1 {
font-size: 1.5em;
color:#FFFFFF;
text-transform:uppercase;
}

h2 {
font-size: 1.5em;
padding-bottom:10px;
color:#FFFFFF;
}

h3 {
font-size: 1.2em;
color:#666666;
text-transform:uppercase;
}


p, ul, ol, blockquote {
	margin-top: 0;
	
}

a {
	color: #ff6600;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #666666;
}

img {
	border: none;
}

/* Header */

#conteneur {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	background-color:#191718;
}

#header {
	width: 830px;
	height: 114px;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	background-image:url(images2/header.gif);
	background-repeat:no-repeat;
}

/* Menu */

#menu {
	width: 336px;
	height: 40px;
	margin: 0 auto;
	margin-left:490px;
	margin-top:50px;
}

#menu h2 {
	display: none;
}

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float:left;
	width: 69px;
	height: 28px;
	padding-top: 12px;
	background: url(images2/off.gif);
	text-align: left;
	padding-left:15px;
	text-decoration: none;
	font-weight:bold;
	color: #FFFFFF;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
}

#menu a:hover, #menu .active a {

	background: url(images2/on.gif);
	height: 28px;
	padding-top: 12px;
	color: #FFFFFF;

}

#menu .active a {

	color: #ff6600;

}

#title {
	width: 830px;
	height: 35px;
	margin: 0 auto;
	padding: 0px 10px 0px 10px;
	background-image:url(images2/content.gif);
	background-repeat:no-repeat;
}

#box-gauche {
	width: 395px;
	margin: 0 auto;
	background:#191718;
	padding: 0;
	margin-bottom:10px;
}

#box-droite {
	width: 395px;
	margin: 0 auto;
	background:#191718;
	padding: 0;
	margin-bottom:10px;
}

/* Content */

#content {
	width: 830px;
	margin: 0 auto;
	background-color:#191718;
	height:150px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	line-height: 1.5em;
}


html>body #content {
	width: 830px;
	min-height:150px;
	margin: 0 auto;
	background-color:#191718;
	height:auto;
	padding-left:10px;
	padding-right:10px;

}

#gauche {
	width: 395px;
	margin: 0 auto;
	float:left;
}
#droite {
	width: 395px;
	margin: 0 auto;
	float:right;
}

#portfolio {
	height:70px;
}

#portfolio img {
	padding-right: 10px;

}

.thumb {
	width: 184px;
	margin: 0 10px 20px 0; 
	padding: 0;
	float: left;
}




.thumb a img {border:7px solid #0d0c0c} /* défini l'encadrement des images dans les liens hors survol */
.thumb a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
.thumb a:hover img {border:7px #ff6600 solid} /* défini l'encadrement des images lors du survol */

.thumb p {
	margin: 0 0 0 5px;
	padding: 0;
}

/* Footer */

#pointille {
	width:830px;
	margin: 0 auto;
	height:1px;
	background: #FFFFFF url(images2/dotted.gif);
	border-left: 10px solid #191718;
	border-right: 10px solid #191718;
	clear:both;
}

#footer {
	width: 830px;
	height: 30px;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	background: #191718;
	float:left;
}

#footer p {
	margin: 0;
	text-align: right;
	font-size: x-small;
	background: #191718;
	padding-right:10px;
}