@charset "UTF-8";
/* CSS Document */

body {
	min-width:950px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

body, html {
	margin:0px;
	padding:0px;
	height:100%;
}

img,img a {border:none}

#logo {
	width:129px;
	height:116px;
	position:absolute;
	top:0;
	left:0;
}

/* Footer */

#footer {
	background:#333;
	padding:10px;
	font-size:10px;
	color:#666;
}

#footer a {color:#666;text-decoration:none}
#footer a:hover {color:#888;text-decoration:underline}

/* Droppy */

/* Basic code - don't modify */
 
#nav {
	display: block;
	margin:0 0 0 129px;
	padding:0;
	position: relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	background-color:#ddfbfb;
	height:40px;
}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a {
	display: block;
	color:#008888;
	text-shadow: 1px 1px 1px #FFF;
	border-right:1px #FFF solid;
	border-left:1px #b8f1f1 solid;
	padding:12px;
	line-height:1;
	text-decoration:none;
}
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 200px; }
#nav ul ul { left: 200px; }

/* Everything else is theming */

#nav *:hover { background-color: none; }
#nav li.hover a { background-color: white; }
#nav ul { top: 40px; }
#nav ul li a {
	background-color:white;
	padding:6px;
	font-size:13px;
	zoom: 1;
	border-bottom:1px solid #d4ecec;
}
#nav ul a.hover { background-color: #8eb838;color:white;text-shadow:none;border-bottom:1px solid #8eb838; }
#nav ul a { border-bottom: 1px solid white; border-right: none; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#contact {
	width:341px;
	background:#00b6bd;
	padding:1px 12px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#contact div.plusloin {
	font-size:22px;
	margin:10px 0;
	text-align:center;
}

#contact .liens {
	padding-top:1px;
	margin-bottom:12px;
	background:#00747a;
}

#contact a {
	margin-top:6px;
	background:url(../img/bg_contact.gif) top left no-repeat;
	height:32px;
	display:block;
	line-height:25px;
	padding-left:16px;
	font-size:14px;
	color:#ff7e00;
	text-decoration:none;
}

#contact a:hover {
	background:url(../img/bg_contact.gif) 0 32px;
	color:#FFF;
}

#content {
	margin-top:100px;
}

#tcontent {
	background:#FFF;
	padding:15px 30px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-right:20px;
	color:#333;
	line-height:18px;
}

#tcontent a.sstitre {
	background:#F1F1F1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:right;
	padding:2px 6px;
	text-decoration:none;
	color:#777;
	font-size:9px;
	letter-spacing:1px;
	text-transform:uppercase;
}

#tcontent a.sstitre:hover {
	background:#ffb500;
	color:#FFF;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	margin:0 0 10px 0;
	padding:0;
	font-size:28px;
	text-shadow:1px 1px 1px #FFF;
	letter-spacing:-1px;
	color:#005b61;
	line-height:28px;
}

#tcontent strong {color:#222}

#tcontent ul {
	margin-left:10px;
	padding-left:0;
}

#tcontent ul li {
	list-style-type:square;
	border-bottom:1px solid #F1F1F1;
	padding:4px 0;
	color:#666;
}

#tcontent ul.valid li {
	list-style-type:none;
	padding-left:20px;
	margin-left:0;
	background:url(../img/valid.gif) 0 6px no-repeat;
}

#tcontent sup {
	font-size:0.85em;
	line-height:normal;
	color:#777;
}

#tcontent h3 {
	color:#850722;
	margin:20px 0 15px 0;
	padding:0;
	border-bottom:1px dotted #CCC;
}

#tcontent h1 sup {
	color:#005b61;
	font-size:0.5em;
}

#tcontent blockquote {
	border:3px solid #a1bc2a;
	margin:10px 20px;
	padding:10px;
	color:#666;
}

#tcontent hr {
	margin:15px 0;
	background:none;
	border:none;
	border-top:1px dotted #CCC;
}

#tcontent a.bouton {
	background:#ff6d00 url(../img/bg_bout.gif) top left;
	border:1px solid #ff6d00;
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 1px #ff6d00;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:14px;
	font-weight:bold;
	padding:4px 12px;
}

#tcontent a.bouton:hover {
	background:url(../img/bg_bout.gif) 46px left;
}

#femme {background:url(../img/photos2/fille2.gif) bottom right no-repeat}
#premiere {background:url(../img/photos2/femme-plan.gif) bottom right no-repeat}
#renover {background:url(../img/photos2/couple-travaux2.gif) bottom right no-repeat}
#ecopret {background:url(../img/photos2/couple-travaux3.gif) bottom right no-repeat}