@charset "iso-8859-2";
/********************************************************
	CSS Document / General - Solargie by 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
-----------------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #FFFFFF;
}

h1 {
	margin: 10px 0 30px 0;
	font-size: 2.00em;
	color: #225D91;
}
h2 {
	margin: 25px 0 10px 0;
	font-size: 1.40em;
	color: #184267;
}
h3 {
	margin: 15px 0 10px 0;
	font-size: 1.20em;
	color: #12304B;
}
h3.valide{
	margin: 10px 0 10px 0;
	font-size: 1em;
	color: #12304B;
}
h3.erreur{
	margin: 10px 0 10px 0;
	font-size: 1em;
	color: #FCC305;
}

a:link, a:visited { color: #08647E; text-decoration: none; }
a:hover { text-decoration: underline; }

.white { color: #FFFFFF; }


/* Containers
-----------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	background: #0295bf url(../images/interface/bg.gif) top left repeat-x;
}
#header {
	width: 980px;
	height: 200px;
	margin: 0 auto;
	background: url(../images/interface/header-bg.jpg) bottom right no-repeat;
}
#global {
	width: 980px;
	margin: 0 auto;
	background: url(../images/interface/global-bg.jpg) top right no-repeat;
}
#main {
	float: left;
	width: 680px;
	min-height: 400px;
	padding: 0 20px 0 40px;
}
#sidebar {
	float: right;
	width: 220px;
	padding-right: 20px;
	color: #2F3D48;
}
#footer {
	position: absolute;
	width: 100%;
	height: 150px;
	background: url(../images/interface/footer-bg.gif) top left repeat-x;
}
#footer div.content {
	width: 980px;
	height: 150px;
	margin: 0 auto;
}
#menu {
	clear: both;
	height: 33px;
	background: url(../images/interface/menu-bg.gif) top left no-repeat;
}


/* Header
-----------------------------------------------------------------------------*/
#header div.logo { width: 230px; height: 190px; padding: 10px 0 0 0; }
	#header div.logo a { position: relative; display: block; width: 230px; height: 180px; background: url(../images/interface/logo-solargie-trans.png) top left no-repeat; }
	
#header div.navigation { float: right; width: 730px; margin: 10px 0 0 0; }
	#header div.tools { width: 730px; header: 70px; }
		#header div.tools div.contact { float: right; width: 150px; height: 70px;}
			#header div.tools div.contact p.btn a { 
				position: relative; /* IE6 CACA */
				display: block; 
				width: 132px; 
				height: 31px; 
				line-height: 31px; 
				padding-left: 20px;
				background: url(../images/interface/tools-contact.gif) top left no-repeat; 
				color: #FFFFFF; 
				font-weight: bold; 
			}
			#header div.tools div.contact p.tel { margin-left: 10px; color: #08647E; font-weight: bold; }
			#header div.tools div.contact p.price { margin-left: 79px; font-size: 0.75em; color: #999999; }
	
		#header div.tools ul { height: 20px; }
		#header div.tools li { float: left; height: 20px; background: url(../images/interface/tools-li.gif) top right no-repeat; }
		#header div.tools li a {
			position: relative;
			display: block;
			width: auto !important; /* Hack largeur variable IE */
			width: 0.1em; /* Hack largeur variable IE */
			white-space: nowrap; /* Hack largeur variable IE */
			height: 20px;
			line-height: 24px;
			padding: 0 15px 0 27px;
			font-size: 0.90em;
		}
		
		#header div.tools li.newsletter a { background: url(../images/interface/tools-newsletter.gif) 10px 8px no-repeat; }
		#header div.tools li.friend a { background: url(../images/interface/tools-friend.gif) 10px 5px no-repeat; }
		#header div.tools li.aboutus a { background: url(../images/interface/tools-aboutus.gif) 10px 6px no-repeat; color: #FFAB0F; }
		#header div.tools li.aboutus { background: none; }


/* Footer
-----------------------------------------------------------------------------*/
#footer div.tools { float: right; width: 160px; margin-right: 15px; }
	#footer div.tools div.dubreuil { width: 160px; height: 55px; }
		#footer div.tools div.dubreuil a {
			position: relative;
			display: block;
			width: 160px;
			height: 55px;
			background: url(../images/interface/footer-dubreuil.gif) top left no-repeat;
		}
	#footer div.tools ul { width: 143px; height: 46px; margin-top: 5px; padding: 5px 0 0 10px; background: url(../images/interface/footer-tools.gif) top left no-repeat; }
		#footer div.tools li { font-size: 0.90em; }

#footer div.links { width: 780px; padding-top: 60px; }
	#footer div.links div.main { width: 771px; height: 90px; padding: 0 5px 0 5px; background: url(../images/interface/footer-links.gif) top left no-repeat; }
	#footer div.links ul { float: left; font-family:  Arial, Verdana, Helvetica, sans-serif; }
		#footer div.links ul.comment { width: 120px; }
		#footer div.links ul.produits { width: 160px; }
		#footer div.links ul.combien { width: 160px; }
		#footer div.links ul.realisations { width: 100px; }
		#footer div.links ul.aboutus { width: 125px; }
		#footer div.links ul.contact { width: 105px; }
	
	#footer div.links li.top { height: 19px; margin-bottom: 5px; font-size: 0.80em; }
		#footer div.links li.top a {
			display: block; 
			height: 19px;
			line-height: 19px;
			padding: 0 9px 0 7px;
			color: #FFFFFF;
		}
	#footer div.links li.sep { background: url(../images/interface/footer-links-li.gif) top left no-repeat; }
	#footer div.links li { font-size: 0.80em; }
		#footer div.links li a { padding-left: 5px; }


/* Menu
-----------------------------------------------------------------------------*/
#menu ul { height: 33px; }
#menu li { float: left; height: 33px; }
	#menu a { position: relative; display: block; height: 33px; background-position: 0 0; background-repeat: no-repeat; }
	#menu a:hover { background-position: 0 -33px; }
	#menu li.active a { background-position: 0 -66px; }
	
	#menu li.accueil a { width: 35px; background-image: url(../images/interface/menu-home.gif); }
	#menu li.comment a { width: 174px; background-image: url(../images/interface/menu-comment.gif); }
	#menu li.produits a { width: 197px; background-image: url(../images/interface/menu-produits.gif); }
	#menu li.combien a { width: 178px; background-image: url(../images/interface/menu-combien.gif); }
	#menu li.realisations a { width: 136px; background-image: url(../images/interface/menu-realisations.gif); }
	
#smenu { height: 36px; background: url(../images/interface/smenu-bg.gif) top left no-repeat; }
	#smenu ul { height: 36px; padding-left: 20px; background: url(../images/interface/smenu-bg2.gif) top left no-repeat; overflow: hidden; }
	#smenu li { float: left; height: 36px; margin-right: 20px; }
	#smenu li a:link, #smenu li a:visited {
		display: block;
		width: auto !important;
		width: 0.1em;
		white-space: nowrap;
		height: 36px;
		line-height: 30px;
		font-size: 0.90em;
		font-weight: bold;
		text-transform: uppercase;
	}
	#smenu li a:hover { color: #FCC305; text-decoration: none; }
	#smenu li.active a { color: #FCC305; }


/* Sidebar
-----------------------------------------------------------------------------*/
#sidebar div.box-devis { width: 213px; height: 105px; margin-bottom: 5px; padding-top: 90px; background: url(../images/interface/box-devis-trans.png) top left no-repeat; }
	#sidebar div.box-devis p.btn a {
		position: relative;
		display: block; 
		width: 205px; 
		height: 43px; 
		margin-left: 5px;
		background: url(../images/interface/box-devis-btn.gif) top left no-repeat;
	}
	
#sidebar div.box-pro { width: 198px; height: 102px; margin-bottom: 5px; padding: 55px 0 0 15px;  background: url(../images/interface/box-pro-trans.png) top left no-repeat; }
	#sidebar div.box-pro div.description { }
		#sidebar div.box-pro div.description ul { margin: 0; }
		#sidebar div.box-pro div.description li { font-size: 0.90em; color: #000000; margin-bottom: 3px; padding-left: 10px; background: url(../images/interface/puce-5.gif) 0 4px no-repeat; }
	#sidebar div.box-pro div.details { position: absolute; margin: 65px 0 0 10px; }
		#sidebar div.box-pro div.details a { color: #000000; font-weight: bold; }

#sidebar div.box-reas { width: 193px; height: 111px; margin-bottom: 5px; padding: 55px 0 0 20px; background: url(../images/interface/box-reas-trans.png) top left no-repeat; }
	#sidebar div.box-reas div.description { }
		#sidebar div.box-reas div.description p { color: #FFFFFF; }	
		#sidebar div.box-reas div.description ul { margin: 12px 0 0 5px; }
		#sidebar div.box-reas div.description li { font-size: 0.90em; padding-left: 10px; background: url(../images/interface/puce-2.gif) 0 4px no-repeat; }
	#sidebar div.box-reas div.details { position: absolute; margin: 82px 0 0 40px; }
		#sidebar div.box-reas div.details a { color: #000000; font-weight: bold; }
		
#sidebar div.box-install { width: 188px; height: 168px; margin-bottom: 5px;  padding: 45px 10px 0 15px; background: url(../images/interface/box-install-trans.png) top left no-repeat; }
	#sidebar div.box-install p { font-size: 0.90em; color: #ABDCE9; }
	#sidebar div.box-install div.video { width: 139px; height: 117px; margin: 0 auto; }
		#sidebar div.box-install div.video a {
			position: relative;
			display: block;
			width: 139px;
			height: 105px;
			background: url(../images/interface/box-home-install-video.jpg) top left no-repeat; 
		}
		
#sidebar div.box-toppage { width: 200px; margin: 10px 0 5px 0; text-align: right; }
	#sidebar div.box-toppage a {
		display: block;
		height: 15px;
		padding-right: 25px;
		background: url(../images/interface/sidebar-toppage.gif) center right no-repeat;
		color: #ABDCE9;
		font-weight: bold;
	}
	
	
/* Main
-----------------------------------------------------------------------------*/
#main a:link, #main a:visited { color: #FCC305; text-decoration: underline; }
#main a:hover { text-decoration: none; }

#main p { margin: 10px 0 7px 0; }
	#main p.highlight { 
		margin: 15px 0 10px 0; 
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.70em; 
		color: #FCC305; 
		font-weight: bold; 
	}
	
	#main p.erreur { 
		font-weight: bold; 
		color:#F30;
		font-size:12px;
	}

#main img { vertical-align: middle; }
	#main img.left { float: left; margin: 0 10px 0 0; }
	#main img.right { float: right; margin: 0 0 0 10px; }
	
#main ul { margin: 8px 0 5px 0; }
	#main li { padding-left: 13px; margin-bottom: 4px; background: url(../images/interface/puce-3.gif) 0 3px no-repeat; }


/* Pathway
-----------------------------------------------------------------------------*/
#pathway {
	width: 940px;
	height: 40px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: url(../images/interface/pathway-bg.gif) center center no-repeat;
}
	#pathway div.left { float: left; width: 205px; height: 40px; }
		#pathway div.left a {
			display: block;
			width: 175px;
			height: 40px;
			line-height: 40px;
			padding: 0 10px 0 20px;
			background: url(../images/interface/pathway-left.gif) top left no-repeat;
			text-align: center;
			font-size: 1.20em;
			color: #FFFFFF;
			font-weight: bold;
		}
	#pathway div.right { float: left; width: 205px; height: 40px; }
		#pathway div.right a {
			display: block;
			width: 175px;
			height: 40px;
			line-height: 40px;
			padding: 0 20px 0 10px;
			background: url(../images/interface/pathway-right.gif) top left no-repeat;
			text-align: center;
			font-size: 1.20em;
			color: #FFFFFF;
			font-weight: bold;
		}
	#pathway div.links { float: left; width: 530px; height: 40px; line-height: 40px; text-align: center; color: #FFFFFF; }
		#pathway div.links span { color: #C5E8FF; }
		#pathway div.links a { color: #FFFFFF; }
		
		
/* Panel
-----------------------------------------------------------------------------*/
#main div.panel { width: 680px; margin-bottom: 2px; color: #225D91; }
	#main div.panel div.top { width: 680px; height: 12px; background: url(../images/interface/panel-top.gif) top left no-repeat; font-size: 1px; } 
	#main div.panel div.bottom { width: 680px; height: 4px; background: url(../images/interface/panel-bottom.gif) bottom left no-repeat; font-size: 1px; } 
	#main div.panel div.content { width: 660px; padding: 0 10px 5px 10px; background: url(../images/interface/panel-bg.gif) top left repeat-y; } 
	
	#main div.panel p { margin-bottom: 4px; }
	
	#main div.panel a:link, #main div.panel a:visited { color: #225D91; text-decoration: underline; }
	#main div.panel a:hover { text-decoration: none; }
	
	
/* MultiBox
-----------------------------------------------------------------------------*/
.MultiBoxContainer {
	position: absolute;
	border: 20px solid #000;
	background-color: #FFF;
	display: none;
	z-index: 2;
}
.MultiBoxLoading { background: url(../images/multibox/loader.gif) no-repeat center; }
.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../images/multibox/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}
.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}
.MultiBoxPrevious {
	position: absolute;
	background: url(../images/multibox/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}
.MultiBoxNext {
	position: absolute;
	background: url(../images/multibox/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}
.MultiBoxNextDisabled { cursor: default; background: url(../images/multibox/rightDisabled.png) no-repeat; }
.MultiBoxPreviousDisabled { cursor: default; background: url(../images/multibox/leftDisabled.png) no-repeat; }
.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}
.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}
.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}
.multiboxContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}