@charset "utf-8";
/********************************************************
	CSS Document / General - Volten par Skalpel.fr
********************************************************/

/* CSS Reset
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }
:link, :visited { text-decoration: none; }
ul,ol { list-style: none; }
fieldset { border: 0; }
img { border: none; background: none; } a img { border: 0 none; } 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } 
.clear{ clear: both; height: 0px; font-size: 0px; line-height: 0px; } 
.strong{ font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; }


/* General
-----------------------------------------------------------------------------*/
html, body { height: 100%; }
body {
	background: #DDDFF7 url(../images/interface/bg.gif) top left repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #537195;
}

h1 {
	margin: 0 0 15px 30px;
	font-size: 2.10em;
	color: #E64414;
	font-weight: normal;
}
	#main[class=columns] h1 { margin-left: 0; }
h2 {
	margin: 30px 0 10px 0;
	font-size: 1.20em;
	color: #537195;
	text-transform: uppercase
}
h3 {
	margin: 25px 0 10px 0;
	font-size: 1.15em;
	color: #E64514;
}
h4 {
}
h5 {
}

blockquote {
	padding: 8px 15px 0 15px;
	margin: 0 0 25px 0;
	background: #DAE9F4 url(../images/interface/blockquote.gif) top left repeat-x;
	border: 1px solid #B0C4CB;
	font-size: 0.90em;
	color: #688E9B;
}
	blockquote p.title { margin-bottom: 20px; font-size: 1.10em; }

a:link, a:visited { color: #EF8401; text-decoration: underline;  }
a:hover { color: #E64514; }
h2 a:hover { color: #537195; }

p { margin-bottom: 15px; }

img.left { float: left; margin-right: 5px; vertical-align: middle; }
img.right { float: right; margin-left: 5px; vertical-align: middle; }
img.center { margin-bottom: 10px; }
img.border { border: 4px solid #C5D5DA; }

div.content ul { margin: 20px 0 30px 40px; } 
div.content li { padding-left: 10px; margin-bottom: 3px; background: url(../images/interface/puce-1.gif) 0 5px no-repeat; }


/* Containers
-----------------------------------------------------------------------------*/
#wrapper { 
	position: relative;
	z-index: 1;
	width: 916px; 
	margin: 0 auto; 
}
#frise {
	position: absolute;
	top: 4px;
	left: 110px;
	display: block;
	width: 811px;
	height: 240px;
	background: url(../images/interface/header-frise.jpg) top left no-repeat;
}
#header {
	position: relative;
	width: 916px;
	height: 116px;
	padding-top: 4px;
}
#global {
	position: relative;
	display: block;
	width: 914px;
}
#main {
	display: block;
	width: 912px;
	min-height: 350px;
	padding: 10px 0;
	background: #FFFFFF url(../images/interface/main-bg.gif) top left repeat-x;
	border: 1px solid #EEF7FB;
	border-top: none;
}
#footer {
	display: block;
	width: 916px;
	height: 160px;
	padding-top: 20px;
}


/* Header
-----------------------------------------------------------------------------*/
/* Logo */
#header div.volten {
	position: relative;
	display: block;
	width: 149px;
	height: 53px;
	padding-top: 44px;
}
#header div.volten a {
	position: relative;
	display: block;
	width: 149px;
	height: 53px;
	background: url(../images/interface/volten.gif) top left no-repeat;
	text-decoration: none;
}

/* Slogan */
#header div.slogan {
	position: absolute;
	top: 82px;
	left: 170px;
	display: block;
	width: 740px;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.60em;
	color: #F4E95F;
	font-weight: bold;
}


/* Menu / Nav
-----------------------------------------------------------------------------*/
/* Nav */
#nav {
	position: relative;
	float: right;
	display: block;
	width: 713px;
	height: 74px;
}

/* Menu */
#menu {
	display: block;
	width: 713px;
	height: 49px;
	background: url(../images/interface/menu-bg.gif) top right no-repeat;
}
#menu li {
	float: left;
	display:inline-block;
	height: 49px;
}
#menu a:link, #menu a:visited {
	display: block;
	height: 49px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
	#menu a:hover { background-position: 0 -49px; }
	#menu li.active a:link, #menu li.active a:visited, #menu li.active a:hover { background-position: 0 -98px; }
	
	/* Menu */
	#menu li.accueil a:link, #menu li.accueil a:visited, #menu li.accueil a:hover { width: 72px; background-image: url(../images/interface/menu-accueil.gif); }
	#menu li.produits a:link, #menu li.produits a:visited, #menu li.produits a:hover { width: 153px; background-image: url(../images/interface/menu-produits.gif); }
	#menu li.etudes a:link, #menu li.etudes a:visited, #menu li.etudes a:hover { width: 192px; background-image: url(../images/interface/menu-etudes.gif); }
	#menu li.accompagnement a:link, #menu li.accompagnement a:visited, #menu li.accompagnement a:hover { width: 191px; background-image: url(../images/interface/menu-accompagnement.gif); }
	
	/* Tools */
	#menu li.tool a:link, #menu li.tool a:visited, #menu li.tool a:hover { background-position: 0 0; }
	#menu li.newsletter a:link, #menu li.newsletter a:visited, #menu li.newsletter a:hover {
		width: 12px;
		height: 11px;
		margin: 24px 8px 0 19px;
		background-image: url(../images/interface/tools-newsletter.gif);
	}
	#menu li.ami a:link, #menu li.ami a:visited, #menu li.ami a:hover {
		width: 16px;
		height: 13px;
		margin: 23px 7px 0 7px;
		background-image: url(../images/interface/tools-ami.gif);
	}
	#menu li.contact a:link, #menu li.contact a:visited, #menu li.contact a:hover {
		width: 12px;
		height: 8px;
		margin: 26px 15px 0 8px;
		background-image: url(../images/interface/tools-contact.gif);
	}
	
/* Smenu */
#smenu {
	float: right;
	display: block;
	width: 452px;
	height: 25px;
	margin-right: 1px;
	background: url(../images/interface/smenu-bg.gif) top right no-repeat;
}
#smenu li {
	float: left;
	display: inline-block;
	height: 25px;
}
#smenu a:link, #smenu a:visited {
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 0 9px 0 10px;
	background: url(../images/interface/smenu-a.gif) top left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#smenu li:first-child a { background: none; }
	#smenu a:hover { color: #F4E95F; }
	

/* Footer
-----------------------------------------------------------------------------*/
/* Liens */
#footer div.liens {
	float: left;
	display: block;
	width: 674px;
	height: 90px;
	margin-right: 15px;
}

/* Menu */
#footer ul.menu {
	display: block;
	width: 664px;
	height: 55px;
	padding-left: 10px;
	background: url(../images/interface/footer-menu-bg.gif) top left no-repeat;
}
#footer ul.menu li {
	float: left;
	display: inline-block;
	height: 55px;
	line-height: 52px;
	padding: 0 15px;
	background: url(../images/interface/footer-menu-li.gif) 0 16px no-repeat;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#footer ul.menu li:first-child { background: none; }
#footer ul.menu a:link, #footer ul.menu a:visited { 
	color: #537195;
	font-weight: bold;
	text-decoration: none;
}
	#footer ul.menu a:hover { color: #E64414; }
	
/* Smenu */
#footer ul.smenu {
	display: block;
	width: 434px;
	height: 35px;
	padding-left: 240px;
	background: url(../images/interface/footer-smenu-bg.gif) top left no-repeat;
	font-size: 0.90em;
}
#footer ul.smenu li {
	float: left;
	display: inline-block;
	height: 35px;
	line-height: 32px;
	padding: 0 10px;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
#footer ul.smenu a:link, #footer ul.smenu a:visited {  color: #FFFFFF; text-decoration: none; }
	#footer ul.smenu a:hover { color: #FEE40B; }
	
/* Informations */
#footer div.informations {
	float: left;
	display: block;
	width: 198px;
	height: 75px;
	background: url(../images/interface/footer-informations.gif) top left no-repeat;
}	

/* Logos */
#footer ul.logos {
	display: block;
	height: 60px;
	margin-top: 10px;
}
#footer ul.logos li {
	float: left;
	display: inline-block;
	height: 60px;
	padding: 0 15px;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
#footer ul.logos a { display: block; height: 60px; }

	#footer ul.logos li.dubreuil a { width: 160px; background: url(../images/interface/footer-logos-dubreuil.gif) 0 0 no-repeat; }
	#footer ul.logos li.enerplan a { width: 80px; background: url(../images/interface/partenaires/enerplan.jpg) 0 0 no-repeat; }
	#footer ul.logos li.ademe a { width: 80px; background: url(../images/interface/partenaires/ademe.jpg) 0 0 no-repeat; }
	#footer ul.logos li.hespul a { width: 80px; background: url(../images/interface/partenaires/hespul.jpg) 0 0 no-repeat; }

	
/* Main
-----------------------------------------------------------------------------*/
/* Pathway */
#pathway {
	display: block;
	width: 889px;
	height: 40px;
	padding-left: 25px;
	background: url(../images/interface/pathway-bg.gif) top left no-repeat;
	color: #91A4AA;
}
#pathway li {
	float: left;
	display: inline-block;
	height: 35px;
	line-height: 37px;
	padding: 0 10px 0 15px;
	background: url(../images/interface/pathway-li.gif) 0 14px no-repeat;
	/* IE 6 */
	width: auto !important;
	width: 0.1em;
	white-space: nowrap;
}
	#pathway li:first-child { padding-left: 0; background: none; }
	
#pathway a:link, #pathway a:visited { color: #EF8401; text-decoration: underline; }
	#pathway a:hover { color: #E64514; }
	#pathway li.accueil a:link, #pathway li.accueil a:visited, #pathway li.accueil a:hover { color: #E64514; }
	
/* Columns */
#main div.content {
	margin: 0 30px 7px;
}
#main[class=columns] div.column {
	float: right;
	display: block;
	width: 716px;
}
#main[class=columns] div.sidebar {
	float: left;
	display: block;
	width: 171px;
	padding: 5px 15px 0 10px;
}
#main[class=columns] div.content {
	margin: 0 30px 7px 0;
}

/* Rubriques */
#rubriques { margin-bottom: 50px; }
#rubriques li {
	padding-left: 30px;
	margin-bottom: 10px;
	background: url(../images/interface/rubriques-li.gif) 10px 4px no-repeat;	
}
#rubriques a:link, #rubriques a:visited { color: #E64514; text-decoration: none; }
	#rubriques a:hover { color: #EF8401; }
	#rubriques li.active a:link, #rubriques li.active a:visited, #rubriques li.active a:hover { color: #E64514; font-weight: bold; } 
	
/* Haut de page */
p.haut-de-page { height: 28px; margin: 15px 45px 0 0; }
p.haut-de-page a {
	float: right;
	display: block;
	width: 64px;
	height: 28px;
	background: url(../images/interface/haut-de-page.gif) top left no-repeat;
}


/* Form
-----------------------------------------------------------------------------*/
div.form { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }
div.form p { margin-bottom: 7px; }
/* Fields */
div.form p.textfield {}
div.form p.postalcode {}
div.form p.nums {}
div.form p.captcha {}
div.form div.actions {}

/* Label */
div.form label {
	float: left;
	display: block;
	width: 80px;
	margin-right: 5px;
	color: #E64414;
}
div.form p.captcha img { float: left; vertical-align: middle; margin-right: 20px; }

/* Inputs */
div.form input[type=text] {
	padding: 2px 5px 3px;
	width: 290px;
	background: #FFFFFF url(../images/interface/form-text.gif) top left repeat-x;
	border: 1px solid #C4CACC;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.00em;
	color: #6F878E;
}
div.form p.postalcode input { width: 50px; }
div.form p.nums input { float: left; width: 85px; }
	div.form p.nums input[name=telephone] { margin-right: 23px; }
div.form p.captcha input { float: left; width: 150px; margin-top: 2px; }
	
div.form textarea {
	padding: 2px 5px 3px;
	width: 290px;
	height: 120px;
	background: #FFFFFF url(../images/interface/form-text.gif) top left repeat-x;
	border: 1px solid #C4CACC;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.00em;
	color: #6F878E;
}

div.form input[type=submit] {
	float: right;
	display: block;
	width: 99px;
	height: 32px;
	margin-right: 10px;
	background: url(../images/interface/contact/btn-envoyer.gif) top left no-repeat;
	cursor: pointer;
}

p.message-valide,
p.message-erreur {
    padding: 5px 5px 5px 5px;
    margin: 0 0 10px 0;
    min-height: 12px;
}

p.message-valide {
	border: 1px solid #81c01e;
	background: #e6f2d2;
	color: #666666;
}

p.message-erreur {
	border: 1px solid #a03225;
	background: #f7d3d2;
	color: #a03225;
}

/* Sidebar
-----------------------------------------------------------------------------*/
/* Services */
#sb-services {
  display: block;
  width: 163px;
  height: 78px;
  margin-bottom: 5px;
}
#sb-services a {
  display: block;
  width: 163px;
  height: 78px;
  background: url(../images/interface/listing/sb-services.gif) top left no-repeat;
}

/* Coordonnees */
#sb-coordonnees {
  display: block;
  width: 140px;
  line-height: 1.20em;
  padding-top: 23px;
  margin-left: 15px;
  background: url(../images/interface/listing/sb-coordonnees.gif) 0 0 no-repeat;
  font-size: 0.90em;
}
#sb-coordonnees p { margin: 0; }
#sb-coordonnees p.tel { 
  display: block; 
  width: 121px; 
  height: 18px; 
  margin-top: 5px;
  background: url(../images/interface/listing/sb-coordonnees-tel.gif) top left no-repeat; 
}