@import url('fancy.css');
@import url('menu.css');
@import url('scrollpan.css');

* {
	margin		: 0;
	padding		: 0;
}

body {
	font		: 0.7em "Trebuchet MS",Arial;
}

a {
	outline		: none;
}

.hide {
	display		: none;
}

img {
	border		: 0;
}

#wrapper {
	position	: relative;
	margin		: 10em auto 0 auto;
	width		: 946px;
	height		: 546px;
	border		: 1px solid #ccc;
	background-repeat: no-repeat;
}

#sound {
	position	: relative;
	margin		: 0 auto;
	width		: 946px;
	height		: 20px;
	text-align	:right;
	color		:#fff;
}

#loader {
	position	: absolute;
	left		: 50%;
	top			: 300px;
	overflow	: hidden;
	display		: none;
	background	: transparent url(../img/loading.gif) center center repeat;		
	width		: 220px;
	height		: 19px;
}

#content {
	float		: left;
	width		: 731px;
	height		: 486px;
}

h2{
	color		: #000;
	margin-top	: 10px;
}

div.eco a#ecodurabilite{
	background: transparent url('../img/bt-eco.png') no-repeat 0 0;
	height : 68px;
	width: 122px;
	display:block;
	text-indent:-5000px;
	position:absolute;
	top: 410px;
	left:18px;
	z-index:1;
}
	

/* =================================== */
/* ============= FOOTER ============== */
/* =================================== */

#footer {
	height		: 50px;
	clear		: both;
	position	: absolute;
	top			: 486px;	
	width		: 946px;
}

#footer div {
	float		: left;
	padding		: 0 10px;
}

#logo a {
	display		: block;
	text-indent	: -3000px;
	width		: 202px;
	height		: 33px;
	margin		: 13px 0 0 10px;
	background	: transparent url(../img/logo_black.gif) top left no-repeat;
	background	: transparent url(../img/logo_white.gif) top left no-repeat;
}

#footer #contact {
	padding-top	: 14px;
	padding-left: 10px;
}

#footer #plan a {
	display		: block;
	width		: 30px;
	height		: 30px;
	margin		: 15px 0 0 0px;
	background	: transparent url(../img/plan2.gif) top left;
	text-indent	: -3000px;
	float		: left;
}


/* =================================== */
/* ============ PORTFOLIO ============ */
/* =================================== */

#content .pagination {
	text-align	:right;
	margin		: 0 25px 0 0;
}

#content .pagination a {
	font-weight	: bold;
	padding		: 4px 4px;
	text-decoration: none;
}

#content .pagination a:hover, #content .pagination a.selected {
	color		: #f26522;
	text-decoration: underline;
}

#content #portfolio {
	height		: 408px;
}

#content .photoBox {
	float		: left;
	display		: inline;
}

#content .photoBox  a{
	text-decoration:none;
}

#content .photoBox img {
	padding		: 5px;
	border		: 1px solid #ccc;
	margin		: 10px 16px;
}



/* =================================== */
/* ========== PARTENAIRES ============ */
/* =================================== */

#content #partenaires {
	margin		: 33px 0 0 0;
}

#content #partenaires img {
	border		: 1px solid #ccc;
	margin		: 0 30px 0 0;
}



/* =================================== */
/* ============== TEXTE ============== */
/* =================================== */

#content h1 {
	font-size	: 1.8em;
	margin-top	: 20px;	
		color	: #f26522;
}

#content h1.vert {
	color	: #609a57;
}

#content p {
	margin-top	: 10px;
	margin-right: 20px;
	text-align	: justify;
}

#content #form_box {
	margin-top	: 10px;
}

#content #form_box div {
	height		: 26px;
	padding		: 2px 0 2px 0;
}

#content #form_box div p {
	width		: 100px;
	float		: left;
	margin		: 3px 0;
}

#content #form_box div p.requis {
	padding-left: 10px;
	color		: #f26522;
	font-weight	: bold;
}

#content input,textarea {
	float		: left;
	background	: #fff url(../img/bg_input.gif) top left no-repeat;
	font		: 100% "Trebuchet MS";
	border		: 1px solid #efefef;
	padding		: 3px;
	width		: 200px;
}

#content textarea {
	width		: 400px;
	height		: 90px;
}

#content #submitter {
	margin		: 0 100px;
	background	: transparent url(../img/submit.gif) top left;
	width		: 147px;
	height		: 28px;
	border		: none;
	font		: bold 120% "Trebuchet MS";
	color		: #fff;
	cursor		: pointer;
}